@livechat/design-system-react-components 1.0.0-beta.2 → 1.0.0-beta.4

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

@@ -1,2 +1,3 @@
+export declare function getBackgroundColor(initials: 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/Icon/Icon.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 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 IconKind = 'primary' | 'subtle' | 'inverted' | 'inverted-subtle' | 'link' | 'success' | 'warning' | 'error' | 'negative' | 'positive' | 'action-primary' | 'action-negative' | 'action-positive' | 'action-warning' | 'action-neutral';
 export type IconSource = React.FC<React.SVGProps<SVGSVGElement>> & React.ReactElement;
 export interface IconProps {
     /**

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

@@ -30,9 +30,14 @@ export interface TagProps extends React.HTMLAttributes<HTMLDivElement> {
      */
     onRemove?(): void;
     /**
-     * Pass the icon to show it
+     * Pass the icon to show it on the left
      */
-    icon?: IconSource;
+    leftIcon?: IconSource;
+    /**
+     * Pass the icon to show it on the right
+     */
+    rightIcon?: IconSource;
+    /**
     /**
      * Pass the image source to show it as avatar
      */

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

@@ -12,13 +12,14 @@ export declare const Kinds: {
     ({ children, ...args }: TagProps): React.ReactElement;
     args: {
         children: string;
-        icon: any;
+        leftIcon: any;
     };
 };
 export declare const Sizes: {
     ({ children, ...args }: TagProps): React.ReactElement;
     args: {
         children: string;
-        icon: any;
+        leftIcon: any;
+        rightIcon: any;
     };
 };

package/dist/components/Toast/ToastWrapper.stories.d.ts

@@ -11,7 +11,7 @@ export declare const ToastWrapper: {
         toasts: ({
             id: string;
             kind: string;
-            content: React.JSX.Element;
+            content: string;
             removable?: undefined;
             action?: undefined;
         } | {
@@ -29,12 +29,6 @@ export declare const ToastWrapper: {
                 handler: () => void;
             };
             removable?: undefined;
-        } | {
-            id: string;
-            kind: string;
-            content: string;
-            removable?: undefined;
-            action?: undefined;
         })[];
     };
 };

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

@@ -1,3 +1,4 @@
 export { Tooltip } from './Tooltip';
 export { Simple, Info, Interactive, Reports } from './components';
 export { UserGuide } from './components/UserGuide';
+export type { ITooltipProps } from './types';