@nok-integration/storefront-react 0.21.0 → 0.21.1

package/dist/index.mjs

@@ -11845,15 +11845,15 @@ function ProductView({ sku, initialData, showRecommendations = true, onNotFound
     })
   });
 }
-const hero$1 = "_hero_1h61y_1";
-const image$1 = "_image_1h61y_11";
-const foot = "_foot_1h61y_21";
-const text$1 = "_text_1h61y_27";
-const logo$1 = "_logo_1h61y_35";
-const copy$1 = "_copy_1h61y_40";
-const headline = "_headline_1h61y_49";
-const body = "_body_1h61y_57";
-const cta$1 = "_cta_1h61y_66";
+const hero$1 = "_hero_1j0m8_1";
+const image$1 = "_image_1j0m8_11";
+const foot = "_foot_1j0m8_34";
+const text$1 = "_text_1j0m8_40";
+const logo$1 = "_logo_1j0m8_48";
+const copy$1 = "_copy_1j0m8_53";
+const headline = "_headline_1j0m8_62";
+const body = "_body_1j0m8_70";
+const cta$1 = "_cta_1j0m8_79";
 const styles$3 = {
   hero: hero$1,
   image: image$1,

package/dist/standalone/storefront.mjs

@@ -11845,15 +11845,15 @@ function ProductView({ sku, initialData, showRecommendations = true, onNotFound
     })
   });
 }
-const hero$1 = "_hero_1h61y_1";
-const image$1 = "_image_1h61y_11";
-const foot = "_foot_1h61y_21";
-const text$1 = "_text_1h61y_27";
-const logo$1 = "_logo_1h61y_35";
-const copy$1 = "_copy_1h61y_40";
-const headline = "_headline_1h61y_49";
-const body = "_body_1h61y_57";
-const cta$1 = "_cta_1h61y_66";
+const hero$1 = "_hero_1j0m8_1";
+const image$1 = "_image_1j0m8_11";
+const foot = "_foot_1j0m8_34";
+const text$1 = "_text_1j0m8_40";
+const logo$1 = "_logo_1j0m8_48";
+const copy$1 = "_copy_1j0m8_53";
+const headline = "_headline_1j0m8_62";
+const body = "_body_1j0m8_70";
+const cta$1 = "_cta_1j0m8_79";
 const styles$3 = {
   hero: hero$1,
   image: image$1,

package/dist/standalone/styles.css

@@ -3506,7 +3506,7 @@
   column-gap: var(--space-12);
   row-gap: var(--space-12);
 }
-._hero_1h61y_1 {
+._hero_1j0m8_1 {
   position: relative;
   display: flex;
   flex-direction: column;
@@ -3515,31 +3515,43 @@
   overflow: hidden;
   background: var(--color-surface-default);
 }
-._image_1h61y_11 {
+._image_1j0m8_11 {
   position: absolute;
   inset: 0;
 }
-._image_1h61y_11 img {
+._image_1j0m8_11::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background:
+    linear-gradient(
+      to top,
+      rgba(8, 14, 18, 0.82) 0,
+      rgba(8, 14, 18, 0.82) 227px,
+      rgba(8, 14, 18, 0) 382px);
+  pointer-events: none;
+}
+._image_1j0m8_11 img {
   object-fit: cover;
   object-position: top center;
 }
-._foot_1h61y_21 {
+._foot_1j0m8_34 {
   position: relative;
   display: flex;
   flex-direction: column;
 }
-._text_1h61y_27 {
+._text_1j0m8_40 {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: var(--space-16);
   padding: 0 var(--space-16) var(--space-8);
 }
-._text_1h61y_27 ._logo_1h61y_35 {
+._text_1j0m8_40 ._logo_1j0m8_48 {
   width: 48px;
   height: 48px;
 }
-._copy_1h61y_40 {
+._copy_1j0m8_53 {
   display: flex;
   flex-direction: column;
   gap: 6px;
@@ -3547,14 +3559,14 @@
   text-align: center;
   overflow-wrap: break-word;
 }
-._headline_1h61y_49 {
+._headline_1j0m8_62 {
   margin: 0;
   font-size: 36px;
   line-height: 1.1;
   font-weight: var(--font-weight-bold);
   color: var(--color-text-default);
 }
-._body_1h61y_57 {
+._body_1j0m8_70 {
   margin: 0;
   font-size: var(--type-paragraph-size);
   line-height: var(--type-paragraph-line);
@@ -3562,7 +3574,7 @@
   color: var(--color-text-default);
   white-space: pre-line;
 }
-._cta_1h61y_66 {
+._cta_1j0m8_79 {
   padding: var(--space-16) var(--space-16) var(--space-24);
 }
 ._showcase_9ibf6_14 {

package/dist/styles.css

@@ -3506,7 +3506,7 @@
   column-gap: var(--space-12);
   row-gap: var(--space-12);
 }
-._hero_1h61y_1 {
+._hero_1j0m8_1 {
   position: relative;
   display: flex;
   flex-direction: column;
@@ -3515,31 +3515,43 @@
   overflow: hidden;
   background: var(--color-surface-default);
 }
-._image_1h61y_11 {
+._image_1j0m8_11 {
   position: absolute;
   inset: 0;
 }
-._image_1h61y_11 img {
+._image_1j0m8_11::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background:
+    linear-gradient(
+      to top,
+      rgba(8, 14, 18, 0.82) 0,
+      rgba(8, 14, 18, 0.82) 227px,
+      rgba(8, 14, 18, 0) 382px);
+  pointer-events: none;
+}
+._image_1j0m8_11 img {
   object-fit: cover;
   object-position: top center;
 }
-._foot_1h61y_21 {
+._foot_1j0m8_34 {
   position: relative;
   display: flex;
   flex-direction: column;
 }
-._text_1h61y_27 {
+._text_1j0m8_40 {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: var(--space-16);
   padding: 0 var(--space-16) var(--space-8);
 }
-._text_1h61y_27 ._logo_1h61y_35 {
+._text_1j0m8_40 ._logo_1j0m8_48 {
   width: 48px;
   height: 48px;
 }
-._copy_1h61y_40 {
+._copy_1j0m8_53 {
   display: flex;
   flex-direction: column;
   gap: 6px;
@@ -3547,14 +3559,14 @@
   text-align: center;
   overflow-wrap: break-word;
 }
-._headline_1h61y_49 {
+._headline_1j0m8_62 {
   margin: 0;
   font-size: 36px;
   line-height: 1.1;
   font-weight: var(--font-weight-bold);
   color: var(--color-text-default);
 }
-._body_1h61y_57 {
+._body_1j0m8_70 {
   margin: 0;
   font-size: var(--type-paragraph-size);
   line-height: var(--type-paragraph-line);
@@ -3562,7 +3574,7 @@
   color: var(--color-text-default);
   white-space: pre-line;
 }
-._cta_1h61y_66 {
+._cta_1j0m8_79 {
   padding: var(--space-16) var(--space-16) var(--space-24);
 }
 ._showcase_9ibf6_14 {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nok-integration/storefront-react",
-  "version": "0.21.0",
+  "version": "0.21.1",
   "description": "Mountable React storefront components: catalogue, product detail and cart, mounted directly into a host DOM tree. No iframe.",
   "license": "UNLICENSED",
   "type": "module",