@livechat/design-system-react-components 1.0.0-alpha.30 → 1.0.0-alpha.32

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

@@ -1,3 +1,6 @@
 import * as React from 'react';
-export declare type ModalCloseButtonProps = React.HTMLAttributes<HTMLButtonElement>;
+export interface ModalCloseButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
+    labelType?: boolean;
+    customColor?: string;
+}
 export declare const ModalCloseButton: React.FC<ModalCloseButtonProps>;

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

@@ -1,9 +1,7 @@
-export { ActionModal } from './ActionModal';
 export { Modal } from './Modal';
 export { ModalBase } from './ModalBase';
 export { ModalCloseButton } from './ModalCloseButton';
 export { ModalPortal } from './ModalPortal';
-export type { ActionModalProps } from './ActionModal';
 export type { ModalProps } from './Modal';
 export type { ModalBaseProps } from './ModalBase';
 export type { ModalCloseButtonProps } from './ModalCloseButton';

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

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { IPickerListItem } from './PickerList';
+import { IconSize } from '../Icon';
 import { Size } from 'utils';
 export declare type PickerType = 'single' | 'multi';
 export interface IPickerProps {
@@ -10,6 +11,7 @@ export interface IPickerProps {
     options: IPickerListItem[];
     selected?: IPickerListItem[] | null;
     size?: Size;
+    tagIconSize?: IconSize;
     placeholder?: string;
     isRequired?: boolean;
     noSearchResultText?: string;

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

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

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

@@ -7,5 +7,6 @@ export interface IPopoverProps {
     isVisible?: boolean;
     flipOptions?: Parameters<typeof flip>[0];
     triggerRenderer: () => React.ReactNode;
+    onClose?: () => void;
 }
 export declare const Popover: React.FC<IPopoverProps>;

package/dist/src/components/Search/Search.d.ts

@@ -1,16 +1,11 @@
 import * as React from 'react';
-export declare const enum SearchSize {
-    Compact = "compact",
-    Medium = "medium",
-    Large = "large"
-}
 export interface ISearchInputProps {
     isCollapsable?: boolean;
     isDisabled?: boolean;
     isLoading?: boolean;
     placeholder?: string;
-    size?: SearchSize;
-    value?: string;
+    size?: 'compact' | 'medium' | 'large';
+    value: string;
     className?: string;
     onChange: (value: string) => void;
 }

package/dist/src/components/Tab/Tab.d.ts

@@ -1,12 +1,15 @@
 import * as React from 'react';
+import { Size } from 'utils';
 declare type HTMLProps = (React.AnchorHTMLAttributes<HTMLAnchorElement> & {
     href: string;
 }) | (React.ButtonHTMLAttributes<HTMLButtonElement> & {
     href?: never;
 });
 export declare type TabProps = HTMLProps & {
-    description?: React.ReactNode;
+    count?: number;
     isSelected?: boolean;
+    asBadge?: boolean;
+    size?: Size;
 };
 export declare const Tab: React.FC<TabProps>;
 export {};

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

@@ -1,8 +1,9 @@
 import * as React from 'react';
-import { IconSource } from '../Icon';
+import { IconSize, IconSource } from '../Icon';
 export interface TagProps extends React.HTMLAttributes<HTMLDivElement> {
     kind?: 'default' | 'info' | 'warning' | 'success' | 'error';
     size?: 'medium' | 'large';
+    iconSize?: IconSize;
     customColor?: string;
     dismissible?: boolean;
     outline?: boolean;

package/dist/src/components/UploadBar/UploadBar.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { ProgressStatus, ProgressSize } from '../Progress/constants';
+export interface UploadBarProps {
+    className?: string;
+    progressValue: number;
+    title: string;
+    isExpanded?: boolean;
+    errorMessage?: string;
+    status?: ProgressStatus;
+    icon?: React.ReactNode;
+    size?: ProgressSize;
+    mode?: 'single' | 'multiple';
+    onCloseButtonClick?: () => void;
+    onRetryButtonClick?: () => void;
+}
+export declare const UploadBar: React.FC<UploadBarProps>;

package/dist/src/components/UploadBar/index.d.ts

@@ -0,0 +1 @@
+export * from './UploadBar';

package/dist/src/index.d.ts

@@ -37,3 +37,5 @@ export * from './components/Toast';
 export * from './components/Tooltip';
 export * from './components/Typography';
 export * from './components/Textarea';
+export * from './components/FileUploadProgress';
+export * from './components/UploadBar';

package/dist/src/themes/design-token.d.ts

@@ -1,51 +1,140 @@
 export declare const DesignToken: {
     Background: string;
+    Background01: string;
+    Background02: string;
+    Background03: string;
     SurfaceBasicDefault: string;
+    SurfacePrimaryDefault: string;
     SurfaceBasicSubtle: string;
+    SurfaceSecondaryDefault: string;
+    SurfaceSecondaryHover: string;
+    SurfaceSecondaryActive: string;
+    SurfaceSecondaryDisabled: string;
     SurfaceBasicHover: string;
+    SurfacePrimaryHover: string;
     SurfaceBasicActive: string;
+    SurfacePrimaryActive: string;
+    SurfacePrimaryActiveColored: string;
     SurfaceBasicDisabled: string;
-    SurfaceSecondaryDefault: string;
+    SurfacePrimaryDisabled: string;
+    SurfaceTertiaryDefault: string;
     SurfaceSecondarySubtle: string;
-    SurfaceSecondaryHover: string;
-    SurfaceSecondaryDisabled: string;
+    SurfaceModerateDefault: string;
+    SurfaceModerateHover: string;
+    SurfaceModerateActive: string;
+    SurfaceTertiaryHover: string;
+    SurfaceTertiaryActive: string;
+    SurfaceTertiaryDisabled: string;
     SurfaceFeedbackInfo: string;
+    SurfaceAccentEmphasisLowInfo: string;
     SurfaceFeedbackNegative: string;
+    SurfaceAccentEmphasisLowNegative: string;
     SurfaceFeedbackWarning: string;
+    SurfaceAccentEmphasisLowWarning: string;
     SurfaceFeedbackPositive: string;
+    SurfaceAccentEmphasisLowPositive: string;
+    SurfaceAccentEmphasisLowPurple: string;
+    SurfaceAccentEmphasisMinInfo: string;
+    SurfaceAccentEmphasisMinNegative: string;
+    SurfaceAccentEmphasisMinWarning: string;
+    SurfaceAccentEmphasisMinPositive: string;
+    SurfaceAccentEmphasisMinPurple: string;
     SurfaceInvertDefault: string;
+    SurfaceInvertPrimary: string;
     SurfaceInvertSubtle: string;
+    SurfaceInvertSecondary: string;
     SurfaceInvertDisabled: string;
+    SurfaceLockedDefault: string;
+    SurfaceLockedHover: string;
+    SurfaceLockedActive: string;
+    SurfaceLockedDisabled: string;
+    SurfaceLockedWhite: string;
+    SurfaceLockedBlack: string;
+    SurfaceAccentEmphasisHighInfo: string;
+    SurfaceAccentEmphasisHighNegative: string;
+    SurfaceAccentEmphasisHighWarning: string;
+    SurfaceAccentEmphasisHighPositive: string;
+    SurfaceAccentEmphasisHighPurple: string;
     SurfaceOverlay: string;
+    SurfaceOtherOverlay: string;
+    SurfaceOtherAgent: string;
+    SurfaceOtherSkeleton: string;
     ContentDefault: string;
+    ContentBasicPrimary: string;
     ContentSubtle: string;
+    ContentBasicSecondary: string;
     ContentDisabled: string;
+    ContentBasicDisabled: string;
+    ContentBasicNegative: string;
+    ContentBasicWarning: string;
+    ContentBasicPositive: string;
+    ContentBasicInfo: string;
+    ContentBasicPurple: string;
     ContentWhiteLocked: string;
+    ContentLockedWhite: string;
+    ContentBlackLocked: string;
+    ContentLockedBlack: string;
+    ContentLockedDefault: string;
+    ContentLockedHover: string;
+    ContentLockedActive: string;
+    ContentLockedDisabled: string;
     ContentInvertDefault: string;
+    ContentInvertPrimary: string;
     ContentInvertSubtle: string;
+    ContentInvertSecondary: string;
     ContentInvertDisabled: string;
     BorderDefault: string;
+    BorderBasicPrimary: string;
+    BorderBasicSecondary: string;
     BorderSubtle: string;
+    BorderBasicTertiary: string;
     BorderHover: string;
+    BorderBasicHover: string;
     BorderDisabled: string;
+    BorderBasicDisabled: string;
+    BorderBasicNegative: string;
+    BorderBasicWarning: string;
+    BorderBasicPositive: string;
+    BorderBasicInfo: string;
+    BorderBasicPurple: string;
     BorderInvertDefault: string;
+    BorderInvertPrimary: string;
     BorderInvertSubtle: string;
+    BorderInvertSecondary: string;
     BorderInvertHover: string;
     BorderInvertDisabled: string;
     ColorActionActive: string;
+    ActionPrimaryActive: string;
     ColorActionHover: string;
+    ActionPrimaryHover: string;
     ColorActionDefault: string;
+    ActionPrimaryDefault: string;
+    ColorActionDefaultRgb: string;
     ColorActionDisabled: string;
+    ActionPrimaryDisabled: string;
     ColorNegativeActive: string;
+    ActionNegativeActive: string;
     ColorNegativeHover: string;
+    ActionNegativeHover: string;
     ColorNegativeDefault: string;
+    ActionNegativeDefault: string;
     ColorNegativeDisabled: string;
+    ActionNegativeDisabled: string;
     ColorWarningDefault: string;
+    ActionWarningDefault: string;
     ColorWarningHover: string;
+    ActionWarningHover: string;
     ColorPositiveDefault: string;
+    ActionPositiveDefault: string;
     ColorPositiveHover: string;
+    ActionPositiveHover: string;
     ColorPositiveDisabled: string;
+    ActionPositiveDisabled: string;
+    ActionNeutralDefault: string;
+    ActionNeutralHover: string;
+    ActionNeutralDisabled: string;
     ColorBot: string;
+    SurfaceOtherBot: string;
     ColorBlack: string;
     ColorWhite: string;
     DecorBlue900: string;
@@ -123,4 +212,13 @@ export declare const DesignToken: {
     DecorPurple200: string;
     DecorPurple100: string;
     DecorPurple50: string;
+    ProductsLivechat: string;
+    ProductsHelpdesk: string;
+    ProductsChatbot: string;
+    ProductsKnowledgebase: string;
+    IllustrationsPrimary: string;
+    IllustrationsSecondary: string;
+    IllustrationsStroke: string;
+    TagSurface01: string;
+    TagContent01: string;
 };