@sonic-equipment/ui 178.0.0 → 180.0.0

package/dist/styles.css

@@ -195,6 +195,11 @@
 
   /* State */
   --color-focus-ring: var(--color-brand-red);
+  --color-selection: color-mix(
+    in oklch,
+    var(--color-brand-dark-steelblue) 50%,
+    transparent
+  );
 }
 :root {
   /*********************************************************
@@ -202,17 +207,12 @@
   *  Global border radius tokens
   *
   *********************************************************/
-  --border-radius-0: 0px;
   --border-radius-2: 2px;
-  --border-radius-4: 4px;
-  --border-radius-6: 6px;
   --border-radius-8: 8px;
   --border-radius-12: 12px;
-  --border-radius-16: 16px;
   --border-radius-20: 20px;
   --border-radius-22: 22px;
-  --border-radius-30: 30px;
-  --border-radius-full: 9999px;
+  --border-radius-32: 32px;
 
   /*********************************************************
   *
@@ -1371,6 +1371,13 @@ html {
   border-radius: var(--border-radius-8);
   background-color: var(--color-brand-light-gray);
 }
+.input-module-2woJR.input-module-uWZm6 {
+    background-color: var(--color-brand-light-gray);
+  }
+.input-module-2woJR.input-module-i5PS- {
+    border: solid 1.5px var(--color-brand-medium-gray);
+    background-color: var(--color-brand-white);
+  }
 .input-module-2woJR::-moz-placeholder {
     font-style: italic;
   }
@@ -1383,7 +1390,16 @@ html {
     width: 100%;
     min-width: 180px;
     box-sizing: border-box;
+    -webkit-appearance: none;
+       -moz-appearance: none;
+            appearance: none;
     font: inherit;
+    font-size: inherit;
+  }
+.input-module-2woJR input[type='search']::-webkit-search-cancel-button {
+    display: none;
+    -webkit-appearance: none;
+            appearance: none;
   }
 .input-module-2woJR .input-module-pNKEt {
     display: none;
@@ -1448,7 +1464,7 @@ html {
       white-space: nowrap;
     }
 /* account for inline element when growing */
-.input-module-2woJR .input-module-6HwY4 .input-module-oeAz2 + .input-module-pNKEt {
+.input-module-2woJR .input-module-6HwY4 .input-module-oeAz2 ~ .input-module-pNKEt {
       margin-right: var(--space-24);
     }
 .input-module-2woJR .input-module-zjVxG {
@@ -1457,7 +1473,7 @@ html {
     align-items: center;
     grid-template-columns: 1fr 0;
   }
-.input-module-2woJR .input-module-zjVxG input:has(+ .input-module-oeAz2) {
+.input-module-2woJR .input-module-zjVxG input:has(~ .input-module-oeAz2) {
       padding-right: var(--space-36);
       margin-right: -20px;
     }
@@ -1472,20 +1488,23 @@ html {
       font-family: 'Verdana', sans-serif !important;
       font-size: inherit !important;
     }
-.input-module-2woJR .input-module-zjVxG input[type='password'] + .input-module-oeAz2 {
+.input-module-2woJR .input-module-zjVxG input[type='password'] ~ .input-module-oeAz2 {
         transition: all 0.2s ease;
       }
-.input-module-2woJR .input-module-zjVxG input[type='password'][value=''] + .input-module-oeAz2 {
+.input-module-2woJR .input-module-zjVxG input[type='password'][value=''] ~ .input-module-oeAz2 {
         opacity: 0;
         visibility: hidden;
       }
-.input-module-2woJR .input-module-zjVxG input[type='password']:not([value='']) + .input-module-oeAz2 {
+.input-module-2woJR .input-module-zjVxG input[type='password']:not([value='']) ~ .input-module-oeAz2 {
         opacity: 1;
         visibility: visible;
       }
 .input-module-2woJR .input-module-zjVxG input[type='password']::-ms-reveal {
         display: none;
       }
+.input-module-2woJR .input-module-zjVxG input[type='password'] ~ .input-module-pNKEt {
+        font-family: 'Verdana', sans-serif !important;
+      }
 
 .number-field-module-xawWc .number-field-module-A1nvE {
     display: flex;
@@ -2659,9 +2678,9 @@ html {
 .data-card-module-24uin {
   position: relative;
   width: 100%;
-  min-height: 200px;
+  min-height: 150px;
   border: 1px solid var(--color-brand-medium-gray);
-  border-radius: var(--border-radius-22);
+  border-radius: var(--border-radius-32);
   container-type: inline-size;
 }
 
@@ -2688,10 +2707,10 @@ html {
   }
 
 .data-card-module-24uin .data-card-module-ZefqY {
-    padding: var(--space-32) var(--space-32) var(--space-16);
+    padding: var(--space-32) var(--space-16) var(--space-16) var(--space-32);
   }
 
-@container (max-width: 273px) {
+@container (max-width: 414px) {
 
 .data-card-module-24uin .data-card-module-ZefqY {
       padding: var(--space-20) var(--space-16) var(--space-16)
@@ -2713,7 +2732,7 @@ html {
       line-height: 1;
     }
 
-@container (max-width: 273px) {
+@container (max-width: 414px) {
 
 .data-card-module-24uin .data-card-module-ZefqY .data-card-module-EDbE- {
         grid-template-areas: unset;
@@ -2728,7 +2747,7 @@ html {
         text-align: right;
       }
 
-@container (max-width: 273px) {
+@container (max-width: 414px) {
 
 .data-card-module-24uin .data-card-module-ZefqY .data-card-module-EDbE- .data-card-module-FAgmN {
           text-align: left
@@ -2748,7 +2767,7 @@ html {
       gap: var(--space-8);
     }
 
-@container (max-width: 273px) {
+@container (max-width: 414px) {
 
 .data-card-module-24uin .data-card-module-ZefqY .data-card-module-Qv5iI {
         flex-direction: column
@@ -4880,6 +4899,7 @@ button.swiper-pagination-bullet {
   font-size: var(--font-size-base);
   grid-template-areas: 'icon body';
   grid-template-columns: minmax(0, min-content) 1fr;
+  line-height: 1.25;
 }
 
 .message-module-w2hsL {
@@ -5036,6 +5056,95 @@ button.swiper-pagination-bullet {
   } */
 }
 
+.password-reveal-toggle-module-bGH6I {
+  display: inline-flex;
+  color: var(--color-brand-medium-gray);
+  cursor: pointer;
+}
+
+  .password-reveal-toggle-module-bGH6I[data-hovered],
+  .password-reveal-toggle-module-bGH6I[data-focused] {
+    color: var(--color-brand-dark-gray);
+  }
+
+  .password-reveal-toggle-module-bGH6I input {
+    block-size: 0;
+    inline-size: 0;
+  }
+
+  .password-reveal-toggle-module-bGH6I span {
+    block-size: var(--space-24);
+    inline-size: var(--space-24);
+  }
+
+.textarea-module-C6Xr1 {
+  position: relative;
+  display: inline-block;
+  overflow: hidden;
+  border: none;
+  border-radius: var(--border-radius-8);
+}
+
+  .textarea-module-C6Xr1.textarea-module-NgOND {
+    background-color: var(--color-brand-light-gray);
+  }
+
+  .textarea-module-C6Xr1.textarea-module-Z-ytQ {
+    border: solid 1.5px var(--color-brand-medium-gray);
+    background-color: var(--color-brand-white);
+  }
+
+  .textarea-module-C6Xr1:has([data-disabled]) {
+    opacity: 0.4;
+  }
+
+  .textarea-module-C6Xr1:has([data-focused]) {
+    box-shadow: 0 0 8px 2px var(--color-brand-red);
+    outline: 0;
+  }
+
+  .textarea-module-C6Xr1:has([data-invalid])::after {
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    display: block;
+    height: 2px;
+    background-color: var(--color-brand-red);
+    content: '';
+  }
+
+  .textarea-module-C6Xr1 textarea {
+    all: unset;
+    width: 100%;
+    box-sizing: border-box;
+    padding: 13px var(--space-16);
+    font: inherit;
+    overflow-y: hidden;
+  }
+
+  .textarea-module-C6Xr1.textarea-module-vksG- textarea,
+    .textarea-module-C6Xr1.textarea-module-vksG- .textarea-module-C6Xr1 {
+      min-height: var(--space-44);
+    }
+
+  .textarea-module-C6Xr1.textarea-module-vksG- textarea {
+      padding: var(--space-16);
+    }
+
+  .textarea-module-C6Xr1.textarea-module-6JrQJ textarea,
+    .textarea-module-C6Xr1.textarea-module-6JrQJ .textarea-module-C6Xr1 {
+      min-height: var(--space-40);
+    }
+
+  .textarea-module-C6Xr1.textarea-module-6JrQJ textarea {
+      padding: 11px var(--space-8);
+    }
+
+.text-field-module-PBkCx {
+  /* styles */
+}
+
 .switch-module-ywpXc {
   --pin-color: var(--color-white);
   --box-color: var(--color-brand-light-gray);
@@ -5131,87 +5240,6 @@ button.swiper-pagination-bullet {
   justify-self: flex-start;
 }
 
-.password-reveal-toggle-module-bGH6I {
-  display: inline-flex;
-  color: var(--color-brand-medium-gray);
-  cursor: pointer;
-}
-
-  .password-reveal-toggle-module-bGH6I[data-hovered],
-  .password-reveal-toggle-module-bGH6I[data-focused] {
-    color: var(--color-brand-dark-gray);
-  }
-
-  .password-reveal-toggle-module-bGH6I input {
-    block-size: 0;
-    inline-size: 0;
-  }
-
-  .password-reveal-toggle-module-bGH6I span {
-    block-size: var(--space-24);
-    inline-size: var(--space-24);
-  }
-
-.textarea-module-C6Xr1 {
-  position: relative;
-  display: inline-block;
-  overflow: hidden;
-  border: none;
-  border-radius: var(--border-radius-8);
-  background-color: var(--color-brand-light-gray);
-}
-
-  .textarea-module-C6Xr1:has([data-disabled]) {
-    opacity: 0.4;
-  }
-
-  .textarea-module-C6Xr1:has([data-focused]) {
-    box-shadow: 0 0 8px 2px var(--color-brand-red);
-    outline: 0;
-  }
-
-  .textarea-module-C6Xr1:has([data-invalid])::after {
-    position: absolute;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    display: block;
-    height: 2px;
-    background-color: var(--color-brand-red);
-    content: '';
-  }
-
-  .textarea-module-C6Xr1 textarea {
-    all: unset;
-    width: 100%;
-    box-sizing: border-box;
-    padding: 13px var(--space-16);
-    font: inherit;
-    overflow-y: hidden;
-  }
-
-  .textarea-module-C6Xr1.textarea-module-vksG- textarea,
-    .textarea-module-C6Xr1.textarea-module-vksG- .textarea-module-C6Xr1 {
-      min-height: var(--space-44);
-    }
-
-  .textarea-module-C6Xr1.textarea-module-vksG- textarea {
-      padding: var(--space-16);
-    }
-
-  .textarea-module-C6Xr1.textarea-module-6JrQJ textarea,
-    .textarea-module-C6Xr1.textarea-module-6JrQJ .textarea-module-C6Xr1 {
-      min-height: var(--space-40);
-    }
-
-  .textarea-module-C6Xr1.textarea-module-6JrQJ textarea {
-      padding: 11px var(--space-8);
-    }
-
-.text-field-module-PBkCx {
-  /* styles */
-}
-
 .categories-grid-module-C751R {
   --nr-of-columns: 2;
   --item-padding: var(--space-16);
@@ -7433,7 +7461,100 @@ button.swiper-pagination-bullet {
   color: var(--color-brand-red);
 }
 
-.my-account-desktop-navigation-module-3BpoH {
+.highlight-text-module-e6Irk {
+  background-color: var(--highlighted-text-bg-color, rgb(109 170 200 / 40%));
+}
+
+.change-customer-module-2kOw4 {
+  display: grid;
+  block-size: 100%;
+  gap: var(--space-8);
+  grid-template-rows: min-content 1fr min-content;
+}
+
+.change-customer-module-StfiY {
+  box-sizing: border-box;
+  border: 1.5px solid var(--color-brand-medium-gray);
+  border-radius: var(--border-radius-8);
+  block-size: 100%;
+  inline-size: 100%;
+  overflow-y: scroll;
+}
+
+.change-customer-module-P7ouY {
+  position: relative;
+  display: flex;
+  box-sizing: border-box;
+  flex-direction: column;
+  padding: var(--space-4) var(--space-12);
+  -moz-column-gap: 8px;
+       column-gap: 8px;
+  cursor: pointer;
+}
+
+.change-customer-module-P7ouY::after {
+    position: absolute;
+    display: block;
+    background: var(--color-brand-light-gray);
+    block-size: 1.5px;
+    content: '';
+    inset: auto 12px 0;
+  }
+
+.change-customer-module-P7ouY [slot='label'] {
+    display: flex;
+    width: 100%;
+    flex-direction: column;
+  }
+
+.change-customer-module-P7ouY [slot='label'] .change-customer-module-DSVPN {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      gap: var(--space-4);
+      grid-area: company-name;
+    }
+
+.change-customer-module-P7ouY [slot='label'] .change-customer-module-DSVPN .change-customer-module-4KQoq {
+        font-weight: bold;
+      }
+
+.change-customer-module-P7ouY [slot='label'] .change-customer-module-4p6ab {
+      color: var(--color-brand-dark-gray);
+      font-weight: normal;
+      grid-area: customer-number;
+    }
+
+.change-customer-module-P7ouY [slot='description'] {
+    grid-area: description;
+  }
+
+.change-customer-module-P7ouY:focus,
+  .change-customer-module-P7ouY:focus-visible,
+  .change-customer-module-P7ouY[aria-selected='true'] {
+    outline: none;
+  }
+
+.change-customer-module-P7ouY:focus::before, .change-customer-module-P7ouY:focus-visible::before, .change-customer-module-P7ouY[aria-selected='true']::before {
+      position: absolute;
+      z-index: -1;
+      display: block;
+      background: var(--color-selection);
+      content: '';
+      inset: 0;
+      pointer-events: none;
+    }
+
+.change-customer-module-P7ouY:focus::after, .change-customer-module-P7ouY:focus-visible::after, .change-customer-module-P7ouY[aria-selected='true']::after {
+      display: none;
+    }
+
+.change-customer-dialog-module-O6oOS .change-customer-dialog-module-OP23q {
+    width: 300px;
+    height: 400px;
+  }
+
+.my-sonic-desktop-navigation-module-f8Y3F {
   font-weight: bold;
 }
 
@@ -7458,7 +7579,6 @@ button.swiper-pagination-bullet {
       height: fit-content;
     }
 
-  .product-details-page-layout-module-pPtZX .product-details-page-layout-module-Cl9u-,
   .product-details-page-layout-module-pPtZX .product-details-page-layout-module-lfAgH {
     display: flex;
     flex-direction: column;
@@ -7557,6 +7677,13 @@ button.swiper-pagination-bullet {
     margin-bottom: var(--space-24);
   }
 
+.product-details-recently-viewed-section-module-cGFgH {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--space-24);
+}
+
 & .promo-banner-module-yuVEO {
   position: relative;
   display: block;

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

@@ -0,0 +1,10 @@
+import React from 'react';
+type HighlightTextProps = {
+    className?: string;
+    highlightClassName?: string;
+    highlightText: string;
+    isCaseSensitive?: boolean;
+    text: string;
+};
+export declare const HighlightText: React.FC<HighlightTextProps>;
+export {};

package/dist/text/highlight-text/highlight-text.js

@@ -0,0 +1,19 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Fragment } from 'react';
+import styles from './highlight-text.module.css.js';
+
+const HighlightText = ({ className, highlightClassName = styles['highlighted-text'], highlightText, isCaseSensitive = false, text, }) => {
+    if (!highlightText)
+        return className ? jsx("span", { className: className, children: text }) : text;
+    const regex = new RegExp(highlightText.replaceAll(/[$()*+.?[\\\]^{|}]/g, String.raw `\$&`), // escape regex special chars
+    isCaseSensitive ? 'g' : 'gi');
+    const parts = text.split(regex);
+    const matches = text.match(regex);
+    if (parts.length === 0)
+        return className ? jsx("span", { className: className, children: text }) : text;
+    return (jsx("span", { className: className, children: parts.map((part, index) => (
+        // eslint-disable-next-line @eslint-react/no-array-index-key
+        jsxs(Fragment, { children: [part, matches && index < matches.length && (jsx("span", { className: highlightClassName, children: matches[index] }))] }, `${part}-${index}`))) }));
+};
+
+export { HighlightText };

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

@@ -0,0 +1,3 @@
+var styles = {"highlighted-text":"highlight-text-module-e6Irk"};
+
+export { styles as default };

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

@@ -9,13 +9,15 @@ export interface HeadingProps {
     children: React.ReactNode;
     className?: string;
     'data-test-selector'?: string;
+    id?: string;
     italic?: boolean;
     size?: Size;
     tag?: Tag;
     uppercase?: boolean;
 }
-export declare function Heading({ bold, breakpoints, children, className, 'data-test-selector': dataTestSelector, italic, size, tag, uppercase, }: HeadingProps): 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 | React.JSXElementConstructor<any>>;
 export {};

package/dist/typography/heading/heading.js

@@ -15,7 +15,7 @@ const sizeToTag = {
     xxs: 'h6',
     xxxs: 'h6',
 };
-function Heading({ bold = true, breakpoints, children, className, 'data-test-selector': dataTestSelector = 'heading', italic, size = 'xxl', tag, uppercase, }) {
+function Heading({ bold = true, breakpoints, children, className, 'data-test-selector': dataTestSelector = 'heading', id, italic, size = 'xxl', tag, uppercase, }) {
     return createElement(tag || sizeToTag[size], {
         className: clsx(className, styles.heading, styles[size], breakpoints &&
             Object.entries(breakpoints).map(([breakpoint, bpSize]) => styles[`${breakpoint}-${bpSize}`]), {
@@ -24,6 +24,7 @@ function Heading({ bold = true, breakpoints, children, className, 'data-test-sel
             [styles.bold]: bold,
         }),
         'data-test-selector': dataTestSelector,
+        id,
     }, children);
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sonic-equipment/ui",
-  "version": "178.0.0",
+  "version": "180.0.0",
   "type": "module",
   "license": "MIT",
   "engines": {
@@ -84,6 +84,7 @@
     "eslint-config-prettier": "10.1.5",
     "eslint-import-resolver-typescript": "3.10.1",
     "eslint-plugin-css-modules": "^2.12.0",
+    "eslint-plugin-deprecation": "^3.0.0",
     "eslint-plugin-formatjs": "^5.3.1",
     "eslint-plugin-import": "2.31.0",
     "eslint-plugin-jsx-a11y": "^6.10.2",

package/dist/icons/solid/solid-dashboard-icon.js

@@ -1,7 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-
-function SolidDashboardIcon(props) {
-    return (jsx("svg", { xmlns: "http://www.w3.org/2000/svg", ...props, fill: "currentColor", height: "24", viewBox: "0 0 24 24", width: "24", children: jsx("path", { d: "M5.75930325,11 L8.74069675,11 C10.5577989,11 11.5,10.1436837 11.5,8.50048216 L11.5,5.5072324 C11.5,3.8563163 10.5577989,3 8.74069675,3 L5.75930325,3 C3.94220111,3 3,3.8563163 3,5.5072324 L3,8.50048216 C3,10.1513983 3.94220111,11 5.75930325,11 Z M5.75930325,20.5 L8.74069675,20.5 C10.5577989,20.5 11.5,19.6436837 11.5,18.0004822 L11.5,15.0072324 C11.5,13.3563163 10.5577989,12.5 8.74069675,12.5 L5.75930325,12.5 C3.94220111,12.5 3,13.3563163 3,15.0072324 L3,18.0004822 C3,19.6513983 3.94220111,20.5 5.75930325,20.5 Z M15.7593032,11 L18.7406968,11 C20.5577989,11 21.5,10.1436837 21.5,8.50048216 L21.5,5.5072324 C21.5,3.8563163 20.5577989,3 18.7406968,3 L15.7593032,3 C13.9422011,3 13,3.8563163 13,5.5072324 L13,8.50048216 C13,10.1513983 13.9422011,11 15.7593032,11 Z M15.7593032,20.5 L18.7406968,20.5 C20.5577989,20.5 21.5,19.6436837 21.5,18.0004822 L21.5,15.0072324 C21.5,13.3563163 20.5577989,12.5 18.7406968,12.5 L15.7593032,12.5 C13.9422011,12.5 13,13.3563163 13,15.0072324 L13,18.0004822 C13,19.6513983 13.9422011,20.5 15.7593032,20.5 Z" }) }));
-}
-
-export { SolidDashboardIcon };

package/dist/pages/my-account/navigation/connected-my-account-navigation.d.ts

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

package/dist/pages/my-account/navigation/my-account-desktop-navigation.d.ts

@@ -1,6 +0,0 @@
-interface MyAccountDesktopNavigationProps {
-    currentPath?: string;
-    onLogout?: VoidFunction;
-}
-export declare function MyAccountDesktopNavigation({ currentPath, onLogout, }: MyAccountDesktopNavigationProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/pages/my-account/navigation/my-account-desktop-navigation.js

@@ -1,17 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { SolidCartIcon } from '../../../icons/solid/solid-cart-icon.js';
-import { SolidDashboardIcon } from '../../../icons/solid/solid-dashboard-icon.js';
-import { SolidFavoriteIcon } from '../../../icons/solid/solid-favorite-icon.js';
-import { SolidLoginIcon } from '../../../icons/solid/solid-login-icon.js';
-import { SolidLogOutIcon } from '../../../icons/solid/solid-logout-icon.js';
-import { FormattedMessage } from '../../../intl/formatted-message.js';
-import { MenuList } from '../../../lists/menu-list/menu-list.js';
-import { MenuListItem } from '../../../lists/menu-list/menu-list-item.js';
-import { PATHS } from '../../paths.js';
-import styles from './my-account-desktop-navigation.module.css.js';
-
-function MyAccountDesktopNavigation({ currentPath, onLogout, }) {
-    return (jsxs(MenuList, { children: [jsx(MenuListItem, { hasChildren: true, badge: jsx(SolidDashboardIcon, {}), href: PATHS.ACCOUNT, isSelected: currentPath?.toLowerCase() === PATHS.ACCOUNT.toLowerCase(), children: jsx("span", { className: styles['menu-list-item'], children: jsx(FormattedMessage, { id: "Overview" }) }) }), jsx(MenuListItem, { hasChildren: true, badge: jsx(SolidLoginIcon, {}), href: PATHS.ACCOUNT_SETTINGS, isSelected: currentPath?.toLowerCase() === PATHS.ACCOUNT_SETTINGS.toLowerCase(), children: jsx("span", { className: styles['menu-list-item'], children: jsx(FormattedMessage, { id: "Sonic account" }) }) }), jsx(MenuListItem, { hasChildren: true, badge: jsx(SolidFavoriteIcon, {}), href: PATHS.ACCOUNT_MY_LISTS, isSelected: currentPath?.toLowerCase() === PATHS.ACCOUNT_MY_LISTS.toLowerCase(), children: jsx("span", { className: styles['menu-list-item'], children: jsx(FormattedMessage, { id: "Favorites" }) }) }), jsx(MenuListItem, { hasChildren: true, badge: jsx(SolidCartIcon, {}), href: PATHS.ACCOUNT_ORDERS, isSelected: currentPath?.toLowerCase() === PATHS.ACCOUNT_ORDERS.toLowerCase(), children: jsx("span", { className: styles['menu-list-item'], children: jsx(FormattedMessage, { id: "Orders" }) }) }), jsx(MenuListItem, { hasChildren: true, badge: jsx(SolidLogOutIcon, {}), onClick: onLogout, children: jsx("span", { className: styles['menu-list-item'], children: jsx(FormattedMessage, { id: "Log out" }) }) })] }));
-}
-
-export { MyAccountDesktopNavigation };

package/dist/pages/my-account/navigation/my-account-desktop-navigation.module.css.js

@@ -1,3 +0,0 @@
-var styles = {"menu-list-item":"my-account-desktop-navigation-module-3BpoH"};
-
-export { styles as default };

package/dist/pages/my-account/navigation/my-account-mobile-navigation.js

@@ -1,25 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useMemo } from 'react';
-import { Select } from '../../../forms/select/select.js';
-import { useFormattedMessage } from '../../../intl/use-formatted-message.js';
-import { useNavigate } from '../../../shared/routing/use-navigate.js';
-import { PATHS } from '../../paths.js';
-
-function MyAccountMobileNavigation({ currentPath, onLogout, }) {
-    const { navigate } = useNavigate();
-    const t = useFormattedMessage();
-    const options = useMemo(() => ({
-        [PATHS.ACCOUNT.toLowerCase()]: t('Overview'),
-        [PATHS.ACCOUNT_SETTINGS.toLowerCase()]: t('Sonic account'),
-        [PATHS.ACCOUNT_MY_LISTS.toLowerCase()]: t('Favorites'),
-        [PATHS.ACCOUNT_ORDERS.toLowerCase()]: t('Orders'),
-        logout: t('Log out'),
-    }), [t]);
-    return (jsx(Select, { label: t('Navigate to...'), onChange: option => {
-            if (option === 'logout')
-                return onLogout();
-            return navigate(option);
-        }, options: options, selectedOption: currentPath?.toLowerCase() }));
-}
-
-export { MyAccountMobileNavigation };

package/dist/pages/my-account/widgets/connected-company-information-widget.d.ts

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

package/dist/pages/my-account/widgets/connected-company-information-widget.js

@@ -1,43 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { Button } from '../../../buttons/button/button.js';
-import { DataCard } from '../../../cards/data-card/data-card.js';
-import { FormattedMessage } from '../../../intl/formatted-message.js';
-import { useFetchCurrentBillToAddress } from '../../../shared/api/storefront/hooks/customer/use-fetch-current-bill-to-address.js';
-
-function ConnectedCompanyInformationWidget() {
-    const { data: billToAddress, error, isLoading, } = useFetchCurrentBillToAddress();
-    const data = billToAddress
-        ? [
-            {
-                key: 'company-name',
-                label: 'Company name',
-                value: billToAddress.companyName,
-            },
-            {
-                key: 'coc-number',
-                label: 'CoC number',
-                value: billToAddress.properties.cocRegistration,
-            },
-            {
-                key: 'billing',
-                label: 'Billing',
-                value: [
-                    billToAddress.address1,
-                    billToAddress.address2,
-                    billToAddress.address3,
-                    billToAddress.address4,
-                    billToAddress.postalCode,
-                    billToAddress.city,
-                    billToAddress.country?.abbreviation,
-                ]
-                    .filter(Boolean)
-                    .join(', ') || null,
-            },
-        ]
-        : [];
-    return (jsx(DataCard, { actions: [
-            jsx(Button, { isDisabled: true, color: "secondary", size: "sm", variant: "outline", children: jsx(FormattedMessage, { id: "Select other company" }) }, "edit"),
-        ], data: data, "data-test-selector": "company-information-widget", isLoading: isLoading, showError: error, title: "Selected company" }));
-}
-
-export { ConnectedCompanyInformationWidget };

package/dist/pages/product/product-details-page/components/product-details-recently-viewed/product-details-recently-viewed.d.ts

@@ -1,4 +0,0 @@
-import { ProductSummary } from '../../../../../shared/api/bff/model/bff.model';
-export declare function ProductDetailsRecentlyViewed({ recentlyViewed, }: {
-    recentlyViewed: ProductSummary[];
-}): import("react/jsx-runtime").JSX.Element;