@livechat/design-system-react-components 2.24.0 → 2.26.0

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

@@ -15,7 +15,11 @@ export interface IChecklistItemProps {
     /**
      * Set the description of the item
      */
-    description: string;
+    description?: string;
+    /**
+     * Set the custom content of the item
+     */
+    customContent?: React.ReactElement;
     /**
      * The element to display when the item is active
      */

package/dist/components/RangeDatePickerV2/components/RangeDatePickerV2Label.d.ts

@@ -4,6 +4,7 @@ import { DateRange } from 'react-day-picker';
 interface IRangeDatePickerV2LabelProps {
     tempDate?: DateRange;
     date?: DateRange;
+    selectedOptionName?: string;
 }
 export declare const RangeDatePickerV2Label: FC<IRangeDatePickerV2LabelProps>;
 export {};

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

@@ -1,14 +1,10 @@
-import { ReactElement, ReactNode } from 'react';
+import { ReactNode } from 'react';
 
 export interface IUserGuideBubbleStepProps {
     /**
      * The message for the first bubble
      */
     headerMessage: string;
-    /**
-     * The optional icon for the first bubble
-     */
-    headerIcon?: ReactElement;
     /**
      * The message for the second bubble
      */

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
      */