@livechat/design-system-react-components 2.4.3 → 2.4.6

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

@@ -8,15 +8,23 @@ export interface INavigationTopBarProps extends ComponentCoreProps {
      */
     children?: React.ReactNode;
     /**
-     * Ńodes placed under the children.
+     * Nodes placed under the children.
      */
     additionalNodes?: React.ReactNode;
+    /**
+     * The CSS class name
+     */
+    className?: string;
 }
 export interface ITopBarTitleProps extends ComponentCoreProps {
     /**
      * Content of the title.
      */
     children: React.ReactNode;
+    /**
+     * The CSS class name
+     */
+    className?: string;
 }
 type CTAProps = {
     label: string;
@@ -55,5 +63,9 @@ export interface ITopBarAlertProps extends ComponentCoreProps {
      * Show or hide the alert, defaults to `true`. Changes to this prop are animated - the alert will enter and leave smoothly.
      * */
     isVisible?: boolean;
+    /**
+     * The CSS class name
+     * */
+    className?: string;
 }
 export {};

package/dist/components/AutoComplete/helpers.d.ts

@@ -1,7 +1,7 @@
 import { IPickerListItem } from '../Picker';
 import { AutoCompleteProps, IAutoCompleteListItem } from './types';
 
-export declare const areAllOptionsStrings: (options: AutoCompleteProps["options"]) => options is string[];
+export declare const areAllOptionsStrings: (options: AutoCompleteProps['options']) => options is string[];
 export declare const buildOptionsFromStrings: (options: string[]) => IPickerListItem[];
 export declare const buildOptionsFromAutoCompleteListItems: (options: IAutoCompleteListItem[]) => IPickerListItem[];
 export declare const getFilteredPickerItems: (items: IPickerListItem[], single: boolean, hideIfExactMatch: boolean, inputValue: string) => IPickerListItem[];

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

@@ -38,33 +38,33 @@ export declare const Button: React.ForwardRefExoticComponent<{
     /**
      * Specify the button kind
      */
-    kind?: ButtonKind;
+    kind?: ButtonKind | undefined;
     /**
      * Specify the button size
      */
-    size?: ButtonSize;
+    size?: ButtonSize | undefined;
     /**
      * Set the loading state
      */
-    loading?: boolean;
+    loading?: boolean | undefined;
     /**
      * Set the button for full width
      */
-    fullWidth?: boolean;
+    fullWidth?: boolean | undefined;
     /**
      * Text displayed in loading state
      */
-    loaderLabel?: string;
+    loaderLabel?: string | undefined;
     /**
      * Renders given element
      */
-    icon?: React.ReactElement;
+    icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
     /**
      * Specify the place to render element given in `icon` prop
      */
-    iconPosition?: "left" | "right";
+    iconPosition?: "left" | "right" | undefined;
     /**
      * Set to enable animation that will show label on button hover if icon is present
      */
-    animatedLabel?: boolean;
+    animatedLabel?: boolean | undefined;
 } & React.ButtonHTMLAttributes<HTMLButtonElement> & React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;

package/dist/components/DatePicker/hooks.d.ts

@@ -1,4 +1,7 @@
 import { Dispatch, ReducerAction, ReducerState } from 'react';
 import { IRangeDatePickerProps, RangeDatePickerReducer } from './types';
 
-export declare const useRangeDatePickerState: (props: IRangeDatePickerProps) => [ReducerState<RangeDatePickerReducer>, Dispatch<ReducerAction<RangeDatePickerReducer>>];
+export declare const useRangeDatePickerState: (props: IRangeDatePickerProps) => [
+    ReducerState<RangeDatePickerReducer>,
+    Dispatch<ReducerAction<RangeDatePickerReducer>>
+];