@livechat/design-system-react-components 1.24.2 → 1.26.0

package/dist/components/Icon/Icon.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { IconSource } from './types';
-export type IconSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+export type IconSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge' | 'xxxlarge';
 export type IconKind = 'primary' | 'subtle' | 'inverted' | 'inverted-subtle' | 'link' | 'success' | 'warning' | 'error' | 'negative' | 'positive' | 'action-primary' | 'action-negative' | 'action-positive' | 'action-warning' | 'action-neutral' | 'lock-black';
 export interface IconProps {
     /**

package/dist/components/Progress/{helpers.d.ts → Progress.helpers.d.ts}

@@ -1,3 +1,2 @@
 import { ProgressStatus } from './constants';
 export declare function getPercentNumber(status: ProgressStatus, percent?: number): number;
-export declare function getProgressStatus(status: ProgressStatus, percent: number): ProgressStatus;

package/dist/components/Progress/constants.d.ts

@@ -1,4 +1,3 @@
 export type ProgressStatus = 'normal' | 'error' | 'success';
 export type ProgressSize = 'small' | 'medium' | 'large';
-export declare const PROGRESS_STATUSES: ProgressStatus[];
 export declare const PROGRESS_SIZES: ProgressSize[];

package/dist/components/Tab/Tab.d.ts

@@ -6,10 +6,26 @@ type HTMLProps = (React.AnchorHTMLAttributes<HTMLAnchorElement> & {
     href?: never;
 });
 export type TabProps = HTMLProps & {
+    /**
+     * Set to display numeric counter with given number
+     */
     count?: number;
+    /**
+     * Set to display selected state
+     */
     isSelected?: boolean;
+    /**
+     * Set to display numeric counter as badge
+     */
     asBadge?: boolean;
+    /**
+     * Specify the button size
+     */
     size?: Size;
+    /**
+     * Renders given element
+     */
+    icon?: React.ReactElement;
 };
 export declare const Tab: React.FC<React.PropsWithChildren<TabProps>>;
 export {};

package/dist/components/Tooltip/{helpers.d.ts → Tooltip.helpers.d.ts}

@@ -2,7 +2,6 @@ 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 getArrowPositionStyles(arrowOffsetY?: number, arrowOffsetX?: number, arrowY?: number, arrowX?: number): CSSProperties | undefined;
 export declare const getArrowTokens: (tooltipStyle: string | undefined) => {
     stroke: string;

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

@@ -1,10 +1,3 @@
 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;
-}>;
+import { ITooltipInfoProps } from '../types';
+export declare const Info: React.FC<ITooltipInfoProps>;

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

@@ -1,15 +1,3 @@
 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;
-}>;
+import { ITooltipInteractiveProps } from '../types';
+export declare const Interactive: React.FC<ITooltipInteractiveProps>;

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

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

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

@@ -1,12 +1,11 @@
 import * as React from 'react';
 import { Placement, VirtualElement, UseDismissProps, Strategy, UseClickProps } from '@floating-ui/react';
-import { ButtonKind } from '../Button';
+import { ButtonProps } from '../Button';
 export type TooltipTheme = 'invert' | 'important' | undefined;
 export type TooltipButton = {
     handleClick: () => void;
     label: string;
-    kind?: ButtonKind;
-};
+} & Omit<ButtonProps, 'onClick'>;
 export interface ITooltipProps {
     /**
      * The CSS class for tooltip
@@ -127,3 +126,66 @@ export interface ITooltipProps {
      */
     floatingStrategy?: Strategy;
 }
+export interface ITooltipInfoProps {
+    /**
+     * The CSS class for Info tooltip
+     */
+    className?: string;
+    /**
+     * The Info tooltip header
+     */
+    header?: string;
+    /**
+     * The Info tooltip text
+     */
+    text: string;
+    /**
+     * Set to show close button
+     */
+    closeWithX?: boolean;
+    /**
+     * The Info tooltip theme
+     */
+    theme?: TooltipTheme;
+    /**
+     * The Info tooltip close button action
+     */
+    handleCloseAction?: (ev: React.MouseEvent) => void;
+}
+export interface ITooltipInteractiveProps {
+    /**
+     * The Interactive tooltip header
+     */
+    header?: string;
+    /**
+     * The Interactive tooltip text
+     */
+    text: string;
+    /**
+     * The Interactive tooltip image
+     */
+    image?: {
+        src: string;
+        alt: string;
+    };
+    /**
+     * Set to show close button
+     */
+    closeWithX?: boolean;
+    /**
+     * The Interactive tooltip theme
+     */
+    theme?: TooltipTheme;
+    /**
+     * The Interactive tooltip close button action
+     */
+    handleCloseAction?: (ev: React.MouseEvent) => void;
+    /**
+     * The Interactive tooltip primary button props
+     */
+    primaryButton: TooltipButton;
+    /**
+     * The Interactive tooltip secondary button props
+     */
+    secondaryButton?: TooltipButton;
+}

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

@@ -1,4 +1,4 @@
-export type TTextSize = 'xs' | 'sm' | 'md';
+export type TTextSize = 'xs' | 'sm' | 'md' | 'lg';
 export type THeadingSize = '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export type TDisplaySize = 'sm' | 'md' | 'lg' | 'max';
 export type TTextAlign = 'left' | 'right' | 'center' | 'justify';