@livechat/design-system-react-components 1.0.0-alpha.5 → 1.0.0-alpha.6

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 (7) hide show
  1. package/package.json +3 -4
  2. package/dist/themes/dark.css +0 -129
  3. package/dist/themes/dark.css.map +0 -1
  4. package/dist/themes/legacy.css +0 -130
  5. package/dist/themes/legacy.css.map +0 -1
  6. package/dist/themes/light.css +0 -129
  7. package/dist/themes/light.css.map +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@livechat/design-system-react-components",
3
- "version": "1.0.0-alpha.5",
3
+ "version": "1.0.0-alpha.6",
4
4
  "description": "",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -35,7 +35,6 @@
35
35
  },
36
36
  "devDependencies": {
37
37
  "@babel/core": "^7.17.7",
38
- "@livechat/design-system-icons": "^1.0.0-alpha.4",
39
38
  "@storybook/addon-actions": "^6.4.13",
40
39
  "@storybook/addon-essentials": "^6.4.13",
41
40
  "@storybook/addon-links": "^6.4.13",
@@ -62,12 +61,12 @@
62
61
  "vitest": "^0.6.3"
63
62
  },
64
63
  "dependencies": {
64
+ "@livechat/design-system-icons": "^1.0.0-alpha.6",
65
65
  "@popperjs/core": "^2.11.2",
66
66
  "clsx": "^1.1.1",
67
67
  "lodash.escape": "^4.0.1",
68
68
  "polished": "^4.1.3",
69
69
  "react-popper": "^2.2.5",
70
70
  "react-transition-group": "^4.4.2"
71
- },
72
- "gitHead": "39f8bf17ce92736d68107b2ef69087904d000620"
71
+ }
73
72
  }
package/dist/themes/dark.css DELETED
@@ -1,129 +0,0 @@
1
- .lc-dark-theme {
2
- --background: #131317;
3
- --surface-basic-default: #202024;
4
- --surface-basic-subtle: #29292f;
5
- --surface-basic-hover: rgba(255, 255, 255, 0.1);
6
- --surface-basic-active: rgba(255, 255, 255, 0.2);
7
- --surface-basic-disabled: #2d2d32;
8
- --surface-secondary-default: #767680;
9
- --surface-secondary-subtle: #3b3b43;
10
- --surface-secondary-hover: #ababb1;
11
- --surface-secondary-disabled: #3b3b43;
12
- --surface-feedback-info: #323640;
13
- --surface-feedback-negative: #3a3136;
14
- --surface-feedback-warning: #3a362b;
15
- --surface-feedback-positive: #263532;
16
- --surface-invert-default: #eeeeef;
17
- --surface-invert-subtle: #c9c9cd;
18
- --surface-invert-disabled: #29292f;
19
- --surface-overlay: rgba(19, 19, 23, 0.9);
20
- --content-default: rgba(255, 255, 255, 0.8);
21
- --content-subtle: rgba(255, 255, 255, 0.6);
22
- --content-disabled: rgba(255, 255, 255, 0.4);
23
- --content-white-locked: #fff;
24
- --content-invert-default: #131317;
25
- --content-invert-subtle: rgba(19, 19, 23, 0.7);
26
- --content-invert-disabled: rgba(19, 19, 23, 0.3);
27
- --border-default: rgba(255, 255, 255, 0.4);
28
- --border-subtle: rgba(255, 255, 255, 0.1);
29
- --border-hover: rgba(255, 255, 255, 0.6);
30
- --border-disabled: rgba(255, 255, 255, 0.5);
31
- --border-invert-default: rgba(19, 19, 23, 0.5);
32
- --border-invert-subtle: rgba(19, 19, 23, 0.1);
33
- --border-invert-hover: rgba(19, 19, 23, 0.7);
34
- --border-invert-disabled: rgba(19, 19, 23, 0.3);
35
- --color-action-active: #b6d5fb;
36
- --color-action-hover: #8abbf9;
37
- --color-action-default: #6daaf8;
38
- --color-action-default-rgb: 157, 206, 255;
39
- --color-action-disabled: #6daaf8;
40
- --color-negative-active: #ffe5e5;
41
- --color-negative-hover: #ffb7b7;
42
- --color-negative-default: #ff4c4d;
43
- --color-negative-disabled: rgba(255, 76, 77, 0.3);
44
- --color-warning-default: #fed65e;
45
- --color-warning-hover: #fedc89;
46
- --color-positive-default: #00c057;
47
- --color-positive-hover: #00e066;
48
- --color-positive-disabled: #4d735e;
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=dark.css.map */
package/dist/themes/dark.css.map DELETED
@@ -1 +0,0 @@
1
- {"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;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;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"}
package/dist/themes/legacy.css DELETED
@@ -1,130 +0,0 @@
1
- :root,
2
- .lc-legacy-theme {
3
- --background: #fff;
4
- --surface-basic-default: #fff;
5
- --surface-basic-subtle: #f1f6f8;
6
- --surface-basic-hover: #e0e8eb;
7
- --surface-basic-active: #dae4eb;
8
- --surface-basic-disabled: #eaedf0;
9
- --surface-secondary-default: #bdc7d1;
10
- --surface-secondary-subtle: #e4e8ec;
11
- --surface-secondary-hover: #a0a6ab;
12
- --surface-secondary-disabled: #dee3e8;
13
- --surface-feedback-info: #e5f3ff;
14
- --surface-feedback-negative: #fbeaed;
15
- --surface-feedback-warning: #fff8e0;
16
- --surface-feedback-positive: #e6f4ec;
17
- --surface-invert-default: #424d57;
18
- --surface-invert-subtle: #677179;
19
- --surface-invert-disabled: #a0a6ab;
20
- --surface-overlay: rgba(0, 0, 0, 0.7);
21
- --content-default: #424d57;
22
- --content-subtle: #677179;
23
- --content-disabled: #a0a6ab;
24
- --content-white-locked: #fff;
25
- --content-invert-default: #fff;
26
- --content-invert-subtle: rgba(255, 255, 255, 0.7);
27
- --content-invert-disabled: rgba(255, 255, 255, 0.5);
28
- --border-default: #bdc7d1;
29
- --border-subtle: #e4e8ec;
30
- --border-hover: #a0a6ab;
31
- --border-disabled: #dee3e8;
32
- --border-invert-default: rgba(255, 255, 255, 0.7);
33
- --border-invert-subtle: rgba(255, 255, 255, 0.3);
34
- --border-invert-hover: #fff;
35
- --border-invert-disabled: rgba(255, 255, 255, 0.5);
36
- --color-action-active: #295fbc;
37
- --color-action-hover: #4379d6;
38
- --color-action-default: #4284f5;
39
- --color-action-default-rgb: 66, 132, 245;
40
- --color-action-disabled: #a3c3fa;
41
- --color-negative-active: #94383a;
42
- --color-negative-hover: #b94648;
43
- --color-negative-default: #d74747;
44
- --color-negative-disabled: #eba3a3;
45
- --color-warning-default: #fbbd04;
46
- --color-warning-hover: #f99a01;
47
- --color-positive-default: #22aa61;
48
- --color-positive-hover: #0d874a;
49
- --color-positive-disabled: #90d5c4;
50
- --color-bot: #6b5aba;
51
- --color-black: #424d57;
52
- --color-white: #fff;
53
- --decor-blue900: #003288;
54
- --decor-blue800: #003fa4;
55
- --decor-blue700: #004bc2;
56
- --decor-blue600: #0059e1;
57
- --decor-blue500: #06f;
58
- --decor-blue400: #328dff;
59
- --decor-blue300: #68afff;
60
- --decor-blue200: #9dceff;
61
- --decor-blue100: #daedff;
62
- --decor-blue50: #f4faff;
63
- --decor-orange900: #6c1d00;
64
- --decor-orange800: #842600;
65
- --decor-orange700: #9c2e00;
66
- --decor-orange600: #b43700;
67
- --decor-orange500: #d54300;
68
- --decor-orange400: #ff5100;
69
- --decor-orange300: #ff8a77;
70
- --decor-orange200: #ffb8af;
71
- --decor-orange100: #ffe5e3;
72
- --decor-orange50: #fff8f7;
73
- --decor-yellow900: #493700;
74
- --decor-yellow800: #755b00;
75
- --decor-yellow700: #c9a100;
76
- --decor-yellow600: #e8bb00;
77
- --decor-yellow500: #f3c600;
78
- --decor-yellow400: #d1aa00;
79
- --decor-yellow300: #fed65e;
80
- --decor-yellow200: #fedc89;
81
- --decor-yellow100: #fff2d6;
82
- --decor-yellow50: #fff9ed;
83
- --decor-gray950: #131317;
84
- --decor-gray900: #1b1b20;
85
- --decor-gray800: #29292f;
86
- --decor-gray700: #3b3b43;
87
- --decor-gray600: #4e4e58;
88
- --decor-gray500: #62626d;
89
- --decor-gray400: #767680;
90
- --decor-gray300: #8d8d95;
91
- --decor-gray200: #ababb1;
92
- --decor-gray150: #c9c9cd;
93
- --decor-gray100: #c9c9cd;
94
- --decor-gray75: #eeeeef;
95
- --decor-gray50: #e2e2e4;
96
- --decor-gray40: #eeeeef;
97
- --decor-gray20: #fcfcfc;
98
- --decor-green900: #00431a;
99
- --decor-green800: #005321;
100
- --decor-green700: #006329;
101
- --decor-green600: #007331;
102
- --decor-green500: #00893c;
103
- --decor-green400: #00a449;
104
- --decor-green300: #00c057;
105
- --decor-green200: #7edd92;
106
- --decor-green100: #e4f4ed;
107
- --decor-green50: #f3fcf4;
108
- --decor-red900: #790002;
109
- --decor-red800: #930002;
110
- --decor-red700: #ae0003;
111
- --decor-red600: #ca0005;
112
- --decor-red500: #ee0007;
113
- --decor-red400: #ff4c4d;
114
- --decor-red300: #ff8889;
115
- --decor-red200: #ffb7b7;
116
- --decor-red100: #ffe5e5;
117
- --decor-red50: #fff8f8;
118
- --decor-purple900: #50009c;
119
- --decor-purple800: #6100bd;
120
- --decor-purple700: #7400df;
121
- --decor-purple600: #8609ff;
122
- --decor-purple500: #9146ff;
123
- --decor-purple400: #a372ff;
124
- --decor-purple300: #b99aff;
125
- --decor-purple200: #d1c0ff;
126
- --decor-purple100: #eee8ff;
127
- --decor-purple50: #faf8ff;
128
- }
129
-
130
- /*# sourceMappingURL=legacy.css.map */
package/dist/themes/legacy.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/themes/legacy.scss"],"names":[],"mappings":"AAAA;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;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;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 DELETED
@@ -1,129 +0,0 @@
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 DELETED
@@ -1 +0,0 @@
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"}