@dnanpm/styleguide 3.7.0 → 3.7.2

package/build/cjs/src/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/cjs/src/components/MainNavigation/ChildComponents/DesktopMenu.d.ts

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

package/build/cjs/src/components/MainNavigation/ChildComponents/HeaderNavigationElements.d.ts

@@ -1,172 +0,0 @@
-import React from 'react';
-import type { MainNavigationProps } from '../MainNavigation';
-export declare const IconContainer: import("styled-components").StyledComponent<"div", {
-    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;
-    };
-}, {
-    isActive?: boolean | undefined;
-    collapseSize: number;
-}, never>;
-declare const HeaderNavigationElements: ({ navElementProps, }: {
-    navElementProps: MainNavigationProps;
-}) => React.JSX.Element;
-export default HeaderNavigationElements;

package/build/cjs/src/components/MainNavigation/ChildComponents/LanguageSelector.d.ts

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

package/build/cjs/src/components/MainNavigation/ChildComponents/LinkModifier.d.ts

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

package/build/cjs/src/components/MainNavigation/ChildComponents/LoginTooltip.d.ts

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

package/build/cjs/src/components/MainNavigation/ChildComponents/MainNavTooltipMenu.d.ts

@@ -1,24 +0,0 @@
-import type { ReactNode } from 'react';
-import React from 'react';
-export interface MainNavTooltipMenuProps {
-    /** Tooltip menu content */
-    children?: ReactNode;
-    /** Overlap other elements */
-    zIndex?: number;
-    /** Tooltip position from right. Default: 1.25rem */
-    tooltipRight?: string;
-    /** Component provided for tooltip content */
-    contentComponent?: ReactNode | boolean | undefined;
-    /** Array of tags (lowercase) that will close menu if they are inside the dropdown tooltip menu. default []. THIS CAN BE OVERRIDEN WITH data-no-close="true" in element */
-    closeWhenTagClicked?: string[];
-    /** Width of the opened menu content. default 20rem. */
-    contentWidth?: string;
-    /** This will define the global state object string. mandatory */
-    globalStateString: string;
-    /** Adjust menu margin so that it will not overflow if fullWidth. optional. default false. */
-    fullWidthDesktop?: boolean;
-    /** Adjust menu to be full width after this number. default xs (480). */
-    fullWidthBreakpoint?: number;
-}
-declare const MainNavTooltipMenu: ({ children, zIndex, tooltipRight, contentWidth, contentComponent, closeWhenTagClicked, globalStateString, fullWidthDesktop, fullWidthBreakpoint, }: MainNavTooltipMenuProps) => React.JSX.Element;
-export default MainNavTooltipMenu;

package/build/cjs/src/components/MainNavigation/ChildComponents/MainNavTooltipMenuExportedStyles.d.ts

@@ -1,168 +0,0 @@
-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;
-}, never>;
-export default TooltipWrapper;
-export { TooltipWrapper };

package/build/cjs/src/components/MainNavigation/ChildComponents/MinicartTooltip.d.ts

@@ -1,7 +0,0 @@
-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/src/components/MainNavigation/ChildComponents/MobileMenu.d.ts

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

package/build/cjs/src/components/MainNavigation/ChildComponents/PageSearch.d.ts

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

package/build/cjs/src/components/MainNavigation/ChildComponents/Ribbon.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import type { LangProps } from '../../../types/language';
-export interface RibbonDataProps {
-    ribbonLink: LangProps;
-    ribbonIcon: string;
-    ribbonTexts: LangProps;
-}
-interface Props {
-    ribbonData: RibbonDataProps[];
-    lang?: string;
-}
-declare const Ribbon: ({ ribbonData, lang }: Props) => React.JSX.Element;
-export default Ribbon;

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

@@ -1,35 +0,0 @@
-import type { ReactNode } from 'react';
-import React from 'react';
-import type { RibbonDataProps } from './ChildComponents/Ribbon';
-import type { GlobalNavItems } from './types/globalNavProps';
-export interface MainNavigationProps {
-    /** Allows to pass a custom className */
-    className?: string;
-    items?: GlobalNavItems;
-    language?: string;
-    zIndex?: number;
-    search?: boolean;
-    searchText?: string;
-    searchComponent?: ReactNode | boolean;
-    minicart?: boolean;
-    minicartText?: string;
-    minicartAmount?: number;
-    minicartComponent?: ReactNode | boolean;
-    showMinicart?: boolean;
-    showLoginTooltip?: boolean;
-    login?: boolean;
-    loginText?: string;
-    loginComponent?: ReactNode | boolean;
-    isLoggedIn?: boolean;
-    collapseSize?: number;
-    languageSelector?: boolean;
-    nextJSLinkComponent: ReactNode | boolean;
-    ribbon?: boolean;
-    ribbonData?: RibbonDataProps[];
-    currentUrl?: string;
-    notificationText?: string;
-}
-/** @visibleName Main Navigation */
-declare const MainNavigation: ({ items, language, zIndex, languageSelector, search, searchText, searchComponent, minicart, minicartText, minicartComponent, minicartAmount, showMinicart, showLoginTooltip, login, loginText, loginComponent, isLoggedIn, collapseSize, nextJSLinkComponent, ribbon, ribbonData, className, currentUrl, notificationText, }: MainNavigationProps) => React.JSX.Element;
-/** @component */
-export default MainNavigation;

package/build/cjs/src/components/MainNavigation/context/MobileMenuContext.d.ts

@@ -1,6 +0,0 @@
-import type { RefObject } from 'react';
-interface MobileMenuContextProps {
-    mobileMenuRef: RefObject<HTMLElement> | null;
-}
-declare const MobileMenuContext: import("react").Context<MobileMenuContextProps>;
-export default MobileMenuContext;

package/build/cjs/src/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;