@channel.io/bezier-tokens 0.2.10 → 0.2.12

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 (17) hide show
  1. package/dist/alpha/cjs/darkTheme.js +54 -52
  2. package/dist/alpha/cjs/global.js +1 -1
  3. package/dist/alpha/cjs/lightTheme.js +59 -57
  4. package/dist/alpha/css/styles.css +113 -109
  5. package/dist/alpha/esm/darkTheme.mjs +54 -52
  6. package/dist/alpha/esm/global.mjs +1 -1
  7. package/dist/alpha/esm/lightTheme.mjs +59 -57
  8. package/dist/types/alpha/cjs/darkTheme.d.ts +67 -60
  9. package/dist/types/alpha/cjs/global.d.ts +1 -1
  10. package/dist/types/alpha/cjs/index.d.ts +140 -126
  11. package/dist/types/alpha/cjs/lightTheme.d.ts +72 -65
  12. package/dist/types/alpha/esm/darkTheme.d.mts +67 -60
  13. package/dist/types/alpha/esm/global.d.mts +1 -1
  14. package/dist/types/alpha/esm/index.d.mts +140 -126
  15. package/dist/types/alpha/esm/index.d.mts.map +1 -1
  16. package/dist/types/alpha/esm/lightTheme.d.mts +72 -65
  17. package/package.json +1 -1
package/dist/types/alpha/esm/index.d.mts CHANGED
@@ -62,42 +62,42 @@ export const tokens: Readonly<{
62
62
  ref: "alpha-color-white-100";
63
63
  }>;
64
64
  "alpha-color-fg-black-pure-hovered": Readonly<{
65
- value: "#c8c8c8ff";
65
+ value: "#edededff";
66
66
  }>;
67
67
  "alpha-color-fg-black-darkest": Readonly<{
68
68
  value: "#ffffffcc";
69
69
  ref: "alpha-color-white-80";
70
70
  }>;
71
71
  "alpha-color-fg-black-darkest-hovered": Readonly<{
72
- value: "#c8c8c8cc";
72
+ value: "#edededcc";
73
73
  }>;
74
74
  "alpha-color-fg-black-darker": Readonly<{
75
75
  value: "#ffffff99";
76
76
  ref: "alpha-color-white-60";
77
77
  }>;
78
78
  "alpha-color-fg-black-darker-hovered": Readonly<{
79
- value: "#c8c8c899";
79
+ value: "#ededed99";
80
80
  }>;
81
81
  "alpha-color-fg-black-dark": Readonly<{
82
82
  value: "#ffffff66";
83
83
  ref: "alpha-color-white-40";
84
84
  }>;
85
85
  "alpha-color-fg-black-dark-hovered": Readonly<{
86
- value: "#c8c8c866";
86
+ value: "#ededed66";
87
87
  }>;
88
88
  "alpha-color-fg-black-light": Readonly<{
89
89
  value: "#ffffff33";
90
90
  ref: "alpha-color-white-20";
91
91
  }>;
92
92
  "alpha-color-fg-black-light-hovered": Readonly<{
93
- value: "#c8c8c84d";
93
+ value: "#ededed4d";
94
94
  }>;
95
95
  "alpha-color-fg-black-lightest": Readonly<{
96
96
  value: "#ffffff1f";
97
97
  ref: "alpha-color-white-12";
98
98
  }>;
99
99
  "alpha-color-fg-black-lightest-hovered": Readonly<{
100
- value: "#c8c8c82f";
100
+ value: "#ededed2f";
101
101
  }>;
102
102
  "alpha-color-fg-white-normal": Readonly<{
103
103
  value: "#242428";
@@ -377,35 +377,42 @@ export const tokens: Readonly<{
377
377
  ref: "alpha-color-white-100";
378
378
  }>;
379
379
  "alpha-color-fg-absolute-white-dark-hovered": Readonly<{
380
- value: "#c8c8c8ff";
380
+ value: "#edededff";
381
381
  }>;
382
382
  "alpha-color-fg-absolute-white-normal": Readonly<{
383
383
  value: "#ffffffe6";
384
384
  ref: "alpha-color-white-90";
385
385
  }>;
386
386
  "alpha-color-fg-absolute-white-normal-hovered": Readonly<{
387
- value: "#c8c8c8e6";
387
+ value: "#ededede6";
388
388
  }>;
389
389
  "alpha-color-fg-absolute-white-light": Readonly<{
390
390
  value: "#ffffff99";
391
391
  ref: "alpha-color-white-60";
392
392
  }>;
393
393
  "alpha-color-fg-absolute-white-light-hovered": Readonly<{
394
- value: "#c8c8c899";
394
+ value: "#ededed99";
395
395
  }>;
396
396
  "alpha-color-fg-absolute-white-lighter": Readonly<{
397
397
  value: "#ffffff66";
398
398
  ref: "alpha-color-white-40";
399
399
  }>;
400
400
  "alpha-color-fg-absolute-white-lighter-hovered": Readonly<{
401
- value: "#c8c8c866";
401
+ value: "#ededed66";
402
402
  }>;
403
403
  "alpha-color-fg-absolute-white-lightest": Readonly<{
404
404
  value: "#ffffff33";
405
405
  ref: "alpha-color-white-20";
406
406
  }>;
407
407
  "alpha-color-fg-absolute-white-lightest-hovered": Readonly<{
408
- value: "#c8c8c84d";
408
+ value: "#ededed4d";
409
+ }>;
410
+ "alpha-color-fg-grey-darkest": Readonly<{
411
+ value: "#ffffff";
412
+ ref: "alpha-color-white-100";
413
+ }>;
414
+ "alpha-color-fg-grey-darkest-hovered": Readonly<{
415
+ value: "#edededff";
409
416
  }>;
410
417
  "alpha-color-fg-grey-dark": Readonly<{
411
418
  value: "#a7a7aa";
@@ -442,25 +449,25 @@ export const tokens: Readonly<{
442
449
  "alpha-color-fg-grey-lightest-hovered": Readonly<{
443
450
  value: "#343538ff";
444
451
  }>;
445
- "alpha-color-fg-grey-grey-alpha-darker": Readonly<{
452
+ "alpha-color-fg-grey-alpha-darker": Readonly<{
446
453
  value: "#313234e6";
447
454
  ref: "alpha-color-grey-alpha-800-90";
448
455
  }>;
449
- "alpha-color-fg-grey-grey-alpha-darker-hovered": Readonly<{
456
+ "alpha-color-fg-grey-alpha-darker-hovered": Readonly<{
450
457
  value: "#3b3c3fe6";
451
458
  }>;
452
- "alpha-color-fg-grey-grey-alpha-dark": Readonly<{
459
+ "alpha-color-fg-grey-alpha-dark": Readonly<{
453
460
  value: "#313234cc";
454
461
  ref: "alpha-color-grey-alpha-800-80";
455
462
  }>;
456
- "alpha-color-fg-grey-grey-alpha-dark-hovered": Readonly<{
463
+ "alpha-color-fg-grey-alpha-dark-hovered": Readonly<{
457
464
  value: "#3b3c3fcc";
458
465
  }>;
459
- "alpha-color-fg-grey-grey-alpha-light": Readonly<{
466
+ "alpha-color-fg-grey-alpha-light": Readonly<{
460
467
  value: "#2a2b2dcc";
461
468
  ref: "alpha-color-grey-alpha-850-80";
462
469
  }>;
463
- "alpha-color-fg-grey-grey-alpha-light-hovered": Readonly<{
470
+ "alpha-color-fg-grey-alpha-light-hovered": Readonly<{
464
471
  value: "#343538cc";
465
472
  }>;
466
473
  "alpha-color-bg-black-darkest": Readonly<{
@@ -475,49 +482,49 @@ export const tokens: Readonly<{
475
482
  ref: "alpha-color-white-40";
476
483
  }>;
477
484
  "alpha-color-bg-black-darker-hovered": Readonly<{
478
- value: "#c8c8c866";
485
+ value: "#ededed66";
479
486
  }>;
480
487
  "alpha-color-bg-black-dark": Readonly<{
481
488
  value: "#ffffff33";
482
489
  ref: "alpha-color-white-20";
483
490
  }>;
484
491
  "alpha-color-bg-black-dark-hovered": Readonly<{
485
- value: "#c8c8c84d";
492
+ value: "#ededed4d";
486
493
  }>;
487
494
  "alpha-color-bg-black-light": Readonly<{
488
495
  value: "#ffffff1f";
489
496
  ref: "alpha-color-white-12";
490
497
  }>;
491
498
  "alpha-color-bg-black-light-hovered": Readonly<{
492
- value: "#c8c8c82f";
499
+ value: "#ededed2f";
493
500
  }>;
494
501
  "alpha-color-bg-black-lighter": Readonly<{
495
502
  value: "#ffffff14";
496
503
  ref: "alpha-color-white-8";
497
504
  }>;
498
505
  "alpha-color-bg-black-lighter-hovered": Readonly<{
499
- value: "#c8c8c81e";
506
+ value: "#ededed1e";
500
507
  }>;
501
508
  "alpha-color-bg-black-lightest": Readonly<{
502
509
  value: "#ffffff0d";
503
510
  ref: "alpha-color-white-5";
504
511
  }>;
505
512
  "alpha-color-bg-black-lightest-hovered": Readonly<{
506
- value: "#c8c8c814";
513
+ value: "#ededed14";
507
514
  }>;
508
515
  "alpha-color-bg-black-transparent": Readonly<{
509
516
  value: "#ffffff00";
510
517
  ref: "alpha-color-white-0";
511
518
  }>;
512
519
  "alpha-color-bg-black-transparent-hovered": Readonly<{
513
- value: "#ffffff1a";
520
+ value: "#ffffff0d";
514
521
  }>;
515
522
  "alpha-color-bg-grey-darkest": Readonly<{
516
523
  value: "#ffffff";
517
524
  ref: "alpha-color-white-100";
518
525
  }>;
519
526
  "alpha-color-bg-grey-darkest-hovered": Readonly<{
520
- value: "#c8c8c8ff";
527
+ value: "#edededff";
521
528
  }>;
522
529
  "alpha-color-bg-grey-dark": Readonly<{
523
530
  value: "#a7a7aa";
@@ -552,43 +559,43 @@ export const tokens: Readonly<{
552
559
  ref: "alpha-color-white-0";
553
560
  }>;
554
561
  "alpha-color-bg-grey-transparent-hovered": Readonly<{
555
- value: "#ffffff1a";
562
+ value: "#ffffff0d";
556
563
  }>;
557
- "alpha-color-bg-grey-grey-alpha-darkest": Readonly<{
564
+ "alpha-color-bg-grey-normal": Readonly<{
565
+ value: "#7b7b7b";
566
+ ref: "alpha-color-grey-600";
567
+ }>;
568
+ "alpha-color-bg-grey-normal-hovered": Readonly<{
569
+ value: "#868686ff";
570
+ }>;
571
+ "alpha-color-bg-grey-alpha-darkest": Readonly<{
558
572
  value: "#464748cc";
559
573
  ref: "alpha-color-grey-alpha-700-80";
560
574
  }>;
561
- "alpha-color-bg-grey-grey-alpha-darkest-hovered": Readonly<{
575
+ "alpha-color-bg-grey-alpha-darkest-hovered": Readonly<{
562
576
  value: "#505253cc";
563
577
  }>;
564
- "alpha-color-bg-grey-grey-alpha-darker": Readonly<{
578
+ "alpha-color-bg-grey-alpha-darker": Readonly<{
565
579
  value: "#313234e6";
566
580
  ref: "alpha-color-grey-alpha-800-90";
567
581
  }>;
568
- "alpha-color-bg-grey-grey-alpha-darker-hovered": Readonly<{
582
+ "alpha-color-bg-grey-alpha-darker-hovered": Readonly<{
569
583
  value: "#3b3c3fe6";
570
584
  }>;
571
- "alpha-color-bg-grey-grey-alpha-dark": Readonly<{
585
+ "alpha-color-bg-grey-alpha-dark": Readonly<{
572
586
  value: "#313234cc";
573
587
  ref: "alpha-color-grey-alpha-800-80";
574
588
  }>;
575
- "alpha-color-bg-grey-grey-alpha-dark-hovered": Readonly<{
589
+ "alpha-color-bg-grey-alpha-dark-hovered": Readonly<{
576
590
  value: "#3b3c3fcc";
577
591
  }>;
578
- "alpha-color-bg-grey-grey-alpha-light": Readonly<{
592
+ "alpha-color-bg-grey-alpha-light": Readonly<{
579
593
  value: "#2a2b2dcc";
580
594
  ref: "alpha-color-grey-alpha-850-80";
581
595
  }>;
582
- "alpha-color-bg-grey-grey-alpha-light-hovered": Readonly<{
596
+ "alpha-color-bg-grey-alpha-light-hovered": Readonly<{
583
597
  value: "#343538cc";
584
598
  }>;
585
- "alpha-color-bg-grey-normal": Readonly<{
586
- value: "#7b7b7b";
587
- ref: "alpha-color-grey-600";
588
- }>;
589
- "alpha-color-bg-grey-normal-hovered": Readonly<{
590
- value: "#868686ff";
591
- }>;
592
599
  "alpha-color-bg-white-highest": Readonly<{
593
600
  value: "#464748";
594
601
  ref: "alpha-color-grey-700";
@@ -615,35 +622,35 @@ export const tokens: Readonly<{
615
622
  ref: "alpha-color-white-0";
616
623
  }>;
617
624
  "alpha-color-bg-white-transparent-hovered": Readonly<{
618
- value: "#ffffff1a";
625
+ value: "#ffffff0d";
619
626
  }>;
620
- "alpha-color-bg-white-white-alpha-lightest": Readonly<{
627
+ "alpha-color-bg-white-alpha-lightest": Readonly<{
621
628
  value: "#313234cc";
622
629
  ref: "alpha-color-grey-alpha-800-80";
623
630
  }>;
624
- "alpha-color-bg-white-white-alpha-lightest-hovered": Readonly<{
631
+ "alpha-color-bg-white-alpha-lightest-hovered": Readonly<{
625
632
  value: "#3b3c3fcc";
626
633
  }>;
627
- "alpha-color-bg-white-white-alpha-lighter": Readonly<{
634
+ "alpha-color-bg-white-alpha-lighter": Readonly<{
628
635
  value: "#00000099";
629
636
  ref: "alpha-color-black-60";
630
637
  }>;
631
- "alpha-color-bg-white-white-alpha-lighter-hovered": Readonly<{
638
+ "alpha-color-bg-white-alpha-lighter-hovered": Readonly<{
632
639
  value: "#0a0a0a99";
633
640
  }>;
634
- "alpha-color-bg-white-white-alpha-light": Readonly<{
641
+ "alpha-color-bg-white-alpha-light": Readonly<{
635
642
  value: "#00000033";
636
643
  ref: "alpha-color-black-20";
637
644
  }>;
638
- "alpha-color-bg-white-white-alpha-light-hovered": Readonly<{
645
+ "alpha-color-bg-white-alpha-light-hovered": Readonly<{
639
646
  value: "#0a0a0a4d";
640
647
  }>;
641
- "alpha-color-bg-white-white-alpha-transparent": Readonly<{
648
+ "alpha-color-bg-white-alpha-transparent": Readonly<{
642
649
  value: "#00000000";
643
650
  ref: "alpha-color-black-0";
644
651
  }>;
645
- "alpha-color-bg-white-white-alpha-transparent-hovered": Readonly<{
646
- value: "#0000001a";
652
+ "alpha-color-bg-white-alpha-transparent-hovered": Readonly<{
653
+ value: "#0000000d";
647
654
  }>;
648
655
  "alpha-color-bg-blue-normal": Readonly<{
649
656
  value: "#7d9efa";
@@ -919,11 +926,11 @@ export const tokens: Readonly<{
919
926
  value: "#4f8d67ff";
920
927
  }>;
921
928
  "alpha-color-bg-green-transparent": Readonly<{
922
- value: "#68cc7f26";
929
+ value: "#68cc7f00";
923
930
  ref: "alpha-color-green-300-0";
924
931
  }>;
925
932
  "alpha-color-bg-green-transparent-hovered": Readonly<{
926
- value: "#74d68b39";
933
+ value: "#68cc7f1a";
927
934
  }>;
928
935
  "alpha-color-bg-teal-normal": Readonly<{
929
936
  value: "#40d3c5";
@@ -1301,49 +1308,49 @@ export const tokens: Readonly<{
1301
1308
  ref: "alpha-color-black-0";
1302
1309
  }>;
1303
1310
  "alpha-color-bg-absolute-black-transparent-hovered": Readonly<{
1304
- value: "#0000001a";
1311
+ value: "#0000000d";
1305
1312
  }>;
1306
1313
  "alpha-color-bg-absolute-white-dark": Readonly<{
1307
1314
  value: "#ffffff";
1308
1315
  ref: "alpha-color-white-100";
1309
1316
  }>;
1310
1317
  "alpha-color-bg-absolute-white-dark-hovered": Readonly<{
1311
- value: "#c8c8c8ff";
1318
+ value: "#edededff";
1312
1319
  }>;
1313
1320
  "alpha-color-bg-absolute-white-normal": Readonly<{
1314
1321
  value: "#ffffffe6";
1315
1322
  ref: "alpha-color-white-90";
1316
1323
  }>;
1317
1324
  "alpha-color-bg-absolute-white-normal-hovered": Readonly<{
1318
- value: "#c8c8c8e6";
1325
+ value: "#ededede6";
1319
1326
  }>;
1320
1327
  "alpha-color-bg-absolute-white-light": Readonly<{
1321
1328
  value: "#ffffff99";
1322
1329
  ref: "alpha-color-white-60";
1323
1330
  }>;
1324
1331
  "alpha-color-bg-absolute-white-light-hovered": Readonly<{
1325
- value: "#c8c8c899";
1332
+ value: "#ededed99";
1326
1333
  }>;
1327
1334
  "alpha-color-bg-absolute-white-lighter": Readonly<{
1328
1335
  value: "#ffffff66";
1329
1336
  ref: "alpha-color-white-40";
1330
1337
  }>;
1331
1338
  "alpha-color-bg-absolute-white-lighter-hovered": Readonly<{
1332
- value: "#c8c8c866";
1339
+ value: "#ededed66";
1333
1340
  }>;
1334
1341
  "alpha-color-bg-absolute-white-lightest": Readonly<{
1335
1342
  value: "#ffffff33";
1336
1343
  ref: "alpha-color-white-20";
1337
1344
  }>;
1338
1345
  "alpha-color-bg-absolute-white-lightest-hovered": Readonly<{
1339
- value: "#c8c8c84d";
1346
+ value: "#ededed4d";
1340
1347
  }>;
1341
1348
  "alpha-color-bg-absolute-white-transparent": Readonly<{
1342
1349
  value: "#ffffff00";
1343
1350
  ref: "alpha-color-white-0";
1344
1351
  }>;
1345
1352
  "alpha-color-bg-absolute-white-transparent-hovered": Readonly<{
1346
- value: "#ffffff1a";
1353
+ value: "#ffffff0d";
1347
1354
  }>;
1348
1355
  "alpha-color-surface-lowest": Readonly<{
1349
1356
  value: "#313234";
@@ -1406,7 +1413,7 @@ export const tokens: Readonly<{
1406
1413
  ref: "alpha-color-white-8";
1407
1414
  }>;
1408
1415
  "alpha-color-shadow-base-inner-hovered": Readonly<{
1409
- value: "#c8c8c81e";
1416
+ value: "#ededed1e";
1410
1417
  }>;
1411
1418
  "alpha-color-dim-black-light": Readonly<{
1412
1419
  value: "#00000033";
@@ -1830,7 +1837,7 @@ export const tokens: Readonly<{
1830
1837
  value: "#68cc7f26";
1831
1838
  }>;
1832
1839
  "alpha-color-green-300-0": Readonly<{
1833
- value: "#68cc7f26";
1840
+ value: "#68cc7f00";
1834
1841
  }>;
1835
1842
  "alpha-color-red-100": Readonly<{
1836
1843
  value: "#ffb8b8";
@@ -3150,42 +3157,42 @@ export const tokens: Readonly<{
3150
3157
  ref: "alpha-color-black-100";
3151
3158
  }>;
3152
3159
  "alpha-color-fg-black-pure-hovered": Readonly<{
3153
- value: "#141414ff";
3160
+ value: "#1c1c1cff";
3154
3161
  }>;
3155
3162
  "alpha-color-fg-black-darkest": Readonly<{
3156
3163
  value: "#000000d9";
3157
3164
  ref: "alpha-color-black-85";
3158
3165
  }>;
3159
3166
  "alpha-color-fg-black-darkest-hovered": Readonly<{
3160
- value: "#141414d9";
3167
+ value: "#1c1c1cd9";
3161
3168
  }>;
3162
3169
  "alpha-color-fg-black-darker": Readonly<{
3163
3170
  value: "#00000099";
3164
3171
  ref: "alpha-color-black-60";
3165
3172
  }>;
3166
3173
  "alpha-color-fg-black-darker-hovered": Readonly<{
3167
- value: "#14141499";
3174
+ value: "#1c1c1c99";
3168
3175
  }>;
3169
3176
  "alpha-color-fg-black-dark": Readonly<{
3170
3177
  value: "#00000066";
3171
3178
  ref: "alpha-color-black-40";
3172
3179
  }>;
3173
3180
  "alpha-color-fg-black-dark-hovered": Readonly<{
3174
- value: "#14141466";
3181
+ value: "#1c1c1c66";
3175
3182
  }>;
3176
3183
  "alpha-color-fg-black-light": Readonly<{
3177
3184
  value: "#00000026";
3178
3185
  ref: "alpha-color-black-15";
3179
3186
  }>;
3180
3187
  "alpha-color-fg-black-light-hovered": Readonly<{
3181
- value: "#14141439";
3188
+ value: "#1c1c1c39";
3182
3189
  }>;
3183
3190
  "alpha-color-fg-black-lightest": Readonly<{
3184
3191
  value: "#00000014";
3185
3192
  ref: "alpha-color-black-8";
3186
3193
  }>;
3187
3194
  "alpha-color-fg-black-lightest-hovered": Readonly<{
3188
- value: "#1414141e";
3195
+ value: "#1c1c1c1e";
3189
3196
  }>;
3190
3197
  "alpha-color-fg-white-normal": Readonly<{
3191
3198
  value: "#ffffff";
@@ -3430,35 +3437,35 @@ export const tokens: Readonly<{
3430
3437
  ref: "alpha-color-black-100";
3431
3438
  }>;
3432
3439
  "alpha-color-fg-absolute-black-dark-hovered": Readonly<{
3433
- value: "#141414ff";
3440
+ value: "#1c1c1cff";
3434
3441
  }>;
3435
3442
  "alpha-color-fg-absolute-black-normal": Readonly<{
3436
3443
  value: "#000000d9";
3437
3444
  ref: "alpha-color-black-85";
3438
3445
  }>;
3439
3446
  "alpha-color-fg-absolute-black-normal-hovered": Readonly<{
3440
- value: "#141414d9";
3447
+ value: "#1c1c1cd9";
3441
3448
  }>;
3442
3449
  "alpha-color-fg-absolute-black-light": Readonly<{
3443
3450
  value: "#00000099";
3444
3451
  ref: "alpha-color-black-60";
3445
3452
  }>;
3446
3453
  "alpha-color-fg-absolute-black-light-hovered": Readonly<{
3447
- value: "#14141499";
3454
+ value: "#1c1c1c99";
3448
3455
  }>;
3449
3456
  "alpha-color-fg-absolute-black-lighter": Readonly<{
3450
3457
  value: "#00000066";
3451
3458
  ref: "alpha-color-black-40";
3452
3459
  }>;
3453
3460
  "alpha-color-fg-absolute-black-lighter-hovered": Readonly<{
3454
- value: "#14141466";
3461
+ value: "#1c1c1c66";
3455
3462
  }>;
3456
3463
  "alpha-color-fg-absolute-black-lightest": Readonly<{
3457
3464
  value: "#00000033";
3458
3465
  ref: "alpha-color-black-20";
3459
3466
  }>;
3460
3467
  "alpha-color-fg-absolute-black-lightest-hovered": Readonly<{
3461
- value: "#1414144d";
3468
+ value: "#1c1c1c4d";
3462
3469
  }>;
3463
3470
  "alpha-color-fg-absolute-white-dark": Readonly<{
3464
3471
  value: "#ffffff";
@@ -3495,6 +3502,13 @@ export const tokens: Readonly<{
3495
3502
  "alpha-color-fg-absolute-white-lightest-hovered": Readonly<{
3496
3503
  value: "#ededed4d";
3497
3504
  }>;
3505
+ "alpha-color-fg-grey-darkest": Readonly<{
3506
+ value: "#242428";
3507
+ ref: "alpha-color-grey-900";
3508
+ }>;
3509
+ "alpha-color-fg-grey-darkest-hovered": Readonly<{
3510
+ value: "#42424aff";
3511
+ }>;
3498
3512
  "alpha-color-fg-grey-dark": Readonly<{
3499
3513
  value: "#a7a7aa";
3500
3514
  ref: "alpha-color-grey-500";
@@ -3530,25 +3544,25 @@ export const tokens: Readonly<{
3530
3544
  "alpha-color-fg-grey-lightest-hovered": Readonly<{
3531
3545
  value: "#eaeaeaff";
3532
3546
  }>;
3533
- "alpha-color-fg-grey-grey-alpha-darker": Readonly<{
3547
+ "alpha-color-fg-grey-alpha-darker": Readonly<{
3534
3548
  value: "#efeff0cc";
3535
3549
  ref: "alpha-color-grey-alpha-200-80";
3536
3550
  }>;
3537
- "alpha-color-fg-grey-grey-alpha-darker-hovered": Readonly<{
3551
+ "alpha-color-fg-grey-alpha-darker-hovered": Readonly<{
3538
3552
  value: "#dedee0cc";
3539
3553
  }>;
3540
- "alpha-color-fg-grey-grey-alpha-dark": Readonly<{
3554
+ "alpha-color-fg-grey-alpha-dark": Readonly<{
3541
3555
  value: "#f7f7f8cc";
3542
3556
  ref: "alpha-color-grey-alpha-100-80";
3543
3557
  }>;
3544
- "alpha-color-fg-grey-grey-alpha-dark-hovered": Readonly<{
3558
+ "alpha-color-fg-grey-alpha-dark-hovered": Readonly<{
3545
3559
  value: "#e5e5e8cc";
3546
3560
  }>;
3547
- "alpha-color-fg-grey-grey-alpha-light": Readonly<{
3561
+ "alpha-color-fg-grey-alpha-light": Readonly<{
3548
3562
  value: "#fcfcfccc";
3549
3563
  ref: "alpha-color-grey-alpha-50-80";
3550
3564
  }>;
3551
- "alpha-color-fg-grey-grey-alpha-light-hovered": Readonly<{
3565
+ "alpha-color-fg-grey-alpha-light-hovered": Readonly<{
3552
3566
  value: "#eaeaeacc";
3553
3567
  }>;
3554
3568
  "alpha-color-bg-black-darkest": Readonly<{
@@ -3556,56 +3570,56 @@ export const tokens: Readonly<{
3556
3570
  ref: "alpha-color-black-60";
3557
3571
  }>;
3558
3572
  "alpha-color-bg-black-darkest-hovered": Readonly<{
3559
- value: "#14141499";
3573
+ value: "#1c1c1c99";
3560
3574
  }>;
3561
3575
  "alpha-color-bg-black-darker": Readonly<{
3562
3576
  value: "#00000066";
3563
3577
  ref: "alpha-color-black-40";
3564
3578
  }>;
3565
3579
  "alpha-color-bg-black-darker-hovered": Readonly<{
3566
- value: "#14141466";
3580
+ value: "#1c1c1c66";
3567
3581
  }>;
3568
3582
  "alpha-color-bg-black-dark": Readonly<{
3569
3583
  value: "#00000026";
3570
3584
  ref: "alpha-color-black-15";
3571
3585
  }>;
3572
3586
  "alpha-color-bg-black-dark-hovered": Readonly<{
3573
- value: "#14141439";
3587
+ value: "#1c1c1c39";
3574
3588
  }>;
3575
3589
  "alpha-color-bg-black-light": Readonly<{
3576
3590
  value: "#00000014";
3577
3591
  ref: "alpha-color-black-8";
3578
3592
  }>;
3579
3593
  "alpha-color-bg-black-light-hovered": Readonly<{
3580
- value: "#1414141e";
3594
+ value: "#1c1c1c1e";
3581
3595
  }>;
3582
3596
  "alpha-color-bg-black-lighter": Readonly<{
3583
3597
  value: "#0000000d";
3584
3598
  ref: "alpha-color-black-5";
3585
3599
  }>;
3586
3600
  "alpha-color-bg-black-lighter-hovered": Readonly<{
3587
- value: "#14141414";
3601
+ value: "#1c1c1c14";
3588
3602
  }>;
3589
3603
  "alpha-color-bg-black-lightest": Readonly<{
3590
3604
  value: "#00000008";
3591
3605
  ref: "alpha-color-black-3";
3592
3606
  }>;
3593
3607
  "alpha-color-bg-black-lightest-hovered": Readonly<{
3594
- value: "#1414140c";
3608
+ value: "#1c1c1c0c";
3595
3609
  }>;
3596
3610
  "alpha-color-bg-black-transparent": Readonly<{
3597
3611
  value: "#00000000";
3598
3612
  ref: "alpha-color-black-0";
3599
3613
  }>;
3600
3614
  "alpha-color-bg-black-transparent-hovered": Readonly<{
3601
- value: "#0000001a";
3615
+ value: "#0000000d";
3602
3616
  }>;
3603
3617
  "alpha-color-bg-grey-darkest": Readonly<{
3604
3618
  value: "#242428";
3605
3619
  ref: "alpha-color-grey-900";
3606
3620
  }>;
3607
3621
  "alpha-color-bg-grey-darkest-hovered": Readonly<{
3608
- value: "#3a3a41ff";
3622
+ value: "#42424aff";
3609
3623
  }>;
3610
3624
  "alpha-color-bg-grey-dark": Readonly<{
3611
3625
  value: "#a7a7aa";
@@ -3640,43 +3654,43 @@ export const tokens: Readonly<{
3640
3654
  ref: "alpha-color-grey-900-0";
3641
3655
  }>;
3642
3656
  "alpha-color-bg-grey-transparent-hovered": Readonly<{
3643
- value: "#2424281a";
3657
+ value: "#2424280d";
3644
3658
  }>;
3645
- "alpha-color-bg-grey-grey-alpha-darkest": Readonly<{
3659
+ "alpha-color-bg-grey-normal": Readonly<{
3660
+ value: "#cfcfd1";
3661
+ ref: "alpha-color-grey-400";
3662
+ }>;
3663
+ "alpha-color-bg-grey-normal-hovered": Readonly<{
3664
+ value: "#c0c0c3ff";
3665
+ }>;
3666
+ "alpha-color-bg-grey-alpha-darkest": Readonly<{
3646
3667
  value: "#efeff0cc";
3647
3668
  ref: "alpha-color-grey-alpha-200-80";
3648
3669
  }>;
3649
- "alpha-color-bg-grey-grey-alpha-darkest-hovered": Readonly<{
3670
+ "alpha-color-bg-grey-alpha-darkest-hovered": Readonly<{
3650
3671
  value: "#dedee0cc";
3651
3672
  }>;
3652
- "alpha-color-bg-grey-grey-alpha-darker": Readonly<{
3673
+ "alpha-color-bg-grey-alpha-darker": Readonly<{
3653
3674
  value: "#f7f7f8e6";
3654
3675
  ref: "alpha-color-grey-alpha-100-90";
3655
3676
  }>;
3656
- "alpha-color-bg-grey-grey-alpha-darker-hovered": Readonly<{
3677
+ "alpha-color-bg-grey-alpha-darker-hovered": Readonly<{
3657
3678
  value: "#e5e5e8e6";
3658
3679
  }>;
3659
- "alpha-color-bg-grey-grey-alpha-dark": Readonly<{
3680
+ "alpha-color-bg-grey-alpha-dark": Readonly<{
3660
3681
  value: "#f7f7f8cc";
3661
3682
  ref: "alpha-color-grey-alpha-100-80";
3662
3683
  }>;
3663
- "alpha-color-bg-grey-grey-alpha-dark-hovered": Readonly<{
3684
+ "alpha-color-bg-grey-alpha-dark-hovered": Readonly<{
3664
3685
  value: "#e5e5e8cc";
3665
3686
  }>;
3666
- "alpha-color-bg-grey-grey-alpha-light": Readonly<{
3687
+ "alpha-color-bg-grey-alpha-light": Readonly<{
3667
3688
  value: "#fcfcfccc";
3668
3689
  ref: "alpha-color-grey-alpha-50-80";
3669
3690
  }>;
3670
- "alpha-color-bg-grey-grey-alpha-light-hovered": Readonly<{
3691
+ "alpha-color-bg-grey-alpha-light-hovered": Readonly<{
3671
3692
  value: "#eaeaeacc";
3672
3693
  }>;
3673
- "alpha-color-bg-grey-normal": Readonly<{
3674
- value: "#cfcfd1";
3675
- ref: "alpha-color-grey-400";
3676
- }>;
3677
- "alpha-color-bg-grey-normal-hovered": Readonly<{
3678
- value: "#c0c0c3ff";
3679
- }>;
3680
3694
  "alpha-color-bg-white-highest": Readonly<{
3681
3695
  value: "#ffffff";
3682
3696
  ref: "alpha-color-white-100";
@@ -3703,35 +3717,35 @@ export const tokens: Readonly<{
3703
3717
  ref: "alpha-color-white-0";
3704
3718
  }>;
3705
3719
  "alpha-color-bg-white-transparent-hovered": Readonly<{
3706
- value: "#ffffff1a";
3720
+ value: "#ffffff0d";
3707
3721
  }>;
3708
- "alpha-color-bg-white-white-alpha-lightest": Readonly<{
3722
+ "alpha-color-bg-white-alpha-lightest": Readonly<{
3709
3723
  value: "#ffffffe6";
3710
3724
  ref: "alpha-color-white-90";
3711
3725
  }>;
3712
- "alpha-color-bg-white-white-alpha-lightest-hovered": Readonly<{
3726
+ "alpha-color-bg-white-alpha-lightest-hovered": Readonly<{
3713
3727
  value: "#ededede6";
3714
3728
  }>;
3715
- "alpha-color-bg-white-white-alpha-lighter": Readonly<{
3729
+ "alpha-color-bg-white-alpha-lighter": Readonly<{
3716
3730
  value: "#ffffff99";
3717
3731
  ref: "alpha-color-white-60";
3718
3732
  }>;
3719
- "alpha-color-bg-white-white-alpha-lighter-hovered": Readonly<{
3733
+ "alpha-color-bg-white-alpha-lighter-hovered": Readonly<{
3720
3734
  value: "#ededed99";
3721
3735
  }>;
3722
- "alpha-color-bg-white-white-alpha-light": Readonly<{
3736
+ "alpha-color-bg-white-alpha-light": Readonly<{
3723
3737
  value: "#ffffff33";
3724
3738
  ref: "alpha-color-white-20";
3725
3739
  }>;
3726
- "alpha-color-bg-white-white-alpha-light-hovered": Readonly<{
3740
+ "alpha-color-bg-white-alpha-light-hovered": Readonly<{
3727
3741
  value: "#ededed4d";
3728
3742
  }>;
3729
- "alpha-color-bg-white-white-alpha-transparent": Readonly<{
3743
+ "alpha-color-bg-white-alpha-transparent": Readonly<{
3730
3744
  value: "#ffffff00";
3731
3745
  ref: "alpha-color-white-0";
3732
3746
  }>;
3733
- "alpha-color-bg-white-white-alpha-transparent-hovered": Readonly<{
3734
- value: "#ffffff1a";
3747
+ "alpha-color-bg-white-alpha-transparent-hovered": Readonly<{
3748
+ value: "#ffffff0d";
3735
3749
  }>;
3736
3750
  "alpha-color-bg-blue-normal": Readonly<{
3737
3751
  value: "#6d6afc";
@@ -4354,42 +4368,42 @@ export const tokens: Readonly<{
4354
4368
  ref: "alpha-color-black-100";
4355
4369
  }>;
4356
4370
  "alpha-color-bg-absolute-black-dark-hovered": Readonly<{
4357
- value: "#141414ff";
4371
+ value: "#1c1c1cff";
4358
4372
  }>;
4359
4373
  "alpha-color-bg-absolute-black-normal": Readonly<{
4360
4374
  value: "#000000d9";
4361
4375
  ref: "alpha-color-black-85";
4362
4376
  }>;
4363
4377
  "alpha-color-bg-absolute-black-normal-hovered": Readonly<{
4364
- value: "#141414d9";
4378
+ value: "#1c1c1cd9";
4365
4379
  }>;
4366
4380
  "alpha-color-bg-absolute-black-light": Readonly<{
4367
4381
  value: "#00000099";
4368
4382
  ref: "alpha-color-black-60";
4369
4383
  }>;
4370
4384
  "alpha-color-bg-absolute-black-light-hovered": Readonly<{
4371
- value: "#14141499";
4385
+ value: "#1c1c1c99";
4372
4386
  }>;
4373
4387
  "alpha-color-bg-absolute-black-lighter": Readonly<{
4374
4388
  value: "#00000066";
4375
4389
  ref: "alpha-color-black-40";
4376
4390
  }>;
4377
4391
  "alpha-color-bg-absolute-black-lighter-hovered": Readonly<{
4378
- value: "#14141466";
4392
+ value: "#1c1c1c66";
4379
4393
  }>;
4380
4394
  "alpha-color-bg-absolute-black-lightest": Readonly<{
4381
4395
  value: "#00000033";
4382
4396
  ref: "alpha-color-black-20";
4383
4397
  }>;
4384
4398
  "alpha-color-bg-absolute-black-lightest-hovered": Readonly<{
4385
- value: "#1414144d";
4399
+ value: "#1c1c1c4d";
4386
4400
  }>;
4387
4401
  "alpha-color-bg-absolute-black-transparent": Readonly<{
4388
4402
  value: "#00000000";
4389
4403
  ref: "alpha-color-black-0";
4390
4404
  }>;
4391
4405
  "alpha-color-bg-absolute-black-transparent-hovered": Readonly<{
4392
- value: "#0000001a";
4406
+ value: "#0000000d";
4393
4407
  }>;
4394
4408
  "alpha-color-bg-absolute-white-dark": Readonly<{
4395
4409
  value: "#ffffff";
@@ -4431,7 +4445,7 @@ export const tokens: Readonly<{
4431
4445
  ref: "alpha-color-white-0";
4432
4446
  }>;
4433
4447
  "alpha-color-bg-absolute-white-transparent-hovered": Readonly<{
4434
- value: "#ffffff1a";
4448
+ value: "#ffffff0d";
4435
4449
  }>;
4436
4450
  "alpha-color-surface-lowest": Readonly<{
4437
4451
  value: "#f7f7f8";
@@ -4459,35 +4473,35 @@ export const tokens: Readonly<{
4459
4473
  ref: "alpha-color-black-30";
4460
4474
  }>;
4461
4475
  "alpha-color-shadow-xlarge-hovered": Readonly<{
4462
- value: "#1414144d";
4476
+ value: "#1c1c1c4d";
4463
4477
  }>;
4464
4478
  "alpha-color-shadow-large": Readonly<{
4465
4479
  value: "#00000038";
4466
4480
  ref: "alpha-color-black-22";
4467
4481
  }>;
4468
4482
  "alpha-color-shadow-large-hovered": Readonly<{
4469
- value: "#14141438";
4483
+ value: "#1c1c1c38";
4470
4484
  }>;
4471
4485
  "alpha-color-shadow-medium": Readonly<{
4472
4486
  value: "#00000026";
4473
4487
  ref: "alpha-color-black-15";
4474
4488
  }>;
4475
4489
  "alpha-color-shadow-medium-hovered": Readonly<{
4476
- value: "#14141439";
4490
+ value: "#1c1c1c39";
4477
4491
  }>;
4478
4492
  "alpha-color-shadow-small": Readonly<{
4479
4493
  value: "#00000014";
4480
4494
  ref: "alpha-color-black-8";
4481
4495
  }>;
4482
4496
  "alpha-color-shadow-small-hovered": Readonly<{
4483
- value: "#1414141e";
4497
+ value: "#1c1c1c1e";
4484
4498
  }>;
4485
4499
  "alpha-color-shadow-base": Readonly<{
4486
4500
  value: "#0000000d";
4487
4501
  ref: "alpha-color-black-5";
4488
4502
  }>;
4489
4503
  "alpha-color-shadow-base-hovered": Readonly<{
4490
- value: "#14141414";
4504
+ value: "#1c1c1c14";
4491
4505
  }>;
4492
4506
  "alpha-color-shadow-base-inner": Readonly<{
4493
4507
  value: "#ffffff1f";
@@ -4501,14 +4515,14 @@ export const tokens: Readonly<{
4501
4515
  ref: "alpha-color-bg-absolute-black-lightest";
4502
4516
  }>;
4503
4517
  "alpha-color-dim-black-light-hovered": Readonly<{
4504
- value: "#1414144d";
4518
+ value: "#1c1c1c4d";
4505
4519
  }>;
4506
4520
  "alpha-color-dim-black-normal": Readonly<{
4507
4521
  value: "#00000066";
4508
4522
  ref: "alpha-color-bg-absolute-black-lighter";
4509
4523
  }>;
4510
4524
  "alpha-color-dim-black-normal-hovered": Readonly<{
4511
- value: "#14141466";
4525
+ value: "#1c1c1c66";
4512
4526
  }>;
4513
4527
  "alpha-color-primary-bg-normal": Readonly<{
4514
4528
  value: "#6d6afc";