@nok-integration/storefront-react 0.19.38 → 0.19.39

package/dist/index.mjs

@@ -5476,8 +5476,8 @@ function Skeleton({ width, height, radius, className, circle }) {
     style
   });
 }
-const surface$1 = "_surface_cfqo9_10";
-const fill = "_fill_cfqo9_35";
+const surface$1 = "_surface_zq8bq_10";
+const fill = "_fill_zq8bq_35";
 const styles$O = {
   surface: surface$1,
   fill

package/dist/standalone/storefront.mjs

@@ -5476,8 +5476,8 @@ function Skeleton({ width, height, radius, className, circle }) {
     style
   });
 }
-const surface$1 = "_surface_cfqo9_10";
-const fill = "_fill_cfqo9_35";
+const surface$1 = "_surface_zq8bq_10";
+const fill = "_fill_zq8bq_35";
 const styles$O = {
   surface: surface$1,
   fill

package/dist/standalone/styles.css

@@ -216,7 +216,7 @@
     background-position: 0 50%;
   }
 }
-._surface_cfqo9_10 {
+._surface_zq8bq_10 {
   font-family: var(--font-family-base);
   font-weight: var(--font-weight-regular);
   font-size: var(--type-paragraph-size);
@@ -226,43 +226,44 @@
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
 }
-._surface_cfqo9_10 *,
-._surface_cfqo9_10 *::before,
-._surface_cfqo9_10 *::after {
+._surface_zq8bq_10 *,
+._surface_zq8bq_10 *::before,
+._surface_zq8bq_10 *::after {
   box-sizing: border-box;
 }
-._fill_cfqo9_35 {
+._fill_zq8bq_35 {
   min-height: 100vh;
   min-height: calc(100dvh - var(--surface-top, 0px));
+  box-shadow: 0 calc(100lvh - 100dvh) 0 var(--color-surface-default);
 }
-:where(._surface_cfqo9_10) :where(h1, h2, h3) {
+:where(._surface_zq8bq_10) :where(h1, h2, h3) {
   margin: 0;
   font-weight: var(--font-weight-bold);
 }
-:where(._surface_cfqo9_10) :where(h1) {
+:where(._surface_zq8bq_10) :where(h1) {
   font-size: var(--type-heading-lg-size);
   line-height: var(--type-heading-lg-line);
 }
-:where(._surface_cfqo9_10) :where(h2) {
+:where(._surface_zq8bq_10) :where(h2) {
   font-size: var(--type-heading-md-size);
   line-height: var(--type-heading-md-line);
 }
-._surface_cfqo9_10 a:not([class]) {
+._surface_zq8bq_10 a:not([class]) {
   color: inherit;
 }
-._surface_cfqo9_10 img {
+._surface_zq8bq_10 img {
   max-width: 100%;
   height: auto;
 }
-._surface_cfqo9_10 :focus-visible {
+._surface_zq8bq_10 :focus-visible {
   outline: 2px solid var(--color-surface-max);
   outline-offset: 2px;
   border-radius: var(--radius-4);
 }
 @media (prefers-reduced-motion: reduce) {
-  ._surface_cfqo9_10 *,
-  ._surface_cfqo9_10 *::before,
-  ._surface_cfqo9_10 *::after {
+  ._surface_zq8bq_10 *,
+  ._surface_zq8bq_10 *::before,
+  ._surface_zq8bq_10 *::after {
     animation-duration: 0.001ms !important;
     animation-iteration-count: 1 !important;
     transition-duration: 0.001ms !important;

package/dist/styles.css

@@ -216,7 +216,7 @@
     background-position: 0 50%;
   }
 }
-._surface_cfqo9_10 {
+._surface_zq8bq_10 {
   font-family: var(--font-family-base);
   font-weight: var(--font-weight-regular);
   font-size: var(--type-paragraph-size);
@@ -226,43 +226,44 @@
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
 }
-._surface_cfqo9_10 *,
-._surface_cfqo9_10 *::before,
-._surface_cfqo9_10 *::after {
+._surface_zq8bq_10 *,
+._surface_zq8bq_10 *::before,
+._surface_zq8bq_10 *::after {
   box-sizing: border-box;
 }
-._fill_cfqo9_35 {
+._fill_zq8bq_35 {
   min-height: 100vh;
   min-height: calc(100dvh - var(--surface-top, 0px));
+  box-shadow: 0 calc(100lvh - 100dvh) 0 var(--color-surface-default);
 }
-:where(._surface_cfqo9_10) :where(h1, h2, h3) {
+:where(._surface_zq8bq_10) :where(h1, h2, h3) {
   margin: 0;
   font-weight: var(--font-weight-bold);
 }
-:where(._surface_cfqo9_10) :where(h1) {
+:where(._surface_zq8bq_10) :where(h1) {
   font-size: var(--type-heading-lg-size);
   line-height: var(--type-heading-lg-line);
 }
-:where(._surface_cfqo9_10) :where(h2) {
+:where(._surface_zq8bq_10) :where(h2) {
   font-size: var(--type-heading-md-size);
   line-height: var(--type-heading-md-line);
 }
-._surface_cfqo9_10 a:not([class]) {
+._surface_zq8bq_10 a:not([class]) {
   color: inherit;
 }
-._surface_cfqo9_10 img {
+._surface_zq8bq_10 img {
   max-width: 100%;
   height: auto;
 }
-._surface_cfqo9_10 :focus-visible {
+._surface_zq8bq_10 :focus-visible {
   outline: 2px solid var(--color-surface-max);
   outline-offset: 2px;
   border-radius: var(--radius-4);
 }
 @media (prefers-reduced-motion: reduce) {
-  ._surface_cfqo9_10 *,
-  ._surface_cfqo9_10 *::before,
-  ._surface_cfqo9_10 *::after {
+  ._surface_zq8bq_10 *,
+  ._surface_zq8bq_10 *::before,
+  ._surface_zq8bq_10 *::after {
     animation-duration: 0.001ms !important;
     animation-iteration-count: 1 !important;
     transition-duration: 0.001ms !important;

package/package.json

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