@channel.io/bezier-tokens 0.2.7 → 0.2.9

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 (25) hide show
  1. package/dist/alpha/cjs/darkTheme.js +62 -45
  2. package/dist/alpha/cjs/darkThemeHovered.js +38 -21
  3. package/dist/alpha/cjs/global.js +43 -19
  4. package/dist/alpha/cjs/lightTheme.js +16 -0
  5. package/dist/alpha/cjs/lightThemeHovered.js +16 -0
  6. package/dist/alpha/css/styles.css +127 -37
  7. package/dist/alpha/esm/darkTheme.mjs +62 -45
  8. package/dist/alpha/esm/darkThemeHovered.mjs +38 -21
  9. package/dist/alpha/esm/global.mjs +43 -19
  10. package/dist/alpha/esm/lightTheme.mjs +16 -0
  11. package/dist/alpha/esm/lightThemeHovered.mjs +16 -0
  12. package/dist/types/alpha/cjs/darkTheme.d.ts +113 -45
  13. package/dist/types/alpha/cjs/darkThemeHovered.d.ts +89 -21
  14. package/dist/types/alpha/cjs/global.d.ts +115 -19
  15. package/dist/types/alpha/cjs/index.d.ts +445 -85
  16. package/dist/types/alpha/cjs/lightTheme.d.ts +64 -0
  17. package/dist/types/alpha/cjs/lightThemeHovered.d.ts +64 -0
  18. package/dist/types/alpha/esm/darkTheme.d.mts +113 -45
  19. package/dist/types/alpha/esm/darkThemeHovered.d.mts +89 -21
  20. package/dist/types/alpha/esm/global.d.mts +115 -19
  21. package/dist/types/alpha/esm/index.d.mts +445 -85
  22. package/dist/types/alpha/esm/index.d.mts.map +1 -1
  23. package/dist/types/alpha/esm/lightTheme.d.mts +64 -0
  24. package/dist/types/alpha/esm/lightThemeHovered.d.mts +64 -0
  25. package/package.json +1 -1
package/dist/alpha/css/styles.css CHANGED
@@ -8,16 +8,19 @@
8
8
  --alpha-color-surface-normal: var(--alpha-color-grey-900);
9
9
  --alpha-color-surface-lower: var(--alpha-color-grey-850);
10
10
  --alpha-color-surface-lowest: var(--alpha-color-grey-800);
11
+ --alpha-color-bg-absolute-white-transparent: var(--alpha-color-white-0);
11
12
  --alpha-color-bg-absolute-white-lightest: var(--alpha-color-white-20);
12
13
  --alpha-color-bg-absolute-white-lighter: var(--alpha-color-white-40);
13
14
  --alpha-color-bg-absolute-white-light: var(--alpha-color-white-60);
14
15
  --alpha-color-bg-absolute-white-normal: var(--alpha-color-white-90);
15
16
  --alpha-color-bg-absolute-white-dark: var(--alpha-color-white-100);
17
+ --alpha-color-bg-absolute-black-transparent: var(--alpha-color-black-0);
16
18
  --alpha-color-bg-absolute-black-lightest: var(--alpha-color-black-20);
17
19
  --alpha-color-bg-absolute-black-lighter: var(--alpha-color-black-40);
18
20
  --alpha-color-bg-absolute-black-light: var(--alpha-color-black-60);
19
21
  --alpha-color-bg-absolute-black-normal: var(--alpha-color-black-85);
20
22
  --alpha-color-bg-absolute-black-dark: var(--alpha-color-black-100);
23
+ --alpha-color-bg-navy-transparent: var(--alpha-color-navy-300-0);
21
24
  --alpha-color-bg-navy-shade-normal: var(--alpha-color-shade-navy-600);
22
25
  --alpha-color-bg-navy-shade-light: var(--alpha-color-shade-navy-600-40);
23
26
  --alpha-color-bg-navy-dark: var(--alpha-color-navy-400);
@@ -25,6 +28,7 @@
25
28
  --alpha-color-bg-navy-lighter: var(--alpha-color-navy-300-30);
26
29
  --alpha-color-bg-navy-light: var(--alpha-color-navy-300-45);
27
30
  --alpha-color-bg-navy-normal: var(--alpha-color-navy-300);
31
+ --alpha-color-bg-purple-transparent: var(--alpha-color-purple-300-0);
28
32
  --alpha-color-bg-purple-shade-normal: var(--alpha-color-shade-purple-600);
29
33
  --alpha-color-bg-purple-shade-light: var(--alpha-color-shade-purple-600-40);
30
34
  --alpha-color-bg-purple-dark: var(--alpha-color-purple-400);
@@ -32,6 +36,7 @@
32
36
  --alpha-color-bg-purple-lighter: var(--alpha-color-purple-300-30);
33
37
  --alpha-color-bg-purple-light: var(--alpha-color-purple-300-45);
34
38
  --alpha-color-bg-purple-normal: var(--alpha-color-purple-300);
39
+ --alpha-color-bg-pink-transparent: var(--alpha-color-pink-300-0);
35
40
  --alpha-color-bg-pink-shade-normal: var(--alpha-color-shade-pink-600);
36
41
  --alpha-color-bg-pink-shade-light: var(--alpha-color-shade-pink-600-40);
37
42
  --alpha-color-bg-pink-dark: var(--alpha-color-pink-400);
@@ -39,6 +44,7 @@
39
44
  --alpha-color-bg-pink-lighter: var(--alpha-color-pink-300-30);
40
45
  --alpha-color-bg-pink-light: var(--alpha-color-pink-300-45);
41
46
  --alpha-color-bg-pink-normal: var(--alpha-color-pink-300);
47
+ --alpha-color-bg-yellow-transparent: var(--alpha-color-yellow-300-0);
42
48
  --alpha-color-bg-yellow-shade-normal: var(--alpha-color-shade-yellow-600);
43
49
  --alpha-color-bg-yellow-shade-light: var(--alpha-color-shade-yellow-600-40);
44
50
  --alpha-color-bg-yellow-dark: var(--alpha-color-yellow-400);
@@ -46,6 +52,7 @@
46
52
  --alpha-color-bg-yellow-lighter: var(--alpha-color-yellow-300-30);
47
53
  --alpha-color-bg-yellow-light: var(--alpha-color-yellow-300-45);
48
54
  --alpha-color-bg-yellow-normal: var(--alpha-color-yellow-300);
55
+ --alpha-color-bg-olive-transparent: var(--alpha-color-olive-300-0);
49
56
  --alpha-color-bg-olive-shade-normal: var(--alpha-color-shade-olive-600);
50
57
  --alpha-color-bg-olive-shade-light: var(--alpha-color-shade-olive-600-40);
51
58
  --alpha-color-bg-olive-dark: var(--alpha-color-olive-400);
@@ -53,6 +60,7 @@
53
60
  --alpha-color-bg-olive-lighter: var(--alpha-color-olive-300-30);
54
61
  --alpha-color-bg-olive-light: var(--alpha-color-olive-300-45);
55
62
  --alpha-color-bg-olive-normal: var(--alpha-color-olive-300);
63
+ --alpha-color-bg-teal-transparent: var(--alpha-color-teal-300-0);
56
64
  --alpha-color-bg-teal-shade-normal: var(--alpha-color-shade-teal-600);
57
65
  --alpha-color-bg-teal-shade-light: var(--alpha-color-shade-teal-600-40);
58
66
  --alpha-color-bg-teal-dark: var(--alpha-color-teal-400);
@@ -60,6 +68,7 @@
60
68
  --alpha-color-bg-teal-lighter: var(--alpha-color-teal-300-30);
61
69
  --alpha-color-bg-teal-light: var(--alpha-color-teal-300-45);
62
70
  --alpha-color-bg-teal-normal: var(--alpha-color-teal-300);
71
+ --alpha-color-bg-green-transparent: var(--alpha-color-green-300-0);
63
72
  --alpha-color-bg-green-shade-normal: var(--alpha-color-shade-green-600);
64
73
  --alpha-color-bg-green-shade-light: var(--alpha-color-shade-green-600-40);
65
74
  --alpha-color-bg-green-dark: var(--alpha-color-green-400);
@@ -67,6 +76,7 @@
67
76
  --alpha-color-bg-green-lighter: var(--alpha-color-green-300-30);
68
77
  --alpha-color-bg-green-light: var(--alpha-color-green-300-45);
69
78
  --alpha-color-bg-green-normal: var(--alpha-color-green-300);
79
+ --alpha-color-bg-orange-transparent: var(--alpha-color-orange-300-0);
70
80
  --alpha-color-bg-orange-shade-normal: var(--alpha-color-shade-orange-600);
71
81
  --alpha-color-bg-orange-shade-light: var(--alpha-color-shade-orange-600-40);
72
82
  --alpha-color-bg-orange-dark: var(--alpha-color-orange-400);
@@ -74,6 +84,7 @@
74
84
  --alpha-color-bg-orange-lighter: var(--alpha-color-orange-300-30);
75
85
  --alpha-color-bg-orange-light: var(--alpha-color-orange-300-45);
76
86
  --alpha-color-bg-orange-normal: var(--alpha-color-orange-300);
87
+ --alpha-color-bg-red-transparent: var(--alpha-color-red-300-0);
77
88
  --alpha-color-bg-red-shade-normal: var(--alpha-color-shade-red-600);
78
89
  --alpha-color-bg-red-shade-light: var(--alpha-color-shade-red-600-40);
79
90
  --alpha-color-bg-red-dark: var(--alpha-color-red-400);
@@ -81,6 +92,7 @@
81
92
  --alpha-color-bg-red-lighter: var(--alpha-color-red-300-30);
82
93
  --alpha-color-bg-red-light: var(--alpha-color-red-300-45);
83
94
  --alpha-color-bg-red-normal: var(--alpha-color-red-300);
95
+ --alpha-color-bg-cobalt-transparent: var(--alpha-color-cobalt-300-0);
84
96
  --alpha-color-bg-cobalt-shade-normal: var(--alpha-color-shade-cobalt-600);
85
97
  --alpha-color-bg-cobalt-shade-light: var(--alpha-color-shade-cobalt-600-40);
86
98
  --alpha-color-bg-cobalt-dark: var(--alpha-color-cobalt-400);
@@ -88,6 +100,7 @@
88
100
  --alpha-color-bg-cobalt-lighter: var(--alpha-color-cobalt-300-30);
89
101
  --alpha-color-bg-cobalt-light: var(--alpha-color-cobalt-300-45);
90
102
  --alpha-color-bg-cobalt-normal: var(--alpha-color-cobalt-300);
103
+ --alpha-color-bg-blue-transparent: var(--alpha-color-blue-300-0);
91
104
  --alpha-color-bg-blue-shade-normal: var(--alpha-color-shade-blue-600);
92
105
  --alpha-color-bg-blue-shade-light: var(--alpha-color-shade-blue-600-40);
93
106
  --alpha-color-bg-blue-dark: var(--alpha-color-blue-400);
@@ -95,9 +108,11 @@
95
108
  --alpha-color-bg-blue-lighter: var(--alpha-color-blue-300-30);
96
109
  --alpha-color-bg-blue-light: var(--alpha-color-blue-300-45);
97
110
  --alpha-color-bg-blue-normal: var(--alpha-color-blue-300);
111
+ --alpha-color-bg-white-white-alpha-transparent: var(--alpha-color-black-0);
98
112
  --alpha-color-bg-white-white-alpha-light: var(--alpha-color-black-20);
99
113
  --alpha-color-bg-white-white-alpha-lighter: var(--alpha-color-black-60);
100
114
  --alpha-color-bg-white-white-alpha-lightest: var(--alpha-color-grey-alpha-800-80);
115
+ --alpha-color-bg-white-transparent: var(--alpha-color-white-0);
101
116
  --alpha-color-bg-white-normal: var(--alpha-color-grey-900);
102
117
  --alpha-color-bg-white-higher: var(--alpha-color-grey-800);
103
118
  --alpha-color-bg-white-highest: var(--alpha-color-grey-700);
@@ -106,11 +121,13 @@
106
121
  --alpha-color-bg-grey-grey-alpha-dark: var(--alpha-color-grey-alpha-800-80);
107
122
  --alpha-color-bg-grey-grey-alpha-darker: var(--alpha-color-grey-alpha-800-90);
108
123
  --alpha-color-bg-grey-grey-alpha-darkest: var(--alpha-color-grey-alpha-700-80);
124
+ --alpha-color-bg-grey-transparent: var(--alpha-color-white-0);
109
125
  --alpha-color-bg-grey-lightest: var(--alpha-color-grey-850);
110
126
  --alpha-color-bg-grey-lighter: var(--alpha-color-grey-800);
111
127
  --alpha-color-bg-grey-light: var(--alpha-color-grey-700);
112
128
  --alpha-color-bg-grey-dark: var(--alpha-color-grey-500);
113
129
  --alpha-color-bg-grey-darkest: var(--alpha-color-white-100);
130
+ --alpha-color-bg-black-transparent: var(--alpha-color-white-0);
114
131
  --alpha-color-bg-black-lightest: var(--alpha-color-white-5);
115
132
  --alpha-color-bg-black-lighter: var(--alpha-color-white-8);
116
133
  --alpha-color-bg-black-light: var(--alpha-color-white-12);
@@ -244,16 +261,19 @@
244
261
  --alpha-color-surface-normal-hovered: #2e2e33ff;
245
262
  --alpha-color-surface-lower-hovered: #343538ff;
246
263
  --alpha-color-surface-lowest-hovered: #3b3c3fff;
264
+ --alpha-color-bg-absolute-white-transparent-hovered: #c8c8c81a;
247
265
  --alpha-color-bg-absolute-white-lightest-hovered: #c8c8c833;
248
266
  --alpha-color-bg-absolute-white-lighter-hovered: #c8c8c866;
249
267
  --alpha-color-bg-absolute-white-light-hovered: #c8c8c899;
250
268
  --alpha-color-bg-absolute-white-normal-hovered: #c8c8c8e6;
251
269
  --alpha-color-bg-absolute-white-dark-hovered: #c8c8c8ff;
270
+ --alpha-color-bg-absolute-black-transparent-hovered: #0a0a0a1a;
252
271
  --alpha-color-bg-absolute-black-lightest-hovered: #0a0a0a33;
253
272
  --alpha-color-bg-absolute-black-lighter-hovered: #0a0a0a66;
254
273
  --alpha-color-bg-absolute-black-light-hovered: #0a0a0a99;
255
274
  --alpha-color-bg-absolute-black-normal-hovered: #0a0a0ad9;
256
275
  --alpha-color-bg-absolute-black-dark-hovered: #0a0a0aff;
276
+ --alpha-color-bg-navy-transparent-hovered: #838fdc1a;
257
277
  --alpha-color-bg-navy-shade-normal-hovered: #3b4167ff;
258
278
  --alpha-color-bg-navy-shade-light-hovered: #3b416766;
259
279
  --alpha-color-bg-navy-dark-hovered: #4353bfff;
@@ -261,6 +281,7 @@
261
281
  --alpha-color-bg-navy-lighter-hovered: #838fdc4d;
262
282
  --alpha-color-bg-navy-light-hovered: #838fdc73;
263
283
  --alpha-color-bg-navy-normal-hovered: #838fdcff;
284
+ --alpha-color-bg-purple-transparent-hovered: #bf9aff1a;
264
285
  --alpha-color-bg-purple-shade-normal-hovered: #644890ff;
265
286
  --alpha-color-bg-purple-shade-light-hovered: #64489066;
266
287
  --alpha-color-bg-purple-dark-hovered: #9a66eeff;
@@ -268,6 +289,7 @@
268
289
  --alpha-color-bg-purple-lighter-hovered: #bf9aff4d;
269
290
  --alpha-color-bg-purple-light-hovered: #bf9aff73;
270
291
  --alpha-color-bg-purple-normal-hovered: #bf9affff;
292
+ --alpha-color-bg-pink-transparent-hovered: #f27fdb1a;
271
293
  --alpha-color-bg-pink-shade-normal-hovered: #994285ff;
272
294
  --alpha-color-bg-pink-shade-light-hovered: #99428566;
273
295
  --alpha-color-bg-pink-dark-hovered: #df58bfff;
@@ -275,6 +297,7 @@
275
297
  --alpha-color-bg-pink-lighter-hovered: #f27fdb4d;
276
298
  --alpha-color-bg-pink-light-hovered: #f27fdb73;
277
299
  --alpha-color-bg-pink-normal-hovered: #f27fdbff;
300
+ --alpha-color-bg-yellow-transparent-hovered: #face4a1a;
278
301
  --alpha-color-bg-yellow-shade-normal-hovered: #927a26ff;
279
302
  --alpha-color-bg-yellow-shade-light-hovered: #927a2666;
280
303
  --alpha-color-bg-yellow-dark-hovered: #f9b917ff;
@@ -282,6 +305,7 @@
282
305
  --alpha-color-bg-yellow-lighter-hovered: #face4a4d;
283
306
  --alpha-color-bg-yellow-light-hovered: #face4a73;
284
307
  --alpha-color-bg-yellow-normal-hovered: #face4aff;
308
+ --alpha-color-bg-olive-transparent-hovered: #d2df3d1a;
285
309
  --alpha-color-bg-olive-shade-normal-hovered: #86893aff;
286
310
  --alpha-color-bg-olive-shade-light-hovered: #86893a66;
287
311
  --alpha-color-bg-olive-dark-hovered: #c1ca0cff;
@@ -289,6 +313,7 @@
289
313
  --alpha-color-bg-olive-lighter-hovered: #d2df3d4d;
290
314
  --alpha-color-bg-olive-light-hovered: #d2df3d73;
291
315
  --alpha-color-bg-olive-normal-hovered: #d2df3dff;
316
+ --alpha-color-bg-teal-transparent-hovered: #4cdccf1a;
292
317
  --alpha-color-bg-teal-shade-normal-hovered: #498390ff;
293
318
  --alpha-color-bg-teal-shade-light-hovered: #49839066;
294
319
  --alpha-color-bg-teal-dark-hovered: #0ac6c0ff;
@@ -296,13 +321,15 @@
296
321
  --alpha-color-bg-teal-lighter-hovered: #4cdccf4d;
297
322
  --alpha-color-bg-teal-light-hovered: #4cdccf73;
298
323
  --alpha-color-bg-teal-normal-hovered: #4cdccfff;
324
+ --alpha-color-bg-green-transparent-hovered: #74d68b39;
299
325
  --alpha-color-bg-green-shade-normal-hovered: #4f8d67ff;
300
326
  --alpha-color-bg-green-shade-light-hovered: #4f8d6766;
301
327
  --alpha-color-bg-green-dark-hovered: #41c16fff;
302
- --alpha-color-bg-green-lightest-hovered: #76da8d39;
303
- --alpha-color-bg-green-lighter-hovered: #76da8d4d;
304
- --alpha-color-bg-green-light-hovered: #76da8d73;
305
- --alpha-color-bg-green-normal-hovered: #76da8dff;
328
+ --alpha-color-bg-green-lightest-hovered: #74d68b39;
329
+ --alpha-color-bg-green-lighter-hovered: #74d68b4d;
330
+ --alpha-color-bg-green-light-hovered: #74d68b73;
331
+ --alpha-color-bg-green-normal-hovered: #74d68bff;
332
+ --alpha-color-bg-orange-transparent-hovered: #ffae741a;
306
333
  --alpha-color-bg-orange-shade-normal-hovered: #9e6435ff;
307
334
  --alpha-color-bg-orange-shade-light-hovered: #9e643566;
308
335
  --alpha-color-bg-orange-dark-hovered: #ee8a39ff;
@@ -310,6 +337,7 @@
310
337
  --alpha-color-bg-orange-lighter-hovered: #ffae744d;
311
338
  --alpha-color-bg-orange-light-hovered: #ffae7473;
312
339
  --alpha-color-bg-orange-normal-hovered: #ffae74ff;
340
+ --alpha-color-bg-red-transparent-hovered: #ffa2a21a;
313
341
  --alpha-color-bg-red-shade-normal-hovered: #a5434aff;
314
342
  --alpha-color-bg-red-shade-light-hovered: #a5434a66;
315
343
  --alpha-color-bg-red-dark-hovered: #ec6b6bff;
@@ -317,23 +345,27 @@
317
345
  --alpha-color-bg-red-lighter-hovered: #ffa2a24d;
318
346
  --alpha-color-bg-red-light-hovered: #ffa2a273;
319
347
  --alpha-color-bg-red-normal-hovered: #ffa2a2ff;
348
+ --alpha-color-bg-cobalt-transparent-hovered: #83c4fa1a;
320
349
  --alpha-color-bg-cobalt-shade-normal-hovered: #4c6a99ff;
321
350
  --alpha-color-bg-cobalt-shade-light-hovered: #4c6a9966;
322
351
  --alpha-color-bg-cobalt-dark-hovered: #5f9eecff;
323
- --alpha-color-bg-cobalt-lightest-hovered: #8dcafc39;
324
- --alpha-color-bg-cobalt-lighter-hovered: #8dcafc4d;
325
- --alpha-color-bg-cobalt-light-hovered: #8dcafc73;
326
- --alpha-color-bg-cobalt-normal-hovered: #8dcafcff;
352
+ --alpha-color-bg-cobalt-lightest-hovered: #83c4fa39;
353
+ --alpha-color-bg-cobalt-lighter-hovered: #83c4fa4d;
354
+ --alpha-color-bg-cobalt-light-hovered: #83c4fa73;
355
+ --alpha-color-bg-cobalt-normal-hovered: #83c4faff;
356
+ --alpha-color-bg-blue-transparent-hovered: #93aefb1a;
327
357
  --alpha-color-bg-blue-shade-normal-hovered: #4e569dff;
328
358
  --alpha-color-bg-blue-shade-light-hovered: #4e569d66;
329
359
  --alpha-color-bg-blue-dark-hovered: #8280fcff;
330
- --alpha-color-bg-blue-lightest-hovered: #9ab5ff39;
331
- --alpha-color-bg-blue-lighter-hovered: #9ab5ff4d;
332
- --alpha-color-bg-blue-light-hovered: #9ab5ff73;
333
- --alpha-color-bg-blue-normal-hovered: #9ab5ffff;
360
+ --alpha-color-bg-blue-lightest-hovered: #93aefb39;
361
+ --alpha-color-bg-blue-lighter-hovered: #93aefb4d;
362
+ --alpha-color-bg-blue-light-hovered: #93aefb73;
363
+ --alpha-color-bg-blue-normal-hovered: #93aefbff;
364
+ --alpha-color-bg-white-white-alpha-transparent-hovered: #0a0a0a1a;
334
365
  --alpha-color-bg-white-white-alpha-light-hovered: #0a0a0a33;
335
366
  --alpha-color-bg-white-white-alpha-lighter-hovered: #0a0a0a99;
336
367
  --alpha-color-bg-white-white-alpha-lightest-hovered: #3b3c3fcc;
368
+ --alpha-color-bg-white-transparent-hovered: #c8c8c81a;
337
369
  --alpha-color-bg-white-normal-hovered: #2e2e33ff;
338
370
  --alpha-color-bg-white-higher-hovered: #3b3c3fff;
339
371
  --alpha-color-bg-white-highest-hovered: #505253ff;
@@ -342,11 +374,13 @@
342
374
  --alpha-color-bg-grey-grey-alpha-dark-hovered: #3b3c3fcc;
343
375
  --alpha-color-bg-grey-grey-alpha-darker-hovered: #3b3c3fe6;
344
376
  --alpha-color-bg-grey-grey-alpha-darkest-hovered: #505253cc;
377
+ --alpha-color-bg-grey-transparent-hovered: #c8c8c81a;
345
378
  --alpha-color-bg-grey-lightest-hovered: #343538ff;
346
379
  --alpha-color-bg-grey-lighter-hovered: #3b3c3fff;
347
380
  --alpha-color-bg-grey-light-hovered: #505253ff;
348
381
  --alpha-color-bg-grey-dark-hovered: #b2b2b5ff;
349
382
  --alpha-color-bg-grey-darkest-hovered: #c8c8c8ff;
383
+ --alpha-color-bg-black-transparent-hovered: #c8c8c81a;
350
384
  --alpha-color-bg-black-lightest-hovered: #c8c8c814;
351
385
  --alpha-color-bg-black-lighter-hovered: #c8c8c81e;
352
386
  --alpha-color-bg-black-light-hovered: #c8c8c82f;
@@ -389,21 +423,21 @@
389
423
  --alpha-color-fg-teal-dark-hovered: #4cdccfff;
390
424
  --alpha-color-fg-teal-light-hovered: #4cdccf73;
391
425
  --alpha-color-fg-teal-normal-hovered: #4cdccfff;
392
- --alpha-color-fg-green-dark-hovered: #76da8dff;
393
- --alpha-color-fg-green-light-hovered: #76da8d73;
394
- --alpha-color-fg-green-normal-hovered: #76da8dff;
426
+ --alpha-color-fg-green-dark-hovered: #74d68bff;
427
+ --alpha-color-fg-green-light-hovered: #74d68b73;
428
+ --alpha-color-fg-green-normal-hovered: #74d68bff;
395
429
  --alpha-color-fg-orange-dark-hovered: #ffae74ff;
396
430
  --alpha-color-fg-orange-light-hovered: #ffae7473;
397
431
  --alpha-color-fg-orange-normal-hovered: #ffae74ff;
398
432
  --alpha-color-fg-red-dark-hovered: #ffa2a2ff;
399
433
  --alpha-color-fg-red-light-hovered: #ffa2a273;
400
434
  --alpha-color-fg-red-normal-hovered: #ffa2a2ff;
401
- --alpha-color-fg-cobalt-dark-hovered: #8dcafcff;
402
- --alpha-color-fg-cobalt-light-hovered: #8dcafc73;
403
- --alpha-color-fg-cobalt-normal-hovered: #8dcafcff;
404
- --alpha-color-fg-blue-dark-hovered: #9ab5ffff;
405
- --alpha-color-fg-blue-light-hovered: #9ab5ff73;
406
- --alpha-color-fg-blue-normal-hovered: #9ab5ffff;
435
+ --alpha-color-fg-cobalt-dark-hovered: #83c4faff;
436
+ --alpha-color-fg-cobalt-light-hovered: #83c4fa73;
437
+ --alpha-color-fg-cobalt-normal-hovered: #83c4faff;
438
+ --alpha-color-fg-blue-dark-hovered: #93aefbff;
439
+ --alpha-color-fg-blue-light-hovered: #93aefb73;
440
+ --alpha-color-fg-blue-normal-hovered: #93aefbff;
407
441
  --alpha-color-fg-white-normal-hovered: #2e2e33ff;
408
442
  --alpha-color-fg-black-lightest-hovered: #c8c8c82f;
409
443
  --alpha-color-fg-black-light-hovered: #c8c8c833;
@@ -539,6 +573,7 @@
539
573
  --alpha-color-grey-alpha-800-80: #313234cc;
540
574
  --alpha-color-grey-alpha-850-80: #2a2b2dcc;
541
575
  --alpha-color-grey-alpha-900-90: #242428e6;
576
+ --alpha-color-grey-900-0: #24242800;
542
577
  --alpha-color-grey-900: #242428;
543
578
  --alpha-color-grey-850: #2a2b2d;
544
579
  --alpha-color-grey-800: #313234;
@@ -550,9 +585,11 @@
550
585
  --alpha-color-grey-200: #efeff0;
551
586
  --alpha-color-grey-100: #f7f7f8;
552
587
  --alpha-color-grey-50: #fcfcfc;
588
+ --alpha-color-olive-300-0: #c8d63000;
553
589
  --alpha-color-olive-300-15: #c8d63026;
554
590
  --alpha-color-olive-300-30: #c8d6304d;
555
591
  --alpha-color-olive-300-45: #c8d63073;
592
+ --alpha-color-olive-400-0: #a9b11000;
556
593
  --alpha-color-olive-400-10: #a9b1101a;
557
594
  --alpha-color-olive-400-20: #a9b11033;
558
595
  --alpha-color-olive-400-30: #a9b1104d;
@@ -562,9 +599,11 @@
562
599
  --alpha-color-olive-300: #c8d630;
563
600
  --alpha-color-olive-200: #dbe56e;
564
601
  --alpha-color-olive-100: #e7f17c;
602
+ --alpha-color-teal-300-0: #40d3c500;
565
603
  --alpha-color-teal-300-15: #40d3c526;
566
604
  --alpha-color-teal-300-30: #40d3c54d;
567
605
  --alpha-color-teal-300-45: #40d3c573;
606
+ --alpha-color-teal-400-0: #09b2ac00;
568
607
  --alpha-color-teal-400-10: #09b2ac1a;
569
608
  --alpha-color-teal-400-20: #09b2ac33;
570
609
  --alpha-color-teal-400-30: #09b2ac4d;
@@ -574,9 +613,11 @@
574
613
  --alpha-color-teal-300: #40d3c5;
575
614
  --alpha-color-teal-200: #72e0d5;
576
615
  --alpha-color-teal-100: #9beee6;
616
+ --alpha-color-navy-300-0: #7683d300;
577
617
  --alpha-color-navy-300-15: #7683d326;
578
618
  --alpha-color-navy-300-30: #7683d34d;
579
619
  --alpha-color-navy-300-45: #7683d373;
620
+ --alpha-color-navy-400-0: #424fab00;
580
621
  --alpha-color-navy-400-10: #424fab1a;
581
622
  --alpha-color-navy-400-20: #424fab33;
582
623
  --alpha-color-navy-400-30: #424fab4d;
@@ -586,9 +627,11 @@
586
627
  --alpha-color-navy-300: #7683d3;
587
628
  --alpha-color-navy-200: #8b99d9;
588
629
  --alpha-color-navy-100: #a5b2ee;
630
+ --alpha-color-purple-300-0: #b184ff00;
589
631
  --alpha-color-purple-300-15: #b184ff26;
590
632
  --alpha-color-purple-300-30: #b184ff4d;
591
633
  --alpha-color-purple-300-45: #b184ff73;
634
+ --alpha-color-purple-400-0: #8e57e700;
592
635
  --alpha-color-purple-400-10: #8e57e71a;
593
636
  --alpha-color-purple-400-20: #8e57e733;
594
637
  --alpha-color-purple-400-30: #8e57e74d;
@@ -598,9 +641,11 @@
598
641
  --alpha-color-purple-300: #b184ff;
599
642
  --alpha-color-purple-200: #c19aff;
600
643
  --alpha-color-purple-100: #d1b5ff;
644
+ --alpha-color-pink-300-0: #ec6fd300;
601
645
  --alpha-color-pink-300-15: #ec6fd326;
602
646
  --alpha-color-pink-300-30: #ec6fd34d;
603
647
  --alpha-color-pink-300-45: #ec6fd373;
648
+ --alpha-color-pink-400-0: #d64bb500;
604
649
  --alpha-color-pink-400-10: #d64bb51a;
605
650
  --alpha-color-pink-400-20: #d64bb533;
606
651
  --alpha-color-pink-400-30: #d64bb54d;
@@ -610,9 +655,11 @@
610
655
  --alpha-color-pink-300: #ec6fd3;
611
656
  --alpha-color-pink-200: #f896e5;
612
657
  --alpha-color-pink-100: #ffafef;
658
+ --alpha-color-yellow-300-0: #f9c83500;
613
659
  --alpha-color-yellow-300-15: #f9c83526;
614
660
  --alpha-color-yellow-300-30: #f9c8354d;
615
661
  --alpha-color-yellow-300-45: #f9c83573;
662
+ --alpha-color-yellow-400-0: #edae0d00;
616
663
  --alpha-color-yellow-400-10: #edae0d1a;
617
664
  --alpha-color-yellow-400-20: #edae0d33;
618
665
  --alpha-color-yellow-400-30: #edae0d4d;
@@ -622,9 +669,11 @@
622
669
  --alpha-color-yellow-300: #f9c835;
623
670
  --alpha-color-yellow-200: #fed968;
624
671
  --alpha-color-yellow-100: #ffe38f;
672
+ --alpha-color-orange-300-0: #ffa15e00;
625
673
  --alpha-color-orange-300-15: #ffa15e26;
626
674
  --alpha-color-orange-300-30: #ffa15e4d;
627
675
  --alpha-color-orange-300-45: #ffa15e73;
676
+ --alpha-color-orange-400-0: #e67f2b00;
628
677
  --alpha-color-orange-400-10: #e67f2b1a;
629
678
  --alpha-color-orange-400-20: #e67f2b33;
630
679
  --alpha-color-orange-400-30: #e67f2b4d;
@@ -632,7 +681,7 @@
632
681
  --alpha-color-orange-500: #c1630d;
633
682
  --alpha-color-orange-400: #e67f2b;
634
683
  --alpha-color-orange-300: #ffa15e;
635
- --alpha-color-orange-200: #ffb77d;
684
+ --alpha-color-orange-200: #ffb070;
636
685
  --alpha-color-orange-100: #ffc38f;
637
686
  --alpha-color-white-100: #ffffff;
638
687
  --alpha-color-white-90: #ffffffe6;
@@ -657,9 +706,12 @@
657
706
  --alpha-color-black-8: #00000014;
658
707
  --alpha-color-black-5: #0000000d;
659
708
  --alpha-color-black-3: #00000008;
709
+ --alpha-color-black-0: #00000000;
710
+ --alpha-color-red-300-0: #ff8c8c00;
660
711
  --alpha-color-red-300-15: #ff8c8c26;
661
712
  --alpha-color-red-300-30: #ff8c8c4d;
662
713
  --alpha-color-red-300-45: #ff8c8c73;
714
+ --alpha-color-red-400-0: #e55c5c00;
663
715
  --alpha-color-red-400-10: #e55c5c1a;
664
716
  --alpha-color-red-400-20: #e55c5c33;
665
717
  --alpha-color-red-400-30: #e55c5c4d;
@@ -669,40 +721,46 @@
669
721
  --alpha-color-red-300: #ff8c8c;
670
722
  --alpha-color-red-200: #ffa6a6;
671
723
  --alpha-color-red-100: #ffb8b8;
672
- --alpha-color-green-300-15: #6ad08126;
673
- --alpha-color-green-300-30: #6ad0814d;
674
- --alpha-color-green-300-45: #6ad08173;
724
+ --alpha-color-green-300-0: #68cc7f26;
725
+ --alpha-color-green-300-15: #68cc7f26;
726
+ --alpha-color-green-300-30: #68cc7f4d;
727
+ --alpha-color-green-300-45: #68cc7f73;
728
+ --alpha-color-green-400-0: #40ad6700;
675
729
  --alpha-color-green-400-10: #40ad671a;
676
730
  --alpha-color-green-400-20: #40ad6733;
677
731
  --alpha-color-green-400-30: #40ad674d;
678
732
  --alpha-color-green-600: #327055;
679
733
  --alpha-color-green-500: #358761;
680
734
  --alpha-color-green-400: #40ad67;
681
- --alpha-color-green-300: #6ad081;
682
- --alpha-color-green-200: #91e5a4;
735
+ --alpha-color-green-300: #68cc7f;
736
+ --alpha-color-green-200: #84e09a;
683
737
  --alpha-color-green-100: #a4ecb3;
684
- --alpha-color-cobalt-300-15: #77c0fb26;
685
- --alpha-color-cobalt-300-30: #77c0fb4d;
686
- --alpha-color-cobalt-300-45: #77c0fb73;
738
+ --alpha-color-cobalt-300-0: #71b9f500;
739
+ --alpha-color-cobalt-300-15: #71b9f526;
740
+ --alpha-color-cobalt-300-30: #71b9f54d;
741
+ --alpha-color-cobalt-300-45: #71b9f573;
742
+ --alpha-color-cobalt-400-0: #5093e500;
687
743
  --alpha-color-cobalt-400-10: #5093e51a;
688
744
  --alpha-color-cobalt-400-20: #5093e533;
689
745
  --alpha-color-cobalt-400-30: #5093e54d;
690
746
  --alpha-color-cobalt-600: #2b59b5;
691
747
  --alpha-color-cobalt-500: #3870d1;
692
748
  --alpha-color-cobalt-400: #5093e5;
693
- --alpha-color-cobalt-300: #77c0fb;
694
- --alpha-color-cobalt-200: #9ad1ff;
695
- --alpha-color-cobalt-100: #afdaff;
696
- --alpha-color-blue-300-15: #84a5ff26;
697
- --alpha-color-blue-300-30: #84a5ff4d;
698
- --alpha-color-blue-300-45: #84a5ff73;
749
+ --alpha-color-cobalt-300: #71b9f5;
750
+ --alpha-color-cobalt-200: #8dcafc;
751
+ --alpha-color-cobalt-100: #a1d5ff;
752
+ --alpha-color-blue-300-0: #7d9efa00;
753
+ --alpha-color-blue-300-15: #7d9efa26;
754
+ --alpha-color-blue-300-30: #7d9efa4d;
755
+ --alpha-color-blue-300-45: #7d9efa73;
756
+ --alpha-color-blue-400-0: #6d6afc00;
699
757
  --alpha-color-blue-400-10: #6d6afc1a;
700
758
  --alpha-color-blue-400-20: #6d6afc33;
701
759
  --alpha-color-blue-400-30: #6d6afc4d;
702
760
  --alpha-color-blue-600: #4941bc;
703
761
  --alpha-color-blue-500: #5950dc;
704
762
  --alpha-color-blue-400: #6d6afc;
705
- --alpha-color-blue-300: #84a5ff;
763
+ --alpha-color-blue-300: #7d9efa;
706
764
  --alpha-color-blue-200: #96b7ff;
707
765
  --alpha-color-blue-100: #a9c6ff;
708
766
  --alpha-typography-caption-4-regular-letter-spacing: var(--alpha-font-letter-spacing-1);
@@ -823,16 +881,19 @@
823
881
  --alpha-color-surface-normal: var(--alpha-color-white-100);
824
882
  --alpha-color-surface-lower: var(--alpha-color-grey-50);
825
883
  --alpha-color-surface-lowest: var(--alpha-color-grey-100);
884
+ --alpha-color-bg-absolute-white-transparent: var(--alpha-color-white-0);
826
885
  --alpha-color-bg-absolute-white-lightest: var(--alpha-color-white-20);
827
886
  --alpha-color-bg-absolute-white-lighter: var(--alpha-color-white-40);
828
887
  --alpha-color-bg-absolute-white-light: var(--alpha-color-white-60);
829
888
  --alpha-color-bg-absolute-white-normal: var(--alpha-color-white-90);
830
889
  --alpha-color-bg-absolute-white-dark: var(--alpha-color-white-100);
890
+ --alpha-color-bg-absolute-black-transparent: var(--alpha-color-black-0);
831
891
  --alpha-color-bg-absolute-black-lightest: var(--alpha-color-black-20);
832
892
  --alpha-color-bg-absolute-black-lighter: var(--alpha-color-black-40);
833
893
  --alpha-color-bg-absolute-black-light: var(--alpha-color-black-60);
834
894
  --alpha-color-bg-absolute-black-normal: var(--alpha-color-black-85);
835
895
  --alpha-color-bg-absolute-black-dark: var(--alpha-color-black-100);
896
+ --alpha-color-bg-navy-transparent: var(--alpha-color-navy-400-0);
836
897
  --alpha-color-bg-navy-shade-normal: var(--alpha-color-shade-navy-400);
837
898
  --alpha-color-bg-navy-shade-light: var(--alpha-color-shade-navy-400-20);
838
899
  --alpha-color-bg-navy-dark: var(--alpha-color-navy-500);
@@ -840,6 +901,7 @@
840
901
  --alpha-color-bg-navy-lighter: var(--alpha-color-navy-400-20);
841
902
  --alpha-color-bg-navy-light: var(--alpha-color-navy-400-30);
842
903
  --alpha-color-bg-navy-normal: var(--alpha-color-navy-400);
904
+ --alpha-color-bg-purple-transparent: var(--alpha-color-purple-400-0);
843
905
  --alpha-color-bg-purple-shade-normal: var(--alpha-color-shade-purple-400);
844
906
  --alpha-color-bg-purple-shade-light: var(--alpha-color-shade-purple-400-20);
845
907
  --alpha-color-bg-purple-dark: var(--alpha-color-purple-500);
@@ -847,6 +909,7 @@
847
909
  --alpha-color-bg-purple-lighter: var(--alpha-color-purple-400-20);
848
910
  --alpha-color-bg-purple-light: var(--alpha-color-purple-400-30);
849
911
  --alpha-color-bg-purple-normal: var(--alpha-color-purple-400);
912
+ --alpha-color-bg-pink-transparent: var(--alpha-color-pink-400-0);
850
913
  --alpha-color-bg-pink-shade-normal: var(--alpha-color-shade-pink-400);
851
914
  --alpha-color-bg-pink-shade-light: var(--alpha-color-shade-pink-400-20);
852
915
  --alpha-color-bg-pink-dark: var(--alpha-color-pink-500);
@@ -854,6 +917,7 @@
854
917
  --alpha-color-bg-pink-lighter: var(--alpha-color-pink-400-20);
855
918
  --alpha-color-bg-pink-light: var(--alpha-color-pink-400-30);
856
919
  --alpha-color-bg-pink-normal: var(--alpha-color-pink-400);
920
+ --alpha-color-bg-yellow-transparent: var(--alpha-color-yellow-400-0);
857
921
  --alpha-color-bg-yellow-shade-normal: var(--alpha-color-shade-yellow-400);
858
922
  --alpha-color-bg-yellow-shade-light: var(--alpha-color-shade-yellow-400-20);
859
923
  --alpha-color-bg-yellow-dark: var(--alpha-color-yellow-500);
@@ -861,6 +925,7 @@
861
925
  --alpha-color-bg-yellow-lighter: var(--alpha-color-yellow-400-20);
862
926
  --alpha-color-bg-yellow-light: var(--alpha-color-yellow-400-30);
863
927
  --alpha-color-bg-yellow-normal: var(--alpha-color-yellow-400);
928
+ --alpha-color-bg-olive-transparent: var(--alpha-color-olive-400-0);
864
929
  --alpha-color-bg-olive-shade-normal: var(--alpha-color-shade-olive-400);
865
930
  --alpha-color-bg-olive-shade-light: var(--alpha-color-shade-olive-400-20);
866
931
  --alpha-color-bg-olive-dark: var(--alpha-color-olive-500);
@@ -868,6 +933,7 @@
868
933
  --alpha-color-bg-olive-lighter: var(--alpha-color-olive-400-20);
869
934
  --alpha-color-bg-olive-light: var(--alpha-color-olive-400-30);
870
935
  --alpha-color-bg-olive-normal: var(--alpha-color-olive-400);
936
+ --alpha-color-bg-teal-transparent: var(--alpha-color-teal-400-0);
871
937
  --alpha-color-bg-teal-shade-normal: var(--alpha-color-shade-teal-400);
872
938
  --alpha-color-bg-teal-shade-light: var(--alpha-color-shade-teal-400-20);
873
939
  --alpha-color-bg-teal-dark: var(--alpha-color-teal-500);
@@ -875,6 +941,7 @@
875
941
  --alpha-color-bg-teal-lighter: var(--alpha-color-teal-400-20);
876
942
  --alpha-color-bg-teal-light: var(--alpha-color-teal-400-30);
877
943
  --alpha-color-bg-teal-normal: var(--alpha-color-teal-400);
944
+ --alpha-color-bg-green-transparent: var(--alpha-color-green-400-0);
878
945
  --alpha-color-bg-green-shade-normal: var(--alpha-color-shade-green-400);
879
946
  --alpha-color-bg-green-shade-light: var(--alpha-color-shade-green-400-20);
880
947
  --alpha-color-bg-green-dark: var(--alpha-color-green-500);
@@ -882,6 +949,7 @@
882
949
  --alpha-color-bg-green-lighter: var(--alpha-color-green-400-20);
883
950
  --alpha-color-bg-green-light: var(--alpha-color-green-400-30);
884
951
  --alpha-color-bg-green-normal: var(--alpha-color-green-400);
952
+ --alpha-color-bg-orange-transparent: var(--alpha-color-orange-400-0);
885
953
  --alpha-color-bg-orange-shade-normal: var(--alpha-color-shade-orange-400);
886
954
  --alpha-color-bg-orange-shade-light: var(--alpha-color-shade-orange-400-20);
887
955
  --alpha-color-bg-orange-dark: var(--alpha-color-orange-500);
@@ -889,6 +957,7 @@
889
957
  --alpha-color-bg-orange-lighter: var(--alpha-color-orange-400-20);
890
958
  --alpha-color-bg-orange-light: var(--alpha-color-orange-400-30);
891
959
  --alpha-color-bg-orange-normal: var(--alpha-color-orange-400);
960
+ --alpha-color-bg-red-transparent: var(--alpha-color-red-400-0);
892
961
  --alpha-color-bg-red-shade-normal: var(--alpha-color-shade-red-400);
893
962
  --alpha-color-bg-red-shade-light: var(--alpha-color-shade-red-400-20);
894
963
  --alpha-color-bg-red-dark: var(--alpha-color-red-500);
@@ -896,6 +965,7 @@
896
965
  --alpha-color-bg-red-lighter: var(--alpha-color-red-400-20);
897
966
  --alpha-color-bg-red-light: var(--alpha-color-red-400-30);
898
967
  --alpha-color-bg-red-normal: var(--alpha-color-red-400);
968
+ --alpha-color-bg-cobalt-transparent: var(--alpha-color-cobalt-400-0);
899
969
  --alpha-color-bg-cobalt-shade-normal: var(--alpha-color-shade-cobalt-400);
900
970
  --alpha-color-bg-cobalt-shade-light: var(--alpha-color-shade-cobalt-400-20);
901
971
  --alpha-color-bg-cobalt-dark: var(--alpha-color-cobalt-500);
@@ -903,6 +973,7 @@
903
973
  --alpha-color-bg-cobalt-lighter: var(--alpha-color-cobalt-400-20);
904
974
  --alpha-color-bg-cobalt-light: var(--alpha-color-cobalt-400-30);
905
975
  --alpha-color-bg-cobalt-normal: var(--alpha-color-cobalt-400);
976
+ --alpha-color-bg-blue-transparent: var(--alpha-color-blue-400-0);
906
977
  --alpha-color-bg-blue-shade-normal: var(--alpha-color-shade-blue-400);
907
978
  --alpha-color-bg-blue-shade-light: var(--alpha-color-shade-blue-400-20);
908
979
  --alpha-color-bg-blue-dark: var(--alpha-color-blue-500);
@@ -914,6 +985,7 @@
914
985
  --alpha-color-bg-white-white-alpha-light: var(--alpha-color-white-20);
915
986
  --alpha-color-bg-white-white-alpha-lighter: var(--alpha-color-white-60);
916
987
  --alpha-color-bg-white-white-alpha-lightest: var(--alpha-color-white-90);
988
+ --alpha-color-bg-white-transparent: var(--alpha-color-white-0);
917
989
  --alpha-color-bg-white-normal: var(--alpha-color-white-100);
918
990
  --alpha-color-bg-white-higher: var(--alpha-color-white-100);
919
991
  --alpha-color-bg-white-highest: var(--alpha-color-white-100);
@@ -922,11 +994,13 @@
922
994
  --alpha-color-bg-grey-grey-alpha-dark: var(--alpha-color-grey-alpha-100-80);
923
995
  --alpha-color-bg-grey-grey-alpha-darker: var(--alpha-color-grey-alpha-100-90);
924
996
  --alpha-color-bg-grey-grey-alpha-darkest: var(--alpha-color-grey-alpha-200-80);
997
+ --alpha-color-bg-grey-transparent: var(--alpha-color-grey-900-0);
925
998
  --alpha-color-bg-grey-lightest: var(--alpha-color-grey-50);
926
999
  --alpha-color-bg-grey-lighter: var(--alpha-color-grey-100);
927
1000
  --alpha-color-bg-grey-light: var(--alpha-color-grey-200);
928
1001
  --alpha-color-bg-grey-dark: var(--alpha-color-grey-500);
929
1002
  --alpha-color-bg-grey-darkest: var(--alpha-color-grey-900);
1003
+ --alpha-color-bg-black-transparent: var(--alpha-color-black-0);
930
1004
  --alpha-color-bg-black-lightest: var(--alpha-color-black-3);
931
1005
  --alpha-color-bg-black-lighter: var(--alpha-color-black-5);
932
1006
  --alpha-color-bg-black-light: var(--alpha-color-black-8);
@@ -1060,16 +1134,19 @@
1060
1134
  --alpha-color-surface-normal-hovered: #edededff;
1061
1135
  --alpha-color-surface-lower-hovered: #eaeaeaff;
1062
1136
  --alpha-color-surface-lowest-hovered: #e5e5e8ff;
1137
+ --alpha-color-bg-absolute-white-transparent-hovered: #ededed1a;
1063
1138
  --alpha-color-bg-absolute-white-lightest-hovered: #ededed33;
1064
1139
  --alpha-color-bg-absolute-white-lighter-hovered: #ededed66;
1065
1140
  --alpha-color-bg-absolute-white-light-hovered: #ededed99;
1066
1141
  --alpha-color-bg-absolute-white-normal-hovered: #ededede6;
1067
1142
  --alpha-color-bg-absolute-white-dark-hovered: #edededff;
1143
+ --alpha-color-bg-absolute-black-transparent-hovered: #1414141a;
1068
1144
  --alpha-color-bg-absolute-black-lightest-hovered: #14141433;
1069
1145
  --alpha-color-bg-absolute-black-lighter-hovered: #14141466;
1070
1146
  --alpha-color-bg-absolute-black-light-hovered: #14141499;
1071
1147
  --alpha-color-bg-absolute-black-normal-hovered: #141414d9;
1072
1148
  --alpha-color-bg-absolute-black-dark-hovered: #141414ff;
1149
+ --alpha-color-bg-navy-transparent-hovered: #414c9c1a;
1073
1150
  --alpha-color-bg-navy-shade-normal-hovered: #5761a5ff;
1074
1151
  --alpha-color-bg-navy-shade-light-hovered: #5761a533;
1075
1152
  --alpha-color-bg-navy-dark-hovered: #34377cff;
@@ -1077,6 +1154,7 @@
1077
1154
  --alpha-color-bg-navy-lighter-hovered: #414c9c33;
1078
1155
  --alpha-color-bg-navy-light-hovered: #414c9c4d;
1079
1156
  --alpha-color-bg-navy-normal-hovered: #414c9cff;
1157
+ --alpha-color-bg-purple-transparent-hovered: #8247e11a;
1080
1158
  --alpha-color-bg-purple-shade-normal-hovered: #905edeff;
1081
1159
  --alpha-color-bg-purple-shade-light-hovered: #905ede33;
1082
1160
  --alpha-color-bg-purple-dark-hovered: #6135a6ff;
@@ -1084,6 +1162,7 @@
1084
1162
  --alpha-color-bg-purple-lighter-hovered: #8247e133;
1085
1163
  --alpha-color-bg-purple-light-hovered: #8247e14d;
1086
1164
  --alpha-color-bg-purple-normal-hovered: #8247e1ff;
1165
+ --alpha-color-bg-pink-transparent-hovered: #cf3eac1a;
1087
1166
  --alpha-color-bg-pink-shade-normal-hovered: #cb5bb0ff;
1088
1167
  --alpha-color-bg-pink-shade-light-hovered: #cb5bb033;
1089
1168
  --alpha-color-bg-pink-dark-hovered: #a03591ff;
@@ -1091,6 +1170,7 @@
1091
1170
  --alpha-color-bg-pink-lighter-hovered: #cf3eac33;
1092
1171
  --alpha-color-bg-pink-light-hovered: #cf3eac4d;
1093
1172
  --alpha-color-bg-pink-normal-hovered: #cf3eacff;
1173
+ --alpha-color-bg-yellow-transparent-hovered: #d9a0101a;
1094
1174
  --alpha-color-bg-yellow-shade-normal-hovered: #e2a52dff;
1095
1175
  --alpha-color-bg-yellow-shade-light-hovered: #e2a52d33;
1096
1176
  --alpha-color-bg-yellow-dark-hovered: #b58500ff;
@@ -1098,6 +1178,7 @@
1098
1178
  --alpha-color-bg-yellow-lighter-hovered: #d9a01033;
1099
1179
  --alpha-color-bg-yellow-light-hovered: #d9a0104d;
1100
1180
  --alpha-color-bg-yellow-normal-hovered: #d9a010ff;
1181
+ --alpha-color-bg-olive-transparent-hovered: #9ba2121a;
1101
1182
  --alpha-color-bg-olive-shade-normal-hovered: #969a51ff;
1102
1183
  --alpha-color-bg-olive-shade-light-hovered: #969a5133;
1103
1184
  --alpha-color-bg-olive-dark-hovered: #70751cff;
@@ -1105,6 +1186,7 @@
1105
1186
  --alpha-color-bg-olive-lighter-hovered: #9ba21233;
1106
1187
  --alpha-color-bg-olive-light-hovered: #9ba2124d;
1107
1188
  --alpha-color-bg-olive-normal-hovered: #9ba212ff;
1189
+ --alpha-color-bg-teal-transparent-hovered: #08a5a01a;
1108
1190
  --alpha-color-bg-teal-shade-normal-hovered: #539b98ff;
1109
1191
  --alpha-color-bg-teal-shade-light-hovered: #539b9833;
1110
1192
  --alpha-color-bg-teal-dark-hovered: #06848bff;
@@ -1112,6 +1194,7 @@
1112
1194
  --alpha-color-bg-teal-lighter-hovered: #08a5a033;
1113
1195
  --alpha-color-bg-teal-light-hovered: #08a5a04d;
1114
1196
  --alpha-color-bg-teal-normal-hovered: #08a5a0ff;
1197
+ --alpha-color-bg-green-transparent-hovered: #3f9e611a;
1115
1198
  --alpha-color-bg-green-shade-normal-hovered: #5aa473ff;
1116
1199
  --alpha-color-bg-green-shade-light-hovered: #5aa47333;
1117
1200
  --alpha-color-bg-green-dark-hovered: #347b5aff;
@@ -1119,6 +1202,7 @@
1119
1202
  --alpha-color-bg-green-lighter-hovered: #3f9e6133;
1120
1203
  --alpha-color-bg-green-light-hovered: #3f9e614d;
1121
1204
  --alpha-color-bg-green-normal-hovered: #3f9e61ff;
1205
+ --alpha-color-bg-orange-transparent-hovered: #df751f1a;
1122
1206
  --alpha-color-bg-orange-shade-normal-hovered: #d9813aff;
1123
1207
  --alpha-color-bg-orange-shade-light-hovered: #d9813a33;
1124
1208
  --alpha-color-bg-orange-dark-hovered: #b15c0fff;
@@ -1126,6 +1210,7 @@
1126
1210
  --alpha-color-bg-orange-lighter-hovered: #df751f33;
1127
1211
  --alpha-color-bg-orange-light-hovered: #df751f4d;
1128
1212
  --alpha-color-bg-orange-normal-hovered: #df751fff;
1213
+ --alpha-color-bg-red-transparent-hovered: #df4c4c1a;
1129
1214
  --alpha-color-bg-red-shade-normal-hovered: #d75861ff;
1130
1215
  --alpha-color-bg-red-shade-light-hovered: #d7586133;
1131
1216
  --alpha-color-bg-red-dark-hovered: #ab3940ff;
@@ -1133,6 +1218,7 @@
1133
1218
  --alpha-color-bg-red-lighter-hovered: #df4c4c33;
1134
1219
  --alpha-color-bg-red-light-hovered: #df4c4c4d;
1135
1220
  --alpha-color-bg-red-normal-hovered: #df4c4cff;
1221
+ --alpha-color-bg-cobalt-transparent-hovered: #4088df1a;
1136
1222
  --alpha-color-bg-cobalt-shade-normal-hovered: #47a2e2ff;
1137
1223
  --alpha-color-bg-cobalt-shade-light-hovered: #47a2e233;
1138
1224
  --alpha-color-bg-cobalt-dark-hovered: #3268c4ff;
@@ -1140,6 +1226,7 @@
1140
1226
  --alpha-color-bg-cobalt-lighter-hovered: #4088df33;
1141
1227
  --alpha-color-bg-cobalt-light-hovered: #4088df4d;
1142
1228
  --alpha-color-bg-cobalt-normal-hovered: #4088dfff;
1229
+ --alpha-color-bg-blue-transparent-hovered: #5551fc1a;
1143
1230
  --alpha-color-bg-blue-shade-normal-hovered: #6165d9ff;
1144
1231
  --alpha-color-bg-blue-shade-light-hovered: #6165d933;
1145
1232
  --alpha-color-bg-blue-dark-hovered: #4b42d5ff;
@@ -1151,6 +1238,7 @@
1151
1238
  --alpha-color-bg-white-white-alpha-light-hovered: #ededed33;
1152
1239
  --alpha-color-bg-white-white-alpha-lighter-hovered: #ededed99;
1153
1240
  --alpha-color-bg-white-white-alpha-lightest-hovered: #ededede6;
1241
+ --alpha-color-bg-white-transparent-hovered: #ededed1a;
1154
1242
  --alpha-color-bg-white-normal-hovered: #edededff;
1155
1243
  --alpha-color-bg-white-higher-hovered: #edededff;
1156
1244
  --alpha-color-bg-white-highest-hovered: #edededff;
@@ -1159,11 +1247,13 @@
1159
1247
  --alpha-color-bg-grey-grey-alpha-dark-hovered: #e5e5e8cc;
1160
1248
  --alpha-color-bg-grey-grey-alpha-darker-hovered: #e5e5e8e6;
1161
1249
  --alpha-color-bg-grey-grey-alpha-darkest-hovered: #dedee0cc;
1250
+ --alpha-color-bg-grey-transparent-hovered: #3a3a411a;
1162
1251
  --alpha-color-bg-grey-lightest-hovered: #eaeaeaff;
1163
1252
  --alpha-color-bg-grey-lighter-hovered: #e5e5e8ff;
1164
1253
  --alpha-color-bg-grey-light-hovered: #dedee0ff;
1165
1254
  --alpha-color-bg-grey-dark-hovered: #9b9b9eff;
1166
1255
  --alpha-color-bg-grey-darkest-hovered: #3a3a41ff;
1256
+ --alpha-color-bg-black-transparent-hovered: #1414141a;
1167
1257
  --alpha-color-bg-black-lightest-hovered: #1414140c;
1168
1258
  --alpha-color-bg-black-lighter-hovered: #14141414;
1169
1259
  --alpha-color-bg-black-light-hovered: #1414141e;