@sonic-equipment/ui 214.0.0 → 216.0.0

package/dist/styles.css

@@ -8104,6 +8104,7 @@ button.swiper-pagination-bullet {
   display: grid;
   gap: var(--gap) 0;
   grid-template-areas:
+    'breadcrumb'
     'pre-aside'
     'aside'
     'title'
@@ -8119,6 +8120,8 @@ button.swiper-pagination-bullet {
     --aside-sticky-top: calc(var(--header-bottom, 0) + var(--space-16));
 
     grid-template-areas:
+      'breadcrumb breadcrumb breadcrumb'
+      'pre-aside pre-aside pre-aside'
       '. . title'
       'aside . main';
     grid-template-columns: var(--aside-size) var(--gap) 1fr
@@ -8129,6 +8132,7 @@ button.swiper-pagination-bullet {
     --aside-size: clamp(56px, 22%, 308px);
 
     grid-template-areas:
+      'breadcrumb breadcrumb breadcrumb'
       'pre-aside . title'
       'aside . main';
     grid-template-columns: var(--aside-size) var(--gap) 1fr
@@ -8142,6 +8146,14 @@ button.swiper-pagination-bullet {
 }
   }
 
+  /* pre aside */
+
+  .my-sonic-layout-module-ep0n3 .my-sonic-layout-module-QsEQM {
+    align-self: last baseline;
+    grid-area: breadcrumb;
+    margin-block-end: var(--margin);
+  }
+
   /* title */
 
   .my-sonic-layout-module-ep0n3 .my-sonic-layout-module-yMdPQ {
@@ -8187,6 +8199,10 @@ button.swiper-pagination-bullet {
 
 @media (width >= 768px) {.connected-my-sonic-navigation-module-2iY0- {
     display: none
+}
+  }
+  @media print {.connected-my-sonic-navigation-module-2iY0- {
+    display: none
 }
   }
 
@@ -8592,7 +8608,106 @@ button.swiper-pagination-bullet {
     inline-size: var(--space-20);
   }
 
-.order-history-module-LrkiZ {
+.connected-address-book-widget-module-Xd9WN {
+  --height-actions: 42px;
+  --height-title: 22px;
+}
+
+  .connected-address-book-widget-module-Xd9WN .connected-address-book-widget-module-9mOgI {
+    --scroll-margin-block-start: calc(
+      var(--header-bottom, 0px) + var(--space-12) * 3 + var(--height-actions) +
+        var(--height-title)
+    );
+
+    scroll-margin-block-start: var(--scroll-margin-block-start, 0);
+  }
+
+  @container (min-width: 636px) {
+
+  .connected-address-book-widget-module-Xd9WN .connected-address-book-widget-module-9mOgI {
+      --scroll-margin-block-start: calc(
+        var(--header-bottom, 0px) + var(--space-12) * 2 + var(--height-actions)
+      )
+  }
+    }
+
+  .connected-address-book-widget-module-Xd9WN .connected-address-book-widget-module-g9kHi {
+    block-size: 1em;
+    inline-size: 1em;
+    margin-inline-end: -8px;
+    vertical-align: -0.2em;
+  }
+
+  .connected-address-book-widget-module-Xd9WN .connected-address-book-widget-module-3ir-C {
+    flex-grow: 1;
+  }
+
+.status-text-module-63aRD {
+  font-weight: 600;
+}
+
+.status-text-module-63aRD[data-status='success'] {
+  color: var(--color-semantic-okay);
+}
+
+.status-text-module-63aRD[data-status='critical'] {
+  color: var(--color-semantic-stop);
+}
+
+.status-text-module-63aRD[data-status='pending'] {
+  color: var(--color-semantic-notify);
+}
+
+.order-details-content-module-aU3VQ {
+  display: grid;
+  gap: var(--space-12);
+  grid-template-columns: repeat(1, minmax(0, 1fr));
+}
+
+  .order-details-content-module-aU3VQ .order-details-content-module-q0QYm {
+    display: flex;
+    align-items: start;
+    gap: var(--space-8);
+  }
+
+  .order-details-content-module-aU3VQ .order-details-content-module-q0QYm .order-details-content-module-d9sC4 {
+      flex: 1;
+    }
+
+  .order-details-content-module-aU3VQ .order-details-content-module--1w7s dl {
+      display: flex;
+    }
+
+  .order-details-content-module-aU3VQ .order-details-content-module--1w7s dl dt {
+        font-weight: var(--font-weight-bold);
+      }
+
+  .order-details-content-module-aU3VQ .order-details-content-module-BO26h h3 {
+      padding-bottom: var(--space-8);
+    }
+
+  @media print {
+
+  .order-details-content-module-aU3VQ button {
+      display: none
+  }
+    }
+
+  .order-details-content-module-aU3VQ .order-details-content-module-RkRvM,
+  .order-details-content-module-aU3VQ .order-details-content-module-o62H3 {
+    display: flex;
+    justify-content: flex-end;
+  }
+
+  @media print {
+
+  .order-details-content-module-aU3VQ .order-details-content-module-RkRvM,
+  .order-details-content-module-aU3VQ .order-details-content-module-o62H3 {
+      display: none
+  }
+    }
+
+.order-history-page-module-A-YGB {
   --gap-col: var(--space-8);
   --gap-row: var(--space-8);
   --sticky-z-index: 10;
@@ -8611,7 +8726,7 @@ button.swiper-pagination-bullet {
   scroll-margin-block: calc(var(--sticky-top) + var(--gap-row));
 }
 
-  @media (width >= 768px) {.order-history-module-LrkiZ {
+  @media (width >= 768px) {.order-history-page-module-A-YGB {
     --gap-row: var(--space-16);
 
     grid-template-areas:
@@ -8622,7 +8737,7 @@ button.swiper-pagination-bullet {
 }
   }
 
-  @media (width >= 1024px) {.order-history-module-LrkiZ {
+  @media (width >= 1024px) {.order-history-page-module-A-YGB {
     grid-template-areas:
       '. search filter'
       'results results results'
@@ -8631,14 +8746,14 @@ button.swiper-pagination-bullet {
 }
   }
 
-  @media (width >= 1440px) {.order-history-module-LrkiZ {
+  @media (width >= 1440px) {.order-history-page-module-A-YGB {
     --gap-row: var(--space-20)
 }
   }
 
   /* search */
 
-  .order-history-module-LrkiZ .order-history-module-Y18m7 {
+  .order-history-page-module-A-YGB .order-history-page-module-A-oqW {
     position: sticky;
     z-index: var(--sticky-z-index);
     grid-area: search;
@@ -8647,13 +8762,13 @@ button.swiper-pagination-bullet {
 
   /* filter */
 
-  .order-history-module-LrkiZ .order-history-module-tBrZG {
+  .order-history-page-module-A-YGB .order-history-page-module--fnE1 {
     grid-area: filter;
   }
 
   @media (width >= 768px) {
 
-  .order-history-module-LrkiZ .order-history-module-tBrZG {
+  .order-history-page-module-A-YGB .order-history-page-module--fnE1 {
       position: sticky;
       z-index: var(--sticky-z-index);
       inset-block-start: calc(var(--sticky-top) + var(--gap-row))
@@ -8662,17 +8777,17 @@ button.swiper-pagination-bullet {
 
   /* results */
 
-  .order-history-module-LrkiZ .order-history-module-5mST2 {
+  .order-history-page-module-A-YGB .order-history-page-module-Gp4CJ {
     grid-area: results;
   }
 
-  .order-history-module-LrkiZ .order-history-module-5mST2 .order-history-module-g-FzV {
+  .order-history-page-module-A-YGB .order-history-page-module-Gp4CJ .order-history-page-module-ulch1 {
       margin-block: var(--space-8);
     }
 
   /* paging */
 
-  .order-history-module-LrkiZ .order-history-module-POsiS {
+  .order-history-page-module-A-YGB .order-history-page-module-D35yK {
     grid-area: paging;
     justify-self: center;
     padding-block: var(--gap-row);
@@ -8680,7 +8795,7 @@ button.swiper-pagination-bullet {
 
   /* white bar behind sticky elements */
 
-  .order-history-module-LrkiZ .order-history-module-98Tvf {
+  .order-history-page-module-A-YGB .order-history-page-module-xgntY {
     position: sticky;
     z-index: calc(var(--sticky-z-index) - 1);
     margin: calc(var(--gap-row) * -1)
@@ -8694,12 +8809,12 @@ button.swiper-pagination-bullet {
 
   @media (width >= 768px) {
 
-  .order-history-module-LrkiZ .order-history-module-98Tvf {
+  .order-history-page-module-A-YGB .order-history-page-module-xgntY {
       margin-inline: 0
   }
     }
 
-  .order-history-module-LrkiZ .order-history-module-98Tvf::after {
+  .order-history-page-module-A-YGB .order-history-page-module-xgntY::after {
       position: absolute;
       background: linear-gradient(180deg, var(--shadow) 0%, transparent 100%);
       block-size: var(--space-8);
@@ -8711,45 +8826,11 @@ button.swiper-pagination-bullet {
 
   @container scroll-state(stuck: block-start) {
 
-  .order-history-module-LrkiZ .order-history-module-98Tvf::after {
+  .order-history-page-module-A-YGB .order-history-page-module-xgntY::after {
         opacity: 1
     }
       }
 
-.connected-address-book-widget-module-Xd9WN {
-  --height-actions: 42px;
-  --height-title: 22px;
-}
-
-  .connected-address-book-widget-module-Xd9WN .connected-address-book-widget-module-9mOgI {
-    --scroll-margin-block-start: calc(
-      var(--header-bottom, 0px) + var(--space-12) * 3 + var(--height-actions) +
-        var(--height-title)
-    );
-
-    scroll-margin-block-start: var(--scroll-margin-block-start, 0);
-  }
-
-  @container (min-width: 636px) {
-
-  .connected-address-book-widget-module-Xd9WN .connected-address-book-widget-module-9mOgI {
-      --scroll-margin-block-start: calc(
-        var(--header-bottom, 0px) + var(--space-12) * 2 + var(--height-actions)
-      )
-  }
-    }
-
-  .connected-address-book-widget-module-Xd9WN .connected-address-book-widget-module-g9kHi {
-    block-size: 1em;
-    inline-size: 1em;
-    margin-inline-end: -8px;
-    vertical-align: -0.2em;
-  }
-
-  .connected-address-book-widget-module-Xd9WN .connected-address-book-widget-module-3ir-C {
-    flex-grow: 1;
-  }
-
 .product-details-page-layout-module-pPtZX {
   display: flex;
   flex-direction: column;

package/dist/table/elements/table-context.d.ts

@@ -16,4 +16,4 @@ export interface TableContextValue {
         };
     };
 }
-export declare const TableContext: import("react").Context<TableContextValue | undefined>;
+export declare const TableContext: React.Context<TableContextValue | undefined>;

package/dist/table/elements/table-row-context.d.ts

@@ -11,4 +11,4 @@ export interface TableRowContextValue {
         };
     };
 }
-export declare const TableRowContext: import("react").Context<TableRowContextValue>;
+export declare const TableRowContext: React.Context<TableRowContextValue>;

package/dist/table/elements/types.d.ts

@@ -15,6 +15,7 @@ export interface TableColumnProperties {
     align?: TableColumnAlignment;
     colSpan?: number;
     cssColumn?: string;
+    'data-test-selector'?: string;
     isNarrow?: boolean;
     nowrap?: boolean;
     rowSpan?: number;

package/dist/text/status-text/status-text.d.ts

@@ -0,0 +1,6 @@
+export type StatusType = 'success' | 'critical' | 'pending';
+export type StatusTextProps = React.HTMLAttributes<HTMLSpanElement> & {
+    fallback?: StatusType;
+    status?: StatusType;
+};
+export declare function StatusText({ children, fallback, status, ...rest }: StatusTextProps): import("react/jsx-runtime").JSX.Element;

package/dist/text/status-text/status-text.js

@@ -0,0 +1,8 @@
+import { jsx } from 'react/jsx-runtime';
+import styles from './status-text.module.css.js';
+
+function StatusText({ children, fallback = 'pending', status, ...rest }) {
+    return (jsx("span", { className: styles['status-text'], "data-status": status || fallback, ...rest, children: children }));
+}
+
+export { StatusText };

package/dist/text/status-text/status-text.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"status-text":"status-text-module-63aRD"};
+
+export { styles as default };

package/dist/toast/toast.d.ts

@@ -5,4 +5,4 @@ export interface ToastProps {
     onClose?: (id: string) => void;
     toastMessage: ToastMessage;
 }
-export declare const Toast: import("react").ForwardRefExoticComponent<ToastProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Toast: React.ForwardRefExoticComponent<ToastProps & React.RefAttributes<HTMLDivElement>>;

package/dist/typography/heading/heading.d.ts

@@ -15,9 +15,9 @@ export interface HeadingProps {
     tag?: Tag;
     uppercase?: boolean;
 }
-export declare function Heading({ bold, breakpoints, children, className, 'data-test-selector': dataTestSelector, id, italic, size, tag, uppercase, }: HeadingProps): import("react").ReactElement<{
+export declare function Heading({ bold, breakpoints, children, className, 'data-test-selector': dataTestSelector, id, italic, size, tag, uppercase, }: HeadingProps): React.ReactElement<{
     className: string;
     'data-test-selector': string;
     id: string | undefined;
-}, string | import("react").JSXElementConstructor<any>>;
+}, string | React.JSXElementConstructor<any>>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sonic-equipment/ui",
-  "version": "214.0.0",
+  "version": "216.0.0",
   "type": "module",
   "license": "MIT",
   "engines": {
@@ -52,7 +52,7 @@
   "devDependencies": {
     "@chromatic-com/storybook": "^4.1.1",
     "@csstools/postcss-global-data": "3.1.0",
-    "@eslint-react/eslint-plugin": "^1.52.6",
+    "@eslint-react/eslint-plugin": "^1.52.9",
     "@rollup/plugin-alias": "5.1.1",
     "@rollup/plugin-commonjs": "28.0.6",
     "@rollup/plugin-node-resolve": "16.0.1",
@@ -63,14 +63,14 @@
     "@storybook/react-vite": "^9.1.3",
     "@total-typescript/ts-reset": "^0.6.1",
     "@types/js-cookie": "3.0.6",
-    "@types/node": "22.8.0",
+    "@types/node": "24.3.0",
     "@types/postcss-import": "14.0.3",
     "@types/react": "18.3.12",
     "@types/react-dom": "18.3.1",
     "@typescript-eslint/eslint-plugin": "8.41.0",
     "@typescript-eslint/parser": "8.41.0",
     "@typescript/lib-dom": "npm:typescript-partial-lib-dom@^1.1.0",
-    "@vitejs/plugin-react": "5.0.1",
+    "@vitejs/plugin-react": "5.0.2",
     "autoprefixer": "10.4.21",
     "concurrently": "9.2.1",
     "eslint": "8.57.0",
@@ -124,11 +124,11 @@
   },
   "dependencies": {
     "@adyen/adyen-web": "5.32.0",
-    "@algolia/client-search": "4.24.0",
     "@algolia/autocomplete-core": "1.19.2",
     "@algolia/autocomplete-plugin-query-suggestions": "1.19.2",
     "@algolia/autocomplete-plugin-recent-searches": "1.19.2",
     "@algolia/autocomplete-preset-algolia": "1.19.2",
+    "@algolia/client-search": "4.24.0",
     "@tanstack/react-query": "5.85.5",
     "@tanstack/react-query-devtools": "5.85.5",
     "@types/react-transition-group": "4.4.12",
@@ -138,8 +138,8 @@
     "instantsearch.js": "4.79.2",
     "js-cookie": "3.0.5",
     "query-string": "9.2.2",
-    "react-aria": "3.43.0",
-    "react-aria-components": "1.12.0",
+    "react-aria": "3.43.1",
+    "react-aria-components": "1.12.1",
     "react-instantsearch": "7.16.2",
     "react-toastify": "10.0.6",
     "react-transition-group": "4.4.5",

package/dist/pages/my-sonic/pages/order-history/order-history.d.ts

@@ -1 +0,0 @@
-export declare function OrderHistory(): import("react/jsx-runtime").JSX.Element;

package/dist/pages/my-sonic/pages/order-history/order-history.module.css.js

@@ -1,3 +0,0 @@
-var styles = {"order-history":"order-history-module-LrkiZ","search":"order-history-module-Y18m7","filter":"order-history-module-tBrZG","results":"order-history-module-5mST2","no-results":"order-history-module-g-FzV","paging":"order-history-module-POsiS","sticky-bar":"order-history-module-98Tvf"};
-
-export { styles as default };