@dnanpm/styleguide 3.12.3 → 4.0.1

package/build/cjs/components/SecondaryNavigation/SecondaryNavigation.js

@@ -1,207 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var icons = require('@dnanpm/icons');
-var React = require('react');
-var useOutsideClick = require('../../hooks/useOutsideClick.js');
-var styledComponents = require('styled-components');
-var theme = require('../../themes/theme.js');
-var styledUtils = require('../../utils/styledUtils.js');
-var Icon = require('../Icon/Icon.js');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-const SecondaryNavigationWrapper = styledComponents.styled.nav `
-    font-size: ${theme.default.fontSize.default};
-    padding: 0;
-    background-color: ${({ $whiteBg }) => $whiteBg ? theme.default.color.background.white.default : 'transparent'};
-
-    ${({ $mobileOnly }) => styledUtils.media.sm `
-        display: ${$mobileOnly ? 'none' : 'inherit'};
-    `};
-
-    @media (min-width: ${({ $collapseSize }) => $collapseSize + 1}px) {
-        border-bottom: 1px solid ${theme.default.color.line.L03};
-    }
-`;
-const MobileSelector = styledComponents.styled.button `
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    line-height: ${theme.default.lineHeight.default};
-    color: ${theme.default.color.text.pink};
-    padding: 1rem ${styledUtils.getMultipliedSize(theme.default.base.baseWidth, 2)};
-    background: transparent;
-    border: 0;
-    border-bottom: 1px solid ${theme.default.color.default.pink};
-    width: 100%;
-    font-size: ${theme.default.fontSize.default};
-
-    &:hover {
-        cursor: pointer;
-    }
-
-    @media (min-width: ${({ $collapseSize }) => $collapseSize + 1}px) {
-        display: none;
-    }
-`;
-const MobileSelectorTitleWrapper = styledComponents.styled.div `
-    display: flex;
-`;
-const MobileSelectorArrow = styledComponents.styled.span `
-    display: flex;
-
-    .dnasg-icon svg {
-        transition: transform 0.15s ease-in-out;
-        transform: rotate(${({ $isOpen }) => ($isOpen ? '180deg' : '0deg')});
-    }
-`;
-const MobileSelectorCheck = styledComponents.styled.span `
-    margin-left: auto;
-
-    .dnasg-icon {
-        @media (min-width: ${({ $collapseSize }) => $collapseSize + 1}px) {
-            display: none;
-        }
-    }
-`;
-const SecondaryNavigationList = styledComponents.styled.ul `
-    padding: 0;
-    list-style-type: none;
-    margin: 0;
-    overflow: hidden;
-    display: flex;
-    flex-direction: column;
-    transition:
-        max-height 0.2s ease-in-out,
-        border-bottom 0.2s linear;
-    background-color: ${({ $isOpen }) => $isOpen ? theme.default.color.background.white.default : 'transparent'};
-    max-height: ${({ $isOpen }) => ($isOpen ? '500vh' : '0')};
-    border-bottom: ${({ $isOpen }) => ($isOpen ? `1px solid ${theme.default.color.line.L03}` : 'none')};
-
-    @media (min-width: ${({ $collapseSize }) => $collapseSize + 1}px) {
-        padding: 0 ${styledUtils.getMultipliedSize(theme.default.base.baseWidth, 2)};
-        max-height: none;
-        position: static;
-        flex-direction: row;
-        overflow: auto;
-        height: auto;
-        border-bottom: none;
-        max-width: ${({ 'max-width': maxWidth }) => (maxWidth ? `${maxWidth}px` : 'none')};
-    }
-`;
-const SecondaryNavigationListElement = styledComponents.styled.li `
-    margin: 0 ${styledUtils.getMultipliedSize(theme.default.base.baseWidth, 2)};
-
-    a {
-        text-decoration: none;
-        padding: 1rem 0;
-        justify-content: start;
-        color: ${({ $isActive }) => ($isActive ? theme.default.color.text.pink : theme.default.color.text.black)};
-        font-weight: ${({ $isActive }) => $isActive ? theme.default.fontWeight.bold : theme.default.fontWeight.book};
-        display: flex;
-        align-items: center;
-
-        &:hover {
-            color: ${theme.default.color.text.pink};
-            text-decoration: none;
-            cursor: ${({ $isActive }) => ($isActive ? 'auto' : 'pointer')};
-        }
-
-        @media (min-width: ${({ $collapseSize }) => $collapseSize + 1}px) {
-            padding: ${styledUtils.getMultipliedSize(theme.default.base.baseHeight, 1.5)} 0;
-            font-weight: ${theme.default.fontWeight.book};
-        }
-    }
-
-    @media (min-width: ${({ $collapseSize }) => $collapseSize + 1}px) {
-        margin: 0 ${styledUtils.getMultipliedSize(theme.default.base.baseWidth, 1.5)};
-        white-space: nowrap;
-        transition: border-bottom 0.2s linear;
-        border-bottom: ${({ $isActive }) => $isActive ? `1px solid ${theme.default.color.default.pink}` : 'none'};
-
-        &:first-of-type {
-            margin-left: 0;
-        }
-    }
-`;
-const IconWrapper = styledComponents.styled.span `
-    position: relative;
-    display: flex;
-    margin-right: ${styledUtils.getMultipliedSize(theme.default.base.baseWidth, 1)};
-
-    &:after {
-        display: ${({ $showNotification }) => ($showNotification ? 'inline' : 'none')};
-        content: '';
-        position: absolute;
-        border-radius: ${theme.default.radius.circle};
-        width: ${styledUtils.getMultipliedSize(theme.default.base.baseWidth, 1)};
-        height: ${styledUtils.getMultipliedSize(theme.default.base.baseHeight, 1)};
-        right: -${styledUtils.getMultipliedSize(theme.default.base.baseWidth, 0.2)};
-        top: -${styledUtils.getMultipliedSize(theme.default.base.baseHeight, 0.2)};
-        border: 1px solid ${theme.default.color.default.white};
-        background-color: ${theme.default.color.default.pink};
-    }
-
-    @media (min-width: ${({ $collapseSize }) => $collapseSize + 1}px) {
-        display: none;
-    }
-`;
-/**
- * @visibleName Secondary Navigation
- * @deprecated Use `PriorityNavigation` component
- */
-const SecondaryNavigation = (_a) => {
-    var _b, _c, _d, _e;
-    var { currentUrl = '', lang = 'fi', nextJSSecondaryNavLink: NextJSSecondaryNavLink, collapseSize = 767, 'max-width': maxWidth, matchFullUrl = true, highlightIds = [], className, 'data-testid': dataTestId } = _a, props = tslib.__rest(_a, ["currentUrl", "lang", "nextJSSecondaryNavLink", "collapseSize", 'max-width', "matchFullUrl", "highlightIds", "className", 'data-testid']);
-    const [isSecondaryNavOpen, setIsSecondaryNavOpen] = React.useState(false);
-    const toggleNav = () => {
-        setIsSecondaryNavOpen(!isSecondaryNavOpen);
-    };
-    const closeNav = () => {
-        if (isSecondaryNavOpen) {
-            setIsSecondaryNavOpen(false);
-        }
-    };
-    const ref = React.useRef(null);
-    useOutsideClick.default(ref, () => {
-        if (isSecondaryNavOpen) {
-            setIsSecondaryNavOpen(false);
-        }
-    });
-    const selectedElement = (_b = props.data.pages) === null || _b === void 0 ? void 0 : _b.find(listElement => currentUrl === listElement.urls[lang]);
-    const shouldHighlightSelectedElement = (_c = (selectedElement && highlightIds.some(el => el === selectedElement.id))) !== null && _c !== void 0 ? _c : false;
-    const checkIsMenuItemLinkAbsolute = (menuItemLink) => menuItemLink.includes('http');
-    return (React__default.default.createElement(SecondaryNavigationWrapper, { ref: ref, "data-testid": dataTestId, className: className, "$collapseSize": collapseSize, "$mobileOnly": props.mobileOnly, "$whiteBg": props.whiteBg },
-        selectedElement && (React__default.default.createElement(MobileSelector, { onClick: toggleNav, "$collapseSize": collapseSize, "data-testid": "secondary-navigation-dropdown-selector" },
-            React__default.default.createElement(MobileSelectorTitleWrapper, null,
-                (selectedElement === null || selectedElement === void 0 ? void 0 : selectedElement.icon) && (React__default.default.createElement(IconWrapper, { "$showNotification": shouldHighlightSelectedElement, "$collapseSize": collapseSize },
-                    React__default.default.createElement(Icon.default, { name: selectedElement.icon }))),
-                React__default.default.createElement("span", null, selectedElement.titles[lang])),
-            React__default.default.createElement(MobileSelectorArrow, { "$isOpen": isSecondaryNavOpen },
-                React__default.default.createElement(Icon.default, { icon: icons.ChevronDown })))),
-        React__default.default.createElement(SecondaryNavigationList, { id: props.data.name ||
-                `secondary-navigation-category-${(_d = props.data.categoryId) !== null && _d !== void 0 ? _d : ''}`, "$isOpen": isSecondaryNavOpen, "$collapseSize": collapseSize, "max-width": maxWidth, "data-testid": "secondary-nav-menu-ul" }, (_e = props.data.pages) === null || _e === void 0 ? void 0 : _e.map((listElement, index) => {
-            const linkUrl = listElement.urls[lang];
-            const linkTitle = listElement.titles[lang];
-            const iconName = listElement.icon || '';
-            const isActive = matchFullUrl
-                ? currentUrl === linkUrl
-                : currentUrl.indexOf(linkUrl) > -1;
-            const showNotification = highlightIds.some(el => el === listElement.id);
-            const isMenuItemLinkAbsolute = checkIsMenuItemLinkAbsolute(linkUrl);
-            return (React__default.default.createElement(SecondaryNavigationListElement, { key: listElement.id, onClick: closeNav, "$isActive": isActive, "$collapseSize": collapseSize }, NextJSSecondaryNavLink && !isMenuItemLinkAbsolute ? (React__default.default.createElement(NextJSSecondaryNavLink, { linkUrl: linkUrl, linkTitle: linkTitle, iconName: iconName, showNotification: showNotification, collapseSize: collapseSize, "data-testid": `secondary-nav-item-link-${index + 1}` }, isActive && (React__default.default.createElement(MobileSelectorCheck, { "$collapseSize": collapseSize },
-                React__default.default.createElement(Icon.default, { icon: icons.Check }))))) : (React__default.default.createElement("a", { href: linkUrl, "data-testid": `secondary-nav-item-link-${index + 1}` },
-                iconName && (React__default.default.createElement(IconWrapper, { "$showNotification": showNotification, "$collapseSize": collapseSize },
-                    React__default.default.createElement(Icon.default, { name: iconName }))),
-                React__default.default.createElement("span", null, linkTitle),
-                isActive && (React__default.default.createElement(MobileSelectorCheck, { "$collapseSize": collapseSize },
-                    React__default.default.createElement(Icon.default, { icon: icons.Check })))))));
-        }))));
-};
-
-exports.default = SecondaryNavigation;

package/build/cjs/components/TooltipMenu/ChildComponents/TooltipMenuExportedStyles.d.ts

@@ -1,10 +0,0 @@
-export declare const Tail: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    tooltipTop: string;
-    zIndex: string;
-    arrowPosition: string;
-}>> & string;
-export declare const TailShadow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    tooltipTop: string;
-    zIndex: string;
-    arrowPosition: string;
-}>> & string;

package/build/cjs/components/TooltipMenu/ChildComponents/TooltipMenuExportedStyles.js

@@ -1,34 +0,0 @@
-'use strict';
-
-var styledComponents = require('styled-components');
-var theme = require('../../../themes/theme.js');
-
-// Tooltip corner tail
-const Tail = styledComponents.styled.div `
-    position: absolute;
-    width: 0;
-    height: 0;
-    right: ${p => p.arrowPosition};
-    margin-top: -17.5px;
-    top: ${p => p.tooltipTop};
-    z-index: ${p => Number(p.zIndex) + 1};
-    border: 10px solid transparent;
-    border-right-color: white;
-    transform: rotate(90deg);
-`;
-// Box shadow of the tooltip tail
-const TailShadow = styledComponents.styled.div `
-    position: absolute;
-    width: 0.25rem;
-    height: 0.25rem;
-    margin-top: -5px;
-    margin-right: 8.5px;
-    top: ${p => p.tooltipTop};
-    z-index: ${p => Number(p.zIndex) + 1};
-    right: ${p => p.arrowPosition};
-    background-color: transparent;
-    box-shadow: 0 0 5px 0 ${theme.default.color.default.black};
-`;
-
-exports.Tail = Tail;
-exports.TailShadow = TailShadow;

package/build/cjs/components/TooltipMenu/TooltipMenu.d.ts

@@ -1,45 +0,0 @@
-import type { ReactNode } from 'react';
-import React from 'react';
-import type { Props as IconProps } from '../Icon/Icon';
-export interface TooltipMenuProps {
-    /** Text selector */
-    selector: string;
-    /** Allows to pass a custom className */
-    className?: string;
-    /** Tooltip menu content */
-    children: ReactNode;
-    /** Text selector color.Default: #121212 */
-    color?: string;
-    /** Text selector active color. Default: #121212 */
-    activeColor?: string;
-    /** Size of chevron icon. Default: 1.5rem  */
-    iconSize?: string;
-    /** Overlap other elements */
-    zIndex?: string;
-    /** Tooltip position from top. Default: 2rem */
-    tooltipTop?: string;
-    /** Tooltip position from right. Default: 1.25rem */
-    tooltipRight?: string;
-    /**
-     * Tooltip icon for selector. Default: ''
-     *
-     * @deprecated Use property `tooltipIcon`
-     */
-    tooltipIconName?: string;
-    /**
-     * Tooltip icon for selector
-     */
-    tooltipIcon?: IconProps['icon'];
-    /** Tooltip icon size for selector. Default: '1.5rem' */
-    tooltipIconSize?: string;
-    /** Show hide animated chevron. Default: '' */
-    tooltipChevron?: boolean;
-    /** Arrow position if needed some adjust. Defaul: -0.25rem. */
-    arrowPosition?: string;
-}
-/**
- * @visibleName Tooltip Menu
- * @deprecated Use `Tooltip` component
- */
-declare const TooltipMenu: ({ selector, className, color, children, iconSize, zIndex, tooltipTop, tooltipRight, activeColor, tooltipIconName, tooltipIcon, tooltipIconSize, tooltipChevron, arrowPosition, }: TooltipMenuProps) => React.JSX.Element;
-export default TooltipMenu;

package/build/cjs/components/TooltipMenu/TooltipMenu.js

@@ -1,76 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var icons = require('@dnanpm/icons');
-var React = require('react');
-var useOutsideClick = require('../../hooks/useOutsideClick.js');
-var styledComponents = require('styled-components');
-var theme = require('../../themes/theme.js');
-var Icon = require('../Icon/Icon.js');
-var TooltipMenuExportedStyles = require('./ChildComponents/TooltipMenuExportedStyles.js');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-const Selector = styledComponents.styled.div `
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
-    color: ${p => p.color || theme.default.color.text.white};
-    cursor: pointer;
-
-    span + span.dnasg-icon > svg {
-        transform: ${p => (p.showDropdown ? 'rotate(180deg)' : 'rotate(0deg)')};
-        transition: transform 0.15s linear;
-    }
-`;
-const Container = styledComponents.styled.div `
-    position: relative;
-`;
-const Tooltip = styledComponents.styled.div `
-    background-color: ${theme.default.color.background.white.default};
-    padding: 0.5rem;
-    min-height: 3rem;
-    min-width: 4rem;
-    position: absolute;
-    right: ${p => p.tooltipRight};
-    top: ${p => p.tooltipTop};
-    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.48);
-    z-index: ${p => p.zIndex};
-`;
-const ChildrenWrapper = styledComponents.styled.span `
-    > * {
-        white-space: nowrap;
-    }
-`;
-/**
- * @visibleName Tooltip Menu
- * @deprecated Use `Tooltip` component
- */
-const TooltipMenu = ({ selector, className, color = theme.default.color.text.black, children, iconSize = '1.5rem', zIndex = '1', tooltipTop = '2rem', tooltipRight = '-1.25rem', activeColor = color, tooltipIconName, tooltipIcon, tooltipIconSize = '1.5rem', tooltipChevron = true, arrowPosition = '-0.25rem', }) => {
-    const [showDropdown, setShowDropdown] = React.useState(false);
-    const ref = React.useRef(null);
-    const toggleState = () => {
-        setShowDropdown(!showDropdown);
-    };
-    useOutsideClick.default(ref, () => {
-        if (showDropdown) {
-            setShowDropdown(false);
-        }
-    });
-    return (React__default.default.createElement(Container, { className: className, ref: ref },
-        React__default.default.createElement(Selector, { color: showDropdown ? activeColor : color, onClick: toggleState, showDropdown: showDropdown },
-            tooltipIcon && React__default.default.createElement(Icon.default, { icon: tooltipIcon, size: tooltipIconSize, position: "left" }),
-            tooltipIconName && (React__default.default.createElement(Icon.default, { name: tooltipIconName, size: tooltipIconSize, position: "left" })),
-            React__default.default.createElement("span", null, selector),
-            tooltipChevron && React__default.default.createElement(Icon.default, { icon: icons.ChevronDown, size: iconSize, position: "right" })),
-        showDropdown && (React__default.default.createElement(React__default.default.Fragment, null,
-            React__default.default.createElement(TooltipMenuExportedStyles.TailShadow, { zIndex: zIndex, tooltipTop: tooltipTop, arrowPosition: arrowPosition }),
-            React__default.default.createElement(TooltipMenuExportedStyles.Tail, { zIndex: zIndex, tooltipTop: tooltipTop, arrowPosition: arrowPosition }))),
-        showDropdown && (React__default.default.createElement(Tooltip, { zIndex: zIndex, tooltipTop: tooltipTop, tooltipRight: tooltipRight },
-            React__default.default.createElement(ChildrenWrapper, null, children)))));
-};
-
-exports.default = TooltipMenu;

package/build/es/components/ButtonRound/ButtonRound.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import type { Props as ButtonProps } from '../Button/Button';
-type Props = Omit<ButtonProps, 'small' | 'fullWidth' | 'loading'>;
-/**
- * @visibleName Button Round
- * @deprecated Use `ButtonArrow` component
- */
-declare const ButtonRound: ({ "data-testid": dataTestId, "data-no-close": dataNoClose, "data-track-value": dataTrackValue, ...props }: Props) => React.JSX.Element;
-/** @component */
-export default ButtonRound;

package/build/es/components/ButtonRound/ButtonRound.js

@@ -1,29 +0,0 @@
-import { __rest } from 'tslib';
-import React__default from 'react';
-import { styled } from 'styled-components';
-import theme from '../../themes/theme.js';
-import { getMultipliedSize } from '../../utils/styledUtils.js';
-import ButtonPrimary from '../ButtonPrimary/ButtonPrimary.js';
-
-const ButtonElement = styled(ButtonPrimary) `
-    display: flex;
-    min-width: initial;
-    width: ${getMultipliedSize(theme.base.baseWidth, 3.2)};
-    height: ${getMultipliedSize(theme.base.baseHeight, 3.2)};
-    border-radius: ${theme.radius.circle};
-    padding: initial;
-    text-align: center;
-    vertical-align: middle;
-    justify-content: center;
-    align-items: center;
-`;
-/**
- * @visibleName Button Round
- * @deprecated Use `ButtonArrow` component
- */
-const ButtonRound = (_a) => {
-    var { 'data-testid': dataTestId, 'data-no-close': dataNoClose, 'data-track-value': dataTrackValue } = _a, props = __rest(_a, ['data-testid', 'data-no-close', 'data-track-value']);
-    return (React__default.createElement(ButtonElement, { id: props.id, name: props.name, type: props.type, onClick: props.onClick, onMouseDown: props.onMouseDown, darkBg: props.darkBg, disabled: props.disabled, className: props.className, "data-testid": dataTestId, "data-no-close": dataNoClose, "data-track-value": dataTrackValue }, props.children));
-};
-
-export { ButtonRound as default };

package/build/es/components/Icons/index.js

@@ -1,109 +0,0 @@
-export { default as hlArrowBackSmall } from './Small/hlArrowBackSmall.js';
-export { default as hlArrowForwardSmall } from './Small/hlArrowForwardSmall.js';
-export { default as hlArrowUnderSmall } from './Small/hlArrowUnderSmall.js';
-export { default as hlCalendarSmall } from './Small/hlCalendarSmall.js';
-export { default as hlChevronDownSmall } from './Small/hlChevronDownSmall.js';
-export { default as hlChevronLeftSmall } from './Small/hlChevronLeftSmall.js';
-export { default as hlChevronRightSmall } from './Small/hlChevronRightSmall.js';
-export { default as hlChevronUpSmall } from './Small/hlChevronUpSmall.js';
-export { default as hlClockSmall } from './Small/hlClockSmall.js';
-export { default as hlDownloadSmall } from './Small/hlDownloadSmall.js';
-export { default as hlExternalSmall } from './Small/hlExternalSmall.js';
-export { default as hlUploadSmall } from './Small/hlUploadSmall.js';
-export { default as facebook } from './Social/facebook.js';
-export { default as instagram } from './Social/instagram.js';
-export { default as linkedin } from './Social/linkedin.js';
-export { default as tiktok } from './Social/tiktok.js';
-export { default as twitter } from './Social/twitter.js';
-export { default as youtube } from './Social/youtube.js';
-export { default as hl404 } from './hl404.js';
-export { default as hl4gSim } from './hl4gSim.js';
-export { default as hl5gSim } from './hl5gSim.js';
-export { default as hlBattery } from './hlBattery.js';
-export { default as hlBell } from './hlBell.js';
-export { default as hlCableTVCard } from './hlCableTVCard.js';
-export { default as hlCalendar } from './hlCalendar.js';
-export { default as hlCall } from './hlCall.js';
-export { default as hlCameraBack } from './hlCameraBack.js';
-export { default as hlCameraFront } from './hlCameraFront.js';
-export { default as hlCart } from './hlCart.js';
-export { default as hlCartEmpty } from './hlCartEmpty.js';
-export { default as hlChat } from './hlChat.js';
-export { default as hlCheck, hlSuccess } from './hlCheck.js';
-export { default as hlChevronDown } from './hlChevronDown.js';
-export { default as hlChevronLeft } from './hlChevronLeft.js';
-export { default as hlChevronRight } from './hlChevronRight.js';
-export { default as hlChevronUp } from './hlChevronUp.js';
-export { default as hlCompensation } from './hlCompensation.js';
-export { default as hlCookie } from './hlCookie.js';
-export { default as hlCopy } from './hlCopy.js';
-export { default as hlCoupon } from './hlCoupon.js';
-export { default as hlDelivery } from './hlDelivery.js';
-export { default as hlDigiturva } from './hlDigiturva.js';
-export { default as hlDisplaySize } from './hlDisplaySize.js';
-export { default as hlDocument } from './hlDocument.js';
-export { default as hlDownload } from './hlDownload.js';
-export { default as hlEnvelope } from './hlEnvelope.js';
-export { default as hlError } from './hlError.js';
-export { default as hlEuro } from './hlEuro.js';
-export { default as hlExclamationMark } from './hlExclamationMark.js';
-export { default as hlExpand } from './hlExpand.js';
-export { default as hlExternal } from './hlExternal.js';
-export { default as hlEyeClosed } from './hlEyeClosed.js';
-export { default as hlEyeOpen } from './hlEyeOpen.js';
-export { default as hlFaceId } from './hlFaceId.js';
-export { default as hlFastDelivery } from './hlFastDelivery.js';
-export { default as hlFingerprint } from './hlFingerprint.js';
-export { default as hlGlobe } from './hlGlobe.js';
-export { default as hlHeadphones } from './hlHeadphones.js';
-export { default as hlHeadset } from './hlHeadset.js';
-export { default as hlHeart } from './hlHeart.js';
-export { default as hlHome } from './hlHome.js';
-export { default as hlHub } from './hlHub.js';
-export { default as hlImage } from './hlImage.js';
-export { default as hlInfo } from './hlInfo.js';
-export { default as hlInstallment } from './hlInstallment.js';
-export { default as hlIotSim } from './hlIotSim.js';
-export { default as hlLaptop } from './hlLaptop.js';
-export { default as hlLiveVideo } from './hlLiveVideo.js';
-export { default as hlLock } from './hlLock.js';
-export { default as hlMagnifyingGlass } from './hlMagnifyingGlass.js';
-export { default as hlMarker } from './hlMarker.js';
-export { default as hlMemory } from './hlMemory.js';
-export { default as hlMenu } from './hlMenu.js';
-export { default as hlMinimize } from './hlMinimize.js';
-export { default as hlMinus } from './hlMinus.js';
-export { default as hlMobileData } from './hlMobileData.js';
-export { default as hlMobilePayment } from './hlMobilePayment.js';
-export { default as hlModem } from './hlModem.js';
-export { default as hlMore } from './hlMore.js';
-export { default as hlOs } from './hlOs.js';
-export { default as hlPackage } from './hlPackage.js';
-export { default as hlPaperclip } from './hlPaperclip.js';
-export { default as hlPaytime } from './hlPaytime.js';
-export { default as hlPen } from './hlPen.js';
-export { default as hlPerson } from './hlPerson.js';
-export { default as hlPhone } from './hlPhone.js';
-export { default as hlPlaylist } from './hlPlaylist.js';
-export { default as hlPlus } from './hlPlus.js';
-export { default as hlPrepaid } from './hlPrepaid.js';
-export { default as hlProcessor } from './hlProcessor.js';
-export { default as hlServices } from './hlServices.js';
-export { default as hlSettings } from './hlSettings.js';
-export { default as hlShield } from './hlShield.js';
-export { default as hlSim } from './hlSim.js';
-export { default as hlSimSimple } from './hlSimSimple.js';
-export { default as hlSmile } from './hlSmile.js';
-export { default as hlSpeechBubble } from './hlSpeechBubble.js';
-export { default as hlSquaretrade } from './hlSquaretrade.js';
-export { default as hlStar } from './hlStar.js';
-export { default as hlStarFilled } from './hlStarFilled.js';
-export { default as hlTrash } from './hlTrash.js';
-export { default as hlTv } from './hlTv.js';
-export { default as hlUnlock } from './hlUnlock.js';
-export { default as hlUpload } from './hlUpload.js';
-export { default as hlWarning } from './hlWarning.js';
-export { default as hlWifi } from './hlWifi.js';
-export { default as hlWrench } from './hlWrench.js';
-export { default as hlX } from './hlX.js';
-export { default as hlLink } from './hlLink.js';

package/build/es/components/MainNavigation/ChildComponents/BusinessMenu.d.ts

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

package/build/es/components/MainNavigation/ChildComponents/BusinessMenu.js

@@ -1,51 +0,0 @@
-import React__default, { useContext, useRef } from 'react';
-import { styled } from 'styled-components';
-import theme from '../../../themes/theme.js';
-import { getMultipliedSize } from '../../../utils/styledUtils.js';
-import NavContext from '../context/NavContext.js';
-
-const BusinessMenuLink = styled.a `
-    color: ${p => (p.$isActive ? theme.color.text.pink : theme.color.text.black)};
-    display: block;
-    text-decoration: none;
-    margin: ${p => !p.$isMobileMenu
-    ? `0 ${getMultipliedSize(theme.base.baseWidth, 1)}`
-    : `${getMultipliedSize(theme.base.baseWidth, 1.25)} ${getMultipliedSize(theme.base.baseWidth, 2)} `};
-    &:hover,
-    &:focus {
-        text-decoration: none;
-        color: ${theme.color.text.pink};
-        outline: none;
-    }
-`;
-const BusinessMenuItem = styled.li `
-    display: flex;
-    overflow: hidden;
-`;
-const BusinessMenuList = styled.ul `
-    display: ${({ $isMobileMenu }) => (!$isMobileMenu ? 'inline-flex' : 'block')};
-    align-items: center;
-    position: relative;
-    list-style: none;
-    margin: ${({ $isMobileMenu }) => $isMobileMenu ? '1rem 0' : `0 ${getMultipliedSize(theme.base.baseWidth, 0.5)}`};
-    padding: 0;
-    background-color: ${theme.color.background.white.default};
-    font-size: ${({ $isMobileMenu }) => $isMobileMenu ? theme.fontSize.default : theme.fontSize.s};
-    height: 100%;
-`;
-const BusinessMenu = () => {
-    var _a;
-    const { items, lang, isMobileMenu, resetMenuEvents } = useContext(NavContext);
-    const ref = useRef(null);
-    const currentBusinessId = items.businessId;
-    const businessMenuItems = (_a = items.businessSelector) === null || _a === void 0 ? void 0 : _a.items;
-    if (!(businessMenuItems === null || businessMenuItems === void 0 ? void 0 : businessMenuItems.length) ||
-        !currentBusinessId ||
-        (!items.businessSelector && (businessMenuItems === null || businessMenuItems === void 0 ? void 0 : businessMenuItems.length) > 0)) {
-        return null;
-    }
-    return (React__default.createElement(BusinessMenuList, { "$isMobileMenu": isMobileMenu, ref: ref, role: "menubar", "aria-hidden": "false", "data-testid": "business-menu-ul" }, businessMenuItems.map((item, index) => (React__default.createElement(BusinessMenuItem, { className: "menu-item", key: item.businessId, "data-testid": `business-menu-selection-item-${index + 1}`, role: "none" },
-        React__default.createElement(BusinessMenuLink, { className: "menu-link", href: item.urls[lang], onClick: resetMenuEvents, "$isActive": item.businessId === currentBusinessId, "$isMobileMenu": isMobileMenu, role: "menuitem" }, item.titles[lang]))))));
-};
-
-export { BusinessMenu as default };

package/build/es/components/MainNavigation/ChildComponents/DesktopMenu.d.ts

@@ -1,3 +0,0 @@
-import type { FunctionComponent } from 'react';
-declare const DesktopMenu: FunctionComponent;
-export default DesktopMenu;