Feat: Adds tokens to SlideOver
#142
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 ↗︎
|
eduardoformiga
added
Documentation
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
|
eduardoformiga
force-pushed
the
feat/theming-slide-over-fsss-385
branch
from
44d0559
to
2b49f11
Compare
renatamottam
approved these changes
Jul 12, 2022
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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, andCartSidebarproperties, then connect these scoped tokens to the global ones.Tokens can be visualized in the storybook.
How to test it?
SlideOvercomponent and its related components should look just as it was before these changes.CartSidebarcomponent and its related components should look just as it was before these changes.Checklist
Changelog
CHANGELOG.mdat 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,BugorChore.ComponentNamecomponent.useWindowDimensionshook.Documentation