@channel.io/bezier-tokens 0.2.6 → 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 (31) hide show
  1. package/dist/alpha/cjs/darkTheme.js +60 -45
  2. package/dist/alpha/cjs/darkThemeHovered.js +197 -0
  3. package/dist/alpha/cjs/global.js +43 -19
  4. package/dist/alpha/cjs/index.js +2 -0
  5. package/dist/alpha/cjs/lightTheme.js +14 -0
  6. package/dist/alpha/cjs/lightThemeHovered.js +197 -0
  7. package/dist/alpha/css/styles.css +461 -16
  8. package/dist/alpha/esm/darkTheme.mjs +60 -45
  9. package/dist/alpha/esm/darkThemeHovered.mjs +197 -0
  10. package/dist/alpha/esm/global.mjs +43 -19
  11. package/dist/alpha/esm/index.mjs +4 -0
  12. package/dist/alpha/esm/lightTheme.mjs +14 -0
  13. package/dist/alpha/esm/lightThemeHovered.mjs +197 -0
  14. package/dist/types/alpha/cjs/darkTheme.d.ts +105 -45
  15. package/dist/types/alpha/cjs/darkThemeHovered.d.ts +778 -0
  16. package/dist/types/alpha/cjs/darkThemeHovered.d.ts.map +1 -0
  17. package/dist/types/alpha/cjs/global.d.ts +115 -19
  18. package/dist/types/alpha/cjs/index.d.ts +3406 -1642
  19. package/dist/types/alpha/cjs/lightTheme.d.ts +56 -0
  20. package/dist/types/alpha/cjs/lightThemeHovered.d.ts +778 -0
  21. package/dist/types/alpha/cjs/lightThemeHovered.d.ts.map +1 -0
  22. package/dist/types/alpha/esm/darkTheme.d.mts +105 -45
  23. package/dist/types/alpha/esm/darkThemeHovered.d.mts +778 -0
  24. package/dist/types/alpha/esm/darkThemeHovered.d.mts.map +1 -0
  25. package/dist/types/alpha/esm/global.d.mts +115 -19
  26. package/dist/types/alpha/esm/index.d.mts +3406 -1642
  27. package/dist/types/alpha/esm/index.d.mts.map +1 -1
  28. package/dist/types/alpha/esm/lightTheme.d.mts +56 -0
  29. package/dist/types/alpha/esm/lightThemeHovered.d.mts +778 -0
  30. package/dist/types/alpha/esm/lightThemeHovered.d.mts.map +1 -0
  31. package/package.json +3 -1
@@ -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);
@@ -232,6 +247,202 @@
232
247
  --alpha-shadow-error: 0 0 0 1px var(--alpha-color-warning-bg-normal);
233
248
  }
234
249
 
250
+ [data-bezier-theme="dark"] {
251
+ --alpha-color-dim-black-normal-hovered: #14141466;
252
+ --alpha-color-dim-black-light-hovered: #14141433;
253
+ --alpha-color-shadow-base-inner-hovered: #c8c8c81e;
254
+ --alpha-color-shadow-base-hovered: #0a0a0a1e;
255
+ --alpha-color-shadow-small-hovered: #0a0a0a39;
256
+ --alpha-color-shadow-medium-hovered: #0a0a0a33;
257
+ --alpha-color-shadow-large-hovered: #0a0a0a66;
258
+ --alpha-color-shadow-xlarge-hovered: #0a0a0a99;
259
+ --alpha-color-surface-normal-hovered: #2e2e33ff;
260
+ --alpha-color-surface-lower-hovered: #343538ff;
261
+ --alpha-color-surface-lowest-hovered: #3b3c3fff;
262
+ --alpha-color-bg-absolute-white-lightest-hovered: #c8c8c833;
263
+ --alpha-color-bg-absolute-white-lighter-hovered: #c8c8c866;
264
+ --alpha-color-bg-absolute-white-light-hovered: #c8c8c899;
265
+ --alpha-color-bg-absolute-white-normal-hovered: #c8c8c8e6;
266
+ --alpha-color-bg-absolute-white-dark-hovered: #c8c8c8ff;
267
+ --alpha-color-bg-absolute-black-lightest-hovered: #0a0a0a33;
268
+ --alpha-color-bg-absolute-black-lighter-hovered: #0a0a0a66;
269
+ --alpha-color-bg-absolute-black-light-hovered: #0a0a0a99;
270
+ --alpha-color-bg-absolute-black-normal-hovered: #0a0a0ad9;
271
+ --alpha-color-bg-absolute-black-dark-hovered: #0a0a0aff;
272
+ --alpha-color-bg-navy-transparent-hovered: #838fdc1a;
273
+ --alpha-color-bg-navy-shade-normal-hovered: #3b4167ff;
274
+ --alpha-color-bg-navy-shade-light-hovered: #3b416766;
275
+ --alpha-color-bg-navy-dark-hovered: #4353bfff;
276
+ --alpha-color-bg-navy-lightest-hovered: #838fdc39;
277
+ --alpha-color-bg-navy-lighter-hovered: #838fdc4d;
278
+ --alpha-color-bg-navy-light-hovered: #838fdc73;
279
+ --alpha-color-bg-navy-normal-hovered: #838fdcff;
280
+ --alpha-color-bg-purple-transparent-hovered: #bf9aff1a;
281
+ --alpha-color-bg-purple-shade-normal-hovered: #644890ff;
282
+ --alpha-color-bg-purple-shade-light-hovered: #64489066;
283
+ --alpha-color-bg-purple-dark-hovered: #9a66eeff;
284
+ --alpha-color-bg-purple-lightest-hovered: #bf9aff39;
285
+ --alpha-color-bg-purple-lighter-hovered: #bf9aff4d;
286
+ --alpha-color-bg-purple-light-hovered: #bf9aff73;
287
+ --alpha-color-bg-purple-normal-hovered: #bf9affff;
288
+ --alpha-color-bg-pink-transparent-hovered: #f27fdb1a;
289
+ --alpha-color-bg-pink-shade-normal-hovered: #994285ff;
290
+ --alpha-color-bg-pink-shade-light-hovered: #99428566;
291
+ --alpha-color-bg-pink-dark-hovered: #df58bfff;
292
+ --alpha-color-bg-pink-lightest-hovered: #f27fdb39;
293
+ --alpha-color-bg-pink-lighter-hovered: #f27fdb4d;
294
+ --alpha-color-bg-pink-light-hovered: #f27fdb73;
295
+ --alpha-color-bg-pink-normal-hovered: #f27fdbff;
296
+ --alpha-color-bg-yellow-transparent-hovered: #face4a1a;
297
+ --alpha-color-bg-yellow-shade-normal-hovered: #927a26ff;
298
+ --alpha-color-bg-yellow-shade-light-hovered: #927a2666;
299
+ --alpha-color-bg-yellow-dark-hovered: #f9b917ff;
300
+ --alpha-color-bg-yellow-lightest-hovered: #face4a39;
301
+ --alpha-color-bg-yellow-lighter-hovered: #face4a4d;
302
+ --alpha-color-bg-yellow-light-hovered: #face4a73;
303
+ --alpha-color-bg-yellow-normal-hovered: #face4aff;
304
+ --alpha-color-bg-olive-transparent-hovered: #d2df3d1a;
305
+ --alpha-color-bg-olive-shade-normal-hovered: #86893aff;
306
+ --alpha-color-bg-olive-shade-light-hovered: #86893a66;
307
+ --alpha-color-bg-olive-dark-hovered: #c1ca0cff;
308
+ --alpha-color-bg-olive-lightest-hovered: #d2df3d39;
309
+ --alpha-color-bg-olive-lighter-hovered: #d2df3d4d;
310
+ --alpha-color-bg-olive-light-hovered: #d2df3d73;
311
+ --alpha-color-bg-olive-normal-hovered: #d2df3dff;
312
+ --alpha-color-bg-teal-transparent-hovered: #4cdccf1a;
313
+ --alpha-color-bg-teal-shade-normal-hovered: #498390ff;
314
+ --alpha-color-bg-teal-shade-light-hovered: #49839066;
315
+ --alpha-color-bg-teal-dark-hovered: #0ac6c0ff;
316
+ --alpha-color-bg-teal-lightest-hovered: #4cdccf39;
317
+ --alpha-color-bg-teal-lighter-hovered: #4cdccf4d;
318
+ --alpha-color-bg-teal-light-hovered: #4cdccf73;
319
+ --alpha-color-bg-teal-normal-hovered: #4cdccfff;
320
+ --alpha-color-bg-green-transparent-hovered: #74d68b39;
321
+ --alpha-color-bg-green-shade-normal-hovered: #4f8d67ff;
322
+ --alpha-color-bg-green-shade-light-hovered: #4f8d6766;
323
+ --alpha-color-bg-green-dark-hovered: #41c16fff;
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;
329
+ --alpha-color-bg-orange-shade-normal-hovered: #9e6435ff;
330
+ --alpha-color-bg-orange-shade-light-hovered: #9e643566;
331
+ --alpha-color-bg-orange-dark-hovered: #ee8a39ff;
332
+ --alpha-color-bg-orange-lightest-hovered: #ffae7439;
333
+ --alpha-color-bg-orange-lighter-hovered: #ffae744d;
334
+ --alpha-color-bg-orange-light-hovered: #ffae7473;
335
+ --alpha-color-bg-orange-normal-hovered: #ffae74ff;
336
+ --alpha-color-bg-red-transparent-hovered: #ffa2a21a;
337
+ --alpha-color-bg-red-shade-normal-hovered: #a5434aff;
338
+ --alpha-color-bg-red-shade-light-hovered: #a5434a66;
339
+ --alpha-color-bg-red-dark-hovered: #ec6b6bff;
340
+ --alpha-color-bg-red-lightest-hovered: #ffa2a239;
341
+ --alpha-color-bg-red-lighter-hovered: #ffa2a24d;
342
+ --alpha-color-bg-red-light-hovered: #ffa2a273;
343
+ --alpha-color-bg-red-normal-hovered: #ffa2a2ff;
344
+ --alpha-color-bg-cobalt-transparent-hovered: #83c4fa1a;
345
+ --alpha-color-bg-cobalt-shade-normal-hovered: #4c6a99ff;
346
+ --alpha-color-bg-cobalt-shade-light-hovered: #4c6a9966;
347
+ --alpha-color-bg-cobalt-dark-hovered: #5f9eecff;
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;
353
+ --alpha-color-bg-blue-shade-normal-hovered: #4e569dff;
354
+ --alpha-color-bg-blue-shade-light-hovered: #4e569d66;
355
+ --alpha-color-bg-blue-dark-hovered: #8280fcff;
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;
361
+ --alpha-color-bg-white-white-alpha-light-hovered: #0a0a0a33;
362
+ --alpha-color-bg-white-white-alpha-lighter-hovered: #0a0a0a99;
363
+ --alpha-color-bg-white-white-alpha-lightest-hovered: #3b3c3fcc;
364
+ --alpha-color-bg-white-transparent-hovered: #c8c8c81a;
365
+ --alpha-color-bg-white-normal-hovered: #2e2e33ff;
366
+ --alpha-color-bg-white-higher-hovered: #3b3c3fff;
367
+ --alpha-color-bg-white-highest-hovered: #505253ff;
368
+ --alpha-color-bg-grey-normal-hovered: #868686ff;
369
+ --alpha-color-bg-grey-grey-alpha-light-hovered: #343538cc;
370
+ --alpha-color-bg-grey-grey-alpha-dark-hovered: #3b3c3fcc;
371
+ --alpha-color-bg-grey-grey-alpha-darker-hovered: #3b3c3fe6;
372
+ --alpha-color-bg-grey-grey-alpha-darkest-hovered: #505253cc;
373
+ --alpha-color-bg-grey-transparent-hovered: #c8c8c81a;
374
+ --alpha-color-bg-grey-lightest-hovered: #343538ff;
375
+ --alpha-color-bg-grey-lighter-hovered: #3b3c3fff;
376
+ --alpha-color-bg-grey-light-hovered: #505253ff;
377
+ --alpha-color-bg-grey-dark-hovered: #b2b2b5ff;
378
+ --alpha-color-bg-grey-darkest-hovered: #c8c8c8ff;
379
+ --alpha-color-bg-black-transparent-hovered: #c8c8c81a;
380
+ --alpha-color-bg-black-lightest-hovered: #c8c8c814;
381
+ --alpha-color-bg-black-lighter-hovered: #c8c8c81e;
382
+ --alpha-color-bg-black-light-hovered: #c8c8c82f;
383
+ --alpha-color-bg-black-dark-hovered: #c8c8c833;
384
+ --alpha-color-bg-black-darker-hovered: #c8c8c866;
385
+ --alpha-color-bg-black-darkest-hovered: #0a0a0a99;
386
+ --alpha-color-fg-grey-grey-alpha-light-hovered: #343538cc;
387
+ --alpha-color-fg-grey-grey-alpha-dark-hovered: #3b3c3fcc;
388
+ --alpha-color-fg-grey-grey-alpha-darker-hovered: #3b3c3fe6;
389
+ --alpha-color-fg-grey-lightest-hovered: #343538ff;
390
+ --alpha-color-fg-grey-lighter-hovered: #3b3c3fff;
391
+ --alpha-color-fg-grey-light-hovered: #505253ff;
392
+ --alpha-color-fg-grey-normal-hovered: #868686ff;
393
+ --alpha-color-fg-grey-dark-hovered: #b2b2b5ff;
394
+ --alpha-color-fg-absolute-white-lightest-hovered: #c8c8c833;
395
+ --alpha-color-fg-absolute-white-lighter-hovered: #c8c8c866;
396
+ --alpha-color-fg-absolute-white-light-hovered: #c8c8c899;
397
+ --alpha-color-fg-absolute-white-normal-hovered: #c8c8c8e6;
398
+ --alpha-color-fg-absolute-white-dark-hovered: #c8c8c8ff;
399
+ --alpha-color-fg-absolute-black-lightest-hovered: #0a0a0a33;
400
+ --alpha-color-fg-absolute-black-lighter-hovered: #0a0a0a66;
401
+ --alpha-color-fg-absolute-black-light-hovered: #0a0a0a99;
402
+ --alpha-color-fg-absolute-black-normal-hovered: #0a0a0ad9;
403
+ --alpha-color-fg-absolute-black-dark-hovered: #0a0a0aff;
404
+ --alpha-color-fg-navy-dark-hovered: #838fdcff;
405
+ --alpha-color-fg-navy-light-hovered: #838fdc73;
406
+ --alpha-color-fg-navy-normal-hovered: #838fdcff;
407
+ --alpha-color-fg-purple-dark-hovered: #bf9affff;
408
+ --alpha-color-fg-purple-light-hovered: #bf9aff73;
409
+ --alpha-color-fg-purple-normal-hovered: #bf9affff;
410
+ --alpha-color-fg-pink-dark-hovered: #f27fdbff;
411
+ --alpha-color-fg-pink-light-hovered: #f27fdb73;
412
+ --alpha-color-fg-pink-normal-hovered: #f27fdbff;
413
+ --alpha-color-fg-yellow-dark-hovered: #face4aff;
414
+ --alpha-color-fg-yellow-light-hovered: #face4a73;
415
+ --alpha-color-fg-yellow-normal-hovered: #face4aff;
416
+ --alpha-color-fg-olive-dark-hovered: #d2df3dff;
417
+ --alpha-color-fg-olive-light-hovered: #d2df3d73;
418
+ --alpha-color-fg-olive-normal-hovered: #d2df3dff;
419
+ --alpha-color-fg-teal-dark-hovered: #4cdccfff;
420
+ --alpha-color-fg-teal-light-hovered: #4cdccf73;
421
+ --alpha-color-fg-teal-normal-hovered: #4cdccfff;
422
+ --alpha-color-fg-green-dark-hovered: #74d68bff;
423
+ --alpha-color-fg-green-light-hovered: #74d68b73;
424
+ --alpha-color-fg-green-normal-hovered: #74d68bff;
425
+ --alpha-color-fg-orange-dark-hovered: #ffae74ff;
426
+ --alpha-color-fg-orange-light-hovered: #ffae7473;
427
+ --alpha-color-fg-orange-normal-hovered: #ffae74ff;
428
+ --alpha-color-fg-red-dark-hovered: #ffa2a2ff;
429
+ --alpha-color-fg-red-light-hovered: #ffa2a273;
430
+ --alpha-color-fg-red-normal-hovered: #ffa2a2ff;
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;
437
+ --alpha-color-fg-white-normal-hovered: #2e2e33ff;
438
+ --alpha-color-fg-black-lightest-hovered: #c8c8c82f;
439
+ --alpha-color-fg-black-light-hovered: #c8c8c833;
440
+ --alpha-color-fg-black-dark-hovered: #c8c8c866;
441
+ --alpha-color-fg-black-darker-hovered: #c8c8c899;
442
+ --alpha-color-fg-black-darkest-hovered: #c8c8c8cc;
443
+ --alpha-color-fg-black-pure-hovered: #c8c8c8ff;
444
+ }
445
+
235
446
  :where(:root, :host) {
236
447
  --alpha-opacity-disabled: 0.4;
237
448
  --alpha-font-letter-spacing-3: 0.03rem;
@@ -358,6 +569,7 @@
358
569
  --alpha-color-grey-alpha-800-80: #313234cc;
359
570
  --alpha-color-grey-alpha-850-80: #2a2b2dcc;
360
571
  --alpha-color-grey-alpha-900-90: #242428e6;
572
+ --alpha-color-grey-900-0: #24242800;
361
573
  --alpha-color-grey-900: #242428;
362
574
  --alpha-color-grey-850: #2a2b2d;
363
575
  --alpha-color-grey-800: #313234;
@@ -369,9 +581,11 @@
369
581
  --alpha-color-grey-200: #efeff0;
370
582
  --alpha-color-grey-100: #f7f7f8;
371
583
  --alpha-color-grey-50: #fcfcfc;
584
+ --alpha-color-olive-300-0: #c8d63000;
372
585
  --alpha-color-olive-300-15: #c8d63026;
373
586
  --alpha-color-olive-300-30: #c8d6304d;
374
587
  --alpha-color-olive-300-45: #c8d63073;
588
+ --alpha-color-olive-400-0: #a9b11000;
375
589
  --alpha-color-olive-400-10: #a9b1101a;
376
590
  --alpha-color-olive-400-20: #a9b11033;
377
591
  --alpha-color-olive-400-30: #a9b1104d;
@@ -381,9 +595,11 @@
381
595
  --alpha-color-olive-300: #c8d630;
382
596
  --alpha-color-olive-200: #dbe56e;
383
597
  --alpha-color-olive-100: #e7f17c;
598
+ --alpha-color-teal-300-0: #40d3c500;
384
599
  --alpha-color-teal-300-15: #40d3c526;
385
600
  --alpha-color-teal-300-30: #40d3c54d;
386
601
  --alpha-color-teal-300-45: #40d3c573;
602
+ --alpha-color-teal-400-0: #09b2ac00;
387
603
  --alpha-color-teal-400-10: #09b2ac1a;
388
604
  --alpha-color-teal-400-20: #09b2ac33;
389
605
  --alpha-color-teal-400-30: #09b2ac4d;
@@ -393,9 +609,11 @@
393
609
  --alpha-color-teal-300: #40d3c5;
394
610
  --alpha-color-teal-200: #72e0d5;
395
611
  --alpha-color-teal-100: #9beee6;
612
+ --alpha-color-navy-300-0: #7683d300;
396
613
  --alpha-color-navy-300-15: #7683d326;
397
614
  --alpha-color-navy-300-30: #7683d34d;
398
615
  --alpha-color-navy-300-45: #7683d373;
616
+ --alpha-color-navy-400-0: #424fab00;
399
617
  --alpha-color-navy-400-10: #424fab1a;
400
618
  --alpha-color-navy-400-20: #424fab33;
401
619
  --alpha-color-navy-400-30: #424fab4d;
@@ -405,9 +623,11 @@
405
623
  --alpha-color-navy-300: #7683d3;
406
624
  --alpha-color-navy-200: #8b99d9;
407
625
  --alpha-color-navy-100: #a5b2ee;
626
+ --alpha-color-purple-300-0: #b184ff00;
408
627
  --alpha-color-purple-300-15: #b184ff26;
409
628
  --alpha-color-purple-300-30: #b184ff4d;
410
629
  --alpha-color-purple-300-45: #b184ff73;
630
+ --alpha-color-purple-400-0: #8e57e700;
411
631
  --alpha-color-purple-400-10: #8e57e71a;
412
632
  --alpha-color-purple-400-20: #8e57e733;
413
633
  --alpha-color-purple-400-30: #8e57e74d;
@@ -417,9 +637,11 @@
417
637
  --alpha-color-purple-300: #b184ff;
418
638
  --alpha-color-purple-200: #c19aff;
419
639
  --alpha-color-purple-100: #d1b5ff;
640
+ --alpha-color-pink-300-0: #ec6fd300;
420
641
  --alpha-color-pink-300-15: #ec6fd326;
421
642
  --alpha-color-pink-300-30: #ec6fd34d;
422
643
  --alpha-color-pink-300-45: #ec6fd373;
644
+ --alpha-color-pink-400-0: #d64bb500;
423
645
  --alpha-color-pink-400-10: #d64bb51a;
424
646
  --alpha-color-pink-400-20: #d64bb533;
425
647
  --alpha-color-pink-400-30: #d64bb54d;
@@ -429,9 +651,11 @@
429
651
  --alpha-color-pink-300: #ec6fd3;
430
652
  --alpha-color-pink-200: #f896e5;
431
653
  --alpha-color-pink-100: #ffafef;
654
+ --alpha-color-yellow-300-0: #f9c83500;
432
655
  --alpha-color-yellow-300-15: #f9c83526;
433
656
  --alpha-color-yellow-300-30: #f9c8354d;
434
657
  --alpha-color-yellow-300-45: #f9c83573;
658
+ --alpha-color-yellow-400-0: #edae0d00;
435
659
  --alpha-color-yellow-400-10: #edae0d1a;
436
660
  --alpha-color-yellow-400-20: #edae0d33;
437
661
  --alpha-color-yellow-400-30: #edae0d4d;
@@ -441,9 +665,11 @@
441
665
  --alpha-color-yellow-300: #f9c835;
442
666
  --alpha-color-yellow-200: #fed968;
443
667
  --alpha-color-yellow-100: #ffe38f;
668
+ --alpha-color-orange-300-0: #ffa15e00;
444
669
  --alpha-color-orange-300-15: #ffa15e26;
445
670
  --alpha-color-orange-300-30: #ffa15e4d;
446
671
  --alpha-color-orange-300-45: #ffa15e73;
672
+ --alpha-color-orange-400-0: #e67f2b00;
447
673
  --alpha-color-orange-400-10: #e67f2b1a;
448
674
  --alpha-color-orange-400-20: #e67f2b33;
449
675
  --alpha-color-orange-400-30: #e67f2b4d;
@@ -451,7 +677,7 @@
451
677
  --alpha-color-orange-500: #c1630d;
452
678
  --alpha-color-orange-400: #e67f2b;
453
679
  --alpha-color-orange-300: #ffa15e;
454
- --alpha-color-orange-200: #ffb77d;
680
+ --alpha-color-orange-200: #ffb070;
455
681
  --alpha-color-orange-100: #ffc38f;
456
682
  --alpha-color-white-100: #ffffff;
457
683
  --alpha-color-white-90: #ffffffe6;
@@ -476,9 +702,12 @@
476
702
  --alpha-color-black-8: #00000014;
477
703
  --alpha-color-black-5: #0000000d;
478
704
  --alpha-color-black-3: #00000008;
705
+ --alpha-color-black-0: #00000000;
706
+ --alpha-color-red-300-0: #ff8c8c00;
479
707
  --alpha-color-red-300-15: #ff8c8c26;
480
708
  --alpha-color-red-300-30: #ff8c8c4d;
481
709
  --alpha-color-red-300-45: #ff8c8c73;
710
+ --alpha-color-red-400-0: #e55c5c00;
482
711
  --alpha-color-red-400-10: #e55c5c1a;
483
712
  --alpha-color-red-400-20: #e55c5c33;
484
713
  --alpha-color-red-400-30: #e55c5c4d;
@@ -488,40 +717,46 @@
488
717
  --alpha-color-red-300: #ff8c8c;
489
718
  --alpha-color-red-200: #ffa6a6;
490
719
  --alpha-color-red-100: #ffb8b8;
491
- --alpha-color-green-300-15: #6ad08126;
492
- --alpha-color-green-300-30: #6ad0814d;
493
- --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;
494
725
  --alpha-color-green-400-10: #40ad671a;
495
726
  --alpha-color-green-400-20: #40ad6733;
496
727
  --alpha-color-green-400-30: #40ad674d;
497
728
  --alpha-color-green-600: #327055;
498
729
  --alpha-color-green-500: #358761;
499
730
  --alpha-color-green-400: #40ad67;
500
- --alpha-color-green-300: #6ad081;
501
- --alpha-color-green-200: #91e5a4;
731
+ --alpha-color-green-300: #68cc7f;
732
+ --alpha-color-green-200: #84e09a;
502
733
  --alpha-color-green-100: #a4ecb3;
503
- --alpha-color-cobalt-300-15: #77c0fb26;
504
- --alpha-color-cobalt-300-30: #77c0fb4d;
505
- --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;
506
739
  --alpha-color-cobalt-400-10: #5093e51a;
507
740
  --alpha-color-cobalt-400-20: #5093e533;
508
741
  --alpha-color-cobalt-400-30: #5093e54d;
509
742
  --alpha-color-cobalt-600: #2b59b5;
510
743
  --alpha-color-cobalt-500: #3870d1;
511
744
  --alpha-color-cobalt-400: #5093e5;
512
- --alpha-color-cobalt-300: #77c0fb;
513
- --alpha-color-cobalt-200: #9ad1ff;
514
- --alpha-color-cobalt-100: #afdaff;
515
- --alpha-color-blue-300-15: #84a5ff26;
516
- --alpha-color-blue-300-30: #84a5ff4d;
517
- --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;
518
753
  --alpha-color-blue-400-10: #6d6afc1a;
519
754
  --alpha-color-blue-400-20: #6d6afc33;
520
755
  --alpha-color-blue-400-30: #6d6afc4d;
521
756
  --alpha-color-blue-600: #4941bc;
522
757
  --alpha-color-blue-500: #5950dc;
523
758
  --alpha-color-blue-400: #6d6afc;
524
- --alpha-color-blue-300: #84a5ff;
759
+ --alpha-color-blue-300: #7d9efa;
525
760
  --alpha-color-blue-200: #96b7ff;
526
761
  --alpha-color-blue-100: #a9c6ff;
527
762
  --alpha-typography-caption-4-regular-letter-spacing: var(--alpha-font-letter-spacing-1);
@@ -652,6 +887,7 @@
652
887
  --alpha-color-bg-absolute-black-light: var(--alpha-color-black-60);
653
888
  --alpha-color-bg-absolute-black-normal: var(--alpha-color-black-85);
654
889
  --alpha-color-bg-absolute-black-dark: var(--alpha-color-black-100);
890
+ --alpha-color-bg-navy-transparent: var(--alpha-color-navy-400-0);
655
891
  --alpha-color-bg-navy-shade-normal: var(--alpha-color-shade-navy-400);
656
892
  --alpha-color-bg-navy-shade-light: var(--alpha-color-shade-navy-400-20);
657
893
  --alpha-color-bg-navy-dark: var(--alpha-color-navy-500);
@@ -659,6 +895,7 @@
659
895
  --alpha-color-bg-navy-lighter: var(--alpha-color-navy-400-20);
660
896
  --alpha-color-bg-navy-light: var(--alpha-color-navy-400-30);
661
897
  --alpha-color-bg-navy-normal: var(--alpha-color-navy-400);
898
+ --alpha-color-bg-purple-transparent: var(--alpha-color-purple-400-0);
662
899
  --alpha-color-bg-purple-shade-normal: var(--alpha-color-shade-purple-400);
663
900
  --alpha-color-bg-purple-shade-light: var(--alpha-color-shade-purple-400-20);
664
901
  --alpha-color-bg-purple-dark: var(--alpha-color-purple-500);
@@ -666,6 +903,7 @@
666
903
  --alpha-color-bg-purple-lighter: var(--alpha-color-purple-400-20);
667
904
  --alpha-color-bg-purple-light: var(--alpha-color-purple-400-30);
668
905
  --alpha-color-bg-purple-normal: var(--alpha-color-purple-400);
906
+ --alpha-color-bg-pink-transparent: var(--alpha-color-pink-400-0);
669
907
  --alpha-color-bg-pink-shade-normal: var(--alpha-color-shade-pink-400);
670
908
  --alpha-color-bg-pink-shade-light: var(--alpha-color-shade-pink-400-20);
671
909
  --alpha-color-bg-pink-dark: var(--alpha-color-pink-500);
@@ -673,6 +911,7 @@
673
911
  --alpha-color-bg-pink-lighter: var(--alpha-color-pink-400-20);
674
912
  --alpha-color-bg-pink-light: var(--alpha-color-pink-400-30);
675
913
  --alpha-color-bg-pink-normal: var(--alpha-color-pink-400);
914
+ --alpha-color-bg-yellow-transparent: var(--alpha-color-yellow-400-0);
676
915
  --alpha-color-bg-yellow-shade-normal: var(--alpha-color-shade-yellow-400);
677
916
  --alpha-color-bg-yellow-shade-light: var(--alpha-color-shade-yellow-400-20);
678
917
  --alpha-color-bg-yellow-dark: var(--alpha-color-yellow-500);
@@ -680,6 +919,7 @@
680
919
  --alpha-color-bg-yellow-lighter: var(--alpha-color-yellow-400-20);
681
920
  --alpha-color-bg-yellow-light: var(--alpha-color-yellow-400-30);
682
921
  --alpha-color-bg-yellow-normal: var(--alpha-color-yellow-400);
922
+ --alpha-color-bg-olive-transparent: var(--alpha-color-olive-400-0);
683
923
  --alpha-color-bg-olive-shade-normal: var(--alpha-color-shade-olive-400);
684
924
  --alpha-color-bg-olive-shade-light: var(--alpha-color-shade-olive-400-20);
685
925
  --alpha-color-bg-olive-dark: var(--alpha-color-olive-500);
@@ -687,6 +927,7 @@
687
927
  --alpha-color-bg-olive-lighter: var(--alpha-color-olive-400-20);
688
928
  --alpha-color-bg-olive-light: var(--alpha-color-olive-400-30);
689
929
  --alpha-color-bg-olive-normal: var(--alpha-color-olive-400);
930
+ --alpha-color-bg-teal-transparent: var(--alpha-color-teal-400-0);
690
931
  --alpha-color-bg-teal-shade-normal: var(--alpha-color-shade-teal-400);
691
932
  --alpha-color-bg-teal-shade-light: var(--alpha-color-shade-teal-400-20);
692
933
  --alpha-color-bg-teal-dark: var(--alpha-color-teal-500);
@@ -694,6 +935,7 @@
694
935
  --alpha-color-bg-teal-lighter: var(--alpha-color-teal-400-20);
695
936
  --alpha-color-bg-teal-light: var(--alpha-color-teal-400-30);
696
937
  --alpha-color-bg-teal-normal: var(--alpha-color-teal-400);
938
+ --alpha-color-bg-green-transparent: var(--alpha-color-green-400-0);
697
939
  --alpha-color-bg-green-shade-normal: var(--alpha-color-shade-green-400);
698
940
  --alpha-color-bg-green-shade-light: var(--alpha-color-shade-green-400-20);
699
941
  --alpha-color-bg-green-dark: var(--alpha-color-green-500);
@@ -701,6 +943,7 @@
701
943
  --alpha-color-bg-green-lighter: var(--alpha-color-green-400-20);
702
944
  --alpha-color-bg-green-light: var(--alpha-color-green-400-30);
703
945
  --alpha-color-bg-green-normal: var(--alpha-color-green-400);
946
+ --alpha-color-bg-orange-transparent: var(--alpha-color-orange-400-0);
704
947
  --alpha-color-bg-orange-shade-normal: var(--alpha-color-shade-orange-400);
705
948
  --alpha-color-bg-orange-shade-light: var(--alpha-color-shade-orange-400-20);
706
949
  --alpha-color-bg-orange-dark: var(--alpha-color-orange-500);
@@ -708,6 +951,7 @@
708
951
  --alpha-color-bg-orange-lighter: var(--alpha-color-orange-400-20);
709
952
  --alpha-color-bg-orange-light: var(--alpha-color-orange-400-30);
710
953
  --alpha-color-bg-orange-normal: var(--alpha-color-orange-400);
954
+ --alpha-color-bg-red-transparent: var(--alpha-color-red-400-0);
711
955
  --alpha-color-bg-red-shade-normal: var(--alpha-color-shade-red-400);
712
956
  --alpha-color-bg-red-shade-light: var(--alpha-color-shade-red-400-20);
713
957
  --alpha-color-bg-red-dark: var(--alpha-color-red-500);
@@ -715,6 +959,7 @@
715
959
  --alpha-color-bg-red-lighter: var(--alpha-color-red-400-20);
716
960
  --alpha-color-bg-red-light: var(--alpha-color-red-400-30);
717
961
  --alpha-color-bg-red-normal: var(--alpha-color-red-400);
962
+ --alpha-color-bg-cobalt-transparent: var(--alpha-color-cobalt-400-0);
718
963
  --alpha-color-bg-cobalt-shade-normal: var(--alpha-color-shade-cobalt-400);
719
964
  --alpha-color-bg-cobalt-shade-light: var(--alpha-color-shade-cobalt-400-20);
720
965
  --alpha-color-bg-cobalt-dark: var(--alpha-color-cobalt-500);
@@ -722,6 +967,7 @@
722
967
  --alpha-color-bg-cobalt-lighter: var(--alpha-color-cobalt-400-20);
723
968
  --alpha-color-bg-cobalt-light: var(--alpha-color-cobalt-400-30);
724
969
  --alpha-color-bg-cobalt-normal: var(--alpha-color-cobalt-400);
970
+ --alpha-color-bg-blue-transparent: var(--alpha-color-blue-400-0);
725
971
  --alpha-color-bg-blue-shade-normal: var(--alpha-color-shade-blue-400);
726
972
  --alpha-color-bg-blue-shade-light: var(--alpha-color-shade-blue-400-20);
727
973
  --alpha-color-bg-blue-dark: var(--alpha-color-blue-500);
@@ -733,6 +979,7 @@
733
979
  --alpha-color-bg-white-white-alpha-light: var(--alpha-color-white-20);
734
980
  --alpha-color-bg-white-white-alpha-lighter: var(--alpha-color-white-60);
735
981
  --alpha-color-bg-white-white-alpha-lightest: var(--alpha-color-white-90);
982
+ --alpha-color-bg-white-transparent: var(--alpha-color-white-0);
736
983
  --alpha-color-bg-white-normal: var(--alpha-color-white-100);
737
984
  --alpha-color-bg-white-higher: var(--alpha-color-white-100);
738
985
  --alpha-color-bg-white-highest: var(--alpha-color-white-100);
@@ -741,11 +988,13 @@
741
988
  --alpha-color-bg-grey-grey-alpha-dark: var(--alpha-color-grey-alpha-100-80);
742
989
  --alpha-color-bg-grey-grey-alpha-darker: var(--alpha-color-grey-alpha-100-90);
743
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);
744
992
  --alpha-color-bg-grey-lightest: var(--alpha-color-grey-50);
745
993
  --alpha-color-bg-grey-lighter: var(--alpha-color-grey-100);
746
994
  --alpha-color-bg-grey-light: var(--alpha-color-grey-200);
747
995
  --alpha-color-bg-grey-dark: var(--alpha-color-grey-500);
748
996
  --alpha-color-bg-grey-darkest: var(--alpha-color-grey-900);
997
+ --alpha-color-bg-black-transparent: var(--alpha-color-black-0);
749
998
  --alpha-color-bg-black-lightest: var(--alpha-color-black-3);
750
999
  --alpha-color-bg-black-lighter: var(--alpha-color-black-5);
751
1000
  --alpha-color-bg-black-light: var(--alpha-color-black-8);
@@ -866,3 +1115,199 @@
866
1115
  --alpha-shadow-active: 0 0 0 1px var(--alpha-color-primary-bg-normal);
867
1116
  --alpha-shadow-error: 0 0 0 1px var(--alpha-color-warning-bg-normal);
868
1117
  }
1118
+
1119
+ :where(:root, :host), [data-bezier-theme="light"] {
1120
+ --alpha-color-dim-black-normal-hovered: #2a2a2a66;
1121
+ --alpha-color-dim-black-light-hovered: #2a2a2a33;
1122
+ --alpha-color-shadow-base-inner-hovered: #ededed2f;
1123
+ --alpha-color-shadow-base-hovered: #14141414;
1124
+ --alpha-color-shadow-small-hovered: #1414141e;
1125
+ --alpha-color-shadow-medium-hovered: #14141439;
1126
+ --alpha-color-shadow-large-hovered: #14141438;
1127
+ --alpha-color-shadow-xlarge-hovered: #1414144d;
1128
+ --alpha-color-surface-normal-hovered: #edededff;
1129
+ --alpha-color-surface-lower-hovered: #eaeaeaff;
1130
+ --alpha-color-surface-lowest-hovered: #e5e5e8ff;
1131
+ --alpha-color-bg-absolute-white-lightest-hovered: #ededed33;
1132
+ --alpha-color-bg-absolute-white-lighter-hovered: #ededed66;
1133
+ --alpha-color-bg-absolute-white-light-hovered: #ededed99;
1134
+ --alpha-color-bg-absolute-white-normal-hovered: #ededede6;
1135
+ --alpha-color-bg-absolute-white-dark-hovered: #edededff;
1136
+ --alpha-color-bg-absolute-black-lightest-hovered: #14141433;
1137
+ --alpha-color-bg-absolute-black-lighter-hovered: #14141466;
1138
+ --alpha-color-bg-absolute-black-light-hovered: #14141499;
1139
+ --alpha-color-bg-absolute-black-normal-hovered: #141414d9;
1140
+ --alpha-color-bg-absolute-black-dark-hovered: #141414ff;
1141
+ --alpha-color-bg-navy-transparent-hovered: #414c9c1a;
1142
+ --alpha-color-bg-navy-shade-normal-hovered: #5761a5ff;
1143
+ --alpha-color-bg-navy-shade-light-hovered: #5761a533;
1144
+ --alpha-color-bg-navy-dark-hovered: #34377cff;
1145
+ --alpha-color-bg-navy-lightest-hovered: #414c9c27;
1146
+ --alpha-color-bg-navy-lighter-hovered: #414c9c33;
1147
+ --alpha-color-bg-navy-light-hovered: #414c9c4d;
1148
+ --alpha-color-bg-navy-normal-hovered: #414c9cff;
1149
+ --alpha-color-bg-purple-transparent-hovered: #8247e11a;
1150
+ --alpha-color-bg-purple-shade-normal-hovered: #905edeff;
1151
+ --alpha-color-bg-purple-shade-light-hovered: #905ede33;
1152
+ --alpha-color-bg-purple-dark-hovered: #6135a6ff;
1153
+ --alpha-color-bg-purple-lightest-hovered: #8247e127;
1154
+ --alpha-color-bg-purple-lighter-hovered: #8247e133;
1155
+ --alpha-color-bg-purple-light-hovered: #8247e14d;
1156
+ --alpha-color-bg-purple-normal-hovered: #8247e1ff;
1157
+ --alpha-color-bg-pink-transparent-hovered: #cf3eac1a;
1158
+ --alpha-color-bg-pink-shade-normal-hovered: #cb5bb0ff;
1159
+ --alpha-color-bg-pink-shade-light-hovered: #cb5bb033;
1160
+ --alpha-color-bg-pink-dark-hovered: #a03591ff;
1161
+ --alpha-color-bg-pink-lightest-hovered: #cf3eac27;
1162
+ --alpha-color-bg-pink-lighter-hovered: #cf3eac33;
1163
+ --alpha-color-bg-pink-light-hovered: #cf3eac4d;
1164
+ --alpha-color-bg-pink-normal-hovered: #cf3eacff;
1165
+ --alpha-color-bg-yellow-transparent-hovered: #d9a0101a;
1166
+ --alpha-color-bg-yellow-shade-normal-hovered: #e2a52dff;
1167
+ --alpha-color-bg-yellow-shade-light-hovered: #e2a52d33;
1168
+ --alpha-color-bg-yellow-dark-hovered: #b58500ff;
1169
+ --alpha-color-bg-yellow-lightest-hovered: #d9a01027;
1170
+ --alpha-color-bg-yellow-lighter-hovered: #d9a01033;
1171
+ --alpha-color-bg-yellow-light-hovered: #d9a0104d;
1172
+ --alpha-color-bg-yellow-normal-hovered: #d9a010ff;
1173
+ --alpha-color-bg-olive-transparent-hovered: #9ba2121a;
1174
+ --alpha-color-bg-olive-shade-normal-hovered: #969a51ff;
1175
+ --alpha-color-bg-olive-shade-light-hovered: #969a5133;
1176
+ --alpha-color-bg-olive-dark-hovered: #70751cff;
1177
+ --alpha-color-bg-olive-lightest-hovered: #9ba21227;
1178
+ --alpha-color-bg-olive-lighter-hovered: #9ba21233;
1179
+ --alpha-color-bg-olive-light-hovered: #9ba2124d;
1180
+ --alpha-color-bg-olive-normal-hovered: #9ba212ff;
1181
+ --alpha-color-bg-teal-transparent-hovered: #08a5a01a;
1182
+ --alpha-color-bg-teal-shade-normal-hovered: #539b98ff;
1183
+ --alpha-color-bg-teal-shade-light-hovered: #539b9833;
1184
+ --alpha-color-bg-teal-dark-hovered: #06848bff;
1185
+ --alpha-color-bg-teal-lightest-hovered: #08a5a027;
1186
+ --alpha-color-bg-teal-lighter-hovered: #08a5a033;
1187
+ --alpha-color-bg-teal-light-hovered: #08a5a04d;
1188
+ --alpha-color-bg-teal-normal-hovered: #08a5a0ff;
1189
+ --alpha-color-bg-green-transparent-hovered: #3f9e611a;
1190
+ --alpha-color-bg-green-shade-normal-hovered: #5aa473ff;
1191
+ --alpha-color-bg-green-shade-light-hovered: #5aa47333;
1192
+ --alpha-color-bg-green-dark-hovered: #347b5aff;
1193
+ --alpha-color-bg-green-lightest-hovered: #3f9e6127;
1194
+ --alpha-color-bg-green-lighter-hovered: #3f9e6133;
1195
+ --alpha-color-bg-green-light-hovered: #3f9e614d;
1196
+ --alpha-color-bg-green-normal-hovered: #3f9e61ff;
1197
+ --alpha-color-bg-orange-transparent-hovered: #df751f1a;
1198
+ --alpha-color-bg-orange-shade-normal-hovered: #d9813aff;
1199
+ --alpha-color-bg-orange-shade-light-hovered: #d9813a33;
1200
+ --alpha-color-bg-orange-dark-hovered: #b15c0fff;
1201
+ --alpha-color-bg-orange-lightest-hovered: #df751f27;
1202
+ --alpha-color-bg-orange-lighter-hovered: #df751f33;
1203
+ --alpha-color-bg-orange-light-hovered: #df751f4d;
1204
+ --alpha-color-bg-orange-normal-hovered: #df751fff;
1205
+ --alpha-color-bg-red-transparent-hovered: #df4c4c1a;
1206
+ --alpha-color-bg-red-shade-normal-hovered: #d75861ff;
1207
+ --alpha-color-bg-red-shade-light-hovered: #d7586133;
1208
+ --alpha-color-bg-red-dark-hovered: #ab3940ff;
1209
+ --alpha-color-bg-red-lightest-hovered: #df4c4c27;
1210
+ --alpha-color-bg-red-lighter-hovered: #df4c4c33;
1211
+ --alpha-color-bg-red-light-hovered: #df4c4c4d;
1212
+ --alpha-color-bg-red-normal-hovered: #df4c4cff;
1213
+ --alpha-color-bg-cobalt-transparent-hovered: #4088df1a;
1214
+ --alpha-color-bg-cobalt-shade-normal-hovered: #47a2e2ff;
1215
+ --alpha-color-bg-cobalt-shade-light-hovered: #47a2e233;
1216
+ --alpha-color-bg-cobalt-dark-hovered: #3268c4ff;
1217
+ --alpha-color-bg-cobalt-lightest-hovered: #4088df27;
1218
+ --alpha-color-bg-cobalt-lighter-hovered: #4088df33;
1219
+ --alpha-color-bg-cobalt-light-hovered: #4088df4d;
1220
+ --alpha-color-bg-cobalt-normal-hovered: #4088dfff;
1221
+ --alpha-color-bg-blue-transparent-hovered: #5551fc1a;
1222
+ --alpha-color-bg-blue-shade-normal-hovered: #6165d9ff;
1223
+ --alpha-color-bg-blue-shade-light-hovered: #6165d933;
1224
+ --alpha-color-bg-blue-dark-hovered: #4b42d5ff;
1225
+ --alpha-color-bg-blue-lightest-hovered: #5551fc27;
1226
+ --alpha-color-bg-blue-lighter-hovered: #5551fc33;
1227
+ --alpha-color-bg-blue-light-hovered: #5551fc4d;
1228
+ --alpha-color-bg-blue-normal-hovered: #5551fcff;
1229
+ --alpha-color-bg-white-white-alpha-transparent-hovered: #ededed1a;
1230
+ --alpha-color-bg-white-white-alpha-light-hovered: #ededed33;
1231
+ --alpha-color-bg-white-white-alpha-lighter-hovered: #ededed99;
1232
+ --alpha-color-bg-white-white-alpha-lightest-hovered: #ededede6;
1233
+ --alpha-color-bg-white-transparent-hovered: #ededed1a;
1234
+ --alpha-color-bg-white-normal-hovered: #edededff;
1235
+ --alpha-color-bg-white-higher-hovered: #edededff;
1236
+ --alpha-color-bg-white-highest-hovered: #edededff;
1237
+ --alpha-color-bg-grey-normal-hovered: #c0c0c3ff;
1238
+ --alpha-color-bg-grey-grey-alpha-light-hovered: #eaeaeacc;
1239
+ --alpha-color-bg-grey-grey-alpha-dark-hovered: #e5e5e8cc;
1240
+ --alpha-color-bg-grey-grey-alpha-darker-hovered: #e5e5e8e6;
1241
+ --alpha-color-bg-grey-grey-alpha-darkest-hovered: #dedee0cc;
1242
+ --alpha-color-bg-grey-transparent-hovered: #3a3a411a;
1243
+ --alpha-color-bg-grey-lightest-hovered: #eaeaeaff;
1244
+ --alpha-color-bg-grey-lighter-hovered: #e5e5e8ff;
1245
+ --alpha-color-bg-grey-light-hovered: #dedee0ff;
1246
+ --alpha-color-bg-grey-dark-hovered: #9b9b9eff;
1247
+ --alpha-color-bg-grey-darkest-hovered: #3a3a41ff;
1248
+ --alpha-color-bg-black-transparent-hovered: #1414141a;
1249
+ --alpha-color-bg-black-lightest-hovered: #1414140c;
1250
+ --alpha-color-bg-black-lighter-hovered: #14141414;
1251
+ --alpha-color-bg-black-light-hovered: #1414141e;
1252
+ --alpha-color-bg-black-dark-hovered: #14141439;
1253
+ --alpha-color-bg-black-darker-hovered: #14141466;
1254
+ --alpha-color-bg-black-darkest-hovered: #14141499;
1255
+ --alpha-color-fg-grey-grey-alpha-light-hovered: #eaeaeacc;
1256
+ --alpha-color-fg-grey-grey-alpha-dark-hovered: #e5e5e8cc;
1257
+ --alpha-color-fg-grey-grey-alpha-darker-hovered: #dedee0cc;
1258
+ --alpha-color-fg-grey-lightest-hovered: #eaeaeaff;
1259
+ --alpha-color-fg-grey-lighter-hovered: #e5e5e8ff;
1260
+ --alpha-color-fg-grey-light-hovered: #dedee0ff;
1261
+ --alpha-color-fg-grey-normal-hovered: #c0c0c3ff;
1262
+ --alpha-color-fg-grey-dark-hovered: #9b9b9eff;
1263
+ --alpha-color-fg-absolute-white-lightest-hovered: #ededed33;
1264
+ --alpha-color-fg-absolute-white-lighter-hovered: #ededed66;
1265
+ --alpha-color-fg-absolute-white-light-hovered: #ededed99;
1266
+ --alpha-color-fg-absolute-white-normal-hovered: #ededede6;
1267
+ --alpha-color-fg-absolute-white-dark-hovered: #edededff;
1268
+ --alpha-color-fg-absolute-black-lightest-hovered: #14141433;
1269
+ --alpha-color-fg-absolute-black-lighter-hovered: #14141466;
1270
+ --alpha-color-fg-absolute-black-light-hovered: #14141499;
1271
+ --alpha-color-fg-absolute-black-normal-hovered: #141414d9;
1272
+ --alpha-color-fg-absolute-black-dark-hovered: #141414ff;
1273
+ --alpha-color-fg-navy-dark-hovered: #34377cff;
1274
+ --alpha-color-fg-navy-light-hovered: #414c9c4d;
1275
+ --alpha-color-fg-navy-normal-hovered: #414c9cff;
1276
+ --alpha-color-fg-purple-dark-hovered: #6135a6ff;
1277
+ --alpha-color-fg-purple-light-hovered: #8247e14d;
1278
+ --alpha-color-fg-purple-normal-hovered: #8247e1ff;
1279
+ --alpha-color-fg-pink-dark-hovered: #a03591ff;
1280
+ --alpha-color-fg-pink-light-hovered: #cf3eac4d;
1281
+ --alpha-color-fg-pink-normal-hovered: #cf3eacff;
1282
+ --alpha-color-fg-yellow-dark-hovered: #b58500ff;
1283
+ --alpha-color-fg-yellow-light-hovered: #d9a0104d;
1284
+ --alpha-color-fg-yellow-normal-hovered: #d9a010ff;
1285
+ --alpha-color-fg-olive-dark-hovered: #70751cff;
1286
+ --alpha-color-fg-olive-light-hovered: #9ba2124d;
1287
+ --alpha-color-fg-olive-normal-hovered: #9ba212ff;
1288
+ --alpha-color-fg-teal-dark-hovered: #06848bff;
1289
+ --alpha-color-fg-teal-light-hovered: #08a5a04d;
1290
+ --alpha-color-fg-teal-normal-hovered: #08a5a0ff;
1291
+ --alpha-color-fg-green-dark-hovered: #347b5aff;
1292
+ --alpha-color-fg-green-light-hovered: #3f9e614d;
1293
+ --alpha-color-fg-green-normal-hovered: #3f9e61ff;
1294
+ --alpha-color-fg-orange-dark-hovered: #b15c0fff;
1295
+ --alpha-color-fg-orange-light-hovered: #df751f4d;
1296
+ --alpha-color-fg-orange-normal-hovered: #df751fff;
1297
+ --alpha-color-fg-red-dark-hovered: #ab3940ff;
1298
+ --alpha-color-fg-red-light-hovered: #df4c4c4d;
1299
+ --alpha-color-fg-red-normal-hovered: #df4c4cff;
1300
+ --alpha-color-fg-cobalt-dark-hovered: #3268c4ff;
1301
+ --alpha-color-fg-cobalt-light-hovered: #4088df4d;
1302
+ --alpha-color-fg-cobalt-normal-hovered: #4088dfff;
1303
+ --alpha-color-fg-blue-dark-hovered: #4b42d5ff;
1304
+ --alpha-color-fg-blue-light-hovered: #5551fc4d;
1305
+ --alpha-color-fg-blue-normal-hovered: #5551fcff;
1306
+ --alpha-color-fg-white-normal-hovered: #edededff;
1307
+ --alpha-color-fg-black-lightest-hovered: #1414141e;
1308
+ --alpha-color-fg-black-light-hovered: #14141439;
1309
+ --alpha-color-fg-black-dark-hovered: #14141466;
1310
+ --alpha-color-fg-black-darker-hovered: #14141499;
1311
+ --alpha-color-fg-black-darkest-hovered: #141414d9;
1312
+ --alpha-color-fg-black-pure-hovered: #141414ff;
1313
+ }