@livechat/design-system-react-components 1.18.0 → 1.19.1

package/dist/components/ActionMenu/ActionMenu.d.ts

@@ -1,56 +1,3 @@
 import * as React from 'react';
-import { Placement, flip, Strategy } from '@floating-ui/react';
-import { ComponentCoreProps } from '../../utils/types';
-import { IActionMenuOption } from './types';
-export interface ActionMenuProps extends ComponentCoreProps {
-    /**
-     * The CSS class for trigger container
-     */
-    triggerClassName?: string;
-    /**
-     * Array of menu options
-     */
-    options: IActionMenuOption[];
-    /**
-     * Array of selected menu options keys
-     */
-    selectedOptions?: string[];
-    /**
-     * Trigger element
-     */
-    triggerRenderer: React.ReactElement;
-    /**
-     * The menu placement
-     */
-    placement?: Placement;
-    /**
-     * Will open menu on component initialization
-     */
-    openedOnInit?: boolean;
-    /**
-     * Menu will stay open after option click
-     */
-    keepOpenOnClick?: boolean;
-    /**
-     * Set the menu placement to keep it in view
-     */
-    flipOptions?: Parameters<typeof flip>[0];
-    /**
-     * Set to control the menu visibility
-     */
-    visible?: boolean;
-    /**
-     * Optional handler called on menu close
-     */
-    onClose?: () => void;
-    /**
-     * Optional handler called on menu open
-     */
-    onOpen?: () => void;
-    /**
-     * Set the type of CSS position property to use
-     * https://floating-ui.com/docs/usefloating#strategy
-     */
-    floatingStrategy?: Strategy;
-}
-export declare const ActionMenu: React.FC<ActionMenuProps>;
+import { IActionMenuProps } from './types';
+export declare const ActionMenu: React.FC<IActionMenuProps>;

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

@@ -1,4 +1,6 @@
 import * as React from 'react';
+import { Placement, flip, Strategy } from '@floating-ui/react';
+import { ComponentCoreProps } from '../../utils/types';
 export interface IActionMenuOption {
     key: string;
     element: React.ReactNode;
@@ -7,3 +9,58 @@ export interface IActionMenuOption {
     withDivider?: boolean;
     onClick?: () => void;
 }
+export interface IActionMenuProps extends ComponentCoreProps {
+    /**
+     * The CSS class for trigger container
+     */
+    triggerClassName?: string;
+    /**
+     * Array of menu options
+     */
+    options: IActionMenuOption[];
+    /**
+     * Array of selected menu options keys
+     */
+    selectedOptions?: string[];
+    /**
+     * Trigger element
+     */
+    triggerRenderer: React.ReactElement;
+    /**
+     * The menu placement
+     */
+    placement?: Placement;
+    /**
+     * Will open menu on component initialization
+     */
+    openedOnInit?: boolean;
+    /**
+     * Menu will stay open after option click
+     */
+    keepOpenOnClick?: boolean;
+    /**
+     * Set the menu placement to keep it in view
+     */
+    flipOptions?: Parameters<typeof flip>[0];
+    /**
+     * Set to control the menu visibility
+     */
+    visible?: boolean;
+    /**
+     * Optional handler called on menu close
+     */
+    onClose?: () => void;
+    /**
+     * Optional handler called on menu open
+     */
+    onOpen?: () => void;
+    /**
+     * Set the type of CSS position property to use
+     * https://floating-ui.com/docs/usefloating#strategy
+     */
+    floatingStrategy?: Strategy;
+    /**
+     * Optional footer element
+     */
+    footer?: React.ReactNode;
+}

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

@@ -58,5 +58,5 @@ export declare const Button: React.ForwardRefExoticComponent<{
     /**
      * Specify the place to render element given in `icon` prop
      */
-    iconPosition?: "right" | "left" | undefined;
+    iconPosition?: "left" | "right" | undefined;
 } & React.ButtonHTMLAttributes<HTMLButtonElement> & React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;

package/dist/components/Search/Search.d.ts

@@ -32,5 +32,9 @@ export interface ISearchInputProps {
      * The event handler for onChange
      */
     onChange: (value: string) => void;
+    /**
+     * Set to enable ellipsis
+     */
+    cropOnBlur?: boolean;
 }
 export declare const SearchInput: React.FC<ISearchInputProps>;

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

@@ -1,24 +1,32 @@
 export declare const DesignToken: {
+    /** @deprecated */
     Background: string;
     Background01: string;
     Background02: string;
     Background03: string;
+    /** @deprecated */
     SurfaceBasicDefault: string;
     SurfacePrimaryDefault: string;
+    /** @deprecated */
     SurfaceBasicSubtle: string;
     SurfaceSecondaryDefault: string;
     SurfaceSecondaryHover: string;
     SurfaceSecondaryActive: string;
     SurfaceSecondaryDisabled: string;
+    /** @deprecated */
     SurfacePrimaryHoverOpacity: string;
+    /** @deprecated */
     SurfaceBasicHover: string;
     SurfacePrimaryHover: string;
+    /** @deprecated */
     SurfaceBasicActive: string;
     SurfacePrimaryActive: string;
     SurfacePrimaryActiveColored: string;
+    /** @deprecated */
     SurfaceBasicDisabled: string;
     SurfacePrimaryDisabled: string;
     SurfaceTertiaryDefault: string;
+    /** @deprecated */
     SurfaceSecondarySubtle: string;
     SurfaceModerateDefault: string;
     SurfaceModerateHover: string;
@@ -26,12 +34,16 @@ export declare const DesignToken: {
     SurfaceTertiaryHover: string;
     SurfaceTertiaryActive: string;
     SurfaceTertiaryDisabled: string;
+    /** @deprecated */
     SurfaceFeedbackInfo: string;
     SurfaceAccentEmphasisLowInfo: string;
+    /** @deprecated */
     SurfaceFeedbackNegative: string;
     SurfaceAccentEmphasisLowNegative: string;
+    /** @deprecated */
     SurfaceFeedbackWarning: string;
     SurfaceAccentEmphasisLowWarning: string;
+    /** @deprecated */
     SurfaceFeedbackPositive: string;
     SurfaceAccentEmphasisLowPositive: string;
     SurfaceAccentEmphasisLowPurple: string;
@@ -52,8 +64,10 @@ export declare const DesignToken: {
     SurfaceAccentEmphasisSubtleWarning: string;
     SurfaceAccentEmphasisSubtleInfo: string;
     SurfaceAccentEmphasisSubtlePositive: string;
+    /** @deprecated */
     SurfaceInvertDefault: string;
     SurfaceInvertPrimary: string;
+    /** @deprecated */
     SurfaceInvertSubtle: string;
     SurfaceInvertSecondary: string;
     SurfaceInvertDisabled: string;
@@ -70,6 +84,11 @@ export declare const DesignToken: {
     SurfaceAccentEmphasisHighWarning: string;
     SurfaceAccentEmphasisHighPositive: string;
     SurfaceAccentEmphasisHighPurple: string;
+    SurfaceOpacityBasicHover: string;
+    SurfaceOpacityBasicActive: string;
+    SurfaceOpacityInvertHover: string;
+    SurfaceOpacityInvertActive: string;
+    /** @deprecated */
     SurfaceOverlay: string;
     SurfaceGradient01: string;
     SurfaceGradient02: string;
@@ -92,10 +111,13 @@ export declare const DesignToken: {
     SurfaceOtherInternalNoteHover: string;
     SurfaceOtherVisitor: string;
     SurfaceOtherVisitorHover: string;
+    /** @deprecated */
     ContentDefault: string;
     ContentBasicPrimary: string;
+    /** @deprecated */
     ContentSubtle: string;
     ContentBasicSecondary: string;
+    /** @deprecated */
     ContentDisabled: string;
     ContentBasicDisabled: string;
     ContentBasicNegative: string;
@@ -104,27 +126,35 @@ export declare const DesignToken: {
     ContentBasicInfo: string;
     ContentBasicPurple: string;
     ContentBasicGradient01: string;
+    /** @deprecated */
     ContentWhiteLocked: string;
     ContentLockedWhite: string;
+    /** @deprecated */
     ContentBlackLocked: string;
     ContentLockedBlack: string;
     ContentLockedDefault: string;
     ContentLockedHover: string;
     ContentLockedActive: string;
     ContentLockedDisabled: string;
+    /** @deprecated */
     ContentInvertDefault: string;
     ContentInvertPrimary: string;
+    /** @deprecated */
     ContentInvertSubtle: string;
     ContentInvertSecondary: string;
     ContentInvertDisabled: string;
     ContentInvertGradient01: string;
+    /** @deprecated */
     BorderDefault: string;
     BorderBasicPrimary: string;
     BorderBasicSecondary: string;
+    /** @deprecated */
     BorderSubtle: string;
     BorderBasicTertiary: string;
+    /** @deprecated */
     BorderHover: string;
     BorderBasicHover: string;
+    /** @deprecated */
     BorderDisabled: string;
     BorderBasicDisabled: string;
     BorderBasicNegative: string;
@@ -133,38 +163,53 @@ export declare const DesignToken: {
     BorderBasicInfo: string;
     BorderBasicPurple: string;
     BorderBasicContrast: string;
+    /** @deprecated */
     BorderInvertDefault: string;
     BorderInvertPrimary: string;
+    /** @deprecated */
     BorderInvertSubtle: string;
     BorderInvertSecondary: string;
     BorderInvertHover: string;
     BorderInvertDisabled: string;
+    /** @deprecated */
     ColorActionActive: string;
     ActionPrimaryActive: string;
+    /** @deprecated */
     ColorActionHover: string;
     ActionPrimaryHover: string;
+    /** @deprecated */
     ColorActionDefault: string;
     ActionPrimaryDefault: string;
     ColorActionDefaultRgb: string;
+    /** @deprecated */
     ColorActionDisabled: string;
     ActionPrimaryDisabled: string;
+    /** @deprecated */
     ColorNegativeActive: string;
     ActionNegativeActive: string;
+    /** @deprecated */
     ColorNegativeHover: string;
     ActionNegativeHover: string;
+    /** @deprecated */
     ColorNegativeDefault: string;
     ActionNegativeDefault: string;
+    /** @deprecated */
     ColorNegativeDisabled: string;
     ActionNegativeDisabled: string;
+    /** @deprecated */
     ColorWarningDefault: string;
     ActionWarningDefault: string;
+    /** @deprecated */
     ColorWarningHover: string;
     ActionWarningHover: string;
     ActionWarningDisabled: string;
+    /** @deprecated */
     ColorPositiveDefault: string;
     ActionPositiveDefault: string;
+    /** @deprecated */
     ColorPositiveHover: string;
     ActionPositiveHover: string;
+    /** @deprecated */
     ColorPositiveDisabled: string;
     ActionPositiveDisabled: string;
     ActionNeutralDefault: string;
@@ -174,6 +219,7 @@ export declare const DesignToken: {
     ActionHighContrastHover: string;
     ActionHighContrastActive: string;
     ActionHighContrastDisabled: string;
+    /** @deprecated */
     ColorBot: string;
     SurfaceOtherBot: string;
     SurfaceOtherBotHover: string;