@nok-integration/storefront-react 0.19.35 → 0.19.37

package/dist/index.d.ts

@@ -2875,6 +2875,7 @@ declare function createClient(options: ClientOptions): {
                 item_count: number;
                 image?: string | undefined;
                 images?: string[] | undefined;
+                return_status?: "reported" | "package_received" | "completed" | undefined;
             }[];
         }>;
         get: (orderRef: string) => Promise<{
@@ -4237,10 +4238,16 @@ declare const OrderStatus: z.ZodEnum<["confirmed", "packed", "shipped", "deliver
 
 declare type OrderStatus = z.infer<typeof OrderStatus>;
 
-export declare function OrderStatusBadge({ status }: OrderStatusBadgeProps): JSX.Element;
+export declare function OrderStatusBadge({ status, returnStatus }: OrderStatusBadgeProps): JSX.Element;
 
 export declare interface OrderStatusBadgeProps {
     status: OrderProgressStep;
+    /**
+     * An open return against this order, when there is one. The engine omits it once every
+     * return has completed, so a value here always means "still outstanding" — this component
+     * does not have to decide which return statuses count as started.
+     */
+    returnStatus?: ReturnStatus;
 }
 
 /**
@@ -5412,6 +5419,17 @@ declare const ReturnRequestItem: z.ZodObject<{
 
 declare type ReturnRequestItem = z.infer<typeof ReturnRequestItem>;
 
+/**
+ * Where a return has got to.
+ *
+ * Three steps, which is what the frame draws — reported, received, completed. The parcel
+ * is in the post for most of that time and nobody can say more than "we have not got it
+ * yet", so a finer breakdown would be invented rather than observed.
+ */
+declare const ReturnStatus: z.ZodEnum<["reported", "package_received", "completed"]>;
+
+declare type ReturnStatus = z.infer<typeof ReturnStatus>;
+
 export declare function ReturnTrackingView({ ret, locale: localeProp }: ReturnTrackingViewProps): JSX.Element;
 
 export declare interface ReturnTrackingViewProps {

package/dist/index.mjs

@@ -4647,7 +4647,7 @@ function requireOrderTracking() {
     Object.defineProperty(exports, "__esModule", {
       value: true
     });
-    exports.ReturnDetail = exports.ReturnItem = exports.ReturnProgressEntry = exports.CreateReturnRequest = exports.ReturnRequestItem = exports.FanReturnReason = exports.RequestCancellationRequest = exports.FanCancelReason = exports.OrderDetail = exports.ReturnSummary = exports.ReturnStatus = exports.OrderList = exports.OrderSummaryItem = exports.OrderItem = exports.OrderTracking = exports.OrderProgressEntry = exports.OrderProgressStep = void 0;
+    exports.ReturnDetail = exports.ReturnItem = exports.ReturnProgressEntry = exports.CreateReturnRequest = exports.ReturnRequestItem = exports.FanReturnReason = exports.RequestCancellationRequest = exports.FanCancelReason = exports.OrderDetail = exports.ReturnSummary = exports.OrderList = exports.OrderSummaryItem = exports.ReturnStatus = exports.OrderItem = exports.OrderTracking = exports.OrderProgressEntry = exports.OrderProgressStep = void 0;
     const zod_1 = requireZod();
     const money_1 = requireMoney();
     const ids_1 = requireIds();
@@ -4679,6 +4679,7 @@ function requireOrderTracking() {
       refunded_qty: zod_1.z.number().int().nonnegative(),
       returned_qty: zod_1.z.number().int().nonnegative().optional()
     });
+    exports.ReturnStatus = zod_1.z.enum(["reported", "package_received", "completed"]);
     exports.OrderSummaryItem = zod_1.z.object({
       order_ref: ids_1.OrderRef,
       placed_at: common_1.Timestamp,
@@ -4688,12 +4689,12 @@ function requireOrderTracking() {
       total: money_1.Money,
       item_count: zod_1.z.number().int().nonnegative(),
       image: common_1.Url.optional(),
-      images: zod_1.z.array(common_1.Url).max(3).optional()
+      images: zod_1.z.array(common_1.Url).max(3).optional(),
+      return_status: exports.ReturnStatus.optional()
     });
     exports.OrderList = zod_1.z.object({
       orders: zod_1.z.array(exports.OrderSummaryItem)
     });
-    exports.ReturnStatus = zod_1.z.enum(["reported", "package_received", "completed"]);
     exports.ReturnSummary = zod_1.z.object({
       return_ref: zod_1.z.string().min(1),
       status: exports.ReturnStatus,
@@ -5411,13 +5412,13 @@ function ShopVideo({ src, poster, fill: fill2 = false, className, style, priorit
 const badge$5 = "_badge_1bagf_1";
 const neutral$1 = "_neutral_1bagf_12";
 const success$1 = "_success_1bagf_17";
-const critical$1 = "_critical_1bagf_22";
+const critical$2 = "_critical_1bagf_22";
 const promo = "_promo_1bagf_27";
 const styles$R = {
   badge: badge$5,
   neutral: neutral$1,
   success: success$1,
-  critical: critical$1,
+  critical: critical$2,
   promo
 };
 function Badge({ tone = "neutral", children }) {
@@ -6014,7 +6015,7 @@ const message$1 = "_message_1tc1q_120";
 const action = "_action_1tc1q_133";
 const neutral = "_neutral_1tc1q_158";
 const success = "_success_1tc1q_163";
-const critical = "_critical_1tc1q_168";
+const critical$1 = "_critical_1tc1q_168";
 const rich = "_rich_1tc1q_183";
 const description = "_description_1tc1q_198";
 const thumb$3 = "_thumb_1tc1q_216";
@@ -6029,7 +6030,7 @@ const styles$K = {
   action,
   neutral,
   success,
-  critical,
+  critical: critical$1,
   rich,
   description,
   thumb: thumb$3,
@@ -6977,17 +6978,17 @@ function ReturnItemRow({ item: item2, className }) {
     })]
   });
 }
-const page$6 = "_page_6yt5y_7";
-const titles$2 = "_titles_6yt5y_15";
-const title$k = "_title_6yt5y_15";
-const subtitle$7 = "_subtitle_6yt5y_30";
-const list$2 = "_list_6yt5y_38";
-const card$3 = "_card_6yt5y_48";
-const checkSlot = "_checkSlot_6yt5y_61";
-const check = "_check_6yt5y_61";
-const row$6 = "_row_6yt5y_105";
-const reason = "_reason_6yt5y_119";
-const reasonSet = "_reasonSet_6yt5y_137";
+const page$6 = "_page_j1rbn_7";
+const titles$2 = "_titles_j1rbn_15";
+const title$k = "_title_j1rbn_15";
+const subtitle$7 = "_subtitle_j1rbn_30";
+const list$2 = "_list_j1rbn_38";
+const card$3 = "_card_j1rbn_48";
+const checkSlot = "_checkSlot_j1rbn_61";
+const check = "_check_j1rbn_61";
+const row$6 = "_row_j1rbn_105";
+const reason = "_reason_j1rbn_130";
+const reasonSet = "_reasonSet_j1rbn_150";
 const styles$B = {
   page: page$6,
   titles: titles$2,
@@ -7983,15 +7984,15 @@ function OrderConfirmationContent({ orderRef, locale: localeProp, onDone }) {
     })]
   });
 }
-const badge$2 = "_badge_ghd02_6";
-const progress = "_progress_ghd02_22";
-const delivered = "_delivered_ghd02_27";
-const cancelled = "_cancelled_ghd02_32";
+const badge$2 = "_badge_1w0zn_6";
+const progress = "_progress_1w0zn_22";
+const delivered = "_delivered_1w0zn_27";
+const critical = "_critical_1w0zn_36";
 const styles$w = {
   badge: badge$2,
   progress,
   delivered,
-  cancelled
+  critical
 };
 const LABEL = {
   packing: "In progress",
@@ -8005,10 +8006,16 @@ const TONE = {
   on_its_way: "progress",
   out_for_delivery: "progress",
   delivered: "delivered",
-  cancelled: "cancelled"
+  cancelled: "critical"
 };
-function OrderStatusBadge({ status }) {
+function OrderStatusBadge({ status, returnStatus }) {
   const t = useT();
+  if (returnStatus) {
+    return jsx("span", {
+      className: [styles$w.badge, styles$w.critical].join(" "),
+      children: t("Return started")
+    });
+  }
   const label2 = LABEL[status] ?? status.replace(/_/g, " ");
   const tone = TONE[status] ?? "progress";
   return jsx("span", {
@@ -8162,7 +8169,8 @@ function OrderCard({ order, locale, onOpen }) {
           children: formatPlaced(order.placed_at, locale)
         })]
       }), jsx(OrderStatusBadge, {
-        status: order.status
+        status: order.status,
+        returnStatus: order.return_status
       })]
     }), jsxs("div", {
       className: styles$v.bottom,

package/dist/standalone/storefront.mjs

@@ -4647,7 +4647,7 @@ function requireOrderTracking() {
     Object.defineProperty(exports, "__esModule", {
       value: true
     });
-    exports.ReturnDetail = exports.ReturnItem = exports.ReturnProgressEntry = exports.CreateReturnRequest = exports.ReturnRequestItem = exports.FanReturnReason = exports.RequestCancellationRequest = exports.FanCancelReason = exports.OrderDetail = exports.ReturnSummary = exports.ReturnStatus = exports.OrderList = exports.OrderSummaryItem = exports.OrderItem = exports.OrderTracking = exports.OrderProgressEntry = exports.OrderProgressStep = void 0;
+    exports.ReturnDetail = exports.ReturnItem = exports.ReturnProgressEntry = exports.CreateReturnRequest = exports.ReturnRequestItem = exports.FanReturnReason = exports.RequestCancellationRequest = exports.FanCancelReason = exports.OrderDetail = exports.ReturnSummary = exports.OrderList = exports.OrderSummaryItem = exports.ReturnStatus = exports.OrderItem = exports.OrderTracking = exports.OrderProgressEntry = exports.OrderProgressStep = void 0;
     const zod_1 = requireZod();
     const money_1 = requireMoney();
     const ids_1 = requireIds();
@@ -4679,6 +4679,7 @@ function requireOrderTracking() {
       refunded_qty: zod_1.z.number().int().nonnegative(),
       returned_qty: zod_1.z.number().int().nonnegative().optional()
     });
+    exports.ReturnStatus = zod_1.z.enum(["reported", "package_received", "completed"]);
     exports.OrderSummaryItem = zod_1.z.object({
       order_ref: ids_1.OrderRef,
       placed_at: common_1.Timestamp,
@@ -4688,12 +4689,12 @@ function requireOrderTracking() {
       total: money_1.Money,
       item_count: zod_1.z.number().int().nonnegative(),
       image: common_1.Url.optional(),
-      images: zod_1.z.array(common_1.Url).max(3).optional()
+      images: zod_1.z.array(common_1.Url).max(3).optional(),
+      return_status: exports.ReturnStatus.optional()
     });
     exports.OrderList = zod_1.z.object({
       orders: zod_1.z.array(exports.OrderSummaryItem)
     });
-    exports.ReturnStatus = zod_1.z.enum(["reported", "package_received", "completed"]);
     exports.ReturnSummary = zod_1.z.object({
       return_ref: zod_1.z.string().min(1),
       status: exports.ReturnStatus,
@@ -5411,13 +5412,13 @@ function ShopVideo({ src, poster, fill: fill2 = false, className, style, priorit
 const badge$5 = "_badge_1bagf_1";
 const neutral$1 = "_neutral_1bagf_12";
 const success$1 = "_success_1bagf_17";
-const critical$1 = "_critical_1bagf_22";
+const critical$2 = "_critical_1bagf_22";
 const promo = "_promo_1bagf_27";
 const styles$R = {
   badge: badge$5,
   neutral: neutral$1,
   success: success$1,
-  critical: critical$1,
+  critical: critical$2,
   promo
 };
 function Badge({ tone = "neutral", children }) {
@@ -6014,7 +6015,7 @@ const message$1 = "_message_1tc1q_120";
 const action = "_action_1tc1q_133";
 const neutral = "_neutral_1tc1q_158";
 const success = "_success_1tc1q_163";
-const critical = "_critical_1tc1q_168";
+const critical$1 = "_critical_1tc1q_168";
 const rich = "_rich_1tc1q_183";
 const description = "_description_1tc1q_198";
 const thumb$3 = "_thumb_1tc1q_216";
@@ -6029,7 +6030,7 @@ const styles$K = {
   action,
   neutral,
   success,
-  critical,
+  critical: critical$1,
   rich,
   description,
   thumb: thumb$3,
@@ -6977,17 +6978,17 @@ function ReturnItemRow({ item: item2, className }) {
     })]
   });
 }
-const page$6 = "_page_6yt5y_7";
-const titles$2 = "_titles_6yt5y_15";
-const title$k = "_title_6yt5y_15";
-const subtitle$7 = "_subtitle_6yt5y_30";
-const list$2 = "_list_6yt5y_38";
-const card$3 = "_card_6yt5y_48";
-const checkSlot = "_checkSlot_6yt5y_61";
-const check = "_check_6yt5y_61";
-const row$6 = "_row_6yt5y_105";
-const reason = "_reason_6yt5y_119";
-const reasonSet = "_reasonSet_6yt5y_137";
+const page$6 = "_page_j1rbn_7";
+const titles$2 = "_titles_j1rbn_15";
+const title$k = "_title_j1rbn_15";
+const subtitle$7 = "_subtitle_j1rbn_30";
+const list$2 = "_list_j1rbn_38";
+const card$3 = "_card_j1rbn_48";
+const checkSlot = "_checkSlot_j1rbn_61";
+const check = "_check_j1rbn_61";
+const row$6 = "_row_j1rbn_105";
+const reason = "_reason_j1rbn_130";
+const reasonSet = "_reasonSet_j1rbn_150";
 const styles$B = {
   page: page$6,
   titles: titles$2,
@@ -7983,15 +7984,15 @@ function OrderConfirmationContent({ orderRef, locale: localeProp, onDone }) {
     })]
   });
 }
-const badge$2 = "_badge_ghd02_6";
-const progress = "_progress_ghd02_22";
-const delivered = "_delivered_ghd02_27";
-const cancelled = "_cancelled_ghd02_32";
+const badge$2 = "_badge_1w0zn_6";
+const progress = "_progress_1w0zn_22";
+const delivered = "_delivered_1w0zn_27";
+const critical = "_critical_1w0zn_36";
 const styles$w = {
   badge: badge$2,
   progress,
   delivered,
-  cancelled
+  critical
 };
 const LABEL = {
   packing: "In progress",
@@ -8005,10 +8006,16 @@ const TONE = {
   on_its_way: "progress",
   out_for_delivery: "progress",
   delivered: "delivered",
-  cancelled: "cancelled"
+  cancelled: "critical"
 };
-function OrderStatusBadge({ status }) {
+function OrderStatusBadge({ status, returnStatus }) {
   const t = useT();
+  if (returnStatus) {
+    return jsx("span", {
+      className: [styles$w.badge, styles$w.critical].join(" "),
+      children: t("Return started")
+    });
+  }
   const label2 = LABEL[status] ?? status.replace(/_/g, " ");
   const tone = TONE[status] ?? "progress";
   return jsx("span", {
@@ -8162,7 +8169,8 @@ function OrderCard({ order, locale, onOpen }) {
           children: formatPlaced(order.placed_at, locale)
         })]
       }), jsx(OrderStatusBadge, {
-        status: order.status
+        status: order.status,
+        returnStatus: order.return_status
       })]
     }), jsxs("div", {
       className: styles$v.bottom,

package/dist/standalone/styles.css

@@ -1056,38 +1056,38 @@
   text-decoration: line-through;
   font-variant-numeric: tabular-nums;
 }
-._page_6yt5y_7 {
+._page_j1rbn_7 {
   display: flex;
   flex-direction: column;
   gap: var(--space-24);
   padding: var(--space-20) var(--space-16);
   background: var(--color-surface-default);
 }
-._titles_6yt5y_15 {
+._titles_j1rbn_15 {
   display: flex;
   flex-direction: column;
   gap: var(--space-8);
 }
-._title_6yt5y_15 {
+._title_j1rbn_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_6yt5y_30 {
+._subtitle_j1rbn_30 {
   font-size: var(--type-trimmed-sm-size);
   line-height: 10px;
   padding: 5px 0;
   margin: -5px 0;
   color: var(--color-text-subtle);
 }
-._list_6yt5y_38 {
+._list_j1rbn_38 {
   display: flex;
   flex-direction: column;
   gap: var(--space-12);
 }
-._card_6yt5y_48 {
+._card_j1rbn_48 {
   display: flex;
   align-items: flex-start;
   gap: var(--space-12);
@@ -1095,7 +1095,7 @@
   border-radius: var(--radius-18);
   background: var(--color-surface-soft);
 }
-._checkSlot_6yt5y_61 {
+._checkSlot_j1rbn_61 {
   display: inline-flex;
   align-items: flex-start;
   flex-shrink: 0;
@@ -1105,12 +1105,12 @@
   color: var(--color-surface-max);
   cursor: pointer;
 }
-._checkSlot_6yt5y_61:focus-visible {
+._checkSlot_j1rbn_61:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
   border-radius: var(--radius-4);
 }
-._check_6yt5y_61 {
+._check_j1rbn_61 {
   position: relative;
   display: inline-flex;
   align-items: center;
@@ -1118,7 +1118,7 @@
   width: 24px;
   height: 24px;
 }
-._check_6yt5y_61::before {
+._check_j1rbn_61::before {
   content: "";
   position: absolute;
   width: 20px;
@@ -1126,25 +1126,26 @@
   border: 1px solid var(--color-border-default);
   border-radius: var(--radius-full);
 }
-._checkSlot_6yt5y_61[aria-checked=true] ._check_6yt5y_61::before {
+._checkSlot_j1rbn_61[aria-checked=true] ._check_j1rbn_61::before {
   border-color: transparent;
 }
-._check_6yt5y_61 svg {
+._check_j1rbn_61 svg {
   position: relative;
 }
-._row_6yt5y_105 {
+._row_j1rbn_105 {
   display: flex;
   flex-direction: column;
   gap: var(--space-12);
   flex: 1 1 0;
   min-width: 0;
 }
-._reason_6yt5y_119 {
+._reason_j1rbn_130 {
   display: inline-flex;
   align-items: center;
   justify-content: space-between;
+  gap: var(--space-4);
   width: 154px;
-  height: 32px;
+  min-height: 32px;
   padding: var(--space-4) var(--space-8) var(--space-4) var(--space-12);
   border: 1px solid var(--color-border-default);
   border-radius: var(--radius-6);
@@ -1152,14 +1153,15 @@
   color: var(--color-text-disabled);
   font-family: inherit;
   font-size: var(--type-trimmed-sm-size);
-  line-height: 10px;
+  line-height: 1.15;
   font-weight: var(--font-weight-bold);
+  text-align: left;
   cursor: pointer;
 }
-._reasonSet_6yt5y_137 {
+._reasonSet_j1rbn_150 {
   color: var(--color-text-default);
 }
-._reason_6yt5y_119:focus-visible {
+._reason_j1rbn_130:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
 }
@@ -1580,7 +1582,7 @@
 ._done_2uqhz_107 {
   border-color: var(--color-surface-max);
 }
-._badge_ghd02_6 {
+._badge_1w0zn_6 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -1595,15 +1597,15 @@
   text-transform: uppercase;
   white-space: nowrap;
 }
-._progress_ghd02_22 {
+._progress_1w0zn_22 {
   background: var(--color-state-surface-warning-soft);
   color: var(--color-state-text-warning);
 }
-._delivered_ghd02_27 {
+._delivered_1w0zn_27 {
   background: var(--color-state-surface-success-soft);
   color: var(--color-state-text-success);
 }
-._cancelled_ghd02_32 {
+._critical_1w0zn_36 {
   background: var(--color-state-surface-critical-soft);
   color: var(--color-state-text-critical);
 }

package/dist/styles.css

@@ -1056,38 +1056,38 @@
   text-decoration: line-through;
   font-variant-numeric: tabular-nums;
 }
-._page_6yt5y_7 {
+._page_j1rbn_7 {
   display: flex;
   flex-direction: column;
   gap: var(--space-24);
   padding: var(--space-20) var(--space-16);
   background: var(--color-surface-default);
 }
-._titles_6yt5y_15 {
+._titles_j1rbn_15 {
   display: flex;
   flex-direction: column;
   gap: var(--space-8);
 }
-._title_6yt5y_15 {
+._title_j1rbn_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_6yt5y_30 {
+._subtitle_j1rbn_30 {
   font-size: var(--type-trimmed-sm-size);
   line-height: 10px;
   padding: 5px 0;
   margin: -5px 0;
   color: var(--color-text-subtle);
 }
-._list_6yt5y_38 {
+._list_j1rbn_38 {
   display: flex;
   flex-direction: column;
   gap: var(--space-12);
 }
-._card_6yt5y_48 {
+._card_j1rbn_48 {
   display: flex;
   align-items: flex-start;
   gap: var(--space-12);
@@ -1095,7 +1095,7 @@
   border-radius: var(--radius-18);
   background: var(--color-surface-soft);
 }
-._checkSlot_6yt5y_61 {
+._checkSlot_j1rbn_61 {
   display: inline-flex;
   align-items: flex-start;
   flex-shrink: 0;
@@ -1105,12 +1105,12 @@
   color: var(--color-surface-max);
   cursor: pointer;
 }
-._checkSlot_6yt5y_61:focus-visible {
+._checkSlot_j1rbn_61:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
   border-radius: var(--radius-4);
 }
-._check_6yt5y_61 {
+._check_j1rbn_61 {
   position: relative;
   display: inline-flex;
   align-items: center;
@@ -1118,7 +1118,7 @@
   width: 24px;
   height: 24px;
 }
-._check_6yt5y_61::before {
+._check_j1rbn_61::before {
   content: "";
   position: absolute;
   width: 20px;
@@ -1126,25 +1126,26 @@
   border: 1px solid var(--color-border-default);
   border-radius: var(--radius-full);
 }
-._checkSlot_6yt5y_61[aria-checked=true] ._check_6yt5y_61::before {
+._checkSlot_j1rbn_61[aria-checked=true] ._check_j1rbn_61::before {
   border-color: transparent;
 }
-._check_6yt5y_61 svg {
+._check_j1rbn_61 svg {
   position: relative;
 }
-._row_6yt5y_105 {
+._row_j1rbn_105 {
   display: flex;
   flex-direction: column;
   gap: var(--space-12);
   flex: 1 1 0;
   min-width: 0;
 }
-._reason_6yt5y_119 {
+._reason_j1rbn_130 {
   display: inline-flex;
   align-items: center;
   justify-content: space-between;
+  gap: var(--space-4);
   width: 154px;
-  height: 32px;
+  min-height: 32px;
   padding: var(--space-4) var(--space-8) var(--space-4) var(--space-12);
   border: 1px solid var(--color-border-default);
   border-radius: var(--radius-6);
@@ -1152,14 +1153,15 @@
   color: var(--color-text-disabled);
   font-family: inherit;
   font-size: var(--type-trimmed-sm-size);
-  line-height: 10px;
+  line-height: 1.15;
   font-weight: var(--font-weight-bold);
+  text-align: left;
   cursor: pointer;
 }
-._reasonSet_6yt5y_137 {
+._reasonSet_j1rbn_150 {
   color: var(--color-text-default);
 }
-._reason_6yt5y_119:focus-visible {
+._reason_j1rbn_130:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
 }
@@ -1580,7 +1582,7 @@
 ._done_2uqhz_107 {
   border-color: var(--color-surface-max);
 }
-._badge_ghd02_6 {
+._badge_1w0zn_6 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -1595,15 +1597,15 @@
   text-transform: uppercase;
   white-space: nowrap;
 }
-._progress_ghd02_22 {
+._progress_1w0zn_22 {
   background: var(--color-state-surface-warning-soft);
   color: var(--color-state-text-warning);
 }
-._delivered_ghd02_27 {
+._delivered_1w0zn_27 {
   background: var(--color-state-surface-success-soft);
   color: var(--color-state-text-success);
 }
-._cancelled_ghd02_32 {
+._critical_1w0zn_36 {
   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.19.35",
+  "version": "0.19.37",
   "description": "Mountable React storefront components: catalogue, product detail and cart, mounted directly into a host DOM tree. No iframe.",
   "license": "UNLICENSED",
   "type": "module",