Feature request: Ability to mofify values directly in storybook about storybook-design-token HOT 6 CLOSED

I've put together a quick PoC. Would like to hear your feedback.
https://5de0ea3fde0c3500088752a4--storybook-design-token.netlify.com/

from storybook-design-token.

The first iteration is released as part of 0.5.0. I will look into the preset and persistence thingy next year.

from storybook-design-token.

Hey. I will definitely look into the interaction thing. Not sure how to implement this with preprocessed styles, but should be straight forward with css variables.

Regarding the json serialization. There are some efforts for design token specifications (e.g. design-tokens/community-group#1) that look interesting. Idea behind this addon was to generate the token docs directly from your stylesheets. Using some kind of formal spec to generate your token styles and docs sounds nice but kind of defeats the purpose of this addon.

from storybook-design-token.

That's amazing Philip, really like that you can revert back to the original value quite easily. In my use case the json would be really handy or a way to retain the value in a local storage maybe. Other than that this feature as it is, is already super handy

from storybook-design-token.

Hi, I am using the storybook-design-token in my project now but I don't have the option to modify the values in Storybook. I just see a fixed value. This seems like something that you have already added. Any ideas why I'm not seeing this?

from storybook-design-token.

Hi, I am using the storybook-design-token in my project now but I don't have the option to modify the values in Storybook. I just see a fixed value. This seems like something that you have already added. Any ideas why I'm not seeing this?

I'm assuming you are using scss or less. For now the live editing is only available for CSS tokens (using setProperty). I'm not aware of a reasonable implementation that works for variables in pre-processed styles.

from storybook-design-token.