Design tokens used in Equinor Design System (EDS).
Generic tokens used across EDS, such as colours, typography, spacings etc…
- Typography (
Component specific tokens, such as button, input, table etc. These tokens can be used to implement a component in your own technology if needed whilst upholding consistency with design.
Update december 2019
The component tokens already made are still part of this package, but we encourage users to use base tokens for now – it proved to be too time consuming at this stage to create every token first in json and then in React. We might revisit the initial strategy at a later point.
Use as ESM Module
"type":"module" to your apps
Use as CommonJS Module
CommonJS will have a separate package path
React storybook example
const h1: h1Tokens = tokenstypographyheadingconst H1 = styledtitle: 'Tokens|Example'component: H1const TokensExample =<div><H1>Some header</H1></div>