@nok-integration/storefront-react 0.19.19 → 0.19.21

package/dist/styles.css

@@ -981,38 +981,106 @@
     animation: none;
   }
 }
-._page_1c7ro_7 {
+._line_1v0et_6 {
+  display: flex;
+  align-items: center;
+  gap: var(--space-12);
+}
+._thumb_1v0et_12 {
+  position: relative;
+  flex-shrink: 0;
+  width: 48px;
+  height: 48px;
+  border-radius: var(--radius-6);
+  overflow: hidden;
+  background: var(--color-surface-subtle);
+}
+._img_1v0et_22 {
+  object-fit: cover;
+}
+._placeholder_1v0et_26 {
+  width: 100%;
+  height: 100%;
+}
+._meta_1v0et_31 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-12);
+  flex: 1 1 0;
+  min-width: 0;
+}
+._name_1v0et_40 {
+  font-size: var(--type-trimmed-sm-size);
+  line-height: 10px;
+  padding: 5px 0;
+  margin: -5px 0;
+  font-weight: var(--font-weight-bold);
+  color: var(--color-text-default);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+._attrs_1v0et_52 {
+  font-size: var(--type-trimmed-sm-size);
+  line-height: 10px;
+  padding: 5px 0;
+  margin: -5px 0;
+  color: var(--color-text-subtle);
+}
+._price_1v0et_60 {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  gap: var(--space-6);
+  flex-shrink: 0;
+  text-align: right;
+}
+._paid_1v0et_69 {
+  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 {
+  font-size: var(--type-trimmed-sm-size);
+  line-height: 10px;
+  color: var(--color-text-disabled);
+  text-decoration: line-through;
+  font-variant-numeric: tabular-nums;
+}
+._page_6yt5y_7 {
   display: flex;
   flex-direction: column;
   gap: var(--space-24);
   padding: var(--space-20) var(--space-16);
   background: var(--color-surface-default);
 }
-._titles_1c7ro_15 {
+._titles_6yt5y_15 {
   display: flex;
   flex-direction: column;
   gap: var(--space-8);
 }
-._title_1c7ro_15 {
+._title_6yt5y_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_1c7ro_30 {
+._subtitle_6yt5y_30 {
   font-size: var(--type-trimmed-sm-size);
   line-height: 10px;
   padding: 5px 0;
   margin: -5px 0;
   color: var(--color-text-subtle);
 }
-._list_1c7ro_38 {
+._list_6yt5y_38 {
   display: flex;
   flex-direction: column;
   gap: var(--space-12);
 }
-._card_1c7ro_48 {
+._card_6yt5y_48 {
   display: flex;
   align-items: flex-start;
   gap: var(--space-12);
@@ -1020,7 +1088,7 @@
   border-radius: var(--radius-18);
   background: var(--color-surface-soft);
 }
-._checkSlot_1c7ro_61 {
+._checkSlot_6yt5y_61 {
   display: inline-flex;
   align-items: flex-start;
   flex-shrink: 0;
@@ -1030,12 +1098,12 @@
   color: var(--color-surface-max);
   cursor: pointer;
 }
-._checkSlot_1c7ro_61:focus-visible {
+._checkSlot_6yt5y_61:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
   border-radius: var(--radius-4);
 }
-._check_1c7ro_61 {
+._check_6yt5y_61 {
   position: relative;
   display: inline-flex;
   align-items: center;
@@ -1043,7 +1111,7 @@
   width: 24px;
   height: 24px;
 }
-._check_1c7ro_61::before {
+._check_6yt5y_61::before {
   content: "";
   position: absolute;
   width: 20px;
@@ -1051,88 +1119,20 @@
   border: 1px solid var(--color-border-default);
   border-radius: var(--radius-full);
 }
-._checkSlot_1c7ro_61[aria-checked=true] ._check_1c7ro_61::before {
+._checkSlot_6yt5y_61[aria-checked=true] ._check_6yt5y_61::before {
   border-color: transparent;
 }
-._check_1c7ro_61 svg {
-  position: relative;
-}
-._row_1c7ro_105 {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-12);
-  flex: 1 1 0;
-  min-width: 0;
-}
-._line_1c7ro_113 {
-  display: flex;
-  align-items: center;
-  gap: var(--space-12);
-}
-._thumb_1c7ro_119 {
+._check_6yt5y_61 svg {
   position: relative;
-  flex-shrink: 0;
-  width: 48px;
-  height: 48px;
-  border-radius: var(--radius-6);
-  overflow: hidden;
-  background: var(--color-surface-subtle);
-}
-._img_1c7ro_129 {
-  object-fit: cover;
 }
-._placeholder_1c7ro_133 {
-  width: 100%;
-  height: 100%;
-}
-._meta_1c7ro_138 {
+._row_6yt5y_105 {
   display: flex;
   flex-direction: column;
   gap: var(--space-12);
   flex: 1 1 0;
   min-width: 0;
 }
-._name_1c7ro_147 {
-  font-size: var(--type-trimmed-sm-size);
-  line-height: 10px;
-  padding: 5px 0;
-  margin: -5px 0;
-  font-weight: var(--font-weight-bold);
-  color: var(--color-text-default);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-._attrs_1c7ro_159 {
-  font-size: var(--type-trimmed-sm-size);
-  line-height: 10px;
-  padding: 5px 0;
-  margin: -5px 0;
-  color: var(--color-text-subtle);
-}
-._price_1c7ro_167 {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-  gap: var(--space-6);
-  flex-shrink: 0;
-  text-align: right;
-}
-._paid_1c7ro_176 {
-  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_1c7ro_184 {
-  font-size: var(--type-trimmed-sm-size);
-  line-height: 10px;
-  color: var(--color-text-disabled);
-  text-decoration: line-through;
-  font-variant-numeric: tabular-nums;
-}
-._reason_1c7ro_199 {
+._reason_6yt5y_119 {
   display: inline-flex;
   align-items: center;
   justify-content: space-between;
@@ -1149,26 +1149,36 @@
   font-weight: var(--font-weight-bold);
   cursor: pointer;
 }
-._reasonSet_1c7ro_217 {
+._reasonSet_6yt5y_137 {
   color: var(--color-text-default);
 }
-._reason_1c7ro_199:focus-visible {
+._reason_6yt5y_119:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
 }
-._page_1r0ea_7 {
+._page_51f4e_7 {
   display: flex;
   flex-direction: column;
   gap: var(--space-24);
   padding: var(--space-20) var(--space-16);
   background: var(--color-surface-default);
 }
-._intro_1r0ea_15 {
+._top_51f4e_20 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-16);
+}
+._items_51f4e_27 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-16);
+}
+._intro_51f4e_33 {
   display: flex;
   flex-direction: column;
   gap: var(--space-8);
 }
-._title_1r0ea_22 {
+._title_51f4e_40 {
   font-size: var(--type-trimmed-md-size);
   line-height: 11px;
   padding: 5px 0;
@@ -1176,13 +1186,13 @@
   font-weight: var(--font-weight-bold);
   color: var(--color-text-default);
 }
-._subtitle_1r0ea_31 {
+._subtitle_51f4e_49 {
   margin: 0;
   font-size: var(--type-caption-sm-size);
   line-height: var(--type-caption-sm-line);
   color: var(--color-text-subtle);
 }
-._card_1r0ea_39 {
+._card_51f4e_57 {
   display: flex;
   flex-direction: column;
   gap: var(--space-24);
@@ -1190,22 +1200,22 @@
   border: 1px solid var(--color-border-default);
   border-radius: var(--radius-18);
 }
-._step_1r0ea_49 {
+._step_51f4e_67 {
   display: flex;
   flex-direction: column;
   gap: var(--space-16);
 }
-._step2_1r0ea_56 {
+._step2_51f4e_74 {
   display: flex;
   flex-direction: column;
   gap: var(--space-8);
 }
-._stepHead_1r0ea_62 {
+._stepHead_51f4e_80 {
   display: flex;
   align-items: center;
   gap: var(--space-8);
 }
-._number_1r0ea_69 {
+._number_51f4e_87 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -1219,7 +1229,7 @@
   font-weight: var(--font-weight-bold);
   color: var(--color-text-default);
 }
-._stepTitle_1r0ea_84 {
+._stepTitle_51f4e_102 {
   flex: 1 1 0;
   min-width: 0;
   font-size: var(--type-trimmed-md-size);
@@ -1229,24 +1239,24 @@
   font-weight: var(--font-weight-bold);
   color: var(--color-text-default);
 }
-._body_1r0ea_95 {
+._body_51f4e_113 {
   margin: 0;
   font-size: var(--type-caption-sm-size);
   line-height: var(--type-caption-sm-line);
   color: var(--color-text-default);
 }
-._body2_1r0ea_103 {
+._body2_51f4e_121 {
   margin: 0;
   font-size: var(--type-caption-sm-size);
   line-height: var(--type-caption-sm-line);
   color: var(--color-text-default);
 }
-._body2_1r0ea_103 br {
+._body2_51f4e_121 br {
   content: "";
   display: block;
   margin-bottom: var(--space-4);
 }
-._download_1r0ea_121 {
+._download_51f4e_139 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -1261,11 +1271,11 @@
   font-weight: var(--font-weight-bold);
   text-decoration: none;
 }
-._download_1r0ea_121:focus-visible {
+._download_51f4e_139:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
 }
-._note_1r0ea_143 {
+._note_51f4e_161 {
   margin: 0;
   font-size: var(--type-trimmed-xs-size);
   line-height: 1.5;

package/package.json

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