generated from vtex-sites/base.store
-
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 SlideOver
#142
Merged
Merged
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
* Uses CSS Modules on SlideOver component with themification * Extracts FilterSliderComponent * Extracts FilterSlider components and uses CSS Modules and tokens * Adds CSS Modules to Accordion * Adds Accordion theming tokens * Adds Changelog Entry * Moves styles to accordion component * Creates Accordion stories * Adds Accordion stories * Adds tokens to facets * Adds tokens to Filter Slider * Creates Filter Stories * Removes unused imports from Filter stories * Adds Filter facet description * Creates facets stories * Removes unused import from facets stories * Crestes FilterSlider stories * Adds CHANGELOG entry * Updates Filter related stories with PriceRange changes * Updates Filter related components links on storybook * Extracts Navbar related components and uses CSS Modules * Updates README navbar example * Adds tokens to navbar * Adds tokens to navlinks * Adds tokens to NavbarSlider * Tweaks navbar module comments * Adds CHANGELOG entry * Tweaks tokens spaces * Creates Navbar stories * Creates NavbarSlider stories * Creates NavLinks stories * Updates navbar related components links * Adds tokens to cart sidebar * Adds CHANGELOG entry * Adds tokens to cart sidebar * Moves facets mock to own file * Creates SlideOver stories * Tweaks breakpoint tokens * Removes height token * Removes some tokens * Updates SlideOver usage stories and props descriptions * Tweaks bkg color token Co-authored-by: Renata Motta <renata.motta@vtex.com.br> * Removes full width token * Uses Button with icon to show SlideOver and Navbar * uses SectionList on SlideOver stories * Update src/components/cart/CartSidebar/CartSidebar.tsx Co-authored-by: Victor Hugo Miranda Pinto <victor2142@gmail.com> * Update src/components/ui/SlideOver/SlideOver.tsx Co-authored-by: Victor Hugo Miranda Pinto <victor2142@gmail.com> Co-authored-by: Renata Motta <renata.motta@vtex.com.br> Co-authored-by: Victor Hugo Miranda Pinto <victor2142@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-34a91df--gatsby.preview.vtex.app |
Lighthouse ReportsHere are the Lighthouse reports of this Pull Request📝 Based on commit 34a91df
|
44d0559
to
2b49f11
Compare
renatamottam
approved these changes
Jul 12, 2022
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 cuz it looks the same on NextJS
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Labels
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
What's the purpose of this pull request?
Ported from vtex-sites/nextjs.store#145
This PR applies the new Theming structure to
SlideOver
: new scoped tokens linked to global ones.It also Adds CSS Modules to the
CartSidebar
, with themification tokens and Stories.How does it work?
This PR uses local variables to parameterize the
SlideOver
, andCartSidebar
properties, then connect these scoped tokens to the global ones.Tokens can be visualized in the storybook.
How to test it?
SlideOver
component and its related components should look just as it was before these changes.CartSidebar
component and its related components should look just as it was before these changes.Checklist
Changelog
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)PR Description
Breaking change
,Enhancement
,Bug
orChore
.ComponentName
component.useWindowDimensions
hook.Documentation