@nok-integration/storefront-react 0.19.48 → 0.19.50

package/dist/styles.css

@@ -1645,7 +1645,7 @@
   background: var(--color-state-surface-critical-soft);
   color: var(--color-state-text-critical);
 }
-._page_1bhfq_2 {
+._page_qj11j_2 {
   list-style: none;
   margin: 0;
   display: flex;
@@ -1653,14 +1653,14 @@
   gap: var(--space-12);
   padding: var(--space-16) var(--space-16) var(--space-24);
 }
-._empty_1bhfq_22 {
+._empty_qj11j_22 {
   display: flex;
   align-items: center;
   justify-content: center;
   min-height: calc(100dvh - var(--header-height) - var(--space-32));
   padding-bottom: var(--space-32);
 }
-._cta_1bhfq_32 {
+._cta_qj11j_32 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -1677,11 +1677,11 @@
   line-height: 1;
   cursor: pointer;
 }
-._cta_1bhfq_32:focus-visible {
+._cta_qj11j_32:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
 }
-._card_1bhfq_55 {
+._card_qj11j_55 {
   display: flex;
   flex-direction: column;
   gap: var(--space-24);
@@ -1695,21 +1695,21 @@
   text-align: left;
   overflow: hidden;
 }
-._tappable_1bhfq_70 {
+._tappable_qj11j_70 {
   cursor: pointer;
 }
-._tappable_1bhfq_70:focus-visible {
+._tappable_qj11j_70:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
 }
-._head_1bhfq_79 {
+._head_qj11j_79 {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   gap: var(--space-8);
   width: 100%;
 }
-._heading_1bhfq_87 {
+._heading_qj11j_87 {
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
@@ -1717,7 +1717,7 @@
   min-width: 0;
   color: var(--color-text-default);
 }
-._title_1bhfq_96 {
+._title_qj11j_96 {
   font-size: var(--type-heading-md-size);
   font-weight: var(--font-weight-bold);
   line-height: 1.32;
@@ -1725,22 +1725,30 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._date_1bhfq_115 {
+._date_qj11j_115 {
   font-size: var(--type-trimmed-sm-size);
   line-height: 10px;
 }
-._bottom_1bhfq_120 {
+._bottom_qj11j_120 {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: var(--space-8);
   width: 100%;
 }
-._strip_1bhfq_128 {
+._strip_qj11j_128 {
   display: flex;
   gap: var(--space-6);
 }
-._tile_1bhfq_133 {
+._meta_qj11j_141 {
+  flex: 1 1 auto;
+  text-align: right;
+  font-size: var(--type-trimmed-sm-size);
+  color: var(--color-text-subtle);
+  font-variant-numeric: tabular-nums;
+  white-space: nowrap;
+}
+._tile_qj11j_150 {
   position: relative;
   flex: 0 0 56px;
   width: 56px;
@@ -1749,14 +1757,14 @@
   overflow: hidden;
   background: var(--color-surface-subtle);
 }
-._image_1bhfq_143 {
+._image_qj11j_160 {
   object-fit: cover;
   object-position: top;
 }
-._placeholder_1bhfq_150 {
+._placeholder_qj11j_167 {
   background: var(--color-surface-subtle);
 }
-._more_1bhfq_157 {
+._more_qj11j_174 {
   position: absolute;
   inset: 0;
   display: flex;
@@ -1768,7 +1776,7 @@
   font-weight: var(--font-weight-bold);
   line-height: 1;
 }
-._chevron_1bhfq_170 {
+._chevron_qj11j_187 {
   display: inline-flex;
   flex: 0 0 24px;
   width: 24px;
@@ -3487,27 +3495,29 @@
   column-gap: var(--space-12);
   row-gap: var(--space-12);
 }
-._showcase_12gts_14 {
+._showcase_jukpz_14 {
   --chrome-bleed: calc(3 * (100lvh - 100svh));
   background: #080e12;
 }
-._panel_12gts_19 {
+._panel_jukpz_19 {
   position: relative;
   height: 100lvh;
   height: calc(100lvh + var(--chrome-bleed, 0px));
   scroll-snap-align: start;
   scroll-snap-stop: always;
+  scroll-margin-bottom: calc(-1 * var(--chrome-bleed, 0px));
   overflow: hidden;
   background: #080e12;
 }
-._panel_12gts_19:last-child {
+._panel_jukpz_19:last-child {
   height: 100dvh;
+  scroll-margin-bottom: 0;
 }
-._image_12gts_65 {
+._image_jukpz_80 {
   object-fit: cover;
   object-position: 50% var(--slide-focal-y, 50%);
 }
-._hero_12gts_105::after {
+._hero_jukpz_120::after {
   content: "";
   position: absolute;
   inset: 0;
@@ -3522,7 +3532,7 @@
       rgba(8, 14, 18, 0) calc(520px + var(--chrome-bleed, 0px)));
   pointer-events: none;
 }
-._hero_12gts_105 ._heroContent_12gts_190 {
+._hero_jukpz_120 ._heroContent_jukpz_205 {
   position: absolute;
   bottom: 32px;
   bottom: calc(32px + var(--chrome-bleed, 0px) + 100lvh - 100dvh);
@@ -3534,7 +3544,7 @@
   gap: 24px;
   align-items: stretch;
 }
-._heroText_12gts_214 {
+._heroText_jukpz_229 {
   display: flex;
   flex-direction: column;
   gap: 8px;
@@ -3542,11 +3552,11 @@
   padding: 0 24px;
   text-align: center;
 }
-._heroText_12gts_214 ._logo_12gts_223 {
+._heroText_jukpz_229 ._logo_jukpz_238 {
   width: 48px;
   height: 48px;
 }
-._heroTitle_12gts_243 {
+._heroTitle_jukpz_258 {
   width: 100%;
   margin: 0;
   font-family:
@@ -3561,33 +3571,33 @@
   letter-spacing: -1.12px;
   color: #f9fafa;
 }
-._heroSub_12gts_267 {
+._heroSub_jukpz_282 {
   margin: 0;
   font-size: 16px;
   line-height: 1.55;
   color: #f9fafa;
   max-width: 327px;
 }
-._swipe_12gts_286 {
+._swipe_jukpz_301 {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 6px;
   padding: 8px 0;
 }
-._swipeLabel_12gts_293 {
+._swipeLabel_jukpz_308 {
   margin: 0;
   font-size: 14px;
   line-height: 1;
   color: rgba(255, 255, 255, 0.54);
 }
-._chevron_12gts_299 {
+._chevron_jukpz_314 {
   width: 24px;
   height: 24px;
   color: rgba(255, 255, 255, 0.54);
-  animation: _bob_12gts_1 1.8s ease-in-out infinite;
+  animation: _bob_jukpz_1 1.8s ease-in-out infinite;
 }
-@keyframes _bob_12gts_1 {
+@keyframes _bob_jukpz_1 {
   0%, 100% {
     transform: translateY(0);
   }
@@ -3595,7 +3605,7 @@
     transform: translateY(4px);
   }
 }
-._overlay_12gts_11 {
+._overlay_jukpz_11 {
   position: absolute;
   inset: 0;
   z-index: 1;
@@ -3612,25 +3622,25 @@
   padding: 0 24px 24px;
   padding-bottom: calc(24px + var(--chrome-bleed, 0px) + 100lvh - 100dvh);
 }
-._copy_12gts_334 {
+._copy_jukpz_349 {
   display: flex;
   flex-direction: column;
   gap: 8px;
 }
-._title_12gts_339 {
+._title_jukpz_354 {
   margin: 0;
   font-size: 32px;
   line-height: 1.2;
   font-weight: 700;
   color: #f9fafa;
 }
-._subtitle_12gts_346 {
+._subtitle_jukpz_361 {
   margin: 0;
   font-size: 16px;
   line-height: 1.55;
   color: #f9fafa;
 }
-._cta_12gts_352 {
+._cta_jukpz_367 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -3644,19 +3654,19 @@
   font-weight: 700;
   text-decoration: none;
 }
-._cta_12gts_352::after {
+._cta_jukpz_367::after {
   content: "";
   position: absolute;
   inset: 0;
 }
-._cta_12gts_352:active {
+._cta_jukpz_367:active {
   background: rgba(249, 250, 250, 0.12);
 }
-._cta_12gts_352:focus-visible {
+._cta_jukpz_367:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
 }
-._mosaic_12gts_396 {
+._mosaic_jukpz_411 {
   background: #080e12;
 }
 ._header_r9jjq_14 {

package/package.json

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