@equinor/eds-tokens

Design tokens for the Equinor Design System

Usage no npm install needed!

<script type="module">
  import equinorEdsTokens from 'https://cdn.skypack.dev/@equinor/eds-tokens';
</script>

README

@equinor/eds-tokens

Design tokens used in the Equinor Design System (EDS), such as colours, typography, spacings etc…

Installation

npm install @equinor/eds-tokens

If you use Typescript, make sure you have typescript >= 3.8 as a devDependency:

npm install typescript --save-dev

Usage

import { tokens } from '@equinor/eds-tokens'

Tokens

  • Clickbounds
  • Colors
  • Elevation
  • Shape
  • Spacing
  • Interaction states
  • Typography (ot, woff or woff2 font required)