@faststore/core 22.42.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.babelrc +4 -0
- package/.editorconfig +13 -0
- package/.eslintignore +8 -0
- package/.eslintrc +21 -0
- package/.github/CODEOWNERS +2 -0
- package/.github/workflows/release.yml +40 -0
- package/.husky/pre-commit +4 -0
- package/.prettierignore +8 -0
- package/.prettierrc +1 -0
- package/.release-it.json +31 -0
- package/.storybook/components/BestPractices.tsx +18 -0
- package/.storybook/components/BestPracticesRule.tsx +43 -0
- package/.storybook/components/Callout.tsx +12 -0
- package/.storybook/components/SectionItem.tsx +44 -0
- package/.storybook/components/SectionList.tsx +27 -0
- package/.storybook/components/TokenDivider.tsx +12 -0
- package/.storybook/components/TokenRow.tsx +32 -0
- package/.storybook/components/TokenTable.tsx +33 -0
- package/.storybook/components/index.ts +8 -0
- package/.storybook/main.js +59 -0
- package/.storybook/manager-head.html +9 -0
- package/.storybook/manager.js +6 -0
- package/.storybook/mocks/cart-sidebar.js +40 -0
- package/.storybook/mocks/filter-slider.js +59 -0
- package/.storybook/mocks/index.ts +5 -0
- package/.storybook/mocks/product.ts +67 -0
- package/.storybook/mocks/productGridItems.ts +334 -0
- package/.storybook/mocks/searchHistory.ts +8 -0
- package/.storybook/mocks/searchTerms.ts +5 -0
- package/.storybook/preview-head.html +1 -0
- package/.storybook/preview.js +89 -0
- package/.storybook/storybook.css +550 -0
- package/.storybook/theme.js +21 -0
- package/.stylelintignore +1 -0
- package/.vscode/settings.json +7 -0
- package/@generated/graphql/index.ts +1133 -0
- package/@generated/graphql/persisted.json +12 -0
- package/CHANGELOG.md +730 -0
- package/LICENSE +21 -0
- package/README.md +437 -0
- package/bun.lockb +0 -0
- package/cms/content-types.json +52 -0
- package/cms/sections.json +350 -0
- package/cms/translation-keys.json +1 -0
- package/cms-webhook-urls.json +5 -0
- package/codegen.yml +22 -0
- package/cypress/fixtures/example.json +5 -0
- package/cypress/global.js +15 -0
- package/cypress/integration/a11y.test.js +45 -0
- package/cypress/integration/analytics.test.js +381 -0
- package/cypress/integration/cart.test.js +100 -0
- package/cypress/integration/performance.test.js +65 -0
- package/cypress/integration/plp.test.js +224 -0
- package/cypress/integration/search.test.js +38 -0
- package/cypress/integration/seo.test.js +318 -0
- package/cypress/plugins/index.js +41 -0
- package/cypress/support/commands.js +70 -0
- package/cypress/support/index.js +3 -0
- package/cypress.json +9 -0
- package/lighthouserc.js +22 -0
- package/next-env.d.ts +5 -0
- package/next.config.js +35 -0
- package/package.json +114 -0
- package/postcss.config.js +5 -0
- package/public/brandless-negative.png +0 -0
- package/public/brandless-neutral.png +0 -0
- package/public/brandless-positive.png +0 -0
- package/public/brandless-storybook.png +0 -0
- package/public/favicon.ico +0 -0
- package/public/icons.svg +58 -0
- package/public/logo.svg +42 -0
- package/public/mockServiceWorker.js +367 -0
- package/public/robots.txt +5 -0
- package/pull_request_template.md +37 -0
- package/renovate.json +5 -0
- package/src/Layout.tsx +51 -0
- package/src/components/ThirdPartyScripts/GoogleTagManager.tsx +61 -0
- package/src/components/ThirdPartyScripts/ThirdPartyScripts.tsx +37 -0
- package/src/components/ThirdPartyScripts/index.ts +1 -0
- package/src/components/ThirdPartyScripts/vtex.tsx +23 -0
- package/src/components/cart/CartItem/CartItem.stories.mdx +134 -0
- package/src/components/cart/CartItem/CartItem.tsx +158 -0
- package/src/components/cart/CartItem/cart-item.module.scss +68 -0
- package/src/components/cart/CartItem/index.ts +1 -0
- package/src/components/cart/CartSidebar/CartSidebar.stories.mdx +119 -0
- package/src/components/cart/CartSidebar/CartSidebar.tsx +140 -0
- package/src/components/cart/CartSidebar/cart-sidebar.module.scss +69 -0
- package/src/components/cart/CartSidebar/index.ts +1 -0
- package/src/components/cart/CartToggle/CartToggle.tsx +20 -0
- package/src/components/cart/CartToggle/index.ts +1 -0
- package/src/components/cart/EmptyCart/EmptyCart.tsx +26 -0
- package/src/components/cart/EmptyCart/index.ts +1 -0
- package/src/components/cart/OrderSummary/OrderSummary.tsx +39 -0
- package/src/components/cart/OrderSummary/index.ts +1 -0
- package/src/components/cart/OrderSummary/order-summary.module.scss +22 -0
- package/src/components/cms/RenderPageSections.tsx +52 -0
- package/src/components/cms/SectionBoundary.tsx +34 -0
- package/src/components/common/Alert/Alert.tsx +53 -0
- package/src/components/common/Alert/index.ts +1 -0
- package/src/components/common/Footer/Footer.stories.mdx +158 -0
- package/src/components/common/Footer/Footer.tsx +160 -0
- package/src/components/common/Footer/FooterLinks.tsx +155 -0
- package/src/components/common/Footer/footer.module.scss +246 -0
- package/src/components/common/Footer/index.ts +2 -0
- package/src/components/common/Navbar/NavLinks.stories.mdx +122 -0
- package/src/components/common/Navbar/NavLinks.tsx +58 -0
- package/src/components/common/Navbar/Navbar.stories.mdx +179 -0
- package/src/components/common/Navbar/Navbar.tsx +97 -0
- package/src/components/common/Navbar/NavbarSlider.stories.mdx +108 -0
- package/src/components/common/Navbar/NavbarSlider.tsx +62 -0
- package/src/components/common/Navbar/index.ts +3 -0
- package/src/components/common/Navbar/navbar-slider.module.scss +60 -0
- package/src/components/common/Navbar/navbar.module.scss +204 -0
- package/src/components/common/Navbar/navlinks.module.scss +96 -0
- package/src/components/common/Toast/Toast.tsx +40 -0
- package/src/components/common/Toast/index.ts +1 -0
- package/src/components/product/OutOfStock/OutOfStock.stories.mdx +127 -0
- package/src/components/product/OutOfStock/OutOfStock.tsx +134 -0
- package/src/components/product/OutOfStock/index.ts +2 -0
- package/src/components/product/OutOfStock/out-of-stock.module.scss +55 -0
- package/src/components/product/ProductCard/ProductCard.stories.mdx +412 -0
- package/src/components/product/ProductCard/ProductCard.tsx +170 -0
- package/src/components/product/ProductCard/index.ts +2 -0
- package/src/components/product/ProductCard/product-card.module.scss +254 -0
- package/src/components/product/ProductGrid/ProductGrid.stories.mdx +97 -0
- package/src/components/product/ProductGrid/ProductGrid.tsx +37 -0
- package/src/components/product/ProductGrid/index.ts +1 -0
- package/src/components/product/ProductGrid/product-grid.module.scss +39 -0
- package/src/components/regionalization/Regionalization.stories.mdx +182 -0
- package/src/components/regionalization/RegionalizationBar/RegionalizationBar.stories.mdx +116 -0
- package/src/components/regionalization/RegionalizationBar/RegionalizationBar.tsx +40 -0
- package/src/components/regionalization/RegionalizationBar/index.ts +1 -0
- package/src/components/regionalization/RegionalizationBar/regionalization-bar.module.scss +56 -0
- package/src/components/regionalization/RegionalizationButton/RegionalizationButton.tsx +24 -0
- package/src/components/regionalization/RegionalizationButton/index.ts +1 -0
- package/src/components/regionalization/RegionalizationInput/RegionalizationInput.tsx +61 -0
- package/src/components/regionalization/RegionalizationInput/index.ts +1 -0
- package/src/components/regionalization/RegionalizationModal/RegionalizationModal.stories.mdx +161 -0
- package/src/components/regionalization/RegionalizationModal/RegionalizationModal.tsx +13 -0
- package/src/components/regionalization/RegionalizationModal/RegionalizationModalContent.tsx +48 -0
- package/src/components/regionalization/RegionalizationModal/index.ts +2 -0
- package/src/components/regionalization/RegionalizationModal/regionalization-modal-content.module.scss +79 -0
- package/src/components/search/Filter/Facets.stories.mdx +284 -0
- package/src/components/search/Filter/Facets.tsx +136 -0
- package/src/components/search/Filter/Filter.stories.mdx +209 -0
- package/src/components/search/Filter/Filter.tsx +91 -0
- package/src/components/search/Filter/FilterSlider.stories.mdx +226 -0
- package/src/components/search/Filter/FilterSlider.tsx +109 -0
- package/src/components/search/Filter/facets.module.scss +117 -0
- package/src/components/search/Filter/filter-slider.module.scss +63 -0
- package/src/components/search/Filter/index.ts +2 -0
- package/src/components/search/Filter/useFilter.ts +131 -0
- package/src/components/search/Search.stories.mdx +169 -0
- package/src/components/search/SearchDropdown/SearchDropdown.stories.mdx +62 -0
- package/src/components/search/SearchDropdown/SearchDropdown.tsx +44 -0
- package/src/components/search/SearchDropdown/index.ts +2 -0
- package/src/components/search/SearchHistory/SearchHistory.stories.mdx +59 -0
- package/src/components/search/SearchHistory/SearchHistory.tsx +51 -0
- package/src/components/search/SearchHistory/index.ts +1 -0
- package/src/components/search/SearchInput/SearchInput.stories.mdx +205 -0
- package/src/components/search/SearchInput/SearchInput.tsx +128 -0
- package/src/components/search/SearchInput/index.ts +2 -0
- package/src/components/search/SearchInput/search-input.module.scss +153 -0
- package/src/components/search/SearchProductCard/SearchProductCard.stories.mdx +96 -0
- package/src/components/search/SearchProductCard/SearchProductCard.tsx +103 -0
- package/src/components/search/SearchProductCard/index.ts +1 -0
- package/src/components/search/SearchProductCard/search-product-card.module.scss +54 -0
- package/src/components/search/SearchSharedTokenTable.mdx +98 -0
- package/src/components/search/SearchSuggestions/SearchSuggestions.stories.mdx +58 -0
- package/src/components/search/SearchSuggestions/SearchSuggestions.tsx +136 -0
- package/src/components/search/SearchSuggestions/index.ts +2 -0
- package/src/components/search/SearchTop/SearchTop.stories.mdx +58 -0
- package/src/components/search/SearchTop/SearchTop.tsx +78 -0
- package/src/components/search/SearchTop/index.ts +2 -0
- package/src/components/search/Sort/Sort.tsx +42 -0
- package/src/components/search/Sort/index.ts +1 -0
- package/src/components/search/search.module.scss +101 -0
- package/src/components/search/searchMock.ts +48 -0
- package/src/components/sections/BannerNewsletter/BannerNewsletter.tsx +28 -0
- package/src/components/sections/BannerNewsletter/banner-newsletter.module.scss +23 -0
- package/src/components/sections/BannerText/BannerText.stories.mdx +270 -0
- package/src/components/sections/BannerText/BannerText.tsx +87 -0
- package/src/components/sections/BannerText/banner-text.module.scss +127 -0
- package/src/components/sections/BannerText/index.ts +2 -0
- package/src/components/sections/Breadcrumb/Breadcrumb.tsx +24 -0
- package/src/components/sections/Breadcrumb/index.ts +1 -0
- package/src/components/sections/Hero/Hero.stories.mdx +277 -0
- package/src/components/sections/Hero/Hero.tsx +109 -0
- package/src/components/sections/Hero/hero.module.scss +180 -0
- package/src/components/sections/Hero/index.ts +2 -0
- package/src/components/sections/Incentives/Incentives.stories.mdx +159 -0
- package/src/components/sections/Incentives/Incentives.tsx +69 -0
- package/src/components/sections/Incentives/IncentivesFooter.tsx +8 -0
- package/src/components/sections/Incentives/IncentivesHeader.tsx +23 -0
- package/src/components/sections/Incentives/incentives.module.scss +122 -0
- package/src/components/sections/Incentives/incentivesMock.ts +55 -0
- package/src/components/sections/Incentives/index.ts +2 -0
- package/src/components/sections/Newsletter/Newsletter.stories.mdx +139 -0
- package/src/components/sections/Newsletter/Newsletter.tsx +151 -0
- package/src/components/sections/Newsletter/index.ts +2 -0
- package/src/components/sections/Newsletter/newsletter.module.scss +135 -0
- package/src/components/sections/ProducDetailsContent/ProductDetailsContent.stories.mdx +66 -0
- package/src/components/sections/ProducDetailsContent/ProductDetailsContent.tsx +278 -0
- package/src/components/sections/ProducDetailsContent/index.ts +1 -0
- package/src/components/sections/ProducDetailsContent/product-details-content.module.scss +50 -0
- package/src/components/sections/ProductDetails/ProductDetails.tsx +316 -0
- package/src/components/sections/ProductDetails/index.ts +1 -0
- package/src/components/sections/ProductDetails/product-details.module.scss +194 -0
- package/src/components/sections/ProductGallery/EmptyGallery.tsx +38 -0
- package/src/components/sections/ProductGallery/ProductGallery.tsx +186 -0
- package/src/components/sections/ProductGallery/ProductGalleryPage.tsx +70 -0
- package/src/components/sections/ProductGallery/index.ts +1 -0
- package/src/components/sections/ProductGallery/product-gallery.module.scss +184 -0
- package/src/components/sections/ProductGallery/useDelayedFacets.ts +18 -0
- package/src/components/sections/ProductGallery/useDelayedPagination.ts +16 -0
- package/src/components/sections/ProductGallery/useGalleryQuery.ts +58 -0
- package/src/components/sections/ProductGallery/usePageProducts.ts +48 -0
- package/src/components/sections/ProductShelf/ProductShelf.tsx +68 -0
- package/src/components/sections/ProductShelf/index.ts +1 -0
- package/src/components/sections/ProductShelf/product-shelf.module.scss +41 -0
- package/src/components/sections/ProductTiles/ProductTiles.tsx +83 -0
- package/src/components/sections/ProductTiles/index.ts +1 -0
- package/src/components/sections/ScrollToTopButton/ScrollToTopButton.tsx +45 -0
- package/src/components/sections/ScrollToTopButton/index.ts +1 -0
- package/src/components/sections/ScrollToTopButton/scroll-to-top-button.module.scss +12 -0
- package/src/components/sections/Section/Section.tsx +15 -0
- package/src/components/sections/Section/index.ts +1 -0
- package/src/components/sections/Section/section.scss +16 -0
- package/src/components/skeletons/FilterSkeleton/FilterSkeleton.stories.mdx +97 -0
- package/src/components/skeletons/FilterSkeleton/FilterSkeleton.tsx +34 -0
- package/src/components/skeletons/FilterSkeleton/filter-skeleton.module.scss +51 -0
- package/src/components/skeletons/FilterSkeleton/index.ts +1 -0
- package/src/components/skeletons/ProductCardSkeleton/ProductCardSkeleton.stories.mdx +176 -0
- package/src/components/skeletons/ProductCardSkeleton/ProductCardSkeleton.tsx +52 -0
- package/src/components/skeletons/ProductCardSkeleton/index.ts +1 -0
- package/src/components/skeletons/ProductCardSkeleton/product-card-skeleton.module.scss +97 -0
- package/src/components/skeletons/ProductGridSkeleton/ProductGridSkeleton.tsx +29 -0
- package/src/components/skeletons/ProductGridSkeleton/index.ts +1 -0
- package/src/components/skeletons/ProductShelfSkeleton/ProductShelfSkeleton.tsx +32 -0
- package/src/components/skeletons/ProductShelfSkeleton/index.ts +1 -0
- package/src/components/skeletons/ProductTilesSkeleton/ProductTileSkeleton/ProductTileSkeleton.tsx +57 -0
- package/src/components/skeletons/ProductTilesSkeleton/ProductTileSkeleton/index.ts +1 -0
- package/src/components/skeletons/ProductTilesSkeleton/ProductTileSkeleton/product-tile-skeleton.module.scss +218 -0
- package/src/components/skeletons/ProductTilesSkeleton/ProductTilesSkeleton.tsx +33 -0
- package/src/components/skeletons/ProductTilesSkeleton/index.ts +2 -0
- package/src/components/skeletons/Shimmer/Shimmer.tsx +11 -0
- package/src/components/skeletons/Shimmer/index.ts +1 -0
- package/src/components/skeletons/Shimmer/shimmer.module.scss +43 -0
- package/src/components/skeletons/Skeleton/Skeleton.tsx +49 -0
- package/src/components/skeletons/Skeleton/index.ts +1 -0
- package/src/components/skeletons/Skeleton/skeleton.module.scss +77 -0
- package/src/components/skeletons/Skeletons.stories.mdx +178 -0
- package/src/components/ui/Accordion/Accordion.stories.mdx +219 -0
- package/src/components/ui/Accordion/Accordion.tsx +39 -0
- package/src/components/ui/Accordion/AccordionItem.stories.mdx +116 -0
- package/src/components/ui/Accordion/AccordionItem.tsx +82 -0
- package/src/components/ui/Accordion/accordion.module.scss +65 -0
- package/src/components/ui/Accordion/index.ts +2 -0
- package/src/components/ui/Alert/Alert.stories.mdx +164 -0
- package/src/components/ui/Alert/Alert.tsx +78 -0
- package/src/components/ui/Alert/alert.module.scss +93 -0
- package/src/components/ui/Alert/index.ts +1 -0
- package/src/components/ui/Badge/Badge.stories.mdx +465 -0
- package/src/components/ui/Badge/Badge.tsx +76 -0
- package/src/components/ui/Badge/DiscountBadge.stories.mdx +191 -0
- package/src/components/ui/Badge/DiscountBadge.tsx +57 -0
- package/src/components/ui/Badge/badge.module.scss +252 -0
- package/src/components/ui/Badge/index.ts +4 -0
- package/src/components/ui/Breadcrumb/Breadcrumb.stories.mdx +197 -0
- package/src/components/ui/Breadcrumb/Breadcrumb.tsx +122 -0
- package/src/components/ui/Breadcrumb/breadcrumb.module.scss +144 -0
- package/src/components/ui/Breadcrumb/index.ts +2 -0
- package/src/components/ui/Button/Button.stories.mdx +685 -0
- package/src/components/ui/Button/Button.tsx +85 -0
- package/src/components/ui/Button/ButtonBuy/ButtonBuy.tsx +24 -0
- package/src/components/ui/Button/ButtonBuy/index.ts +1 -0
- package/src/components/ui/Button/ButtonLink/ButtonLink.tsx +49 -0
- package/src/components/ui/Button/ButtonLink/ButtonSignIn/ButtonSignIn.tsx +22 -0
- package/src/components/ui/Button/ButtonLink/ButtonSignIn/ButtonSignInFallback/ButtonSignInFallback.tsx +18 -0
- package/src/components/ui/Button/ButtonLink/ButtonSignIn/ButtonSignInFallback/index.ts +1 -0
- package/src/components/ui/Button/ButtonLink/ButtonSignIn/index.ts +1 -0
- package/src/components/ui/Button/ButtonLink/index.ts +1 -0
- package/src/components/ui/Button/button.module.scss +392 -0
- package/src/components/ui/Button/index.ts +6 -0
- package/src/components/ui/Checkbox/Checkbox.stories.mdx +268 -0
- package/src/components/ui/Checkbox/Checkbox.tsx +20 -0
- package/src/components/ui/Checkbox/checkbox.module.scss +157 -0
- package/src/components/ui/Checkbox/index.ts +2 -0
- package/src/components/ui/Dropdown/Dropdown.stories.mdx +232 -0
- package/src/components/ui/Dropdown/Dropdown.tsx +12 -0
- package/src/components/ui/Dropdown/DropdownButton.tsx +20 -0
- package/src/components/ui/Dropdown/DropdownItem.stories.mdx +139 -0
- package/src/components/ui/Dropdown/DropdownItem.tsx +26 -0
- package/src/components/ui/Dropdown/DropdownMenu.stories.mdx +115 -0
- package/src/components/ui/Dropdown/DropdownMenu.tsx +34 -0
- package/src/components/ui/Dropdown/dropdown.module.scss +101 -0
- package/src/components/ui/Dropdown/index.ts +4 -0
- package/src/components/ui/EmptyState/EmptyState.stories.mdx +146 -0
- package/src/components/ui/EmptyState/EmptyState.tsx +26 -0
- package/src/components/ui/EmptyState/empty-state.module.scss +63 -0
- package/src/components/ui/EmptyState/index.ts +1 -0
- package/src/components/ui/Gift/Gift.stories.mdx +99 -0
- package/src/components/ui/Gift/Gift.tsx +76 -0
- package/src/components/ui/Gift/gift.module.scss +94 -0
- package/src/components/ui/Gift/index.ts +2 -0
- package/src/components/ui/Icon/Icon.tsx +35 -0
- package/src/components/ui/Icon/index.ts +1 -0
- package/src/components/ui/Image/Image.tsx +59 -0
- package/src/components/ui/Image/index.ts +1 -0
- package/src/components/ui/Image/thumborUrlBuilder.ts +101 -0
- package/src/components/ui/Image/useImage.ts +46 -0
- package/src/components/ui/ImageGallery/ImageGallery.stories.mdx +173 -0
- package/src/components/ui/ImageGallery/ImageGallery.tsx +51 -0
- package/src/components/ui/ImageGallery/ImageGallerySelector.tsx +116 -0
- package/src/components/ui/ImageGallery/ImageZoom.tsx +12 -0
- package/src/components/ui/ImageGallery/image-gallery-selector.module.scss +131 -0
- package/src/components/ui/ImageGallery/image-gallery.module.scss +56 -0
- package/src/components/ui/ImageGallery/index.ts +4 -0
- package/src/components/ui/InputText/InputText.stories.mdx +311 -0
- package/src/components/ui/InputText/InputText.tsx +128 -0
- package/src/components/ui/InputText/index.ts +2 -0
- package/src/components/ui/InputText/input-text.module.scss +168 -0
- package/src/components/ui/Link/Link.stories.mdx +272 -0
- package/src/components/ui/Link/Link.tsx +68 -0
- package/src/components/ui/Link/index.ts +2 -0
- package/src/components/ui/Link/link.module.scss +98 -0
- package/src/components/ui/Logo/Logo.tsx +14 -0
- package/src/components/ui/Logo/index.ts +1 -0
- package/src/components/ui/Logo/logo.module.scss +12 -0
- package/src/components/ui/Modal/Modal.stories.mdx +142 -0
- package/src/components/ui/Modal/Modal.tsx +43 -0
- package/src/components/ui/Modal/index.ts +1 -0
- package/src/components/ui/Modal/modal.module.scss +46 -0
- package/src/components/ui/Price/Price.stories.mdx +194 -0
- package/src/components/ui/Price/Price.tsx +32 -0
- package/src/components/ui/Price/index.ts +1 -0
- package/src/components/ui/Price/price.module.scss +27 -0
- package/src/components/ui/PriceRange/PriceRange.stories.mdx +192 -0
- package/src/components/ui/PriceRange/PriceRange.tsx +138 -0
- package/src/components/ui/PriceRange/index.ts +1 -0
- package/src/components/ui/PriceRange/price-range.module.scss +176 -0
- package/src/components/ui/ProductTitle/ProductTitle.stories.mdx +107 -0
- package/src/components/ui/ProductTitle/ProductTitle.tsx +11 -0
- package/src/components/ui/ProductTitle/index.ts +1 -0
- package/src/components/ui/ProductTitle/product-title.module.scss +48 -0
- package/src/components/ui/QuantitySelector/QuantitySelector.stories.mdx +246 -0
- package/src/components/ui/QuantitySelector/QuantitySelector.tsx +103 -0
- package/src/components/ui/QuantitySelector/index.ts +1 -0
- package/src/components/ui/QuantitySelector/quantity-selector.module.scss +160 -0
- package/src/components/ui/Radio/Radio.stories.mdx +237 -0
- package/src/components/ui/Radio/Radio.tsx +36 -0
- package/src/components/ui/Radio/index.ts +2 -0
- package/src/components/ui/Radio/radio.module.scss +122 -0
- package/src/components/ui/SROnly/SROnly.tsx +20 -0
- package/src/components/ui/SROnly/index.ts +1 -0
- package/src/components/ui/SROnly/sr-only.module.scss +15 -0
- package/src/components/ui/Select/Select.stories.mdx +168 -0
- package/src/components/ui/Select/Select.tsx +70 -0
- package/src/components/ui/Select/index.ts +2 -0
- package/src/components/ui/Select/select.module.scss +85 -0
- package/src/components/ui/ShippingSimulation/ShippingSimulation.stories.mdx +140 -0
- package/src/components/ui/ShippingSimulation/ShippingSimulation.tsx +109 -0
- package/src/components/ui/ShippingSimulation/index.ts +1 -0
- package/src/components/ui/ShippingSimulation/shipping-simulation.module.scss +96 -0
- package/src/components/ui/ShippingSimulation/useShippingSimulation.ts +225 -0
- package/src/components/ui/SkuSelector/Selectors.stories.mdx +82 -0
- package/src/components/ui/SkuSelector/Selectors.tsx +87 -0
- package/src/components/ui/SkuSelector/SkuSelector.stories.mdx +345 -0
- package/src/components/ui/SkuSelector/SkuSelector.tsx +46 -0
- package/src/components/ui/SkuSelector/index.ts +3 -0
- package/src/components/ui/SkuSelector/sku-selector.module.scss +172 -0
- package/src/components/ui/SkuSelector/skuVariants.ts +59 -0
- package/src/components/ui/SlideOver/SlideOver.stories.mdx +285 -0
- package/src/components/ui/SlideOver/SlideOver.tsx +58 -0
- package/src/components/ui/SlideOver/index.ts +1 -0
- package/src/components/ui/SlideOver/overlay.scss +14 -0
- package/src/components/ui/SlideOver/slide-over.module.scss +63 -0
- package/src/components/ui/Tiles/Tiles.stories.mdx +153 -0
- package/src/components/ui/Tiles/Tiles.tsx +14 -0
- package/src/components/ui/Tiles/index.ts +5 -0
- package/src/components/ui/Tiles/tiles.module.scss +60 -0
- package/src/components/ui/Toast/Toast.stories.mdx +158 -0
- package/src/components/ui/Toast/Toast.tsx +56 -0
- package/src/components/ui/Toast/index.ts +1 -0
- package/src/components/ui/Toast/toast.module.scss +112 -0
- package/src/components/ui/Toggle/Toggle.stories.mdx +604 -0
- package/src/components/ui/Toggle/Toggle.tsx +75 -0
- package/src/components/ui/Toggle/index.ts +2 -0
- package/src/components/ui/Toggle/toggle.module.scss +200 -0
- package/src/constants.ts +2 -0
- package/src/fonts/WebFonts.tsx +15 -0
- package/src/images/icon.png +0 -0
- package/src/pages/404.tsx +27 -0
- package/src/pages/500.tsx +31 -0
- package/src/pages/[...slug].tsx +186 -0
- package/src/pages/[slug]/p.tsx +209 -0
- package/src/pages/_app.tsx +38 -0
- package/src/pages/_document.tsx +22 -0
- package/src/pages/account.tsx +20 -0
- package/src/pages/api/graphql.ts +72 -0
- package/src/pages/api/preview.ts +61 -0
- package/src/pages/checkout.tsx +20 -0
- package/src/pages/index.tsx +72 -0
- package/src/pages/login.tsx +20 -0
- package/src/pages/s.tsx +83 -0
- package/src/sdk/analytics/hooks/useViewItemListEvent.ts +51 -0
- package/src/sdk/analytics/index.tsx +30 -0
- package/src/sdk/analytics/platform/vtex/index.ts +11 -0
- package/src/sdk/analytics/platform/vtex/search.ts +102 -0
- package/src/sdk/analytics/types.ts +22 -0
- package/src/sdk/cart/index.ts +187 -0
- package/src/sdk/cart/useBuyButton.ts +62 -0
- package/src/sdk/cart/useCartToggleButton.ts +23 -0
- package/src/sdk/cart/useCheckoutButton.ts +22 -0
- package/src/sdk/cart/useRemoveButton.ts +56 -0
- package/src/sdk/error/ErrorBoundary/ErrorBoundary.tsx +67 -0
- package/src/sdk/error/ErrorBoundary/index.ts +1 -0
- package/src/sdk/graphql/prefetchQuery.ts +20 -0
- package/src/sdk/graphql/request.ts +25 -0
- package/src/sdk/graphql/useLazyQuery.ts +29 -0
- package/src/sdk/graphql/useQuery.ts +40 -0
- package/src/sdk/newsletter/useNewsletter.ts +31 -0
- package/src/sdk/product/useDiscountPercent.ts +10 -0
- package/src/sdk/product/useFormattedPrice.ts +27 -0
- package/src/sdk/product/useProduct.ts +46 -0
- package/src/sdk/product/useProductLink.ts +69 -0
- package/src/sdk/product/useProductsQuery.ts +107 -0
- package/src/sdk/search/Sentinel.tsx +78 -0
- package/src/sdk/search/state.ts +11 -0
- package/src/sdk/search/useSearchHistory.ts +40 -0
- package/src/sdk/search/useSearchInput.tsx +43 -0
- package/src/sdk/search/useSuggestions.ts +49 -0
- package/src/sdk/search/useTopSearch.ts +49 -0
- package/src/sdk/session/index.ts +71 -0
- package/src/sdk/tests/mark.tsx +10 -0
- package/src/sdk/ui/Provider.tsx +151 -0
- package/src/sdk/ui/useFadeEffect.ts +21 -0
- package/src/sdk/ui/useOnClickOutside.ts +39 -0
- package/src/sdk/ui/useScrollDirection.ts +31 -0
- package/src/sdk/useStore.ts +24 -0
- package/src/server/cms.ts +66 -0
- package/src/server/index.ts +105 -0
- package/src/stories/brandless.stories.mdx +85 -0
- package/src/stories/changelog-template.stories.mdx +10 -0
- package/src/stories/colors.stories.mdx +306 -0
- package/src/stories/customizing.stories.mdx +113 -0
- package/src/stories/getting-started.stories.mdx +65 -0
- package/src/stories/grid-layout.stories.mdx +53 -0
- package/src/stories/icons.stories.mdx +237 -0
- package/src/stories/interactive-controls.stories.mdx +50 -0
- package/src/stories/midnight.stories.mdx +56 -0
- package/src/stories/refinements.stories.mdx +96 -0
- package/src/stories/soft-blue.stories.mdx +56 -0
- package/src/stories/spacing.stories.mdx +38 -0
- package/src/stories/typography.stories.mdx +224 -0
- package/src/styles/global/components.scss +5 -0
- package/src/styles/global/layout.scss +80 -0
- package/src/styles/global/resets.scss +48 -0
- package/src/styles/global/storybook-components.scss +5 -0
- package/src/styles/global/tokens.scss +276 -0
- package/src/styles/global/typography.scss +66 -0
- package/src/styles/global/utilities.scss +69 -0
- package/src/styles/scaffold.scss +7 -0
- package/src/styles/themes/custom-theme.scss +36 -0
- package/src/styles/themes/midnight.scss +123 -0
- package/src/styles/themes/soft-blue.scss +79 -0
- package/src/styles/vendors/include-media.scss +4 -0
- package/src/styles/vendors/include-media_overwrite.scss +9 -0
- package/src/styles/vendors/modern-normalize.css +270 -0
- package/src/typings/global.d.ts +6 -0
- package/src/typings/module.css.d.ts +7 -0
- package/store.config.js +69 -0
- package/stylelint.config.js +82 -0
- package/tsconfig.json +25 -0
- package/vtex.env +14 -0
|
@@ -0,0 +1,270 @@
|
|
|
1
|
+
/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
|
|
2
|
+
|
|
3
|
+
/*
|
|
4
|
+
Document
|
|
5
|
+
========
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
/**
|
|
9
|
+
Use a better box model (opinionated).
|
|
10
|
+
*/
|
|
11
|
+
|
|
12
|
+
*,
|
|
13
|
+
::before,
|
|
14
|
+
::after {
|
|
15
|
+
box-sizing: border-box;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
/**
|
|
19
|
+
1. Correct the line height in all browsers.
|
|
20
|
+
2. Prevent adjustments of font size after orientation changes in iOS.
|
|
21
|
+
3. Use a more readable tab size (opinionated).
|
|
22
|
+
*/
|
|
23
|
+
|
|
24
|
+
html {
|
|
25
|
+
line-height: 1.15; /* 1 */
|
|
26
|
+
-webkit-text-size-adjust: 100%; /* 2 */
|
|
27
|
+
-moz-tab-size: 4; /* 3 */
|
|
28
|
+
tab-size: 4; /* 3 */
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
/*
|
|
32
|
+
Sections
|
|
33
|
+
========
|
|
34
|
+
*/
|
|
35
|
+
|
|
36
|
+
/**
|
|
37
|
+
1. Remove the margin in all browsers.
|
|
38
|
+
2. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
|
|
39
|
+
*/
|
|
40
|
+
|
|
41
|
+
body {
|
|
42
|
+
margin: 0; /* 1 */
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
/*
|
|
46
|
+
Grouping content
|
|
47
|
+
================
|
|
48
|
+
*/
|
|
49
|
+
|
|
50
|
+
/**
|
|
51
|
+
1. Add the correct height in Firefox.
|
|
52
|
+
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
|
|
53
|
+
*/
|
|
54
|
+
|
|
55
|
+
hr {
|
|
56
|
+
height: 0; /* 1 */
|
|
57
|
+
color: inherit; /* 2 */
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
/*
|
|
61
|
+
Text-level semantics
|
|
62
|
+
====================
|
|
63
|
+
*/
|
|
64
|
+
|
|
65
|
+
/**
|
|
66
|
+
Add the correct text decoration in Chrome, Edge, and Safari.
|
|
67
|
+
*/
|
|
68
|
+
|
|
69
|
+
abbr[title] {
|
|
70
|
+
text-decoration: underline dotted;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
/**
|
|
74
|
+
Add the correct font weight in Edge and Safari.
|
|
75
|
+
*/
|
|
76
|
+
|
|
77
|
+
b,
|
|
78
|
+
strong {
|
|
79
|
+
font-weight: bolder;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
/**
|
|
83
|
+
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
|
|
84
|
+
2. Correct the odd 'em' font sizing in all browsers.
|
|
85
|
+
*/
|
|
86
|
+
|
|
87
|
+
code,
|
|
88
|
+
kbd,
|
|
89
|
+
samp,
|
|
90
|
+
pre {
|
|
91
|
+
font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo,
|
|
92
|
+
monospace; /* 1 */
|
|
93
|
+
font-size: 1em; /* 2 */
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
/**
|
|
97
|
+
Add the correct font size in all browsers.
|
|
98
|
+
*/
|
|
99
|
+
|
|
100
|
+
small {
|
|
101
|
+
font-size: 80%;
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
/**
|
|
105
|
+
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
|
|
106
|
+
*/
|
|
107
|
+
|
|
108
|
+
sub,
|
|
109
|
+
sup {
|
|
110
|
+
font-size: 75%;
|
|
111
|
+
line-height: 0;
|
|
112
|
+
position: relative;
|
|
113
|
+
vertical-align: baseline;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
sub {
|
|
117
|
+
bottom: -0.25em;
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
sup {
|
|
121
|
+
top: -0.5em;
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
/*
|
|
125
|
+
Tabular data
|
|
126
|
+
============
|
|
127
|
+
*/
|
|
128
|
+
|
|
129
|
+
/**
|
|
130
|
+
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
|
|
131
|
+
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
|
|
132
|
+
*/
|
|
133
|
+
|
|
134
|
+
table {
|
|
135
|
+
text-indent: 0; /* 1 */
|
|
136
|
+
border-color: inherit; /* 2 */
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
/*
|
|
140
|
+
Forms
|
|
141
|
+
=====
|
|
142
|
+
*/
|
|
143
|
+
|
|
144
|
+
/**
|
|
145
|
+
1. Change the font styles in all browsers.
|
|
146
|
+
2. Remove the margin in Firefox and Safari.
|
|
147
|
+
*/
|
|
148
|
+
|
|
149
|
+
button,
|
|
150
|
+
input,
|
|
151
|
+
optgroup,
|
|
152
|
+
select,
|
|
153
|
+
textarea {
|
|
154
|
+
font-family: inherit; /* 1 */
|
|
155
|
+
font-size: 100%; /* 1 */
|
|
156
|
+
line-height: 1.15; /* 1 */
|
|
157
|
+
margin: 0; /* 2 */
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
/**
|
|
161
|
+
Remove the inheritance of text transform in Edge and Firefox.
|
|
162
|
+
*/
|
|
163
|
+
|
|
164
|
+
button,
|
|
165
|
+
select {
|
|
166
|
+
text-transform: none;
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
/**
|
|
170
|
+
Correct the inability to style clickable types in iOS and Safari.
|
|
171
|
+
*/
|
|
172
|
+
|
|
173
|
+
button,
|
|
174
|
+
[type='button'],
|
|
175
|
+
[type='reset'],
|
|
176
|
+
[type='submit'] {
|
|
177
|
+
-webkit-appearance: button;
|
|
178
|
+
}
|
|
179
|
+
|
|
180
|
+
/**
|
|
181
|
+
Remove the inner border and padding in Firefox.
|
|
182
|
+
*/
|
|
183
|
+
|
|
184
|
+
::-moz-focus-inner {
|
|
185
|
+
border-style: none;
|
|
186
|
+
padding: 0;
|
|
187
|
+
}
|
|
188
|
+
|
|
189
|
+
/**
|
|
190
|
+
Restore the focus styles unset by the previous rule.
|
|
191
|
+
*/
|
|
192
|
+
|
|
193
|
+
:-moz-focusring {
|
|
194
|
+
outline: 1px dotted ButtonText;
|
|
195
|
+
}
|
|
196
|
+
|
|
197
|
+
/**
|
|
198
|
+
Remove the additional ':invalid' styles in Firefox.
|
|
199
|
+
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
|
|
200
|
+
*/
|
|
201
|
+
|
|
202
|
+
:-moz-ui-invalid {
|
|
203
|
+
box-shadow: none;
|
|
204
|
+
}
|
|
205
|
+
|
|
206
|
+
/**
|
|
207
|
+
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
|
|
208
|
+
*/
|
|
209
|
+
|
|
210
|
+
legend {
|
|
211
|
+
padding: 0;
|
|
212
|
+
}
|
|
213
|
+
|
|
214
|
+
/**
|
|
215
|
+
Add the correct vertical alignment in Chrome and Firefox.
|
|
216
|
+
*/
|
|
217
|
+
|
|
218
|
+
progress {
|
|
219
|
+
vertical-align: baseline;
|
|
220
|
+
}
|
|
221
|
+
|
|
222
|
+
/**
|
|
223
|
+
Correct the cursor style of increment and decrement buttons in Safari.
|
|
224
|
+
*/
|
|
225
|
+
|
|
226
|
+
::-webkit-inner-spin-button,
|
|
227
|
+
::-webkit-outer-spin-button {
|
|
228
|
+
height: auto;
|
|
229
|
+
}
|
|
230
|
+
|
|
231
|
+
/**
|
|
232
|
+
1. Correct the odd appearance in Chrome and Safari.
|
|
233
|
+
2. Correct the outline style in Safari.
|
|
234
|
+
*/
|
|
235
|
+
|
|
236
|
+
[type='search'] {
|
|
237
|
+
-webkit-appearance: textfield; /* 1 */
|
|
238
|
+
outline-offset: -2px; /* 2 */
|
|
239
|
+
}
|
|
240
|
+
|
|
241
|
+
/**
|
|
242
|
+
Remove the inner padding in Chrome and Safari on macOS.
|
|
243
|
+
*/
|
|
244
|
+
|
|
245
|
+
::-webkit-search-decoration {
|
|
246
|
+
-webkit-appearance: none;
|
|
247
|
+
}
|
|
248
|
+
|
|
249
|
+
/**
|
|
250
|
+
1. Correct the inability to style clickable types in iOS and Safari.
|
|
251
|
+
2. Change font properties to 'inherit' in Safari.
|
|
252
|
+
*/
|
|
253
|
+
|
|
254
|
+
::-webkit-file-upload-button {
|
|
255
|
+
-webkit-appearance: button; /* 1 */
|
|
256
|
+
font: inherit; /* 2 */
|
|
257
|
+
}
|
|
258
|
+
|
|
259
|
+
/*
|
|
260
|
+
Interactive
|
|
261
|
+
===========
|
|
262
|
+
*/
|
|
263
|
+
|
|
264
|
+
/*
|
|
265
|
+
Add the correct display in Chrome and Safari.
|
|
266
|
+
*/
|
|
267
|
+
|
|
268
|
+
summary {
|
|
269
|
+
display: list-item;
|
|
270
|
+
}
|
package/store.config.js
ADDED
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
module.exports = {
|
|
2
|
+
seo: {
|
|
3
|
+
title: 'NextJSStore',
|
|
4
|
+
description: 'Fast Demo Store',
|
|
5
|
+
titleTemplate: '%s | FastStore',
|
|
6
|
+
author: 'Store Framework',
|
|
7
|
+
},
|
|
8
|
+
|
|
9
|
+
// Theming
|
|
10
|
+
theme: 'custom-theme',
|
|
11
|
+
|
|
12
|
+
// Ecommerce Platform
|
|
13
|
+
platform: 'vtex',
|
|
14
|
+
|
|
15
|
+
// Platform specific configs for API
|
|
16
|
+
api: {
|
|
17
|
+
storeId: 'storeframework',
|
|
18
|
+
workspace: 'master',
|
|
19
|
+
environment: 'vtexcommercestable',
|
|
20
|
+
hideUnavailableItems: true,
|
|
21
|
+
},
|
|
22
|
+
|
|
23
|
+
// Default session
|
|
24
|
+
session: {
|
|
25
|
+
currency: {
|
|
26
|
+
code: 'USD',
|
|
27
|
+
symbol: '$',
|
|
28
|
+
},
|
|
29
|
+
locale: 'en-US',
|
|
30
|
+
channel: '{"salesChannel":"1","regionId":""}',
|
|
31
|
+
country: 'USA',
|
|
32
|
+
postalCode: null,
|
|
33
|
+
person: null,
|
|
34
|
+
},
|
|
35
|
+
|
|
36
|
+
// Production URLs
|
|
37
|
+
storeUrl: 'https://vtexfaststore.com',
|
|
38
|
+
secureSubdomain: 'https://secure.vtexfaststore.com',
|
|
39
|
+
checkoutUrl: 'https://secure.vtexfaststore.com/checkout',
|
|
40
|
+
loginUrl: 'https://secure.vtexfaststore.com/api/io/login',
|
|
41
|
+
accountUrl: 'https://secure.vtexfaststore.com/api/io/account',
|
|
42
|
+
|
|
43
|
+
// Lighthouse CI
|
|
44
|
+
lighthouse: {
|
|
45
|
+
server: process.env.BASE_SITE_URL || 'http://localhost:3000',
|
|
46
|
+
pages: {
|
|
47
|
+
home: '/',
|
|
48
|
+
pdp: '/apple-magic-mouse/p',
|
|
49
|
+
collection: '/office',
|
|
50
|
+
},
|
|
51
|
+
},
|
|
52
|
+
|
|
53
|
+
// E2E CI
|
|
54
|
+
cypress: {
|
|
55
|
+
pages: {
|
|
56
|
+
home: '/',
|
|
57
|
+
pdp: '/apple-magic-mouse/p',
|
|
58
|
+
collection: '/office',
|
|
59
|
+
collection_filtered:
|
|
60
|
+
'/office/?category-1=office&marca=acer&facets=category-1%2Cmarca',
|
|
61
|
+
search: '/s?q=orange',
|
|
62
|
+
},
|
|
63
|
+
},
|
|
64
|
+
|
|
65
|
+
analytics: {
|
|
66
|
+
// https://developers.google.com/tag-platform/tag-manager/web#standard_web_page_installation,
|
|
67
|
+
gtmContainerId: 'GTM-PGHZ95N',
|
|
68
|
+
},
|
|
69
|
+
}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
module.exports = {
|
|
2
|
+
extends: ['stylelint-config-standard-scss', 'stylelint-config-recess-order'],
|
|
3
|
+
|
|
4
|
+
plugins: ['stylelint-scss', 'stylelint-order'],
|
|
5
|
+
rules: {
|
|
6
|
+
'max-line-length': null,
|
|
7
|
+
'color-hex-length': null,
|
|
8
|
+
'number-leading-zero': null,
|
|
9
|
+
'selector-list-comma-newline-after': null,
|
|
10
|
+
'value-keyword-case': null,
|
|
11
|
+
'value-no-vendor-prefix': null,
|
|
12
|
+
'declaration-block-no-duplicate-properties': null,
|
|
13
|
+
'property-no-unknown': null,
|
|
14
|
+
'custom-property-empty-line-before': null,
|
|
15
|
+
'color-no-invalid-hex': true,
|
|
16
|
+
'font-family-no-duplicate-names': true,
|
|
17
|
+
'named-grid-areas-no-invalid': true,
|
|
18
|
+
'function-calc-no-unspaced-operator': true,
|
|
19
|
+
'function-linear-gradient-no-nonstandard-direction': true,
|
|
20
|
+
'string-no-newline': true,
|
|
21
|
+
'unit-no-unknown': true,
|
|
22
|
+
'custom-property-no-missing-var-function': true,
|
|
23
|
+
'keyframe-declaration-no-important': true,
|
|
24
|
+
'declaration-block-no-duplicate-custom-properties': true,
|
|
25
|
+
'declaration-block-no-shorthand-property-overrides': true,
|
|
26
|
+
'block-no-empty': true,
|
|
27
|
+
'selector-type-no-unknown': true,
|
|
28
|
+
'selector-pseudo-class-no-unknown': true,
|
|
29
|
+
'selector-pseudo-element-no-unknown': true,
|
|
30
|
+
'comment-no-empty': true,
|
|
31
|
+
'no-descending-specificity': null,
|
|
32
|
+
'no-invalid-position-at-import-rule': true,
|
|
33
|
+
'no-duplicate-at-import-rules': true,
|
|
34
|
+
'no-extra-semicolons': true,
|
|
35
|
+
'no-invalid-double-slash-comments': true,
|
|
36
|
+
'shorthand-property-no-redundant-values': true,
|
|
37
|
+
'declaration-no-important': true,
|
|
38
|
+
'declaration-block-single-line-max-declarations': 1,
|
|
39
|
+
'selector-max-empty-lines': 0,
|
|
40
|
+
'selector-max-universal': 1,
|
|
41
|
+
'no-unknown-animations': true,
|
|
42
|
+
'color-hex-case': 'lower',
|
|
43
|
+
'function-max-empty-lines': 0,
|
|
44
|
+
'function-name-case': 'lower',
|
|
45
|
+
'number-no-trailing-zeros': true,
|
|
46
|
+
'unit-case': 'lower',
|
|
47
|
+
'property-case': 'lower',
|
|
48
|
+
'value-list-max-empty-lines': 0,
|
|
49
|
+
'declaration-colon-space-after': 'always-single-line',
|
|
50
|
+
'declaration-colon-space-before': null,
|
|
51
|
+
'block-closing-brace-space-before': 'always-single-line',
|
|
52
|
+
'block-opening-brace-space-after': 'always-single-line',
|
|
53
|
+
'block-opening-brace-space-before': 'always',
|
|
54
|
+
'selector-attribute-brackets-space-inside': 'never',
|
|
55
|
+
'selector-combinator-space-after': 'always',
|
|
56
|
+
'selector-combinator-space-before': 'always',
|
|
57
|
+
'selector-pseudo-class-case': 'lower',
|
|
58
|
+
'selector-pseudo-element-case': 'lower',
|
|
59
|
+
'selector-type-case': 'lower',
|
|
60
|
+
'at-rule-name-case': 'lower',
|
|
61
|
+
'at-rule-semicolon-space-before': 'never',
|
|
62
|
+
'at-rule-empty-line-before': [
|
|
63
|
+
'always',
|
|
64
|
+
{
|
|
65
|
+
except: ['blockless-after-same-name-blockless', 'first-nested'],
|
|
66
|
+
ignore: ['after-comment'],
|
|
67
|
+
},
|
|
68
|
+
],
|
|
69
|
+
'scss/dollar-variable-colon-space-after': 'always',
|
|
70
|
+
'scss/dollar-variable-colon-space-before': 'never',
|
|
71
|
+
'scss/dollar-variable-pattern': /^[a-z-0-9]+$/,
|
|
72
|
+
'scss/double-slash-comment-whitespace-inside': 'always',
|
|
73
|
+
'scss/operator-no-newline-before': true,
|
|
74
|
+
'scss/operator-no-unspaced': true,
|
|
75
|
+
'scss/selector-no-redundant-nesting-selector': true,
|
|
76
|
+
'scss/at-rule-no-unknown': true,
|
|
77
|
+
'scss/at-import-partial-extension': null,
|
|
78
|
+
'scss/no-global-function-names': null,
|
|
79
|
+
'selector-class-pattern':
|
|
80
|
+
'^(?:(?:o|c|u|t|s|is|has|_|js|qa)-)?[a-zA-Z0-9]+(?:-[a-zA-Z0-9]+)*(?:__[a-zA-Z0-9]+(?:-[a-zA-Z0-9]+)*)?(?:--[a-zA-Z0-9]+(?:-[a-zA-Z0-9]+)*)?(?:\\[.+\\])?$',
|
|
81
|
+
},
|
|
82
|
+
}
|
package/tsconfig.json
ADDED
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
{
|
|
2
|
+
"extends": "@vtex/tsconfig",
|
|
3
|
+
"compilerOptions": {
|
|
4
|
+
"allowSyntheticDefaultImports": true,
|
|
5
|
+
"moduleResolution": "node",
|
|
6
|
+
"jsx": "preserve",
|
|
7
|
+
"jsxImportSource": "react",
|
|
8
|
+
"resolveJsonModule": true,
|
|
9
|
+
"module": "esnext",
|
|
10
|
+
"rootDir": "./",
|
|
11
|
+
"baseUrl": "./",
|
|
12
|
+
"noEmit": true,
|
|
13
|
+
"allowJs": true,
|
|
14
|
+
"paths": {
|
|
15
|
+
"src/*": ["src/*"],
|
|
16
|
+
"@generated/*": ["@generated/*"]
|
|
17
|
+
},
|
|
18
|
+
"forceConsistentCasingInFileNames": true,
|
|
19
|
+
"strict": false,
|
|
20
|
+
"incremental": true,
|
|
21
|
+
"isolatedModules": true
|
|
22
|
+
},
|
|
23
|
+
"include": ["*.d.ts", "src/**/*.ts", "src/**/*.tsx", "@generated/**/*.ts"],
|
|
24
|
+
"exclude": ["node_modules", "public"]
|
|
25
|
+
}
|
package/vtex.env
ADDED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
# configures NextJS
|
|
2
|
+
NEXT_TELEMETRY_DISABLED=true
|
|
3
|
+
|
|
4
|
+
# configures WebOps
|
|
5
|
+
## Enable re-using node_modules from previous runs for faster builds
|
|
6
|
+
USE_BUILD_CACHE=true
|
|
7
|
+
|
|
8
|
+
## Enable Incremental Static Builds (ISB):
|
|
9
|
+
## https://www.faststore.dev/releases/2022/05/19/webops
|
|
10
|
+
USE_STALE_CACHE=true
|
|
11
|
+
|
|
12
|
+
## Production site host your users will
|
|
13
|
+
## access your website
|
|
14
|
+
SITE_HOST=demo.faststore.dev
|