@livechat/design-system-react-components 1.0.0-alpha.57 → 1.0.0-alpha.59

package/dist/{src/themes → themes}/design-token.d.ts

@@ -59,6 +59,8 @@ export declare const DesignToken: {
     SurfaceOtherOverlay: string;
     SurfaceOtherAgent: string;
     SurfaceOtherSkeleton: string;
+    SurfaceGradient01: string;
+    SurfaceGradient02: string;
     ContentDefault: string;
     ContentBasicPrimary: string;
     ContentSubtle: string;

package/dist/utils/PdfIcon.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const PdfIcon: React.FC;

package/dist/utils/constants.d.ts

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

package/dist/utils/story-parameters.d.ts

@@ -0,0 +1,2 @@
+import { Parameters } from '@storybook/react';
+export declare const DISABLED_CONTROLS: Parameters;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@livechat/design-system-react-components",
-  "version": "1.0.0-alpha.57",
+  "version": "1.0.0-alpha.59",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -10,20 +10,20 @@
   "main": "./dist/dsrc.cjs.js",
   "module": "./dist/dsrc.es.js",
   "unpkg": "./dist/dsrc.umd.js",
-  "types": "./dist/src/index.d.ts",
+  "types": "./dist/index.d.ts",
   "files": [
     "dist"
   ],
   "scripts": {
     "dev": "run-p dev:*",
-    "dev:storybook": "start-storybook -p 6006 --quiet",
+    "dev:storybook": "storybook dev -p 6006 --quiet",
     "dev:lib": "vite build -w",
     "dev:styles": "npm run build:styles -- --watch",
-    "build": "run-s build:*",
+    "build": "run-s build:styles build:lib",
     "build:lib": "tsc && vite build",
     "build:styles": "sass src/themes:dist/themes; sass src/foundations:dist/spacing; sass src/foundations:dist/shadow",
-    "build-storybook": "export SET NODE_OPTIONS=--openssl-legacy-provider && build-storybook",
-    "chromatic": "dotenv -e ../../.env chromatic -- --exit-zero-on-changes",
+    "build-storybook": "export SET NODE_OPTIONS=--openssl-legacy-provider && storybook build",
+    "chromatic": "dotenv -e ../../.env chromatic -- --exit-zero-on-changes --only-changed",
     "lint": "eslint src --ext js,jsx,ts,tsx",
     "test": "vitest run",
     "test:watch": "vitest watch",
@@ -35,14 +35,14 @@
   },
   "devDependencies": {
     "@babel/core": "^7.17.7",
-    "@storybook/addon-a11y": "^6.5.16",
-    "@storybook/addon-actions": "^6.4.22",
-    "@storybook/addon-docs": "^6.4.22",
-    "@storybook/addon-essentials": "^6.4.22",
-    "@storybook/addon-links": "^6.4.22",
-    "@storybook/builder-vite": "^0.1.28",
-    "@storybook/core-common": "^6.4.22",
-    "@storybook/react": "^6.4.22",
+    "@storybook/addon-a11y": "^7.0.20",
+    "@storybook/addon-actions": "^7.0.20",
+    "@storybook/addon-docs": "^7.0.20",
+    "@storybook/addon-essentials": "^7.0.20",
+    "@storybook/addon-links": "^7.0.20",
+    "@storybook/core-common": "^7.0.20",
+    "@storybook/react": "^7.0.20",
+    "@storybook/react-vite": "^7.0.20",
     "@testing-library/jest-dom": "^5.16.2",
     "@testing-library/react": "^12.1.4",
     "@testing-library/user-event": "^13.5.0",
@@ -53,15 +53,17 @@
     "@types/react-transition-group": "^4.4.4",
     "@vitejs/plugin-react": "^1.0.7",
     "babel-loader": "^8.2.3",
-    "chromatic": "^5.9.2",
+    "chromatic": "^6.19.7",
     "jsdom": "^19.0.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "sass": "^1.49.9",
+    "storybook": "^7.0.20",
     "storybook-addon-themes": "^6.1.0",
     "typescript": "^4.5.4",
-    "vite": "^2.8.0",
-    "vite-plugin-dts": "^0.9.10",
+    "vite": "^4.3.9",
+    "vite-plugin-dts": "^3.0.0-beta.3",
+    "vite-plugin-turbosnap": "^1.0.2",
     "vitest": "^0.31.0"
   },
   "dependencies": {
@@ -69,7 +71,7 @@
     "@floating-ui/react-dom": "^0.7.0",
     "@floating-ui/react-dom-interactions": "^0.6.1",
     "@livechat/data-utils": "^0.2.16",
-    "@livechat/design-system-icons": "^1.0.0-alpha.55",
+    "@livechat/design-system-icons": "^1.0.0-alpha.58",
     "@popperjs/core": "^2.11.2",
     "clsx": "^1.1.1",
     "date-fns": "^2.28.0",
@@ -79,5 +81,5 @@
     "react-day-picker": "^7.4.10",
     "react-transition-group": "^4.4.2"
   },
-  "gitHead": "9628e8dac8248f2eb3e49f5bb41acef468418825"
+  "gitHead": "c49686d3fae8e8e866f19f9a0d967d5af6a67e5a"
 }

package/dist/shadow/color-scheme.css

@@ -1,14 +0,0 @@
-:root,
-.lc-legacy-theme {
-  --color-scheme: normal;
-}
-
-.lc-light-theme {
-  --color-scheme: normal;
-}
-
-.lc-dark-theme {
-  --color-scheme: dark;
-}
-
-/*# sourceMappingURL=color-scheme.css.map */

package/dist/shadow/color-scheme.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../src/foundations/color-scheme.css"],"names":[],"mappings":"AAAA;AAAA;EAEE;;;AAGF;EACE;;;AAGF;EACE","file":"color-scheme.css"}

package/dist/shadow/shadow.css

@@ -1,39 +0,0 @@
-:root,
-.lc-legacy-theme {
-  --shadow-float: 0 2px 6px 0 rgb(66 77 87 / 40%);
-  --shadow-pop-over: 0 6px 20px 0 rgb(66 77 87 / 40%);
-  --shadow-modal: 0 10px 50px 0 rgb(66 77 87 / 40%);
-  --shadow-tooltip: 0 1px 10px 0 rgb(66 77 87 / 30%);
-  --shadow-tooltip-arrow-bottom: 8px -6px 10px -2px rgb(66 77 87 / 30%);
-  --shadow-tooltip-arrow-top: -7px 6px 5px -3px rgb(66 77 87 / 30%);
-  --shadow-tooltip-arrow-right: -5px -5px 10px -2px rgb(66 77 87 / 30%);
-  --shadow-tooltip-arrow-left: 6px 6px 10px -2px rgb(66 77 87 / 30%);
-}
-
-.lc-light-theme {
-  --shadow-float: 0 2px 6px 0 rgb(19 19 23 / 20%);
-  --shadow-pop-over: 0 6px 20px 0 rgb(19 19 23 / 30%);
-  --shadow-modal: 0 10px 50px 0 rgb(19 19 23 / 40%);
-  --shadow-tooltip: 0 1px 10px 0 rgb(66 77 87 / 30%);
-  --shadow-tooltip-arrow-bottom: 8px -6px 10px -2px rgb(66 77 87 / 30%);
-  --shadow-tooltip-arrow-top: -7px 6px 5px -3px rgb(66 77 87 / 30%);
-  --shadow-tooltip-arrow-right: -5px -5px 10px -2px rgb(66 77 87 / 30%);
-  --shadow-tooltip-arrow-left: 6px 6px 10px -2px rgb(66 77 87 / 30%);
-}
-
-.lc-dark-theme {
-  --shadow-float: 0 2px 12px 0 rgb(0 0 0 / 30%), 0 1px 4px 0 rgb(0 0 0 / 30%),
-    0 0 0 1px rgb(255 255 255 / 10%) inset;
-  --shadow-pop-over: 0 0 2px 1px rgb(0 0 0 / 15%),
-    0 4px 16px 1px rgb(1 1 1 / 50%), inset 0 0 0 1px rgb(255 255 255 / 15%);
-  --shadow-modal: 0 10px 50px 0 rgb(1 1 1 / 80%),
-    0 0 0 1px rgb(255 255 255 / 15%);
-  --shadow-tooltip: 0 0 2px 1px rgb(0 0 0 / 15%),
-    0 4px 16px 1px rgb(1 1 1 / 50%), inset 0 0 0 1px rgb(255 255 255 / 15%);
-  --shadow-tooltip-arrow-bottom: unset;
-  --shadow-tooltip-arrow-top: unset;
-  --shadow-tooltip-arrow-right: unset;
-  --shadow-tooltip-arrow-left: unset;
-}
-
-/*# sourceMappingURL=shadow.css.map */

package/dist/shadow/shadow.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../src/foundations/shadow.css"],"names":[],"mappings":"AAAA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;AAAA;EAEA;AAAA;EAEA;AAAA;EAEA;AAAA;EAEA;EACA;EACA;EACA","file":"shadow.css"}

package/dist/shadow/spacing.css

@@ -1,19 +0,0 @@
-:root {
-  --spacing-0: 0;
-  --spacing-05: 2px;
-  --spacing-1: 4px;
-  --spacing-2: 8px;
-  --spacing-3: 12px;
-  --spacing-4: 16px;
-  --spacing-5: 20px;
-  --spacing-6: 24px;
-  --spacing-8: 32px;
-  --spacing-12: 48px;
-  --spacing-14: 56px;
-  --spacing-16: 64px;
-  --spacing-18: 72px;
-  --spacing-20: 80px;
-  --spacing-24: 96px;
-}
-
-/*# sourceMappingURL=spacing.css.map */

package/dist/shadow/spacing.css.map

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

package/dist/spacing/color-scheme.css

@@ -1,14 +0,0 @@
-:root,
-.lc-legacy-theme {
-  --color-scheme: normal;
-}
-
-.lc-light-theme {
-  --color-scheme: normal;
-}
-
-.lc-dark-theme {
-  --color-scheme: dark;
-}
-
-/*# sourceMappingURL=color-scheme.css.map */

package/dist/spacing/color-scheme.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../src/foundations/color-scheme.css"],"names":[],"mappings":"AAAA;AAAA;EAEE;;;AAGF;EACE;;;AAGF;EACE","file":"color-scheme.css"}

package/dist/spacing/shadow.css

@@ -1,39 +0,0 @@
-:root,
-.lc-legacy-theme {
-  --shadow-float: 0 2px 6px 0 rgb(66 77 87 / 40%);
-  --shadow-pop-over: 0 6px 20px 0 rgb(66 77 87 / 40%);
-  --shadow-modal: 0 10px 50px 0 rgb(66 77 87 / 40%);
-  --shadow-tooltip: 0 1px 10px 0 rgb(66 77 87 / 30%);
-  --shadow-tooltip-arrow-bottom: 8px -6px 10px -2px rgb(66 77 87 / 30%);
-  --shadow-tooltip-arrow-top: -7px 6px 5px -3px rgb(66 77 87 / 30%);
-  --shadow-tooltip-arrow-right: -5px -5px 10px -2px rgb(66 77 87 / 30%);
-  --shadow-tooltip-arrow-left: 6px 6px 10px -2px rgb(66 77 87 / 30%);
-}
-
-.lc-light-theme {
-  --shadow-float: 0 2px 6px 0 rgb(19 19 23 / 20%);
-  --shadow-pop-over: 0 6px 20px 0 rgb(19 19 23 / 30%);
-  --shadow-modal: 0 10px 50px 0 rgb(19 19 23 / 40%);
-  --shadow-tooltip: 0 1px 10px 0 rgb(66 77 87 / 30%);
-  --shadow-tooltip-arrow-bottom: 8px -6px 10px -2px rgb(66 77 87 / 30%);
-  --shadow-tooltip-arrow-top: -7px 6px 5px -3px rgb(66 77 87 / 30%);
-  --shadow-tooltip-arrow-right: -5px -5px 10px -2px rgb(66 77 87 / 30%);
-  --shadow-tooltip-arrow-left: 6px 6px 10px -2px rgb(66 77 87 / 30%);
-}
-
-.lc-dark-theme {
-  --shadow-float: 0 2px 12px 0 rgb(0 0 0 / 30%), 0 1px 4px 0 rgb(0 0 0 / 30%),
-    0 0 0 1px rgb(255 255 255 / 10%) inset;
-  --shadow-pop-over: 0 0 2px 1px rgb(0 0 0 / 15%),
-    0 4px 16px 1px rgb(1 1 1 / 50%), inset 0 0 0 1px rgb(255 255 255 / 15%);
-  --shadow-modal: 0 10px 50px 0 rgb(1 1 1 / 80%),
-    0 0 0 1px rgb(255 255 255 / 15%);
-  --shadow-tooltip: 0 0 2px 1px rgb(0 0 0 / 15%),
-    0 4px 16px 1px rgb(1 1 1 / 50%), inset 0 0 0 1px rgb(255 255 255 / 15%);
-  --shadow-tooltip-arrow-bottom: unset;
-  --shadow-tooltip-arrow-top: unset;
-  --shadow-tooltip-arrow-right: unset;
-  --shadow-tooltip-arrow-left: unset;
-}
-
-/*# sourceMappingURL=shadow.css.map */

package/dist/spacing/shadow.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../src/foundations/shadow.css"],"names":[],"mappings":"AAAA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;AAAA;EAEA;AAAA;EAEA;AAAA;EAEA;AAAA;EAEA;EACA;EACA;EACA","file":"shadow.css"}

package/dist/spacing/spacing.css

@@ -1,19 +0,0 @@
-:root {
-  --spacing-0: 0;
-  --spacing-05: 2px;
-  --spacing-1: 4px;
-  --spacing-2: 8px;
-  --spacing-3: 12px;
-  --spacing-4: 16px;
-  --spacing-5: 20px;
-  --spacing-6: 24px;
-  --spacing-8: 32px;
-  --spacing-12: 48px;
-  --spacing-14: 56px;
-  --spacing-16: 64px;
-  --spacing-18: 72px;
-  --spacing-20: 80px;
-  --spacing-24: 96px;
-}
-
-/*# sourceMappingURL=spacing.css.map */

package/dist/spacing/spacing.css.map

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

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

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import { ProgressSize, ProgressStatus } from '../Progress/constants';
-export declare type UploadProgressActionState = 'visible' | 'hover' | 'hidden';
-export interface FileUploadProgressProps {
-    actionsVisibility?: UploadProgressActionState;
-    className?: string;
-    icon?: React.ReactNode;
-    title: string;
-    progressValue: number;
-    size?: ProgressSize;
-    status?: ProgressStatus;
-    onCloseButtonClick?: () => void;
-    onRetryButtonClick?: () => void;
-}
-export declare const FileUploadProgress: React.ExoticComponent<FileUploadProgressProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -1,13 +0,0 @@
-import * as React from 'react';
-export interface FormFieldProps {
-    labelText?: string;
-    labelAdornment?: React.ReactNode;
-    labelFor?: string;
-    className?: string;
-    inline?: boolean;
-    error?: string;
-    description?: React.ReactNode;
-    children?: React.ReactNode;
-    labelRightNode?: React.ReactNode;
-}
-export declare const FormField: React.FC<FormFieldProps>;

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/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/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<React.PropsWithChildren<UploadBarProps>>;

package/dist/src/global.d.ts

@@ -1,4 +0,0 @@
-declare module '*.mdx' {
-  const content: string;
-  export default content;
-}

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,253 +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: #0845a2;
-  --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,
-    #b99aff -0.38%,
-    #68afff 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: #ff5354;
-  --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;
-  --btn-basic-background-enabled: #202024;
-  --btn-basic-background-hover: #2b2b2f;
-  --btn-basic-background-disabled: #333338;
-  --btn-basic-background-active: #232a36;
-  --btn-basic-background-loading: #333338;
-  --btn-secondary-background-enabled: #202024;
-  --btn-secondary-background-hover: #2b2b2f;
-  --btn-secondary-background-disabled: #333338;
-  --btn-secondary-background-active: #232a36;
-  --btn-secondary-background-loading: #333338;
-  --btn-plain-icon-background-hover: #20324d;
-  --btn-plain-icon-background-active: #68afff;
-  --picker-list-background: #2d2d33;
-  --picker-list-group-background: #3b3b43;
-  --picker-list-option-background-hover: #343439;
-  --picker-list-option-background-focus: #343439;
-  --picker-list-option-background-active: #3a3a40;
-}
-
-/*# sourceMappingURL=dark.css.map */

package/dist/themes/dark.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../src/themes/dark.scss"],"names":[],"mappings":"AAWA;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;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"dark.css"}