@livechat/design-system-react-components 1.22.1 → 1.22.3

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

@@ -1,2 +1,2 @@
-export type ButtonKind = 'basic' | 'primary' | 'secondary' | 'destructive' | 'destructive-outline' | 'text' | 'link' | 'link-light' | 'link-inverted' | 'plain' | 'float' | 'dotted' | 'high-contrast';
+export type ButtonKind = 'basic' | 'primary' | 'secondary' | 'destructive' | 'destructive-outline' | 'text' | 'link' | 'link-light' | 'link-inverted' | 'plain' | 'float' | 'dotted' | 'high-contrast' | 'plain-lock-black' | 'text-lock-black';
 export type ButtonSize = 'xcompact' | 'compact' | 'medium' | 'large';

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { IconSource } from './types';
 export type IconSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
-export type IconKind = 'primary' | 'subtle' | 'inverted' | 'inverted-subtle' | 'link' | 'success' | 'warning' | 'error' | 'negative' | 'positive' | 'action-primary' | 'action-negative' | 'action-positive' | 'action-warning' | 'action-neutral';
+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 {
     /**
      * Specify the source of svg element

package/dist/components/Modal/components/ModalHeader.d.ts

@@ -21,6 +21,6 @@ export interface ModalHeaderProps {
     /**
      * Define class name for container
      */
-    className?: 'string';
+    className?: string;
 }
 export declare const ModalHeader: React.FC<ModalHeaderProps>;

package/dist/components/Picker/components/PickerList.d.ts

@@ -10,8 +10,6 @@ export interface IPickerListProps {
     floatingStyles: React.CSSProperties;
     maxHeight: number;
     listElementsRef: React.MutableRefObject<(HTMLElement | null)[]>;
-    isPositioned: boolean;
-    pointer: boolean;
     activeIndex: number | null;
     selectedKeys: string[];
     setPointer: (pointer: boolean) => void;

package/dist/components/Picker/components/PickerTrigger.d.ts

@@ -13,5 +13,6 @@ export interface PickerTriggerProps {
     isError?: boolean;
     isOpen: boolean;
     onClear: () => void;
+    setTriggerFocus: (v: boolean) => void;
 }
 export declare const PickerTrigger: React.FC<React.PropsWithChildren<PickerTriggerProps>>;

package/dist/components/Picker/components/PickerTriggerBody.d.ts

@@ -14,6 +14,8 @@ export interface ITriggerBodyProps {
     onItemRemove: (key: string) => void;
     onSelect: (key: string) => void;
     onFilter: (text: string) => void;
+    onClear: () => void;
     virtualItemRef: React.MutableRefObject<HTMLElement | null>;
+    isTriggerFocused: boolean;
 }
 export declare const PickerTriggerBody: React.FC<ITriggerBodyProps>;

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

@@ -4,3 +4,7 @@ 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;
+    fill: string;
+};

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

@@ -11,6 +11,8 @@ interface IProps {
     customColor?: string;
     /** Optional prop to set the text align */
     textAlign?: TTextAlign;
+    /** Optional prop to set the bold */
+    bold?: boolean;
 }
 export declare const Display: React.FC<React.PropsWithChildren<IProps>>;
 export {};

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

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

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

@@ -344,10 +344,15 @@ export declare const DesignToken: {
     TooltipBackgroundBasic: string;
     TooltipBackgroundInvert: string;
     TooltipBorder: string;
+    TooltipBorderForSvg: string;
     AnimatedGradientValue1: string;
     AnimatedGradientValue2: string;
     AnimatedGradientValue3: string;
     ContentBasicInternalNote: string;
     ContentBasicBot: string;
+    ActionLockDefault: string;
+    ActionLockHover: string;
+    ActionLockActive: string;
+    ActionLockDisabled: string;
 };
 export type DesignTokenKey = keyof typeof DesignToken;