@livechat/design-system-react-components 1.0.0-alpha.6 → 1.0.0-alpha.7
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.
- package/dist/themes/dark.css +129 -0
- package/dist/themes/dark.css.map +1 -0
- package/dist/themes/legacy.css +130 -0
- package/dist/themes/legacy.css.map +1 -0
- package/dist/themes/light.css +129 -0
- package/dist/themes/light.css.map +1 -0
- package/package.json +6 -5
|
@@ -0,0 +1,129 @@
|
|
|
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 */
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,130 @@
|
|
|
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 */
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -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 */
|
|
@@ -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.
|
|
3
|
+
"version": "1.0.0-alpha.7",
|
|
4
4
|
"description": "",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -30,8 +30,8 @@
|
|
|
30
30
|
"test:coverage": "vitest run --coverage"
|
|
31
31
|
},
|
|
32
32
|
"peerDependencies": {
|
|
33
|
-
"react": "
|
|
34
|
-
"react-dom": "
|
|
33
|
+
"react": ">= 17.0.2",
|
|
34
|
+
"react-dom": ">= 17.0.2"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
37
|
"@babel/core": "^7.17.7",
|
|
@@ -61,12 +61,13 @@
|
|
|
61
61
|
"vitest": "^0.6.3"
|
|
62
62
|
},
|
|
63
63
|
"dependencies": {
|
|
64
|
-
"@livechat/design-system-icons": "^1.0.0-alpha.
|
|
64
|
+
"@livechat/design-system-icons": "^1.0.0-alpha.7",
|
|
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
|
-
}
|
|
71
|
+
},
|
|
72
|
+
"gitHead": "ffd7278b06adf9a994987439b9b2ed88294ae4b3"
|
|
72
73
|
}
|