@livechat/design-system-react-components 1.0.0-beta.7-rc.1 → 1.0.0-beta.8

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

@@ -1,24 +1,19 @@
 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 wrapper container
+     * The CSS class for trigger element
      */
-    wrapperClassName?: string;
+    triggerClassName?: string;
     /**
      * Array of menu options
      */
-    options: Array<{
-        key: string;
-        element: React.ReactNode;
-        disabled?: boolean;
-        withDivider?: boolean;
-        onClick: () => void;
-    }>;
+    options: IActionMenuOption[];
     /**
      * Trigger element
      */

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/Button/Button.d.ts

@@ -59,5 +59,5 @@ export declare const Button: React.ForwardRefExoticComponent<{
     /**
      * Specify the place to render element given in `icon` prop
      */
-    iconPosition?: "left" | "right" | undefined;
+    iconPosition?: "right" | "left" | undefined;
 } & React.ButtonHTMLAttributes<HTMLButtonElement> & React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;

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

@@ -7,7 +7,7 @@ declare const _default: import("@storybook/types").ComponentAnnotations<import("
     fullWidth?: boolean | undefined;
     loaderLabel?: string | undefined;
     icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
-    iconPosition?: "left" | "right" | undefined;
+    iconPosition?: "right" | "left" | undefined;
 } & React.ButtonHTMLAttributes<HTMLButtonElement> & React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
 export default _default;
 export declare const Default: {

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/{ModalCloseButton.d.ts → components/ModalCloseButton.d.ts}

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

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { IconProps } from '../Icon';
+import { IconProps } from '../../Icon';
 export interface ModalHeaderProps {
     title?: React.ReactNode;
     iconProps?: IconProps;

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/Tag/Tag.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { IconSize, IconSource } from '../Icon';
+import { IconSize } from '../Icon';
 export interface TagProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Specify the tag kind
@@ -30,17 +30,12 @@ export interface TagProps extends React.HTMLAttributes<HTMLDivElement> {
      */
     onRemove?(): void;
     /**
-     * Pass the icon to show it on the left
+     * React node element to show on the left
      */
-    leftIcon?: IconSource;
+    leftNode?: React.ReactElement;
     /**
-     * Pass the icon to show it on the right
+     * React node element to show on the right
      */
-    rightIcon?: IconSource;
-    /**
-    /**
-     * Pass the image source to show it as avatar
-     */
-    avatar?: string;
+    rightNode?: React.ReactElement;
 }
 export declare const Tag: React.FC<React.PropsWithChildren<TagProps>>;

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

@@ -12,14 +12,15 @@ export declare const Kinds: {
     ({ children, ...args }: TagProps): React.ReactElement;
     args: {
         children: string;
-        leftIcon: any;
+        leftNode: React.JSX.Element;
+        rightNode: React.JSX.Element;
     };
 };
 export declare const Sizes: {
     ({ children, ...args }: TagProps): React.ReactElement;
     args: {
         children: string;
-        leftIcon: any;
-        rightIcon: any;
+        leftNode: React.JSX.Element;
+        rightNode: React.JSX.Element;
     };
 };