-
Notifications
You must be signed in to change notification settings - Fork 14
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
Feat: Adds tokens to Radio
#89
Conversation
* Creates Input Radio * Styles Radio * Adds Radio to Storybook * Adds tokens tables * Fixes Storybook table width * Fixes Checkbox hovers * Updates Changelog * Fix typo Co-authored-by: Fanny Chien <fannychienn@gmail.com> * Updates Checkbox Story to use TokenTable Co-authored-by: Fanny Chien <fannychienn@gmail.com>
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
Preview is readyThis pull request generated a Preview👀 Preview: https://sfj-898f27e--gatsby.preview.vtex.app |
Lighthouse ReportsHere are the Lighthouse reports of this Pull Request📝 Based on commit 898f27e
|
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.
Approving because It's working fine on the preview, and seems like all the changes made on https://github.com/vtex-sites/nextjs.store/pull/87 is also here.
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.
Amazing job! ✨
I think we could pass other props to the radio component.
What do you think?
Co-authored-by: Eduardo Formiga <eduardo.formiga@vtex.com.br>
Cherry-pick from NextJS Project: https://github.com/vtex-sites/nextjs.store/pull/87
What's the purpose of this pull request?
This PR applies the new Theming structure to
Radio
: new scoped tokens linked to global ones.Additionally, I updated Checkbox's hover state to follow Radio definitions.
How does it work?
This PR uses local variables to parameterize the

Radio
properties, then connects these scoped tokens to the global ones.See Story for full tokens documentation.
How to test it?
You can check the story on Storybook: Preview Link
Checklist
CHANGELOG.md
at the beginning of its due section. The latest version should comes first.CHANGELOG.md
. E.g., New items in thepull_request_template.md
(#4)Breaking change
,Enhancement
,Bug
orChore
.ComponentName
component.