@livechat/design-system-react-components 2.25.0 → 2.27.0

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

@@ -29,6 +29,14 @@ export interface IAccordionGlobalProps extends ComponentCoreProps {
      * Set to control accordion state
      */
     isOpen?: boolean;
+    /**
+     * Set to display the accordion content with full width
+     */
+    fullWidthContent?: boolean;
+    /**
+     * Set to hide the chevron icon
+     */
+    hideChevron?: boolean;
     /**
      * Optional handler called on accordion close
      */

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

@@ -3,6 +3,7 @@ import { FloatingPortalProps, Placement, Strategy, UseClickProps, UseDismissProp
 import { VirtuosoProps } from 'react-virtuoso';
 import { Size } from '../../utils';
 import { ComponentCoreProps } from '../../utils/types';
+import { AvatarType } from '../Avatar/types';
 import { IconSource } from '../Icon';
 import { TagProps } from '../Tag';
 
@@ -16,7 +17,14 @@ export interface IPickerListItem {
     groupHeader?: boolean;
     disabled?: boolean;
     icon?: IconSource;
+    /**
+     * @deprecated Use avatar object instead
+     */
     avatarSrc?: string;
+    avatar?: {
+        src?: string;
+        type: AvatarType;
+    } | null;
     secondaryText?: string;
     showCheckbox?: boolean;
     selectedTagOptions?: TagProps;

package/dist/components/UserGuide/components/UserGuideBubbleStep/types.d.ts

@@ -25,4 +25,8 @@ export interface IUserGuideBubbleStepProps {
      * Set to true to disable typing animations
      */
     disableTypingAnimations?: boolean;
+    /**
+     * Additional CSS class name to apply to the step container
+     */
+    className?: string;
 }

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

@@ -47,4 +47,8 @@ export interface IUserGuideStepProps {
      * The function to be called when the the skip button is clicked
      */
     handleCloseAction?: (ev: KeyboardEvent | MouseEvent) => void;
+    /**
+     * Additional CSS class name to apply to the step container
+     */
+    className?: string;
 }

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

@@ -1,4 +1,3 @@
-import { CSSProperties } from 'react';
 import { Placement } from '@floating-ui/react';
 
 export type CursorTiming = 'fast1' | 'fast2' | 'moderate1' | 'moderate2';
@@ -8,9 +7,9 @@ export interface IUserGuide {
      */
     className?: string;
     /**
-     * The CSS properties for the highlighted element
+     * The class name for the highlighted element
      */
-    elementStyles?: CSSProperties;
+    elementClassName?: string;
     /**
      * The position for the floating element which sets the cursor position
      */

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

@@ -1,50 +1,26 @@
 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;
     SurfaceModerateActive: string;
     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;
     SurfaceAccentEmphasisMinInfo: string;
@@ -64,11 +40,7 @@ export declare const DesignToken: {
     SurfaceAccentEmphasisSubtleWarning: string;
     SurfaceAccentEmphasisSubtleInfo: string;
     SurfaceAccentEmphasisSubtlePositive: string;
-    /** @deprecated */
-    SurfaceInvertDefault: string;
     SurfaceInvertPrimary: string;
-    /** @deprecated */
-    SurfaceInvertSubtle: string;
     SurfaceInvertSecondary: string;
     SurfaceInvertDisabled: string;
     SurfaceLockedDefault: string;
@@ -88,8 +60,6 @@ export declare const DesignToken: {
     SurfaceOpacityBasicActive: string;
     SurfaceOpacityInvertHover: string;
     SurfaceOpacityInvertActive: string;
-    /** @deprecated */
-    SurfaceOverlay: string;
     SurfaceGradient01: string;
     SurfaceGradient02: string;
     SurfaceGradient03: string;
@@ -108,19 +78,11 @@ export declare const DesignToken: {
     SurfaceOtherAgent: string;
     SurfaceOtherAgentHover: string;
     SurfaceOtherSkeleton: string;
-    /** @deprecated */
-    SurfaceOtherInternalNote: string;
     SurfaceOtherInternalNoteHover: string;
     SurfaceOtherVisitor: string;
     SurfaceOtherVisitorHover: string;
-    /** @deprecated */
-    ContentDefault: string;
     ContentBasicPrimary: string;
-    /** @deprecated */
-    ContentSubtle: string;
     ContentBasicSecondary: string;
-    /** @deprecated */
-    ContentDisabled: string;
     ContentBasicDisabled: string;
     ContentBasicNegative: string;
     ContentBasicWarning: string;
@@ -128,36 +90,20 @@ 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;
     BorderBasicWarning: string;
@@ -165,54 +111,24 @@ 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;
     ActionNeutralHover: string;
@@ -221,8 +137,6 @@ export declare const DesignToken: {
     ActionHighContrastHover: string;
     ActionHighContrastActive: string;
     ActionHighContrastDisabled: string;
-    /** @deprecated */
-    ColorBot: string;
     SurfaceOtherBot: string;
     SurfaceOtherBotHover: string;
     ColorBlack: string;