@sonic-equipment/ui 0.0.31 → 0.0.33

package/dist/global-search/global-search-provider/global-search-container.d.ts

@@ -1,5 +1,7 @@
 export declare const GlobalSearchDisclosureContext: React.Context<{
+    close: VoidFunction;
     isOpen: boolean;
+    open: VoidFunction;
     toggle: VoidFunction;
 } | null>;
 export declare function GlobalSearchContainer({ children, }: {

package/dist/global-search/global-search-provider/use-search-disclosure.d.ts

@@ -1,4 +1,6 @@
 export declare const useGlobalSearchDisclosure: () => {
+    close: VoidFunction;
     isOpen: boolean;
+    open: VoidFunction;
     toggle: VoidFunction;
 };

package/dist/index.d.ts

@@ -485,7 +485,7 @@ declare function FavoriteOutlinedIcon(props: React.SVGProps<SVGSVGElement>): rea
 
 declare function HashedOutlinedIcon(props: React.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
 
-type TranslationId = 'Chosen filters' | 'Clear' | 'Clear filters' | 'Excl. VAT' | 'Hide filters' | 'Incl. VAT' | 'Show' | 'Show all' | 'Show filters' | 'Show less' | 'Sort' | 'Submit' | 'articles' | 'article' | 'of' | 'sort.relevance' | 'sort.newest' | 'sort.price_asc' | 'sort.price_desc';
+type TranslationId = 'Chosen filters' | 'Clear' | 'Clear filters' | 'Excl. VAT' | 'Hide filters' | 'Incl. VAT' | 'Show' | 'Show all' | 'Show filters' | 'Show less' | 'Sort by' | 'Submit' | 'articles' | 'article' | 'of' | 'sort.relevance' | 'sort.newest' | 'sort.price_asc' | 'sort.price_desc';
 
 interface FormattedMessageProps {
     fallbackValue?: string;
@@ -627,7 +627,9 @@ interface GlobalSearchProps {
 declare function GlobalSearch({ children, searchClient }: GlobalSearchProps): react_jsx_runtime.JSX.Element;
 
 declare const GlobalSearchDisclosureContext: React.Context<{
+    close: VoidFunction;
     isOpen: boolean;
+    open: VoidFunction;
     toggle: VoidFunction;
 } | null>;
 declare function GlobalSearchContainer({ children, }: {
@@ -769,7 +771,9 @@ declare function useAlgoliaSearch(): {
 };
 
 declare const useGlobalSearchDisclosure: () => {
+    close: VoidFunction;
     isOpen: boolean;
+    open: VoidFunction;
     toggle: VoidFunction;
 };
 

package/dist/index.js

@@ -633,7 +633,7 @@ function ProductCard({ addToCartButton: AddToCartButton, favoriteButton: Favorit
 var styles$n = {"category-card":"category-card-module-4NUjH","title":"category-card-module-LEhh3","is-selected":"category-card-module-vJ7vB","image-container":"category-card-module-oNTrK"};
 
 function CategoryCard({ href, image, isSelected = false, title, }) {
-    return (jsxs("a", { className: clsx({
+    return (jsxs(Link, { className: clsx({
             [styles$n['is-selected']]: isSelected,
         }, styles$n['category-card']), href: href, children: [jsx("div", { className: styles$n['image-container'], children: jsx(Image, { ...image }) }), jsx("p", { className: styles$n.title, children: title })] }));
 }
@@ -6200,7 +6200,7 @@ function AlgoliaSortBy() {
         acc[option.value] = option.label;
         return acc;
     }, {});
-    return (jsx(Select, { label: "Sort", onChange: value => refine(String(value)), options: options, selectedOption: currentRefinement, showLabel: false }));
+    return (jsx(Select, { label: t('Sort by'), onChange: value => refine(String(value)), options: options, selectedOption: currentRefinement, showLabel: false }));
 }
 
 function ConnectedFavoriteButton({ productId }) {
@@ -6769,8 +6769,8 @@ function useAlgoliaSearch() {
 
 const GlobalSearchDisclosureContext = createContext(null);
 function GlobalSearchContainer({ children, }) {
-    const { isOpen, toggle } = useDisclosure(false);
-    return (jsx(TransitionGroup, { children: jsxs(GlobalSearchDisclosureContext.Provider, { value: { isOpen, toggle }, children: [jsx(Transition, { in: isOpen, timeout: 300, children: state => jsx("div", { className: state, children: children }) }), jsx(OverlayBackground, { isOpen: isOpen, onClick: toggle })] }) }));
+    const { close, isOpen, open, toggle } = useDisclosure(false);
+    return (jsx(TransitionGroup, { children: jsxs(GlobalSearchDisclosureContext.Provider, { value: { close, isOpen, open, toggle }, children: [jsx(Transition, { in: isOpen, timeout: 300, children: state => jsx("div", { className: state, children: children }) }), jsx(OverlayBackground, { isOpen: isOpen, onClick: toggle })] }) }));
 }
 
 const useGlobalSearchDisclosure = () => {

package/dist/intl/translation-id.d.ts

@@ -1 +1 @@
-export type TranslationId = 'Chosen filters' | 'Clear' | 'Clear filters' | 'Excl. VAT' | 'Hide filters' | 'Incl. VAT' | 'Show' | 'Show all' | 'Show filters' | 'Show less' | 'Sort' | 'Submit' | 'articles' | 'article' | 'of' | 'sort.relevance' | 'sort.newest' | 'sort.price_asc' | 'sort.price_desc';
+export type TranslationId = 'Chosen filters' | 'Clear' | 'Clear filters' | 'Excl. VAT' | 'Hide filters' | 'Incl. VAT' | 'Show' | 'Show all' | 'Show filters' | 'Show less' | 'Sort by' | 'Submit' | 'articles' | 'article' | 'of' | 'sort.relevance' | 'sort.newest' | 'sort.price_asc' | 'sort.price_desc';

package/dist/styles.css

@@ -844,8 +844,8 @@
   }
 
   .image-module-lg7Kj.image-module-LM93B {
-    width: var(--space-32);
-    height: var(--space-32);
+    width: var(--space-40);
+    height: var(--space-40);
   }
 
 .product-card-module-pLaiB {
@@ -1005,6 +1005,10 @@
     word-break: break-all;
   }
 
+  .category-card-module-4NUjH[data-pressed] .category-card-module-LEhh3, .category-card-module-4NUjH[data-hovered] .category-card-module-LEhh3, .category-card-module-4NUjH[data-focused] .category-card-module-LEhh3 {
+      color: var(--color-brand-red);
+    }
+
   .category-card-module-4NUjH.category-card-module-vJ7vB .category-card-module-LEhh3 {
       color: var(--color-brand-red);
     }
@@ -2455,8 +2459,11 @@
   }
 
 .search-root-module-g9MP0 {
-  position: relative;
+  position: absolute;
   z-index: var(--search-layer);
+  top: 0;
+  right: 0;
+  left: 0;
   box-sizing: border-box;
   transition: transform 0.3s ease-in-out;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sonic-equipment/ui",
-  "version": "0.0.31",
+  "version": "0.0.33",
   "type": "module",
   "license": "MIT",
   "engines": {