@nok-integration/storefront-react 0.19.28 → 0.19.29

package/dist/styles.css

@@ -354,7 +354,7 @@
   color: var(--color-text-subtle);
   max-width: 34ch;
 }
-._viewport_5aafz_14 {
+._viewport_1tc1q_14 {
   position: fixed;
   top: var(--toast-top, var(--space-12));
   left: 0;
@@ -367,7 +367,7 @@
   pointer-events: none;
   z-index: 1000;
 }
-._anchor_5aafz_41 {
+._anchor_1tc1q_41 {
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
@@ -375,17 +375,17 @@
   width: 100%;
   max-width: 420px;
 }
-._caret_5aafz_59 {
+._caret_1tc1q_59 {
   display: block;
   width: 24px;
   height: 10px;
   margin-left: auto;
   margin-right: max(0px, calc(var(--toast-caret-right, 60px) - 12px));
 }
-._caret_5aafz_59 svg {
+._caret_1tc1q_59 svg {
   display: block;
 }
-._toast_5aafz_82 {
+._toast_1tc1q_82 {
   box-sizing: border-box;
   display: flex;
   align-items: center;
@@ -401,16 +401,16 @@
   box-shadow: 0 6px 24px rgba(8, 14, 18, 0.24);
   pointer-events: auto;
 }
-._text_5aafz_111 {
+._text_1tc1q_111 {
   display: flex;
   flex-direction: column;
   gap: var(--space-6);
   min-width: 0;
 }
-._message_5aafz_120 {
+._message_1tc1q_120 {
   min-width: 0;
 }
-._action_5aafz_133 {
+._action_1tc1q_133 {
   position: relative;
   flex-shrink: 0;
   padding: 0;
@@ -421,29 +421,29 @@
   text-decoration: underline;
   cursor: pointer;
 }
-._action_5aafz_133::after {
+._action_1tc1q_133::after {
   content: "";
   position: absolute;
   inset: -13px -12px;
 }
-._action_5aafz_133:focus-visible {
+._action_1tc1q_133:focus-visible {
   outline: 2px solid currentColor;
   outline-offset: 2px;
   border-radius: var(--radius-4);
 }
-._neutral_5aafz_158 {
+._neutral_1tc1q_158 {
   background: var(--color-surface-max);
   color: var(--color-text-strong);
 }
-._success_5aafz_163 {
+._success_1tc1q_163 {
   background: var(--color-state-text-success);
   color: var(--color-text-strong);
 }
-._critical_5aafz_168 {
+._critical_1tc1q_168 {
   background: var(--color-state-surface-critical-default);
   color: var(--color-text-strong);
 }
-._rich_5aafz_183 {
+._rich_1tc1q_183 {
   justify-content: flex-start;
   gap: var(--space-12);
   padding: var(--space-12) var(--space-16) var(--space-12) var(--space-12);
@@ -451,12 +451,12 @@
   color: #f9fafa;
   box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
 }
-._rich_5aafz_183 ._message_5aafz_120 {
+._rich_1tc1q_183 ._message_1tc1q_120 {
   font-size: var(--type-trimmed-sm-size);
   font-weight: var(--font-weight-bold);
   line-height: normal;
 }
-._rich_5aafz_183 ._description_5aafz_198 {
+._rich_1tc1q_183 ._description_1tc1q_198 {
   font-size: var(--type-trimmed-xs-size);
   font-weight: var(--font-weight-regular);
   line-height: normal;
@@ -466,11 +466,11 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._rich_5aafz_183 ._action_5aafz_133 {
+._rich_1tc1q_183 ._action_1tc1q_133 {
   margin-left: auto;
   text-decoration: none;
 }
-._thumb_5aafz_216 {
+._thumb_1tc1q_216 {
   position: relative;
   flex-shrink: 0;
   width: 40px;
@@ -479,8 +479,9 @@
   overflow: hidden;
   background: rgba(255, 255, 255, 0.08);
 }
-._thumbImage_5aafz_227 {
+._thumbImage_1tc1q_227 {
   object-fit: cover;
+  object-position: top;
 }
 ._badge_156ya_2 {
   display: inline-flex;
@@ -685,7 +686,7 @@
 ._row_1hsxt_16._discount_1hsxt_69 dd {
   color: var(--color-state-text-success);
 }
-._lines_1vmnm_19 {
+._lines_dpw0l_19 {
   list-style: none;
   margin: 0;
   padding: 0;
@@ -693,12 +694,12 @@
   flex-direction: column;
   gap: var(--space-16);
 }
-._line_1vmnm_19 {
+._line_dpw0l_19 {
   display: flex;
   align-items: center;
   gap: var(--space-12);
 }
-._thumb_1vmnm_34 {
+._thumb_dpw0l_34 {
   position: relative;
   flex-shrink: 0;
   width: 48px;
@@ -707,14 +708,15 @@
   overflow: hidden;
   background: var(--color-surface-soft);
 }
-._image_1vmnm_44 {
+._image_dpw0l_44 {
   object-fit: cover;
+  object-position: top;
 }
-._placeholder_1vmnm_48 {
+._placeholder_dpw0l_51 {
   width: 100%;
   height: 100%;
 }
-._lineBody_1vmnm_53 {
+._lineBody_dpw0l_56 {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
@@ -722,14 +724,14 @@
   flex: 1 1 0;
   min-width: 0;
 }
-._lineText_1vmnm_62 {
+._lineText_dpw0l_65 {
   display: flex;
   flex-direction: column;
   gap: var(--space-12);
   flex: 1 1 0;
   min-width: 0;
 }
-._lineTitle_1vmnm_72 {
+._lineTitle_dpw0l_75 {
   margin: -6px 0;
   padding: 6px 0;
   font-size: var(--type-trimmed-sm-size);
@@ -739,7 +741,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
 }
-._lineMeta_1vmnm_104 {
+._lineMeta_dpw0l_107 {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
@@ -749,10 +751,10 @@
   line-height: 11px;
   color: var(--color-text-subtle);
 }
-._detail_1vmnm_101 {
+._detail_dpw0l_104 {
   white-space: nowrap;
 }
-._linePrice_1vmnm_125 {
+._linePrice_dpw0l_128 {
   display: flex;
   flex-direction: column;
   align-items: flex-end;
@@ -761,12 +763,12 @@
   white-space: nowrap;
   font-variant-numeric: tabular-nums;
 }
-._paid_1vmnm_137 {
+._paid_dpw0l_140 {
   font-size: var(--type-trimmed-md-size);
   line-height: 11px;
   font-weight: var(--font-weight-bold);
 }
-._was_1vmnm_150 {
+._was_dpw0l_153 {
   display: flex;
   align-items: center;
   justify-content: flex-end;
@@ -776,14 +778,14 @@
   color: var(--color-text-disabled);
   text-decoration: line-through;
 }
-._card_1vmnm_173 {
+._card_dpw0l_176 {
   display: flex;
   flex-direction: column;
   box-shadow: inset 0 0 0 1px var(--color-border-default);
   border-radius: var(--radius-18);
   overflow: hidden;
 }
-._cardTitle_1vmnm_181 {
+._cardTitle_dpw0l_184 {
   display: flex;
   align-items: center;
   margin: 0;
@@ -794,16 +796,16 @@
   line-height: 1.38;
   font-weight: var(--font-weight-bold);
 }
-._cardBody_1vmnm_193 {
+._cardBody_dpw0l_196 {
   margin: 0;
   padding: var(--space-16);
   font-size: var(--type-trimmed-sm-size);
   line-height: 1.5;
 }
-._summaryCard_1vmnm_165 {
+._summaryCard_dpw0l_168 {
   background: var(--color-surface-soft);
 }
-._summaryCard_1vmnm_165 > :last-child {
+._summaryCard_dpw0l_168 > :last-child {
   padding: 0 var(--space-16);
 }
 ._header_1f3nh_7 {
@@ -981,12 +983,12 @@
     animation: none;
   }
 }
-._line_1v0et_6 {
+._line_1pjby_6 {
   display: flex;
   align-items: center;
   gap: var(--space-12);
 }
-._thumb_1v0et_12 {
+._thumb_1pjby_12 {
   position: relative;
   flex-shrink: 0;
   width: 48px;
@@ -995,21 +997,22 @@
   overflow: hidden;
   background: var(--color-surface-subtle);
 }
-._img_1v0et_22 {
+._img_1pjby_22 {
   object-fit: cover;
+  object-position: top;
 }
-._placeholder_1v0et_26 {
+._placeholder_1pjby_29 {
   width: 100%;
   height: 100%;
 }
-._meta_1v0et_31 {
+._meta_1pjby_34 {
   display: flex;
   flex-direction: column;
   gap: var(--space-12);
   flex: 1 1 0;
   min-width: 0;
 }
-._name_1v0et_40 {
+._name_1pjby_43 {
   font-size: var(--type-trimmed-sm-size);
   line-height: 10px;
   padding: 5px 0;
@@ -1020,14 +1023,14 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._attrs_1v0et_52 {
+._attrs_1pjby_55 {
   font-size: var(--type-trimmed-sm-size);
   line-height: 10px;
   padding: 5px 0;
   margin: -5px 0;
   color: var(--color-text-subtle);
 }
-._price_1v0et_60 {
+._price_1pjby_63 {
   display: flex;
   flex-direction: column;
   align-items: flex-end;
@@ -1035,14 +1038,14 @@
   flex-shrink: 0;
   text-align: right;
 }
-._paid_1v0et_69 {
+._paid_1pjby_72 {
   font-size: var(--type-trimmed-md-size);
   line-height: 11px;
   font-weight: var(--font-weight-bold);
   color: var(--color-text-default);
   font-variant-numeric: tabular-nums;
 }
-._was_1v0et_77 {
+._was_1pjby_80 {
   font-size: var(--type-trimmed-sm-size);
   line-height: 10px;
   color: var(--color-text-disabled);
@@ -1282,32 +1285,32 @@
   letter-spacing: 0.12px;
   color: var(--color-text-default);
 }
-._page_o44fl_8 {
+._page_1l21t_8 {
   display: flex;
   flex-direction: column;
   gap: var(--space-24);
   padding: var(--space-20) var(--space-16) var(--space-24);
 }
-._titles_o44fl_15 {
+._titles_1l21t_15 {
   display: flex;
   flex-direction: column;
   gap: var(--space-8);
 }
-._title_o44fl_15 {
+._title_1l21t_15 {
   margin: 0;
   font-size: var(--type-heading-md-size);
   line-height: 1.32;
   font-weight: var(--font-weight-bold);
   color: var(--color-text-default);
 }
-._subtitle_o44fl_30 {
+._subtitle_1l21t_30 {
   font-size: var(--type-trimmed-sm-size);
   line-height: 10px;
   padding: 5px 0;
   margin: -5px 0;
   color: var(--color-text-subtle);
 }
-._items_o44fl_38 {
+._items_1l21t_38 {
   list-style: none;
   margin: 0;
   padding: 0;
@@ -1315,12 +1318,12 @@
   flex-direction: column;
   gap: var(--space-16);
 }
-._item_o44fl_38 {
+._item_1l21t_38 {
   display: flex;
   align-items: center;
   gap: var(--space-12);
 }
-._thumb_o44fl_53 {
+._thumb_1l21t_53 {
   position: relative;
   flex-shrink: 0;
   width: 48px;
@@ -1329,21 +1332,22 @@
   overflow: hidden;
   background: var(--color-surface-subtle);
 }
-._img_o44fl_63 {
+._img_1l21t_63 {
   object-fit: cover;
+  object-position: top;
 }
-._placeholder_o44fl_67 {
+._placeholder_1l21t_70 {
   width: 100%;
   height: 100%;
 }
-._meta_o44fl_72 {
+._meta_1l21t_75 {
   display: flex;
   flex-direction: column;
   gap: var(--space-12);
   flex: 1 1 0;
   min-width: 0;
 }
-._name_o44fl_80 {
+._name_1l21t_83 {
   font-size: var(--type-trimmed-sm-size);
   line-height: 10px;
   padding: 5px 0;
@@ -1354,20 +1358,20 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._attrs_o44fl_100 {
+._attrs_1l21t_103 {
   margin: 0;
   display: flex;
   align-items: center;
   gap: var(--space-8);
   color: var(--color-text-subtle);
 }
-._attrs_o44fl_100 > span {
+._attrs_1l21t_103 > span {
   font-size: var(--type-trimmed-sm-size);
   line-height: 10px;
   padding: 5px 0;
   margin: -5px 0;
 }
-._price_o44fl_115 {
+._price_1l21t_118 {
   display: flex;
   flex-direction: column;
   align-items: flex-end;
@@ -1375,14 +1379,14 @@
   flex-shrink: 0;
   text-align: right;
 }
-._paid_o44fl_124 {
+._paid_1l21t_127 {
   font-size: var(--type-trimmed-md-size);
   line-height: 11px;
   font-weight: var(--font-weight-bold);
   color: var(--color-text-default);
   font-variant-numeric: tabular-nums;
 }
-._was_o44fl_132 {
+._was_1l21t_135 {
   font-size: var(--type-trimmed-sm-size);
   line-height: 10px;
   color: var(--color-text-disabled);
@@ -1589,7 +1593,7 @@
   background: var(--color-state-surface-critical-soft);
   color: var(--color-state-text-critical);
 }
-._page_6xodo_2 {
+._page_1bhfq_2 {
   list-style: none;
   margin: 0;
   display: flex;
@@ -1597,14 +1601,14 @@
   gap: var(--space-12);
   padding: var(--space-16) var(--space-16) var(--space-24);
 }
-._empty_6xodo_22 {
+._empty_1bhfq_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_6xodo_32 {
+._cta_1bhfq_32 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -1621,11 +1625,11 @@
   line-height: 1;
   cursor: pointer;
 }
-._cta_6xodo_32:focus-visible {
+._cta_1bhfq_32:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
 }
-._card_6xodo_55 {
+._card_1bhfq_55 {
   display: flex;
   flex-direction: column;
   gap: var(--space-24);
@@ -1639,21 +1643,21 @@
   text-align: left;
   overflow: hidden;
 }
-._tappable_6xodo_70 {
+._tappable_1bhfq_70 {
   cursor: pointer;
 }
-._tappable_6xodo_70:focus-visible {
+._tappable_1bhfq_70:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
 }
-._head_6xodo_79 {
+._head_1bhfq_79 {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   gap: var(--space-8);
   width: 100%;
 }
-._heading_6xodo_87 {
+._heading_1bhfq_87 {
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
@@ -1661,7 +1665,7 @@
   min-width: 0;
   color: var(--color-text-default);
 }
-._title_6xodo_96 {
+._title_1bhfq_96 {
   font-size: var(--type-heading-md-size);
   font-weight: var(--font-weight-bold);
   line-height: 1.32;
@@ -1669,22 +1673,22 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._date_6xodo_115 {
+._date_1bhfq_115 {
   font-size: var(--type-trimmed-sm-size);
   line-height: 10px;
 }
-._bottom_6xodo_120 {
+._bottom_1bhfq_120 {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: var(--space-8);
   width: 100%;
 }
-._strip_6xodo_128 {
+._strip_1bhfq_128 {
   display: flex;
   gap: var(--space-6);
 }
-._tile_6xodo_133 {
+._tile_1bhfq_133 {
   position: relative;
   flex: 0 0 56px;
   width: 56px;
@@ -1693,13 +1697,14 @@
   overflow: hidden;
   background: var(--color-surface-subtle);
 }
-._image_6xodo_143 {
+._image_1bhfq_143 {
   object-fit: cover;
+  object-position: top;
 }
-._placeholder_6xodo_147 {
+._placeholder_1bhfq_150 {
   background: var(--color-surface-subtle);
 }
-._more_6xodo_154 {
+._more_1bhfq_157 {
   position: absolute;
   inset: 0;
   display: flex;
@@ -1711,7 +1716,7 @@
   font-weight: var(--font-weight-bold);
   line-height: 1;
 }
-._chevron_6xodo_167 {
+._chevron_1bhfq_170 {
   display: inline-flex;
   flex: 0 0 24px;
   width: 24px;
@@ -2182,25 +2187,25 @@
   color: var(--color-text-default);
   font-variant-numeric: tabular-nums;
 }
-._line_1s2s6_6 {
+._line_1ritd_6 {
   display: flex;
   flex-direction: column;
   gap: var(--space-6);
 }
-._row_1s2s6_12 {
+._row_1ritd_12 {
   display: flex;
   gap: var(--space-16);
   align-items: center;
 }
-._pending_1s2s6_18 {
+._pending_1ritd_18 {
   opacity: 0.6;
 }
-._labels_1s2s6_24 {
+._labels_1ritd_24 {
   display: flex;
   align-items: center;
   gap: var(--space-4);
 }
-._lowStock_1s2s6_39 {
+._lowStock_1ritd_39 {
   display: inline-flex;
   align-items: center;
   padding: 7px 0;
@@ -2209,7 +2214,7 @@
   line-height: 10px;
   color: var(--color-state-text-warning);
 }
-._media_1s2s6_49 {
+._media_1ritd_49 {
   position: relative;
   flex-shrink: 0;
   width: 100px;
@@ -2218,20 +2223,21 @@
   overflow: hidden;
   background: var(--color-surface-soft);
 }
-._image_1s2s6_59 {
+._image_1ritd_59 {
   object-fit: cover;
+  object-position: top;
 }
-._placeholder_1s2s6_63 {
+._placeholder_1ritd_75 {
   width: 100%;
   height: 100%;
 }
-._saleBadge_1s2s6_76 {
+._saleBadge_1ritd_88 {
   position: absolute;
   display: flex;
   left: var(--space-6);
   bottom: var(--space-6);
 }
-._oos_1s2s6_91 {
+._oos_1ritd_103 {
   position: absolute;
   inset: 0;
   display: flex;
@@ -2243,26 +2249,26 @@
   font-size: var(--type-trimmed-sm-size);
   font-weight: var(--font-weight-bold);
 }
-._info_1s2s6_104 {
+._info_1ritd_116 {
   display: flex;
   flex-direction: column;
   gap: var(--space-16);
   flex: 1 1 0;
   min-width: 0;
 }
-._head_1s2s6_112 {
+._head_1ritd_124 {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   gap: var(--space-8);
 }
-._meta_1s2s6_119 {
+._meta_1ritd_131 {
   display: flex;
   flex-direction: column;
   gap: var(--space-12);
   min-width: 0;
 }
-._title_1s2s6_134 {
+._title_1ritd_146 {
   font-size: var(--type-trimmed-md-size);
   font-weight: var(--font-weight-bold);
   line-height: 11px;
@@ -2272,13 +2278,13 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._details_1s2s6_152 {
+._details_1ritd_164 {
   display: flex;
   flex-wrap: wrap;
   gap: var(--space-6);
   min-width: 0;
 }
-._detail_1s2s6_152 {
+._detail_1ritd_164 {
   font-size: var(--type-trimmed-sm-size);
   font-weight: var(--font-weight-regular);
   line-height: 10px;
@@ -2287,14 +2293,14 @@
   color: var(--color-text-subtle);
   white-space: nowrap;
 }
-._price_1s2s6_171 {
+._price_1ritd_183 {
   display: flex;
   flex-direction: column;
   align-items: flex-end;
   gap: var(--space-6);
   flex-shrink: 0;
 }
-._amount_1s2s6_179 {
+._amount_1ritd_191 {
   font-size: var(--type-trimmed-md-size);
   font-weight: var(--font-weight-bold);
   line-height: 11px;
@@ -2302,7 +2308,7 @@
   margin: -7px 0;
   white-space: nowrap;
 }
-._was_1s2s6_188 {
+._was_1ritd_200 {
   font-size: var(--type-trimmed-sm-size);
   font-weight: var(--font-weight-regular);
   line-height: 10px;