0.0.4 ā€¢ Published 2 years ago

gyldendal-tokens v0.0.4

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

Design tokens

āš” Quick how to: update tokens

  1. Export json from Figma
  2. Replace json in tokens-from-figma.json
  3. Run yarn tokens
  4. Commit changes

šŸ§± Token folder structure

/
ā”œā”€ā”€ output/
ā”‚   ā”œā”€ā”€ tokens.css
ā”‚   ā”œā”€ā”€ tokens.less
ā”‚   ā”œā”€ā”€ tokens.scss
ā”‚   ā”œā”€ā”€ tokens.js
ā”‚   ā””ā”€ā”€ token.json
ā”œā”€ā”€ build.js
ā”œā”€ā”€ config.js
ā””ā”€ā”€ tokens-from-figma.json

We use style-dictionary to transform and format the tokens in ./tokens-from-figma.json.

In ./config.js we decide which formats we want (css, scss, js and more), and in ./build.js we can create formatters and use other utilities to change the output how we want.

The files in ./output are auto generated and should never be edited manually.

@everything-registry/sub-chunk-1817gu-ds-css
0.0.4

2 years ago

0.0.3

2 years ago