@nok-integration/storefront-react 0.19.8 → 0.19.9

package/dist/index.mjs

@@ -8053,21 +8053,21 @@ function formatPlaced(iso, locale) {
     year: "numeric"
   })}`;
 }
-const tile$1 = "_tile_1io44_7";
-const media$2 = "_media_1io44_15";
-const image$7 = "_image_1io44_25";
-const placeholder$4 = "_placeholder_1io44_29";
-const topBadge = "_topBadge_1io44_37";
-const saleBadge$2 = "_saleBadge_1io44_78";
-const oos$3 = "_oos_1io44_86";
-const bottom = "_bottom_1io44_113";
-const titlePrice$1 = "_titlePrice_1io44_100";
-const title$f = "_title_1io44_5";
-const swatches = "_swatches_1io44_179";
-const swatch = "_swatch_1io44_179";
-const swatchActive = "_swatchActive_1io44_196";
-const swatchDot = "_swatchDot_1io44_200";
-const large = "_large_1io44_211";
+const tile$1 = "_tile_1a177_7";
+const media$2 = "_media_1a177_15";
+const image$7 = "_image_1a177_25";
+const placeholder$4 = "_placeholder_1a177_29";
+const topBadge = "_topBadge_1a177_37";
+const saleBadge$2 = "_saleBadge_1a177_78";
+const oos$3 = "_oos_1a177_86";
+const bottom = "_bottom_1a177_113";
+const titlePrice$1 = "_titlePrice_1a177_100";
+const title$f = "_title_1a177_5";
+const swatches = "_swatches_1a177_181";
+const swatch = "_swatch_1a177_181";
+const swatchActive = "_swatchActive_1a177_198";
+const swatchDot = "_swatchDot_1a177_202";
+const large = "_large_1a177_213";
 const styles$t = {
   tile: tile$1,
   media: media$2,

package/dist/standalone/storefront.mjs

@@ -8053,21 +8053,21 @@ function formatPlaced(iso, locale) {
     year: "numeric"
   })}`;
 }
-const tile$1 = "_tile_1io44_7";
-const media$2 = "_media_1io44_15";
-const image$7 = "_image_1io44_25";
-const placeholder$4 = "_placeholder_1io44_29";
-const topBadge = "_topBadge_1io44_37";
-const saleBadge$2 = "_saleBadge_1io44_78";
-const oos$3 = "_oos_1io44_86";
-const bottom = "_bottom_1io44_113";
-const titlePrice$1 = "_titlePrice_1io44_100";
-const title$f = "_title_1io44_5";
-const swatches = "_swatches_1io44_179";
-const swatch = "_swatch_1io44_179";
-const swatchActive = "_swatchActive_1io44_196";
-const swatchDot = "_swatchDot_1io44_200";
-const large = "_large_1io44_211";
+const tile$1 = "_tile_1a177_7";
+const media$2 = "_media_1a177_15";
+const image$7 = "_image_1a177_25";
+const placeholder$4 = "_placeholder_1a177_29";
+const topBadge = "_topBadge_1a177_37";
+const saleBadge$2 = "_saleBadge_1a177_78";
+const oos$3 = "_oos_1a177_86";
+const bottom = "_bottom_1a177_113";
+const titlePrice$1 = "_titlePrice_1a177_100";
+const title$f = "_title_1a177_5";
+const swatches = "_swatches_1a177_181";
+const swatch = "_swatch_1a177_181";
+const swatchActive = "_swatchActive_1a177_198";
+const swatchDot = "_swatchDot_1a177_202";
+const large = "_large_1a177_213";
 const styles$t = {
   tile: tile$1,
   media: media$2,

package/dist/standalone/styles.css

@@ -38,6 +38,8 @@
   --color-surface-bold: #6d7377;
   --color-border-default: #dddedf;
   --color-border-subtle: #ced0d2;
+  --color-border-full-color-subtle: #6d7377;
+  --color-border-full-color-max: #f9fafa;
   --color-border-transparent-soft: rgba(0, 0, 0, 0.1);
   --color-state-text-success: #147e4a;
   --color-state-surface-success-soft: #def1e9;
@@ -1706,14 +1708,14 @@
   height: 24px;
   color: var(--color-text-default);
 }
-._tile_1io44_7 {
+._tile_1a177_7 {
   display: flex;
   flex-direction: column;
   gap: var(--space-12);
   text-decoration: none;
   color: inherit;
 }
-._media_1io44_15 {
+._media_1a177_15 {
   position: relative;
   width: 100%;
   aspect-ratio: 165 / 220;
@@ -1721,15 +1723,15 @@
   overflow: hidden;
   background: var(--color-surface-soft);
 }
-._image_1io44_25 {
+._image_1a177_25 {
   object-fit: cover;
 }
-._placeholder_1io44_29 {
+._placeholder_1a177_29 {
   width: 100%;
   height: 100%;
   background: var(--color-surface-soft);
 }
-._topBadge_1io44_37 {
+._topBadge_1a177_37 {
   position: absolute;
   top: var(--space-8);
   left: var(--space-8);
@@ -1750,13 +1752,13 @@
   text-transform: uppercase;
   white-space: nowrap;
 }
-._saleBadge_1io44_78 {
+._saleBadge_1a177_78 {
   position: absolute;
   display: flex;
   bottom: var(--space-8);
   left: var(--space-8);
 }
-._oos_1io44_86 {
+._oos_1a177_86 {
   position: absolute;
   inset: 0;
   display: flex;
@@ -1768,17 +1770,17 @@
   font-size: var(--type-trimmed-sm-size);
   font-weight: var(--font-weight-bold);
 }
-._bottom_1io44_113 {
+._bottom_1a177_113 {
   display: flex;
   flex-direction: column;
   gap: var(--space-16);
 }
-._titlePrice_1io44_100 {
+._titlePrice_1a177_100 {
   display: flex;
   flex-direction: column;
   gap: var(--space-16);
 }
-._title_1io44_5 {
+._title_1a177_5 {
   font-size: var(--type-paragraph-size);
   line-height: 21px;
   padding: 5px 0;
@@ -1792,41 +1794,41 @@
   overflow: hidden;
   min-height: calc(2 * 21px + 10px);
 }
-._titlePrice_1io44_100 > :last-child {
+._titlePrice_1a177_100 > :last-child {
   line-height: 11px;
 }
-._swatches_1io44_179 {
+._swatches_1a177_181 {
   display: flex;
   gap: var(--space-4);
   align-items: center;
 }
-._swatch_1io44_179 {
+._swatch_1a177_181 {
   display: inline-flex;
   padding: 2px;
-  box-shadow: inset 0 0 0 0.5px var(--color-border-subtle);
+  box-shadow: inset 0 0 0 0.5px var(--color-border-full-color-subtle);
   border-radius: var(--radius-2);
 }
-._swatchActive_1io44_196 {
-  box-shadow: inset 0 0 0 0.5px var(--color-surface-max);
+._swatchActive_1a177_198 {
+  box-shadow: inset 0 0 0 0.5px var(--color-border-full-color-max);
 }
-._swatchDot_1io44_200 {
+._swatchDot_1a177_202 {
   display: block;
   width: 14px;
   height: 14px;
   border-radius: var(--radius-2);
 }
-._large_1io44_211 {
+._large_1a177_213 {
   padding: 0 var(--space-16);
 }
-._large_1io44_211 ._media_1io44_15 {
+._large_1a177_213 ._media_1a177_15 {
   aspect-ratio: 343 / 457;
 }
-._large_1io44_211 ._title_1io44_5 {
+._large_1a177_213 ._title_1a177_5 {
   font-size: 18px;
   line-height: 23px;
   min-height: 0;
 }
-._tile_1io44_7:not(._large_1io44_211) ._swatches_1io44_179 {
+._tile_1a177_7:not(._large_1a177_213) ._swatches_1a177_181 {
   display: none;
 }
 ._section_1n5an_5 {

package/dist/styles.css

@@ -38,6 +38,8 @@
   --color-surface-bold: #6d7377;
   --color-border-default: #dddedf;
   --color-border-subtle: #ced0d2;
+  --color-border-full-color-subtle: #6d7377;
+  --color-border-full-color-max: #f9fafa;
   --color-border-transparent-soft: rgba(0, 0, 0, 0.1);
   --color-state-text-success: #147e4a;
   --color-state-surface-success-soft: #def1e9;
@@ -1706,14 +1708,14 @@
   height: 24px;
   color: var(--color-text-default);
 }
-._tile_1io44_7 {
+._tile_1a177_7 {
   display: flex;
   flex-direction: column;
   gap: var(--space-12);
   text-decoration: none;
   color: inherit;
 }
-._media_1io44_15 {
+._media_1a177_15 {
   position: relative;
   width: 100%;
   aspect-ratio: 165 / 220;
@@ -1721,15 +1723,15 @@
   overflow: hidden;
   background: var(--color-surface-soft);
 }
-._image_1io44_25 {
+._image_1a177_25 {
   object-fit: cover;
 }
-._placeholder_1io44_29 {
+._placeholder_1a177_29 {
   width: 100%;
   height: 100%;
   background: var(--color-surface-soft);
 }
-._topBadge_1io44_37 {
+._topBadge_1a177_37 {
   position: absolute;
   top: var(--space-8);
   left: var(--space-8);
@@ -1750,13 +1752,13 @@
   text-transform: uppercase;
   white-space: nowrap;
 }
-._saleBadge_1io44_78 {
+._saleBadge_1a177_78 {
   position: absolute;
   display: flex;
   bottom: var(--space-8);
   left: var(--space-8);
 }
-._oos_1io44_86 {
+._oos_1a177_86 {
   position: absolute;
   inset: 0;
   display: flex;
@@ -1768,17 +1770,17 @@
   font-size: var(--type-trimmed-sm-size);
   font-weight: var(--font-weight-bold);
 }
-._bottom_1io44_113 {
+._bottom_1a177_113 {
   display: flex;
   flex-direction: column;
   gap: var(--space-16);
 }
-._titlePrice_1io44_100 {
+._titlePrice_1a177_100 {
   display: flex;
   flex-direction: column;
   gap: var(--space-16);
 }
-._title_1io44_5 {
+._title_1a177_5 {
   font-size: var(--type-paragraph-size);
   line-height: 21px;
   padding: 5px 0;
@@ -1792,41 +1794,41 @@
   overflow: hidden;
   min-height: calc(2 * 21px + 10px);
 }
-._titlePrice_1io44_100 > :last-child {
+._titlePrice_1a177_100 > :last-child {
   line-height: 11px;
 }
-._swatches_1io44_179 {
+._swatches_1a177_181 {
   display: flex;
   gap: var(--space-4);
   align-items: center;
 }
-._swatch_1io44_179 {
+._swatch_1a177_181 {
   display: inline-flex;
   padding: 2px;
-  box-shadow: inset 0 0 0 0.5px var(--color-border-subtle);
+  box-shadow: inset 0 0 0 0.5px var(--color-border-full-color-subtle);
   border-radius: var(--radius-2);
 }
-._swatchActive_1io44_196 {
-  box-shadow: inset 0 0 0 0.5px var(--color-surface-max);
+._swatchActive_1a177_198 {
+  box-shadow: inset 0 0 0 0.5px var(--color-border-full-color-max);
 }
-._swatchDot_1io44_200 {
+._swatchDot_1a177_202 {
   display: block;
   width: 14px;
   height: 14px;
   border-radius: var(--radius-2);
 }
-._large_1io44_211 {
+._large_1a177_213 {
   padding: 0 var(--space-16);
 }
-._large_1io44_211 ._media_1io44_15 {
+._large_1a177_213 ._media_1a177_15 {
   aspect-ratio: 343 / 457;
 }
-._large_1io44_211 ._title_1io44_5 {
+._large_1a177_213 ._title_1a177_5 {
   font-size: 18px;
   line-height: 23px;
   min-height: 0;
 }
-._tile_1io44_7:not(._large_1io44_211) ._swatches_1io44_179 {
+._tile_1a177_7:not(._large_1a177_213) ._swatches_1a177_181 {
   display: none;
 }
 ._section_1n5an_5 {

package/package.json

@@ -1,14 +1,11 @@
 {
   "name": "@nok-integration/storefront-react",
-  "version": "0.19.8",
+  "version": "0.19.9",
   "description": "Mountable React storefront components: catalogue, product detail and cart, mounted directly into a host DOM tree. No iframe.",
   "license": "UNLICENSED",
-  "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org/"
-  },
   "type": "module",
   "main": "./dist/index.mjs",
+  "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
@@ -23,34 +20,18 @@
     "dist",
     "!dist/**/*.map"
   ],
-  "scripts": {
-    "build": "pnpm build:package && pnpm build:standalone",
-    "build:package": "vite build",
-    "build:standalone": "BUILD_TARGET=standalone vite build",
-    "typecheck": "tsc --noEmit",
-    "build:partner": "PARTNER_DROP=1 pnpm build && pnpm pack"
-  },
+  "sideEffects": [
+    "*.css"
+  ],
   "peerDependencies": {
     "react": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
   },
-  "devDependencies": {
-    "@microsoft/api-extractor": "^7.58.12",
-    "@raqmix/contracts": "^2.0.0",
-    "@types/react": "^19.1.0",
-    "@types/react-dom": "^19.1.0",
-    "@vitejs/plugin-react": "^4.3.4",
-    "esbuild": "^0.28.1",
-    "terser": "^5.50.0",
-    "typescript": "^5.7.3",
-    "vite": "^7.0.0",
-    "vite-plugin-dts": "^5.0.3"
-  },
-  "module": "./dist/index.mjs",
-  "sideEffects": [
-    "*.css"
-  ],
   "dependencies": {
     "zod": "^3.24.1"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
   }
 }