@dnanpm/styleguide 3.3.1 → 3.4.0

package/build/cjs/components/MainHeaderNavigation/ChildComponents/MainNavTooltipMenuExportedStyles.d.ts

@@ -1,169 +1,169 @@
-declare const TooltipWrapper: import("styled-components").StyledComponent<"button", {
-    base: {
-        baseHeight: {
-            value: number;
-            unit: string;
-        };
-        baseWidth: {
-            value: number;
-            unit: string;
-        };
-    };
-    breakpoints: import("../../../themes/themeComponents/breakpoints").ViewBreakpoints;
-    color: {
-        default: {
-            pink: string;
-            plum: string;
-            white: string;
-            black: string;
-        };
-        accent: {
-            lemon: string;
-            sky: string;
-            orange: string;
-        };
-        hover: {
-            pink: string;
-        };
-        text: {
-            gray: string;
-            pink: string;
-            plum: string;
-            white: string;
-            black: string;
-        };
-        line: {
-            L01: string;
-            L02: string;
-            L03: string;
-            L04: string;
-        };
-        notification: {
-            info: string;
-            success: string;
-            warning: string;
-            error: string;
-        };
-        background: {
-            sand: {
-                default: string;
-                E01: string;
-                E02: string;
-            };
-            pink: {
-                default: string;
-                E01: string;
-                E02: string;
-            };
-            plum: {
-                default: string;
-                E01: string;
-                E02: string;
-            };
-            lemon: {
-                default: string;
-                E01: string;
-                E02: string;
-            };
-            sky: {
-                default: string;
-                E01: string;
-                E02: string;
-            };
-            orange: {
-                default: string;
-                E01: string;
-                E02: string;
-            };
-            white: {
-                default: string;
-            };
-        };
-        focus: {
-            dark: string;
-            light: string;
-        };
-        transparency: {
-            T0: string;
-            T10: string;
-            T20: string;
-            T30: string;
-            T40: string;
-            T50: string;
-            T60: string;
-            T70: string;
-            T80: string;
-            T90: string;
-            T100: string;
-        };
-    };
-    fontFamily: {
-        default: string;
-        heading: string;
-        numerals: string;
-    };
-    fontSize: {
-        default: string;
-        xl: string;
-        l: string;
-        s: string;
-        xs: string;
-        h1XL: string;
-        h1L: string;
-        h1M: string;
-        h1S: string;
-        h2M: string;
-        h2S: string;
-        h3: string;
-        h4: string;
-        h5: string;
-        h1: string;
-        h2: string;
-    };
-    fontWeight: {
-        book: number;
-        medium: number;
-        bold: number;
-        black: number;
-    };
-    form: {
-        smallSelectWidth: string;
-        smallSelectHeight: string;
-    };
-    grid: {
-        gutter: string;
-    };
-    lineHeight: {
-        default: string;
-        xl: string;
-        s: string;
-        xs: string;
-        xxs: string;
-        auto: string;
-        h1XL: string;
-        h1L: string;
-        h1M: string;
-        h1S: string;
-        h2M: string;
-        h2S: string;
-        h3: string;
-        h4: string;
-        h5: string;
-        h1: string;
-        h2: string;
-    };
-    media: Record<string | number, (l: TemplateStringsArray, ...p: (string | number)[]) => string>;
-    radius: {
-        default: string;
-        s: string;
-        xs: string;
-        circle: string;
-        pill: string;
-    };
-}, {
-    collapseSize: number;
-    isHighlighted?: boolean | undefined;
-    isLoggedIn?: boolean | undefined;
-}, never>;
-export default TooltipWrapper;
-export { TooltipWrapper };
+declare const TooltipWrapper: import("styled-components").StyledComponent<"button", {
+    base: {
+        baseHeight: {
+            value: number;
+            unit: string;
+        };
+        baseWidth: {
+            value: number;
+            unit: string;
+        };
+    };
+    breakpoints: import("../../../themes/themeComponents/breakpoints").ViewBreakpoints;
+    color: {
+        default: {
+            pink: string;
+            plum: string;
+            white: string;
+            black: string;
+        };
+        accent: {
+            lemon: string;
+            sky: string;
+            orange: string;
+        };
+        hover: {
+            pink: string;
+        };
+        text: {
+            gray: string;
+            pink: string;
+            plum: string;
+            white: string;
+            black: string;
+        };
+        line: {
+            L01: string;
+            L02: string;
+            L03: string;
+            L04: string;
+        };
+        notification: {
+            info: string;
+            success: string;
+            warning: string;
+            error: string;
+        };
+        background: {
+            sand: {
+                default: string;
+                E01: string;
+                E02: string;
+            };
+            pink: {
+                default: string;
+                E01: string;
+                E02: string;
+            };
+            plum: {
+                default: string;
+                E01: string;
+                E02: string;
+            };
+            lemon: {
+                default: string;
+                E01: string;
+                E02: string;
+            };
+            sky: {
+                default: string;
+                E01: string;
+                E02: string;
+            };
+            orange: {
+                default: string;
+                E01: string;
+                E02: string;
+            };
+            white: {
+                default: string;
+            };
+        };
+        focus: {
+            dark: string;
+            light: string;
+        };
+        transparency: {
+            T0: string;
+            T10: string;
+            T20: string;
+            T30: string;
+            T40: string;
+            T50: string;
+            T60: string;
+            T70: string;
+            T80: string;
+            T90: string;
+            T100: string;
+        };
+    };
+    fontFamily: {
+        default: string;
+        heading: string;
+        numerals: string;
+    };
+    fontSize: {
+        default: string;
+        xl: string;
+        l: string;
+        s: string;
+        xs: string;
+        h1XL: string;
+        h1L: string;
+        h1M: string;
+        h1S: string;
+        h2M: string;
+        h2S: string;
+        h3: string;
+        h4: string;
+        h5: string;
+        h1: string;
+        h2: string;
+    };
+    fontWeight: {
+        book: number;
+        medium: number;
+        bold: number;
+        black: number;
+    };
+    form: {
+        smallSelectWidth: string;
+        smallSelectHeight: string;
+    };
+    grid: {
+        gutter: string;
+    };
+    lineHeight: {
+        default: string;
+        xl: string;
+        s: string;
+        xs: string;
+        xxs: string;
+        auto: string;
+        h1XL: string;
+        h1L: string;
+        h1M: string;
+        h1S: string;
+        h2M: string;
+        h2S: string;
+        h3: string;
+        h4: string;
+        h5: string;
+        h1: string;
+        h2: string;
+    };
+    media: Record<string | number, (l: TemplateStringsArray, ...p: (string | number)[]) => string>;
+    radius: {
+        default: string;
+        s: string;
+        xs: string;
+        circle: string;
+        pill: string;
+    };
+}, {
+    collapseSize: number;
+    isHighlighted?: boolean | undefined;
+    isLoggedIn?: boolean | undefined;
+}, never>;
+export default TooltipWrapper;
+export { TooltipWrapper };

package/build/cjs/components/MainHeaderNavigation/ChildComponents/MinicartTooltip.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-interface MinicartTooltipProps {
-    minicartAmount: number;
-    minicartLabel?: string;
-}
-declare const MinicartTooltip: ({ minicartAmount, minicartLabel }: MinicartTooltipProps) => React.JSX.Element;
-export default MinicartTooltip;
+import React from 'react';
+interface MinicartTooltipProps {
+    minicartAmount: number;
+    minicartLabel?: string;
+}
+declare const MinicartTooltip: ({ minicartAmount, minicartLabel }: MinicartTooltipProps) => React.JSX.Element;
+export default MinicartTooltip;

package/build/cjs/components/MainHeaderNavigation/ChildComponents/MinicartTooltip.js

@@ -15,12 +15,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const MinicartTooltip = ({ minicartAmount, minicartLabel }) => {
-    const { navZIndex, minicartComponent: MinicartComponent } = React.useContext(NavContext["default"]);
-    return (React__default["default"].createElement(MainNavTooltipMenu["default"], { ariaLabel: minicartLabel, closeWhenTagClicked: ['a', 'button'], contentComponent: MinicartComponent, contentWidth: "35rem", fullWidthBreakpoint: theme["default"].breakpoints.md, globalStateString: "minicart", tooltipRight: "5rem", zIndex: navZIndex + 1 },
-        React__default["default"].createElement(Icon["default"], { icon: icons.Cart, size: navigation.navIconSize }),
-        React__default["default"].createElement("span", null, minicartLabel),
-        minicartAmount > 0 && (React__default["default"].createElement(NotificationBadge["default"], { top: "-5px", right: "5px", "data-testid": "header-minicart-amount" }, minicartAmount))));
+const MinicartTooltip = ({ minicartAmount, minicartLabel }) => {
+    const { navZIndex, minicartComponent: MinicartComponent } = React.useContext(NavContext["default"]);
+    return (React__default["default"].createElement(MainNavTooltipMenu["default"], { ariaLabel: minicartLabel, closeWhenTagClicked: ['a', 'button'], contentComponent: MinicartComponent, contentWidth: "35rem", fullWidthBreakpoint: theme["default"].breakpoints.md, globalStateString: "minicart", tooltipRight: "5rem", zIndex: navZIndex + 1 },
+        React__default["default"].createElement(Icon["default"], { icon: icons.Cart, size: navigation.navIconSize }),
+        React__default["default"].createElement("span", null, minicartLabel),
+        minicartAmount > 0 && (React__default["default"].createElement(NotificationBadge["default"], { top: "-5px", right: "5px", "data-testid": "header-minicart-amount" }, minicartAmount))));
 };
 
 exports["default"] = MinicartTooltip;

package/build/cjs/components/MainHeaderNavigation/ChildComponents/MobileMenu.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-declare const RenderMobileMenu: () => React.JSX.Element | null;
-export default RenderMobileMenu;
+import React from 'react';
+declare const RenderMobileMenu: () => React.JSX.Element | null;
+export default RenderMobileMenu;

package/build/cjs/components/MainHeaderNavigation/ChildComponents/MobileMenu.js

@@ -25,9 +25,9 @@ const MobileMenuWrapper = styled["default"].div `
         border: 0;
         background: transparent;
     }
-`;
-const mobileMenu = `calc(100vh - ${navigation.headerMaxHeight})`;
-const MenuLinkBackLink = styled["default"](globalNavStyles.MenuLink) ``;
+`;
+const mobileMenu = `calc(100vh - ${navigation.headerMaxHeight})`;
+const MenuLinkBackLink = styled["default"](globalNavStyles.MenuLink) ``;
 const MobileMenuContainer = styled["default"].div `
     width: 100%;
     position: absolute;
@@ -96,99 +96,99 @@ const MobileMenuContainer = styled["default"].div `
             height: auto;
         }
     }
-`;
-const useTabNavigationDisabled = (scrollPosition, indexLevel) => scrollPosition !== indexLevel;
-const MenuItemBackLink = ({ currentLevel }) => {
-    const { handleNavMenuClick, lang, menuLevel: { scrollPosition }, level1Items, level2Items, getBackLink, } = React.useContext(NavContext["default"]);
-    const levels = {
-        level1Items,
-        level2Items,
-    };
-    const menuElementLevel = `level${currentLevel - 1}Items`;
-    const menuElements = levels[menuElementLevel];
-    const mobileMenuBackClick = () => {
-        handleNavMenuClick(null, `level${currentLevel - 1}Mobile`);
-    };
-    const tabNavigationDisabled = scrollPosition !== currentLevel - 1;
-    const backLink = getBackLink(menuElements, currentLevel - 1);
-    return (React__default["default"].createElement(globalNavStyles.MenuItem, { key: `back-${backLink.id}`, "data-testid": `mobile-nav-menu-backlink-level-${currentLevel}` },
-        React__default["default"].createElement(MenuLinkBackLink, { role: "menuitem", as: "button", onClick: mobileMenuBackClick, tabIndex: tabNavigationDisabled ? -1 : undefined },
-            React__default["default"].createElement(Icon["default"], { icon: icons.ChevronLeft, size: "1rem" }),
-            backLink.titles[lang])));
-};
-const CreateSubMenuItem = ({ menuItem, currentLevel, itemIndex }) => {
-    var _a;
-    const { handleNavMenuClick, menuLevel, lang, currentUrl } = React.useContext(NavContext["default"]);
-    const { mobileMenuRef } = React.useContext(MobileMenuContext["default"]);
-    const hasChildren = (_a = menuItem === null || menuItem === void 0 ? void 0 : menuItem.pages) === null || _a === void 0 ? void 0 : _a.length;
-    const indexLevel = currentLevel - 1;
-    const tabNavigationDisabled = useTabNavigationDisabled(menuLevel.scrollPosition, indexLevel);
-    const menuUrl = menuItem.urls[lang] || '';
-    const mobileMenuClick = (element) => (e) => {
-        var _a, _b;
-        (_b = (_a = mobileMenuRef === null || mobileMenuRef === void 0 ? void 0 : mobileMenuRef.current) === null || _a === void 0 ? void 0 : _a.scroll) === null || _b === void 0 ? void 0 : _b.call(_a, {
-            top: 0,
-            left: 0,
-            behavior: 'smooth',
-        });
-        e.preventDefault();
-        handleNavMenuClick(element.id, `level${currentLevel}Mobile`);
-    };
-    const renderMenuItem = (children) => (React__default["default"].createElement(globalNavStyles.MenuItem, { key: menuItem.id, role: "presentation", "data-testid": `mobile-menu-level-${currentLevel}-link-${itemIndex + 1}`, isActive: LinkModifier.isSelected(currentUrl, menuUrl, true) }, children));
-    if (hasChildren && currentLevel < 3) {
-        return renderMenuItem(React__default["default"].createElement(globalNavStyles.MenuLink, { as: "button", onClick: mobileMenuClick(menuItem), role: "menuitem", tabIndex: tabNavigationDisabled ? -1 : undefined },
-            menuItem.titles[lang],
-            React__default["default"].createElement(Icon["default"], { icon: icons.ChevronRight, color: theme["default"].color.default.pink })));
-    }
-    return renderMenuItem(React__default["default"].createElement(LinkModifier["default"], { menuItem: menuItem, tabIndex: tabNavigationDisabled }));
-};
-const SubMenuMobile = ({ currentLevel, menuItem }) => {
-    const featuredItems = menuItem.pages.filter(subMenuItem => !subMenuItem.pages.length && currentLevel === 2);
-    const indexLevel = currentLevel - 1;
-    const { collapseSize, menuLevel: { scrollPosition }, } = React.useContext(NavContext["default"]);
-    const tabNavigationDisabled = useTabNavigationDisabled(scrollPosition, indexLevel);
-    if (!menuItem.pages.length) {
-        return null;
-    }
-    return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        currentLevel > 1 && React__default["default"].createElement(MenuItemBackLink, { currentLevel: currentLevel }),
-        featuredItems.length > 0 && (React__default["default"].createElement(globalNavStyles.FeaturedBlock, { collapseSize: collapseSize }, featuredItems.map(subMenuItem => (React__default["default"].createElement(LinkModifier["default"], { key: subMenuItem.id, menuItem: subMenuItem, showIcon: true, tabIndex: tabNavigationDisabled }))))),
-        menuItem.pages
-            .filter(subMenuItem => !featuredItems.includes(subMenuItem))
-            .map((subMenuItem, index) => (React__default["default"].createElement(CreateSubMenuItem, { currentLevel: currentLevel, itemIndex: index, key: subMenuItem.id, menuItem: subMenuItem })))));
-};
-const NavigationMenuMobile = () => {
-    const { items, menuLevel, level1Items, level2Items } = React.useContext(NavContext["default"]);
-    const { mainNavigation } = items;
-    if (!(mainNavigation === null || mainNavigation === void 0 ? void 0 : mainNavigation.pages.length)) {
-        return null;
-    }
-    const renderMenuList = (scrollPosition, level, menuItem) => (React__default["default"].createElement(globalNavStyles.MenuList, { role: "menu", "aria-hidden": menuLevel.scrollPosition !== scrollPosition, "aria-disabled": menuLevel.scrollPosition !== scrollPosition, "data-testid": `mobile-nav-menu-level-${level}`, isInView: menuLevel.scrollPosition === scrollPosition },
-        React__default["default"].createElement(SubMenuMobile, { currentLevel: level, menuItem: menuItem })));
-    return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        renderMenuList(0, 1, mainNavigation),
-        menuLevel.level1Mobile !== null &&
-            renderMenuList(1, 2, level1Items[menuLevel.level1Mobile]),
-        menuLevel.level2Mobile !== null &&
-            renderMenuList(2, 3, level2Items[menuLevel.level2Mobile])));
-};
-const RenderMobileMenu = () => {
-    const { menuLevel, isMobileMenuOpen } = React.useContext(NavContext["default"]);
-    const mobileMenuRef = React.useRef(null);
-    const slidingMenuAnimation = reactSpring.useSpring({
-        transform: `translateX(${(menuLevel.scrollPosition / navigation.menuLevelsAmount) * -100}%)`,
-    });
-    const mobileMenuContext = React.useMemo(() => ({
-        mobileMenuRef,
-    }), [mobileMenuRef]);
-    if (!isMobileMenuOpen) {
-        return null;
-    }
-    return (React__default["default"].createElement(MobileMenuContainer, { ref: mobileMenuRef },
-        React__default["default"].createElement(MobileMenuContext["default"].Provider, { value: mobileMenuContext },
-            React__default["default"].createElement(MobileMenuWrapper, null,
-                React__default["default"].createElement(reactSpring.animated.div, { style: slidingMenuAnimation },
-                    React__default["default"].createElement(NavigationMenuMobile, null))))));
+`;
+const useTabNavigationDisabled = (scrollPosition, indexLevel) => scrollPosition !== indexLevel;
+const MenuItemBackLink = ({ currentLevel }) => {
+    const { handleNavMenuClick, lang, menuLevel: { scrollPosition }, level1Items, level2Items, getBackLink, } = React.useContext(NavContext["default"]);
+    const levels = {
+        level1Items,
+        level2Items,
+    };
+    const menuElementLevel = `level${currentLevel - 1}Items`;
+    const menuElements = levels[menuElementLevel];
+    const mobileMenuBackClick = () => {
+        handleNavMenuClick(null, `level${currentLevel - 1}Mobile`);
+    };
+    const tabNavigationDisabled = scrollPosition !== currentLevel - 1;
+    const backLink = getBackLink(menuElements, currentLevel - 1);
+    return (React__default["default"].createElement(globalNavStyles.MenuItem, { key: `back-${backLink.id}`, "data-testid": `mobile-nav-menu-backlink-level-${currentLevel}` },
+        React__default["default"].createElement(MenuLinkBackLink, { role: "menuitem", as: "button", onClick: mobileMenuBackClick, tabIndex: tabNavigationDisabled ? -1 : undefined },
+            React__default["default"].createElement(Icon["default"], { icon: icons.ChevronLeft, size: "1rem" }),
+            backLink.titles[lang])));
+};
+const CreateSubMenuItem = ({ menuItem, currentLevel, itemIndex }) => {
+    var _a;
+    const { handleNavMenuClick, menuLevel, lang, currentUrl } = React.useContext(NavContext["default"]);
+    const { mobileMenuRef } = React.useContext(MobileMenuContext["default"]);
+    const hasChildren = (_a = menuItem === null || menuItem === void 0 ? void 0 : menuItem.pages) === null || _a === void 0 ? void 0 : _a.length;
+    const indexLevel = currentLevel - 1;
+    const tabNavigationDisabled = useTabNavigationDisabled(menuLevel.scrollPosition, indexLevel);
+    const menuUrl = menuItem.urls[lang] || '';
+    const mobileMenuClick = (element) => (e) => {
+        var _a, _b;
+        (_b = (_a = mobileMenuRef === null || mobileMenuRef === void 0 ? void 0 : mobileMenuRef.current) === null || _a === void 0 ? void 0 : _a.scroll) === null || _b === void 0 ? void 0 : _b.call(_a, {
+            top: 0,
+            left: 0,
+            behavior: 'smooth',
+        });
+        e.preventDefault();
+        handleNavMenuClick(element.id, `level${currentLevel}Mobile`);
+    };
+    const renderMenuItem = (children) => (React__default["default"].createElement(globalNavStyles.MenuItem, { key: menuItem.id, role: "presentation", "data-testid": `mobile-menu-level-${currentLevel}-link-${itemIndex + 1}`, isActive: LinkModifier.isSelected(currentUrl, menuUrl, true) }, children));
+    if (hasChildren && currentLevel < 3) {
+        return renderMenuItem(React__default["default"].createElement(globalNavStyles.MenuLink, { as: "button", onClick: mobileMenuClick(menuItem), role: "menuitem", tabIndex: tabNavigationDisabled ? -1 : undefined },
+            menuItem.titles[lang],
+            React__default["default"].createElement(Icon["default"], { icon: icons.ChevronRight, color: theme["default"].color.default.pink })));
+    }
+    return renderMenuItem(React__default["default"].createElement(LinkModifier["default"], { menuItem: menuItem, tabIndex: tabNavigationDisabled }));
+};
+const SubMenuMobile = ({ currentLevel, menuItem }) => {
+    const featuredItems = menuItem.pages.filter(subMenuItem => !subMenuItem.pages.length && currentLevel === 2);
+    const indexLevel = currentLevel - 1;
+    const { collapseSize, menuLevel: { scrollPosition }, } = React.useContext(NavContext["default"]);
+    const tabNavigationDisabled = useTabNavigationDisabled(scrollPosition, indexLevel);
+    if (!menuItem.pages.length) {
+        return null;
+    }
+    return (React__default["default"].createElement(React__default["default"].Fragment, null,
+        currentLevel > 1 && React__default["default"].createElement(MenuItemBackLink, { currentLevel: currentLevel }),
+        featuredItems.length > 0 && (React__default["default"].createElement(globalNavStyles.FeaturedBlock, { collapseSize: collapseSize }, featuredItems.map(subMenuItem => (React__default["default"].createElement(LinkModifier["default"], { key: subMenuItem.id, menuItem: subMenuItem, showIcon: true, tabIndex: tabNavigationDisabled }))))),
+        menuItem.pages
+            .filter(subMenuItem => !featuredItems.includes(subMenuItem))
+            .map((subMenuItem, index) => (React__default["default"].createElement(CreateSubMenuItem, { currentLevel: currentLevel, itemIndex: index, key: subMenuItem.id, menuItem: subMenuItem })))));
+};
+const NavigationMenuMobile = () => {
+    const { items, menuLevel, level1Items, level2Items } = React.useContext(NavContext["default"]);
+    const { mainNavigation } = items;
+    if (!(mainNavigation === null || mainNavigation === void 0 ? void 0 : mainNavigation.pages.length)) {
+        return null;
+    }
+    const renderMenuList = (scrollPosition, level, menuItem) => (React__default["default"].createElement(globalNavStyles.MenuList, { role: "menu", "aria-hidden": menuLevel.scrollPosition !== scrollPosition, "aria-disabled": menuLevel.scrollPosition !== scrollPosition, "data-testid": `mobile-nav-menu-level-${level}`, isInView: menuLevel.scrollPosition === scrollPosition },
+        React__default["default"].createElement(SubMenuMobile, { currentLevel: level, menuItem: menuItem })));
+    return (React__default["default"].createElement(React__default["default"].Fragment, null,
+        renderMenuList(0, 1, mainNavigation),
+        menuLevel.level1Mobile !== null &&
+            renderMenuList(1, 2, level1Items[menuLevel.level1Mobile]),
+        menuLevel.level2Mobile !== null &&
+            renderMenuList(2, 3, level2Items[menuLevel.level2Mobile])));
+};
+const RenderMobileMenu = () => {
+    const { menuLevel, isMobileMenuOpen } = React.useContext(NavContext["default"]);
+    const mobileMenuRef = React.useRef(null);
+    const slidingMenuAnimation = reactSpring.useSpring({
+        transform: `translateX(${(menuLevel.scrollPosition / navigation.menuLevelsAmount) * -100}%)`,
+    });
+    const mobileMenuContext = React.useMemo(() => ({
+        mobileMenuRef,
+    }), [mobileMenuRef]);
+    if (!isMobileMenuOpen) {
+        return null;
+    }
+    return (React__default["default"].createElement(MobileMenuContainer, { ref: mobileMenuRef },
+        React__default["default"].createElement(MobileMenuContext["default"].Provider, { value: mobileMenuContext },
+            React__default["default"].createElement(MobileMenuWrapper, null,
+                React__default["default"].createElement(reactSpring.animated.div, { style: slidingMenuAnimation },
+                    React__default["default"].createElement(NavigationMenuMobile, null))))));
 };
 
 exports["default"] = RenderMobileMenu;

package/build/cjs/components/MainHeaderNavigation/ChildComponents/PageSearch.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-interface PageSearchProps {
-    searchLabel?: string;
-}
-declare const PageSearch: ({ searchLabel }: PageSearchProps) => React.JSX.Element;
-export default PageSearch;
+import React from 'react';
+interface PageSearchProps {
+    searchLabel?: string;
+}
+declare const PageSearch: ({ searchLabel }: PageSearchProps) => React.JSX.Element;
+export default PageSearch;

package/build/cjs/components/MainHeaderNavigation/ChildComponents/PageSearch.js

@@ -13,11 +13,11 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const PageSearch = ({ searchLabel }) => {
-    const { navZIndex, searchComponent: SearchComponent } = React.useContext(NavContext["default"]);
-    return (React__default["default"].createElement(MainNavTooltipMenu["default"], { ariaLabel: searchLabel, closeWhenTagClicked: ['a'], contentComponent: SearchComponent, contentWidth: "100%", "data-testid": "header-search-container", fullWidthDesktop: true, globalStateString: "search", tooltipRight: "0", zIndex: navZIndex + 1 },
-        React__default["default"].createElement(Icon["default"], { icon: icons.Search, size: navigation.navIconSize }),
-        React__default["default"].createElement("span", null, searchLabel)));
+const PageSearch = ({ searchLabel }) => {
+    const { navZIndex, searchComponent: SearchComponent } = React.useContext(NavContext["default"]);
+    return (React__default["default"].createElement(MainNavTooltipMenu["default"], { ariaLabel: searchLabel, closeWhenTagClicked: ['a'], contentComponent: SearchComponent, contentWidth: "100%", "data-testid": "header-search-container", fullWidthDesktop: true, globalStateString: "search", tooltipRight: "0", zIndex: navZIndex + 1 },
+        React__default["default"].createElement(Icon["default"], { icon: icons.Search, size: navigation.navIconSize }),
+        React__default["default"].createElement("span", null, searchLabel)));
 };
 
 exports["default"] = PageSearch;