@livechat/design-system-react-components 2.20.0 → 2.22.0

package/dist/components/Accordion/components/{AccordionAnimatedLabel.d.ts → AccordionAnimatedLabel/AccordionAnimatedLabel.d.ts}

@@ -1,3 +1,3 @@
-import { IAccordionAnimatedLabelProps } from '../types';
+import { IAccordionAnimatedLabelProps } from '../../types';
 import * as React from 'react';
 export declare const AccordionAnimatedLabel: React.FC<IAccordionAnimatedLabelProps>;

package/dist/components/Accordion/components/AccordionAnimatedLabel/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const baseStyles: (containerHeight?: number) => string;
+export declare const element: (isVisible: boolean) => string;

package/dist/components/Accordion/components/AccordionMultilineElement/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const baseStyles: string;
+export declare const inner: string;

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

@@ -0,0 +1,2 @@
+export { AccordionAnimatedLabel } from './AccordionAnimatedLabel/AccordionAnimatedLabel';
+export { AccordionMultilineElement } from './AccordionMultilineElement/AccordionMultilineElement';

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

@@ -0,0 +1,8 @@
+export declare const baseStyles: (isPromo?: boolean) => string;
+export declare const kind: (kind?: string) => string;
+export declare const open: string;
+export declare const label: (isPromo?: boolean) => string;
+export declare const chevron: (isOpen?: boolean, isPromo?: boolean) => string;
+export declare const content: string;
+export declare const contentInner: (isOpen?: boolean, isPromo?: boolean) => string;
+export declare const footer: (isPromo?: boolean) => string;

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

@@ -1,5 +1,23 @@
 import * as React from 'react';
-export interface ActionCardProps {
+export type ActionCardProps = ({
+    /**
+     * Specify if the card is in loading state
+     */
+    isLoading: true;
+    /**
+     * Specify if the card is in animated loading state
+     */
+    isLoadingAnimated?: boolean;
+} | {
+    /**
+     * Specify if the card is in loading state
+     */
+    isLoading?: false;
+    /**
+     * Loading animation is not available when not loading
+     */
+    isLoadingAnimated?: never;
+}) & {
     /**
      * The CSS class for main container
      */
@@ -20,4 +38,4 @@ export interface ActionCardProps {
      * Optional handler called on card click
      */
     onClick?: () => void;
-}
+};

package/dist/components/AppFrame/components/SideNavigationGroup/constants.d.ts

@@ -0,0 +1 @@
+export declare const SIDE_NAVIGATION_LINK_LABEL_TEST_ID = "side-navigation-link-label-test-id";

package/dist/components/AppFrame/components/SideNavigationGroup/types.d.ts

@@ -1,5 +1,9 @@
+import { IUseAnimations } from '../../../../hooks/useAnimations';
 import { ComponentCoreProps } from '../../../../utils/types';
 import * as React from 'react';
+interface IOnClickProps {
+    toggle: () => void;
+}
 export interface ISideNavigationGroupProps extends ComponentCoreProps {
     /**
      * It will display your side navigation elements
@@ -10,19 +14,60 @@ export interface ISideNavigationGroupProps extends ComponentCoreProps {
      */
     label?: React.ReactNode | ((isOpen: boolean) => React.ReactNode);
     /**
-     * The right node of the side navigation list if `isCollapsible` is set to true
+     * The right node of the side navigation list
      */
     rightNode?: React.ReactNode | ((isOpen: boolean) => React.ReactNode);
     /**
      * Specify whether the list should be collapsible
      */
     isCollapsible?: boolean;
+    /**
+     * Specify whether the label is a link
+     */
+    isLinkLabel?: boolean;
+    /**
+     * Specify whether the list label is active
+     */
+    isActive?: boolean;
+    /**
+     * Specify whether the list is open
+     */
+    isOpen?: IUseAnimations['isOpen'];
+    /**
+     * Specify whether the list is mounted
+     */
+    isMounted?: IUseAnimations['isMounted'];
+    /**
+     * Set whether the list should be visible
+     */
+    setShouldBeVisible?: IUseAnimations['setShouldBeVisible'];
+    /**
+     * The function to call on list label click
+     */
+    onClick?: ({ toggle }: IOnClickProps) => void;
     /**
      * The function to call on item hover
      */
     onItemHover?: () => void;
+    /**
+     * The ref of the list wrapper
+     */
+    listWrapperRef?: React.RefObject<HTMLDivElement>;
     /**
      * Specify whether the list should be open on the first render
      */
     shouldOpenOnInit?: boolean;
+    /**
+     * The CSS class name for the label
+     */
+    labelClassName?: string;
+    /**
+     * The CSS class name for the label wrapper
+     */
+    labelWrapperClassName?: string;
+    /**
+     * The CSS class name for the list wrapper
+     */
+    listWrapperClassName?: string;
 }
+export {};

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

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

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

@@ -29,5 +29,6 @@ export declare const ShadowToken: {
     ShadowAiCopilotAnimationEnd: string;
     ShadowAiOtherFloat: string;
     ShadowAiOtherActiveField: string;
+    ShadowTourAnimationEnd: string;
 };
 export type ShadowTokenKey = keyof typeof ShadowToken;

package/dist/hooks/useAnimations.d.ts

@@ -4,7 +4,7 @@ interface UseAnimationsProps {
     elementRef: React.RefObject<HTMLDivElement>;
     includeSleepWakeScenario?: boolean;
 }
-interface IUseAnimations {
+export interface IUseAnimations {
     isOpen: boolean;
     isMounted: boolean;
     setShouldBeVisible: React.Dispatch<React.SetStateAction<boolean>>;