@dnanpm/styleguide 3.7.0 → 3.7.2

package/build/cjs/src/components/Icons/index.d.ts

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

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

@@ -1,44 +0,0 @@
-import React, { type ReactNode } from 'react';
-type Position = 'left' | 'right' | 'middle';
-type InfoDialogType = 'default' | 'sale';
-interface Props {
-    /**
-     * Unique ID for the component
-     */
-    id?: string;
-    /**
-     * Allows to change the position of the component.
-     *
-     * @param {Position} left Renders component on the left
-     * @param {Position} right Renders component on the right
-     * @param {Position} middle Renders component in the middle
-     *
-     * @default 'middle'
-     */
-    position?: Position;
-    /**
-     * Allows to change the border color styling of component, depending on the passed type
-     *
-     * @param {InfoDialogType} default Uses `theme.color.default.pink` color for styling
-     * @param {InfoDialogType} sale Uses `theme.color.accent.orange` color for styling
-     *
-     * @default 'default'
-     */
-    type?: InfoDialogType;
-    /**
-     * Content of the component
-     */
-    children?: ReactNode;
-    /**
-     * Allows to pass a custom className
-     */
-    className?: string;
-    /**
-     * Allows to pass testid string for testing purposes
-     */
-    'data-testid'?: string;
-}
-/** @visibleName Info Dialog */
-declare const InfoDialog: ({ position, type, "data-testid": dataTestId, ...props }: Props) => React.JSX.Element;
-/** @component */
-export default InfoDialog;

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

@@ -1,139 +0,0 @@
-import type { ChangeEvent, FocusEvent, KeyboardEvent, MouseEvent } from 'react';
-import React from 'react';
-type InputStatus = 'none' | 'success' | 'error' | 'comment';
-type InputType = 'email' | 'hidden' | 'number' | 'password' | 'range' | 'search' | 'tel' | 'text' | 'url';
-/**
- * @deprecated Use `DateTimePicker` component
- */
-type InputTypeDeprecated = 'date' | 'month' | 'time' | 'week';
-interface Props {
-    /**
-     * Unique ID for the input element
-     */
-    id: string;
-    /**
-     * Name of the input element
-     */
-    name: string;
-    /**
-     * Type of input element
-     *
-     * @param {InputType} email Used for entering an email address and supported with browser validation
-     * @param {InputType} hidden Input element is not displayed but its value is submitted with form regardless
-     * @param {InputType} number Used for entering a number, it displays arrows and might have browser validation
-     * @param {InputType} password Used for entering value which is obscured for view
-     * @param {InputType} range Used for entering a not number by displaying a range widget
-     * @param {InputType} search Used for entering search strings
-     * @param {InputType} tel Used for entering a telephone number
-     * @param {InputType} text Single-line text field
-     * @param {InputType} url Used for entering a URL and supported with browser validation
-     *
-     * @param {InputTypeDeprecated} date DEPRECATED Use `DateTimePicker` component
-     * @param {InputTypeDeprecated} month DEPRECATED Use `DateTimePicker` component
-     * @param {InputTypeDeprecated} time DEPRECATED Use `DateTimePicker` component
-     * @param {InputTypeDeprecated} week DEPRECATED Use `DateTimePicker` component
-     *
-     * @default 'text'
-     */
-    type?: InputType | InputTypeDeprecated;
-    /**
-     * Default value of input element
-     */
-    value?: string | number;
-    /**
-     * Text to be passed down to `LabelText` component. Acts as the input element label
-     */
-    label?: string;
-    /**
-     * Text of placeholder for the input value
-     */
-    placeholder?: string;
-    /**
-     * Integer attribute indicating the sequence of keyboard navigation
-     */
-    tabIndex?: number;
-    /**
-     * On input change callback
-     */
-    onChange?: (val: string, e: ChangeEvent<HTMLInputElement>) => void;
-    /**
-     * On input blur callback
-     */
-    onBlur?: (val: string, e: ChangeEvent<HTMLInputElement>) => void;
-    /**
-     * On input focus callback
-     */
-    onFocus?: (e: FocusEvent<HTMLInputElement>) => void;
-    /**
-     * On input key press callback
-     */
-    onKeyPress?: (e: KeyboardEvent<HTMLInputElement>) => void;
-    /**
-     * On input key down callback
-     */
-    onKeyDown?: (e: KeyboardEvent<HTMLInputElement>) => void;
-    /**
-     * On clearable button click callback
-     */
-    onClearableButtonClick?: (e: MouseEvent<HTMLElement>) => void;
-    /**
-     * Allows user to change type of input between "password" and "text"
-     * When set to true, value of type property is ignored
-     *
-     * @default false
-     */
-    showPasswordToggle?: boolean;
-    /**
-     * Allows to define space separated string to describe type of autocomplete functionality the input should provide
-     * Use "off" to disable built-in browser autocomplete functionality
-     *
-     * For possible values refer to e.g.: https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete
-     */
-    autocomplete?: string;
-    /**
-     * Allows to disable the component functionality
-     *
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Allows to set input as readonly
-     *
-     * @default false
-     */
-    readonly?: boolean;
-    /**
-     * Allows to set input as mandatory
-     *
-     * @default false
-     */
-    required?: boolean;
-    /**
-     * Depending on the passed status, the styling changes and additional elements are shown
-     *
-     * @param {InputStatus} none Default styling
-     * @param {InputStatus} success Displays `success` icon with `theme.color.notification.success` color in the input element
-     * @param {InputStatus} error Displays `error` icon with `theme.color.notification.error` color in the input element and error message underneath the input
-     * @param {InputStatus} comment Displays comment message underneath the input
-     */
-    status?: InputStatus;
-    /**
-     * Text of the error message when input is in error state
-     */
-    errorMessage?: string;
-    /**
-     * Text of the comment message when input is in comment state
-     */
-    commentMessage?: string;
-    /**
-     * Allows to pass a custom className
-     */
-    className?: string;
-    /**
-     * Allows to pass testid string for testing purposes
-     */
-    'data-testid'?: string;
-}
-declare const Input: ({ type, "data-testid": dataTestId, ...props }: Props) => React.JSX.Element;
-/** @component */
-export default Input;

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

@@ -1,24 +0,0 @@
-import type { ReactNode } from 'react';
-import React from 'react';
-type LabelType = 'campaign' | 'new' | 'presale' | 'other';
-interface Props {
-    /**
-     * Allows to change the background color of component
-     */
-    type: LabelType;
-    /**
-     * Content of Label component
-     */
-    children?: ReactNode;
-    /**
-     * Allows to pass a custom className
-     */
-    className?: string;
-    /**
-     * Allows to pass testid string for testing purposes
-     */
-    'data-testid'?: string;
-}
-declare const Label: ({ "data-testid": dataTestId, ...props }: Props) => React.JSX.Element;
-/** @component */
-export default Label;

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

@@ -1,44 +0,0 @@
-import type { ReactNode } from 'react';
-import React from 'react';
-type LabelTextStatus = 'info' | 'success' | 'warning' | 'error';
-interface Props {
-    /**
-     * Unique ID for the component
-     */
-    id?: string;
-    /**
-     * Content of LabelText component
-     */
-    children?: ReactNode;
-    /**
-     * Allows to pass a custom 'for' attribute
-     */
-    htmlFor?: string;
-    /**
-     * Styling of `label` element changes depending on the passed status
-     *
-     * @param {LabelTextStatus} undefined Default styling
-     * @param {LabelTextStatus} info Changes color to `theme.color.notification.info`
-     * @param {LabelTextStatus} success Changes color to `theme.color.notification.success`
-     * @param {LabelTextStatus} warning Changes color to `theme.color.notification.warning`
-     * @param {LabelTextStatus} error Changes color to `theme.color.notification.error`
-     */
-    status?: LabelTextStatus;
-    /**
-     * Allows to set element as mandatory
-     *
-     * @default false
-     */
-    isMandatory?: boolean;
-    /**
-     * Allows to pass a custom className
-     */
-    className?: string;
-    /**
-     * Allows to pass testid string for testing purposes
-     */
-    'data-testid'?: string;
-}
-/** @visibleName Label Text */
-declare const LabelText: ({ "data-testid": dataTestId, ...props }: Props) => React.JSX.Element;
-export default LabelText;

package/build/cjs/src/components/MainHeaderNavigation/ChildComponents/BusinessMenu.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import type { BusinessSite } from '../types/globalNavProps';
-interface BusinessMenuProps {
-    ariaLabel?: string;
-    items?: BusinessSite[];
-    lang: string;
-    currentBusinessId?: string;
-}
-declare const BusinessMenu: ({ ariaLabel, currentBusinessId, items, lang }: BusinessMenuProps) => React.JSX.Element | null;
-export default BusinessMenu;

package/build/cjs/src/components/MainHeaderNavigation/ChildComponents/DesktopMenu.d.ts

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

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

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

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

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

@@ -1,193 +0,0 @@
-import type { ReactNode } from 'react';
-import React from 'react';
-export interface MainNavTooltipMenuProps {
-    /** Aria-label for screen readers in mobile */
-    ariaLabel?: string;
-    /** Tooltip menu content */
-    children?: ReactNode;
-    /** Overlap other elements */
-    zIndex?: number;
-    /** Tooltip position from right. Default: 1.25rem */
-    tooltipRight?: string;
-    /** Mandatory Component provided as login content */
-    contentComponent?: ReactNode | boolean;
-    /** 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;
-}
-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;
-            };
-        };
-        /** This will define the global state object string. mandatory */
-        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 MainNavTooltipMenu: ({ ariaLabel, children, closeWhenTagClicked, contentComponent, contentWidth, fullWidthBreakpoint, fullWidthDesktop, globalStateString, tooltipRight, zIndex, }: MainNavTooltipMenuProps) => React.JSX.Element;
-export default MainNavTooltipMenu;