npm - @nok-integration/storefront-react - Versions diffs - 0.29.7 → 0.29.10 - Mend

@nok-integration/storefront-react 0.29.7 → 0.29.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/index.d.ts +4 -2
package/dist/index.mjs +361 -254
package/dist/standalone/storefront.mjs +361 -254
package/dist/standalone/styles.css +123 -118
package/dist/styles.css +123 -118
package/package.json +1 -1

package/dist/standalone/styles.css CHANGED Viewed

@@ -5370,124 +5370,6 @@
     opacity: 0.8;
   }
 }
-._header_r9jjq_14 {
-  position: sticky;
-  top: 0;
-  z-index: 40;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  height: var(--header-height);
-  padding: 0 var(--space-16);
-  background: #f9fafa;
-  color: #0c161c;
-  box-shadow: inset 0 -1px 0 #dddedf;
-}
-._floating_r9jjq_39 {
-  position: sticky;
-  top: 0;
-  margin-bottom: calc(-1 * var(--header-height));
-  z-index: 5;
-  background: none;
-  color: #f9fafa;
-  transition: background-color 160ms ease;
-  box-shadow: none;
-}
-._floating_r9jjq_39._scrolled_r9jjq_47 {
-  background: rgba(8, 14, 18, 0.6);
-}
-@media (prefers-reduced-motion: reduce) {
-  ._floating_r9jjq_39 {
-    transition: none;
-  }
-}
-._title_r9jjq_121 {
-  flex: 0 0 auto;
-  width: 222px;
-  min-width: 0;
-  font-size: var(--type-caption-sm-size);
-  line-height: var(--type-caption-sm-line);
-  font-weight: var(--font-weight-bold);
-  color: inherit;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-._title_r9jjq_121._leading_r9jjq_134 {
-  flex: 1 1 auto;
-  width: auto;
-  margin-left: var(--space-16);
-}
-._right_r9jjq_140 {
-  display: flex;
-  align-items: center;
-  gap: var(--space-16);
-}
-._spacer_r9jjq_153 {
-  width: 24px;
-  height: 24px;
-}
-._iconBtn_r9jjq_158 {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 24px;
-  height: 24px;
-  padding: 0;
-  border: none;
-  background: none;
-  color: inherit;
-  cursor: pointer;
-  text-decoration: none;
-}
-._iconBtn_r9jjq_158::after {
-  content: "";
-  position: absolute;
-  inset: -10px;
-}
-._menuBtn_r9jjq_185 {
-  width: 32px;
-  height: 32px;
-}
-._menuBtn_r9jjq_185::after {
-  inset: -6px;
-}
-._badge_r9jjq_194 {
-  position: absolute;
-  top: -6px;
-  left: 14px;
-  z-index: 1;
-  min-width: 16px;
-  height: 16px;
-  padding: 0 var(--space-4);
-  box-sizing: border-box;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: var(--radius-full);
-  background: #d12424;
-  color: #ffffff;
-  font-size: var(--type-trimmed-xs-size);
-  line-height: 1;
-  letter-spacing: 0.12px;
-  font-weight: var(--font-weight-bold);
-  font-variant-numeric: tabular-nums;
-  pointer-events: none;
-}
-._closeSlot_r9jjq_221 {
-  flex: 0 0 auto;
-  width: 32px;
-  height: 32px;
-}
-._closeSlot_r9jjq_221._iconBtn_r9jjq_158::after {
-  inset: -6px;
-}
-._centred_r9jjq_236 {
-  flex: 1 1 auto;
-  width: auto;
-  text-align: center;
-}
 ._overlay_y4mxb_5 {
   position: fixed;
   inset: 0;
@@ -5774,3 +5656,126 @@
   font-variant-numeric: tabular-nums;
   pointer-events: none;
 }
+._header_iwoi3_14 {
+  position: sticky;
+  top: 0;
+  z-index: 40;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: var(--header-height);
+  padding: 0 var(--space-16);
+  background: #f9fafa;
+  color: #0c161c;
+  box-shadow: inset 0 -1px 0 #dddedf;
+}
+._floating_iwoi3_39 {
+  position: sticky;
+  top: 0;
+  margin-bottom: calc(-1 * var(--header-height));
+  z-index: 5;
+  background: none;
+  color: #f9fafa;
+  transition: background-color 160ms ease;
+  box-shadow: none;
+}
+._floating_iwoi3_39._scrolled_iwoi3_47 {
+  background: rgba(8, 14, 18, 0.6);
+}
+@media (prefers-reduced-motion: reduce) {
+  ._floating_iwoi3_39 {
+    transition: none;
+  }
+}
+._title_iwoi3_121 {
+  flex: 0 0 auto;
+  width: 222px;
+  min-width: 0;
+  font-size: var(--type-caption-sm-size);
+  line-height: var(--type-caption-sm-line);
+  font-weight: var(--font-weight-bold);
+  color: inherit;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+._title_iwoi3_121._leading_iwoi3_134 {
+  flex: 1 1 auto;
+  width: auto;
+  margin-left: var(--space-16);
+}
+._right_iwoi3_140 {
+  display: flex;
+  align-items: center;
+  gap: var(--space-16);
+}
+._spacer_iwoi3_153 {
+  width: 24px;
+  height: 24px;
+}
+._iconBtn_iwoi3_158 {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  padding: 0;
+  border: none;
+  background: none;
+  color: inherit;
+  cursor: pointer;
+  text-decoration: none;
+}
+._iconBtn_iwoi3_158::after {
+  content: "";
+  position: absolute;
+  inset: -10px;
+}
+._menuBtn_iwoi3_185 {
+  width: 32px;
+  height: 32px;
+}
+._menuBtn_iwoi3_185::after {
+  inset: -6px;
+}
+._badge_iwoi3_194 {
+  position: absolute;
+  top: -6px;
+  left: 14px;
+  z-index: 1;
+  min-width: 16px;
+  height: 16px;
+  padding: 0 var(--space-4);
+  box-sizing: border-box;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--radius-full);
+  background: #d12424;
+  color: #ffffff;
+  font-size: var(--type-trimmed-xs-size);
+  line-height: 1;
+  letter-spacing: 0.12px;
+  font-weight: var(--font-weight-bold);
+  font-variant-numeric: tabular-nums;
+  pointer-events: none;
+}
+._closeSlot_iwoi3_221 {
+  flex: 0 0 auto;
+  width: 32px;
+  height: 32px;
+}
+._closeSlot_iwoi3_221._iconBtn_iwoi3_158::after {
+  inset: -6px;
+}
+._centred_iwoi3_236 {
+  flex: 1 1 auto;
+  width: auto;
+  text-align: center;
+}
+@media (min-width: 1200px) {
+  ._narrowOnly_iwoi3_243 {
+    display: none;
+  }
+}

package/dist/styles.css CHANGED Viewed

@@ -5370,124 +5370,6 @@
     opacity: 0.8;
   }
 }
-._header_r9jjq_14 {
-  position: sticky;
-  top: 0;
-  z-index: 40;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  height: var(--header-height);
-  padding: 0 var(--space-16);
-  background: #f9fafa;
-  color: #0c161c;
-  box-shadow: inset 0 -1px 0 #dddedf;
-}
-._floating_r9jjq_39 {
-  position: sticky;
-  top: 0;
-  margin-bottom: calc(-1 * var(--header-height));
-  z-index: 5;
-  background: none;
-  color: #f9fafa;
-  transition: background-color 160ms ease;
-  box-shadow: none;
-}
-._floating_r9jjq_39._scrolled_r9jjq_47 {
-  background: rgba(8, 14, 18, 0.6);
-}
-@media (prefers-reduced-motion: reduce) {
-  ._floating_r9jjq_39 {
-    transition: none;
-  }
-}
-._title_r9jjq_121 {
-  flex: 0 0 auto;
-  width: 222px;
-  min-width: 0;
-  font-size: var(--type-caption-sm-size);
-  line-height: var(--type-caption-sm-line);
-  font-weight: var(--font-weight-bold);
-  color: inherit;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-._title_r9jjq_121._leading_r9jjq_134 {
-  flex: 1 1 auto;
-  width: auto;
-  margin-left: var(--space-16);
-}
-._right_r9jjq_140 {
-  display: flex;
-  align-items: center;
-  gap: var(--space-16);
-}
-._spacer_r9jjq_153 {
-  width: 24px;
-  height: 24px;
-}
-._iconBtn_r9jjq_158 {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 24px;
-  height: 24px;
-  padding: 0;
-  border: none;
-  background: none;
-  color: inherit;
-  cursor: pointer;
-  text-decoration: none;
-}
-._iconBtn_r9jjq_158::after {
-  content: "";
-  position: absolute;
-  inset: -10px;
-}
-._menuBtn_r9jjq_185 {
-  width: 32px;
-  height: 32px;
-}
-._menuBtn_r9jjq_185::after {
-  inset: -6px;
-}
-._badge_r9jjq_194 {
-  position: absolute;
-  top: -6px;
-  left: 14px;
-  z-index: 1;
-  min-width: 16px;
-  height: 16px;
-  padding: 0 var(--space-4);
-  box-sizing: border-box;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: var(--radius-full);
-  background: #d12424;
-  color: #ffffff;
-  font-size: var(--type-trimmed-xs-size);
-  line-height: 1;
-  letter-spacing: 0.12px;
-  font-weight: var(--font-weight-bold);
-  font-variant-numeric: tabular-nums;
-  pointer-events: none;
-}
-._closeSlot_r9jjq_221 {
-  flex: 0 0 auto;
-  width: 32px;
-  height: 32px;
-}
-._closeSlot_r9jjq_221._iconBtn_r9jjq_158::after {
-  inset: -6px;
-}
-._centred_r9jjq_236 {
-  flex: 1 1 auto;
-  width: auto;
-  text-align: center;
-}
 ._overlay_y4mxb_5 {
   position: fixed;
   inset: 0;
@@ -5774,3 +5656,126 @@
   font-variant-numeric: tabular-nums;
   pointer-events: none;
 }
+._header_iwoi3_14 {
+  position: sticky;
+  top: 0;
+  z-index: 40;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: var(--header-height);
+  padding: 0 var(--space-16);
+  background: #f9fafa;
+  color: #0c161c;
+  box-shadow: inset 0 -1px 0 #dddedf;
+}
+._floating_iwoi3_39 {
+  position: sticky;
+  top: 0;
+  margin-bottom: calc(-1 * var(--header-height));
+  z-index: 5;
+  background: none;
+  color: #f9fafa;
+  transition: background-color 160ms ease;
+  box-shadow: none;
+}
+._floating_iwoi3_39._scrolled_iwoi3_47 {
+  background: rgba(8, 14, 18, 0.6);
+}
+@media (prefers-reduced-motion: reduce) {
+  ._floating_iwoi3_39 {
+    transition: none;
+  }
+}
+._title_iwoi3_121 {
+  flex: 0 0 auto;
+  width: 222px;
+  min-width: 0;
+  font-size: var(--type-caption-sm-size);
+  line-height: var(--type-caption-sm-line);
+  font-weight: var(--font-weight-bold);
+  color: inherit;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+._title_iwoi3_121._leading_iwoi3_134 {
+  flex: 1 1 auto;
+  width: auto;
+  margin-left: var(--space-16);
+}
+._right_iwoi3_140 {
+  display: flex;
+  align-items: center;
+  gap: var(--space-16);
+}
+._spacer_iwoi3_153 {
+  width: 24px;
+  height: 24px;
+}
+._iconBtn_iwoi3_158 {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  padding: 0;
+  border: none;
+  background: none;
+  color: inherit;
+  cursor: pointer;
+  text-decoration: none;
+}
+._iconBtn_iwoi3_158::after {
+  content: "";
+  position: absolute;
+  inset: -10px;
+}
+._menuBtn_iwoi3_185 {
+  width: 32px;
+  height: 32px;
+}
+._menuBtn_iwoi3_185::after {
+  inset: -6px;
+}
+._badge_iwoi3_194 {
+  position: absolute;
+  top: -6px;
+  left: 14px;
+  z-index: 1;
+  min-width: 16px;
+  height: 16px;
+  padding: 0 var(--space-4);
+  box-sizing: border-box;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--radius-full);
+  background: #d12424;
+  color: #ffffff;
+  font-size: var(--type-trimmed-xs-size);
+  line-height: 1;
+  letter-spacing: 0.12px;
+  font-weight: var(--font-weight-bold);
+  font-variant-numeric: tabular-nums;
+  pointer-events: none;
+}
+._closeSlot_iwoi3_221 {
+  flex: 0 0 auto;
+  width: 32px;
+  height: 32px;
+}
+._closeSlot_iwoi3_221._iconBtn_iwoi3_158::after {
+  inset: -6px;
+}
+._centred_iwoi3_236 {
+  flex: 1 1 auto;
+  width: auto;
+  text-align: center;
+}
+@media (min-width: 1200px) {
+  ._narrowOnly_iwoi3_243 {
+    display: none;
+  }
+}

package/package.json CHANGED Viewed

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