@livechat/design-system-react-components 1.17.1-alpha.3 → 1.17.1

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

@@ -1,27 +1,37 @@
 import * as React from 'react';
+import { TagKind, TagSize } from './types';
 export interface TagProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Specify the tag kind
      */
-    kind?: 'default' | 'info' | 'warning' | 'success' | 'error' | 'purple' | 'black';
+    kind?: TagKind;
     /**
      * Specify the tag size
      */
-    size?: 'small' | 'medium' | 'large' | 'xlarge';
+    size?: TagSize;
     /**
      * Set the tag custom color
      */
     customColor?: string;
     /**
      * Set to show close icon
+     * @deprecated The close icon will be visible by providing the `onRemove` prop and this flag will no longer be needed
      */
     dismissible?: boolean;
+    /**
+     * Set to show close icon on hover only if the `onRemove` prop is provided
+     */
+    dismissibleOnHover?: boolean;
+    /**
+     * Set to hide close icon if the `onRemove` prop is provided
+     */
+    disabled?: boolean;
     /**
      * Outlined version of tag
      */
     outline?: boolean;
     /**
-     * The event handler for close icon click
+     * The event handler for close icon click, if provided the close icon will be visible
      */
     onRemove?(e: React.MouseEvent): void;
     /**
@@ -32,5 +42,9 @@ export interface TagProps extends React.HTMLAttributes<HTMLDivElement> {
      * React node element to show on the right
      */
     rightNode?: React.ReactElement;
+    /**
+     * Set to show the tag as square (only if you want use icon without text)
+     */
+    iconOnly?: boolean;
 }
 export declare const Tag: React.FC<React.PropsWithChildren<TagProps>>;

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

@@ -0,0 +1,2 @@
+export declare const kinds: readonly ["default", "info", "warning", "success", "error", "purple", "black", "gray", "gradient01", "gradient02", "gradient03", "gradient04", "gradient05", "gradient06", "gradient07", "gradient08", "gradient09", "gradient10", "gradient11"];
+export declare const sizes: readonly ["small", "medium", "large", "xlarge"];

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

@@ -1,2 +1,3 @@
 export { Tag } from './Tag';
 export type { TagProps } from './Tag';
+export type { TagKind, TagSize } from './types';

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

@@ -0,0 +1,3 @@
+import { kinds, sizes } from './constants';
+export type TagKind = (typeof kinds)[number];
+export type TagSize = (typeof sizes)[number];