@channel.io/bezier-tokens 0.2.7 → 0.2.8

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