-
Notifications
You must be signed in to change notification settings - Fork 1.8k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
docs(storybook): add type token switcher #4359
docs(storybook): add type token switcher #4359
Conversation
Deploy preview for the-carbon-components ready! Built with commit e8aa2ef https://deploy-preview-4359--the-carbon-components.netlify.com |
Deploy preview for carbon-components-react ready! Built with commit e8aa2ef https://deploy-preview-4359--carbon-components-react.netlify.com |
Deploy preview for carbon-elements ready! Built with commit e8aa2ef |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM 👍 - Thanks @emyarod!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
🎉
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looks good to me! Out of curiosity, is there any way to quickly tell which type token applies to the component? I just changed random ones until I found one that changed the component
@abbeyhrt really the only fast way is to inspect the styles, sadly 😞 There is the SassDoc too that might help: https://github.com/carbon-design-system/carbon/blob/master/packages/components/docs/sass.md#accordion-mixin |
Closes #4329
This PR creates a storybook addon for modifying Carbon type token font size and line height. When a type token font size/line height pairing is selected for a particular type token, the corresponding custom properties for those rules is modified
Changelog
New
Changed
Testing / Reviewing
Change type token font size/line height pairings in the new Carbon Type storybook panel
Ensure the type tokens change as expected and are reflected in the DOM and storybook