@vector-im/compound-design-tokens 1.8.0 → 1.9.0

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 (37) hide show
  1. package/assets/web/css/compound-design-tokens.css +1 -0
  2. package/assets/web/css/cpd-common-base.css +77 -77
  3. package/assets/web/css/cpd-common-semantic.css +67 -67
  4. package/assets/web/css/cpd-font-fallbacks.css +427 -0
  5. package/assets/web/css/cpd-theme-dark-base-mq.css +308 -308
  6. package/assets/web/css/cpd-theme-dark-base.css +308 -308
  7. package/assets/web/css/cpd-theme-dark-hc-base-mq.css +308 -308
  8. package/assets/web/css/cpd-theme-dark-hc-base.css +308 -308
  9. package/assets/web/css/cpd-theme-dark-hc-semantic-mq.css +1 -1
  10. package/assets/web/css/cpd-theme-dark-hc-semantic.css +1 -1
  11. package/assets/web/css/cpd-theme-dark-semantic-mq.css +1 -1
  12. package/assets/web/css/cpd-theme-dark-semantic.css +1 -1
  13. package/assets/web/css/cpd-theme-light-base-mq.css +308 -308
  14. package/assets/web/css/cpd-theme-light-base.css +308 -308
  15. package/assets/web/css/cpd-theme-light-hc-base-mq.css +308 -308
  16. package/assets/web/css/cpd-theme-light-hc-base.css +308 -308
  17. package/assets/web/css/cpd-theme-light-hc-semantic-mq.css +1 -1
  18. package/assets/web/css/cpd-theme-light-hc-semantic.css +1 -1
  19. package/assets/web/css/cpd-theme-light-semantic-mq.css +1 -1
  20. package/assets/web/css/cpd-theme-light-semantic.css +1 -1
  21. package/assets/web/icons/index.cjs +1 -0
  22. package/assets/web/icons/index.d.ts +1 -0
  23. package/assets/web/icons/index.js +1 -0
  24. package/assets/web/icons/mark-threads-as-read.cjs +19 -0
  25. package/assets/web/icons/mark-threads-as-read.d.ts +11 -0
  26. package/assets/web/icons/mark-threads-as-read.js +19 -0
  27. package/assets/web/js/cpdDark.d.ts +1 -0
  28. package/assets/web/js/cpdDark.js +24 -23
  29. package/assets/web/js/cpdDarkHc.d.ts +1 -0
  30. package/assets/web/js/cpdDarkHc.js +24 -23
  31. package/assets/web/js/cpdLight.d.ts +1 -0
  32. package/assets/web/js/cpdLight.js +24 -23
  33. package/assets/web/js/cpdLightHc.d.ts +1 -0
  34. package/assets/web/js/cpdLightHc.js +24 -23
  35. package/icons/$icons.json +1 -1
  36. package/icons/mark-threads-as-read.svg +3 -0
  37. package/package.json +5 -11
@@ -1,311 +1,311 @@
1
1
  .cpd-theme-light-hc.cpd-theme-light-hc {
2
- --cpd-color-alpha-pink-1400: hsl(341, 100%, 13%, 1);
3
- --cpd-color-alpha-pink-1300: hsl(337, 100%, 15%, 1);
4
- --cpd-color-alpha-pink-1200: hsl(332, 100%, 20%, 1);
5
- --cpd-color-alpha-pink-1100: hsl(329, 100%, 22%, 1);
6
- --cpd-color-alpha-pink-1000: hsla(330, 97%, 26%, 0.98);
7
- --cpd-color-alpha-pink-900: hsla(331, 100%, 28%, 0.97);
8
- --cpd-color-alpha-pink-800: hsla(333, 98%, 44%, 0.96);
9
- --cpd-color-alpha-pink-700: hsla(341, 98%, 49%, 0.7);
10
- --cpd-color-alpha-pink-600: hsla(345, 100%, 50%, 0.47);
11
- --cpd-color-alpha-pink-500: hsla(346, 100%, 51%, 0.33);
12
- --cpd-color-alpha-pink-400: hsla(347, 100%, 52%, 0.19);
13
- --cpd-color-alpha-pink-300: hsla(347, 100%, 50%, 0.13);
14
- --cpd-color-alpha-pink-200: hsla(347, 100%, 54%, 0.08);
15
- --cpd-color-alpha-pink-100: hsla(348, 100%, 51%, 0.04);
16
- --cpd-color-alpha-fuchsia-1400: hsl(281, 100%, 15%, 1);
17
- --cpd-color-alpha-fuchsia-1300: hsl(283, 100%, 16%, 1);
18
- --cpd-color-alpha-fuchsia-1200: hsl(285, 96%, 22%, 1);
19
- --cpd-color-alpha-fuchsia-1100: hsla(285, 97%, 22%, 0.95);
20
- --cpd-color-alpha-fuchsia-1000: hsla(286, 100%, 24%, 0.91);
21
- --cpd-color-alpha-fuchsia-900: hsla(287, 96%, 27%, 0.9);
22
- --cpd-color-alpha-fuchsia-800: hsla(294, 98%, 36%, 0.79);
23
- --cpd-color-alpha-fuchsia-700: hsla(295, 97%, 37%, 0.6);
24
- --cpd-color-alpha-fuchsia-600: hsla(295, 96%, 37%, 0.43);
25
- --cpd-color-alpha-fuchsia-500: hsla(297, 93%, 38%, 0.31);
26
- --cpd-color-alpha-fuchsia-400: hsla(296, 95%, 38%, 0.18);
27
- --cpd-color-alpha-fuchsia-300: hsla(298, 91%, 40%, 0.13);
28
- --cpd-color-alpha-fuchsia-200: hsla(295, 89%, 41%, 0.07);
29
- --cpd-color-alpha-fuchsia-100: hsla(293, 95%, 41%, 0.04);
30
- --cpd-color-alpha-purple-1400: hsl(259, 100%, 19%, 1);
31
- --cpd-color-alpha-purple-1300: hsl(259, 100%, 22%, 1);
32
- --cpd-color-alpha-purple-1200: hsl(262, 100%, 29%, 1);
33
- --cpd-color-alpha-purple-1100: hsl(264, 100%, 33%, 1);
34
- --cpd-color-alpha-purple-1000: hsla(263, 100%, 36%, 0.95);
35
- --cpd-color-alpha-purple-900: hsla(261, 97%, 38%, 0.9);
36
- --cpd-color-alpha-purple-800: hsla(258, 98%, 49%, 0.7);
37
- --cpd-color-alpha-purple-700: hsla(254, 100%, 50%, 0.53);
38
- --cpd-color-alpha-purple-600: hsla(251, 100%, 51%, 0.38);
39
- --cpd-color-alpha-purple-500: hsla(249, 100%, 51%, 0.27);
40
- --cpd-color-alpha-purple-400: hsla(248, 100%, 52%, 0.16);
41
- --cpd-color-alpha-purple-300: hsla(248, 100%, 53%, 0.12);
42
- --cpd-color-alpha-purple-200: hsla(248, 100%, 55%, 0.07);
43
- --cpd-color-alpha-purple-100: hsla(248, 100%, 61%, 0.04);
44
- --cpd-color-alpha-blue-1400: hsl(233, 100%, 19%, 1);
45
- --cpd-color-alpha-blue-1300: hsl(228, 100%, 21%, 1);
46
- --cpd-color-alpha-blue-1200: hsla(222, 100%, 24%, 0.99);
47
- --cpd-color-alpha-blue-1100: hsla(220, 99%, 27%, 0.99);
48
- --cpd-color-alpha-blue-1000: hsla(218, 97%, 30%, 0.99);
49
- --cpd-color-alpha-blue-900: hsla(217, 98%, 33%, 0.99);
50
- --cpd-color-alpha-blue-800: hsla(212, 99%, 46%, 0.99);
51
- --cpd-color-alpha-blue-700: hsla(215, 100%, 46%, 0.71);
52
- --cpd-color-alpha-blue-600: hsla(215, 98%, 47%, 0.51);
53
- --cpd-color-alpha-blue-500: hsla(216, 95%, 48%, 0.37);
54
- --cpd-color-alpha-blue-400: hsla(216, 96%, 49%, 0.22);
55
- --cpd-color-alpha-blue-300: hsla(216, 95%, 51%, 0.16);
56
- --cpd-color-alpha-blue-200: hsla(215, 100%, 52%, 0.09);
57
- --cpd-color-alpha-blue-100: hsla(218, 100%, 57%, 0.05);
58
- --cpd-color-alpha-cyan-1400: hsl(222, 100%, 15%, 1);
59
- --cpd-color-alpha-cyan-1300: hsl(218, 100%, 16%, 1);
60
- --cpd-color-alpha-cyan-1200: hsl(212, 100%, 20%, 1);
61
- --cpd-color-alpha-cyan-1100: hsl(210, 100%, 22%, 1);
62
- --cpd-color-alpha-cyan-1000: hsl(207, 100%, 24%, 1);
63
- --cpd-color-alpha-cyan-900: hsl(205, 100%, 26%, 1);
64
- --cpd-color-alpha-cyan-800: hsl(199, 100%, 35%, 1);
65
- --cpd-color-alpha-cyan-700: hsl(193, 100%, 38%, 1);
66
- --cpd-color-alpha-cyan-600: hsla(186, 99%, 40%, 0.92);
67
- --cpd-color-alpha-cyan-500: hsla(187, 99%, 38%, 0.54);
68
- --cpd-color-alpha-cyan-400: hsla(187, 97%, 38%, 0.31);
69
- --cpd-color-alpha-cyan-300: hsla(186, 100%, 37%, 0.22);
70
- --cpd-color-alpha-cyan-200: hsla(188, 100%, 38%, 0.11);
71
- --cpd-color-alpha-cyan-100: hsla(186, 79%, 41%, 0.06);
72
- --cpd-color-alpha-green-1400: hsl(147, 100%, 7%, 1);
73
- --cpd-color-alpha-green-1300: hsl(152, 100%, 8%, 1);
74
- --cpd-color-alpha-green-1200: hsl(158, 100%, 11%, 1);
75
- --cpd-color-alpha-green-1100: hsl(160, 100%, 13%, 1);
76
- --cpd-color-alpha-green-1000: hsl(162, 100%, 15%, 1);
77
- --cpd-color-alpha-green-900: hsl(163, 100%, 17%, 1);
78
- --cpd-color-alpha-green-800: hsl(168, 100%, 26%, 1);
79
- --cpd-color-alpha-green-700: hsl(166, 100%, 32%, 1);
80
- --cpd-color-alpha-green-600: hsla(163, 99%, 38%, 0.96);
81
- --cpd-color-alpha-green-500: hsla(156, 99%, 36%, 0.56);
82
- --cpd-color-alpha-green-400: hsla(153, 95%, 37%, 0.32);
83
- --cpd-color-alpha-green-300: hsla(151, 93%, 37%, 0.23);
84
- --cpd-color-alpha-green-200: hsla(150, 100%, 36%, 0.11);
85
- --cpd-color-alpha-green-100: hsla(150, 79%, 41%, 0.06);
86
- --cpd-color-alpha-lime-1400: hsl(120, 100%, 7%, 1);
87
- --cpd-color-alpha-lime-1300: hsl(120, 100%, 8%, 1);
88
- --cpd-color-alpha-lime-1200: hsl(120, 100%, 11%, 1);
89
- --cpd-color-alpha-lime-1100: hsl(120, 100%, 13%, 1);
90
- --cpd-color-alpha-lime-1000: hsl(120, 100%, 16%, 1);
91
- --cpd-color-alpha-lime-900: hsl(120, 100%, 17%, 1);
92
- --cpd-color-alpha-lime-800: hsla(112, 97%, 25%, 0.95);
93
- --cpd-color-alpha-lime-700: hsla(106, 99%, 30%, 0.9);
94
- --cpd-color-alpha-lime-600: hsla(102, 100%, 37%, 0.86);
95
- --cpd-color-alpha-lime-500: hsla(102, 97%, 41%, 0.71);
96
- --cpd-color-alpha-lime-400: hsla(105, 95%, 41%, 0.4);
97
- --cpd-color-alpha-lime-300: hsla(105, 92%, 42%, 0.28);
98
- --cpd-color-alpha-lime-200: hsla(107, 98%, 41%, 0.15);
99
- --cpd-color-alpha-lime-100: hsla(107, 89%, 44%, 0.07);
100
- --cpd-color-alpha-yellow-1400: hsl(5, 100%, 12%, 1);
101
- --cpd-color-alpha-yellow-1300: hsl(10, 100%, 14%, 1);
102
- --cpd-color-alpha-yellow-1200: hsl(20, 100%, 17%, 1);
103
- --cpd-color-alpha-yellow-1100: hsl(24, 100%, 19%, 1);
104
- --cpd-color-alpha-yellow-1000: hsl(27, 100%, 22%, 1);
105
- --cpd-color-alpha-yellow-900: hsl(28, 100%, 23%, 1);
106
- --cpd-color-alpha-yellow-800: hsl(36, 100%, 33%, 1);
107
- --cpd-color-alpha-yellow-700: hsl(40, 100%, 38%, 1);
108
- --cpd-color-alpha-yellow-600: hsl(44, 100%, 44%, 1);
109
- --cpd-color-alpha-yellow-500: hsl(47, 100%, 47%, 1);
110
- --cpd-color-alpha-yellow-400: hsla(48, 100%, 50%, 0.72);
111
- --cpd-color-alpha-yellow-300: hsla(47, 100%, 51%, 0.49);
112
- --cpd-color-alpha-yellow-200: hsla(47, 100%, 51%, 0.25);
113
- --cpd-color-alpha-yellow-100: hsla(46, 100%, 53%, 0.13);
114
- --cpd-color-alpha-orange-1400: hsl(0, 100%, 13%, 1);
115
- --cpd-color-alpha-orange-1300: hsl(0, 100%, 15%, 1);
116
- --cpd-color-alpha-orange-1200: hsl(0, 100%, 20%, 1);
117
- --cpd-color-alpha-orange-1100: hsl(0, 100%, 23%, 1);
118
- --cpd-color-alpha-orange-1000: hsl(4, 100%, 27%, 1);
119
- --cpd-color-alpha-orange-900: hsl(9, 100%, 29%, 1);
120
- --cpd-color-alpha-orange-800: hsl(24, 100%, 38%, 1);
121
- --cpd-color-alpha-orange-700: hsl(29, 100%, 44%, 1);
122
- --cpd-color-alpha-orange-600: hsla(27, 100%, 48%, 0.75);
123
- --cpd-color-alpha-orange-500: hsla(26, 98%, 50%, 0.52);
124
- --cpd-color-alpha-orange-400: hsla(25, 100%, 52%, 0.3);
125
- --cpd-color-alpha-orange-300: hsla(25, 100%, 51%, 0.22);
126
- --cpd-color-alpha-orange-200: hsla(24, 100%, 52%, 0.11);
127
- --cpd-color-alpha-orange-100: hsla(26, 100%, 55%, 0.07);
128
- --cpd-color-alpha-red-1400: hsl(0, 100%, 13%, 1);
129
- --cpd-color-alpha-red-1300: hsl(0, 100%, 15%, 1);
130
- --cpd-color-alpha-red-1200: hsl(0, 100%, 20%, 1);
131
- --cpd-color-alpha-red-1100: hsl(0, 100%, 23%, 1);
132
- --cpd-color-alpha-red-1000: hsl(355, 100%, 27%, 1);
133
- --cpd-color-alpha-red-900: hsl(350, 100%, 30%, 1);
134
- --cpd-color-alpha-red-800: hsla(356, 98%, 44%, 0.89);
135
- --cpd-color-alpha-red-700: hsla(2, 100%, 50%, 0.72);
136
- --cpd-color-alpha-red-600: hsla(5, 100%, 51%, 0.5);
137
- --cpd-color-alpha-red-500: hsla(7, 100%, 51%, 0.36);
138
- --cpd-color-alpha-red-400: hsla(8, 100%, 51%, 0.21);
139
- --cpd-color-alpha-red-300: hsla(8, 100%, 52%, 0.15);
140
- --cpd-color-alpha-red-200: hsla(9, 100%, 54%, 0.08);
141
- --cpd-color-alpha-red-100: hsla(7, 100%, 56%, 0.04);
142
- --cpd-color-alpha-gray-1400: hsla(223, 78%, 2%, 0.9);
143
- --cpd-color-alpha-gray-1300: hsla(218, 100%, 2%, 0.88);
144
- --cpd-color-alpha-gray-1200: hsla(210, 67%, 2%, 0.83);
145
- --cpd-color-alpha-gray-1100: hsla(222, 63%, 3%, 0.8);
146
- --cpd-color-alpha-gray-1000: hsla(220, 75%, 3%, 0.76);
147
- --cpd-color-alpha-gray-900: hsla(223, 70%, 4%, 0.73);
148
- --cpd-color-alpha-gray-800: hsla(217, 89%, 7%, 0.58);
149
- --cpd-color-alpha-gray-700: hsla(216, 81%, 10%, 0.48);
150
- --cpd-color-alpha-gray-600: hsla(215, 96%, 10%, 0.35);
151
- --cpd-color-alpha-gray-500: hsla(212, 97%, 12%, 0.26);
152
- --cpd-color-alpha-gray-400: hsla(215, 88%, 17%, 0.16);
153
- --cpd-color-alpha-gray-300: hsla(213, 90%, 20%, 0.12);
154
- --cpd-color-alpha-gray-200: hsla(216, 89%, 18%, 0.06);
155
- --cpd-color-alpha-gray-100: hsla(200, 41%, 36%, 0.04);
156
- --cpd-color-pink-1400: #410015;
157
- --cpd-color-pink-1300: #4a001c;
158
- --cpd-color-pink-1200: #64002f;
159
- --cpd-color-pink-1100: #72003a;
160
- --cpd-color-pink-1000: #840745;
161
- --cpd-color-pink-900: #92084b;
162
- --cpd-color-pink-800: #e00c6a;
163
- --cpd-color-pink-700: #f94e84;
164
- --cpd-color-pink-600: #ff88a6;
165
- --cpd-color-pink-500: #ffadc0;
166
- --cpd-color-pink-400: #ffd0da;
167
- --cpd-color-pink-300: #ffdee5;
168
- --cpd-color-pink-200: #ffecf0;
169
- --cpd-color-pink-100: #fff5f7;
170
- --cpd-color-fuchsia-1400: #32004a;
171
- --cpd-color-fuchsia-1300: #3b0053;
172
- --cpd-color-fuchsia-1200: #52026c;
173
- --cpd-color-fuchsia-1100: #5c0f76;
174
- --cpd-color-fuchsia-1000: #6c1785;
175
- --cpd-color-fuchsia-900: #781c90;
176
- --cpd-color-fuchsia-800: #b937c6;
177
- --cpd-color-fuchsia-700: #cb68d4;
178
- --cpd-color-fuchsia-600: #db93e1;
179
- --cpd-color-fuchsia-500: #e7b2ea;
180
- --cpd-color-fuchsia-400: #f1d2f3;
181
- --cpd-color-fuchsia-300: #f6dff7;
182
- --cpd-color-fuchsia-200: #faeefb;
183
- --cpd-color-fuchsia-100: #fcf5fd;
184
- --cpd-color-purple-1400: #1f0062;
185
- --cpd-color-purple-1300: #240070;
186
- --cpd-color-purple-1200: #360094;
187
- --cpd-color-purple-1100: #4200a6;
188
- --cpd-color-purple-1000: #4f0dba;
189
- --cpd-color-purple-900: #571cc4;
190
- --cpd-color-purple-800: #824ef9;
191
- --cpd-color-purple-700: #9778fe;
192
- --cpd-color-purple-600: #b1a0ff;
193
- --cpd-color-purple-500: #c5bbff;
194
- --cpd-color-purple-400: #ddd8ff;
195
- --cpd-color-purple-300: #e6e2ff;
196
- --cpd-color-purple-200: #f1efff;
197
- --cpd-color-purple-100: #f8f7ff;
198
- --cpd-color-blue-1400: #000c63;
199
- --cpd-color-blue-1300: #001569;
200
- --cpd-color-blue-1200: #03277b;
201
- --cpd-color-blue-1100: #043088;
202
- --cpd-color-blue-1000: #053b9a;
203
- --cpd-color-blue-900: #0543a7;
204
- --cpd-color-blue-800: #046ee8;
205
- --cpd-color-blue-700: #4a8ef0;
206
- --cpd-color-blue-600: #7eaff6;
207
- --cpd-color-blue-500: #a3c6fa;
208
- --cpd-color-blue-400: #c8ddfd;
209
- --cpd-color-blue-300: #d8e7fe;
210
- --cpd-color-blue-200: #e9f2ff;
211
- --cpd-color-blue-100: #f4f8ff;
212
- --cpd-color-cyan-1400: #00174d;
213
- --cpd-color-cyan-1300: #001e53;
214
- --cpd-color-cyan-1200: #002e64;
215
- --cpd-color-cyan-1100: #00376e;
216
- --cpd-color-cyan-1000: #00447b;
217
- --cpd-color-cyan-900: #004c84;
218
- --cpd-color-cyan-800: #007ab3;
219
- --cpd-color-cyan-700: #009ac3;
220
- --cpd-color-cyan-600: #15becf;
221
- --cpd-color-cyan-500: #76d1dd;
222
- --cpd-color-cyan-400: #b1e4eb;
223
- --cpd-color-cyan-300: #c7ecf0;
224
- --cpd-color-cyan-200: #e3f5f8;
225
- --cpd-color-cyan-100: #f1fafb;
226
- --cpd-color-green-1400: #00210f;
227
- --cpd-color-green-1300: #002715;
228
- --cpd-color-green-1200: #003723;
229
- --cpd-color-green-1100: #00402b;
230
- --cpd-color-green-1000: #004d36;
231
- --cpd-color-green-900: #00553d;
232
- --cpd-color-green-800: #008268;
233
- --cpd-color-green-700: #00a27c;
234
- --cpd-color-green-600: #0bc491;
235
- --cpd-color-green-500: #71d7ae;
236
- --cpd-color-green-400: #afe8ce;
237
- --cpd-color-green-300: #c6eedb;
238
- --cpd-color-green-200: #e3f7ed;
239
- --cpd-color-green-100: #f1fbf6;
240
- --cpd-color-lime-1400: #002200;
241
- --cpd-color-lime-1300: #002900;
242
- --cpd-color-lime-1200: #003900;
243
- --cpd-color-lime-1100: #004200;
244
- --cpd-color-lime-1000: #004f00;
245
- --cpd-color-lime-900: #005700;
246
- --cpd-color-lime-800: #1f850f;
247
- --cpd-color-lime-700: #3aa31a;
248
- --cpd-color-lime-600: #54c424;
249
- --cpd-color-lime-500: #76db4c;
250
- --cpd-color-lime-400: #afeb9b;
251
- --cpd-color-lime-300: #c8f1ba;
252
- --cpd-color-lime-200: #e0f8d9;
253
- --cpd-color-lime-100: #f1fcee;
254
- --cpd-color-yellow-1400: #3f0500;
255
- --cpd-color-yellow-1300: #450c00;
256
- --cpd-color-yellow-1200: #571d00;
257
- --cpd-color-yellow-1100: #612600;
258
- --cpd-color-yellow-1000: #6e3100;
259
- --cpd-color-yellow-900: #773800;
260
- --cpd-color-yellow-800: #a76300;
261
- --cpd-color-yellow-700: #c38100;
262
- --cpd-color-yellow-600: #dea200;
263
- --cpd-color-yellow-500: #f1bd00;
264
- --cpd-color-yellow-400: #ffda49;
265
- --cpd-color-yellow-300: #ffe484;
266
- --cpd-color-yellow-200: #fff2c1;
267
- --cpd-color-yellow-100: #fff8e0;
268
- --cpd-color-orange-1400: #420000;
269
- --cpd-color-orange-1300: #4c0000;
270
- --cpd-color-orange-1200: #670000;
271
- --cpd-color-orange-1100: #770000;
272
- --cpd-color-orange-1000: #890800;
273
- --cpd-color-orange-900: #931700;
274
- --cpd-color-orange-800: #c44d00;
275
- --cpd-color-orange-700: #e26e00;
276
- --cpd-color-orange-600: #f89440;
277
- --cpd-color-orange-500: #fdb37c;
278
- --cpd-color-orange-400: #ffd4b5;
279
- --cpd-color-orange-300: #ffdfc8;
280
- --cpd-color-orange-200: #ffefe4;
281
- --cpd-color-orange-100: #fff6ef;
282
- --cpd-color-red-1400: #420000;
283
- --cpd-color-red-1300: #4c0000;
284
- --cpd-color-red-1200: #670000;
285
- --cpd-color-red-1100: #770000;
286
- --cpd-color-red-1000: #8b000c;
287
- --cpd-color-red-900: #99001a;
288
- --cpd-color-red-800: #e11e2a;
289
- --cpd-color-red-700: #ff4e49;
290
- --cpd-color-red-600: #ff8c81;
291
- --cpd-color-red-500: #ffafa5;
292
- --cpd-color-red-400: #ffd1ca;
293
- --cpd-color-red-300: #ffdfda;
294
- --cpd-color-red-200: #ffefec;
295
- --cpd-color-red-100: #fff7f6;
296
- --cpd-color-gray-1400: #1a1c21;
297
- --cpd-color-gray-1300: #1f2126;
298
- --cpd-color-gray-1200: #2d3034;
299
- --cpd-color-gray-1100: #35383d;
300
- --cpd-color-gray-1000: #3f4248;
301
- --cpd-color-gray-900: #474a51;
302
- --cpd-color-gray-800: #6c737e;
303
- --cpd-color-gray-700: #878f9b;
304
- --cpd-color-gray-600: #a6adb7;
305
- --cpd-color-gray-500: #bdc4cc;
306
- --cpd-color-gray-400: #d7dce3;
307
- --cpd-color-gray-300: #e1e6ec;
308
- --cpd-color-gray-200: #f0f2f5;
309
- --cpd-color-gray-100: #f7f9fa;
310
2
  --cpd-color-theme-bg: #ffffff;
3
+ --cpd-color-gray-100: #f7f9fa;
4
+ --cpd-color-gray-200: #f0f2f5;
5
+ --cpd-color-gray-300: #e1e6ec;
6
+ --cpd-color-gray-400: #d7dce3;
7
+ --cpd-color-gray-500: #bdc4cc;
8
+ --cpd-color-gray-600: #a6adb7;
9
+ --cpd-color-gray-700: #878f9b;
10
+ --cpd-color-gray-800: #6c737e;
11
+ --cpd-color-gray-900: #474a51;
12
+ --cpd-color-gray-1000: #3f4248;
13
+ --cpd-color-gray-1100: #35383d;
14
+ --cpd-color-gray-1200: #2d3034;
15
+ --cpd-color-gray-1300: #1f2126;
16
+ --cpd-color-gray-1400: #1a1c21;
17
+ --cpd-color-red-100: #fff7f6;
18
+ --cpd-color-red-200: #ffefec;
19
+ --cpd-color-red-300: #ffdfda;
20
+ --cpd-color-red-400: #ffd1ca;
21
+ --cpd-color-red-500: #ffafa5;
22
+ --cpd-color-red-600: #ff8c81;
23
+ --cpd-color-red-700: #ff4e49;
24
+ --cpd-color-red-800: #e11e2a;
25
+ --cpd-color-red-900: #99001a;
26
+ --cpd-color-red-1000: #8b000c;
27
+ --cpd-color-red-1100: #770000;
28
+ --cpd-color-red-1200: #670000;
29
+ --cpd-color-red-1300: #4c0000;
30
+ --cpd-color-red-1400: #420000;
31
+ --cpd-color-orange-100: #fff6ef;
32
+ --cpd-color-orange-200: #ffefe4;
33
+ --cpd-color-orange-300: #ffdfc8;
34
+ --cpd-color-orange-400: #ffd4b5;
35
+ --cpd-color-orange-500: #fdb37c;
36
+ --cpd-color-orange-600: #f89440;
37
+ --cpd-color-orange-700: #e26e00;
38
+ --cpd-color-orange-800: #c44d00;
39
+ --cpd-color-orange-900: #931700;
40
+ --cpd-color-orange-1000: #890800;
41
+ --cpd-color-orange-1100: #770000;
42
+ --cpd-color-orange-1200: #670000;
43
+ --cpd-color-orange-1300: #4c0000;
44
+ --cpd-color-orange-1400: #420000;
45
+ --cpd-color-yellow-100: #fff8e0;
46
+ --cpd-color-yellow-200: #fff2c1;
47
+ --cpd-color-yellow-300: #ffe484;
48
+ --cpd-color-yellow-400: #ffda49;
49
+ --cpd-color-yellow-500: #f1bd00;
50
+ --cpd-color-yellow-600: #dea200;
51
+ --cpd-color-yellow-700: #c38100;
52
+ --cpd-color-yellow-800: #a76300;
53
+ --cpd-color-yellow-900: #773800;
54
+ --cpd-color-yellow-1000: #6e3100;
55
+ --cpd-color-yellow-1100: #612600;
56
+ --cpd-color-yellow-1200: #571d00;
57
+ --cpd-color-yellow-1300: #450c00;
58
+ --cpd-color-yellow-1400: #3f0500;
59
+ --cpd-color-lime-100: #f1fcee;
60
+ --cpd-color-lime-200: #e0f8d9;
61
+ --cpd-color-lime-300: #c8f1ba;
62
+ --cpd-color-lime-400: #afeb9b;
63
+ --cpd-color-lime-500: #76db4c;
64
+ --cpd-color-lime-600: #54c424;
65
+ --cpd-color-lime-700: #3aa31a;
66
+ --cpd-color-lime-800: #1f850f;
67
+ --cpd-color-lime-900: #005700;
68
+ --cpd-color-lime-1000: #004f00;
69
+ --cpd-color-lime-1100: #004200;
70
+ --cpd-color-lime-1200: #003900;
71
+ --cpd-color-lime-1300: #002900;
72
+ --cpd-color-lime-1400: #002200;
73
+ --cpd-color-green-100: #f1fbf6;
74
+ --cpd-color-green-200: #e3f7ed;
75
+ --cpd-color-green-300: #c6eedb;
76
+ --cpd-color-green-400: #afe8ce;
77
+ --cpd-color-green-500: #71d7ae;
78
+ --cpd-color-green-600: #0bc491;
79
+ --cpd-color-green-700: #00a27c;
80
+ --cpd-color-green-800: #008268;
81
+ --cpd-color-green-900: #00553d;
82
+ --cpd-color-green-1000: #004d36;
83
+ --cpd-color-green-1100: #00402b;
84
+ --cpd-color-green-1200: #003723;
85
+ --cpd-color-green-1300: #002715;
86
+ --cpd-color-green-1400: #00210f;
87
+ --cpd-color-cyan-100: #f1fafb;
88
+ --cpd-color-cyan-200: #e3f5f8;
89
+ --cpd-color-cyan-300: #c7ecf0;
90
+ --cpd-color-cyan-400: #b1e4eb;
91
+ --cpd-color-cyan-500: #76d1dd;
92
+ --cpd-color-cyan-600: #15becf;
93
+ --cpd-color-cyan-700: #009ac3;
94
+ --cpd-color-cyan-800: #007ab3;
95
+ --cpd-color-cyan-900: #004c84;
96
+ --cpd-color-cyan-1000: #00447b;
97
+ --cpd-color-cyan-1100: #00376e;
98
+ --cpd-color-cyan-1200: #002e64;
99
+ --cpd-color-cyan-1300: #001e53;
100
+ --cpd-color-cyan-1400: #00174d;
101
+ --cpd-color-blue-100: #f4f8ff;
102
+ --cpd-color-blue-200: #e9f2ff;
103
+ --cpd-color-blue-300: #d8e7fe;
104
+ --cpd-color-blue-400: #c8ddfd;
105
+ --cpd-color-blue-500: #a3c6fa;
106
+ --cpd-color-blue-600: #7eaff6;
107
+ --cpd-color-blue-700: #4a8ef0;
108
+ --cpd-color-blue-800: #046ee8;
109
+ --cpd-color-blue-900: #0543a7;
110
+ --cpd-color-blue-1000: #053b9a;
111
+ --cpd-color-blue-1100: #043088;
112
+ --cpd-color-blue-1200: #03277b;
113
+ --cpd-color-blue-1300: #001569;
114
+ --cpd-color-blue-1400: #000c63;
115
+ --cpd-color-purple-100: #f8f7ff;
116
+ --cpd-color-purple-200: #f1efff;
117
+ --cpd-color-purple-300: #e6e2ff;
118
+ --cpd-color-purple-400: #ddd8ff;
119
+ --cpd-color-purple-500: #c5bbff;
120
+ --cpd-color-purple-600: #b1a0ff;
121
+ --cpd-color-purple-700: #9778fe;
122
+ --cpd-color-purple-800: #824ef9;
123
+ --cpd-color-purple-900: #571cc4;
124
+ --cpd-color-purple-1000: #4f0dba;
125
+ --cpd-color-purple-1100: #4200a6;
126
+ --cpd-color-purple-1200: #360094;
127
+ --cpd-color-purple-1300: #240070;
128
+ --cpd-color-purple-1400: #1f0062;
129
+ --cpd-color-fuchsia-100: #fcf5fd;
130
+ --cpd-color-fuchsia-200: #faeefb;
131
+ --cpd-color-fuchsia-300: #f6dff7;
132
+ --cpd-color-fuchsia-400: #f1d2f3;
133
+ --cpd-color-fuchsia-500: #e7b2ea;
134
+ --cpd-color-fuchsia-600: #db93e1;
135
+ --cpd-color-fuchsia-700: #cb68d4;
136
+ --cpd-color-fuchsia-800: #b937c6;
137
+ --cpd-color-fuchsia-900: #781c90;
138
+ --cpd-color-fuchsia-1000: #6c1785;
139
+ --cpd-color-fuchsia-1100: #5c0f76;
140
+ --cpd-color-fuchsia-1200: #52026c;
141
+ --cpd-color-fuchsia-1300: #3b0053;
142
+ --cpd-color-fuchsia-1400: #32004a;
143
+ --cpd-color-pink-100: #fff5f7;
144
+ --cpd-color-pink-200: #ffecf0;
145
+ --cpd-color-pink-300: #ffdee5;
146
+ --cpd-color-pink-400: #ffd0da;
147
+ --cpd-color-pink-500: #ffadc0;
148
+ --cpd-color-pink-600: #ff88a6;
149
+ --cpd-color-pink-700: #f94e84;
150
+ --cpd-color-pink-800: #e00c6a;
151
+ --cpd-color-pink-900: #92084b;
152
+ --cpd-color-pink-1000: #840745;
153
+ --cpd-color-pink-1100: #72003a;
154
+ --cpd-color-pink-1200: #64002f;
155
+ --cpd-color-pink-1300: #4a001c;
156
+ --cpd-color-pink-1400: #410015;
157
+ --cpd-color-alpha-gray-100: hsla(200, 41%, 36%, 0.04);
158
+ --cpd-color-alpha-gray-200: hsla(216, 89%, 18%, 0.06);
159
+ --cpd-color-alpha-gray-300: hsla(213, 90%, 20%, 0.12);
160
+ --cpd-color-alpha-gray-400: hsla(215, 88%, 17%, 0.16);
161
+ --cpd-color-alpha-gray-500: hsla(212, 97%, 12%, 0.26);
162
+ --cpd-color-alpha-gray-600: hsla(215, 96%, 10%, 0.35);
163
+ --cpd-color-alpha-gray-700: hsla(216, 81%, 10%, 0.48);
164
+ --cpd-color-alpha-gray-800: hsla(217, 89%, 7%, 0.58);
165
+ --cpd-color-alpha-gray-900: hsla(223, 70%, 4%, 0.73);
166
+ --cpd-color-alpha-gray-1000: hsla(220, 75%, 3%, 0.76);
167
+ --cpd-color-alpha-gray-1100: hsla(222, 63%, 3%, 0.8);
168
+ --cpd-color-alpha-gray-1200: hsla(210, 67%, 2%, 0.83);
169
+ --cpd-color-alpha-gray-1300: hsla(218, 100%, 2%, 0.88);
170
+ --cpd-color-alpha-gray-1400: hsla(223, 78%, 2%, 0.9);
171
+ --cpd-color-alpha-red-100: hsla(7, 100%, 56%, 0.04);
172
+ --cpd-color-alpha-red-200: hsla(9, 100%, 54%, 0.08);
173
+ --cpd-color-alpha-red-300: hsla(8, 100%, 52%, 0.15);
174
+ --cpd-color-alpha-red-400: hsla(8, 100%, 51%, 0.21);
175
+ --cpd-color-alpha-red-500: hsla(7, 100%, 51%, 0.36);
176
+ --cpd-color-alpha-red-600: hsla(5, 100%, 51%, 0.5);
177
+ --cpd-color-alpha-red-700: hsla(2, 100%, 50%, 0.72);
178
+ --cpd-color-alpha-red-800: hsla(356, 98%, 44%, 0.89);
179
+ --cpd-color-alpha-red-900: hsl(350, 100%, 30%, 1);
180
+ --cpd-color-alpha-red-1000: hsl(355, 100%, 27%, 1);
181
+ --cpd-color-alpha-red-1100: hsl(0, 100%, 23%, 1);
182
+ --cpd-color-alpha-red-1200: hsl(0, 100%, 20%, 1);
183
+ --cpd-color-alpha-red-1300: hsl(0, 100%, 15%, 1);
184
+ --cpd-color-alpha-red-1400: hsl(0, 100%, 13%, 1);
185
+ --cpd-color-alpha-orange-100: hsla(26, 100%, 55%, 0.07);
186
+ --cpd-color-alpha-orange-200: hsla(24, 100%, 52%, 0.11);
187
+ --cpd-color-alpha-orange-300: hsla(25, 100%, 51%, 0.22);
188
+ --cpd-color-alpha-orange-400: hsla(25, 100%, 52%, 0.3);
189
+ --cpd-color-alpha-orange-500: hsla(26, 98%, 50%, 0.52);
190
+ --cpd-color-alpha-orange-600: hsla(27, 100%, 48%, 0.75);
191
+ --cpd-color-alpha-orange-700: hsl(29, 100%, 44%, 1);
192
+ --cpd-color-alpha-orange-800: hsl(24, 100%, 38%, 1);
193
+ --cpd-color-alpha-orange-900: hsl(9, 100%, 29%, 1);
194
+ --cpd-color-alpha-orange-1000: hsl(4, 100%, 27%, 1);
195
+ --cpd-color-alpha-orange-1100: hsl(0, 100%, 23%, 1);
196
+ --cpd-color-alpha-orange-1200: hsl(0, 100%, 20%, 1);
197
+ --cpd-color-alpha-orange-1300: hsl(0, 100%, 15%, 1);
198
+ --cpd-color-alpha-orange-1400: hsl(0, 100%, 13%, 1);
199
+ --cpd-color-alpha-yellow-100: hsla(46, 100%, 53%, 0.13);
200
+ --cpd-color-alpha-yellow-200: hsla(47, 100%, 51%, 0.25);
201
+ --cpd-color-alpha-yellow-300: hsla(47, 100%, 51%, 0.49);
202
+ --cpd-color-alpha-yellow-400: hsla(48, 100%, 50%, 0.72);
203
+ --cpd-color-alpha-yellow-500: hsl(47, 100%, 47%, 1);
204
+ --cpd-color-alpha-yellow-600: hsl(44, 100%, 44%, 1);
205
+ --cpd-color-alpha-yellow-700: hsl(40, 100%, 38%, 1);
206
+ --cpd-color-alpha-yellow-800: hsl(36, 100%, 33%, 1);
207
+ --cpd-color-alpha-yellow-900: hsl(28, 100%, 23%, 1);
208
+ --cpd-color-alpha-yellow-1000: hsl(27, 100%, 22%, 1);
209
+ --cpd-color-alpha-yellow-1100: hsl(24, 100%, 19%, 1);
210
+ --cpd-color-alpha-yellow-1200: hsl(20, 100%, 17%, 1);
211
+ --cpd-color-alpha-yellow-1300: hsl(10, 100%, 14%, 1);
212
+ --cpd-color-alpha-yellow-1400: hsl(5, 100%, 12%, 1);
213
+ --cpd-color-alpha-lime-100: hsla(107, 89%, 44%, 0.07);
214
+ --cpd-color-alpha-lime-200: hsla(107, 98%, 41%, 0.15);
215
+ --cpd-color-alpha-lime-300: hsla(105, 92%, 42%, 0.28);
216
+ --cpd-color-alpha-lime-400: hsla(105, 95%, 41%, 0.4);
217
+ --cpd-color-alpha-lime-500: hsla(102, 97%, 41%, 0.71);
218
+ --cpd-color-alpha-lime-600: hsla(102, 100%, 37%, 0.86);
219
+ --cpd-color-alpha-lime-700: hsla(106, 99%, 30%, 0.9);
220
+ --cpd-color-alpha-lime-800: hsla(112, 97%, 25%, 0.95);
221
+ --cpd-color-alpha-lime-900: hsl(120, 100%, 17%, 1);
222
+ --cpd-color-alpha-lime-1000: hsl(120, 100%, 16%, 1);
223
+ --cpd-color-alpha-lime-1100: hsl(120, 100%, 13%, 1);
224
+ --cpd-color-alpha-lime-1200: hsl(120, 100%, 11%, 1);
225
+ --cpd-color-alpha-lime-1300: hsl(120, 100%, 8%, 1);
226
+ --cpd-color-alpha-lime-1400: hsl(120, 100%, 7%, 1);
227
+ --cpd-color-alpha-green-100: hsla(150, 79%, 41%, 0.06);
228
+ --cpd-color-alpha-green-200: hsla(150, 100%, 36%, 0.11);
229
+ --cpd-color-alpha-green-300: hsla(151, 93%, 37%, 0.23);
230
+ --cpd-color-alpha-green-400: hsla(153, 95%, 37%, 0.32);
231
+ --cpd-color-alpha-green-500: hsla(156, 99%, 36%, 0.56);
232
+ --cpd-color-alpha-green-600: hsla(163, 99%, 38%, 0.96);
233
+ --cpd-color-alpha-green-700: hsl(166, 100%, 32%, 1);
234
+ --cpd-color-alpha-green-800: hsl(168, 100%, 26%, 1);
235
+ --cpd-color-alpha-green-900: hsl(163, 100%, 17%, 1);
236
+ --cpd-color-alpha-green-1000: hsl(162, 100%, 15%, 1);
237
+ --cpd-color-alpha-green-1100: hsl(160, 100%, 13%, 1);
238
+ --cpd-color-alpha-green-1200: hsl(158, 100%, 11%, 1);
239
+ --cpd-color-alpha-green-1300: hsl(152, 100%, 8%, 1);
240
+ --cpd-color-alpha-green-1400: hsl(147, 100%, 7%, 1);
241
+ --cpd-color-alpha-cyan-100: hsla(186, 79%, 41%, 0.06);
242
+ --cpd-color-alpha-cyan-200: hsla(188, 100%, 38%, 0.11);
243
+ --cpd-color-alpha-cyan-300: hsla(186, 100%, 37%, 0.22);
244
+ --cpd-color-alpha-cyan-400: hsla(187, 97%, 38%, 0.31);
245
+ --cpd-color-alpha-cyan-500: hsla(187, 99%, 38%, 0.54);
246
+ --cpd-color-alpha-cyan-600: hsla(186, 99%, 40%, 0.92);
247
+ --cpd-color-alpha-cyan-700: hsl(193, 100%, 38%, 1);
248
+ --cpd-color-alpha-cyan-800: hsl(199, 100%, 35%, 1);
249
+ --cpd-color-alpha-cyan-900: hsl(205, 100%, 26%, 1);
250
+ --cpd-color-alpha-cyan-1000: hsl(207, 100%, 24%, 1);
251
+ --cpd-color-alpha-cyan-1100: hsl(210, 100%, 22%, 1);
252
+ --cpd-color-alpha-cyan-1200: hsl(212, 100%, 20%, 1);
253
+ --cpd-color-alpha-cyan-1300: hsl(218, 100%, 16%, 1);
254
+ --cpd-color-alpha-cyan-1400: hsl(222, 100%, 15%, 1);
255
+ --cpd-color-alpha-blue-100: hsla(218, 100%, 57%, 0.05);
256
+ --cpd-color-alpha-blue-200: hsla(215, 100%, 52%, 0.09);
257
+ --cpd-color-alpha-blue-300: hsla(216, 95%, 51%, 0.16);
258
+ --cpd-color-alpha-blue-400: hsla(216, 96%, 49%, 0.22);
259
+ --cpd-color-alpha-blue-500: hsla(216, 95%, 48%, 0.37);
260
+ --cpd-color-alpha-blue-600: hsla(215, 98%, 47%, 0.51);
261
+ --cpd-color-alpha-blue-700: hsla(215, 100%, 46%, 0.71);
262
+ --cpd-color-alpha-blue-800: hsla(212, 99%, 46%, 0.99);
263
+ --cpd-color-alpha-blue-900: hsla(217, 98%, 33%, 0.99);
264
+ --cpd-color-alpha-blue-1000: hsla(218, 97%, 30%, 0.99);
265
+ --cpd-color-alpha-blue-1100: hsla(220, 99%, 27%, 0.99);
266
+ --cpd-color-alpha-blue-1200: hsla(222, 100%, 24%, 0.99);
267
+ --cpd-color-alpha-blue-1300: hsl(228, 100%, 21%, 1);
268
+ --cpd-color-alpha-blue-1400: hsl(233, 100%, 19%, 1);
269
+ --cpd-color-alpha-purple-100: hsla(248, 100%, 61%, 0.04);
270
+ --cpd-color-alpha-purple-200: hsla(248, 100%, 55%, 0.07);
271
+ --cpd-color-alpha-purple-300: hsla(248, 100%, 53%, 0.12);
272
+ --cpd-color-alpha-purple-400: hsla(248, 100%, 52%, 0.16);
273
+ --cpd-color-alpha-purple-500: hsla(249, 100%, 51%, 0.27);
274
+ --cpd-color-alpha-purple-600: hsla(251, 100%, 51%, 0.38);
275
+ --cpd-color-alpha-purple-700: hsla(254, 100%, 50%, 0.53);
276
+ --cpd-color-alpha-purple-800: hsla(258, 98%, 49%, 0.7);
277
+ --cpd-color-alpha-purple-900: hsla(261, 97%, 38%, 0.9);
278
+ --cpd-color-alpha-purple-1000: hsla(263, 100%, 36%, 0.95);
279
+ --cpd-color-alpha-purple-1100: hsl(264, 100%, 33%, 1);
280
+ --cpd-color-alpha-purple-1200: hsl(262, 100%, 29%, 1);
281
+ --cpd-color-alpha-purple-1300: hsl(259, 100%, 22%, 1);
282
+ --cpd-color-alpha-purple-1400: hsl(259, 100%, 19%, 1);
283
+ --cpd-color-alpha-fuchsia-100: hsla(293, 95%, 41%, 0.04);
284
+ --cpd-color-alpha-fuchsia-200: hsla(295, 89%, 41%, 0.07);
285
+ --cpd-color-alpha-fuchsia-300: hsla(298, 91%, 40%, 0.13);
286
+ --cpd-color-alpha-fuchsia-400: hsla(296, 95%, 38%, 0.18);
287
+ --cpd-color-alpha-fuchsia-500: hsla(297, 93%, 38%, 0.31);
288
+ --cpd-color-alpha-fuchsia-600: hsla(295, 96%, 37%, 0.43);
289
+ --cpd-color-alpha-fuchsia-700: hsla(295, 97%, 37%, 0.6);
290
+ --cpd-color-alpha-fuchsia-800: hsla(294, 98%, 36%, 0.79);
291
+ --cpd-color-alpha-fuchsia-900: hsla(287, 96%, 27%, 0.9);
292
+ --cpd-color-alpha-fuchsia-1000: hsla(286, 100%, 24%, 0.91);
293
+ --cpd-color-alpha-fuchsia-1100: hsla(285, 97%, 22%, 0.95);
294
+ --cpd-color-alpha-fuchsia-1200: hsl(285, 96%, 22%, 1);
295
+ --cpd-color-alpha-fuchsia-1300: hsl(283, 100%, 16%, 1);
296
+ --cpd-color-alpha-fuchsia-1400: hsl(281, 100%, 15%, 1);
297
+ --cpd-color-alpha-pink-100: hsla(348, 100%, 51%, 0.04);
298
+ --cpd-color-alpha-pink-200: hsla(347, 100%, 54%, 0.08);
299
+ --cpd-color-alpha-pink-300: hsla(347, 100%, 50%, 0.13);
300
+ --cpd-color-alpha-pink-400: hsla(347, 100%, 52%, 0.19);
301
+ --cpd-color-alpha-pink-500: hsla(346, 100%, 51%, 0.33);
302
+ --cpd-color-alpha-pink-600: hsla(345, 100%, 50%, 0.47);
303
+ --cpd-color-alpha-pink-700: hsla(341, 98%, 49%, 0.7);
304
+ --cpd-color-alpha-pink-800: hsla(333, 98%, 44%, 0.96);
305
+ --cpd-color-alpha-pink-900: hsla(331, 100%, 28%, 0.97);
306
+ --cpd-color-alpha-pink-1000: hsla(330, 97%, 26%, 0.98);
307
+ --cpd-color-alpha-pink-1100: hsl(329, 100%, 22%, 1);
308
+ --cpd-color-alpha-pink-1200: hsl(332, 100%, 20%, 1);
309
+ --cpd-color-alpha-pink-1300: hsl(337, 100%, 15%, 1);
310
+ --cpd-color-alpha-pink-1400: hsl(341, 100%, 13%, 1);
311
311
  }
@@ -1,4 +1,4 @@
1
1
  :root {
2
- --cpd-color-bg-subtle-secondary-level-0: var(--cpd-color-gray-300);
3
2
  --cpd-color-bg-canvas-default-level-1: var(--cpd-color-theme-bg);
3
+ --cpd-color-bg-subtle-secondary-level-0: var(--cpd-color-gray-300);
4
4
  }
@@ -1,4 +1,4 @@
1
1
  .cpd-theme-light-hc.cpd-theme-light-hc {
2
- --cpd-color-bg-subtle-secondary-level-0: var(--cpd-color-gray-300);
3
2
  --cpd-color-bg-canvas-default-level-1: var(--cpd-color-theme-bg);
3
+ --cpd-color-bg-subtle-secondary-level-0: var(--cpd-color-gray-300);
4
4
  }
@@ -1,4 +1,4 @@
1
1
  :root {
2
- --cpd-color-bg-subtle-secondary-level-0: var(--cpd-color-gray-300);
3
2
  --cpd-color-bg-canvas-default-level-1: var(--cpd-color-theme-bg);
3
+ --cpd-color-bg-subtle-secondary-level-0: var(--cpd-color-gray-300);
4
4
  }
@@ -1,4 +1,4 @@
1
1
  .cpd-theme-light.cpd-theme-light {
2
- --cpd-color-bg-subtle-secondary-level-0: var(--cpd-color-gray-300);
3
2
  --cpd-color-bg-canvas-default-level-1: var(--cpd-color-theme-bg);
3
+ --cpd-color-bg-subtle-secondary-level-0: var(--cpd-color-gray-300);
4
4
  }
@@ -89,6 +89,7 @@ module.exports = {
89
89
  LockIcon: require("./lock.cjs"),
90
90
  MarkAsReadIcon: require("./mark-as-read.cjs"),
91
91
  MarkAsUnreadIcon: require("./mark-as-unread.cjs"),
92
+ MarkThreadsAsReadIcon: require("./mark-threads-as-read.cjs"),
92
93
  MarkerReadReceiptsIcon: require("./marker-read-receipts.cjs"),
93
94
  MentionIcon: require("./mention.cjs"),
94
95
  MenuIcon: require("./menu.cjs"),
@@ -88,6 +88,7 @@ export { default as LockSolidIcon } from "./lock-solid.js";
88
88
  export { default as LockIcon } from "./lock.js";
89
89
  export { default as MarkAsReadIcon } from "./mark-as-read.js";
90
90
  export { default as MarkAsUnreadIcon } from "./mark-as-unread.js";
91
+ export { default as MarkThreadsAsReadIcon } from "./mark-threads-as-read.js";
91
92
  export { default as MarkerReadReceiptsIcon } from "./marker-read-receipts.js";
92
93
  export { default as MentionIcon } from "./mention.js";
93
94
  export { default as MenuIcon } from "./menu.js";
@@ -88,6 +88,7 @@ export { default as LockSolidIcon } from "./lock-solid.js";
88
88
  export { default as LockIcon } from "./lock.js";
89
89
  export { default as MarkAsReadIcon } from "./mark-as-read.js";
90
90
  export { default as MarkAsUnreadIcon } from "./mark-as-unread.js";
91
+ export { default as MarkThreadsAsReadIcon } from "./mark-threads-as-read.js";
91
92
  export { default as MarkerReadReceiptsIcon } from "./marker-read-receipts.js";
92
93
  export { default as MentionIcon } from "./mention.js";
93
94
  export { default as MenuIcon } from "./menu.js";