@livechat/design-system-react-components 1.0.0-alpha.4 → 1.0.0-alpha.41

package/dist/themes/legacy.css

@@ -0,0 +1,254 @@
+:root,
+.lc-legacy-theme {
+  --background: #fff;
+  --background-01: #fff;
+  --background-02: #fff;
+  --background-03: #f1f1f2;
+  --surface-basic-default: #fff;
+  --surface-primary-default: #fff;
+  --surface-basic-subtle: #f1f6f8;
+  --surface-secondary-default: #f1f6f8;
+  --surface-secondary-hover: #e0e8eb;
+  --surface-secondary-active: #dae4eb;
+  --surface-secondary-disabled: #eaedf0;
+  --surface-basic-hover: #e0e8eb;
+  --surface-primary-hover: #f3f6f7;
+  --surface-basic-active: #dae4eb;
+  --surface-primary-active: #ebf1f4;
+  --surface-primary-active-colored: rgb(66 132 245 / 25%);
+  --surface-basic-disabled: #eaedf0;
+  --surface-primary-disabled: #f9fafb;
+  --surface-tertiary-default: #e4e8ec;
+  --surface-secondary-subtle: #e4e8ec;
+  --surface-moderate-default: #bdc7d1;
+  --surface-moderate-hover: #b7c2cd;
+  --surface-moderate-active: #b1bdc9;
+  --surface-tertiary-hover: #c2c2c6;
+  --surface-tertiary-active: #bababe;
+  --surface-tertiary-disabled: #e4e8ec;
+  --surface-feedback-info: #e5f3ff;
+  --surface-accent-emphasis-low-info: #e6f3ff;
+  --surface-feedback-negative: #fbeaed;
+  --surface-accent-emphasis-low-negative: #fbeaed;
+  --surface-feedback-warning: #fff8e0;
+  --surface-accent-emphasis-low-warning: #fff8e0;
+  --surface-feedback-positive: #e6f4ec;
+  --surface-accent-emphasis-low-positive: #e6f4ec;
+  --surface-accent-emphasis-low-purple: #eee8ff;
+  --surface-accent-emphasis-min-info: #f4faff;
+  --surface-accent-emphasis-min-negative: #fff8f8;
+  --surface-accent-emphasis-min-warning: #fff9ed;
+  --surface-accent-emphasis-min-positive: #f3fcf4;
+  --surface-accent-emphasis-min-purple: #faf8ff;
+  --surface-invert-default: #424d57;
+  --surface-invert-primary: #424d57;
+  --surface-invert-subtle: #677179;
+  --surface-invert-secondary: #677179;
+  --surface-invert-disabled: #a0a6ab;
+  --surface-locked-default: #fff;
+  --surface-locked-hover: #efeff0;
+  --surface-locked-active: #daedff;
+  --surface-locked-disabled: rgb(255 255 255 / 70%);
+  --surface-locked-white: #fff;
+  --surface-locked-black: #000;
+  --surface-accent-emphasis-high-info: #4284f5;
+  --surface-accent-emphasis-high-negative: #d74747;
+  --surface-accent-emphasis-high-warning: #fbbd04;
+  --surface-accent-emphasis-high-positive: #22aa61;
+  --surface-accent-emphasis-high-purple: #9642f5;
+  --surface-overlay: rgb(0 0 0 / 70%);
+  --surface-other-overlay: rgb(0 0 0 / 70%);
+  --surface-other-agent: #4284f5;
+  --surface-other-skeleton: #e5e8ec;
+  --content-default: #424d57;
+  --content-basic-primary: #424d57;
+  --content-subtle: #677179;
+  --content-basic-secondary: #677179;
+  --content-disabled: #a0a6ab;
+  --content-basic-disabled: #a0a6ab;
+  --content-basic-negative: #930002;
+  --content-basic-warning: #755b00;
+  --content-basic-positive: #005321;
+  --content-basic-info: #003fa4;
+  --content-basic-purple: #6100bd;
+  --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: #424d57;
+  --content-locked-black: #000;
+  --content-locked-default: #424d57;
+  --content-locked-hover: #131317;
+  --content-locked-active: #003fa4;
+  --content-locked-disabled: #8d8d95;
+  --content-invert-default: #fff;
+  --content-invert-primary: #fff;
+  --content-invert-subtle: rgb(255 255 255 / 70%);
+  --content-invert-secondary: rgb(255 255 255 / 70%);
+  --content-invert-disabled: rgb(255 255 255 / 50%);
+  --content-invert-gradient-01: linear-gradient(
+    254.49deg,
+    #b99aff -0.38%,
+    #68afff 94.44%
+  );
+  --border-default: #bdc7d1;
+  --border-basic-primary: #bdc7d1;
+  --border-basic-secondary: #e4e8ec;
+  --border-subtle: #e4e8ec;
+  --border-basic-tertiary: #e9edf0;
+  --border-hover: #a0a6ab;
+  --border-basic-hover: #a0a6ab;
+  --border-disabled: #dee3e8;
+  --border-basic-disabled: #dee3e8;
+  --border-basic-negative: #930002;
+  --border-basic-warning: #755b00;
+  --border-basic-positive: #005321;
+  --border-basic-info: #003fa4;
+  --border-basic-purple: #6100bd;
+  --border-invert-default: rgb(255 255 255 / 70%);
+  --border-invert-primary: rgb(255 255 255 / 70%);
+  --border-invert-subtle: rgb(255 255 255 / 30%);
+  --border-invert-secondary: rgb(255 255 255 / 30%);
+  --border-invert-hover: #fff;
+  --border-invert-disabled: rgb(255 255 255 / 50%);
+  --color-action-active: #295fbc;
+  --action-primary-active: #295fbc;
+  --color-action-hover: #4379d6;
+  --action-primary-hover: #4379d6;
+  --color-action-default: #4284f5;
+  --action-primary-default: #4284f5;
+  --color-action-default-rgb: 66, 132, 245;
+  --color-action-disabled: #a3c3fa;
+  --action-primary-disabled: #a3c3fa;
+  --color-negative-active: #94383a;
+  --action-negative-active: #94383a;
+  --color-negative-hover: #b94648;
+  --action-negative-hover: #b94648;
+  --color-negative-default: #d74747;
+  --action-negative-default: #d74747;
+  --color-negative-disabled: #eba3a3;
+  --action-negative-disabled: #eba3a3;
+  --color-warning-default: #fbbd04;
+  --action-warning-default: #fbbd04;
+  --color-warning-hover: #f99a01;
+  --action-warning-hover: #f99a01;
+  --color-positive-default: #22aa61;
+  --action-positive-default: #22aa61;
+  --color-positive-hover: #0d874a;
+  --action-positive-hover: #0d874a;
+  --color-positive-disabled: #90d5c4;
+  --action-positive-disabled: #90d5c4;
+  --action-neutral-default: #bdc7d1;
+  --action-neutral-hover: #a0a6ab;
+  --action-neutral-disabled: #dee3e8;
+  --color-bot: #6b5aba;
+  --surface-other-bot: #6b5aba;
+  --color-black: #424d57;
+  --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: #ffd000;
+  --illustrations-secondary: #e2e2e4;
+  --illustrations-stroke: #1b1b20;
+  --tag-surface-01: #e4e8ec;
+  --tag-content-01: #424d57;
+  --btn-basic-background-enabled: #fff;
+  --btn-basic-background-hover: #f3f6f7;
+  --btn-basic-background-disabled: #f9fafb;
+  --btn-basic-background-active: #f4faff;
+  --btn-basic-background-loading: #f9fafb;
+  --btn-secondary-background-enabled: #fff;
+  --btn-secondary-background-hover: #f3f6f7;
+  --btn-secondary-background-disabled: #f9fafb;
+  --btn-secondary-background-active: #f4faff;
+  --btn-secondary-background-loading: #f9fafb;
+  --btn-plain-icon-background-hover: #f4faff;
+  --btn-plain-icon-background-active: #4284f5;
+  --picker-list-background: #fff;
+  --picker-list-group-background: #f1f6f8;
+  --picker-list-option-background-hover: #f3f6f7;
+  --picker-list-option-background-focus: #f3f6f7;
+  --picker-list-option-background-active: #ebf1f4;
+}
+
+/*# sourceMappingURL=legacy.css.map */

package/dist/themes/legacy.css.map

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

package/dist/themes/light.css

@@ -0,0 +1,253 @@
+.lc-light-theme {
+  --background: #fff;
+  --background-01: #fff;
+  --background-02: #fff;
+  --background-03: #f1f1f2;
+  --surface-basic-default: #fff;
+  --surface-primary-default: #fff;
+  --surface-basic-subtle: #f6f6f7;
+  --surface-secondary-default: #f1f1f2;
+  --surface-secondary-hover: #e8e8ea;
+  --surface-secondary-active: #dfdfe1;
+  --surface-secondary-disabled: #f6f6f7;
+  --surface-basic-hover: #e2e2e4;
+  --surface-primary-hover: #f6f6f6;
+  --surface-basic-active: #c9c9cd;
+  --surface-primary-active: #ececec;
+  --surface-primary-active-colored: rgb(0 102 255 / 25%);
+  --surface-basic-disabled: #f6f6f7;
+  --surface-primary-disabled: #f6f6f7;
+  --surface-tertiary-default: #e2e2e4;
+  --surface-secondary-subtle: #e4e8ec;
+  --surface-moderate-default: #c9c9cd;
+  --surface-moderate-hover: #c2c2c6;
+  --surface-moderate-active: #bababe;
+  --surface-tertiary-hover: #dadadc;
+  --surface-tertiary-active: #d1d1d4;
+  --surface-tertiary-disabled: #eeeeef;
+  --surface-feedback-info: #daedff;
+  --surface-accent-emphasis-low-info: #daedff;
+  --surface-feedback-negative: #ffe5e5;
+  --surface-accent-emphasis-low-negative: #ffe5e5;
+  --surface-feedback-warning: #fff2d6;
+  --surface-accent-emphasis-low-warning: #ffe9bc;
+  --surface-feedback-positive: #e4f4ed;
+  --surface-accent-emphasis-low-positive: #d1f4d5;
+  --surface-accent-emphasis-low-purple: #eee8ff;
+  --surface-accent-emphasis-min-info: #f4faff;
+  --surface-accent-emphasis-min-negative: #fff8f8;
+  --surface-accent-emphasis-min-warning: #fff9ed;
+  --surface-accent-emphasis-min-positive: #f3fcf4;
+  --surface-accent-emphasis-min-purple: #faf8ff;
+  --surface-invert-default: #1b1b20;
+  --surface-invert-primary: #1b1b20;
+  --surface-invert-subtle: #4e4e58;
+  --surface-invert-secondary: #3b3b43;
+  --surface-invert-disabled: #8d8d95;
+  --surface-locked-default: #fff;
+  --surface-locked-hover: #eeeeef;
+  --surface-locked-active: #daedff;
+  --surface-locked-disabled: rgb(255 255 255 / 70%);
+  --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 / 70%);
+  --surface-other-overlay: rgb(19 19 23 / 70%);
+  --surface-other-agent: #06f;
+  --surface-other-skeleton: #e2e2e4;
+  --content-default: #131317;
+  --content-basic-primary: #131317;
+  --content-subtle: #62626d;
+  --content-basic-secondary: #4e4e58;
+  --content-disabled: #8d8d95;
+  --content-basic-disabled: #8d8d95;
+  --content-basic-negative: #ca0005;
+  --content-basic-warning: #755b00;
+  --content-basic-positive: #005321;
+  --content-basic-info: #003fa4;
+  --content-basic-purple: #6100bd;
+  --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: #003fa4;
+  --content-locked-disabled: #8d8d95;
+  --content-invert-default: #fff;
+  --content-invert-primary: #fff;
+  --content-invert-subtle: rgb(255 255 255 / 70%);
+  --content-invert-secondary: rgb(255 255 255 / 70%);
+  --content-invert-disabled: rgb(255 255 255 / 50%);
+  --content-invert-gradient-01: linear-gradient(
+    254.49deg,
+    #b99aff -0.38%,
+    #68afff 94.44%
+  );
+  --border-default: #c9c9cd;
+  --border-basic-primary: #c9c9cd;
+  --border-basic-secondary: #e2e2e4;
+  --border-subtle: #eeeeef;
+  --border-basic-tertiary: #e5e5e6;
+  --border-hover: #ababb1;
+  --border-basic-hover: #ababb1;
+  --border-disabled: #e2e2e4;
+  --border-basic-disabled: #e2e2e4;
+  --border-basic-negative: #ca0005;
+  --border-basic-warning: #755b00;
+  --border-basic-positive: #005321;
+  --border-basic-info: #003fa4;
+  --border-basic-purple: #6100bd;
+  --border-invert-default: rgb(255 255 255 / 70%);
+  --border-invert-primary: rgb(255 255 255 / 70%);
+  --border-invert-subtle: rgb(255 255 255 / 30%);
+  --border-invert-secondary: rgb(255 255 255 / 30%);
+  --border-invert-hover: #fff;
+  --border-invert-disabled: rgb(255 255 255 / 50%);
+  --color-action-active: #003fa4;
+  --action-primary-active: #093c8b;
+  --color-action-hover: #004bc2;
+  --action-primary-hover: #064db9;
+  --color-action-default: #06f;
+  --action-primary-default: #06f;
+  --color-action-default-rgb: 0, 102, 255;
+  --color-action-disabled: #9dceff;
+  --action-primary-disabled: rgb(0 102 255 / 20%);
+  --color-negative-active: #930002;
+  --action-negative-active: #6f090e;
+  --color-negative-hover: #ae0003;
+  --action-negative-hover: #8d0004;
+  --color-negative-default: #ca0005;
+  --action-negative-default: #ca0005;
+  --color-negative-disabled: #eba3a3;
+  --action-negative-disabled: rgb(202 0 5 / 20%);
+  --color-warning-default: #e8bb00;
+  --action-warning-default: #e8bb00;
+  --color-warning-hover: #c9a100;
+  --action-warning-hover: #a88907;
+  --color-positive-default: #00893c;
+  --action-positive-default: #00893c;
+  --color-positive-hover: #006329;
+  --action-positive-hover: #066631;
+  --color-positive-disabled: #d1f4d5;
+  --action-positive-disabled: rgb(0 137 60 / 20%);
+  --action-neutral-default: #8d8d95;
+  --action-neutral-hover: #68686f;
+  --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: #ffd000;
+  --illustrations-secondary: #e2e2e4;
+  --illustrations-stroke: #1b1b20;
+  --tag-surface-01: #e2e2e4;
+  --tag-content-01: #131317;
+  --btn-basic-background-enabled: #fff;
+  --btn-basic-background-hover: #f6f6f6;
+  --btn-basic-background-disabled: #fff;
+  --btn-basic-background-active: #f4faff;
+  --btn-basic-background-loading: #fff;
+  --btn-secondary-background-enabled: #fff;
+  --btn-secondary-background-hover: #f6f6f6;
+  --btn-secondary-background-disabled: #fff;
+  --btn-secondary-background-active: #f4faff;
+  --btn-secondary-background-loading: #fff;
+  --btn-plain-icon-background-hover: #f4faff;
+  --btn-plain-icon-background-active: #06f;
+  --picker-list-background: #fff;
+  --picker-list-group-background: #f1f1f2;
+  --picker-list-option-background-hover: #f6f6f6;
+  --picker-list-option-background-focus: #f6f6f6;
+  --picker-list-option-background-active: #ececec;
+}
+
+/*# sourceMappingURL=light.css.map */

package/dist/themes/light.css.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@livechat/design-system-react-components",
-  "version": "1.0.0-alpha.4",
+  "version": "1.0.0-alpha.41",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -11,6 +11,9 @@
   "module": "./dist/dsrc.es.js",
   "unpkg": "./dist/dsrc.umd.js",
   "types": "./dist/src/index.d.ts",
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "dev": "run-p dev:*",
     "dev:storybook": "start-storybook -p 6006 --quiet",
@@ -18,8 +21,8 @@
     "dev:styles": "npm run build:styles -- --watch",
     "build": "run-s build:*",
     "build:lib": "tsc && vite build",
-    "build:styles": "sass src/themes:dist/themes",
-    "build-storybook": "build-storybook",
+    "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",
     "lint": "eslint src --ext js,jsx,ts,tsx",
     "test": "vitest run",
@@ -27,19 +30,23 @@
     "test:coverage": "vitest run --coverage"
   },
   "peerDependencies": {
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "react": ">= 17.0.2",
+    "react-dom": ">= 17.0.2"
   },
   "devDependencies": {
     "@babel/core": "^7.17.7",
-    "@livechat/design-system-icons": "^1.0.0-alpha.4",
-    "@storybook/addon-actions": "^6.4.13",
-    "@storybook/addon-essentials": "^6.4.13",
-    "@storybook/addon-links": "^6.4.13",
-    "@storybook/react": "^6.4.13",
+    "@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",
     "@testing-library/jest-dom": "^5.16.2",
     "@testing-library/react": "^12.1.4",
     "@testing-library/user-event": "^13.5.0",
+    "@types/lodash.debounce": "^4.0.6",
     "@types/lodash.escape": "^4.0.6",
     "@types/react": "^17.0.33",
     "@types/react-dom": "^17.0.10",
@@ -52,19 +59,25 @@
     "react-dom": "^17.0.2",
     "sass": "^1.49.9",
     "storybook-addon-themes": "^6.1.0",
-    "storybook-builder-vite": "^0.1.20",
     "typescript": "^4.5.4",
     "vite": "^2.8.0",
     "vite-plugin-dts": "^0.9.10",
     "vitest": "^0.6.3"
   },
   "dependencies": {
+    "@emotion/css": "^11.9.0",
+    "@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.39",
     "@popperjs/core": "^2.11.2",
     "clsx": "^1.1.1",
+    "date-fns": "^2.28.0",
+    "lodash.debounce": "^4.0.8",
     "lodash.escape": "^4.0.1",
     "polished": "^4.1.3",
-    "react-popper": "^2.2.5",
+    "react-day-picker": "^7.4.10",
     "react-transition-group": "^4.4.2"
   },
-  "gitHead": "d92d4b040d6f91f8cce3e3e255d78d8de381713a"
+  "gitHead": "acd4d4dfa761228e4a2bdcf45c05595edae1d9d7"
 }

package/.eslintrc

@@ -1,9 +0,0 @@
-{
-  "extends": "../../.eslintrc",
-  "env": {
-    "node": true
-  },
-  "parserOptions": {
-    "project": "tsconfig.json"
-  }
-}

package/.storybook/main.js

@@ -1,20 +0,0 @@
-const foundations = ['Typography', 'ColorTokens', 'Icons'].map(
-  (name) => `../src/stories/${name}.stories.mdx`
-);
-
-module.exports = {
-  stories: [
-    ...foundations,
-    '../src/**/*.stories.mdx',
-    '../src/**/*.stories.@(js|jsx|ts|tsx)',
-  ],
-  addons: [
-    '@storybook/addon-links',
-    '@storybook/addon-essentials',
-    'storybook-addon-themes',
-  ],
-  framework: '@storybook/react',
-  core: {
-    builder: 'storybook-builder-vite',
-  },
-};

package/.storybook/preview-head.html

@@ -1,31 +0,0 @@
-<script>
-  window.global = window;
-</script>
-
-<style>
-  body {
-    background-color: var(--background);
-    color: var(--content-default);
-  }
-
-  .spacer {
-    margin-bottom: 5px;
-  }
-  .spacer > * + * {
-    margin-left: 5px;
-  }
-
-  .lc-dark-theme,
-  .lc-light-theme,
-  .lc-legacy-theme {
-    background-color: var(--background);
-    color: var(--content-default);
-  }
-
-  * {
-    box-sizing: border-box;
-    font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, Segoe UI,
-      Helvetica Neue, Arial, sans-serif;
-    -webkit-font-smoothing: antialiased;
-  }
-</style>

package/.storybook/preview.js

@@ -1,21 +0,0 @@
-import '../src/themes/legacy.scss';
-import '../src/themes/light.scss';
-import '../src/themes/dark.scss';
-
-export const parameters = {
-  actions: { argTypesRegex: '^on[A-Z].*' },
-  controls: {
-    matchers: {
-      color: /(background|color)$/i,
-      date: /Date$/,
-    },
-  },
-  themes: {
-    default: 'legacy',
-    list: [
-      { name: 'legacy', class: 'lc-legacy-theme', color: '#4284f5' },
-      { name: 'light', class: 'lc-light-theme', color: '#06f' },
-      { name: 'dark', class: 'lc-dark-theme', color: '#000' },
-    ],
-  },
-};