@dnanpm/styleguide 3.12.3 → 4.0.0

package/build/cjs/components/MainNavigation/context/MobileMenuContext.js

@@ -1,11 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-
-const MobileMenuContext = React.createContext({
-    mobileMenuRef: null,
-});
-
-exports.default = MobileMenuContext;

package/build/cjs/components/MainNavigation/context/NavContext.d.ts

@@ -1,29 +0,0 @@
-import type { Dispatch, ReactNode, SetStateAction } from 'react';
-import type { GlobalNavItems, MenuLevelItem, MenuStates, MenuTooltipItems, MobileMenuLevel } from '../types/globalNavProps';
-export interface NavContextProps {
-    collapseSize: number;
-    currentUrl: string;
-    getBackLink: (menuElements: MenuLevelItem[], i: number) => MenuLevelItem;
-    handleNavMenuClick: (id: string | null, level: string) => void;
-    handleToggleClick: () => void;
-    isLoggedIn: boolean;
-    isMobileMenu: boolean;
-    isMobileMenuOpen: boolean;
-    items: GlobalNavItems;
-    level1Items: MobileMenuLevel;
-    level2Items: MobileMenuLevel;
-    lang: string;
-    loginComponent?: ReactNode | boolean | undefined;
-    menuLevel: MenuStates;
-    minicartComponent?: ReactNode | boolean | undefined;
-    navZIndex: number;
-    nextJSLinkComponent: ReactNode | boolean;
-    resetMenuEvents: () => void;
-    searchComponent?: ReactNode | boolean | undefined;
-    setTooltipItems: Dispatch<SetStateAction<MenuTooltipItems>>;
-    showLoginTooltip: boolean;
-    showMinicart: boolean;
-    tooltipItems: MenuTooltipItems;
-}
-declare const NavContext: import("react").Context<NavContextProps>;
-export default NavContext;

package/build/cjs/components/MainNavigation/context/NavContext.js

@@ -1,46 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-
-const NavContext = React.createContext({
-    collapseSize: 767,
-    currentUrl: '',
-    getBackLink: () => ({ id: '', pages: [], titles: {}, urls: {} }),
-    handleNavMenuClick: () => { },
-    handleToggleClick: () => { },
-    isLoggedIn: false,
-    isMobileMenu: false,
-    isMobileMenuOpen: false,
-    items: {},
-    lang: 'fi',
-    level1Items: { level1: { id: '', pages: [], titles: {}, urls: {} } },
-    level2Items: { level2: { id: '', pages: [], titles: {}, urls: {} } },
-    loginComponent: false,
-    menuLevel: {
-        level1: null,
-        animate1: true,
-        level2: null,
-        animate2: true,
-        level1Mobile: null,
-        level2Mobile: null,
-        scrollPosition: 0,
-        hideOnScroll: false,
-    },
-    minicartComponent: undefined,
-    navZIndex: 1030,
-    nextJSLinkComponent: false,
-    resetMenuEvents: () => { },
-    searchComponent: false,
-    setTooltipItems: () => { },
-    showLoginTooltip: false,
-    showMinicart: true,
-    tooltipItems: {
-        minicart: false,
-        login: false,
-        search: false,
-    },
-});
-
-exports.default = NavContext;

package/build/cjs/components/MainNavigation/globalNavStyles.d.ts

@@ -1,13 +0,0 @@
-export declare const MenuItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {
-    isActive?: boolean;
-}>> & string;
-export declare const MenuLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {
-    isActive?: boolean;
-}>> & string;
-export declare const MenuLinkWithChildren: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
-    isActive?: boolean;
-    isHighlighted?: boolean;
-}>> & string;
-export declare const MenuList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {
-    isInView?: boolean;
-}>> & string;

package/build/cjs/components/MainNavigation/globalNavStyles.js

@@ -1,94 +0,0 @@
-'use strict';
-
-var styledComponents = require('styled-components');
-var theme = require('../../themes/theme.js');
-
-const MenuItem = styledComponents.styled.li `
-    position: relative;
-    padding: 0;
-    margin: 0;
-    height: 100%;
-    color: ${theme.default.color.text.black};
-    & > a {
-        color: ${p => (p.isActive ? theme.default.color.text.pink : theme.default.color.text.black)};
-    }
-`;
-const MenuLink = styledComponents.styled.a `
-    border: none;
-    margin: 0;
-    padding: 0;
-    width: 100%;
-    overflow: visible;
-    background: transparent;
-    color: inherit;
-    font: inherit;
-    line-height: normal;
-    -webkit-font-smoothing: inherit;
-    -moz-osx-font-smoothing: inherit;
-    -webkit-appearance: none;
-    line-height: 1rem;
-    display: block;
-    text-decoration: none;
-    text-align: left;
-    color: ${p => (p.isActive ? theme.default.color.text.pink : theme.default.color.text.black)};
-    padding: 0.5em 1em;
-    white-space: normal;
-    &:hover,
-    &:focus {
-        text-decoration: none;
-        color: ${theme.default.color.text.pink};
-        cursor: pointer;
-        outline: none;
-        border-bottom: none;
-    }
-`;
-const MenuLinkWithChildren = styledComponents.styled.button `
-    line-height: 1rem;
-    text-align: left;
-    display: block;
-    text-decoration: none;
-    border: none;
-    background: none;
-    outline: none;
-    font-size: inherit;
-    font-family: inherit;
-    white-space: normal;
-    color: ${p => p && (p.isActive || p.isHighlighted) ? theme.default.color.text.pink : theme.default.color.default.black};
-    padding: 0.5em 1em;
-    span {
-        position: relative;
-        &:first-child:after {
-            position: absolute;
-            content: '';
-            width: 100%;
-            bottom: -6px;
-            left: 0;
-            border-bottom: 1px solid
-                ${p => (p.isHighlighted ? theme.default.color.default.pink : 'transparent')};
-        }
-    }
-    &:hover,
-    &:focus {
-        text-decoration: none;
-        color: ${theme.default.color.text.pink};
-        cursor: pointer;
-        outline: none;
-    }
-`;
-const MenuList = styledComponents.styled.ul `
-    display: inline-flex;
-    max-height: ${p => (typeof p.isInView !== 'boolean' || p.isInView ? 'auto' : '5px')};
-    overflow: ${p => (typeof p.isInView === 'boolean' ? 'hidden' : 'unset')};
-    align-items: center;
-    position: relative;
-    list-style: none;
-    margin: 0;
-    padding: 0;
-    background-color: ${theme.default.color.default.white};
-    transition: all 300ms ease-in-out;
-`;
-
-exports.MenuItem = MenuItem;
-exports.MenuLink = MenuLink;
-exports.MenuLinkWithChildren = MenuLinkWithChildren;
-exports.MenuList = MenuList;

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

@@ -1,90 +0,0 @@
-import type { ComponentType, ReactNode } from 'react';
-import React from 'react';
-import type { LangProps } from '../../types/language';
-interface MenuItem {
-    id: string;
-    titles: LangProps;
-    urls: LangProps;
-    icon?: string;
-    target?: string;
-}
-interface SecondaryNavigationData {
-    name?: string;
-    categoryId?: string;
-    pages?: MenuItem[] | null;
-}
-interface NextJSLink {
-    linkUrl: string;
-    linkTitle: string;
-    iconName: string;
-    showNotification: boolean;
-    collapseSize: number;
-    children?: ReactNode;
-}
-interface Props {
-    /**
-     * Component data in JSON format
-     */
-    data: SecondaryNavigationData;
-    /**
-     * Highlight active item
-     */
-    currentUrl: string;
-    /**
-     * Allows to use nextJS component instead of HTML Anchor
-     */
-    nextJSSecondaryNavLink?: ComponentType<NextJSLink>;
-    /**
-     * Allows to change language of component
-     *
-     * @default 'fi'
-     */
-    lang?: string;
-    /**
-     * Allows to set threshold in px, when desktop style changes to mobile style
-     *
-     * @default 767
-     */
-    collapseSize?: number;
-    /**
-     * Allows to set maximum width of component
-     */
-    'max-width'?: number;
-    /**
-     * Defines how active item is determined relative to `currentUrl` property
-     *
-     * @default true
-     */
-    matchFullUrl?: boolean;
-    /**
-     * Allows to hide component in desktop mode
-     *
-     * @default false
-     */
-    mobileOnly?: boolean;
-    /**
-     * Allows to highlight component items
-     */
-    highlightIds?: string[];
-    /**
-     * Allows to set Secondary navigation background to white
-     *
-     * @default false
-     */
-    whiteBg?: boolean;
-    /**
-     * Allows to pass a custom className
-     */
-    className?: string;
-    /**
-     * Allows to pass testid string for testing purposes
-     */
-    'data-testid'?: string;
-}
-/**
- * @visibleName Secondary Navigation
- * @deprecated Use `PriorityNavigation` component
- */
-declare const SecondaryNavigation: ({ currentUrl, lang, nextJSSecondaryNavLink: NextJSSecondaryNavLink, collapseSize, "max-width": maxWidth, matchFullUrl, highlightIds, className, "data-testid": dataTestId, ...props }: Props) => React.JSX.Element;
-/** @component */
-export default SecondaryNavigation;

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;