@sonic-equipment/ui 208.0.0 → 209.0.0

package/dist/algolia/algolia-filter-panel.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { useDynamicWidgets } from 'react-instantsearch';
 import { Button } from '../buttons/button/button.js';
 import { FormattedMessage } from '../intl/formatted-message.js';
@@ -15,10 +15,6 @@ import styles from './algolia-filter-panel.module.css.js';
 const MULTISELECT_ATTRIBUTE_IGNORE_LIST = [
     'hierarchicalCategories.lvl0',
 ];
-function PanelCloseButton() {
-    const { close } = useSidebarActions();
-    return (jsx("div", { className: styles.button, children: jsxs(Button, { withArrow: true, onClick: close, size: "md", children: [jsx(FormattedMessage, { id: "Show" }), " ", jsx(AlgoliaResultsCount, {})] }) }));
-}
 function AlgoliaFilterPanel({ showActiveCategories = false, showCategoriesFilters = false, }) {
     /*
      * This hook will return the attributes that are available to be rendered.
@@ -32,11 +28,12 @@ function AlgoliaFilterPanel({ showActiveCategories = false, showCategoriesFilter
         facets: ['*'],
         maxValuesPerFacet: 100,
     });
-    return (jsx("div", { className: styles['filter-panel'], children: jsxs("div", { className: styles['scroll-container'], children: [showActiveCategories && jsx(AlgoliaActiveCategories, {}), showCategoriesFilters && jsx(AlgoliaCategoriesFilters, {}), jsx(AlgoliaActiveFilters, {}), attributesToRender.length === 0 ? (jsx(AlgoliaDummyRefinementListConsumer, {})) : (jsx("section", { children: attributesToRender
-                        .filter(attribute => !MULTISELECT_ATTRIBUTE_IGNORE_LIST.includes(attribute))
-                        .map(attribute => {
-                        return (jsx(AlgoliaMultiSelectFilterSection, { attribute: attribute }, `attribute-${attribute}`));
-                    }) })), jsx(PanelCloseButton, {})] }) }));
+    const { close } = useSidebarActions();
+    return (jsxs("div", { className: styles['filter-panel'], children: [jsxs("div", { className: styles.content, children: [showActiveCategories && jsx(AlgoliaActiveCategories, {}), showCategoriesFilters && jsx(AlgoliaCategoriesFilters, {}), jsx(AlgoliaActiveFilters, {}), attributesToRender.length === 0 ? (jsx(AlgoliaDummyRefinementListConsumer, {})) : (jsx("section", { children: attributesToRender
+                            .filter(attribute => !MULTISELECT_ATTRIBUTE_IGNORE_LIST.includes(attribute))
+                            .map(attribute => {
+                            return (jsx(AlgoliaMultiSelectFilterSection, { attribute: attribute }, `attribute-${attribute}`));
+                        }) }))] }), jsx("div", { className: styles.footer, children: jsxs(Button, { withArrow: true, onClick: close, size: "md", children: [jsx(FormattedMessage, { id: "Show" }), " ", jsx(AlgoliaResultsCount, {})] }) })] }));
 }
 
 export { AlgoliaFilterPanel };

package/dist/algolia/algolia-filter-panel.module.css.js

@@ -1,3 +1,3 @@
-var styles = {"filter-panel":"algolia-filter-panel-module-GfhOO","scroll-container":"algolia-filter-panel-module-4ubB1","category":"algolia-filter-panel-module-LKet3","is-active":"algolia-filter-panel-module-yf8kI","count":"algolia-filter-panel-module-uAHPx","button":"algolia-filter-panel-module-ABOYv"};
+var styles = {"filter-panel":"algolia-filter-panel-module-GfhOO","content":"algolia-filter-panel-module-KFCCf","footer":"algolia-filter-panel-module--DfrD","category":"algolia-filter-panel-module-LKet3","is-active":"algolia-filter-panel-module-yf8kI","count":"algolia-filter-panel-module-uAHPx"};
 
 export { styles as default };

package/dist/algolia/algolia-insights-provider.d.ts

@@ -4,7 +4,7 @@ export interface AlgoliaInsightsProviderState extends AlgoliaInsightsProviderGlo
     objectId?: string | string[] | undefined;
     position?: number | number[] | undefined;
 }
-export declare const AlgoliaInsightsProviderContext: React.Context<AlgoliaInsightsProviderState>;
+export declare const AlgoliaInsightsProviderContext: import("react").Context<AlgoliaInsightsProviderState>;
 export declare function AlgoliaInsightsProvider({ children, value, }: {
     children?: ReactNode;
     value?: AlgoliaInsightsProviderState;

package/dist/base.css

@@ -38,16 +38,6 @@ h6 {
   font-weight: inherit;
 }
 
-button:focus {
-  outline: none !important;
-  outline-width: 0 !important;
-}
-
-a:focus {
-  outline: none !important;
-  outline-width: 0 !important;
-}
-
 input[type='number']::-webkit-outer-spin-button,
 input[type='number']::-webkit-inner-spin-button {
   opacity: 1;

package/dist/breadcrumbs/breadcrumb.js

@@ -21,7 +21,7 @@ function Breadcrumb({ links }) {
     return (jsxs(Breadcrumbs, { className: styles.breadcrumbs, children: [jsx(Breadcrumb$1, { className: clsx(styles.breadcrumb, styles.short), children: jsxs(Link, { className: styles.link, href: href, isDisabled: false, title: label, children: [jsx(GlyphsChevronsSlimLeftIcon, { className: styles.icon }), isHomeLink ? (jsx(SolidHomeIcon, { className: styles.icon })) : (jsx("span", { children: previousLink.label }))] }) }), jsx(Breadcrumb$1, { className: clsx(styles.breadcrumb, styles.long), children: jsx(Link, { className: styles.link, href: homeLink.href, title: homeLink.label, children: jsx(SolidHomeIcon, { className: clsx(styles['home-icon'], styles.icon) }) }) }), linksWithoutFirst.map((link, index) => (jsx(BreadcrumbLongItem, { index: index, isDisabled: linksWithoutFirst.length - 1 === index, link: link }, link.href + link.label || index)))] }));
 }
 function BreadcrumbLongItem({ index, isDisabled, link, }) {
-    return (jsx(Breadcrumb$1, { className: clsx(styles.breadcrumb, styles.long), children: jsxs(Link, { className: styles.link, color: "secondary", href: link.href, isDisabled: isDisabled, title: link.label, children: [jsx(GlyphsChevronsSlimLeftIcon, { className: clsx(styles['previous-icon'], styles.icon) }), link.label] }) }, index));
+    return (jsx(Breadcrumb$1, { className: clsx(styles.breadcrumb, styles.long), children: jsxs(Link, { className: styles.link, color: "secondary", href: link.href, isDisabled: isDisabled, title: link.label, children: [jsx(GlyphsChevronsSlimLeftIcon, { className: clsx(styles.icon, styles['previous-icon']) }), link.label] }) }, index));
 }
 
 export { Breadcrumb };

package/dist/buttons/button/button.d.ts

@@ -25,4 +25,4 @@ export interface ButtonProps {
     variant?: 'solid' | 'outline' | 'ghost';
     withArrow?: boolean;
 }
-export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/buttons/button/button.module.css.js

@@ -1,3 +1,3 @@
-var buttonStyles = {"button":"button-module-V4meK","light":"button-module-fepAr","icon":"button-module-XaNWz","loading-uninformative":"button-module-LwuW2","loading-informative":"button-module-U5IxM","spinner":"button-module-13ndF","children":"button-module-vqRq-","right-arrow-icon":"button-module-ydQAo","primary":"button-module-tmyk8","secondary":"button-module--1bCH","sm":"button-module-Pbwz7","md":"button-module-GVTEW","condensed":"button-module-GKHQc","lg":"button-module-nyNY8","outline":"button-module-vq9GI","solid":"button-module-AjvlY","hover":"button-module-YzPAr","focus":"button-module--xzsY","active":"button-module-XMFzj","ghost":"button-module-f4UVe"};
+var buttonStyles = {"button":"button-module-V4meK","light":"button-module-fepAr","icon":"button-module-XaNWz","loading-uninformative":"button-module-LwuW2","loading-informative":"button-module-U5IxM","spinner":"button-module-13ndF","children":"button-module-vqRq-","right-arrow-icon":"button-module-ydQAo","primary":"button-module-tmyk8","secondary":"button-module--1bCH","sm":"button-module-Pbwz7","md":"button-module-GVTEW","condensed":"button-module-GKHQc","lg":"button-module-nyNY8","outline":"button-module-vq9GI","solid":"button-module-AjvlY","hover":"button-module-YzPAr","active":"button-module-XMFzj","ghost":"button-module-f4UVe"};
 
 export { buttonStyles as default };

package/dist/buttons/link/link.d.ts

@@ -16,4 +16,4 @@ export interface LinkProps {
     target?: string;
     title?: string;
 }
-export declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLElement>>;
+export declare const Link: import("react").ForwardRefExoticComponent<LinkProps & import("react").RefAttributes<HTMLElement>>;

package/dist/buttons/link/link.module.css.js

@@ -1,3 +1,3 @@
-var styles = {"link":"link-module-xLqBn","hover":"link-module-HZbAL","has-underline":"link-module-UuCEp","secondary":"link-module-v31wH","primary":"link-module-bGD6u"};
+var styles = {"link":"link-module-xLqBn","has-underline":"link-module-UuCEp","primary":"link-module-bGD6u","secondary":"link-module-v31wH"};
 
 export { styles as default };

package/dist/carousel/carousel-navigation-button.d.ts

@@ -4,5 +4,5 @@ interface CarouselNavigationButtonProps {
     direction: SwipeDirection;
     onClick?: (direction: SwipeDirection) => void;
 }
-export declare const CarouselNavigationButton: React.ForwardRefExoticComponent<CarouselNavigationButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const CarouselNavigationButton: import("react").ForwardRefExoticComponent<CarouselNavigationButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 export {};

package/dist/carousel/pagination/pagination.js

@@ -28,13 +28,9 @@ function CarouselPagination({ contained, currentPage = 1, numberOfPages, onChang
         return;
     return (jsx("div", { className: clsx({
             [styles['contained']]: contained,
-        }, styles['pagination-panel']), children: jsxs("div", { className: styles['content-container'], children: [jsx("div", { ref: animation.current.refButton, className: clsx(styles['active-page-button'], styles['page-button']), children: jsx("div", { ref: animation.current.refCircle, className: styles['circle'] }) }), Array.from({ length: numberOfPages }, (_, index) => (jsx("div", { ref: animation.current.refPaginationButton(index), className: clsx(styles['page-button']), onClick: () => {
+        }, styles['pagination-panel']), children: jsxs("div", { className: styles['content-container'], children: [jsx("div", { ref: animation.current.refButton, className: clsx(styles['active-page-button'], styles['page-button']), children: jsx("div", { ref: animation.current.refCircle, className: styles['circle'] }) }), Array.from({ length: numberOfPages }, (_, index) => (jsx("button", { ref: animation.current.refPaginationButton(index), className: clsx(styles['page-button']), onClick: () => {
                         onChange?.(index + 1);
-                    }, onKeyPress: e => {
-                        if (e.key === 'Enter' || e.key === ' ') {
-                            onChange?.(index + 1);
-                        }
-                    }, role: "button", tabIndex: 0 }, index)))] }) }));
+                    }, type: "button" }, index)))] }) }));
 }
 
 export { CarouselPagination, PaginationButton };

package/dist/collapsables/accordion/accordion-item.js

@@ -22,13 +22,14 @@ function AccordionItem({ _pseudo = 'none', allowCollapse = true, allowToggle = t
     const panelId = `panel-${id}`;
     return (jsxs("div", { suppressHydrationWarning: true, className: clsx(className, ...ensureArray(borderType).map(type => styles[`border-type-${type}`]), styles['accordion-item'], isDisabled && styles.disabled, {
             [styles['is-open']]: isOpen,
+            [styles['is-closed']]: !isOpen,
             [styles['allow-toggle']]: allowCollapse && allowToggle,
         }), "data-test-selector": dataTestSelector, children: [jsx(Heading, { className: styles.heading, tag: "h3", children: jsxs("button", { suppressHydrationWarning: true, "aria-controls": panelId, "aria-expanded": isOpen, className: clsx(styles.button, styles[_pseudo], {
                         [styles['disable-collapse']]: !allowCollapse,
                     }), disabled: isDisabled, id: id, onClick: () => {
                         if (allowToggle && allowCollapse)
                             toggle();
-                    }, tabIndex: allowToggle ? 0 : -1, type: "button", children: [title, jsx("span", { className: styles.icon, children: size === 'lg' ? (jsx(GlyphsChevronsBoldDownIcon, {})) : (jsx(GlyphsChevronsSlimDownIcon, {})) })] }) }), jsx("div", { "aria-labelledby": id, className: styles.panel, id: panelId, role: "region", children: jsx("div", { className: styles.content, children: children }) })] }));
+                    }, tabIndex: allowToggle ? 0 : -1, type: "button", children: [title, jsx("span", { className: styles.icon, children: size === 'lg' ? (jsx(GlyphsChevronsBoldDownIcon, {})) : (jsx(GlyphsChevronsSlimDownIcon, {})) })] }) }), jsx("div", { "aria-hidden": !isOpen, "aria-labelledby": id, className: styles.panel, id: panelId, inert: isOpen ? undefined : '', role: "region", children: children })] }));
 }
 
 export { AccordionItem };

package/dist/collapsables/accordion/accordion.module.css.js

@@ -1,3 +1,3 @@
-var styles = {"accordion":"accordion-module-9WvAH","indented":"accordion-module-6CcEH","white":"accordion-module-CaVdG","accordion-item":"accordion-module-lf9d-","lg":"accordion-module-0qnae","with-seperators":"accordion-module-yOLrW","heading":"accordion-module-d-B4T","button":"accordion-module--Rwpb","icon":"accordion-module-Y50uq","focus":"accordion-module-M4BZs","allow-toggle":"accordion-module-QEO2d","panel":"accordion-module-KZjMo","content":"accordion-module-ejMH3","border-type-bottom":"accordion-module-oTdZK","border-type-top":"accordion-module-0mrLq","border-type-middle":"accordion-module-aAr-R","is-open":"accordion-module-W0F1z","border-type-middle-accentuated":"accordion-module-OB98a","disable-collapse":"accordion-module-RnNRT","select":"accordion-module-SAbiG","disabled":"accordion-module-ogvYX"};
+var styles = {"accordion":"accordion-module-9WvAH","indented":"accordion-module-6CcEH","white":"accordion-module-CaVdG","accordion-item":"accordion-module-lf9d-","lg":"accordion-module-0qnae","with-seperators":"accordion-module-yOLrW","heading":"accordion-module-d-B4T","button":"accordion-module--Rwpb","icon":"accordion-module-Y50uq","focus":"accordion-module-M4BZs","allow-toggle":"accordion-module-QEO2d","panel":"accordion-module-KZjMo","border-type-bottom":"accordion-module-oTdZK","border-type-top":"accordion-module-0mrLq","border-type-middle":"accordion-module-aAr-R","is-open":"accordion-module-W0F1z","border-type-middle-accentuated":"accordion-module-OB98a","is-closed":"accordion-module-kYmoe","disable-collapse":"accordion-module-RnNRT","select":"accordion-module-SAbiG","disabled":"accordion-module-ogvYX"};
 
 export { styles as default };

package/dist/collapsables/cascading-component/cascading-component-container-context.d.ts

@@ -1,2 +1,2 @@
 import { CascadingComponentContainerContextType } from './types';
-export declare const CascadingComponentContainerContext: React.Context<CascadingComponentContainerContextType | null>;
+export declare const CascadingComponentContainerContext: import("react").Context<CascadingComponentContainerContextType | null>;

package/dist/collapsables/show-all/show-all.js

@@ -21,9 +21,9 @@ function ShowAll({ children, hasTransparency = true, initialHeight = 0, initialI
     return (jsxs("div", { ref: showAllRef, className: clsx(styles['show-all'], {
             [styles['content-fits']]: contentFits,
             [styles['is-open']]: isReallyOpen,
-        }), style: contentFits ? undefined : { '--initital-height': `${initialHeight}px` }, children: [jsx("div", { className: styles.panel, children: jsx("div", { className: clsx(styles.content, {
+        }), style: contentFits ? undefined : { '--initial-height': `${initialHeight}px` }, children: [jsx("div", { className: styles.panel, children: jsx("div", { className: clsx(styles.content, {
                         [styles['has-transparency']]: !contentFits && hasTransparency,
-                    }), children: jsx("div", { ref: ref, children: children }) }) }), !contentFits && (jsxs(Link, { className: styles.button, color: "secondary", onClick: () => {
+                    }), children: jsx("div", { ref: ref, "aria-hidden": !isReallyOpen, inert: isReallyOpen ? undefined : '', children: children }) }) }), !contentFits && (jsxs(Link, { className: styles.button, color: "secondary", onClick: () => {
                     if (isControlled)
                         return onToggle(!isControlled);
                     toggle();

package/dist/collapsables/unmounter/unmounter.d.ts

@@ -4,7 +4,7 @@ export interface UnmounterContextType {
     unmount: boolean;
     unregisterChild: () => void;
 }
-export declare const UnmounterContext: React.Context<UnmounterContextType | null>;
+export declare const UnmounterContext: import("react").Context<UnmounterContextType | null>;
 export declare function useUnmount(): UnmounterContextType | null;
 export declare function Unmounter({ children: children, onUnmounted, onUnmountReady, unmount: _unmount, }: {
     children: ReactNode;

package/dist/cookies/cookie-context.d.ts

@@ -1,2 +1,2 @@
 import { CookieContextValue } from './types';
-export declare const CookieContext: React.Context<CookieContextValue | undefined>;
+export declare const CookieContext: import("react").Context<CookieContextValue | undefined>;

package/dist/filters/multi-select/multi-select.js

@@ -9,12 +9,13 @@ function MultiSelect({ amountShown = 3, onChange, options, render, }) {
     const shownOptions = options.slice(0, amountShown);
     const hiddenOptions = options.slice(amountShown);
     const hiddenSelectedOptions = hiddenOptions.filter(option => option.isSelected);
+    const hiddenOptionsMinusSelected = hiddenOptions.filter(option => !option.isSelected);
     const { isOpen, toggle } = useDisclosure();
     if (options.length < 2 &&
         options.filter(option => option.isSelected).length === 0) {
         return null;
     }
-    return (jsxs("div", { className: styles['multi-select'], children: [jsx("div", { className: styles['filter-items'], children: [...shownOptions, ...(isOpen ? [] : hiddenSelectedOptions)].map(option => (jsxs("div", { className: styles['filter-item'], children: [render({ onChange: () => onChange(option), option }), jsxs("span", { children: ["(", option.amount, ")"] })] }, option.value))) }), hiddenOptions.length > 0 && (jsx(ShowAll, { hasTransparency: false, isOpen: isOpen, onToggle: toggle, children: jsx("div", { className: clsx(styles['filter-items'], styles['hidden']), children: hiddenOptions.map(option => (jsxs("div", { className: styles['filter-item'], children: [render({ onChange: () => onChange(option), option }), jsxs("span", { children: ["(", option.amount, ")"] })] }, option.value))) }) }))] }));
+    return (jsxs("div", { className: styles['multi-select'], children: [jsx("div", { className: styles['filter-items'], children: [...shownOptions, ...(isOpen ? [] : hiddenSelectedOptions)].map(option => (jsxs("div", { className: styles['filter-item'], children: [render({ onChange: () => onChange(option), option }), jsxs("span", { children: ["(", option.amount, ")"] })] }, option.value))) }), hiddenOptions.length > 0 && (jsx(ShowAll, { hasTransparency: false, isOpen: isOpen, onToggle: toggle, children: jsx("div", { className: clsx(styles['filter-items'], styles['hidden']), children: (isOpen ? hiddenOptions : hiddenOptionsMinusSelected).map(option => (jsxs("div", { className: styles['filter-item'], children: [render({ onChange: () => onChange(option), option }), jsxs("span", { children: ["(", option.amount, ")"] })] }, option.value))) }) }))] }));
 }
 
 export { MultiSelect };

package/dist/filters/pagination/pagination.js

@@ -10,7 +10,7 @@ import styles from './pagination.module.css.js';
 
 function Pagination({ currentPage, onChange, totalPages, }) {
     const t = useFormattedMessage();
-    return (jsxs("div", { className: styles.pagination, children: [jsx(IconButton, { isDisabled: currentPage === 1, onClick: () => onChange(currentPage - 1), children: jsx(GlyphsChevronsSlimLeftIcon, { "aria-label": t('Previous') }) }), jsxs("div", { className: styles['page-number-container'], children: [jsx(NumberField, { autoGrow: true, label: t('Current page'), maxValue: totalPages, minValue: 1, onChange: onChange, size: "md", value: currentPage }), jsx(FormattedMessage, { id: "of" }), jsx("div", { children: totalPages })] }), jsx(IconButton, { isDisabled: currentPage >= totalPages, onClick: () => onChange(currentPage + 1), children: jsx(GlyphsChevronsSlimRightIcon, { "aria-label": t('Next') }) })] }));
+    return (jsxs("div", { className: styles.pagination, children: [jsx(IconButton, { className: styles['previous'], isDisabled: currentPage === 1, onClick: () => onChange(currentPage - 1), children: jsx(GlyphsChevronsSlimLeftIcon, { "aria-label": t('Previous') }) }), jsxs("div", { className: styles['page-number-container'], children: [jsx(NumberField, { autoGrow: true, label: t('Current page'), maxValue: totalPages, minValue: 1, onChange: onChange, size: "md", value: currentPage }), jsx(FormattedMessage, { id: "of" }), jsx("div", { children: totalPages })] }), jsx(IconButton, { className: styles['next'], isDisabled: currentPage >= totalPages, onClick: () => onChange(currentPage + 1), children: jsx(GlyphsChevronsSlimRightIcon, { "aria-label": t('Next') }) })] }));
 }
 
 export { Pagination };

package/dist/filters/pagination/pagination.module.css.js

@@ -1,3 +1,3 @@
-var styles = {"pagination":"pagination-module-k4OgY","page-number-container":"pagination-module-oq89A"};
+var styles = {"pagination":"pagination-module-k4OgY","page-number-container":"pagination-module-oq89A","next":"pagination-module-cYO35","previous":"pagination-module-rljds"};
 
 export { styles as default };

package/dist/forms/fields/number-field/number-field.d.ts

@@ -31,4 +31,4 @@ export interface NumberFieldProps {
     value?: number;
     withButtons?: boolean;
 }
-export declare const NumberField: React.ForwardRefExoticComponent<NumberFieldProps & React.RefAttributes<HTMLInputElement>>;
+export declare const NumberField: import("react").ForwardRefExoticComponent<NumberFieldProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/intl/intl-context.d.ts

@@ -11,4 +11,4 @@ export interface IntlContextType {
     updateCultureCode?: UpdateCultureCode;
     updateCurrencyCode?: UpdateCurrencyCode;
 }
-export declare const IntlContext: React.Context<IntlContextType>;
+export declare const IntlContext: import("react").Context<IntlContextType>;

package/dist/lists/menu-list/menu-list-provider.d.ts

@@ -3,7 +3,7 @@ export interface MenuListContextValue {
     canCollapse: boolean;
     registerCanCollapse: (canCollapse: boolean) => () => void;
 }
-export declare const MenuListContext: React.Context<MenuListContextValue | undefined>;
+export declare const MenuListContext: import("react").Context<MenuListContextValue | undefined>;
 export declare function MenuListProvider({ children, }: {
     children: ReactNode | ((args: {
         canCollapse: boolean;

package/dist/notifications/announcements/announcement.d.ts

@@ -4,4 +4,4 @@ export interface AnnouncementProps {
     className?: string;
     onDismiss?: (id: string) => void;
 }
-export declare const Announcement: React.ForwardRefExoticComponent<AnnouncementProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Announcement: import("react").ForwardRefExoticComponent<AnnouncementProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/pages/product/product-listing-page/product-listing-page-provider/product-listing-page-context.d.ts

@@ -5,4 +5,4 @@ export interface ProductListingPageContextType {
     isError?: boolean;
     isLoading?: boolean;
 }
-export declare const ProductListingPageContext: React.Context<ProductListingPageContextType>;
+export declare const ProductListingPageContext: import("react").Context<ProductListingPageContextType>;

package/dist/pages/product/product-listing-page/product-listing-page.module.css.js

@@ -1,3 +1,3 @@
-var styles = {"product-listing":"product-listing-page-module-U0zLZ","promos":"product-listing-page-module-VvYG3","action-bar":"product-listing-page-module-jGACo","sidebar-toggle":"product-listing-page-module-qhR-J","sort":"product-listing-page-module-3LRKg","count":"product-listing-page-module-3Jtw-","categories":"product-listing-page-module-UwMEE","product-grid-container":"product-listing-page-module-cUe4a","product-grid":"product-listing-page-module-dtbXB","pagination":"product-listing-page-module-zKOQv"};
+var styles = {"product-listing":"product-listing-page-module-U0zLZ","promos":"product-listing-page-module-VvYG3","action-bar":"product-listing-page-module-jGACo","sidebar-toggle":"product-listing-page-module-qhR-J","sort":"product-listing-page-module-3LRKg","count":"product-listing-page-module-3Jtw-","categories":"product-listing-page-module-UwMEE","product-grid-container":"product-listing-page-module-cUe4a","product-grid":"product-listing-page-module-dtbXB","pagination":"product-listing-page-module-zKOQv","sidebar":"product-listing-page-module-bIfdi"};
 
 export { styles as default };

package/dist/pages/product/product-listing-page/product-listing.js

@@ -39,7 +39,7 @@ function ProductListingPageContent({ currentCategoryPath, promoBanners, }) {
     const t = useFormattedMessage();
     return (jsxs(Fragment, { children: [isLoading !== false && !hasHits && jsx(LoadingPage, {}), isLoading === false && !hasHits && (jsx(NoResults, { content: jsxs("p", { children: [jsx(FormattedMessage, { id: "You could try exploring our products by category" }), ' ', jsx("br", {}), jsx(FormattedMessage, { id: "Try 'Search' and try to find the product you're looking for" })] }), title: t('Sorry, there are no products found') })), jsxs("div", { style: {
                     display: hasHits ? undefined : 'none',
-                }, children: [promoBanners?.length && (jsx("section", { className: styles.promos, children: jsx(PromoBanners, { promoBannersData: promoBanners }) })), jsx("section", { className: styles.categories, children: jsx(ProductListingPageCategoryCarousel, { currentCategoryPath: currentCategoryPath }) }), jsxs("section", { className: styles['action-bar'], children: [jsx("div", { className: styles['sidebar-toggle'], children: jsx(ToggleSidebarButton, {}) }), jsx("span", { className: styles.count, children: jsx(AlgoliaResultsCount, {}) }), jsx("div", { className: styles.sort, children: jsx(AlgoliaSortBy, {}) })] }), jsx("section", { children: jsxs("div", { className: styles['product-grid-container'], children: [jsx(Sidebar, { children: jsx(AlgoliaFilterPanel, { showActiveCategories: true }) }), jsxs("div", { className: styles['product-grid'], children: [jsx(ProductListingProductOverview, {}), jsx("div", { className: styles.pagination, children: jsx(AlgoliaPagination, { onChange: () => {
+                }, children: [promoBanners?.length && (jsx("section", { className: styles.promos, children: jsx(PromoBanners, { promoBannersData: promoBanners }) })), jsx("section", { className: styles.categories, children: jsx(ProductListingPageCategoryCarousel, { currentCategoryPath: currentCategoryPath }) }), jsxs("section", { className: styles['action-bar'], children: [jsx("div", { className: styles['sidebar-toggle'], children: jsx(ToggleSidebarButton, {}) }), jsx("span", { className: styles.count, children: jsx(AlgoliaResultsCount, {}) }), jsx("div", { className: styles.sort, children: jsx(AlgoliaSortBy, {}) })] }), jsx("section", { children: jsxs("div", { className: styles['product-grid-container'], children: [jsx(Sidebar, { className: styles['sidebar'], children: jsx(AlgoliaFilterPanel, { showActiveCategories: true }) }), jsxs("div", { className: styles['product-grid'], children: [jsx(ProductListingProductOverview, {}), jsx("div", { className: styles.pagination, children: jsx(AlgoliaPagination, { onChange: () => {
                                                     setTimeout(() => {
                                                         scrollToTop();
                                                     }, 100);

package/dist/shared/providers/global-state-provider.d.ts

@@ -15,7 +15,7 @@ declare class GlobalState {
     get<T>(key: string | symbol, initialState: T | undefined): State<T>;
     set<T>(key: string | symbol, state: State<T>): void;
 }
-export declare const GlobalStateProviderContext: React.Context<GlobalState>;
+export declare const GlobalStateProviderContext: import("react").Context<GlobalState>;
 interface GlobalStateProviderProps {
     children: ReactNode;
 }

package/dist/shared/routing/route-context.d.ts

@@ -1,2 +1,2 @@
 import { RouteContextValue } from './types';
-export declare const RouteContext: React.Context<RouteContextValue | undefined>;
+export declare const RouteContext: import("react").Context<RouteContextValue | undefined>;

package/dist/shared/routing/use-route-link-element.d.ts

@@ -1 +1 @@
-export declare function useRouteLinkElement(): React.ElementType<import("./types").RouteLinkElementProps>;
+export declare function useRouteLinkElement(): import("react").ElementType<import("./types").RouteLinkElementProps>;

package/dist/shared/routing/use-route-link.d.ts

@@ -1,6 +1,6 @@
 import { NavigateOptions } from './types';
 export declare function useRouteLink(): {
-    RouteLinkElement: React.ElementType<import("./types").RouteLinkElementProps>;
+    RouteLinkElement: import("react").ElementType<import("./types").RouteLinkElementProps>;
     getRouteLinkProps: (href: string, route?: NavigateOptions) => {
         href: string;
         onNavigate: () => void;

package/dist/shared/routing/with-routing.d.ts

@@ -4,5 +4,5 @@ export interface WithRoutingProps {
     href?: string;
     route?: NavigateOptions;
 }
-export declare function withRouting(component: ElementType<RouteLinkElementProps>): React.FunctionComponent<RouteLinkElementProps>;
-export declare const FallbackRouteLink: React.FunctionComponent<RouteLinkElementProps>;
+export declare function withRouting(component: ElementType<RouteLinkElementProps>): import("react").FunctionComponent<RouteLinkElementProps>;
+export declare const FallbackRouteLink: import("react").FunctionComponent<RouteLinkElementProps>;

package/dist/sidebar/sidebar.d.ts

@@ -1,4 +1,5 @@
 export interface SidebarProps {
     children: React.ReactNode;
+    className?: string;
 }
-export declare function Sidebar({ children }: SidebarProps): import("react/jsx-runtime").JSX.Element;
+export declare function Sidebar({ children, className }: SidebarProps): import("react/jsx-runtime").JSX.Element;

package/dist/sidebar/sidebar.js

@@ -1,23 +1,20 @@
 "use client";
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { IconButton } from '../buttons/icon-button/icon-button.js';
 import { StrokeCloseboxIcon } from '../icons/stroke/stroke-closebox-icon.js';
 import { useSidebar } from './use-sidebar.js';
 import styles from './sidebar.module.css.js';
 
-function InnerSidebar({ children }) {
+function Sidebar({ children, className }) {
     const { isDocked, isOpen, toggle, transition } = useSidebar();
-    return (jsxs("aside", { className: clsx(styles.sidebar, {
+    return (jsxs("aside", { "aria-hidden": !isOpen, className: clsx(styles.sidebar, {
             [styles['transition']]: transition,
             [styles['is-open']]: isOpen,
             [styles['is-closed']]: !isOpen,
             [styles['is-docked']]: isDocked,
             [styles['is-not-docked']]: !isDocked,
-        }), children: [jsx("div", { className: styles.close, children: jsx(IconButton, { color: "secondary", onClick: toggle, children: jsx(StrokeCloseboxIcon, {}) }) }), children] }));
-}
-function Sidebar({ children }) {
-    return jsx(InnerSidebar, { children: children });
+        }, className), inert: isOpen ? undefined : '', children: [jsx(IconButton, { className: styles.close, color: "secondary", onClick: toggle, children: jsx(StrokeCloseboxIcon, {}) }), jsx("div", { className: styles['content'], children: children })] }));
 }
 
 export { Sidebar };

package/dist/sidebar/sidebar.module.css.js

@@ -1,3 +1,3 @@
-var styles = {"sidebar":"sidebar-module-fSa9Q","is-docked":"sidebar-module-AIq0M","transition":"sidebar-module-LEZgg","is-open":"sidebar-module-lV7wp","is-closed":"sidebar-module-dGDrr","close":"sidebar-module-2puGC","is-not-docked":"sidebar-module-Scw7D"};
+var styles = {"sidebar":"sidebar-module-fSa9Q","is-docked":"sidebar-module-AIq0M","transition":"sidebar-module-LEZgg","is-open":"sidebar-module-lV7wp","is-closed":"sidebar-module-dGDrr","close":"sidebar-module-2puGC","content":"sidebar-module-83z7V","is-not-docked":"sidebar-module-Scw7D"};
 
 export { styles as default };