@nok-integration/storefront-react 0.20.8 → 0.20.9

package/dist/index.mjs

@@ -5580,13 +5580,13 @@ function ShopVideo({ src, poster, fill: fill2 = false, className, style, priorit
   });
 }
 const badge$5 = "_badge_1bagf_1";
-const neutral$1 = "_neutral_1bagf_12";
+const neutral$2 = "_neutral_1bagf_12";
 const success$1 = "_success_1bagf_17";
 const critical$2 = "_critical_1bagf_22";
 const promo = "_promo_1bagf_27";
 const styles$R = {
   badge: badge$5,
-  neutral: neutral$1,
+  neutral: neutral$2,
   success: success$1,
   critical: critical$2,
   promo
@@ -5972,7 +5972,7 @@ const ES = {
   Refunded: "Reembolsado",
   "In progress": "En curso",
   Return: "Devolución",
-  Initiated: "Iniciada",
+  Reported: "Notificada",
   Received: "Recibida",
   Completed: "Completada",
   item: "artículo",
@@ -6251,7 +6251,7 @@ const toast = "_toast_oz4st_82";
 const text$4 = "_text_oz4st_111";
 const message$1 = "_message_oz4st_120";
 const action = "_action_oz4st_133";
-const neutral = "_neutral_oz4st_158";
+const neutral$1 = "_neutral_oz4st_158";
 const success = "_success_oz4st_163";
 const critical$1 = "_critical_oz4st_168";
 const rich = "_rich_oz4st_183";
@@ -6266,7 +6266,7 @@ const styles$K = {
   text: text$4,
   message: message$1,
   action,
-  neutral,
+  neutral: neutral$1,
   success,
   critical: critical$1,
   rich,
@@ -8253,14 +8253,16 @@ function OrderConfirmationContent({ orderRef, locale: localeProp, onDone }) {
     })]
   });
 }
-const badge$2 = "_badge_1w0zn_6";
-const progress = "_progress_1w0zn_22";
-const delivered = "_delivered_1w0zn_27";
-const critical = "_critical_1w0zn_36";
+const badge$2 = "_badge_u46qd_6";
+const progress = "_progress_u46qd_22";
+const delivered = "_delivered_u46qd_27";
+const neutral = "_neutral_u46qd_34";
+const critical = "_critical_u46qd_43";
 const styles$w = {
   badge: badge$2,
   progress,
   delivered,
+  neutral,
   critical
 };
 const LABEL = {
@@ -8280,26 +8282,26 @@ const TONE = {
 function OrderStatusBadge({ status }) {
   const t = useT();
   const label2 = LABEL[status] ?? status.replace(/_/g, " ");
-  const tone = TONE[status] ?? "progress";
+  const tone = TONE[status] ?? "neutral";
   return jsx("span", {
     className: [styles$w.badge, styles$w[tone]].join(" "),
     children: t(label2)
   });
 }
 const RETURN_LABEL = {
-  reported: "Initiated",
+  reported: "Reported",
   package_received: "Received",
   completed: "Completed"
 };
 const RETURN_TONE = {
-  reported: "progress",
-  package_received: "progress",
-  completed: "delivered"
+  reported: "neutral",
+  package_received: "neutral",
+  completed: "neutral"
 };
 function ReturnStatusBadge({ status }) {
   const t = useT();
   const label2 = RETURN_LABEL[status] ?? status.replace(/_/g, " ");
-  const tone = RETURN_TONE[status] ?? "progress";
+  const tone = RETURN_TONE[status] ?? "neutral";
   return jsx("span", {
     className: [styles$w.badge, styles$w[tone]].join(" "),
     children: t(label2)

package/dist/standalone/storefront.mjs

@@ -5580,13 +5580,13 @@ function ShopVideo({ src, poster, fill: fill2 = false, className, style, priorit
   });
 }
 const badge$5 = "_badge_1bagf_1";
-const neutral$1 = "_neutral_1bagf_12";
+const neutral$2 = "_neutral_1bagf_12";
 const success$1 = "_success_1bagf_17";
 const critical$2 = "_critical_1bagf_22";
 const promo = "_promo_1bagf_27";
 const styles$R = {
   badge: badge$5,
-  neutral: neutral$1,
+  neutral: neutral$2,
   success: success$1,
   critical: critical$2,
   promo
@@ -5972,7 +5972,7 @@ const ES = {
   Refunded: "Reembolsado",
   "In progress": "En curso",
   Return: "Devolución",
-  Initiated: "Iniciada",
+  Reported: "Notificada",
   Received: "Recibida",
   Completed: "Completada",
   item: "artículo",
@@ -6251,7 +6251,7 @@ const toast = "_toast_oz4st_82";
 const text$4 = "_text_oz4st_111";
 const message$1 = "_message_oz4st_120";
 const action = "_action_oz4st_133";
-const neutral = "_neutral_oz4st_158";
+const neutral$1 = "_neutral_oz4st_158";
 const success = "_success_oz4st_163";
 const critical$1 = "_critical_oz4st_168";
 const rich = "_rich_oz4st_183";
@@ -6266,7 +6266,7 @@ const styles$K = {
   text: text$4,
   message: message$1,
   action,
-  neutral,
+  neutral: neutral$1,
   success,
   critical: critical$1,
   rich,
@@ -8253,14 +8253,16 @@ function OrderConfirmationContent({ orderRef, locale: localeProp, onDone }) {
     })]
   });
 }
-const badge$2 = "_badge_1w0zn_6";
-const progress = "_progress_1w0zn_22";
-const delivered = "_delivered_1w0zn_27";
-const critical = "_critical_1w0zn_36";
+const badge$2 = "_badge_u46qd_6";
+const progress = "_progress_u46qd_22";
+const delivered = "_delivered_u46qd_27";
+const neutral = "_neutral_u46qd_34";
+const critical = "_critical_u46qd_43";
 const styles$w = {
   badge: badge$2,
   progress,
   delivered,
+  neutral,
   critical
 };
 const LABEL = {
@@ -8280,26 +8282,26 @@ const TONE = {
 function OrderStatusBadge({ status }) {
   const t = useT();
   const label2 = LABEL[status] ?? status.replace(/_/g, " ");
-  const tone = TONE[status] ?? "progress";
+  const tone = TONE[status] ?? "neutral";
   return jsx("span", {
     className: [styles$w.badge, styles$w[tone]].join(" "),
     children: t(label2)
   });
 }
 const RETURN_LABEL = {
-  reported: "Initiated",
+  reported: "Reported",
   package_received: "Received",
   completed: "Completed"
 };
 const RETURN_TONE = {
-  reported: "progress",
-  package_received: "progress",
-  completed: "delivered"
+  reported: "neutral",
+  package_received: "neutral",
+  completed: "neutral"
 };
 function ReturnStatusBadge({ status }) {
   const t = useT();
   const label2 = RETURN_LABEL[status] ?? status.replace(/_/g, " ");
-  const tone = RETURN_TONE[status] ?? "progress";
+  const tone = RETURN_TONE[status] ?? "neutral";
   return jsx("span", {
     className: [styles$w.badge, styles$w[tone]].join(" "),
     children: t(label2)

package/dist/standalone/styles.css

@@ -1619,7 +1619,7 @@
 ._done_vqbqs_94 {
   border-color: var(--color-surface-max);
 }
-._badge_1w0zn_6 {
+._badge_u46qd_6 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -1634,15 +1634,19 @@
   text-transform: uppercase;
   white-space: nowrap;
 }
-._progress_1w0zn_22 {
+._progress_u46qd_22 {
   background: var(--color-state-surface-warning-soft);
   color: var(--color-state-text-warning);
 }
-._delivered_1w0zn_27 {
+._delivered_u46qd_27 {
   background: var(--color-state-surface-success-soft);
   color: var(--color-state-text-success);
 }
-._critical_1w0zn_36 {
+._neutral_u46qd_34 {
+  background: var(--color-surface-subtle);
+  color: var(--color-text-default);
+}
+._critical_u46qd_43 {
   background: var(--color-state-surface-critical-soft);
   color: var(--color-state-text-critical);
 }

package/dist/styles.css

@@ -1619,7 +1619,7 @@
 ._done_vqbqs_94 {
   border-color: var(--color-surface-max);
 }
-._badge_1w0zn_6 {
+._badge_u46qd_6 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -1634,15 +1634,19 @@
   text-transform: uppercase;
   white-space: nowrap;
 }
-._progress_1w0zn_22 {
+._progress_u46qd_22 {
   background: var(--color-state-surface-warning-soft);
   color: var(--color-state-text-warning);
 }
-._delivered_1w0zn_27 {
+._delivered_u46qd_27 {
   background: var(--color-state-surface-success-soft);
   color: var(--color-state-text-success);
 }
-._critical_1w0zn_36 {
+._neutral_u46qd_34 {
+  background: var(--color-surface-subtle);
+  color: var(--color-text-default);
+}
+._critical_u46qd_43 {
   background: var(--color-state-surface-critical-soft);
   color: var(--color-state-text-critical);
 }

package/package.json

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