@channel.io/bezier-tokens 0.3.3-beta.6 → 0.3.3-beta.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 (20) hide show
  1. package/dist/beta/cjs/darkTheme.js +90 -106
  2. package/dist/beta/cjs/global.js +19 -16
  3. package/dist/beta/cjs/lightTheme.js +8 -24
  4. package/dist/beta/css/styles.css +74 -103
  5. package/dist/beta/esm/darkTheme.mjs +90 -106
  6. package/dist/beta/esm/global.mjs +19 -16
  7. package/dist/beta/esm/lightTheme.mjs +8 -24
  8. package/dist/beta/scss/dark-theme.scss +55 -71
  9. package/dist/beta/scss/global.scss +22 -16
  10. package/dist/beta/scss/light-theme.scss +11 -27
  11. package/dist/types/beta/cjs/darkTheme.d.ts +108 -164
  12. package/dist/types/beta/cjs/global.d.ts +25 -16
  13. package/dist/types/beta/cjs/index.d.ts +156 -259
  14. package/dist/types/beta/cjs/lightTheme.d.ts +23 -79
  15. package/dist/types/beta/esm/darkTheme.d.mts +108 -164
  16. package/dist/types/beta/esm/global.d.mts +25 -16
  17. package/dist/types/beta/esm/index.d.mts +156 -259
  18. package/dist/types/beta/esm/index.d.mts.map +1 -1
  19. package/dist/types/beta/esm/lightTheme.d.mts +23 -79
  20. package/package.json +1 -1
package/dist/types/beta/cjs/index.d.ts CHANGED
@@ -32,15 +32,15 @@ export const tokens: Readonly<{
32
32
  ref: "0 dimension-1 0 0 color-border-neutral";
33
33
  }>;
34
34
  "border-white-high": Readonly<{
35
- value: "0 0 0 1px #2a2a2dff";
35
+ value: "0 0 0 1px #242426ff";
36
36
  ref: "0 0 0 dimension-1 color-surface-high";
37
37
  }>;
38
38
  "border-white-higher": Readonly<{
39
- value: "0 0 0 1px #303035ff";
39
+ value: "0 0 0 1px #29292dff";
40
40
  ref: "0 0 0 dimension-1 color-surface-higher";
41
41
  }>;
42
42
  "border-white-highest": Readonly<{
43
- value: "0 0 0 1px #37373cff";
43
+ value: "0 0 0 1px #313135ff";
44
44
  ref: "0 0 0 dimension-1 color-surface-highest";
45
45
  }>;
46
46
  }>;
@@ -180,7 +180,7 @@ export const tokens: Readonly<{
180
180
  ref: "0 0 0 dimension-1 color-state-warning";
181
181
  }>;
182
182
  "state-active": Readonly<{
183
- value: "0 0 0 1px #6b6effff";
183
+ value: "0 0 0 1px #8082ffff";
184
184
  ref: "0 0 0 dimension-1 color-state-action";
185
185
  }>;
186
186
  "state-input-default": Readonly<{
@@ -188,11 +188,11 @@ export const tokens: Readonly<{
188
188
  ref: "0 dimension-1 dimension-2 0 color-elevation-base, inset 0 0 0 dimension-1 color-state-default";
189
189
  }>;
190
190
  "state-input-hovered": Readonly<{
191
- value: "0 2px 6px 0 #0000000d, inset 0 0 0 1px #6b6effff";
191
+ value: "0 2px 6px 0 #0000000d, inset 0 0 0 1px #8082ffff";
192
192
  ref: "0 dimension-2 dimension-6 0 color-elevation-base, inset 0 0 0 dimension-1 color-state-action";
193
193
  }>;
194
194
  "state-input-active": Readonly<{
195
- value: "0 2px 6px 0 #0000000d, 0 0 0 3px #6b6eff73, inset 0 0 0 1px #6b6effff";
195
+ value: "0 2px 6px 0 #0000000d, 0 0 0 3px #6b6eff73, inset 0 0 0 1px #8082ffff";
196
196
  ref: "0 dimension-2 dimension-6 0 color-elevation-base, 0 0 0 dimension-3 color-state-action-light, inset 0 0 0 dimension-1 color-state-action";
197
197
  }>;
198
198
  "state-input-error": Readonly<{
@@ -404,18 +404,18 @@ export const tokens: Readonly<{
404
404
  }>;
405
405
  color: Readonly<{
406
406
  "color-text-action": Readonly<{
407
- value: "#6b6effff";
407
+ value: "#8082ffff";
408
408
  ref: "color-blue-300";
409
409
  }>;
410
410
  "color-text-action-hovered": Readonly<{
411
- value: "#8184ffff";
411
+ value: "#9698ffff";
412
412
  }>;
413
413
  "color-text-success": Readonly<{
414
- value: "#4bc16cff";
414
+ value: "#51c371ff";
415
415
  ref: "color-green-300";
416
416
  }>;
417
417
  "color-text-success-hovered": Readonly<{
418
- value: "#56cc77ff";
418
+ value: "#5cce7cff";
419
419
  }>;
420
420
  "color-text-highlight": Readonly<{
421
421
  value: "#5cadefff";
@@ -432,11 +432,11 @@ export const tokens: Readonly<{
432
432
  value: "#f8a45cff";
433
433
  }>;
434
434
  "color-text-critical": Readonly<{
435
- value: "#f26060ff";
435
+ value: "#f36868ff";
436
436
  ref: "color-red-300";
437
437
  }>;
438
438
  "color-text-critical-hovered": Readonly<{
439
- value: "#f77171ff";
439
+ value: "#f87979ff";
440
440
  }>;
441
441
  "color-text-neutral-heaviest": Readonly<{
442
442
  value: "#ffff";
@@ -467,11 +467,11 @@ export const tokens: Readonly<{
467
467
  value: "#ededed66";
468
468
  }>;
469
469
  "color-text-accent-blue": Readonly<{
470
- value: "#6b6effff";
470
+ value: "#8082ffff";
471
471
  ref: "color-blue-300";
472
472
  }>;
473
473
  "color-text-accent-blue-hovered": Readonly<{
474
- value: "#8184ffff";
474
+ value: "#9698ffff";
475
475
  }>;
476
476
  "color-text-accent-cobalt": Readonly<{
477
477
  value: "#5cadefff";
@@ -481,18 +481,18 @@ export const tokens: Readonly<{
481
481
  value: "#6cb8f5ff";
482
482
  }>;
483
483
  "color-text-accent-green": Readonly<{
484
- value: "#4bc16cff";
484
+ value: "#51c371ff";
485
485
  ref: "color-green-300";
486
486
  }>;
487
487
  "color-text-accent-green-hovered": Readonly<{
488
- value: "#56cc77ff";
488
+ value: "#5cce7cff";
489
489
  }>;
490
490
  "color-text-accent-red": Readonly<{
491
- value: "#f26060ff";
491
+ value: "#f36868ff";
492
492
  ref: "color-red-300";
493
493
  }>;
494
494
  "color-text-accent-red-hovered": Readonly<{
495
- value: "#f77171ff";
495
+ value: "#f87979ff";
496
496
  }>;
497
497
  "color-text-accent-orange": Readonly<{
498
498
  value: "#f79847ff";
@@ -523,11 +523,11 @@ export const tokens: Readonly<{
523
523
  value: "#4cdccfff";
524
524
  }>;
525
525
  "color-text-accent-navy": Readonly<{
526
- value: "#6f7bc8ff";
526
+ value: "#7e89cdff";
527
527
  ref: "color-navy-300";
528
528
  }>;
529
529
  "color-text-accent-navy-hovered": Readonly<{
530
- value: "#7b86d3ff";
530
+ value: "#8a95d7ff";
531
531
  }>;
532
532
  "color-text-accent-purple": Readonly<{
533
533
  value: "#a970ffff";
@@ -557,19 +557,26 @@ export const tokens: Readonly<{
557
557
  "color-text-absolute-black-hovered": Readonly<{
558
558
  value: "#0a0a0aff";
559
559
  }>;
560
+ "color-text-inverse": Readonly<{
561
+ value: "#000000d9";
562
+ ref: "color-black-85";
563
+ }>;
564
+ "color-text-inverse-hovered": Readonly<{
565
+ value: "#0a0a0ad9";
566
+ }>;
560
567
  "color-icon-action": Readonly<{
561
- value: "#6b6effff";
568
+ value: "#8082ffff";
562
569
  ref: "color-blue-300";
563
570
  }>;
564
571
  "color-icon-action-hovered": Readonly<{
565
- value: "#8184ffff";
572
+ value: "#9698ffff";
566
573
  }>;
567
574
  "color-icon-success": Readonly<{
568
- value: "#4bc16cff";
575
+ value: "#51c371ff";
569
576
  ref: "color-green-300";
570
577
  }>;
571
578
  "color-icon-success-hovered": Readonly<{
572
- value: "#56cc77ff";
579
+ value: "#5cce7cff";
573
580
  }>;
574
581
  "color-icon-highlight": Readonly<{
575
582
  value: "#5cadefff";
@@ -586,11 +593,11 @@ export const tokens: Readonly<{
586
593
  value: "#f8a45cff";
587
594
  }>;
588
595
  "color-icon-critical": Readonly<{
589
- value: "#f26060ff";
596
+ value: "#f36868ff";
590
597
  ref: "color-red-300";
591
598
  }>;
592
599
  "color-icon-critical-hovered": Readonly<{
593
- value: "#f77171ff";
600
+ value: "#f87979ff";
594
601
  }>;
595
602
  "color-icon-neutral": Readonly<{
596
603
  value: "#fff6";
@@ -614,11 +621,11 @@ export const tokens: Readonly<{
614
621
  value: "#edededcc";
615
622
  }>;
616
623
  "color-icon-accent-blue": Readonly<{
617
- value: "#6b6effff";
624
+ value: "#8082ffff";
618
625
  ref: "color-blue-300";
619
626
  }>;
620
627
  "color-icon-accent-blue-hovered": Readonly<{
621
- value: "#8184ffff";
628
+ value: "#9698ffff";
622
629
  }>;
623
630
  "color-icon-accent-cobalt": Readonly<{
624
631
  value: "#5cadefff";
@@ -628,18 +635,18 @@ export const tokens: Readonly<{
628
635
  value: "#6cb8f5ff";
629
636
  }>;
630
637
  "color-icon-accent-green": Readonly<{
631
- value: "#4bc16cff";
638
+ value: "#51c371ff";
632
639
  ref: "color-green-300";
633
640
  }>;
634
641
  "color-icon-accent-green-hovered": Readonly<{
635
- value: "#56cc77ff";
642
+ value: "#5cce7cff";
636
643
  }>;
637
644
  "color-icon-accent-red": Readonly<{
638
- value: "#f26060ff";
645
+ value: "#f36868ff";
639
646
  ref: "color-red-300";
640
647
  }>;
641
648
  "color-icon-accent-red-hovered": Readonly<{
642
- value: "#f77171ff";
649
+ value: "#f87979ff";
643
650
  }>;
644
651
  "color-icon-accent-orange": Readonly<{
645
652
  value: "#f79847ff";
@@ -670,11 +677,11 @@ export const tokens: Readonly<{
670
677
  value: "#4cdccfff";
671
678
  }>;
672
679
  "color-icon-accent-navy": Readonly<{
673
- value: "#6f7bc8ff";
680
+ value: "#7e89cdff";
674
681
  ref: "color-navy-300";
675
682
  }>;
676
683
  "color-icon-accent-navy-hovered": Readonly<{
677
- value: "#7b86d3ff";
684
+ value: "#8a95d7ff";
678
685
  }>;
679
686
  "color-icon-accent-purple": Readonly<{
680
687
  value: "#a970ffff";
@@ -704,12 +711,19 @@ export const tokens: Readonly<{
704
711
  "color-icon-absolute-black-hovered": Readonly<{
705
712
  value: "#0a0a0aff";
706
713
  }>;
714
+ "color-icon-inverse-heavier": Readonly<{
715
+ value: "#000000d9";
716
+ ref: "color-black-85";
717
+ }>;
718
+ "color-icon-inverse-heavier-hovered": Readonly<{
719
+ value: "#0a0a0ad9";
720
+ }>;
707
721
  "color-fill-neutral-heaviest": Readonly<{
708
- value: "#ffffffe6";
709
- ref: "color-white-90";
722
+ value: "#ffff";
723
+ ref: "color-white-100";
710
724
  }>;
711
725
  "color-fill-neutral-heaviest-hovered": Readonly<{
712
- value: "#ededede6";
726
+ value: "#edededff";
713
727
  }>;
714
728
  "color-fill-neutral-heavier": Readonly<{
715
729
  value: "#fff6";
@@ -754,11 +768,11 @@ export const tokens: Readonly<{
754
768
  value: "#ffffff0d";
755
769
  }>;
756
770
  "color-fill-action": Readonly<{
757
- value: "#6b6effff";
771
+ value: "#8082ffff";
758
772
  ref: "color-blue-300";
759
773
  }>;
760
774
  "color-fill-action-hovered": Readonly<{
761
- value: "#8184ffff";
775
+ value: "#9698ffff";
762
776
  }>;
763
777
  "color-fill-action-light": Readonly<{
764
778
  value: "#6b6eff4d";
@@ -782,11 +796,11 @@ export const tokens: Readonly<{
782
796
  value: "#6b6eff1a";
783
797
  }>;
784
798
  "color-fill-success": Readonly<{
785
- value: "#4bc16cff";
799
+ value: "#51c371ff";
786
800
  ref: "color-green-300";
787
801
  }>;
788
802
  "color-fill-success-hovered": Readonly<{
789
- value: "#56cc77ff";
803
+ value: "#5cce7cff";
790
804
  }>;
791
805
  "color-fill-success-light": Readonly<{
792
806
  value: "#4bc16c4d";
@@ -866,11 +880,11 @@ export const tokens: Readonly<{
866
880
  value: "#f798471a";
867
881
  }>;
868
882
  "color-fill-critical": Readonly<{
869
- value: "#f26060ff";
883
+ value: "#f36868ff";
870
884
  ref: "color-red-300";
871
885
  }>;
872
886
  "color-fill-critical-hovered": Readonly<{
873
- value: "#f77171ff";
887
+ value: "#f87979ff";
874
888
  }>;
875
889
  "color-fill-critical-light": Readonly<{
876
890
  value: "#f260604d";
@@ -894,25 +908,25 @@ export const tokens: Readonly<{
894
908
  value: "#f260601a";
895
909
  }>;
896
910
  "color-fill-grey": Readonly<{
897
- value: "#2a2a2dff";
911
+ value: "#242426ff";
898
912
  ref: "color-grey-850";
899
913
  }>;
900
914
  "color-fill-grey-hovered": Readonly<{
901
- value: "#343438ff";
915
+ value: "#2e2e31ff";
902
916
  }>;
903
917
  "color-fill-grey-heavy": Readonly<{
904
- value: "#303035ff";
918
+ value: "#29292dff";
905
919
  ref: "color-grey-800";
906
920
  }>;
907
921
  "color-fill-grey-heavy-hovered": Readonly<{
908
- value: "#3a3a40ff";
922
+ value: "#333338ff";
909
923
  }>;
910
924
  "color-fill-grey-heavier": Readonly<{
911
- value: "#37373cff";
925
+ value: "#313135ff";
912
926
  ref: "color-grey-750";
913
927
  }>;
914
928
  "color-fill-grey-heavier-hovered": Readonly<{
915
- value: "#414147ff";
929
+ value: "#3b3b40ff";
916
930
  }>;
917
931
  "color-fill-accent-blue": Readonly<{
918
932
  value: "#6b6eff2e";
@@ -929,11 +943,11 @@ export const tokens: Readonly<{
929
943
  value: "#8184ff4d";
930
944
  }>;
931
945
  "color-fill-accent-blue-heavier": Readonly<{
932
- value: "#6b6effff";
946
+ value: "#8082ffff";
933
947
  ref: "color-blue-300";
934
948
  }>;
935
949
  "color-fill-accent-blue-heavier-hovered": Readonly<{
936
- value: "#8184ffff";
950
+ value: "#9698ffff";
937
951
  }>;
938
952
  "color-fill-accent-blue-transparent": Readonly<{
939
953
  value: "#6b6eff00";
@@ -985,11 +999,11 @@ export const tokens: Readonly<{
985
999
  value: "#56cc774d";
986
1000
  }>;
987
1001
  "color-fill-accent-green-heavier": Readonly<{
988
- value: "#4bc16cff";
1002
+ value: "#51c371ff";
989
1003
  ref: "color-green-300";
990
1004
  }>;
991
1005
  "color-fill-accent-green-heavier-hovered": Readonly<{
992
- value: "#56cc77ff";
1006
+ value: "#5cce7cff";
993
1007
  }>;
994
1008
  "color-fill-accent-green-transparent": Readonly<{
995
1009
  value: "#4bc16c00";
@@ -1013,11 +1027,11 @@ export const tokens: Readonly<{
1013
1027
  value: "#f771714d";
1014
1028
  }>;
1015
1029
  "color-fill-accent-red-heavier": Readonly<{
1016
- value: "#f26060ff";
1030
+ value: "#f36868ff";
1017
1031
  ref: "color-red-300";
1018
1032
  }>;
1019
1033
  "color-fill-accent-red-heavier-hovered": Readonly<{
1020
- value: "#f77171ff";
1034
+ value: "#f87979ff";
1021
1035
  }>;
1022
1036
  "color-fill-accent-red-transparent": Readonly<{
1023
1037
  value: "#f2606000";
@@ -1153,11 +1167,11 @@ export const tokens: Readonly<{
1153
1167
  value: "#7b86d34d";
1154
1168
  }>;
1155
1169
  "color-fill-accent-navy-heavier": Readonly<{
1156
- value: "#6f7bc8ff";
1170
+ value: "#7e89cdff";
1157
1171
  ref: "color-navy-300";
1158
1172
  }>;
1159
1173
  "color-fill-accent-navy-heavier-hovered": Readonly<{
1160
- value: "#7b86d3ff";
1174
+ value: "#8a95d7ff";
1161
1175
  }>;
1162
1176
  "color-fill-accent-navy-transparent": Readonly<{
1163
1177
  value: "#6f7bc800";
@@ -1264,6 +1278,13 @@ export const tokens: Readonly<{
1264
1278
  "color-fill-absolute-black-transparent-hovered": Readonly<{
1265
1279
  value: "#0000000d";
1266
1280
  }>;
1281
+ "color-fill-bright": Readonly<{
1282
+ value: "#5a5a5fff";
1283
+ ref: "color-grey-650";
1284
+ }>;
1285
+ "color-fill-bright-hovered": Readonly<{
1286
+ value: "#64646aff";
1287
+ }>;
1267
1288
  "color-border-neutral": Readonly<{
1268
1289
  value: "#ffffff1f";
1269
1290
  ref: "color-white-12";
@@ -1286,32 +1307,32 @@ export const tokens: Readonly<{
1286
1307
  value: "#ededed66";
1287
1308
  }>;
1288
1309
  "color-border-detach": Readonly<{
1289
- value: "#242428ff";
1310
+ value: "#1d1d20ff";
1290
1311
  ref: "color-grey-900";
1291
1312
  }>;
1292
1313
  "color-border-detach-hovered": Readonly<{
1293
- value: "#2e2e33ff";
1314
+ value: "#27272bff";
1294
1315
  }>;
1295
1316
  "color-border-detach-highest": Readonly<{
1296
- value: "#454549ff";
1297
- ref: "color-grey-700";
1317
+ value: "#313135ff";
1318
+ ref: "color-grey-750";
1298
1319
  }>;
1299
1320
  "color-border-detach-highest-hovered": Readonly<{
1300
- value: "#4f4f54ff";
1321
+ value: "#3b3b40ff";
1301
1322
  }>;
1302
1323
  "color-border-detach-higher": Readonly<{
1303
- value: "#303035ff";
1324
+ value: "#29292dff";
1304
1325
  ref: "color-grey-800";
1305
1326
  }>;
1306
1327
  "color-border-detach-higher-hovered": Readonly<{
1307
- value: "#3a3a40ff";
1328
+ value: "#333338ff";
1308
1329
  }>;
1309
1330
  "color-border-detach-high": Readonly<{
1310
- value: "#2a2a2dff";
1331
+ value: "#242426ff";
1311
1332
  ref: "color-grey-850";
1312
1333
  }>;
1313
1334
  "color-border-detach-high-hovered": Readonly<{
1314
- value: "#343438ff";
1335
+ value: "#2e2e31ff";
1315
1336
  }>;
1316
1337
  "color-border-detach-low": Readonly<{
1317
1338
  value: "#1a1a1cff";
@@ -1328,32 +1349,32 @@ export const tokens: Readonly<{
1328
1349
  value: "#edededff";
1329
1350
  }>;
1330
1351
  "color-surface": Readonly<{
1331
- value: "#242428ff";
1352
+ value: "#1d1d20ff";
1332
1353
  ref: "color-grey-900";
1333
1354
  }>;
1334
1355
  "color-surface-hovered": Readonly<{
1335
- value: "#2e2e33ff";
1356
+ value: "#27272bff";
1336
1357
  }>;
1337
1358
  "color-surface-highest": Readonly<{
1338
- value: "#37373cff";
1359
+ value: "#313135ff";
1339
1360
  ref: "color-grey-750";
1340
1361
  }>;
1341
1362
  "color-surface-highest-hovered": Readonly<{
1342
- value: "#414147ff";
1363
+ value: "#3b3b40ff";
1343
1364
  }>;
1344
1365
  "color-surface-higher": Readonly<{
1345
- value: "#303035ff";
1366
+ value: "#29292dff";
1346
1367
  ref: "color-grey-800";
1347
1368
  }>;
1348
1369
  "color-surface-higher-hovered": Readonly<{
1349
- value: "#3a3a40ff";
1370
+ value: "#333338ff";
1350
1371
  }>;
1351
1372
  "color-surface-high": Readonly<{
1352
- value: "#2a2a2dff";
1373
+ value: "#242426ff";
1353
1374
  ref: "color-grey-850";
1354
1375
  }>;
1355
1376
  "color-surface-high-hovered": Readonly<{
1356
- value: "#343438ff";
1377
+ value: "#2e2e31ff";
1357
1378
  }>;
1358
1379
  "color-surface-low": Readonly<{
1359
1380
  value: "#1a1a1cff";
@@ -1363,109 +1384,32 @@ export const tokens: Readonly<{
1363
1384
  value: "#242427ff";
1364
1385
  }>;
1365
1386
  "color-surface-glass": Readonly<{
1366
- value: "#303035e6";
1387
+ value: "#29292de6";
1367
1388
  ref: "color-grey-800-90";
1368
1389
  }>;
1369
1390
  "color-surface-glass-hovered": Readonly<{
1370
- value: "#3a3a40e6";
1391
+ value: "#333338e6";
1371
1392
  }>;
1372
1393
  "color-surface-glass-highest": Readonly<{
1373
- value: "#454549e6";
1374
- ref: "color-grey-700-90";
1394
+ value: "#313135e6";
1395
+ ref: "color-grey-750-90";
1375
1396
  }>;
1376
1397
  "color-surface-glass-highest-hovered": Readonly<{
1377
- value: "#4f4f54e6";
1398
+ value: "#3b3b40e6";
1378
1399
  }>;
1379
1400
  "color-surface-glass-higher": Readonly<{
1380
- value: "#303035e6";
1401
+ value: "#29292de6";
1381
1402
  ref: "color-grey-800-90";
1382
1403
  }>;
1383
1404
  "color-surface-glass-higher-hovered": Readonly<{
1384
- value: "#3a3a40e6";
1405
+ value: "#333338e6";
1385
1406
  }>;
1386
1407
  "color-surface-glass-high": Readonly<{
1387
- value: "#2a2a2de6";
1408
+ value: "#242426e6";
1388
1409
  ref: "color-grey-850-90";
1389
1410
  }>;
1390
1411
  "color-surface-glass-high-hovered": Readonly<{
1391
- value: "#343438e6";
1392
- }>;
1393
- "color-surface-accent-blue": Readonly<{
1394
- value: "#6b6effff";
1395
- ref: "color-blue-300";
1396
- }>;
1397
- "color-surface-accent-blue-hovered": Readonly<{
1398
- value: "#8184ffff";
1399
- }>;
1400
- "color-surface-accent-cobalt": Readonly<{
1401
- value: "#5cadefff";
1402
- ref: "color-cobalt-300";
1403
- }>;
1404
- "color-surface-accent-cobalt-hovered": Readonly<{
1405
- value: "#6cb8f5ff";
1406
- }>;
1407
- "color-surface-accent-green": Readonly<{
1408
- value: "#4bc16cff";
1409
- ref: "color-green-300";
1410
- }>;
1411
- "color-surface-accent-green-hovered": Readonly<{
1412
- value: "#56cc77ff";
1413
- }>;
1414
- "color-surface-accent-red": Readonly<{
1415
- value: "#f26060ff";
1416
- ref: "color-red-300";
1417
- }>;
1418
- "color-surface-accent-red-hovered": Readonly<{
1419
- value: "#f77171ff";
1420
- }>;
1421
- "color-surface-accent-orange": Readonly<{
1422
- value: "#f79847ff";
1423
- ref: "color-orange-300";
1424
- }>;
1425
- "color-surface-accent-orange-hovered": Readonly<{
1426
- value: "#f8a45cff";
1427
- }>;
1428
- "color-surface-accent-yellow": Readonly<{
1429
- value: "#f0be27ff";
1430
- ref: "color-yellow-300";
1431
- }>;
1432
- "color-surface-accent-yellow-hovered": Readonly<{
1433
- value: "#f7c736ff";
1434
- }>;
1435
- "color-surface-accent-olive": Readonly<{
1436
- value: "#b7c427ff";
1437
- ref: "color-olive-300";
1438
- }>;
1439
- "color-surface-accent-olive-hovered": Readonly<{
1440
- value: "#ccdb25ff";
1441
- }>;
1442
- "color-surface-accent-teal": Readonly<{
1443
- value: "#40d3c5ff";
1444
- ref: "color-teal-300";
1445
- }>;
1446
- "color-surface-accent-teal-hovered": Readonly<{
1447
- value: "#4cdccfff";
1448
- }>;
1449
- "color-surface-accent-navy": Readonly<{
1450
- value: "#6f7bc8ff";
1451
- ref: "color-navy-300";
1452
- }>;
1453
- "color-surface-accent-navy-hovered": Readonly<{
1454
- value: "#7b86d3ff";
1455
- }>;
1456
- "color-surface-accent-purple": Readonly<{
1457
- value: "#a970ffff";
1458
- ref: "color-purple-300";
1459
- }>;
1460
- "color-surface-accent-purple-hovered": Readonly<{
1461
- value: "#b686ffff";
1462
- }>;
1463
- "color-surface-accent-pink": Readonly<{
1464
- value: "#ec6fd3ff";
1465
- ref: "color-pink-300";
1466
- }>;
1467
- "color-surface-accent-pink-hovered": Readonly<{
1468
- value: "#f27fdbff";
1412
+ value: "#2e2e31e6";
1469
1413
  }>;
1470
1414
  "color-dim-absolute-black": Readonly<{
1471
1415
  value: "#0006";
@@ -1503,11 +1447,11 @@ export const tokens: Readonly<{
1503
1447
  value: "#1ec35dff";
1504
1448
  }>;
1505
1449
  "color-gradient-green-heavy": Readonly<{
1506
- value: "#4bc16cff";
1450
+ value: "#51c371ff";
1507
1451
  ref: "color-green-300";
1508
1452
  }>;
1509
1453
  "color-gradient-green-heavy-hovered": Readonly<{
1510
- value: "#56cc77ff";
1454
+ value: "#5cce7cff";
1511
1455
  }>;
1512
1456
  "color-state-default": Readonly<{
1513
1457
  value: "#fff3";
@@ -1517,11 +1461,11 @@ export const tokens: Readonly<{
1517
1461
  value: "#ededed4d";
1518
1462
  }>;
1519
1463
  "color-state-action": Readonly<{
1520
- value: "#6b6effff";
1464
+ value: "#8082ffff";
1521
1465
  ref: "color-blue-300";
1522
1466
  }>;
1523
1467
  "color-state-action-hovered": Readonly<{
1524
- value: "#8184ffff";
1468
+ value: "#9698ffff";
1525
1469
  }>;
1526
1470
  "color-state-action-light": Readonly<{
1527
1471
  value: "#6b6eff73";
@@ -1597,7 +1541,7 @@ export const tokens: Readonly<{
1597
1541
  value: "#8d93ffff";
1598
1542
  }>;
1599
1543
  "color-blue-300": Readonly<{
1600
- value: "#6b6effff";
1544
+ value: "#8082ffff";
1601
1545
  }>;
1602
1546
  "color-blue-400": Readonly<{
1603
1547
  value: "#6157eaff";
@@ -1693,7 +1637,7 @@ export const tokens: Readonly<{
1693
1637
  value: "#7cd985ff";
1694
1638
  }>;
1695
1639
  "color-green-300": Readonly<{
1696
- value: "#4bc16cff";
1640
+ value: "#51c371ff";
1697
1641
  }>;
1698
1642
  "color-green-400": Readonly<{
1699
1643
  value: "#20ab55ff";
@@ -1741,7 +1685,7 @@ export const tokens: Readonly<{
1741
1685
  value: "#ff8683ff";
1742
1686
  }>;
1743
1687
  "color-red-300": Readonly<{
1744
- value: "#f26060ff";
1688
+ value: "#f36868ff";
1745
1689
  }>;
1746
1690
  "color-red-400": Readonly<{
1747
1691
  value: "#e1535dff";
@@ -1981,7 +1925,7 @@ export const tokens: Readonly<{
1981
1925
  value: "#8b99d9ff";
1982
1926
  }>;
1983
1927
  "color-navy-300": Readonly<{
1984
- value: "#6f7bc8ff";
1928
+ value: "#7e89cdff";
1985
1929
  }>;
1986
1930
  "color-navy-400": Readonly<{
1987
1931
  value: "#424fabff";
@@ -2118,6 +2062,9 @@ export const tokens: Readonly<{
2118
2062
  "color-pink-400-30": Readonly<{
2119
2063
  value: "#d64bb54d";
2120
2064
  }>;
2065
+ "color-grey-25": Readonly<{
2066
+ value: "#fdfdffff";
2067
+ }>;
2121
2068
  "color-grey-50": Readonly<{
2122
2069
  value: "#fbfbfbff";
2123
2070
  }>;
@@ -2139,20 +2086,23 @@ export const tokens: Readonly<{
2139
2086
  "color-grey-600": Readonly<{
2140
2087
  value: "#79797eff";
2141
2088
  }>;
2089
+ "color-grey-650": Readonly<{
2090
+ value: "#5a5a5fff";
2091
+ }>;
2142
2092
  "color-grey-700": Readonly<{
2143
- value: "#454549ff";
2093
+ value: "#3b3b3fff";
2144
2094
  }>;
2145
2095
  "color-grey-750": Readonly<{
2146
- value: "#37373cff";
2096
+ value: "#313135ff";
2147
2097
  }>;
2148
2098
  "color-grey-800": Readonly<{
2149
- value: "#303035ff";
2099
+ value: "#29292dff";
2150
2100
  }>;
2151
2101
  "color-grey-850": Readonly<{
2152
- value: "#2a2a2dff";
2102
+ value: "#242426ff";
2153
2103
  }>;
2154
2104
  "color-grey-900": Readonly<{
2155
- value: "#242428ff";
2105
+ value: "#1d1d20ff";
2156
2106
  }>;
2157
2107
  "color-grey-950": Readonly<{
2158
2108
  value: "#1a1a1cff";
@@ -2173,28 +2123,31 @@ export const tokens: Readonly<{
2173
2123
  value: "#efeff0e6";
2174
2124
  }>;
2175
2125
  "color-grey-700-80": Readonly<{
2176
- value: "#454549cc";
2126
+ value: "#3b3b3fcc";
2177
2127
  }>;
2178
2128
  "color-grey-700-90": Readonly<{
2179
- value: "#454549e6";
2129
+ value: "#3b3b3fe6";
2130
+ }>;
2131
+ "color-grey-750-90": Readonly<{
2132
+ value: "#313135e6";
2180
2133
  }>;
2181
2134
  "color-grey-800-80": Readonly<{
2182
- value: "#303035cc";
2135
+ value: "#29292dcc";
2183
2136
  }>;
2184
2137
  "color-grey-800-90": Readonly<{
2185
- value: "#303035e6";
2138
+ value: "#29292de6";
2186
2139
  }>;
2187
2140
  "color-grey-850-80": Readonly<{
2188
- value: "#2a2a2dcc";
2141
+ value: "#242426cc";
2189
2142
  }>;
2190
2143
  "color-grey-850-90": Readonly<{
2191
- value: "#2a2a2de6";
2144
+ value: "#242426e6";
2192
2145
  }>;
2193
2146
  "color-grey-900-0": Readonly<{
2194
2147
  value: "#24242800";
2195
2148
  }>;
2196
2149
  "color-grey-900-90": Readonly<{
2197
- value: "#242428e6";
2150
+ value: "#1d1d2000";
2198
2151
  }>;
2199
2152
  "color-white-0": Readonly<{
2200
2153
  value: "#fff0";
@@ -3091,6 +3044,13 @@ export const tokens: Readonly<{
3091
3044
  "color-text-absolute-black-hovered": Readonly<{
3092
3045
  value: "#1c1c1cff";
3093
3046
  }>;
3047
+ "color-text-inverse": Readonly<{
3048
+ value: "#ffff";
3049
+ ref: "color-white-100";
3050
+ }>;
3051
+ "color-text-inverse-hovered": Readonly<{
3052
+ value: "#edededff";
3053
+ }>;
3094
3054
  "color-icon-action": Readonly<{
3095
3055
  value: "#6157eaff";
3096
3056
  ref: "color-blue-400";
@@ -3238,6 +3198,13 @@ export const tokens: Readonly<{
3238
3198
  "color-icon-absolute-black-hovered": Readonly<{
3239
3199
  value: "#1c1c1cff";
3240
3200
  }>;
3201
+ "color-icon-inverse-heavier": Readonly<{
3202
+ value: "#ffff";
3203
+ ref: "color-white-100";
3204
+ }>;
3205
+ "color-icon-inverse-heavier-hovered": Readonly<{
3206
+ value: "#edededff";
3207
+ }>;
3241
3208
  "color-fill-neutral-heaviest": Readonly<{
3242
3209
  value: "#000000d9";
3243
3210
  ref: "color-black-85";
@@ -3798,6 +3765,13 @@ export const tokens: Readonly<{
3798
3765
  "color-fill-absolute-black-transparent-hovered": Readonly<{
3799
3766
  value: "#0000000d";
3800
3767
  }>;
3768
+ "color-fill-bright": Readonly<{
3769
+ value: "#fdfdffff";
3770
+ ref: "color-grey-25";
3771
+ }>;
3772
+ "color-fill-bright-hovered": Readonly<{
3773
+ value: "#d9d9ffff";
3774
+ }>;
3801
3775
  "color-border-neutral": Readonly<{
3802
3776
  value: "#00000014";
3803
3777
  ref: "color-black-8";
@@ -3924,83 +3898,6 @@ export const tokens: Readonly<{
3924
3898
  "color-surface-glass-high-hovered": Readonly<{
3925
3899
  value: "#ededede6";
3926
3900
  }>;
3927
- "color-surface-accent-blue": Readonly<{
3928
- value: "#6157eaff";
3929
- ref: "color-blue-400";
3930
- }>;
3931
- "color-surface-accent-blue-hovered": Readonly<{
3932
- value: "#5146e4ff";
3933
- }>;
3934
- "color-surface-accent-cobalt": Readonly<{
3935
- value: "#3292e3ff";
3936
- ref: "color-cobalt-400";
3937
- }>;
3938
- "color-surface-accent-cobalt-hovered": Readonly<{
3939
- value: "#2589ddff";
3940
- }>;
3941
- "color-surface-accent-green": Readonly<{
3942
- value: "#20ab55ff";
3943
- ref: "color-green-400";
3944
- }>;
3945
- "color-surface-accent-green-hovered": Readonly<{
3946
- value: "#219c50ff";
3947
- }>;
3948
- "color-surface-accent-red": Readonly<{
3949
- value: "#e1535dff";
3950
- ref: "color-red-400";
3951
- }>;
3952
- "color-surface-accent-red-hovered": Readonly<{
3953
- value: "#da444fff";
3954
- }>;
3955
- "color-surface-accent-orange": Readonly<{
3956
- value: "#e67f2bff";
3957
- ref: "color-orange-400";
3958
- }>;
3959
- "color-surface-accent-orange-hovered": Readonly<{
3960
- value: "#df751fff";
3961
- }>;
3962
- "color-surface-accent-yellow": Readonly<{
3963
- value: "#edae0dff";
3964
- ref: "color-yellow-400";
3965
- }>;
3966
- "color-surface-accent-yellow-hovered": Readonly<{
3967
- value: "#d9a010ff";
3968
- }>;
3969
- "color-surface-accent-olive": Readonly<{
3970
- value: "#a9b110ff";
3971
- ref: "color-olive-400";
3972
- }>;
3973
- "color-surface-accent-olive-hovered": Readonly<{
3974
- value: "#9ba212ff";
3975
- }>;
3976
- "color-surface-accent-teal": Readonly<{
3977
- value: "#09b2acff";
3978
- ref: "color-teal-400";
3979
- }>;
3980
- "color-surface-accent-teal-hovered": Readonly<{
3981
- value: "#08a5a0ff";
3982
- }>;
3983
- "color-surface-accent-navy": Readonly<{
3984
- value: "#424fabff";
3985
- ref: "color-navy-400";
3986
- }>;
3987
- "color-surface-accent-navy-hovered": Readonly<{
3988
- value: "#414c9cff";
3989
- }>;
3990
- "color-surface-accent-purple": Readonly<{
3991
- value: "#8e57e7ff";
3992
- ref: "color-purple-400";
3993
- }>;
3994
- "color-surface-accent-purple-hovered": Readonly<{
3995
- value: "#8247e1ff";
3996
- }>;
3997
- "color-surface-accent-pink": Readonly<{
3998
- value: "#d64bb5ff";
3999
- ref: "color-pink-400";
4000
- }>;
4001
- "color-surface-accent-pink-hovered": Readonly<{
4002
- value: "#cf3eacff";
4003
- }>;
4004
3901
  "color-dim-absolute-black": Readonly<{
4005
3902
  value: "#0006";
4006
3903
  ref: "color-black-40";
@@ -4037,11 +3934,11 @@ export const tokens: Readonly<{
4037
3934
  value: "#219c50ff";
4038
3935
  }>;
4039
3936
  "color-gradient-green-heavy": Readonly<{
4040
- value: "#4bc16cff";
3937
+ value: "#51c371ff";
4041
3938
  ref: "color-green-300";
4042
3939
  }>;
4043
3940
  "color-gradient-green-heavy-hovered": Readonly<{
4044
- value: "#44b663ff";
3941
+ value: "#46ba67ff";
4045
3942
  }>;
4046
3943
  "color-state-default": Readonly<{
4047
3944
  value: "#00000026";