@dnanpm/styleguide 3.7.0 → 3.7.2

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

@@ -1,42 +0,0 @@
-import * as React from 'react';
-interface Props {
-    /**
-     * Unique ID for the checkbox (switch) element
-     */
-    id: string;
-    /**
-     * Name of the checkbox (switch) element
-     */
-    name?: string;
-    /**
-     * Text of the checkbox (switch) element label
-     */
-    label?: string;
-    /**
-     * On checkbox (switch) element change callback
-     */
-    onChange?: (isChecked: boolean) => void;
-    /**
-     * Allows to set the switch as checked
-     *
-     * @default false
-     */
-    isChecked?: boolean;
-    /**
-     * Allows to disable the component functionality
-     *
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Allows to pass a custom className
-     */
-    className?: string;
-    /**
-     * Allows to pass testid string for testing purposes
-     */
-    'data-testid'?: string;
-}
-declare const Switch: ({ onChange, "data-testid": dataTestId, ...props }: Props) => React.JSX.Element;
-/** @component */
-export default Switch;

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

@@ -1,75 +0,0 @@
-import type { MouseEvent, ReactNode } from 'react';
-import React from 'react';
-type Type = 'box' | 'panel' | 'underlined';
-/**
- * @deprecated Use `box`, `panel` or `underlined` types
- */
-type TypeDeprecated = 'default' | 'gray';
-export interface Props {
-    /**
-     * Unique ID for the component
-     */
-    id?: string;
-    /**
-     * Allows to define tab label
-     */
-    label: string;
-    /**
-     * Allows to change the styling of component
-     *
-     * @param {Type} box Uses Box component as wrapper for content container
-     * @param {Type} panel Content container remains unstyled
-     * @param {Type} underlined Tab label is visually similar to anchor, with content container unstyled
-     *
-     * @param {TypeDeprecated} default DEPRECATED Use `box` type
-     * @param {TypeDeprecated} gray DEPRECATED Use `box`, `panel` or `underlined` types
-     *
-     * @default 'box'
-     */
-    type?: Type | TypeDeprecated;
-    /**
-     * Style of the tab
-     *
-     * @deprecated Use `type` property
-     */
-    tabStyle?: Type;
-    /**
-     * Content of the component
-     */
-    children?: ReactNode;
-    /**
-     * Allows to define currently active tab
-     *
-     * @deprecated Use `isActive` property
-     */
-    activeTab?: string;
-    /**
-     * Allows to set tab as active
-     */
-    isActive?: boolean;
-    /**
-     * Allows to enable updated internal state management.
-     * Note: In updated internal state management, this component acts as truly stateless and can be controlled with `isActive` property.
-     *
-     * @deprecated Will be removed in next major release
-     */
-    isStateless?: boolean;
-    /**
-     * On tab label click callback
-     *
-     * @deprecated Parameter `tab` has been deprecated. Use `e` parameter instead
-     */
-    onClick?: (tab: string, e?: MouseEvent<HTMLElement>) => void;
-    /**
-     * Allows to pass testid string for testing purposes
-     */
-    'data-testid'?: string;
-    /**
-     * Allows to pass a custom className
-     */
-    className?: string;
-}
-/** @visibleName Tab */
-declare const Tab: ({ type, "data-testid": dataTestId, ...props }: Props) => React.JSX.Element;
-/** @component */
-export default Tab;

package/build/cjs/src/components/Tab/__tests__/Tab.spec.d.ts

@@ -1 +0,0 @@
-export {};

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

@@ -1,45 +0,0 @@
-import type { MouseEvent, ReactNode } from 'react';
-import React from 'react';
-import type { Props as TabProps } from '../Tab/Tab';
-interface Props extends Omit<TabProps, 'label' | 'children' | 'activeTab' | 'onClick'> {
-    /**
-     * Content of the component
-     *
-     * @type Tab
-     */
-    children: ReactNode;
-    /**
-     * Allows to pass default tab explicitly
-     *
-     * @default children[0].props.label
-     */
-    defaultTab?: string;
-    /**
-     * Allows to stretch tabs list to full container width
-     */
-    isFullWidth?: boolean;
-    /**
-     * Allows to reduce gap between tabs in `underlined` type
-     */
-    isNarrowUnderlined?: boolean;
-    /**
-     * On tab change callback
-     *
-     * @deprecated Use `onClick` property
-     */
-    onChange?: (tab: string) => void;
-    /**
-     * Allows to pass common mouse click callback to all children
-     */
-    onClick?: (e: MouseEvent<HTMLElement>) => void;
-    /**
-     * Allows to pass a custom className
-     *
-     * @deprecated Prefix 'tabs' is deprecated and will be removed in next major version
-     */
-    className?: string;
-}
-/** @visibleName Tabs */
-declare const Tabs: ({ type, "data-testid": dataTestId, ...props }: Props) => React.JSX.Element | null;
-/** @component */
-export default Tabs;

package/build/cjs/src/components/Tabs/__tests__/Tabs.spec.d.ts

@@ -1 +0,0 @@
-export {};

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

@@ -1,95 +0,0 @@
-import type { ChangeEvent, FocusEvent, KeyboardEvent } from 'react';
-import React from 'react';
-type InputStatus = 'none' | 'success' | 'error' | 'comment';
-interface Props {
-    /**
-     * Unique ID for the input element
-     */
-    id: string;
-    /**
-     * Name of the input element
-     */
-    name: string;
-    /**
-     * 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<HTMLTextAreaElement>) => void;
-    /**
-     * On input blur callback
-     */
-    onBlur?: (val: string, e: FocusEvent<HTMLTextAreaElement>) => void;
-    /**
-     * On input focus callback
-     */
-    onFocus?: (e: FocusEvent<HTMLTextAreaElement>) => void;
-    /**
-     * On input key press callback
-     */
-    onKeyPress?: (e: KeyboardEvent<HTMLTextAreaElement>) => void;
-    /**
-     * On input key down callback
-     */
-    onKeyDown?: (e: KeyboardEvent<HTMLTextAreaElement>) => void;
-    /**
-     * Allows to disable the component functionality
-     *
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Allows to set input as mandatory
-     *
-     * @default false
-     */
-    required?: boolean;
-    /**
-     * Text of the comment message when input is in comment state
-     */
-    commentMessage?: string;
-    /**
-     * Allows to change the amount of rows for textarea element
-     *
-     * @default 3
-     */
-    height?: number;
-    /**
-     * 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 textarea is in error state
-     */
-    errorMessage?: string;
-    /**
-     * Allows to pass a custom className
-     */
-    className?: string;
-    /**
-     * Allows to pass testid string for testing purposes
-     */
-    'data-testid'?: string;
-}
-declare const Textarea: ({ height, "data-testid": dataTestId, ...props }: Props) => React.JSX.Element;
-/** @component */
-export default Textarea;

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

@@ -1,45 +0,0 @@
-import type { MouseEvent, ReactNode } from 'react';
-import React from 'react';
-type ToasterType = 'info' | 'success' | 'warning' | 'error';
-interface Props {
-    /**
-     * Depending on the passed type, the color is determined
-     *
-     * @param {ToasterType} info Uses #007d91 color code as border & icon color
-     * @param {ToasterType} success Uses #e80c0c color code as border & icon color
-     * @param {ToasterType} warning Uses #00b201 color code as border & icon color
-     * @param {ToasterType} error Uses #ff7800 color code as border & icon color
-     *
-     * @default 'info'
-     */
-    type: ToasterType;
-    /**
-     * Content of the toaster
-     */
-    children?: ReactNode;
-    /**
-     * Allows to pass a custom className
-     */
-    className?: string;
-    /**
-     * Label to show for the close button in the content
-     */
-    closeLabel?: string;
-    /**
-     * Allows to pass testid string for testing purposes
-     */
-    'data-testid'?: string;
-    /**
-     * Allows to dismiss the toaster programmatically
-     *
-     * @default false
-     */
-    dismissed?: boolean;
-    /**
-     * On close button click callback
-     */
-    onClickCloseButton?: (e: MouseEvent<HTMLElement>) => void;
-}
-declare const Toaster: ({ type, "data-testid": dataTestId, ...props }: Props) => React.JSX.Element | null;
-/** @component */
-export default Toaster;

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

@@ -1,71 +0,0 @@
-import type { ReactNode } from 'react';
-import React from 'react';
-import type { ITooltip as ReactTooltipProps } from 'react-tooltip';
-type Position = 'left' | 'right' | 'middle';
-interface Props {
-    /**
-     * Unique ID for the search input element
-     */
-    id: string;
-    /**
-     * Allows to set the placement of Tooltip content
-     *
-     * @param {ReactTooltipProps['place']} top Places Tooltip above the trigger element
-     * @param {ReactTooltipProps['place']} right Places Tooltip right of the trigger element
-     * @param {ReactTooltipProps['place']} bottom Places Tooltip under the trigger element
-     * @param {ReactTooltipProps['place']} left Places Tooltip left of the trigger element
-     *
-     * @default 'top'
-     */
-    placement?: ReactTooltipProps['place'];
-    /**
-     * Content of the component
-     */
-    children?: ReactNode;
-    /**
-     * Allows to set position of Tooltip icon relative to other content and adds appropriate margins
-     *
-     * @param {Position} left Tooltip component icon is on the left side of content, add right margin
-     * @param {Position} right Tooltip component icon is on the right side of content, add left margin
-     * @param {Position} middle Tooltip component icon is in the middle of content, add left and right margins
-     *
-     * @default false
-     */
-    position?: Position;
-    /**
-     * Allows to hide trigger element. Use `data-tooltip-id` on custom trigger element to attach it to the Tooltip
-     *
-     * @default false
-     */
-    hideTriggerElement?: boolean;
-    /**
-     * Allows to close Tooltip by pressing ESC key
-     *
-     * @default true
-     */
-    closeWithEsc?: boolean;
-    /**
-     * Allows to open Tooltip by clicking the trigger element instead of hovering it
-     */
-    isClickable?: boolean;
-    /**
-     * Allows to keep Tooltip open when hovered. Useful when it contains interactive elements
-     */
-    isHoverable?: boolean;
-    /**
-     * Allows to break plain text to multiple lines.
-     * Multiline content is supported by default by passing appropriate content to `children` property
-     */
-    isMultiline?: boolean;
-    /**
-     * Allows to pass a custom className
-     */
-    className?: string;
-    /**
-     * Allows to pass testid string for testing purposes
-     */
-    'data-testid'?: string;
-}
-declare const Tooltip: ({ "data-testid": dataTestId, closeWithEsc, ...props }: Props) => React.JSX.Element;
-/** @component */
-export default Tooltip;

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

@@ -1,334 +0,0 @@
-export declare const Tail: 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;
-    };
-}, {
-    tooltipTop: string;
-    zIndex: string;
-    arrowPosition: string;
-}, never>;
-export declare const TailShadow: 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;
-    };
-}, {
-    tooltipTop: string;
-    zIndex: string;
-    arrowPosition: string;
-}, never>;