@livechat/design-system-react-components 1.6.0 → 1.6.1

package/dist/components/Toast/ToastWrapper.stories.d.ts

@@ -1,34 +0,0 @@
-import * as React from 'react';
-import { ToastWrapperProps } from './ToastWrapper';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, ToastWrapperProps & {
-    children?: React.ReactNode;
-}>;
-export default _default;
-export declare const ToastWrapper: {
-    (args: ToastWrapperProps): React.ReactElement;
-    args: {
-        fixed: boolean;
-        toasts: ({
-            id: string;
-            kind: string;
-            content: string;
-            removable?: undefined;
-            action?: undefined;
-        } | {
-            id: string;
-            kind: string;
-            content: string;
-            removable: boolean;
-            action?: undefined;
-        } | {
-            id: string;
-            kind: string;
-            content: string;
-            action: {
-                label: string;
-                handler: () => void;
-            };
-            removable?: undefined;
-        })[];
-    };
-};

package/dist/components/Toast/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Toast';
-export * from './ToastWrapper';

package/dist/components/Tooltip/Tooltip.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { ITooltipProps } from './types';
-export declare const Tooltip: React.FC<ITooltipProps>;

package/dist/components/Tooltip/Tooltip.spec.d.ts

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

package/dist/components/Tooltip/Tooltip.stories.d.ts

@@ -1,52 +0,0 @@
-import * as React from 'react';
-import { StoryFn } from '@storybook/react';
-import { ITooltipProps } from './types';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, ITooltipProps & {
-    children?: React.ReactNode;
-}>;
-export default _default;
-export declare const Default: {
-    (args: ITooltipProps): React.ReactElement;
-    args: {
-        isVisible: boolean;
-    };
-    decorators: ((Story: StoryFn) => React.JSX.Element)[];
-};
-export declare const TooltipInfo: {
-    (args: ITooltipProps): React.ReactElement;
-    args: {
-        isVisible: boolean;
-    };
-    decorators: ((Story: StoryFn) => React.JSX.Element)[];
-};
-export declare const TooltipInteractive: {
-    (args: ITooltipProps): React.ReactElement;
-    args: {
-        isVisible: boolean;
-    };
-    decorators: ((Story: StoryFn) => React.JSX.Element)[];
-};
-export declare const TooltipReports: {
-    (args: ITooltipProps): React.ReactElement;
-    args: {
-        isVisible: boolean;
-        fullSpaceContent: boolean;
-    };
-    decorators: ((Story: StoryFn) => React.JSX.Element)[];
-};
-export declare const TooltipUserGuide: {
-    (args: ITooltipProps): React.ReactElement;
-    args: {
-        placement: string;
-        isVisible: boolean;
-        theme: string;
-        triggerOnClick: boolean;
-        arrowOffsetY: number;
-        arrowOffsetX: number;
-        offsetMainAxis: number;
-        withFadeAnimation: boolean;
-        transitionDuration: number;
-        transitionDelay: number;
-        hoverOutDelayTimeout: number;
-    };
-};

package/dist/components/Tooltip/components/Info.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import { TooltipTheme } from '../types';
-export declare const Info: React.FC<{
-    className?: string;
-    header?: string;
-    text: string;
-    closeWithX?: boolean;
-    theme?: TooltipTheme;
-    handleCloseAction?: (ev: React.MouseEvent) => void;
-}>;

package/dist/components/Tooltip/components/Interactive.d.ts

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import { TooltipButton, TooltipTheme } from '../types';
-export declare const Interactive: React.FC<{
-    header?: string;
-    text: string;
-    image?: {
-        src: string;
-        alt: string;
-    };
-    closeWithX?: boolean;
-    theme?: TooltipTheme;
-    handleCloseAction?: (ev: React.MouseEvent) => void;
-    primaryButton: TooltipButton;
-    secondaryButton: TooltipButton;
-}>;

package/dist/components/Tooltip/components/Reports.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-export interface IReportsProps {
-    title: string;
-    description?: string;
-    children: React.ReactNode;
-}
-export declare const Reports: React.FC<IReportsProps>;

package/dist/components/Tooltip/components/Simple.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-export declare const Simple: React.FC<{
-    text: string;
-}>;

package/dist/components/Tooltip/components/UserGuide/SpotlightOverlay.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-declare const SpotlightOverlay: ({ gap, isVisible, slide, disablePointerEvents, }: {
-    gap: DOMRect | null;
-    isVisible: boolean;
-    slide: boolean;
-    disablePointerEvents: boolean;
-}) => React.ReactElement | null;
-export default SpotlightOverlay;

package/dist/components/Tooltip/components/UserGuide/UserGuide.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { ModalPortalProps } from '../../../Modal';
-import { ITooltipProps } from '../../types';
-interface IOwnProps {
-    shouldSlide?: boolean;
-    className?: string;
-    disableSpotlightPointerEvents?: boolean;
-}
-interface IUserGuide extends IOwnProps, ITooltipProps, Omit<ModalPortalProps, 'children'> {
-}
-export declare const UserGuide: React.FC<IUserGuide>;
-export {};

package/dist/components/Tooltip/components/UserGuide/UserGuideStep.d.ts

@@ -1,16 +0,0 @@
-import * as React from 'react';
-import { TooltipTheme } from '../../types';
-export declare const UserGuideStep: React.FC<{
-    header: string;
-    text: string;
-    image?: {
-        src: string;
-        alt: string;
-    };
-    currentStep: number;
-    stepMax: number;
-    closeWithX?: boolean;
-    theme?: TooltipTheme;
-    handleClickPrimary: () => void;
-    handleCloseAction?: (ev: KeyboardEvent | React.MouseEvent) => void;
-}>;

package/dist/components/Tooltip/components/UserGuide/index.d.ts

@@ -1 +0,0 @@
-export { UserGuide } from './UserGuide';

package/dist/components/Tooltip/components/UserGuide/virtualElementReference.d.ts

@@ -1,9 +0,0 @@
-export default class VirtualReference {
-    element: Element;
-    padding: number;
-    constructor(element: Element, padding: number);
-    addPadding(rect: DOMRect): Omit<DOMRect, 'toJSON'>;
-    getBoundingClientRect(): Omit<DOMRect, 'toJSON'>;
-    get clientWidth(): number;
-    get clientHeight(): number;
-}

package/dist/components/Tooltip/components/index.d.ts

@@ -1,5 +0,0 @@
-export { Simple } from './Simple';
-export { Info } from './Info';
-export { Interactive } from './Interactive';
-export { UserGuide } from './UserGuide';
-export { Reports } from './Reports';

package/dist/components/Tooltip/helpers.d.ts

@@ -1,6 +0,0 @@
-import { CSSProperties } from 'react';
-import { IconKind } from '../Icon';
-import { TooltipTheme } from './types';
-export declare function getIconType(theme: TooltipTheme): IconKind;
-export declare const sleep: (milliseconds: number) => Promise<void>;
-export declare function getArrowStyles(arrowOffsetY?: number, arrowOffsetX?: number, arrowY?: number, arrowX?: number): CSSProperties | undefined;

package/dist/components/Tooltip/index.d.ts

@@ -1,4 +0,0 @@
-export { Tooltip } from './Tooltip';
-export { Simple, Info, Interactive, Reports } from './components';
-export { UserGuide } from './components/UserGuide';
-export type { ITooltipProps } from './types';

package/dist/components/Tooltip/types.d.ts

@@ -1,119 +0,0 @@
-import * as React from 'react';
-import { Placement, VirtualElement, UseDismissProps } from '@floating-ui/react';
-import { ButtonKind } from '../Button';
-export type TooltipTheme = 'invert' | 'important' | undefined;
-export type TooltipButton = {
-    handleClick: () => void;
-    label: string;
-    kind?: ButtonKind;
-};
-export interface ITooltipProps {
-    /**
-     * The CSS class for tooltip
-     */
-    className?: string;
-    /**
-     * The CSS class for trigger wrapper
-     */
-    triggerClassName?: string;
-    /**
-     * Trigger element
-     */
-    triggerRenderer: React.ReactElement | (() => React.ReactNode);
-    /**
-     * Specify the tooltip kind
-     * @deprecated we are changing the nomenclature to `kind` in order to maintain the constant naming of props
-     */
-    theme?: 'invert' | 'important' | undefined;
-    /**
-     * Specify the tooltip kind
-     */
-    kind?: 'invert' | 'important' | undefined;
-    /**
-     * The tooltip placement
-     */
-    placement?: Placement;
-    /**
-     * Set to control the menu visibility
-     */
-    isVisible?: boolean;
-    /**
-     * Removes the spacing inside the tooltip
-     */
-    fullSpaceContent?: boolean;
-    /**
-     * Optional handler called on tooltip hide
-     */
-    onClose?: () => void;
-    /**
-     * Optional handler called on tooltip show
-     */
-    onOpen?: () => void;
-    /**
-     * Set to enable/disable transition
-     */
-    withFadeAnimation?: boolean;
-    /**
-     * Set to define transition duration for showing and hiding tooltip
-     */
-    transitionDuration?: number;
-    /**
-     * Set to define transition duration for showing tooltip
-     */
-    hoverOnDuration?: number;
-    /**
-     * Set to define transition duration for hiding tooltip
-     */
-    hoverOffDuration?: number;
-    /**
-     * Set to define delay before transition start for showing and hiding tooltip
-     */
-    transitionDelay?: number;
-    /**
-     * Set to define delay before transition start for showing tooltip
-     */
-    hoverOnDelay?: number;
-    /**
-     * Set to define delay before transition start for hiding tooltip
-     * @deprecated This prop will be removed in the future. Use `hoverOffDelay`.
-     */
-    hoverOutDelayTimeout?: number;
-    /**
-     * Set to define delay before transition start for hiding tooltip
-     */
-    hoverOffDelay?: number;
-    /**
-     * Set if you want to show tooltip after trigger click if state is not managed
-     */
-    triggerOnClick?: boolean;
-    /**
-     * Set the tooltip distance from the trigger
-     */
-    offsetMainAxis?: number;
-    /**
-     * Set custom reference object for the tooltip
-     */
-    referenceElement?: VirtualElement;
-    /**
-     * Waits until cursor is at “rest” over the trigger to change the state
-     */
-    activationThreshold?: number;
-    /**
-     * Set the `floating-ui` useDismiss hook paramns if you need more control
-     * https://floating-ui.com/docs/usedismiss
-     */
-    useDismissHookProps?: UseDismissProps;
-    /**
-     * Set to move the arrow along the Y axis from default position (left and right possition)
-     */
-    arrowOffsetY?: number;
-    /**
-     * Set to move the arrow along the X axis from default position (top and bottom possition)
-     */
-    arrowOffsetX?: number;
-    /**
-     * Set to close the tooltip after leaving trigger area in uncontrolled state.
-     * Be default, moving the curson from trigger to tooltip will keep it open.
-     */
-    closeOnTriggerBlur?: boolean;
-}

package/dist/components/Typography/Display.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-interface IProps {
-    size?: 'md' | 'sm';
-    /** DOM element name that will be rendered */
-    as?: string;
-    /** Optional custom className */
-    className?: string;
-}
-export declare const Display: React.FC<React.PropsWithChildren<IProps>>;
-export {};

package/dist/components/Typography/Heading.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-type TSize = 'xl' | 'lg' | 'md' | 'sm' | 'xs';
-interface IProps {
-    size?: TSize;
-    /** DOM element name that will be rendered */
-    as?: string;
-    /** Optional custom className */
-    className?: string;
-}
-export declare const Heading: React.FC<React.PropsWithChildren<IProps>>;
-export {};

package/dist/components/Typography/Text.d.ts

@@ -1,15 +0,0 @@
-import * as React from 'react';
-type TSize = 'md' | 'sm' | 'xs';
-interface IProps {
-    /** DOM element name that will be rendered */
-    as?: string;
-    size?: TSize;
-    /** Optional custom className */
-    className?: string;
-    caps?: boolean;
-    bold?: boolean;
-    underline?: boolean;
-    strike?: boolean;
-}
-export declare const Text: React.FC<React.PropsWithChildren<IProps>>;
-export {};

package/dist/components/Typography/index.d.ts

@@ -1,3 +0,0 @@
-export { Heading } from './Heading';
-export { Text } from './Text';
-export { Display } from './Display';

package/dist/components/UploadBar/UploadBar.d.ts

@@ -1,49 +0,0 @@
-import * as React from 'react';
-import { ProgressStatus, ProgressSize } from '../Progress/constants';
-export interface UploadBarProps {
-    /**
-     * The CSS class for container
-     */
-    className?: string;
-    /**
-     * Specify the value of current progress circle (0-100)
-     */
-    progressValue: number;
-    /**
-     * Specify the upload bar title
-     */
-    title: string;
-    /**
-     * Define if upload bar should be open
-     */
-    isExpanded?: boolean;
-    /**
-     * Specify the error message
-     */
-    errorMessage?: string;
-    /**
-     * Specify the upload bar status
-     */
-    status?: ProgressStatus;
-    /**
-     * Renders given element
-     */
-    icon?: React.ReactNode;
-    /**
-     * Specify the upload bar size
-     */
-    size?: ProgressSize;
-    /**
-     * Set the component's mode to `multiple` to specify whether the upload bar should display multiple elements
-     */
-    mode?: 'single' | 'multiple';
-    /**
-     * The event handler for close icon click
-     */
-    onCloseButtonClick?: () => void;
-    /**
-     * The event handler for retry icon click
-     */
-    onRetryButtonClick?: () => void;
-}
-export declare const UploadBar: React.FC<React.PropsWithChildren<UploadBarProps>>;

package/dist/components/UploadBar/UploadBar.stories.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./UploadBar").UploadBarProps & {
-    children?: React.ReactNode;
-}>;
-export default _default;
-export declare const UploadBarWithSingleElement: React.FC;
-export declare const UploadBarWithMultipleElements: React.FC;

package/dist/components/UploadBar/index.d.ts

@@ -1 +0,0 @@
-export * from './UploadBar';

package/dist/foundations/radius-token.d.ts

@@ -1,6 +0,0 @@
-export declare const RadiusToken: {
-    0: string;
-    1: string;
-    2: string;
-    3: string;
-};

package/dist/foundations/shadow-token.d.ts

@@ -1,17 +0,0 @@
-export declare const ShadowToken: {
-    Float: string;
-    PopOver: string;
-    Modal: string;
-    Tooltip: string;
-    TooltipArrowBottom: string;
-    TooltipArrowTop: string;
-    TooltipArrowRight: string;
-    TooltipArrowLeft: string;
-    Focus: string;
-    DividerBottom: string;
-    DividerTop: string;
-    DividerBottomLeft: string;
-    DividerTopLeft: string;
-    DividerTopRight: string;
-    DividerBottomRight: string;
-};

package/dist/foundations/spacing-token.d.ts

@@ -1,17 +0,0 @@
-export declare const SpacingToken: {
-    Spacing0: string;
-    Spacing05: string;
-    Spacing1: string;
-    Spacing2: string;
-    Spacing3: string;
-    Spacing4: string;
-    Spacing5: string;
-    Spacing6: string;
-    Spacing8: string;
-    Spacing12: string;
-    Spacing14: string;
-    Spacing16: string;
-    Spacing18: string;
-    Spacing20: string;
-    Spacing24: string;
-};

package/dist/index.d.ts

@@ -1,47 +0,0 @@
-export { DesignToken } from './themes/design-token';
-export { SpacingToken } from './foundations/spacing-token';
-export { ShadowToken } from './foundations/shadow-token';
-export { RadiusToken } from './foundations/radius-token';
-export type { Size } from './utils';
-export { getDesignTokenWithOpacity } from './utils';
-export * from './components/ActionBar';
-export * from './components/ActionMenu';
-export * from './components/Alert';
-export * from './components/Avatar';
-export * from './components/Badge';
-export * from './components/Button';
-export * from './components/SegmentedControl';
-export * from './components/Card';
-export * from './components/Checkbox';
-export * from './components/DatePicker';
-export * from './components/DetailsCard';
-export * from './components/DetailsCardInfo';
-export * from './components/FieldDescription';
-export * from './components/FieldError';
-export * from './components/FieldGroup';
-export * from './components/Form';
-export * from './components/FormField';
-export * from './components/FormGroup';
-export * from './components/Icon';
-export * from './components/Input';
-export * from './components/Link';
-export * from './components/Loader';
-export * from './components/Modal';
-export * from './components/NumericInput';
-export * from './components/Picker';
-export * from './components/Popover';
-export * from './components/Progress';
-export * from './components/PromoBanner';
-export * from './components/PromoBannerV2';
-export * from './components/RadioButton';
-export * from './components/Search';
-export * from './components/Switch';
-export * from './components/Tab';
-export * from './components/Tag';
-export * from './components/TagInput';
-export * from './components/Toast';
-export * from './components/Tooltip';
-export * from './components/Typography';
-export * from './components/Textarea';
-export * from './components/FileUploadProgress';
-export * from './components/UploadBar';

package/dist/stories/components/BlockColumns.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-interface IDosAndDontsProps {
-    label?: string;
-    isNegative?: boolean;
-}
-export declare const BlockColumnsContainer: React.FC;
-export declare const BlockColumns: React.FC<React.PropsWithChildren<IDosAndDontsProps>>;
-export {};

package/dist/stories/components/ColorTokens.d.ts

@@ -1,2 +0,0 @@
-import * as React from 'react';
-export declare const ColorTokensPallete: React.FC;

package/dist/stories/components/Radius.d.ts

@@ -1,2 +0,0 @@
-import * as React from 'react';
-export declare const Radius: () => React.ReactElement;

package/dist/stories/components/RadiusExamples.d.ts

@@ -1,2 +0,0 @@
-import * as React from 'react';
-export declare const RadiusExamples: () => React.ReactElement;

package/dist/stories/components/Spacing.d.ts

@@ -1,2 +0,0 @@
-import * as React from 'react';
-export declare const Spacing: () => React.ReactElement;

package/dist/stories/components/SpacingExamples.d.ts

@@ -1,2 +0,0 @@
-import * as React from 'react';
-export declare const SpacingExamples: () => React.ReactElement;

package/dist/stories/components/StoryDescriptor.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-interface StoryDescriptorProps extends React.HTMLAttributes<HTMLDivElement> {
-    title: string;
-}
-export declare const StoryDescriptor: React.FC<React.PropsWithChildren<StoryDescriptorProps>>;
-export {};

package/dist/stories/components/TablerIconsShowcase.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import { IconSource } from '../../components/Icon';
-export type IconsMap = {
-    [key: string]: IconSource;
-};
-export declare const TablerIconsShowcase: () => React.ReactElement;

package/dist/test/utils.d.ts

@@ -1,3 +0,0 @@
-export * from '@testing-library/react';
-export { default as userEvent } from '@testing-library/user-event';
-export * from 'vitest';