@dnanpm/styleguide 3.2.0 → 3.3.1

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

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var icons = require('@dnanpm/icons');
 var React = require('react');
 var useOutsideClick = require('../../../hooks/useOutsideClick.js');
 var styled = require('../../../themes/styled.js');
@@ -9,8 +10,6 @@ var theme = require('../../../themes/theme.js');
 var navigation = require('../../../themes/themeComponents/navigation.js');
 var styledUtils = require('../../../utils/styledUtils.js');
 var Icon = require('../../Icon/Icon.js');
-require('tslib');
-var hlChevronRight = require('../../Icons/hlChevronRight.js');
 var NavContext = require('../context/NavContext.js');
 var globalNavStyles = require('../globalNavStyles.js');
 var LinkModifier = require('./LinkModifier.js');
@@ -28,18 +27,18 @@ const fadeIn = styled.keyframes `
         opacity: 1;
         transform: translateY(0px);
     }
-`;
+`;
 const fadeInAnimation = styled.css `
     animation: ${fadeIn} 0.3s ease-in-out;
-`;
+`;
 const noAnimation = styled.css `
     animation: none;
-`;
+`;
 const MegaMenuContent = styled["default"].ul `
     display: grid;
     grid-template-columns: 25% 25% 25% 25%;
     padding-left: 0;
-`;
+`;
 const CategoryTitle = styled["default"].span `
     display: flex;
     font-size: ${theme["default"].fontSize.default};
@@ -50,7 +49,7 @@ const CategoryTitle = styled["default"].span `
     ${styledUtils.media.xl `
         font-size: ${theme["default"].fontSize.xl};
     `}
-`;
+`;
 const CategoryBlock = styled["default"].li `
     display: block;
     padding: ${styledUtils.getMultipliedSize(theme["default"].base.baseHeight, 2)} 0;
@@ -70,17 +69,17 @@ const CategoryBlock = styled["default"].li `
             line-height: ${theme["default"].lineHeight.default};
         `}
     }
-`;
+`;
 const CategoryCollectionBlock = styled["default"](CategoryBlock) `
     background-color: ${theme["default"].color.background.sand.E01};
-`;
+`;
 const SubMenuItem = styled["default"].li `
     > a {
         color: ${p => (p.isHighlighted ? theme["default"].color.text.pink : theme["default"].color.text.black)};
         font-weight: ${p => (p.isHighlighted ? theme["default"].fontWeight.bold : theme["default"].fontWeight.book)};
         }
     }
-`;
+`;
 const DesktopMenuList = styled["default"](globalNavStyles.MenuList) `
     @media (min-width: ${p => p.collapseSize + 1}px) {
         flex-direction: row;
@@ -101,7 +100,7 @@ const DesktopMenuList = styled["default"](globalNavStyles.MenuList) `
             text-decoration: none;
         }
     }
-`;
+`;
 const DesktopMenuItem = styled["default"](globalNavStyles.MenuItem) `
     > a,
     > button {
@@ -126,8 +125,8 @@ const DesktopMenuItem = styled["default"](globalNavStyles.MenuItem) `
             }
         }
     }
-`;
-// MEGAMENU 1st level
+`;
+// MEGAMENU 1st level
 const SubMenuList = styled["default"].div `
     position: absolute;
     top: ${navigation.navMaxHeight};
@@ -135,8 +134,8 @@ const SubMenuList = styled["default"].div `
     right: 0;
     display: ${({ menuStates, navItemId }) => (menuStates === null || menuStates === void 0 ? void 0 : menuStates.level1) === navItemId ? 'block' : 'none'};
     z-index: ${({ navZIndex }) => navZIndex + 1};
-    ${({ menuStates }) => menuStates.level1 && menuStates.animate2 && !menuStates.level2
-    ? fadeInAnimation
+    ${({ menuStates }) => menuStates.level1 && menuStates.animate2 && !menuStates.level2
+    ? fadeInAnimation
     : noAnimation};
     background-color: ${theme["default"].color.background.white.default};
     max-height: calc(100vh - ${styledUtils.getMultipliedSize(theme["default"].base.baseHeight, 3)} - ${navigation.headerMaxHeight});
@@ -146,62 +145,62 @@ const SubMenuList = styled["default"].div `
         padding: 0;
         list-style: none;
     }
-`;
-const SubMenuLevel1 = ({ menuItem }) => {
-    const { categoryCollectionText, collapseSize, currentUrl, lang, menuLevel, navZIndex } = React.useContext(NavContext["default"]);
-    const level1HasElements = !!menuItem.pages.length;
-    const pagesWithSubItems = menuItem.pages.filter(element => element.pages.length > 0);
-    // Helper function to render a sub menu item
-    const renderSubMenuItem = (element, index, currUrl) => (React__default["default"].createElement(SubMenuItem, { key: element.id, isHighlighted: LinkModifier.isSelected(currUrl, element.urls[lang], true), "data-testid": `desktop-nav-item-level-2-${index + 1}` },
-        React__default["default"].createElement(LinkModifier["default"], { menuItem: element, tabIndex: false })));
-    if (!level1HasElements) {
-        return null;
-    }
-    return (React__default["default"].createElement(SubMenuList, { "aria-hidden": false, menuStates: menuLevel, navItemId: menuItem.id, navZIndex: navZIndex },
-        React__default["default"].createElement(MegaMenuContent, null,
-            pagesWithSubItems.slice(0, 5).map(element => (React__default["default"].createElement(CategoryBlock, { key: element.id },
-                React__default["default"].createElement(CategoryTitle, null, element.titles[lang]),
-                React__default["default"].createElement("ul", { "data-testid": "desktop-nav-menu-ul-level-2" }, element.pages.map((subElement, index) => renderSubMenuItem(subElement, index, currentUrl)))))),
-            pagesWithSubItems.length > 5 && (React__default["default"].createElement(CategoryCollectionBlock, null,
-                React__default["default"].createElement(CategoryTitle, null, categoryCollectionText),
-                React__default["default"].createElement("ul", { "data-testid": "desktop-nav-menu-ul-level-2" }, pagesWithSubItems
-                    .slice(5)
-                    .map((element, index) => renderSubMenuItem(element, index, currentUrl))))),
-            React__default["default"].createElement(globalNavStyles.FeaturedBlock, { collapseSize: collapseSize, "data-testid": "desktop-nav-menu-level-2-featured" }, menuItem.pages.map(element => element.pages.length ? null : (React__default["default"].createElement(LinkModifier["default"], { key: element.id, showIcon: true, menuItem: element, tabIndex: false })))))));
-};
-const MenuItemWithChildren = ({ menuItem, currentLevel }) => {
-    const { lang, handleNavMenuClick, currentUrl, menuLevel } = React.useContext(NavContext["default"]);
-    const menuClickMain = (element) => () => {
-        handleNavMenuClick(element.id, 'level1');
-    };
-    return (React__default["default"].createElement(DesktopMenuItem, { isActive: LinkModifier.isSelected(currentUrl, menuItem.urls[lang]), "data-testid": `desktop-nav-item-level-1-${currentLevel + 1}`, role: "presentation" },
-        React__default["default"].createElement(globalNavStyles.MenuLinkWithChildren, { isOpen: menuLevel.level1 === menuItem.id, onClick: menuClickMain(menuItem), role: "menuitem", "aria-haspopup": "true", "data-testid": "menu-button-with-children" },
-            React__default["default"].createElement("span", null, menuItem.titles[lang]),
-            React__default["default"].createElement(Icon["default"], { icon: hlChevronRight["default"], size: "1rem" })),
-        React__default["default"].createElement(SubMenuLevel1, { menuItem: menuItem })));
-};
-const DesktopMenu = () => {
-    var _a;
-    const { items, lang, resetMenuEvents, menuLevel, currentUrl, collapseSize } = React.useContext(NavContext["default"]);
-    const mainNavigation = ((_a = items === null || items === void 0 ? void 0 : items.mainNavigation) === null || _a === void 0 ? void 0 : _a.pages) || [];
-    const ref = React.useRef(null);
-    useOutsideClick["default"](ref, () => {
-        if (menuLevel.level1 || menuLevel.level2) {
-            resetMenuEvents();
-        }
-    });
-    if (!mainNavigation.length) {
-        return null;
-    }
-    return (React__default["default"].createElement(DesktopMenuList, { role: "menu", "aria-hidden": false, ref: ref, "data-testid": "desktop-nav-menu-ul", collapseSize: collapseSize }, mainNavigation.map((navElement, index) => {
-        var _a;
-        const displaySubMenu = !navElement.pageIsLinkInDesktopNavigation && !!((_a = navElement.pages) === null || _a === void 0 ? void 0 : _a.length);
-        if (displaySubMenu) {
-            return (React__default["default"].createElement(MenuItemWithChildren, { menuItem: navElement, key: navElement.id, currentLevel: index }));
-        }
-        return (React__default["default"].createElement(DesktopMenuItem, { key: navElement.id, role: "presentation", "data-testid": `desktop-nav-item-level-1-${index + 1}`, isActive: LinkModifier.isSelected(currentUrl, navElement.urls[lang]) },
-            React__default["default"].createElement(LinkModifier["default"], { menuItem: navElement, tabIndex: false })));
-    })));
+`;
+const SubMenuLevel1 = ({ menuItem }) => {
+    const { categoryCollectionText, collapseSize, currentUrl, lang, menuLevel, navZIndex } = React.useContext(NavContext["default"]);
+    const level1HasElements = !!menuItem.pages.length;
+    const pagesWithSubItems = menuItem.pages.filter(element => element.pages.length > 0);
+    // Helper function to render a sub menu item
+    const renderSubMenuItem = (element, index, currUrl) => (React__default["default"].createElement(SubMenuItem, { key: element.id, isHighlighted: LinkModifier.isSelected(currUrl, element.urls[lang], true), "data-testid": `desktop-nav-item-level-2-${index + 1}` },
+        React__default["default"].createElement(LinkModifier["default"], { menuItem: element, tabIndex: false })));
+    if (!level1HasElements) {
+        return null;
+    }
+    return (React__default["default"].createElement(SubMenuList, { "aria-hidden": false, menuStates: menuLevel, navItemId: menuItem.id, navZIndex: navZIndex },
+        React__default["default"].createElement(MegaMenuContent, null,
+            pagesWithSubItems.slice(0, 5).map(element => (React__default["default"].createElement(CategoryBlock, { key: element.id },
+                React__default["default"].createElement(CategoryTitle, null, element.titles[lang]),
+                React__default["default"].createElement("ul", { "data-testid": "desktop-nav-menu-ul-level-2" }, element.pages.map((subElement, index) => renderSubMenuItem(subElement, index, currentUrl)))))),
+            pagesWithSubItems.length > 5 && (React__default["default"].createElement(CategoryCollectionBlock, null,
+                React__default["default"].createElement(CategoryTitle, null, categoryCollectionText),
+                React__default["default"].createElement("ul", { "data-testid": "desktop-nav-menu-ul-level-2" }, pagesWithSubItems
+                    .slice(5)
+                    .map((element, index) => renderSubMenuItem(element, index, currentUrl))))),
+            React__default["default"].createElement(globalNavStyles.FeaturedBlock, { collapseSize: collapseSize, "data-testid": "desktop-nav-menu-level-2-featured" }, menuItem.pages.map(element => element.pages.length ? null : (React__default["default"].createElement(LinkModifier["default"], { key: element.id, showIcon: true, menuItem: element, tabIndex: false })))))));
+};
+const MenuItemWithChildren = ({ menuItem, currentLevel }) => {
+    const { lang, handleNavMenuClick, currentUrl, menuLevel } = React.useContext(NavContext["default"]);
+    const menuClickMain = (element) => () => {
+        handleNavMenuClick(element.id, 'level1');
+    };
+    return (React__default["default"].createElement(DesktopMenuItem, { isActive: LinkModifier.isSelected(currentUrl, menuItem.urls[lang]), "data-testid": `desktop-nav-item-level-1-${currentLevel + 1}`, role: "presentation" },
+        React__default["default"].createElement(globalNavStyles.MenuLinkWithChildren, { isOpen: menuLevel.level1 === menuItem.id, onClick: menuClickMain(menuItem), role: "menuitem", "aria-haspopup": "true", "data-testid": "menu-button-with-children" },
+            React__default["default"].createElement("span", null, menuItem.titles[lang]),
+            React__default["default"].createElement(Icon["default"], { icon: icons.ChevronRight, size: "1rem" })),
+        React__default["default"].createElement(SubMenuLevel1, { menuItem: menuItem })));
+};
+const DesktopMenu = () => {
+    var _a;
+    const { items, lang, resetMenuEvents, menuLevel, currentUrl, collapseSize } = React.useContext(NavContext["default"]);
+    const mainNavigation = ((_a = items === null || items === void 0 ? void 0 : items.mainNavigation) === null || _a === void 0 ? void 0 : _a.pages) || [];
+    const ref = React.useRef(null);
+    useOutsideClick["default"](ref, () => {
+        if (menuLevel.level1 || menuLevel.level2) {
+            resetMenuEvents();
+        }
+    });
+    if (!mainNavigation.length) {
+        return null;
+    }
+    return (React__default["default"].createElement(DesktopMenuList, { role: "menu", "aria-hidden": false, ref: ref, "data-testid": "desktop-nav-menu-ul", collapseSize: collapseSize }, mainNavigation.map((navElement, index) => {
+        var _a;
+        const displaySubMenu = !navElement.pageIsLinkInDesktopNavigation && !!((_a = navElement.pages) === null || _a === void 0 ? void 0 : _a.length);
+        if (displaySubMenu) {
+            return (React__default["default"].createElement(MenuItemWithChildren, { menuItem: navElement, key: navElement.id, currentLevel: index }));
+        }
+        return (React__default["default"].createElement(DesktopMenuItem, { key: navElement.id, role: "presentation", "data-testid": `desktop-nav-item-level-1-${index + 1}`, isActive: LinkModifier.isSelected(currentUrl, navElement.urls[lang]) },
+            React__default["default"].createElement(LinkModifier["default"], { menuItem: navElement, tabIndex: false })));
+    })));
 };
 
 exports["default"] = DesktopMenu;

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

@@ -1,4 +1,4 @@
-import React from 'react';
-import type { LanguageSelectorProps } from '../types/globalNavProps';
-declare const LanguageSelector: ({ currentLanguage, languagesObject, languageSelectorLabel, }: LanguageSelectorProps) => React.JSX.Element | null;
-export default LanguageSelector;
+import React from 'react';
+import type { LanguageSelectorProps } from '../types/globalNavProps';
+declare const LanguageSelector: ({ currentLanguage, languagesObject, languageSelectorLabel, }: LanguageSelectorProps) => React.JSX.Element | null;
+export default LanguageSelector;

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

@@ -2,17 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var icons = require('@dnanpm/icons');
 var React = require('react');
 var styled = require('../../../themes/styled.js');
 var theme = require('../../../themes/theme.js');
+var navigation = require('../../../themes/themeComponents/navigation.js');
 var styledUtils = require('../../../utils/styledUtils.js');
 var Icon = require('../../Icon/Icon.js');
-require('tslib');
-var hlGlobe = require('../../Icons/hlGlobe.js');
 var NavContext = require('../context/NavContext.js');
 var globalNavStyles = require('../globalNavStyles.js');
 var MainNavTooltipMenu = require('./MainNavTooltipMenu.js');
-var navigation = require('../../../themes/themeComponents/navigation.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -22,19 +21,19 @@ const MenuItem = styled["default"](globalNavStyles.MenuLink) `
     font-weight: ${theme["default"].fontWeight.medium};
     margin: ${styledUtils.getMultipliedSize(theme["default"].base.baseHeight, 1)} auto;
     text-align: center;
-`;
-const LangComponent = ({ currentLanguage, languagesObject }) => (React__default["default"].createElement(React__default["default"].Fragment, null, Object.entries(languagesObject)
-    .filter(([key]) => key.toLowerCase() !== currentLanguage.toLowerCase())
-    .map(([key, value]) => (React__default["default"].createElement(MenuItem, { key: `language-${key}`, href: value }, key.toUpperCase())))));
-const LanguageSelector = ({ currentLanguage, languagesObject, languageSelectorLabel, }) => {
-    const { isMobileMenu, navZIndex } = React.useContext(NavContext["default"]);
-    const LngComponent = React.useCallback(() => (React__default["default"].createElement(LangComponent, { languageSelectorLabel: languageSelectorLabel, currentLanguage: currentLanguage, languagesObject: languagesObject })), [currentLanguage, languagesObject, languageSelectorLabel]);
-    if (Object.keys(languagesObject).length < 2) {
-        return null;
-    }
-    return (React__default["default"].createElement(MainNavTooltipMenu["default"], { ariaLabel: languageSelectorLabel, closeWhenTagClicked: ['a'], contentComponent: LngComponent, contentWidth: "5rem", globalStateString: "lang", tooltipRight: isMobileMenu ? '13.8rem' : '11.8rem', zIndex: navZIndex + 1 },
-        React__default["default"].createElement(Icon["default"], { icon: hlGlobe["default"], size: navigation.navIconSize }),
-        React__default["default"].createElement("span", { "data-testid": "header-lang-label" }, currentLanguage.toUpperCase())));
+`;
+const LangComponent = ({ currentLanguage, languagesObject }) => (React__default["default"].createElement(React__default["default"].Fragment, null, Object.entries(languagesObject)
+    .filter(([key]) => key.toLowerCase() !== currentLanguage.toLowerCase())
+    .map(([key, value]) => (React__default["default"].createElement(MenuItem, { key: `language-${key}`, href: value }, key.toUpperCase())))));
+const LanguageSelector = ({ currentLanguage, languagesObject, languageSelectorLabel, }) => {
+    const { isMobileMenu, navZIndex } = React.useContext(NavContext["default"]);
+    const LngComponent = React.useCallback(() => (React__default["default"].createElement(LangComponent, { languageSelectorLabel: languageSelectorLabel, currentLanguage: currentLanguage, languagesObject: languagesObject })), [currentLanguage, languagesObject, languageSelectorLabel]);
+    if (Object.keys(languagesObject).length < 2) {
+        return null;
+    }
+    return (React__default["default"].createElement(MainNavTooltipMenu["default"], { ariaLabel: languageSelectorLabel, closeWhenTagClicked: ['a'], contentComponent: LngComponent, contentWidth: "5rem", globalStateString: "lang", tooltipRight: isMobileMenu ? '13.8rem' : '11.8rem', zIndex: navZIndex + 1 },
+        React__default["default"].createElement(Icon["default"], { icon: icons.Globe, size: navigation.navIconSize }),
+        React__default["default"].createElement("span", { "data-testid": "header-lang-label" }, currentLanguage.toUpperCase())));
 };
 
 exports["default"] = LanguageSelector;

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

@@ -1,10 +1,10 @@
-import React from 'react';
-import type { MenuLevelItem } from '../types/globalNavProps';
-interface LinkModifierProps {
-    menuItem: MenuLevelItem;
-    tabIndex: boolean;
-    showIcon?: boolean;
-}
-export declare const isSelected: (currentUrl: string, linkUrl: string, exactMatch?: boolean) => boolean;
-declare const LinkModifier: ({ menuItem, tabIndex, showIcon }: LinkModifierProps) => React.JSX.Element;
-export default LinkModifier;
+import React from 'react';
+import type { MenuLevelItem } from '../types/globalNavProps';
+interface LinkModifierProps {
+    menuItem: MenuLevelItem;
+    tabIndex: boolean;
+    showIcon?: boolean;
+}
+export declare const isSelected: (currentUrl: string, linkUrl: string, exactMatch?: boolean) => boolean;
+declare const LinkModifier: ({ menuItem, tabIndex, showIcon }: LinkModifierProps) => React.JSX.Element;
+export default LinkModifier;

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

@@ -2,42 +2,40 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var icons = require('@dnanpm/icons');
 var React = require('react');
+var theme = require('../../../themes/theme.js');
+var Icon = require('../../Icon/Icon.js');
 var NavContext = require('../context/NavContext.js');
 var globalNavStyles = require('../globalNavStyles.js');
-var Icon = require('../../Icon/Icon.js');
-require('tslib');
-var hlArrowForwardSmall = require('../../Icons/Small/hlArrowForwardSmall.js');
-var hlExternal = require('../../Icons/hlExternal.js');
-var theme = require('../../../themes/theme.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const isSelected = (currentUrl, linkUrl, exactMatch = false) => {
-    if (currentUrl && linkUrl) {
-        let url = linkUrl;
-        if (url.includes('http')) {
-            url = url.replace(/^.*\/\/[^/]+/, '');
-        }
-        return exactMatch ? url === currentUrl : currentUrl.includes(url);
-    }
-    return false;
-};
-const isMenuItemLinkAbsolute = (menuItemLink) => menuItemLink.includes('http');
-const LinkModifier = ({ menuItem, tabIndex, showIcon }) => {
-    const { lang, nextJSLinkComponent, resetMenuEvents } = React.useContext(NavContext["default"]);
-    const menuItemLink = menuItem.urls[lang] || '';
-    const isExternalLink = menuItem.target === '_blank';
-    const MenuLinkComponent = (React__default["default"].createElement(globalNavStyles.MenuLink, { href: menuItemLink, id: menuItem.id, onClick: resetMenuEvents, role: "menuitem", tabIndex: tabIndex ? -1 : undefined, target: isExternalLink ? '_blank' : '_self' },
-        showIcon && (React__default["default"].createElement(Icon["default"], { icon: isExternalLink ? hlExternal["default"] : hlArrowForwardSmall["default"], size: "1rem", color: theme["default"].color.default.pink })),
-        React__default["default"].createElement("span", null, menuItem.titles[lang])));
-    if (nextJSLinkComponent && !isMenuItemLinkAbsolute(menuItemLink)) {
-        const NextJSLinkComponent = nextJSLinkComponent;
-        return (React__default["default"].createElement(NextJSLinkComponent, { linkUrl: menuItemLink }, MenuLinkComponent));
-    }
-    return MenuLinkComponent;
+const isSelected = (currentUrl, linkUrl, exactMatch = false) => {
+    if (currentUrl && linkUrl) {
+        let url = linkUrl;
+        if (url.includes('http')) {
+            url = url.replace(/^.*\/\/[^/]+/, '');
+        }
+        return exactMatch ? url === currentUrl : currentUrl.includes(url);
+    }
+    return false;
+};
+const isMenuItemLinkAbsolute = (menuItemLink) => menuItemLink.includes('http');
+const LinkModifier = ({ menuItem, tabIndex, showIcon }) => {
+    const { lang, nextJSLinkComponent, resetMenuEvents } = React.useContext(NavContext["default"]);
+    const menuItemLink = menuItem.urls[lang] || '';
+    const isExternalLink = menuItem.target === '_blank';
+    const MenuLinkComponent = (React__default["default"].createElement(globalNavStyles.MenuLink, { href: menuItemLink, id: menuItem.id, onClick: resetMenuEvents, role: "menuitem", tabIndex: tabIndex ? -1 : undefined, target: isExternalLink ? '_blank' : '_self' },
+        showIcon && (React__default["default"].createElement(Icon["default"], { icon: isExternalLink ? icons.Open : icons.ArrowRight, size: "1rem", color: theme["default"].color.default.pink })),
+        React__default["default"].createElement("span", null, menuItem.titles[lang])));
+    if (nextJSLinkComponent && !isMenuItemLinkAbsolute(menuItemLink)) {
+        const NextJSLinkComponent = nextJSLinkComponent;
+        return (React__default["default"].createElement(NextJSLinkComponent, { linkUrl: menuItemLink }, MenuLinkComponent));
+    }
+    return MenuLinkComponent;
 };
 
 exports["default"] = LinkModifier;

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

@@ -1,7 +1,7 @@
-import React from 'react';
-interface LoginTooltipProp {
-    isLogged?: boolean;
-    loginLabel?: string;
-}
-declare const LoginTooltip: ({ isLogged, loginLabel }: LoginTooltipProp) => React.JSX.Element;
-export default LoginTooltip;
+import React from 'react';
+interface LoginTooltipProp {
+    isLogged?: boolean;
+    loginLabel?: string;
+}
+declare const LoginTooltip: ({ isLogged, loginLabel }: LoginTooltipProp) => React.JSX.Element;
+export default LoginTooltip;

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

@@ -2,23 +2,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var icons = require('@dnanpm/icons');
 var React = require('react');
+var navigation = require('../../../themes/themeComponents/navigation.js');
 var Icon = require('../../Icon/Icon.js');
-require('tslib');
-var hlPerson = require('../../Icons/hlPerson.js');
 var NavContext = require('../context/NavContext.js');
 var MainNavTooltipMenu = require('./MainNavTooltipMenu.js');
-var navigation = require('../../../themes/themeComponents/navigation.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const LoginTooltip = ({ isLogged, loginLabel }) => {
-    const { navZIndex, isMobileMenu, loginComponent: LoginComponent } = React.useContext(NavContext["default"]);
-    return (React__default["default"].createElement(MainNavTooltipMenu["default"], { ariaLabel: loginLabel, closeWhenTagClicked: ['a', 'button'], contentComponent: LoginComponent, globalStateString: "login", tooltipRight: isMobileMenu ? '3rem' : '1rem', zIndex: navZIndex + 1 }, !isLogged ? (loginLabel) : (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement(Icon["default"], { icon: hlPerson["default"], size: navigation.navIconSize }),
-        React__default["default"].createElement("span", { "data-testid": "header-login-label" }, loginLabel)))));
+const LoginTooltip = ({ isLogged, loginLabel }) => {
+    const { navZIndex, isMobileMenu, loginComponent: LoginComponent } = React.useContext(NavContext["default"]);
+    return (React__default["default"].createElement(MainNavTooltipMenu["default"], { ariaLabel: loginLabel, closeWhenTagClicked: ['a', 'button'], contentComponent: LoginComponent, globalStateString: "login", tooltipRight: isMobileMenu ? '3rem' : '1rem', zIndex: navZIndex + 1 }, !isLogged ? (loginLabel) : (React__default["default"].createElement(React__default["default"].Fragment, null,
+        React__default["default"].createElement(Icon["default"], { icon: icons.User, size: navigation.navIconSize }),
+        React__default["default"].createElement("span", { "data-testid": "header-login-label" }, loginLabel)))));
 };
 
 exports["default"] = LoginTooltip;