@livechat/design-system-react-components 1.0.0-alpha.11 → 1.0.0-alpha.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/dist/dsrc.cjs.js +15 -1
  2. package/dist/dsrc.es.js +958 -422
  3. package/dist/dsrc.umd.js +15 -1
  4. package/dist/src/components/Alert/Alert.d.ts +3 -7
  5. package/dist/src/components/Icon/Icon.d.ts +6 -62
  6. package/dist/src/components/Icon/index.d.ts +1 -1
  7. package/dist/src/components/Modal/ModalPortal.d.ts +1 -1
  8. package/dist/src/components/Popover/Popover.d.ts +2 -7
  9. package/dist/src/components/Progress/ProgressBar.d.ts +9 -0
  10. package/dist/src/components/Progress/ProgressCircle.d.ts +1 -1
  11. package/dist/src/components/Progress/constants.d.ts +2 -10
  12. package/dist/src/components/Progress/index.d.ts +1 -0
  13. package/dist/src/components/PromoBanner/PromoBanner.d.ts +0 -6
  14. package/dist/src/components/Search/Search.d.ts +16 -0
  15. package/dist/src/components/Search/index.d.ts +1 -0
  16. package/dist/src/components/Switch/Switch.d.ts +1 -8
  17. package/dist/src/components/Toast/Toast.d.ts +2 -8
  18. package/dist/src/components/Toast/ToastWrapper.d.ts +2 -9
  19. package/dist/src/components/Tooltip/Info.d.ts +8 -0
  20. package/dist/src/components/Tooltip/Interactive.d.ts +14 -0
  21. package/dist/src/components/Tooltip/Simple.d.ts +4 -0
  22. package/dist/src/components/Tooltip/SpotlightOverlay.d.ts +7 -0
  23. package/dist/src/components/Tooltip/Tooltip.d.ts +22 -0
  24. package/dist/src/components/Tooltip/UserGuide.d.ts +12 -0
  25. package/dist/src/components/Tooltip/helpers.d.ts +2 -0
  26. package/dist/src/components/Tooltip/index.d.ts +5 -0
  27. package/dist/src/components/Tooltip/virtualElementReference.d.ts +9 -0
  28. package/dist/src/index.d.ts +2 -0
  29. package/dist/style.css +1 -1
  30. package/dist/themes/dark.css +129 -0
  31. package/dist/themes/dark.css.map +1 -0
  32. package/dist/themes/legacy.css +130 -0
  33. package/dist/themes/legacy.css.map +1 -0
  34. package/dist/themes/light.css +129 -0
  35. package/dist/themes/light.css.map +1 -0
  36. package/package.json +14 -8
package/dist/themes/light.css ADDED
@@ -0,0 +1,129 @@
1
+ .lc-light-theme {
2
+ --background: #fff;
3
+ --surface-basic-default: #fff;
4
+ --surface-basic-subtle: #f6f6f7;
5
+ --surface-basic-hover: #e2e2e4;
6
+ --surface-basic-active: #c9c9cd;
7
+ --surface-basic-disabled: #f6f6f7;
8
+ --surface-secondary-default: #c9c9cd;
9
+ --surface-secondary-subtle: #e4e8ec;
10
+ --surface-secondary-hover: #ababb1;
11
+ --surface-secondary-disabled: #eeeeef;
12
+ --surface-feedback-info: #daedff;
13
+ --surface-feedback-negative: #ffe5e5;
14
+ --surface-feedback-warning: #fff2d6;
15
+ --surface-feedback-positive: #e4f4ed;
16
+ --surface-invert-default: #1b1b20;
17
+ --surface-invert-subtle: #4e4e58;
18
+ --surface-invert-disabled: #8d8d95;
19
+ --surface-overlay: rgba(19, 19, 23, 0.7);
20
+ --content-default: #131317;
21
+ --content-subtle: #62626d;
22
+ --content-disabled: #8d8d95;
23
+ --content-white-locked: #fff;
24
+ --content-invert-default: #fff;
25
+ --content-invert-subtle: rgba(255, 255, 255, 0.7);
26
+ --content-invert-disabled: rgba(255, 255, 255, 0.5);
27
+ --border-default: #c9c9cd;
28
+ --border-subtle: #eeeeef;
29
+ --border-hover: #ababb1;
30
+ --border-disabled: #e2e2e4;
31
+ --border-invert-default: rgba(255, 255, 255, 0.7);
32
+ --border-invert-subtle: rgba(255, 255, 255, 0.3);
33
+ --border-invert-hover: #fff;
34
+ --border-invert-disabled: rgba(255, 255, 255, 0.5);
35
+ --color-action-active: #003fa4;
36
+ --color-action-hover: #004bc2;
37
+ --color-action-default: #06f;
38
+ --color-action-default-rgb: 0, 102, 255;
39
+ --color-action-disabled: #9dceff;
40
+ --color-negative-active: #930002;
41
+ --color-negative-hover: #ae0003;
42
+ --color-negative-default: #ca0005;
43
+ --color-negative-disabled: #eba3a3;
44
+ --color-warning-default: #e8bb00;
45
+ --color-warning-hover: #c9a100;
46
+ --color-positive-default: #00893c;
47
+ --color-positive-hover: #006329;
48
+ --color-positive-disabled: #d1f4d5;
49
+ --color-bot: #50009c;
50
+ --color-black: #131317;
51
+ --color-white: #fff;
52
+ --decor-blue900: #003288;
53
+ --decor-blue800: #003fa4;
54
+ --decor-blue700: #004bc2;
55
+ --decor-blue600: #0059e1;
56
+ --decor-blue500: #06f;
57
+ --decor-blue400: #328dff;
58
+ --decor-blue300: #68afff;
59
+ --decor-blue200: #9dceff;
60
+ --decor-blue100: #daedff;
61
+ --decor-blue50: #f4faff;
62
+ --decor-orange900: #6c1d00;
63
+ --decor-orange800: #842600;
64
+ --decor-orange700: #9c2e00;
65
+ --decor-orange600: #b43700;
66
+ --decor-orange500: #d54300;
67
+ --decor-orange400: #ff5100;
68
+ --decor-orange300: #ff8a77;
69
+ --decor-orange200: #ffb8af;
70
+ --decor-orange100: #ffe5e3;
71
+ --decor-orange50: #fff8f7;
72
+ --decor-yellow900: #493700;
73
+ --decor-yellow800: #755b00;
74
+ --decor-yellow700: #c9a100;
75
+ --decor-yellow600: #e8bb00;
76
+ --decor-yellow500: #f3c600;
77
+ --decor-yellow400: #d1aa00;
78
+ --decor-yellow300: #fed65e;
79
+ --decor-yellow200: #fedc89;
80
+ --decor-yellow100: #fff2d6;
81
+ --decor-yellow50: #fff9ed;
82
+ --decor-gray950: #131317;
83
+ --decor-gray900: #1b1b20;
84
+ --decor-gray800: #29292f;
85
+ --decor-gray700: #3b3b43;
86
+ --decor-gray600: #4e4e58;
87
+ --decor-gray500: #62626d;
88
+ --decor-gray400: #767680;
89
+ --decor-gray300: #8d8d95;
90
+ --decor-gray200: #ababb1;
91
+ --decor-gray150: #c9c9cd;
92
+ --decor-gray100: #c9c9cd;
93
+ --decor-gray75: #eeeeef;
94
+ --decor-gray50: #e2e2e4;
95
+ --decor-gray40: #eeeeef;
96
+ --decor-gray20: #fcfcfc;
97
+ --decor-green900: #00431a;
98
+ --decor-green800: #005321;
99
+ --decor-green700: #006329;
100
+ --decor-green600: #007331;
101
+ --decor-green500: #00893c;
102
+ --decor-green400: #00a449;
103
+ --decor-green300: #00c057;
104
+ --decor-green200: #7edd92;
105
+ --decor-green100: #e4f4ed;
106
+ --decor-green50: #f3fcf4;
107
+ --decor-red900: #790002;
108
+ --decor-red800: #930002;
109
+ --decor-red700: #ae0003;
110
+ --decor-red600: #ca0005;
111
+ --decor-red500: #ee0007;
112
+ --decor-red400: #ff4c4d;
113
+ --decor-red300: #ff8889;
114
+ --decor-red200: #ffb7b7;
115
+ --decor-red100: #ffe5e5;
116
+ --decor-red50: #fff8f8;
117
+ --decor-purple900: #50009c;
118
+ --decor-purple800: #6100bd;
119
+ --decor-purple700: #7400df;
120
+ --decor-purple600: #8609ff;
121
+ --decor-purple500: #9146ff;
122
+ --decor-purple400: #a372ff;
123
+ --decor-purple300: #b99aff;
124
+ --decor-purple200: #d1c0ff;
125
+ --decor-purple100: #eee8ff;
126
+ --decor-purple50: #faf8ff;
127
+ }
128
+
129
+ /*# sourceMappingURL=light.css.map */
package/dist/themes/light.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../src/themes/light.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;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@livechat/design-system-react-components",
3
- "version": "1.0.0-alpha.11",
3
+ "version": "1.0.0-alpha.14",
4
4
  "description": "",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -35,10 +35,13 @@
35
35
  },
36
36
  "devDependencies": {
37
37
  "@babel/core": "^7.17.7",
38
- "@storybook/addon-actions": "^6.4.13",
39
- "@storybook/addon-essentials": "^6.4.13",
40
- "@storybook/addon-links": "^6.4.13",
41
- "@storybook/react": "^6.4.13",
38
+ "@storybook/addon-actions": "^6.4.22",
39
+ "@storybook/addon-docs": "^6.4.22",
40
+ "@storybook/addon-essentials": "^6.4.22",
41
+ "@storybook/addon-links": "^6.4.22",
42
+ "@storybook/builder-vite": "^0.1.28",
43
+ "@storybook/core-common": "^6.4.22",
44
+ "@storybook/react": "^6.4.22",
42
45
  "@testing-library/jest-dom": "^5.16.2",
43
46
  "@testing-library/react": "^12.1.4",
44
47
  "@testing-library/user-event": "^13.5.0",
@@ -55,14 +58,17 @@
55
58
  "react-dom": "^17.0.2",
56
59
  "sass": "^1.49.9",
57
60
  "storybook-addon-themes": "^6.1.0",
58
- "storybook-builder-vite": "^0.1.20",
59
61
  "typescript": "^4.5.4",
60
62
  "vite": "^2.8.0",
61
63
  "vite-plugin-dts": "^0.9.10",
62
64
  "vitest": "^0.6.3"
63
65
  },
64
66
  "dependencies": {
65
- "@livechat/design-system-icons": "^1.0.0-alpha.11",
67
+ "@emotion/css": "^11.9.0",
68
+ "@floating-ui/react-dom": "^0.7.0",
69
+ "@floating-ui/react-dom-interactions": "^0.6.1",
70
+ "@livechat/data-utils": "^0.2.16",
71
+ "@livechat/design-system-icons": "^1.0.0-alpha.13",
66
72
  "@popperjs/core": "^2.11.2",
67
73
  "clsx": "^1.1.1",
68
74
  "lodash.debounce": "^4.0.8",
@@ -71,5 +77,5 @@
71
77
  "react-popper": "^2.2.5",
72
78
  "react-transition-group": "^4.4.2"
73
79
  },
74
- "gitHead": "9b90b59256d806ab40a4a0e08e0874026918fe4a"
80
+ "gitHead": "99c36a165c761fbabe3919f4f0e29fff6b60258f"
75
81
  }