@faststore/core 2.1.42 → 2.1.48

package/.turbo/turbo-build.log

@@ -38,7 +38,7 @@ Route (pages)                              Size     First Load JS
 + First Load JS shared by all              80.7 kB
   ├ chunks/framework-dfd14d7ce6600b03.js   45.3 kB
   ├ chunks/main-fd466221927468fd.js        23.9 kB
-  ├ chunks/pages/_app-babcc4d7b80d8f4a.js  6.38 kB
+  ├ chunks/pages/_app-9b6c4be3c7a42b65.js  6.39 kB
   ├ chunks/webpack-77a6122b01094e9b.js     2.3 kB
   └ css/208b7dd52a0981bd.css               2.8 kB
 

package/cypress/integration/plp.test.js

@@ -57,7 +57,7 @@ describe('Search page Filters and Sorting options', () => {
   })
 
   it('Sort products by price_asc', () => {
-    cy.visit(pages.collection, options)
+    cy.visit(pages.collection_2, options)
     cy.waitForHydration()
 
     const priceId = '[data-fs-product-grid] [data-testid="price"]'
@@ -82,7 +82,7 @@ describe('Search page Filters and Sorting options', () => {
   })
 
   it('Sort products by price_desc', () => {
-    cy.visit(pages.collection, options)
+    cy.visit(pages.collection_2, options)
     cy.waitForHydration()
     const priceId = '[data-fs-product-grid] [data-testid="price"]'
 
@@ -178,6 +178,11 @@ describe('Infinite Scroll pagination', () => {
                 skuIdBeforeNavigate = $card.attr('data-fs-product-card-sku')
               })
               .click()
+
+            cy.get('[data-fs-product-details] [data-testid=fs-product-title]', {
+              timeout: 10000,
+            })
+              .should('exist')
               .then(() => {
                 // make sure we are on the pdp
                 cy.location('pathname').should('match', /\/p$/)

package/faststore.config.js

@@ -76,6 +76,7 @@ module.exports = {
       home: '/',
       pdp: '/apple-magic-mouse/p',
       collection: '/office',
+      collection_2: '/technology',
       collection_filtered:
         '/office/?category-1=office&marca=acer&facets=category-1%2Cmarca',
       search: '/s?q=orange',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/core",
-  "version": "2.1.42",
+  "version": "2.1.48",
   "license": "MIT",
   "browserslist": "supports es6-module and not dead",
   "scripts": {
@@ -110,5 +110,5 @@
   "msw": {
     "workerDirectory": "public"
   },
-  "gitHead": "1669e1bd5269a43c2391a4d4c5be67d4a9518475"
+  "gitHead": "abdad755acb19a9a857470d312cf62a1eead0b83"
 }

package/src/styles/themes/custom-theme.scss

@@ -29,6 +29,9 @@
   // --------------------------------------------------------
 
   // --------------------------------------------------------
-  // Components
+  // FS UI Components
   // --------------------------------------------------------
+  .section {
+    // Add here the customizations for FastStore UI components
+  }
 }

package/src/styles/themes/midnight.scss

@@ -9,116 +9,146 @@
   // --------------------------------------------------------
 
   // PALETTE
-  --fs-color-main-0                    : #0b0022;
-  --fs-color-main-1                    : #13013e;
-  --fs-color-main-2                    : #190054;
-  --fs-color-main-3                    : #41208d;
-  --fs-color-main-4                    : #6535d6;
-
-  --fs-color-accent-0                  : #25046d;
-  --fs-color-accent-1                  : #001082;
-  --fs-color-accent-2                  : #0017b9;
-  --fs-color-accent-3                  : #1930d3;
-  --fs-color-accent-4                  : #4d62ff;
-
-  --fs-color-neutral-0                 : #110035;
-  --fs-color-neutral-1                 : #260f5a;
-  --fs-color-neutral-2                 : #74808b;
-  --fs-color-neutral-3                 : #9099a2;
-  --fs-color-neutral-4                 : #c7ccd1;
-  --fs-color-neutral-5                 : #e3e6e8;
-  --fs-color-neutral-6                 : #816ba9;
-  --fs-color-neutral-7                 : #dfd2fc;
+  --fs-color-main-0: #0b0022;
+  --fs-color-main-1: #13013e;
+  --fs-color-main-2: #190054;
+  --fs-color-main-3: #41208d;
+  --fs-color-main-4: #6535d6;
+
+  --fs-color-accent-0: #25046d;
+  --fs-color-accent-1: #001082;
+  --fs-color-accent-2: #0017b9;
+  --fs-color-accent-3: #1930d3;
+  --fs-color-accent-4: #4d62ff;
+
+  --fs-color-neutral-0: #110035;
+  --fs-color-neutral-1: #260f5a;
+  --fs-color-neutral-2: #74808b;
+  --fs-color-neutral-3: #9099a2;
+  --fs-color-neutral-4: #c7ccd1;
+  --fs-color-neutral-5: #e3e6e8;
+  --fs-color-neutral-6: #816ba9;
+  --fs-color-neutral-7: #dfd2fc;
 
   // HIERARCHY
-  --fs-color-primary-bkg               : var(--fs-color-main-3);
-  --fs-color-primary-bkg-light         : var(--fs-color-main-2);
-  --fs-color-primary-text              : var(--fs-color-neutral-7);
+  --fs-color-primary-bkg: var(--fs-color-main-3);
+  --fs-color-primary-bkg-light: var(--fs-color-main-2);
+  --fs-color-primary-text: var(--fs-color-neutral-7);
 
-  --fs-color-secondary-text            : var(--fs-color-neutral-7);
+  --fs-color-secondary-text: var(--fs-color-neutral-7);
 
-  --fs-color-tertiary-bkg-hover        : var(--fs-color-main-2);
-  --fs-color-tertiary-bkg-active       : var(--fs-color-main-3);
+  --fs-color-tertiary-bkg-hover: var(--fs-color-main-2);
+  --fs-color-tertiary-bkg-active: var(--fs-color-main-3);
 
-  // // COMPONENTS & STATES
-  --fs-color-body-bkg                  : var(--fs-color-main-0);
+  // COMPONENTS & STATES
+  --fs-color-body-bkg: var(--fs-color-main-0);
+  --fs-body-bkg:
+    linear-gradient(
+      0deg,
+      var(--fs-color-main-0) 0%,
+      var(--fs-color-main-2) 20%,
+      var(--fs-color-main-0) 100%
+    );
 
-  --fs-color-text-display              : var(--fs-color-neutral-7);
+  --fs-color-text-display: var(--fs-color-neutral-7);
 
-  --fs-color-link                      : var(--fs-color-neutral-7);
+  --fs-color-link: var(--fs-color-neutral-7);
+  --fs-color-link-inverse: var(--fs-color-neutral-7);
 
   // SITUATIONS
-  --fs-color-success-text              : #50b191;
-  --fs-color-success-bkg               : #007043;
-  --fs-color-warning-bkg               : #b17000;
+  --fs-color-success-text: #50b191;
+  --fs-color-success-bkg: #007043;
+  --fs-color-warning-bkg: #b17000;
+  --fs-color-disabled-bkg: var(--fs-color-main-3);
 
   // --------------------------------------------------------
   // Typography (Branding Core)
   // --------------------------------------------------------
 
   // FACE
-  --fs-text-face-body                  : "Raleway", sans-serif;
+  --fs-text-face-body: "Raleway", sans-serif;
 
   // NUMERIC SCALE
-  --fs-text-size-base                  : 18px; // 1rem
-  --fs-text-size-0                     : 14px; // Smallest
-  --fs-text-size-1                     : 16px; // Smaller
+  --fs-text-size-base: 18px; // 1rem
+  --fs-text-size-0: 14px; // Smallest
+  --fs-text-size-1: 16px; // Smaller
 
   // --------------------------------------------------------
   // Refinements
   // --------------------------------------------------------
 
   // BORDERS
-  --fs-border-radius                   : 20px;
+  --fs-border-radius: 20px;
 
-  --fs-border-width                    : 2px;
+  --fs-border-width: 2px;
 
-  --fs-border-color-light              : var(--fs-color-main-3);
-  --fs-border-color                    : var(--fs-color-main-3);
-  --fs-border-color-hover              : var(--fs-color-main-2);
-  --fs-border-color-active             : var(--fs-color-main-3);
+  --fs-border-color-light: var(--fs-color-main-3);
+  --fs-border-color: var(--fs-color-main-3);
+  --fs-border-color-hover: var(--fs-color-main-2);
+  --fs-border-color-active: var(--fs-color-main-3);
 
   // SHADOW
-  --fs-shadow-hover                    : 0 0 10px rgb(40 21 132 / 30%), 0 0 0 10px var(--fs-color-main-1);
+  --fs-shadow-hover: 0 0 10px rgb(40 21 132 / 30%), 0 0 0 10px var(--fs-color-main-1);
 
   // --------------------------------------------------------
-  // Components
+  // FS UI Components
   // --------------------------------------------------------
 
-  --fs-body-bkg                                   : linear-gradient(0deg, var(--fs-color-main-0) 0%, var(--fs-color-main-2) 20%, var(--fs-color-main-0) 100%);
+  --fs-logo-width: 8rem;
 
-  [data-fs-hero] {
-    --fs-hero-image-border-radius                   : 130px 0 0 130px;
-    --fs-hero-main-bkg-color                      : var(--fs-color-main-1);
-  }
+  .section {
+    // Add here the customizations for FastStore UI components.
 
-  [data-fs-button] {
-    --fs-button-border-radius                     : var(--fs-border-radius-pill);
+    [data-fs-skeleton] {
+      --fs-skeleton-shimmer-bkg-color: var(--fs-color-disabled-bkg);
+    }
 
-    --fs-button-primary-inverse-text-color        : var(--fs-color-neutral-0);
-    --fs-button-primary-inverse-text-color-hover  : var(--fs-color-text);
-    --fs-button-primary-inverse-text-color-active : var(--fs-color-neutral-7);
+    [data-fs-hero] {
+      --fs-hero-image-border-radius: 130px 0 0 130px;
+      --fs-hero-main-bkg-color: var(--fs-color-main-1);
+    }
 
-    --fs-button-primary-border-color              : var(--fs-color-neutral-7);
+    [data-fs-button] {
+      --fs-button-border-radius: var(--fs-border-radius-pill);
 
-    --fs-button-tertiary-text-color-active        : var(--fs-color-text);
-  }
+      --fs-button-primary-inverse-text-color: var(--fs-color-neutral-0);
+      --fs-button-primary-inverse-text-color-hover: var(--fs-color-text);
+      --fs-button-primary-inverse-text-color-active: var(--fs-color-neutral-7);
 
-  [data-fs-product-card] {
-    --fs-product-card-padding                     : var(--fs-spacing-2) var(--fs-spacing-2) var(--fs-spacing-4) var(--fs-spacing-2);
-    --fs-product-card-bkg-color                   : var(--fs-color-main-0);
-    --fs-product-card-img-scale-hover             : 1.05;
-  }
+      --fs-button-primary-border-color: var(--fs-color-neutral-7);
 
-  [data-fs-logo] {
-    --fs-logo-width                               : 8rem;
-  }
+      --fs-button-tertiary-text-color-active: var(--fs-color-text);
+    }
 
-  [data-fs-navbar] {
-    --fs-navbar-bkg-color: var(--fs-color-main-0);
-  }
+    [data-fs-input] {
+      --fs-input-text-size: 16px;
+
+      background-color: var(--fs-color-body-bkg);
+    }
+
+    [data-fs-input-field] {
+      --fs-input-field-size: 16px;
+    }
+
+    [data-fs-product-card] {
+      --fs-product-card-padding:
+        var(--fs-spacing-2) var(--fs-spacing-2) var(
+          --fs-spacing-4
+        ) var(--fs-spacing-2);
+      --fs-product-card-bkg-color: var(--fs-color-main-0);
+      --fs-product-card-img-scale-hover: 1.05;
+    }
+
+    [data-fs-newsletter] {
+      --fs-newsletter-text-color: var(--fs-color-text-display);
+    }
+
+    [data-fs-navbar] {
+      --fs-navbar-bkg-color: var(--fs-color-main-0);
+    }
 
-  [data-fs-footer] {
-    --fs-footer-bkg-color                         : var(--fs-color-main-0);
+    [data-fs-footer] {
+      --fs-footer-bkg-color: var(--fs-color-main-0);
+    }
   }
 }

package/src/styles/themes/soft-blue.scss

@@ -9,68 +9,69 @@
   // --------------------------------------------------------
 
   // PALETTE
-  --fs-color-main-0                    : #ecf0ff;
-  --fs-color-main-1                    : #d8e2ff;
-  --fs-color-main-2                    : #00419e;
-  --fs-color-main-3                    : #002c71;
-  --fs-color-main-4                    : #001947;
-
-  --fs-color-accent-0                  : #ebdcff;
-  --fs-color-accent-1                  : #8d50fd;
-  --fs-color-accent-2                  : #732fe2;
-  --fs-color-accent-3                  : #5900c8;
-  --fs-color-accent-4                  : #4700a0;
+  --fs-color-main-0: #ecf0ff;
+  --fs-color-main-1: #d8e2ff;
+  --fs-color-main-2: #00419e;
+  --fs-color-main-3: #002c71;
+  --fs-color-main-4: #001947;
+
+  --fs-color-accent-0: #ebdcff;
+  --fs-color-accent-1: #8d50fd;
+  --fs-color-accent-2: #732fe2;
+  --fs-color-accent-3: #5900c8;
+  --fs-color-accent-4: #4700a0;
 
   // HIERARCHY
-  --fs-color-primary-bkg               : var(--fs-color-main-4);
-  --fs-color-primary-bkg-active        : var(--fs-color-main-2);
-  --fs-color-primary-bkg-light         : var(--fs-color-main-0);
-  --fs-color-primary-bkg-light-active  : var(--fs-color-main-1);
+  --fs-color-primary-bkg: var(--fs-color-main-4);
+  --fs-color-primary-bkg-active: var(--fs-color-main-2);
+  --fs-color-primary-bkg-light: var(--fs-color-main-0);
+  --fs-color-primary-bkg-light-active: var(--fs-color-main-1);
 
   // SITUATIONS
-  --fs-color-success-bkg               : #cee8de;
-  --fs-color-warning-bkg               : #f6e0ba;
+  --fs-color-success-bkg: #cee8de;
+  --fs-color-warning-bkg: #f6e0ba;
 
   // COMPONENTS & STATES
-  --fs-color-text-display              : var(--fs-color-main-4);
+  --fs-color-text-display: var(--fs-color-main-4);
 
-  --fs-color-action-bkg                : var(--fs-color-accent-3);
-  --fs-color-action-bkg-hover          : var(--fs-color-accent-2);
-  --fs-color-action-bkg-active         : var(--fs-color-accent-1);
+  --fs-color-action-bkg: var(--fs-color-accent-3);
+  --fs-color-action-bkg-hover: var(--fs-color-accent-2);
+  --fs-color-action-bkg-active: var(--fs-color-accent-1);
 
   // --------------------------------------------------------
   // Typography (Branding Core)
   // --------------------------------------------------------
 
   // FACE
-  --fs-text-face-body                  : "Lato", -apple-system, system-ui, BlinkMacSystemFont, sans-serif;
+  --fs-text-face-body: "Lato", -apple-system, system-ui, BlinkMacSystemFont, sans-serif;
 
   // --------------------------------------------------------
   // Refinements
   // --------------------------------------------------------
 
   // BORDERS
-  --fs-border-radius                   : .25rem;
+  --fs-border-radius: 0.25rem;
 
   // SHADOW
-  --fs-shadow                          : none;
-  --fs-shadow-darker                   : 0 0 10px rgb(0 0 0 / 20%);
-  --fs-shadow-hover                    : 0 1px 4px rgb(0 0 0 / 10%), 0 6px 8px rgb(0 0 0 / 10%);
+  --fs-shadow: none;
+  --fs-shadow-darker: 0 0 10px rgb(0 0 0 / 20%);
+  --fs-shadow-hover: 0 1px 4px rgb(0 0 0 / 10%), 0 6px 8px rgb(0 0 0 / 10%);
 
   // --------------------------------------------------------
-  // Components
+  // FS UI Components
   // --------------------------------------------------------
 
-  [data-fs-product-card] {
-    --fs-product-card-border-color       : transparent;
-    --fs-product-card-border-color-hover : var(--fs-border-color-light);
+  --fs-logo-width: 8rem;
 
-    &[data-fs-product-card-bordered="true"] {
-      --fs-product-card-border-color     : var(--fs-border-color-light);
-    }
-  }
+  .section {
+    // Add here the customizations for FastStore UI components.
+    [data-fs-product-card] {
+      --fs-product-card-border-color: transparent;
+      --fs-product-card-border-color-hover: var(--fs-border-color-light);
 
-  [data-fs-logo] {
-    --fs-logo-width                      : 8rem;
+      &[data-fs-product-card-bordered="true"] {
+        --fs-product-card-border-color: var(--fs-border-color-light);
+      }
+    }
   }
 }

package/.next/BUILD_ID

@@ -1 +0,0 @@
-j0SXcZ7jApFgePzyFcY3r

package/.next/build-manifest.json

@@ -1,129 +0,0 @@
-{
-  "polyfillFiles": [
-    "static/chunks/polyfills-c67a75d1b6f99dc8.js"
-  ],
-  "devFiles": [],
-  "ampDevFiles": [],
-  "lowPriorityFiles": [
-    "static/j0SXcZ7jApFgePzyFcY3r/_buildManifest.js",
-    "static/j0SXcZ7jApFgePzyFcY3r/_ssgManifest.js"
-  ],
-  "rootMainFiles": [],
-  "pages": {
-    "/": [
-      "static/chunks/webpack-77a6122b01094e9b.js",
-      "static/chunks/framework-dfd14d7ce6600b03.js",
-      "static/chunks/main-fd466221927468fd.js",
-      "static/chunks/738-67a288ca3569cdbb.js",
-      "static/chunks/548-ab84e9e8b49413ab.js",
-      "static/css/d9dd4c2832f6fd16.css",
-      "static/chunks/706-2646f0498b6476bc.js",
-      "static/css/41ef280537acec50.css",
-      "static/chunks/209-d1d2eeaeefbc68f7.js",
-      "static/css/5330ae3076254840.css",
-      "static/chunks/pages/index-bdbfb082027ed2b7.js"
-    ],
-    "/404": [
-      "static/chunks/webpack-77a6122b01094e9b.js",
-      "static/chunks/framework-dfd14d7ce6600b03.js",
-      "static/chunks/main-fd466221927468fd.js",
-      "static/chunks/738-67a288ca3569cdbb.js",
-      "static/css/d9dd4c2832f6fd16.css",
-      "static/chunks/706-2646f0498b6476bc.js",
-      "static/css/af5ef0767b748cb3.css",
-      "static/chunks/pages/404-14d27e3706f3d2c3.js"
-    ],
-    "/500": [
-      "static/chunks/webpack-77a6122b01094e9b.js",
-      "static/chunks/framework-dfd14d7ce6600b03.js",
-      "static/chunks/main-fd466221927468fd.js",
-      "static/chunks/738-67a288ca3569cdbb.js",
-      "static/css/d9dd4c2832f6fd16.css",
-      "static/chunks/706-2646f0498b6476bc.js",
-      "static/css/af5ef0767b748cb3.css",
-      "static/chunks/pages/500-250ccf5c9626e451.js"
-    ],
-    "/[...slug]": [
-      "static/chunks/webpack-77a6122b01094e9b.js",
-      "static/chunks/framework-dfd14d7ce6600b03.js",
-      "static/chunks/main-fd466221927468fd.js",
-      "static/chunks/738-67a288ca3569cdbb.js",
-      "static/chunks/548-ab84e9e8b49413ab.js",
-      "static/css/d9dd4c2832f6fd16.css",
-      "static/chunks/706-2646f0498b6476bc.js",
-      "static/css/41ef280537acec50.css",
-      "static/chunks/209-d1d2eeaeefbc68f7.js",
-      "static/css/82a475e147f4b2ee.css",
-      "static/chunks/791-ca162aa335ec6439.js",
-      "static/css/5330ae3076254840.css",
-      "static/css/d67fbe2a613293c1.css",
-      "static/chunks/pages/[...slug]-bcfaf0c5d60b57a0.js"
-    ],
-    "/[slug]/p": [
-      "static/chunks/webpack-77a6122b01094e9b.js",
-      "static/chunks/framework-dfd14d7ce6600b03.js",
-      "static/chunks/main-fd466221927468fd.js",
-      "static/chunks/738-67a288ca3569cdbb.js",
-      "static/chunks/548-ab84e9e8b49413ab.js",
-      "static/css/d9dd4c2832f6fd16.css",
-      "static/chunks/706-2646f0498b6476bc.js",
-      "static/css/41ef280537acec50.css",
-      "static/chunks/209-d1d2eeaeefbc68f7.js",
-      "static/css/5972921daee792bb.css",
-      "static/chunks/pages/[slug]/p-44e66d729b2413fb.js"
-    ],
-    "/_app": [
-      "static/chunks/webpack-77a6122b01094e9b.js",
-      "static/chunks/framework-dfd14d7ce6600b03.js",
-      "static/chunks/main-fd466221927468fd.js",
-      "static/css/208b7dd52a0981bd.css",
-      "static/chunks/pages/_app-babcc4d7b80d8f4a.js"
-    ],
-    "/_error": [
-      "static/chunks/webpack-77a6122b01094e9b.js",
-      "static/chunks/framework-dfd14d7ce6600b03.js",
-      "static/chunks/main-fd466221927468fd.js",
-      "static/chunks/pages/_error-a7a0c1d9bfbb4f38.js"
-    ],
-    "/account": [
-      "static/chunks/webpack-77a6122b01094e9b.js",
-      "static/chunks/framework-dfd14d7ce6600b03.js",
-      "static/chunks/main-fd466221927468fd.js",
-      "static/chunks/738-67a288ca3569cdbb.js",
-      "static/css/d9dd4c2832f6fd16.css",
-      "static/chunks/706-2646f0498b6476bc.js",
-      "static/chunks/pages/account-d248acc931146694.js"
-    ],
-    "/checkout": [
-      "static/chunks/webpack-77a6122b01094e9b.js",
-      "static/chunks/framework-dfd14d7ce6600b03.js",
-      "static/chunks/main-fd466221927468fd.js",
-      "static/chunks/738-67a288ca3569cdbb.js",
-      "static/css/d9dd4c2832f6fd16.css",
-      "static/chunks/706-2646f0498b6476bc.js",
-      "static/chunks/pages/checkout-97f6d6f36f041a6f.js"
-    ],
-    "/login": [
-      "static/chunks/webpack-77a6122b01094e9b.js",
-      "static/chunks/framework-dfd14d7ce6600b03.js",
-      "static/chunks/main-fd466221927468fd.js",
-      "static/chunks/738-67a288ca3569cdbb.js",
-      "static/css/d9dd4c2832f6fd16.css",
-      "static/chunks/706-2646f0498b6476bc.js",
-      "static/css/af5ef0767b748cb3.css",
-      "static/chunks/pages/login-b1bdf30c951bb60d.js"
-    ],
-    "/s": [
-      "static/chunks/webpack-77a6122b01094e9b.js",
-      "static/chunks/framework-dfd14d7ce6600b03.js",
-      "static/chunks/main-fd466221927468fd.js",
-      "static/chunks/738-67a288ca3569cdbb.js",
-      "static/css/d9dd4c2832f6fd16.css",
-      "static/chunks/706-2646f0498b6476bc.js",
-      "static/css/82a475e147f4b2ee.css",
-      "static/chunks/791-ca162aa335ec6439.js",
-      "static/chunks/pages/s-aabfa5c08338974a.js"
-    ]
-  },
-  "ampFirstPages": []
-}