@livechat/design-system-react-components 2.2.3 → 2.3.1

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

@@ -1,6 +1,6 @@
 import { ComponentCoreProps } from '../../../../utils/types';
 import * as React from 'react';
-export interface INavigationItemProps extends ComponentCoreProps {
+export interface INavigationItemProps extends ComponentCoreProps, Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'onClick'> {
     /**
      * The ID of the item
      */

package/dist/components/AppFrame/components/NavigationTopBar/examples.d.ts

@@ -13,3 +13,7 @@ export declare const CustomBackgroundAlert: React.FC<{
     show: boolean;
     onClose: () => void;
 }>;
+export declare const InfoAlert: React.FC<{
+    show: boolean;
+    onClose: () => void;
+}>;

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

@@ -0,0 +1,2 @@
+export declare const MOBILE_BREAKPOINT = 705;
+export declare const ALERTS_MOBILE_BREAKPOINT = 751;

package/dist/components/AppFrame/stories-helpers.d.ts

@@ -2,15 +2,16 @@ import * as React from 'react';
 interface ExampleAppContentProps {
     showToggle: boolean;
     alerts?: boolean[];
-    setAlerts?: (alerts: boolean[]) => void;
     topBarVisible: boolean;
     setTopBarVisible: (visible: boolean) => void;
+    visibleAlert: number | null;
+    setVisibleAlert: (index: number | null) => void;
 }
 export declare const ExampleAppContent: React.FC<ExampleAppContentProps>;
 export declare const ExampleTopBar: React.FC<{
-    visibleAlerts: boolean[];
     topBarVisible: boolean;
-    setAlerts: (alerts: boolean[]) => void;
+    visibleAlert: number | null;
+    setVisibleAlert: (index: number | null) => void;
 }>;
 export declare const getBadgeContent: (item: string) => "dot" | "alert" | 5 | undefined;
 export declare const getChatsMenu: (activeSubItem: number, handler: (o: number) => void) => import("react/jsx-runtime").JSX.Element;

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

@@ -34,10 +34,9 @@ export interface IAppFrameProps extends ComponentCoreProps {
      */
     contentClassName?: string;
     /**
-     * The value that will determine on which resolution mobile view will be displayed
-     * @default 705
+     * Set the initial visibility of the side navigation bar
      */
-    mobileViewBreakpoint?: number;
+    isSideNavigationVisible?: boolean;
 }
 export type { INavigationProps } from './components/Navigation/types';
 export type { INavigationGroupProps } from './components/NavigationGroup/types';

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

@@ -1,8 +1,8 @@
 import { ReactNode } from 'react';
 import { IconSource } from '../Icon';
 
-export type ProductId = 'livechat' | 'helpdesk' | 'chatbot' | 'openwidget' | 'knowledgebase' | 'hello' | 'accounts';
-export type ProductName = 'LiveChat' | 'HelpDesk' | 'ChatBot' | 'OpenWidget' | 'KnowledgeBase' | 'Hello' | 'Accounts';
+export type ProductId = 'livechat' | 'helpdesk' | 'chatbot' | 'openwidget' | 'knowledgebase' | 'teamchat' | 'accounts';
+export type ProductName = 'LiveChat' | 'HelpDesk' | 'ChatBot' | 'OpenWidget' | 'KnowledgeBase' | 'TeamChat' | 'Accounts';
 export type Env = 'labs' | 'staging' | 'prod';
 export interface ProductSwitcherProps {
     mainProductId: ProductId;

package/dist/components/PromoBannerV2/PromoBannerV2.d.ts

@@ -1,4 +1,4 @@
-import { ButtonKind } from '../Button';
+import { ButtonKind, ButtonProps } from '../Button';
 import * as React from 'react';
 export interface IPromoBannerV2Props {
     /**
@@ -16,7 +16,7 @@ export interface IPromoBannerV2Props {
         handleClick: () => void;
         label: string;
         kind?: ButtonKind;
-    };
+    } & ButtonProps;
     /**
      * Shows the secondary CTA button
      */
@@ -41,5 +41,10 @@ export interface IPromoBannerV2Props {
      * Event handler for close button press
      */
     onClose?: () => void;
+    /**
+     * Specify the kind of PromoBannerV2
+     * @default 'default'
+     */
+    kind?: 'default' | 'dark';
 }
 export declare const PromoBannerV2: React.FC<React.PropsWithChildren<IPromoBannerV2Props>>;

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

@@ -11,6 +11,8 @@ export declare const ShadowToken: {
     Focus: string;
     DividerBottom: string;
     DividerTop: string;
+    DividerRight: string;
+    DividerLeft: string;
     DividerBottomLeft: string;
     DividerTopLeft: string;
     DividerTopRight: string;

package/dist/hooks/useAnimations.d.ts

@@ -6,7 +6,7 @@ interface UseAnimationsProps {
 interface IUseAnimations {
     isOpen: boolean;
     isMounted: boolean;
-    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    setShouldBeVisible: React.Dispatch<React.SetStateAction<boolean>>;
 }
 export declare const useAnimations: ({ isVisible, elementRef, }: UseAnimationsProps) => IUseAnimations;
 export {};