@livechat/design-system-react-components 1.0.0-beta.8 → 1.0.0-icons-remake.1

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

@@ -1,3 +1,3 @@
-export declare function getBackgroundColor(initials: string): string | undefined;
+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/Button/Button.stories.d.ts

@@ -12,20 +12,6 @@ declare const _default: import("@storybook/types").ComponentAnnotations<import("
 export default _default;
 export declare const Default: {
     (args: ButtonProps): React.ReactElement;
-    argTypes: {
-        icon: {
-            options: string[];
-            mapping: {
-                [k: string]: React.JSX.Element;
-            } & {
-                None: null;
-            };
-            control: {
-                type: string;
-                labels: string[];
-            };
-        };
-    };
     args: {
         loading: boolean;
         disabled: boolean;
@@ -34,7 +20,7 @@ export declare const Default: {
         children: string;
         fullWidth: boolean;
         iconPosition: string;
-        icon: string;
+        icon: React.JSX.Element;
     };
 };
 export declare const KindsAndStates: () => React.ReactElement;

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

@@ -1,5 +1,11 @@
 import * as React from 'react';
-import { IconProps } from '../../Icon';
+import { IconSize, IconKind, Tabler } from '@livechat/design-system-icons';
+export interface IconProps {
+    name: Tabler;
+    kind?: IconKind;
+    size?: IconSize;
+    customColor?: string;
+}
 export interface ModalHeaderProps {
     title?: React.ReactNode;
     iconProps?: IconProps;

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
+import { IconSize } from '@livechat/design-system-icons';
 import { Size } from 'utils';
-import { IconSize } from '../Icon';
 import { IPickerListItem, PickerType } from './types';
 export interface IPickerProps {
     /**

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
+import { IconSize } from '@livechat/design-system-icons';
 import { Size } from 'utils';
-import { IconSize } from '../Icon';
 import { PickerType, IPickerListItem } from './types';
 export interface ITriggerBodyProps {
     isOpen: boolean;

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

@@ -35,7 +35,7 @@ export declare const DEFAULT_MORE_PICKER_OPTIONS: ({
 } | {
     key: string;
     name: string;
-    icon: any;
+    icon: string;
     secondaryText?: undefined;
     showCheckbox?: undefined;
     avatarSrc?: undefined;

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

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import { IconSource } from '../Icon';
 export interface IPickerListItem {
     key: string;
     name: string;
@@ -9,7 +8,7 @@ export interface IPickerListItem {
     };
     groupHeader?: boolean;
     disabled?: boolean;
-    icon?: IconSource;
+    icon?: string;
     avatarSrc?: string;
     secondaryText?: string;
     showCheckbox?: boolean;

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { IconSize } from '../Icon';
+import { IconSize } from '@livechat/design-system-icons';
 export interface TagProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Specify the tag kind

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

@@ -1,4 +1,4 @@
-import { IconKind } from '../Icon';
+import { IconKind } from '@livechat/design-system-icons';
 import { TooltipTheme } from './types';
 export declare function getIconType(theme: TooltipTheme): IconKind;
 export declare const sleep: (milliseconds: number) => Promise<void>;