@livechat/design-system-react-components 1.0.0-beta.1 → 1.0.0-beta.11

package/dist/components/ActionBar/ActionBar.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { IActionBarOption } from './ActionBarItem';
+export interface IActionBarProps {
+    /**
+     * The CSS class for menu container
+     */
+    className?: string;
+    /**
+     * The unique id key
+     */
+    id?: string;
+    /**
+     * Array of action bar options
+     */
+    options: IActionBarOption[];
+    /**
+     * Set the key for active element
+     */
+    activeOptionKey?: string | null;
+    /**
+     * Set 'scroll' to disable menu and enable scroll
+     */
+    type?: 'menu' | 'scroll';
+}
+export declare const ActionBar: React.FC<IActionBarProps>;

package/dist/components/ActionBar/ActionBar.stories.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import("./ActionBar").IActionBarProps>;
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+export declare const Default: () => React.ReactElement;

package/dist/components/ActionBar/ActionBarItem.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+export type IActionBarOption = {
+    key: string;
+    element: React.ReactElement;
+    label: string;
+    showTooltip?: boolean;
+    onClick: () => void;
+};
+interface ActionBarItem {
+    option: IActionBarOption;
+    menuItemsKeys: string[];
+    activeOptionKey?: string | null;
+}
+export declare const ActionBarItem: React.FC<ActionBarItem>;
+export {};

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

@@ -0,0 +1,2 @@
+export { ActionBar } from './ActionBar';
+export type { IActionBarProps } from './ActionBar';

package/dist/components/ActionMenu/ActionMenu.d.ts

@@ -1,24 +1,23 @@
 import * as React from 'react';
 import { Placement } from '@floating-ui/react-dom';
+import { IActionMenuOption } from './types';
 export interface ActionMenuProps {
     /**
      * The CSS class for menu container
      */
     className?: string;
+    /**
+     * The CSS class for trigger element
+     */
+    triggerClassName?: string;
     /**
      * Array of menu options
      */
-    options: Array<{
-        key: string;
-        element: React.ReactNode;
-        disabled?: boolean;
-        withDivider?: boolean;
-        onClick: () => void;
-    }>;
+    options: IActionMenuOption[];
     /**
      * Trigger element
      */
-    triggerRenderer: React.ReactNode;
+    triggerRenderer: React.ReactElement;
     /**
      * The menu placement
      */
@@ -31,5 +30,9 @@ export interface ActionMenuProps {
      * Menu will stay open after option click
      */
     keepOpenOnClick?: boolean;
+    /**
+     * Set the keys array for active elements
+     */
+    activeOptionKeys?: string[];
 }
 export declare const ActionMenu: React.FC<ActionMenuProps>;

package/dist/components/ActionMenu/ActionMenu.stories.d.ts

@@ -7,5 +7,5 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Default: () => JSX.Element;
-export declare const KeepOpenOnItemClick: () => JSX.Element;
+export declare const Default: () => React.ReactElement;
+export declare const KeepOpenOnItemClick: () => React.ReactElement;

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export interface IActionMenuOption {
+    key: string;
+    element: React.ReactNode;
+    groupHeader?: boolean;
+    disabled?: boolean;
+    withDivider?: boolean;
+    onClick?: () => void;
+}

package/dist/components/Alert/Alert.stories.d.ts

@@ -4,6 +4,6 @@ declare const _default: import("@storybook/types").ComponentAnnotations<import("
     children?: React.ReactNode;
 }>;
 export default _default;
-export declare const Default: (args: AlertProps) => JSX.Element;
-export declare const Kinds: () => JSX.Element;
-export declare const WithCTA: () => JSX.Element;
+export declare const Default: (args: AlertProps) => React.ReactElement;
+export declare const Kinds: () => React.ReactElement;
+export declare const WithCTA: () => React.ReactElement;

package/dist/components/Avatar/Avatar.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 type AvatarShape = 'circle' | 'rounded-square';
-type AvatarSize = 'xxxsmall' | 'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge';
+type AvatarSize = 'xxxsmall' | 'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge' | 'xxxlarge';
 type AvatarStatus = 'available' | 'unavailable' | 'unknown';
 type AvatarType = 'image' | 'text';
 export interface AvatarProps {

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

@@ -1,2 +1,3 @@
+export declare function getBackgroundColor(text?: string): string | undefined;
 export declare function getInitials(name?: string, count?: number): string;
 export declare function getFontColor(color: string): string;

package/dist/components/Avatar/Avatar.helpers.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Avatar/Avatar.stories.d.ts

@@ -5,18 +5,18 @@ declare const _default: import("@storybook/types").ComponentAnnotations<import("
 }>;
 export default _default;
 export declare const Default: {
-    (args: AvatarProps): JSX.Element;
+    (args: AvatarProps): React.ReactElement;
     args: {
         type: string;
         text: string;
     };
 };
-export declare const Types: () => JSX.Element;
-export declare const Shapes: () => JSX.Element;
-export declare const Sizes: () => JSX.Element;
-export declare const Statuses: () => JSX.Element;
-export declare const Colors: () => JSX.Element;
-export declare const FallbackAvatar: () => JSX.Element;
-export declare const Rim: () => JSX.Element;
-export declare const SizesWithStatus: () => JSX.Element;
-export declare const SizesWithRim: () => JSX.Element;
+export declare const Types: () => React.ReactElement;
+export declare const Shapes: () => React.ReactElement;
+export declare const Sizes: () => React.ReactElement;
+export declare const Statuses: () => React.ReactElement;
+export declare const Colors: () => React.ReactElement;
+export declare const FallbackAvatar: () => React.ReactElement;
+export declare const Rim: () => React.ReactElement;
+export declare const SizesWithStatus: () => React.ReactElement;
+export declare const SizesWithRim: () => React.ReactElement;

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

@@ -1 +1,3 @@
 export { Avatar } from './Avatar';
+export { getBackgroundColor as generateAvatarColor } from './Avatar.helpers';
+export type { AvatarProps } from './Avatar';

package/dist/components/Badge/Badge.stories.d.ts

@@ -7,6 +7,6 @@ declare const _default: {
 };
 export default _default;
 export declare const Default: Story<BadgeProps>;
-export declare const Sizes: () => JSX.Element;
-export declare const Kinds: () => JSX.Element;
-export declare const Types: () => JSX.Element;
+export declare const Sizes: () => React.ReactElement;
+export declare const Kinds: () => React.ReactElement;
+export declare const Types: () => React.ReactElement;

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Size } from 'utils';
-export type ButtonKind = 'basic' | 'primary' | 'secondary' | 'destructive' | 'text' | 'plain' | 'plain-light' | 'subtle' | 'float' | 'dotted';
+export type ButtonKind = 'basic' | 'primary' | 'secondary' | 'destructive' | 'destructive-outline' | 'text' | 'link' | 'link-light' | 'plain' | 'float' | 'dotted' | 'high-contrast';
 export type ButtonProps = {
     /**
      * Specify the button kind

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

@@ -1,6 +1,6 @@
 import { Modifiers } from 'react-day-picker';
-import { IRangeDatePickerProps, IRangeDatePickerState, IRangeDatePickerOption } from './types';
 import { ClassNames } from 'react-day-picker/types/ClassNames';
+import { IRangeDatePickerProps, IRangeDatePickerState, IRangeDatePickerOption } from './types';
 export declare const isDateWithinRange: (date: Date, range: {
     from?: Date;
     to?: Date;
@@ -10,30 +10,7 @@ export declare const getRangeDatePickerModifiers: (from?: Date, to?: Date) => Pa
 export declare const getSelectedOption: (itemId: string | null, options: IRangeDatePickerOption[]) => IRangeDatePickerOption | undefined;
 export declare const isSelectingFirstDay: (from?: Date, to?: Date) => boolean;
 export declare const getInitialStateFromProps: (props: IRangeDatePickerProps) => Partial<IRangeDatePickerState>;
-export declare const getDatePickerClassNames: (range?: boolean, classNames?: ClassNames) => {
-    container: string;
-    wrapper: string;
-    interactionDisabled: string;
-    navBar: string;
-    navButtonPrev: string;
-    navButtonNext: string;
-    navButtonInteractionDisabled: string;
-    months: string;
-    month: string;
-    caption: string;
-    weekdays: string;
-    weekdaysRow: string;
-    weekday: string;
-    weekNumber: string;
-    body: string;
-    week: string;
-    day: string;
-    footer: string;
-    todayButton: string;
-    today: string;
-    selected: string;
-    disabled: string;
-    outside: string;
+export declare const getDatePickerClassNames: (range?: boolean, classNames?: ClassNames) => ClassNames & {
     start: string;
     end: string;
 };

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

@@ -1,8 +1,8 @@
-import { Reducer } from 'react';
+import { Reducer, Ref, ReactElement } from 'react';
 import ReactDayPicker, { DayPickerProps } from 'react-day-picker';
 import { ClassNames } from 'react-day-picker/types/ClassNames';
 export interface IDatePickerProps extends Omit<DayPickerProps, 'todayButton' | 'showWeekNumbers'> {
-    innerRef?: React.Ref<ReactDayPicker>;
+    innerRef?: Ref<ReactDayPicker>;
     range?: boolean;
 }
 export interface IDatePickerNavbarProps {
@@ -95,6 +95,6 @@ export interface IRangeDatePickerProps {
     initialToDate?: Date;
     toMonth?: Date;
     onChange: (selected: IRangeDatePickerOption | null) => void;
-    children(payload: IRangeDatePickerChildrenPayload): React.ReactElement;
+    children(payload: IRangeDatePickerChildrenPayload): ReactElement;
 }
 export {};

package/dist/components/FormField/FormField.stories.d.ts

@@ -5,5 +5,5 @@ declare const _default: import("@storybook/types").ComponentAnnotations<import("
 }>;
 export default _default;
 export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, FormFieldProps>;
-export declare const Examples: () => JSX.Element;
+export declare const Examples: () => React.ReactElement;
 export declare const TextFieldWithError: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, FormFieldProps>;

package/dist/components/Icon/Icon.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
+import { IconSource } from './types';
 export type IconSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
-export type IconKind = 'primary' | 'subtle' | 'inverted' | 'inverted-subtle' | 'link' | 'success' | 'warning' | 'error' | 'negative' | 'positive' | 'warning' | 'action-primary' | 'action-negative' | 'action-positive' | 'action-warning' | 'action-neutral';
-export type IconSource = React.FC<React.SVGProps<SVGSVGElement>> & React.ReactElement;
+export type IconKind = 'primary' | 'subtle' | 'inverted' | 'inverted-subtle' | 'link' | 'success' | 'warning' | 'error' | 'negative' | 'positive' | 'action-primary' | 'action-negative' | 'action-positive' | 'action-warning' | 'action-neutral';
 export interface IconProps {
     /**
      * Specify the source of svg element

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

@@ -1 +1,2 @@
 export * from './Icon';
+export type { IconSource } from './types';

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

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export type IconSource = React.FC<React.SVGProps<SVGSVGElement>> & React.ReactElement;

package/dist/components/Input/Input.d.ts

@@ -20,6 +20,10 @@ export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>
      * Set the icon and its position
      */
     icon?: InputIcon;
+    /**
+     * Set to enable ellipsis
+     */
+    cropOnBlur?: boolean;
 }
 export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
 export {};

package/dist/components/Input/Input.stories.d.ts

@@ -4,7 +4,7 @@ import { InputProps } from './Input';
 declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, InputProps & React.RefAttributes<HTMLInputElement>>;
 export default _default;
 export declare const Default: Story<InputProps>;
-export declare const Sizes: () => JSX.Element;
-export declare const States: () => JSX.Element;
-export declare const Types: () => JSX.Element;
-export declare const WithIcons: () => JSX.Element;
+export declare const Sizes: () => React.ReactElement;
+export declare const States: () => React.ReactElement;
+export declare const Types: () => React.ReactElement;
+export declare const WithIcons: () => React.ReactElement;

package/dist/components/Modal/Modal.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ModalBaseProps } from './ModalBase';
+import { ModalBaseProps } from './components/ModalBase';
 export interface ModalProps extends ModalBaseProps {
     /**
      * Header element. For consistent UI use `<ModalHeader/>`
@@ -17,5 +17,9 @@ export interface ModalProps extends ModalBaseProps {
      * Footer element
      */
     footer?: React.ReactNode;
+    /**
+     * Class name for the content container
+     */
+    contentClassName?: string;
 }
 export declare const Modal: React.FC<ModalProps>;

package/dist/components/Modal/{ModalBase.d.ts → components/ModalBase.d.ts}

@@ -12,5 +12,9 @@ export interface ModalBaseProps extends React.HTMLAttributes<HTMLDivElement> {
      * Triggers the onClose event on overlay click
      */
     closeOnOverlayPress?: boolean;
+    /**
+     * Removes the spacing inside the main container
+     */
+    fullSpaceContent?: boolean;
 }
 export declare const ModalBase: React.FC<React.PropsWithChildren<ModalBaseProps>>;

package/dist/components/Modal/components/ModalBase.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Modal/{ModalCloseButton.d.ts → components/ModalCloseButton.d.ts}

@@ -1,5 +1,6 @@
 import * as React from 'react';
-export interface ModalCloseButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
+import { ButtonProps } from '../../Button';
+export interface ModalCloseButtonProps extends ButtonProps {
     labelType?: boolean;
     customColor?: string;
 }

package/dist/components/Modal/components/ModalHeader.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { AvatarProps } from '../../Avatar';
+import { IconProps } from '../../Icon';
+export interface ModalHeaderProps {
+    /**
+     * Set the header title
+     */
+    title?: React.ReactNode;
+    /**
+     * Set to display the icon
+     */
+    iconProps?: IconProps;
+    /**
+     * Set to display avatar
+     */
+    avatarProps?: AvatarProps;
+    /**
+     * Children element
+     */
+    children?: React.ReactNode;
+    /**
+     * Define class name for container
+     */
+    className?: 'string';
+}
+export declare const ModalHeader: React.FC<ModalHeaderProps>;

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

@@ -1,10 +1,10 @@
 export { Modal } from './Modal';
-export { ModalBase } from './ModalBase';
-export { ModalCloseButton } from './ModalCloseButton';
-export { ModalPortal } from './ModalPortal';
-export { ModalHeader } from './ModalHeader';
+export { ModalBase } from './components/ModalBase';
+export { ModalCloseButton } from './components/ModalCloseButton';
+export { ModalPortal } from './components/ModalPortal';
+export { ModalHeader } from './components/ModalHeader';
 export type { ModalProps } from './Modal';
-export type { ModalBaseProps } from './ModalBase';
-export type { ModalCloseButtonProps } from './ModalCloseButton';
-export type { ModalPortalProps } from './ModalPortal';
-export type { ModalHeaderProps } from './ModalHeader';
+export type { ModalBaseProps } from './components/ModalBase';
+export type { ModalCloseButtonProps } from './components/ModalCloseButton';
+export type { ModalPortalProps } from './components/ModalPortal';
+export type { ModalHeaderProps } from './components/ModalHeader';

package/dist/components/NumericInput/NumericInput.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-interface Props {
+export type NumericInputProps = React.InputHTMLAttributes<HTMLInputElement> & {
     className?: string;
     error?: string;
     value: string;
@@ -8,7 +8,5 @@ interface Props {
     disabled?: boolean;
     noControls?: boolean;
     onChange: (value: string) => void;
-}
-export type NumericInputProps = React.InputHTMLAttributes<HTMLInputElement> & Props;
+};
 export declare const NumericInput: React.FC<NumericInputProps>;
-export {};

package/dist/components/NumericInput/NumericInput.stories.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { NumericInputProps } from './NumericInput';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, React.InputHTMLAttributes<HTMLInputElement> & {
+    className?: string | undefined;
+    error?: string | undefined;
+    value: string;
+    max?: number | undefined;
+    min?: number | undefined;
+    disabled?: boolean | undefined;
+    noControls?: boolean | undefined;
+    onChange: (value: string) => void;
+} & {
+    children?: React.ReactNode;
+}>;
+export default _default;
+export declare const NumericInput: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, NumericInputProps>;
+export declare const NumericInputWithMinAndMaxValues: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, NumericInputProps>;
+export declare const NumericInputWithNoControls: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, NumericInputProps>;
+export declare const NumericInputWithDisabled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, NumericInputProps>;
+export declare const NumericInputWithError: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, NumericInputProps>;

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

@@ -1,8 +1,6 @@
 import * as React from 'react';
-import { IPickerListItem } from './PickerList';
-import { IconSize } from '../Icon';
 import { Size } from 'utils';
-export type PickerType = 'single' | 'multi';
+import { IPickerListItem, PickerType } from './types';
 export interface IPickerProps {
     /**
      * Specify the custom id
@@ -32,10 +30,6 @@ export interface IPickerProps {
      * Specify the picker size
      */
     size?: Size;
-    /**
-     * Set the dismiss icon size in tags when `multi` type is enabled
-     */
-    tagIconSize?: IconSize;
     /**
      * Specify the placeholder for search input
      */

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

@@ -7,4 +7,5 @@ export default _default;
 export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IPickerProps>;
 export declare const States: () => React.ReactElement;
 export declare const PickerWithGroupedOptions: () => React.ReactElement;
+export declare const PickerWithMoreOptions: () => React.ReactElement;
 export declare const PickerWithOptionsAsCustomElements: () => React.ReactElement;

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

@@ -1,14 +1,5 @@
 import * as React from 'react';
-export interface IPickerListItem {
-    key: string;
-    name: string;
-    customElement?: {
-        listItemBody: React.ReactElement;
-        selectedItemBody: React.ReactElement;
-    };
-    groupHeader?: boolean;
-    disabled?: boolean;
-}
+import { IPickerListItem } from './types';
 export interface IPickerListProps {
     isOpen: boolean;
     items: IPickerListItem[];

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

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { IPickerListItem } from './types';
+interface IProps {
+    item: IPickerListItem;
+    isItemSelected: boolean;
+    currentItemKey: string | null;
+    isAdjacentStyleApplied: 'top' | 'middle' | 'bottom';
+    onSelect: (item: IPickerListItem) => void;
+}
+export declare const PickerListItem: React.FC<IProps>;
+export {};

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

@@ -1,7 +1,6 @@
 import * as React from 'react';
-import { IPickerListItem } from './PickerList';
-import { PickerType } from './Picker';
-import { IconSize } from 'index';
+import { Size } from 'utils';
+import { PickerType, IPickerListItem } from './types';
 export interface ITriggerBodyProps {
     isOpen: boolean;
     isSearchDisabled?: boolean;
@@ -9,8 +8,8 @@ export interface ITriggerBodyProps {
     placeholder: string;
     items?: IPickerListItem[] | null;
     type: PickerType;
-    iconSize?: IconSize;
     clearSearchAfterSelection?: boolean;
+    size?: Size;
     onItemRemove: (item: IPickerListItem) => void;
     onFilter: (text: string) => void;
 }

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

@@ -1,8 +1,8 @@
-export declare const defaultPickerOptions: {
+export declare const DEFAULT_PICKER_OPTIONS: {
     key: string;
     name: string;
 }[];
-export declare const defaultExtendedOptions: ({
+export declare const DEFAULT_EXTENDED_OPTIONS: ({
     key: string;
     name: string;
     groupHeader: boolean;
@@ -18,4 +18,33 @@ export declare const defaultExtendedOptions: ({
     disabled: boolean;
     groupHeader?: undefined;
 })[];
+export declare const DEFAULT_MORE_PICKER_OPTIONS: ({
+    key: string;
+    name: string;
+    secondaryText: string;
+    showCheckbox?: undefined;
+    icon?: undefined;
+    avatarSrc?: undefined;
+} | {
+    key: string;
+    name: string;
+    showCheckbox: boolean;
+    secondaryText?: undefined;
+    icon?: undefined;
+    avatarSrc?: undefined;
+} | {
+    key: string;
+    name: string;
+    icon: any;
+    secondaryText?: undefined;
+    showCheckbox?: undefined;
+    avatarSrc?: undefined;
+} | {
+    key: string;
+    name: string;
+    avatarSrc: string;
+    secondaryText?: undefined;
+    showCheckbox?: undefined;
+    icon?: undefined;
+})[];
 export declare const SELECT_ALL_OPTION_KEY = "select-all";

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

@@ -0,0 +1,2 @@
+import { IPickerListItem } from './types';
+export declare function getAdjacentItemPositions(items: IPickerListItem[], selectedKeys: string[] | null): Record<string, 'top' | 'middle' | 'bottom'>;

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

@@ -1,2 +1,3 @@
 export * from './Picker';
 export * from './PickerList';
+export type { PickerType, IPickerListItem } from './types';

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

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { IconSource } from '../Icon';
+export interface IPickerListItem {
+    key: string;
+    name: string;
+    customElement?: {
+        listItemBody: React.ReactElement;
+        selectedItemBody: React.ReactElement;
+    };
+    groupHeader?: boolean;
+    disabled?: boolean;
+    icon?: IconSource;
+    avatarSrc?: string;
+    secondaryText?: string;
+    showCheckbox?: boolean;
+}
+export type PickerType = 'single' | 'multi';

package/dist/components/Popover/Popover.d.ts

@@ -6,6 +6,10 @@ export interface IPopoverProps {
      * The CSS class for popover container
      */
     className?: string;
+    /**
+     * The CSS class for trigger container
+     */
+    triggerClassName?: string;
     /**
      * The popover placement related to the trigger element
      */

package/dist/components/PromoBanner/PromoBanner.d.ts

@@ -37,4 +37,7 @@ export interface PromoBannerProps {
      */
     onLinkClick?: () => void;
 }
+/**
+ * @deprecated Since version 1.0.0. Will be deleted in future versions. Use {@link PromoBannerV2} instead.
+ */
 export declare const PromoBanner: React.FC<React.PropsWithChildren<PromoBannerProps>>;