search

UX-and-I / storybook-design-token

Display design token documentation generated from your stylesheets and icon files. Preview design token changes in the browser. Add your design tokens to your Storybook Docs pages using the custom Doc Blocks.
https://dev.to/psqrrl/managing-design-tokens-using-storybook-5975
MIT License
648 stars 123 forks source link

Tokens that depend on other tokens don't work #209

Open fastndead opened 8 months ago

fastndead commented 8 months ago

Hi there. My issue is that when I use tokens inside of tokens like this:

  --someColor-h: 203;
  --someColor-s: 9%;
  --someColor-l: 14%;
  --someColor: hsl(var(--someColor-h), var(--someColor-s), var(--someColor-l));

the preview doesn't work:

image
fastndead commented 8 months ago

btw seems like the demo is broken and has the same issue on the --gradient-with-var