@livechat/design-system-react-components 1.0.0-y.0 → 1.1.0

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

@@ -1,14 +0,0 @@
-import * as React from 'react';
-export declare type IconSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
-export declare type IconKind = 'primary' | 'subtle' | 'inverted' | 'inverted-subtle' | 'link' | 'success' | 'warning' | 'error';
-export declare type IconSource = React.FC<React.SVGProps<SVGSVGElement>> & React.ReactElement;
-export interface IconProps {
-    source: IconSource;
-    size?: IconSize;
-    kind?: IconKind;
-    disabled?: boolean;
-    className?: string;
-    customColor?: string;
-}
-export declare const Icon: React.FC<IconProps>;
-export default Icon;

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

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

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

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { ModalBaseProps } from './ModalBase';
-export interface ModalProps extends ModalBaseProps {
-    heading?: React.ReactNode;
-    labelHeading?: React.ReactNode;
-    fullSpaceContent?: boolean;
-    footer?: React.ReactNode;
-}
-export declare const Modal: React.FC<ModalProps>;

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

@@ -1,7 +0,0 @@
-import * as React from 'react';
-export interface ModalBaseProps extends React.HTMLAttributes<HTMLDivElement> {
-    onClose(): void;
-    closeOnEscPress?: boolean;
-    closeOnOverlayPress?: boolean;
-}
-export declare const ModalBase: React.FC<ModalBaseProps>;

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

@@ -1,8 +0,0 @@
-export { Modal } from './Modal';
-export { ModalBase } from './ModalBase';
-export { ModalCloseButton } from './ModalCloseButton';
-export { ModalPortal } from './ModalPortal';
-export type { ModalProps } from './Modal';
-export type { ModalBaseProps } from './ModalBase';
-export type { ModalCloseButtonProps } from './ModalCloseButton';
-export type { ModalPortalProps } from './ModalPortal';

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

@@ -1,23 +0,0 @@
-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 {
-    className?: string;
-    disabled?: boolean;
-    label?: string;
-    error?: string;
-    options: IPickerListItem[];
-    selected?: IPickerListItem[] | null;
-    size?: Size;
-    tagIconSize?: IconSize;
-    placeholder?: string;
-    isRequired?: boolean;
-    noSearchResultText?: string;
-    selectAllOptionText?: string;
-    type?: PickerType;
-    searchDisabled?: boolean;
-    onSelect: (selectedItems: IPickerListItem[] | null) => void;
-}
-export declare const Picker: React.FC<IPickerProps>;

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

@@ -1,21 +0,0 @@
-export declare const defaultOptions: {
-    key: string;
-    name: string;
-}[];
-export declare const defaultExtendedOptions: ({
-    key: string;
-    name: string;
-    groupHeader: boolean;
-    disabled?: undefined;
-} | {
-    key: string;
-    name: string;
-    groupHeader?: undefined;
-    disabled?: undefined;
-} | {
-    key: string;
-    name: string;
-    disabled: boolean;
-    groupHeader?: undefined;
-})[];
-export declare const SELECT_ALL_OPTION_KEY = "select-all";

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

@@ -1,2 +0,0 @@
-export * from './Picker';
-export * from './PickerList';

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

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { Placement, flip } from '@floating-ui/react-dom';
-export interface IPopoverProps {
-    children?: React.ReactNode;
-    className?: string;
-    placement?: Placement;
-    isVisible?: boolean;
-    flipOptions?: Parameters<typeof flip>[0];
-    triggerRenderer: () => React.ReactNode;
-    onClose?: () => void;
-}
-export declare const Popover: React.FC<IPopoverProps>;

package/dist/src/components/Progress/constants.d.ts

@@ -1,4 +0,0 @@
-export declare type ProgressStatus = 'normal' | 'error' | 'success';
-export declare type ProgressSize = 'small' | 'medium' | 'large';
-export declare const PROGRESS_STATUSES: ProgressStatus[];
-export declare const PROGRESS_SIZES: ProgressSize[];

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

@@ -1,13 +0,0 @@
-import * as React from 'react';
-export interface PromoBannerProps {
-    className?: string;
-    buttonText?: string;
-    header: string;
-    img?: string;
-    light?: boolean;
-    linkText?: string;
-    onButtonClick?: () => void;
-    onClose?: () => void;
-    onLinkClick?: () => void;
-}
-export declare const PromoBanner: React.FC<PromoBannerProps>;

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

@@ -1,12 +0,0 @@
-import * as React from 'react';
-export interface ISearchInputProps {
-    isCollapsable?: boolean;
-    isDisabled?: boolean;
-    isLoading?: boolean;
-    placeholder?: string;
-    size?: 'compact' | 'medium' | 'large';
-    value: string;
-    className?: string;
-    onChange: (value: string) => void;
-}
-export declare const SearchInput: React.FC<ISearchInputProps>;

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

@@ -1,17 +0,0 @@
-import * as React from 'react';
-export declare const baseClass = "switch";
-export declare type SwitchSize = 'compact' | 'medium' | 'large';
-export declare type SwitchState = 'regular' | 'loading' | 'locked';
-export interface SwitchProps {
-    ariaLabel?: string;
-    className?: string;
-    defaultOn?: boolean;
-    disabled?: boolean;
-    innerRef?: React.LegacyRef<HTMLInputElement> | undefined;
-    name?: string;
-    on?: boolean;
-    onChange?(e: React.FormEvent, value: boolean): void;
-    size?: SwitchSize;
-    state?: SwitchState;
-}
-export declare const Switch: React.FC<SwitchProps>;

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

@@ -1,14 +0,0 @@
-import * as React from 'react';
-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;
-    onRemove?(): void;
-    icon?: IconSource;
-    avatar?: string;
-}
-export declare const Tag: React.FC<TagProps>;

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

@@ -1 +0,0 @@
-export { Tag } from './Tag';

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

@@ -1,13 +0,0 @@
-import * as React from 'react';
-declare type Tags = string[];
-export interface TagInputProps {
-    id?: string;
-    error?: string;
-    tags?: Tags;
-    onChange: (tags: Tags) => void;
-    placeholder?: string;
-    validator?: (val: string) => boolean;
-    size?: 'medium' | 'large';
-}
-export declare const TagInput: React.FC<TagInputProps>;
-export {};

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

@@ -1,2 +0,0 @@
-import { IconKind } from '../Icon';
-export declare function getIconType(theme: string): IconKind;

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

@@ -1,16 +0,0 @@
-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/utils/constants.d.ts

@@ -1 +0,0 @@
-export declare type Size = 'compact' | 'medium' | 'large';

package/dist/src/vite-env.d.ts

@@ -1 +0,0 @@
-/// <reference types="vite/client" />

package/dist/themes/dark.css

@@ -1,236 +0,0 @@
-.lc-dark-theme {
-  --background: #131317;
-  --background-01: #131317;
-  --background-02: #202024;
-  --background-03: #202024;
-  --surface-basic-default: #202024;
-  --surface-primary-default: #202024;
-  --surface-basic-subtle: #29292f;
-  --surface-secondary-default: #2d2d33;
-  --surface-secondary-hover: #343439;
-  --surface-secondary-active: #3a3a40;
-  --surface-secondary-disabled: #2d2d32;
-  --surface-basic-hover: rgb(255 255 255 / 10%);
-  --surface-primary-hover: #2b2b2f;
-  --surface-basic-active: rgb(255 255 255 / 20%);
-  --surface-primary-active: #323236;
-  --surface-primary-active-colored: rgb(0 102 255 / 25%);
-  --surface-basic-disabled: #2d2d32;
-  --surface-primary-disabled: #333338;
-  --surface-tertiary-default: #3b3b43;
-  --surface-secondary-subtle: #3b3b43;
-  --surface-moderate-default: #4e4e58;
-  --surface-moderate-hover: #55555f;
-  --surface-moderate-active: #5c5c65;
-  --surface-tertiary-hover: #43434b;
-  --surface-tertiary-active: #4b4b52;
-  --surface-tertiary-disabled: #3b3b43;
-  --surface-feedback-info: #323640;
-  --surface-accent-emphasis-low-info: #20324d;
-  --surface-feedback-negative: #3a3136;
-  --surface-accent-emphasis-low-negative: #492529;
-  --surface-feedback-warning: #3a362b;
-  --surface-accent-emphasis-low-warning: #3d361b;
-  --surface-feedback-positive: #263532;
-  --surface-accent-emphasis-low-positive: #163628;
-  --surface-accent-emphasis-low-purple: #362c4d;
-  --surface-accent-emphasis-min-info: #232a36;
-  --surface-accent-emphasis-min-negative: #32262b;
-  --surface-accent-emphasis-min-warning: #322e26;
-  --surface-accent-emphasis-min-positive: #182c26;
-  --surface-accent-emphasis-min-purple: #2b2836;
-  --surface-invert-default: #eeeeef;
-  --surface-invert-primary: #e2e2e4;
-  --surface-invert-subtle: #c9c9cd;
-  --surface-invert-secondary: #c9c9cd;
-  --surface-invert-disabled: #29292f;
-  --surface-locked-default: #f6f6f7;
-  --surface-locked-hover: #fff;
-  --surface-locked-active: #36363b;
-  --surface-locked-disabled: #333338;
-  --surface-locked-white: #fff;
-  --surface-locked-black: #000;
-  --surface-accent-emphasis-high-info: #06f;
-  --surface-accent-emphasis-high-negative: #ca0005;
-  --surface-accent-emphasis-high-warning: #e8bb00;
-  --surface-accent-emphasis-high-positive: #00893c;
-  --surface-accent-emphasis-high-purple: #9146ff;
-  --surface-overlay: rgb(19 19 23 / 90%);
-  --surface-other-overlay: rgb(19 19 23 / 90%);
-  --surface-other-agent: #06f;
-  --surface-other-skeleton: #3b3b43;
-  --content-default: rgb(255 255 255 / 80%);
-  --content-basic-primary: #eeeeef;
-  --content-subtle: rgb(255 255 255 / 60%);
-  --content-basic-secondary: #ababb1;
-  --content-disabled: rgb(255 255 255 / 40%);
-  --content-basic-disabled: #767680;
-  --content-basic-negative: #ff8282;
-  --content-basic-warning: #e5c155;
-  --content-basic-positive: #4cbf80;
-  --content-basic-info: #68afff;
-  --content-basic-purple: #bf9cff;
-  --content-basic-gradient-01: linear-gradient(
-    254.49deg,
-    #8609ff -0.38%,
-    #004bc2 94.44%
-  );
-  --content-white-locked: #fff;
-  --content-locked-white: #fff;
-  --content-black-locked: #131317;
-  --content-locked-black: #000;
-  --content-locked-default: #131317;
-  --content-locked-hover: #131317;
-  --content-locked-active: #68afff;
-  --content-locked-disabled: #767680;
-  --content-invert-default: #131317;
-  --content-invert-primary: #131317;
-  --content-invert-subtle: rgb(19 19 23 / 70%);
-  --content-invert-secondary: rgb(19 19 23 / 70%);
-  --content-invert-disabled: rgb(19 19 23 / 30%);
-  --content-invert-gradient-01: linear-gradient(
-    254.49deg,
-    #8609ff -0.38%,
-    #004bc2 94.44%
-  );
-  --border-default: rgb(255 255 255 / 40%);
-  --border-basic-primary: rgb(255 255 255 / 20%);
-  --border-basic-secondary: rgb(255 255 255 / 10%);
-  --border-subtle: rgb(255 255 255 / 10%);
-  --border-basic-tertiary: #131317;
-  --border-hover: rgb(255 255 255 / 60%);
-  --border-basic-hover: rgb(255 255 255 / 60%);
-  --border-disabled: rgb(255 255 255 / 50%);
-  --border-basic-disabled: rgb(255 255 255 / 10%);
-  --border-basic-negative: #ff7071;
-  --border-basic-warning: #e6bb00;
-  --border-basic-positive: #33b66d;
-  --border-basic-info: #5ba4ff;
-  --border-basic-purple: #b58eff;
-  --border-invert-default: rgb(19 19 23 / 50%);
-  --border-invert-primary: rgb(19 19 23 / 60%);
-  --border-invert-subtle: rgb(19 19 23 / 10%);
-  --border-invert-secondary: rgb(19 19 23 / 10%);
-  --border-invert-hover: rgba(19 19 23 / 80%);
-  --border-invert-disabled: rgb(19 19 23 / 30%);
-  --color-action-active: #b6d5fb;
-  --action-primary-active: #b3d7ff;
-  --color-action-hover: #8abbf9;
-  --action-primary-hover: #86bfff;
-  --color-action-default: #6daaf8;
-  --action-primary-default: #68afff;
-  --color-action-default-rgb: 157, 206, 255;
-  --color-action-disabled: #6daaf8;
-  --action-primary-disabled: rgb(104 175 255 / 30%);
-  --color-negative-active: #ffe5e5;
-  --action-negative-active: #ffa6a6;
-  --color-negative-hover: #ffb7b7;
-  --action-negative-hover: #ff7071;
-  --color-negative-default: #ff5354;
-  --action-negative-default: #ff4c4d;
-  --color-negative-disabled: rgb(255 76 77 / 30%);
-  --action-negative-disabled: rgb(255 76 77 / 30%);
-  --color-warning-default: #fed65e;
-  --action-warning-default: #e8bb00;
-  --color-warning-hover: #fedc89;
-  --action-warning-hover: #efcf4c;
-  --color-positive-default: #00c057;
-  --action-positive-default: #00a449;
-  --color-positive-hover: #00e066;
-  --action-positive-hover: #4cbf80;
-  --color-positive-disabled: #4d735e;
-  --action-positive-disabled: rgb(0 164 73 / 20%);
-  --action-neutral-default: #8d8d95;
-  --action-neutral-hover: #afafb5;
-  --action-neutral-disabled: rgb(141 141 149 / 20%);
-  --color-bot: #50009c;
-  --surface-other-bot: #50009c;
-  --color-black: #131317;
-  --color-white: #fff;
-  --decor-blue900: #003288;
-  --decor-blue800: #003fa4;
-  --decor-blue700: #004bc2;
-  --decor-blue600: #0059e1;
-  --decor-blue500: #06f;
-  --decor-blue400: #328dff;
-  --decor-blue300: #68afff;
-  --decor-blue200: #9dceff;
-  --decor-blue100: #daedff;
-  --decor-blue50: #f4faff;
-  --decor-orange900: #6c1d00;
-  --decor-orange800: #842600;
-  --decor-orange700: #9c2e00;
-  --decor-orange600: #b43700;
-  --decor-orange500: #d54300;
-  --decor-orange400: #ff5100;
-  --decor-orange300: #ff8a77;
-  --decor-orange200: #ffb8af;
-  --decor-orange100: #ffe5e3;
-  --decor-orange50: #fff8f7;
-  --decor-yellow900: #493700;
-  --decor-yellow800: #755b00;
-  --decor-yellow700: #c9a100;
-  --decor-yellow600: #e8bb00;
-  --decor-yellow500: #f3c600;
-  --decor-yellow400: #d1aa00;
-  --decor-yellow300: #fed65e;
-  --decor-yellow200: #fedc89;
-  --decor-yellow100: #fff2d6;
-  --decor-yellow50: #fff9ed;
-  --decor-gray950: #131317;
-  --decor-gray900: #1b1b20;
-  --decor-gray800: #29292f;
-  --decor-gray700: #3b3b43;
-  --decor-gray600: #4e4e58;
-  --decor-gray500: #62626d;
-  --decor-gray400: #767680;
-  --decor-gray300: #8d8d95;
-  --decor-gray200: #ababb1;
-  --decor-gray150: #c9c9cd;
-  --decor-gray100: #c9c9cd;
-  --decor-gray75: #eeeeef;
-  --decor-gray50: #e2e2e4;
-  --decor-gray40: #eeeeef;
-  --decor-gray20: #fcfcfc;
-  --decor-green900: #00431a;
-  --decor-green800: #005321;
-  --decor-green700: #006329;
-  --decor-green600: #007331;
-  --decor-green500: #00893c;
-  --decor-green400: #00a449;
-  --decor-green300: #00c057;
-  --decor-green200: #7edd92;
-  --decor-green100: #e4f4ed;
-  --decor-green50: #f3fcf4;
-  --decor-red900: #790002;
-  --decor-red800: #930002;
-  --decor-red700: #ae0003;
-  --decor-red600: #ca0005;
-  --decor-red500: #ee0007;
-  --decor-red400: #ff4c4d;
-  --decor-red300: #ff8889;
-  --decor-red200: #ffb7b7;
-  --decor-red100: #ffe5e5;
-  --decor-red50: #fff8f8;
-  --decor-purple900: #50009c;
-  --decor-purple800: #6100bd;
-  --decor-purple700: #7400df;
-  --decor-purple600: #8609ff;
-  --decor-purple500: #9146ff;
-  --decor-purple400: #a372ff;
-  --decor-purple300: #b99aff;
-  --decor-purple200: #d1c0ff;
-  --decor-purple100: #eee8ff;
-  --decor-purple50: #faf8ff;
-  --products-livechat: #fe5100;
-  --products-helpdesk: #00c057;
-  --products-chatbot: #06f;
-  --products-knowledgebase: #9146ff;
-  --illustrations-primary: #3b3b43;
-  --illustrations-secondary: #62626d;
-  --illustrations-stroke: #c9c9cd;
-  --tag-surface-01: #3b3b43;
-  --tag-content-01: #eeeeef;
-}
-
-/*# sourceMappingURL=dark.css.map */

package/dist/themes/dark.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../src/themes/dark.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;AAAA;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;AAAA;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"dark.css"}