@faststore/core 2.1.59 → 2.1.64

package/.turbo/turbo-build.log

@@ -35,12 +35,12 @@ Route (pages)                              Size     First Load JS
 ├ ● /checkout                              657 B           113 kB
 ├ ● /login                                 1.08 kB         114 kB
 └ ● /s                                     4.55 kB         127 kB
-+ First Load JS shared by all              80.7 kB
++ First Load JS shared by all              81 kB
   ├ chunks/framework-dfd14d7ce6600b03.js   45.3 kB
   ├ chunks/main-fd466221927468fd.js        23.9 kB
-  ├ chunks/pages/_app-b1b6e1a62892c937.js  6.42 kB
-  ├ chunks/webpack-c4f0c1961bd5ae7d.js     2.3 kB
-  └ css/ebc1e9d3e686bad3.css               2.78 kB
+  ├ chunks/pages/_app-a3a080abb08d9dcd.js  6.41 kB
+  ├ chunks/webpack-4e770add9109ce41.js     2.29 kB
+  └ css/9e76fef1c9ca89af.css               3.06 kB
 
 λ  (Server)  server-side renders at runtime (uses getInitialProps or getServerSideProps)
 ○  (Static)  automatically rendered as static HTML (uses no initial props)

package/next.config.js

@@ -16,7 +16,7 @@ const nextConfig = {
     defaultLocale: 'en-US',
   },
   sassOptions: {
-    additionalData: `@import "@faststore/ui/src/styles/base/utilities.scss";`,
+    additionalData: `@import "src/customizations/styles/custom-mixins.scss";`,
   },
   webpack: (config, { isServer, dev }) => {
     // https://github.com/vercel/next.js/discussions/11267#discussioncomment-2479112

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/core",
-  "version": "2.1.59",
+  "version": "2.1.64",
   "license": "MIT",
   "browserslist": "supports es6-module and not dead",
   "scripts": {
@@ -33,7 +33,7 @@
     "@faststore/components": "^2.1.57",
     "@faststore/graphql-utils": "^2.1.53",
     "@faststore/sdk": "^2.1.53",
-    "@faststore/ui": "^2.1.59",
+    "@faststore/ui": "^2.1.64",
     "@types/react": "^18.0.14",
     "@vtex/client-cms": "^0.2.12",
     "autoprefixer": "^10.4.0",
@@ -110,5 +110,5 @@
   "msw": {
     "workerDirectory": "public"
   },
-  "gitHead": "05b10eeeea2357088be82a4b94aba7f223e9de0d"
+  "gitHead": "2df8adc6dceaa6864dd02becbe60d2d138c923c5"
 }

package/src/customizations/styles/custom-mixins.scss

@@ -0,0 +1,5 @@
+// ----------------------------------------------------------
+// Stores' custom mixins will override this file
+// ----------------------------------------------------------
+
+@import "@faststore/ui/src/styles/base/utilities.scss";

package/src/pages/_app.tsx

@@ -1,7 +1,5 @@
 // FastStore UI's base styles
-import '@faststore/ui/src/styles/global.scss'
-
-import '../styles/global/components.scss'
+import '../styles/global/index.scss'
 
 import '../customizations/themes/index.scss'
 

package/src/styles/global/index.scss

@@ -0,0 +1,11 @@
+// Establish a layer order up-front, FS UI base styles have the lowest priority
+@layer base, components, theme;
+
+// FastStore UI's base styles
+@import "@faststore/ui/src/styles/global.scss";
+
+// Components & Sections styles
+@import "@faststore/ui/src/components/atoms/Skeleton/styles.scss";
+@import "@faststore/ui/src/components/atoms/Overlay/styles.scss";
+@import "@faststore/ui/src/components/atoms/SROnly/styles.scss";
+@import "src/components/sections/Section/section.scss";

package/.next/static/css/ebc1e9d3e686bad3.css

@@ -1 +0,0 @@
-@layer base{/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:after,:before{box-sizing:border-box}html{-moz-tab-size:4;tab-size:4;line-height:1.15;-webkit-text-size-adjust:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji}hr{height:0;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}body{padding:0}blockquote,body,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}ol,ul{padding:0;margin:0;list-style:none}button{border:0;outline:none;background-color:transparent;box-shadow:none}html{font-size:100%}body{font-family:var(--fs-text-face-body);font-size:var(--fs-text-size-base);letter-spacing:.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6,p,ul{padding:0;margin:0}.text__title-section{font-size:var(--fs-text-size-4);font-weight:var(--fs-text-weight-bold);line-height:1.16}}@layer base{@media(min-width:1280px){.text__title-section{font-size:var(--fs-text-size-5)}}.text__title-mini{font-weight:var(--fs-text-weight-bold)}.text__title-mini,.text__title-mini-alt{font-size:var(--fs-text-size-2);line-height:1.25}.text__lead{font-size:var(--fs-text-size-4);font-weight:var(--fs-text-weight-bold);line-height:1.12}.text__body{font-size:var(--fs-text-size-2);line-height:1.5}.text__legend{font-size:var(--fs-text-size-1);line-height:1.7}.text__tiny{font-size:var(--fs-text-size-0);line-height:1.5}body{--fs-color-main-0:#f1f2f3;--fs-color-main-1:#dbdbdb;--fs-color-main-2:#00419e;--fs-color-main-3:#002c71;--fs-color-main-4:#002155;--fs-color-accent-0:#efeaf5;--fs-color-accent-1:#d3c9de;--fs-color-accent-2:#9d8abf;--fs-color-accent-3:#74678c;--fs-color-accent-4:#423759;--fs-color-neutral-0:#fff;--fs-color-neutral-1:#f1f2f3;--fs-color-neutral-2:#e3e6e8;--fs-color-neutral-3:#c7ccd1;--fs-color-neutral-4:#9099a2;--fs-color-neutral-5:#74808b;--fs-color-neutral-6:#5d666f;--fs-color-neutral-7:#171a1c;--fs-color-primary-text:var(--fs-color-text-inverse);--fs-color-primary-bkg:var(--fs-color-main-2);--fs-color-primary-bkg-hover:var(--fs-color-main-3);--fs-color-primary-bkg-active:var(--fs-color-main-4);--fs-color-primary-bkg-light:var(--fs-color-main-0);--fs-color-primary-bkg-light-active:var(--fs-color-main-1);--fs-color-secondary-text:var(--fs-color-primary-bkg);--fs-color-secondary-bkg:transparent;--fs-color-secondary-bkg-hover:var(--fs-color-primary-bkg);--fs-color-secondary-bkg-active:var(--fs-color-main-3);--fs-color-secondary-bkg-light:var(--fs-color-main-0);--fs-color-secondary-bkg-light-active:var(--fs-color-secondary-bkg-light);--fs-color-tertiary-text:var(--fs-color-link);--fs-color-tertiary-bkg:transparent;--fs-color-tertiary-bkg-hover:var(--fs-color-main-0);--fs-color-tertiary-bkg-active:var(--fs-color-main-1);--fs-color-tertiary-bkg-light:var(--fs-color-neutral-0);--fs-color-tertiary-bkg-light-active:var(--fs-color-tertiary-bkg-light);--fs-color-body-bkg:var(--fs-color-neutral-0);--fs-body-bkg:var(--fs-color-body-bkg);--fs-color-action-text:var(--fs-color-text-inverse);--fs-color-action-bkg:var(--fs-color-accent-4);--fs-color-action-bkg-hover:var(--fs-color-accent-3);--fs-color-action-bkg-active:var(--fs-color-accent-2);--fs-color-action-bkg-light:var(--fs-color-neutral-0);--fs-color-action-bkg-light-active:var(--fs-color-tertiary-bkg-light);--fs-color-link:var(--fs-color-main-2);--fs-color-link-hover:var(--fs-color-main-2);--fs-color-link-active:var(--fs-color-main-4);--fs-color-link-visited:#6058ba;--fs-color-link-inverse:var(--fs-color-neutral-0);--fs-color-text:var(--fs-color-neutral-7);--fs-color-text-light:var(--fs-color-neutral-6);--fs-color-text-inverse:var(--fs-color-neutral-0);--fs-color-text-display:var(--fs-color-neutral-7);--fs-color-focus-ring:#8db6fa;--fs-color-focus-ring-outline:#8db6fa80;--fs-color-focus-ring-danger:#e1adad;--fs-color-success-text:#1e493b;--fs-color-success-bkg:#b3ebd5;--fs-color-success-border:var(--fs-color-success-text);--fs-color-warning-text:var(--fs-color-text);--fs-color-warning-bkg:#fdec8d;--fs-color-warning-border:var(--fs-color-warning-text);--fs-color-danger-text:#cb4242;--fs-color-danger-bkg:var(--fs-color-focus-ring-danger);--fs-color-danger-border:var(--fs-color-danger-text);--fs-color-info-text:var(--fs-color-text);--fs-color-info-bkg:var(--fs-color-main-1);--fs-color-highlighted-text:var(--fs-color-text-display);--fs-color-highlighted-bkg:var(--fs-color-accent-0);--fs-color-neutral-text:var(--fs-color-text);--fs-color-neutral-bkg:var(--fs-color-neutral-1);--fs-color-disabled-text:var(--fs-color-neutral-6);--fs-color-disabled-bkg:var(--fs-color-neutral-2);--fs-text-face-body:-apple-system,system-ui,BlinkMacSystemFont,sans-serif;--fs-text-face-title:var(--fs-text-face-body);--fs-text-weight-light:300;--fs-text-weight-regular:400;--fs-text-weight-bold:700;--fs-text-weight-black:900;--fs-text-max-lines:2;--fs-text-scale-mobile:1.13;--fs-text-scale-desktop:1.25;--fs-scale:var(--fs-text-scale-mobile);--fs-text-size-base:16px;--fs-text-size-0:12px;--fs-text-size-1:14px;--fs-text-size-2:var(--fs-text-size-base);--fs-text-size-3:calc(var(--fs-text-size-2) * var(--fs-scale));--fs-text-size-4:calc(var(--fs-text-size-3) * var(--fs-scale));--fs-text-size-5:calc(var(--fs-text-size-4) * var(--fs-scale));--fs-text-size-6:calc(var(--fs-text-size-5) * var(--fs-scale));--fs-text-size-7:calc(var(--fs-text-size-6) * var(--fs-scale));--fs-text-size-8:calc(var(--fs-text-size-7) * var(--fs-scale));--fs-text-size-title-huge:var(--fs-text-size-7);--fs-text-size-title-page:var(--fs-text-size-6);--fs-text-size-title-product:var(--fs-text-size-4);--fs-text-size-title-section:var(--fs-text-size-4);--fs-text-size-title-subsection:var(--fs-text-size-4);--fs-text-size-title-mini:var(--fs-text-size-4);--fs-text-size-lead:var(--fs-text-size-3);--fs-text-size-menu:var(--fs-text-size-base);--fs-text-size-body:var(--fs-text-size-base);--fs-text-size-legend:var(--fs-text-size-1);--fs-text-size-tiny:var(--fs-text-size-0);--fs-spacing-0:.25rem;--fs-spacing-1:.5rem;--fs-spacing-2:.75rem;--fs-spacing-3:1rem;--fs-spacing-4:1.5rem;--fs-spacing-5:2rem;--fs-spacing-6:2.5rem;--fs-spacing-7:3rem;--fs-spacing-8:3.5rem;--fs-spacing-9:4rem;--fs-spacing-10:4.5rem;--fs-spacing-11:5rem;--fs-spacing-12:5.5rem;--fs-spacing-13:6rem;--fs-grid-padding:var(--fs-spacing-3);--fs-z-index-below:-1;--fs-z-index-default:0;--fs-z-index-top:1;--fs-z-index-high:2;--fs-z-index-highest:3;--fs-grid-max-width:calc(var(--fs-grid-breakpoint-notebook) - var(--fs-grid-padding) - var(--fs-grid-padding));--fs-grid-gap-0:var(--fs-spacing-1);--fs-grid-gap-1:var(--fs-spacing-2);--fs-grid-gap-2:var(--fs-spacing-3);--fs-grid-gap-3:var(--fs-spacing-4);--fs-grid-gap-4:var(--fs-spacing-5);--fs-grid-breakpoint-phone:320px;--fs-grid-breakpoint-phonemid:375px;--fs-grid-breakpoint-tablet:768px;--fs-grid-breakpoint-notebook:1280px;--fs-grid-breakpoint-desktop:1440px;--fs-control-tap-size:var(--fs-spacing-7);--fs-control-tap-size-smallest:calc(var(--fs-control-tap-size) / 2);--fs-control-min-height:var(--fs-control-tap-size);--fs-control-bkg:var(--fs-color-neutral-0);--fs-control-bkg-disabled:var(--fs-color-disabled-bkg);--fs-transition-timing:.2s;--fs-transition-property:all;--fs-transition-function:ease-in-out;--fs-border-radius-small:1px;--fs-border-radius:2px;--fs-border-radius-medium:8px;--fs-border-radius-pill:100px;--fs-border-radius-circle:100%;--fs-border-width:1px;--fs-border-width-thick:2px;--fs-border-width-thickest:3px;--fs-border-color:var(--fs-color-neutral-4);--fs-border-color-hover:var(--fs-color-main-3);--fs-border-color-active:var(--fs-color-main-2);--fs-border-color-disabled:var(--fs-color-neutral-6);--fs-border-color-light:var(--fs-color-neutral-2);--fs-border-color-light-hover:var(--fs-color-neutral-3);--fs-border-color-light-active:var(--fs-color-neutral-3);--fs-border-color-light-disabled:var(--fs-color-neutral-5);--fs-shadow:none;--fs-shadow-darker:0 0 10px rgba(0,0,0,.2);--fs-shadow-hover:0 2px 3px rgba(0,0,0,.1);--fs-logo-width:7rem}}@layer base{@media(min-width:1280px){body{--fs-scale:var(--fs-text-scale-desktop)}}@media(min-width:768px){body{--fs-grid-padding:var(--fs-spacing-4)}}@media(min-width:1280px){body{--fs-grid-padding:var(--fs-spacing-5);--fs-control-tap-size:var(--fs-spacing-7)}}}@layer base{body{min-height:100vh;color:var(--fs-color-text);background:var(--fs-body-bkg)}main{display:flex;flex-direction:column}.layout__section{margin-bottom:var(--fs-spacing-4);margin-top:var(--fs-spacing-4)}@media(min-width:1280px){.layout__section{margin-bottom:var(--fs-grid-padding);margin-top:var(--fs-grid-padding)}}.layout__content{width:100%}.layout__content,[data-fs-content]{box-sizing:border-box;width:calc(100% - var(--fs-grid-padding) - var(--fs-grid-padding));max-width:var(--fs-grid-max-width);margin-right:auto;margin-left:auto}.no-scroll{overflow:hidden;touch-action:none}@media(min-width:1280px){.display-mobile{display:none;visibility:hidden}}@media(max-width:1279px){.hidden-mobile{display:none;visibility:hidden}}[data-fs-image]{width:100%;height:100%;object-fit:cover}}@layer base, components, theme;[data-fs-overlay]{--fs-overlay-bkg-color:rgba(0,0,0,.2);position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--fs-z-index-highest);background-color:var(--fs-overlay-bkg-color)}[data-fs-sr-only]:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}@layer components{.section{width:100%}.section .text__title-section{margin-bottom:var(--fs-spacing-3)}}

package/src/styles/global/components.scss

@@ -1,7 +0,0 @@
-/* establish a layer order up-front, FS UI base styles has the lowest priority */
-@layer base, components, theme;
-
-// Sections
-@import "@faststore/ui/src/components/atoms/Overlay/styles.scss";
-@import "@faststore/ui/src/components/atoms/SROnly/styles.scss";
-@import "src/components/sections/Section/section.scss";