@yahoo/uds-v5-wip 1.4.0 → 1.6.0

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 (64) hide show
  1. package/dist/components/dist/presets/index.d.ts +88 -88
  2. package/dist/components/dist/sidebar.config.d.ts +88 -88
  3. package/dist/components/dist/sidebar.config.js +4 -4
  4. package/dist/components/dist/sidebar.d.ts +88 -88
  5. package/dist/components/dist/sidebar.js +0 -4
  6. package/dist/config/dist/createConfig.d.ts +47 -35
  7. package/dist/config/dist/createConfig.js +136 -12
  8. package/dist/config/dist/index.d.ts +2 -0
  9. package/dist/config/dist/index.js +1 -0
  10. package/dist/config/dist/preset-merge.js +8 -1
  11. package/dist/config/dist/resolvedMappings.d.ts +22 -0
  12. package/dist/config/dist/resolvedMappings.js +43 -0
  13. package/dist/config/dist/serialize.js +14 -11
  14. package/dist/config/dist/types.d.ts +94 -0
  15. package/dist/config.d.ts +4622 -3212
  16. package/dist/config.js +2 -1
  17. package/dist/core/dist/getStyles.js +1 -1
  18. package/dist/core/dist/propMappings.js +1 -0
  19. package/dist/foundational-presets/dist/boldVibrant.d.ts +4861 -3274
  20. package/dist/foundational-presets/dist/boldVibrant.js +221 -317
  21. package/dist/foundational-presets/dist/brutalist.d.ts +4861 -3274
  22. package/dist/foundational-presets/dist/brutalist.js +221 -317
  23. package/dist/foundational-presets/dist/candy.d.ts +4861 -3274
  24. package/dist/foundational-presets/dist/candy.js +221 -317
  25. package/dist/foundational-presets/dist/cleanMinimalist.d.ts +4861 -3274
  26. package/dist/foundational-presets/dist/cleanMinimalist.js +221 -317
  27. package/dist/foundational-presets/dist/corporate.d.ts +4861 -3274
  28. package/dist/foundational-presets/dist/corporate.js +221 -317
  29. package/dist/foundational-presets/dist/darkMoody.d.ts +4861 -3274
  30. package/dist/foundational-presets/dist/darkMoody.js +221 -317
  31. package/dist/foundational-presets/dist/defaultPreset.d.ts +4618 -3210
  32. package/dist/foundational-presets/dist/defaultPreset.js +1107 -1609
  33. package/dist/foundational-presets/dist/forest.d.ts +4861 -3274
  34. package/dist/foundational-presets/dist/forest.js +221 -317
  35. package/dist/foundational-presets/dist/highContrast.d.ts +4861 -3274
  36. package/dist/foundational-presets/dist/highContrast.js +221 -317
  37. package/dist/foundational-presets/dist/lavender.d.ts +4861 -3274
  38. package/dist/foundational-presets/dist/lavender.js +221 -317
  39. package/dist/foundational-presets/dist/luxury.d.ts +4861 -3274
  40. package/dist/foundational-presets/dist/luxury.js +221 -317
  41. package/dist/foundational-presets/dist/monochrome.d.ts +4861 -3274
  42. package/dist/foundational-presets/dist/monochrome.js +221 -317
  43. package/dist/foundational-presets/dist/neonCyber.d.ts +4861 -3274
  44. package/dist/foundational-presets/dist/neonCyber.js +221 -317
  45. package/dist/foundational-presets/dist/newspaper.d.ts +4861 -3274
  46. package/dist/foundational-presets/dist/newspaper.js +221 -317
  47. package/dist/foundational-presets/dist/ocean.d.ts +4861 -3274
  48. package/dist/foundational-presets/dist/ocean.js +221 -317
  49. package/dist/foundational-presets/dist/slate.d.ts +4861 -3274
  50. package/dist/foundational-presets/dist/slate.js +221 -317
  51. package/dist/foundational-presets/dist/sunset.d.ts +4861 -3274
  52. package/dist/foundational-presets/dist/sunset.js +221 -317
  53. package/dist/foundational-presets/dist/terminal.d.ts +4861 -3274
  54. package/dist/foundational-presets/dist/terminal.js +221 -317
  55. package/dist/foundational-presets/dist/warmOrganic.d.ts +4861 -3274
  56. package/dist/foundational-presets/dist/warmOrganic.js +221 -317
  57. package/dist/loader/dist/loader/dynamic-style-codegen.js +3 -2
  58. package/dist/loader/dist/loader/style-transform.js +1 -1
  59. package/dist/loader/dist/packages/core/dist/getStyles.js +1 -1
  60. package/dist/loader/dist/packages/core/dist/propMappings.js +1 -0
  61. package/dist/tsconfig.tsbuildinfo +1 -1
  62. package/dist/utils/dist/string-utils/cssVar.d.ts +4 -2
  63. package/dist/utils/dist/string-utils/cssVar.js +5 -3
  64. package/package.json +3 -3
package/dist/components/dist/sidebar.config.d.ts CHANGED
@@ -269,12 +269,12 @@ declare const sidebarConfig: ComponentConfig<{
269
269
  readonly backgroundColor: "transparent";
270
270
  readonly borderWidth: "0";
271
271
  readonly cursor: "pointer";
272
- readonly transition: "colors";
272
+ readonly transition: "color 180ms ease, background-color 180ms ease, font-weight 220ms cubic-bezier(0.4, 0, 0.2, 1)";
273
273
  readonly _hover: {
274
274
  readonly backgroundColor: string;
275
275
  readonly color: string;
276
276
  };
277
- readonly _active: {
277
+ readonly _ariaCurrent: {
278
278
  readonly backgroundColor: string;
279
279
  readonly color: string;
280
280
  readonly fontWeight: string;
@@ -296,12 +296,12 @@ declare const sidebarConfig: ComponentConfig<{
296
296
  readonly backgroundColor: "transparent";
297
297
  readonly borderWidth: "0";
298
298
  readonly cursor: "pointer";
299
- readonly transition: "colors";
299
+ readonly transition: "color 180ms ease, background-color 180ms ease, font-weight 220ms cubic-bezier(0.4, 0, 0.2, 1)";
300
300
  readonly _hover: {
301
301
  readonly backgroundColor: string;
302
302
  readonly color: string;
303
303
  };
304
- readonly _active: {
304
+ readonly _ariaCurrent: {
305
305
  readonly backgroundColor: string;
306
306
  readonly color: string;
307
307
  readonly fontWeight: string;
@@ -323,12 +323,12 @@ declare const sidebarConfig: ComponentConfig<{
323
323
  readonly backgroundColor: "transparent";
324
324
  readonly borderWidth: "0";
325
325
  readonly cursor: "pointer";
326
- readonly transition: "colors";
326
+ readonly transition: "color 180ms ease, background-color 180ms ease, font-weight 220ms cubic-bezier(0.4, 0, 0.2, 1)";
327
327
  readonly _hover: {
328
328
  readonly backgroundColor: string;
329
329
  readonly color: string;
330
330
  };
331
- readonly _active: {
331
+ readonly _ariaCurrent: {
332
332
  readonly backgroundColor: string;
333
333
  readonly color: string;
334
334
  readonly fontWeight: string;
@@ -350,12 +350,12 @@ declare const sidebarConfig: ComponentConfig<{
350
350
  readonly backgroundColor: "transparent";
351
351
  readonly borderWidth: "0";
352
352
  readonly cursor: "pointer";
353
- readonly transition: "colors";
353
+ readonly transition: "color 180ms ease, background-color 180ms ease, font-weight 220ms cubic-bezier(0.4, 0, 0.2, 1)";
354
354
  readonly _hover: {
355
355
  readonly backgroundColor: string;
356
356
  readonly color: string;
357
357
  };
358
- readonly _active: {
358
+ readonly _ariaCurrent: {
359
359
  readonly backgroundColor: string;
360
360
  readonly color: string;
361
361
  readonly fontWeight: string;
@@ -377,12 +377,12 @@ declare const sidebarConfig: ComponentConfig<{
377
377
  readonly backgroundColor: "transparent";
378
378
  readonly borderWidth: "0";
379
379
  readonly cursor: "pointer";
380
- readonly transition: "colors";
380
+ readonly transition: "color 180ms ease, background-color 180ms ease, font-weight 220ms cubic-bezier(0.4, 0, 0.2, 1)";
381
381
  readonly _hover: {
382
382
  readonly backgroundColor: string;
383
383
  readonly color: string;
384
384
  };
385
- readonly _active: {
385
+ readonly _ariaCurrent: {
386
386
  readonly backgroundColor: string;
387
387
  readonly color: string;
388
388
  readonly fontWeight: string;
@@ -404,12 +404,12 @@ declare const sidebarConfig: ComponentConfig<{
404
404
  readonly backgroundColor: "transparent";
405
405
  readonly borderWidth: "0";
406
406
  readonly cursor: "pointer";
407
- readonly transition: "colors";
407
+ readonly transition: "color 180ms ease, background-color 180ms ease, font-weight 220ms cubic-bezier(0.4, 0, 0.2, 1)";
408
408
  readonly _hover: {
409
409
  readonly backgroundColor: string;
410
410
  readonly color: string;
411
411
  };
412
- readonly _active: {
412
+ readonly _ariaCurrent: {
413
413
  readonly backgroundColor: string;
414
414
  readonly color: string;
415
415
  readonly fontWeight: string;
@@ -431,12 +431,12 @@ declare const sidebarConfig: ComponentConfig<{
431
431
  readonly backgroundColor: "transparent";
432
432
  readonly borderWidth: "0";
433
433
  readonly cursor: "pointer";
434
- readonly transition: "colors";
434
+ readonly transition: "color 180ms ease, background-color 180ms ease, font-weight 220ms cubic-bezier(0.4, 0, 0.2, 1)";
435
435
  readonly _hover: {
436
436
  readonly backgroundColor: string;
437
437
  readonly color: string;
438
438
  };
439
- readonly _active: {
439
+ readonly _ariaCurrent: {
440
440
  readonly backgroundColor: string;
441
441
  readonly color: string;
442
442
  readonly fontWeight: string;
@@ -458,12 +458,12 @@ declare const sidebarConfig: ComponentConfig<{
458
458
  readonly backgroundColor: "transparent";
459
459
  readonly borderWidth: "0";
460
460
  readonly cursor: "pointer";
461
- readonly transition: "colors";
461
+ readonly transition: "color 180ms ease, background-color 180ms ease, font-weight 220ms cubic-bezier(0.4, 0, 0.2, 1)";
462
462
  readonly _hover: {
463
463
  readonly backgroundColor: string;
464
464
  readonly color: string;
465
465
  };
466
- readonly _active: {
466
+ readonly _ariaCurrent: {
467
467
  readonly backgroundColor: string;
468
468
  readonly color: string;
469
469
  readonly fontWeight: string;
@@ -485,12 +485,12 @@ declare const sidebarConfig: ComponentConfig<{
485
485
  readonly backgroundColor: "transparent";
486
486
  readonly borderWidth: "0";
487
487
  readonly cursor: "pointer";
488
- readonly transition: "colors";
488
+ readonly transition: "color 180ms ease, background-color 180ms ease, font-weight 220ms cubic-bezier(0.4, 0, 0.2, 1)";
489
489
  readonly _hover: {
490
490
  readonly backgroundColor: string;
491
491
  readonly color: string;
492
492
  };
493
- readonly _active: {
493
+ readonly _ariaCurrent: {
494
494
  readonly backgroundColor: string;
495
495
  readonly color: string;
496
496
  readonly fontWeight: string;
@@ -512,12 +512,12 @@ declare const sidebarConfig: ComponentConfig<{
512
512
  readonly backgroundColor: "transparent";
513
513
  readonly borderWidth: "0";
514
514
  readonly cursor: "pointer";
515
- readonly transition: "colors";
515
+ readonly transition: "color 180ms ease, background-color 180ms ease, font-weight 220ms cubic-bezier(0.4, 0, 0.2, 1)";
516
516
  readonly _hover: {
517
517
  readonly backgroundColor: string;
518
518
  readonly color: string;
519
519
  };
520
- readonly _active: {
520
+ readonly _ariaCurrent: {
521
521
  readonly backgroundColor: string;
522
522
  readonly color: string;
523
523
  readonly fontWeight: string;
@@ -539,12 +539,12 @@ declare const sidebarConfig: ComponentConfig<{
539
539
  readonly backgroundColor: "transparent";
540
540
  readonly borderWidth: "0";
541
541
  readonly cursor: "pointer";
542
- readonly transition: "colors";
542
+ readonly transition: "color 180ms ease, background-color 180ms ease, font-weight 220ms cubic-bezier(0.4, 0, 0.2, 1)";
543
543
  readonly _hover: {
544
544
  readonly backgroundColor: string;
545
545
  readonly color: string;
546
546
  };
547
- readonly _active: {
547
+ readonly _ariaCurrent: {
548
548
  readonly backgroundColor: string;
549
549
  readonly color: string;
550
550
  readonly fontWeight: string;
@@ -566,12 +566,12 @@ declare const sidebarConfig: ComponentConfig<{
566
566
  readonly backgroundColor: "transparent";
567
567
  readonly borderWidth: "0";
568
568
  readonly cursor: "pointer";
569
- readonly transition: "colors";
569
+ readonly transition: "color 180ms ease, background-color 180ms ease, font-weight 220ms cubic-bezier(0.4, 0, 0.2, 1)";
570
570
  readonly _hover: {
571
571
  readonly backgroundColor: string;
572
572
  readonly color: string;
573
573
  };
574
- readonly _active: {
574
+ readonly _ariaCurrent: {
575
575
  readonly backgroundColor: string;
576
576
  readonly color: string;
577
577
  readonly fontWeight: string;
@@ -593,12 +593,12 @@ declare const sidebarConfig: ComponentConfig<{
593
593
  readonly backgroundColor: "transparent";
594
594
  readonly borderWidth: "0";
595
595
  readonly cursor: "pointer";
596
- readonly transition: "colors";
596
+ readonly transition: "color 180ms ease, background-color 180ms ease, font-weight 220ms cubic-bezier(0.4, 0, 0.2, 1)";
597
597
  readonly _hover: {
598
598
  readonly backgroundColor: string;
599
599
  readonly color: string;
600
600
  };
601
- readonly _active: {
601
+ readonly _ariaCurrent: {
602
602
  readonly backgroundColor: string;
603
603
  readonly color: string;
604
604
  readonly fontWeight: string;
@@ -620,12 +620,12 @@ declare const sidebarConfig: ComponentConfig<{
620
620
  readonly backgroundColor: "transparent";
621
621
  readonly borderWidth: "0";
622
622
  readonly cursor: "pointer";
623
- readonly transition: "colors";
623
+ readonly transition: "color 180ms ease, background-color 180ms ease, font-weight 220ms cubic-bezier(0.4, 0, 0.2, 1)";
624
624
  readonly _hover: {
625
625
  readonly backgroundColor: string;
626
626
  readonly color: string;
627
627
  };
628
- readonly _active: {
628
+ readonly _ariaCurrent: {
629
629
  readonly backgroundColor: string;
630
630
  readonly color: string;
631
631
  readonly fontWeight: string;
@@ -647,12 +647,12 @@ declare const sidebarConfig: ComponentConfig<{
647
647
  readonly backgroundColor: "transparent";
648
648
  readonly borderWidth: "0";
649
649
  readonly cursor: "pointer";
650
- readonly transition: "colors";
650
+ readonly transition: "color 180ms ease, background-color 180ms ease, font-weight 220ms cubic-bezier(0.4, 0, 0.2, 1)";
651
651
  readonly _hover: {
652
652
  readonly backgroundColor: string;
653
653
  readonly color: string;
654
654
  };
655
- readonly _active: {
655
+ readonly _ariaCurrent: {
656
656
  readonly backgroundColor: string;
657
657
  readonly color: string;
658
658
  readonly fontWeight: string;
@@ -674,12 +674,12 @@ declare const sidebarConfig: ComponentConfig<{
674
674
  readonly backgroundColor: "transparent";
675
675
  readonly borderWidth: "0";
676
676
  readonly cursor: "pointer";
677
- readonly transition: "colors";
677
+ readonly transition: "color 180ms ease, background-color 180ms ease, font-weight 220ms cubic-bezier(0.4, 0, 0.2, 1)";
678
678
  readonly _hover: {
679
679
  readonly backgroundColor: string;
680
680
  readonly color: string;
681
681
  };
682
- readonly _active: {
682
+ readonly _ariaCurrent: {
683
683
  readonly backgroundColor: string;
684
684
  readonly color: string;
685
685
  readonly fontWeight: string;
@@ -701,12 +701,12 @@ declare const sidebarConfig: ComponentConfig<{
701
701
  readonly backgroundColor: "transparent";
702
702
  readonly borderWidth: "0";
703
703
  readonly cursor: "pointer";
704
- readonly transition: "colors";
704
+ readonly transition: "color 180ms ease, background-color 180ms ease, font-weight 220ms cubic-bezier(0.4, 0, 0.2, 1)";
705
705
  readonly _hover: {
706
706
  readonly backgroundColor: string;
707
707
  readonly color: string;
708
708
  };
709
- readonly _active: {
709
+ readonly _ariaCurrent: {
710
710
  readonly backgroundColor: string;
711
711
  readonly color: string;
712
712
  readonly fontWeight: string;
@@ -728,12 +728,12 @@ declare const sidebarConfig: ComponentConfig<{
728
728
  readonly backgroundColor: "transparent";
729
729
  readonly borderWidth: "0";
730
730
  readonly cursor: "pointer";
731
- readonly transition: "colors";
731
+ readonly transition: "color 180ms ease, background-color 180ms ease, font-weight 220ms cubic-bezier(0.4, 0, 0.2, 1)";
732
732
  readonly _hover: {
733
733
  readonly backgroundColor: string;
734
734
  readonly color: string;
735
735
  };
736
- readonly _active: {
736
+ readonly _ariaCurrent: {
737
737
  readonly backgroundColor: string;
738
738
  readonly color: string;
739
739
  readonly fontWeight: string;
@@ -755,12 +755,12 @@ declare const sidebarConfig: ComponentConfig<{
755
755
  readonly backgroundColor: "transparent";
756
756
  readonly borderWidth: "0";
757
757
  readonly cursor: "pointer";
758
- readonly transition: "colors";
758
+ readonly transition: "color 180ms ease, background-color 180ms ease, font-weight 220ms cubic-bezier(0.4, 0, 0.2, 1)";
759
759
  readonly _hover: {
760
760
  readonly backgroundColor: string;
761
761
  readonly color: string;
762
762
  };
763
- readonly _active: {
763
+ readonly _ariaCurrent: {
764
764
  readonly backgroundColor: string;
765
765
  readonly color: string;
766
766
  readonly fontWeight: string;
@@ -782,12 +782,12 @@ declare const sidebarConfig: ComponentConfig<{
782
782
  readonly backgroundColor: "transparent";
783
783
  readonly borderWidth: "0";
784
784
  readonly cursor: "pointer";
785
- readonly transition: "colors";
785
+ readonly transition: "color 180ms ease, background-color 180ms ease, font-weight 220ms cubic-bezier(0.4, 0, 0.2, 1)";
786
786
  readonly _hover: {
787
787
  readonly backgroundColor: string;
788
788
  readonly color: string;
789
789
  };
790
- readonly _active: {
790
+ readonly _ariaCurrent: {
791
791
  readonly backgroundColor: string;
792
792
  readonly color: string;
793
793
  readonly fontWeight: string;
@@ -809,12 +809,12 @@ declare const sidebarConfig: ComponentConfig<{
809
809
  readonly backgroundColor: "transparent";
810
810
  readonly borderWidth: "0";
811
811
  readonly cursor: "pointer";
812
- readonly transition: "colors";
812
+ readonly transition: "color 180ms ease, background-color 180ms ease, font-weight 220ms cubic-bezier(0.4, 0, 0.2, 1)";
813
813
  readonly _hover: {
814
814
  readonly backgroundColor: string;
815
815
  readonly color: string;
816
816
  };
817
- readonly _active: {
817
+ readonly _ariaCurrent: {
818
818
  readonly backgroundColor: string;
819
819
  readonly color: string;
820
820
  readonly fontWeight: string;
@@ -836,12 +836,12 @@ declare const sidebarConfig: ComponentConfig<{
836
836
  readonly backgroundColor: "transparent";
837
837
  readonly borderWidth: "0";
838
838
  readonly cursor: "pointer";
839
- readonly transition: "colors";
839
+ readonly transition: "color 180ms ease, background-color 180ms ease, font-weight 220ms cubic-bezier(0.4, 0, 0.2, 1)";
840
840
  readonly _hover: {
841
841
  readonly backgroundColor: string;
842
842
  readonly color: string;
843
843
  };
844
- readonly _active: {
844
+ readonly _ariaCurrent: {
845
845
  readonly backgroundColor: string;
846
846
  readonly color: string;
847
847
  readonly fontWeight: string;
@@ -1050,11 +1050,11 @@ declare const sidebarConfig: ComponentConfig<{
1050
1050
  readonly backgroundColor: "transparent";
1051
1051
  readonly borderWidth: "0";
1052
1052
  readonly cursor: "pointer";
1053
- readonly transition: "colors";
1053
+ readonly transition: "color 180ms ease, font-weight 220ms cubic-bezier(0.4, 0, 0.2, 1)";
1054
1054
  readonly _hover: {
1055
1055
  readonly color: string;
1056
1056
  };
1057
- readonly _active: {
1057
+ readonly _ariaCurrent: {
1058
1058
  readonly color: string;
1059
1059
  readonly fontWeight: string;
1060
1060
  };
@@ -1074,11 +1074,11 @@ declare const sidebarConfig: ComponentConfig<{
1074
1074
  readonly backgroundColor: "transparent";
1075
1075
  readonly borderWidth: "0";
1076
1076
  readonly cursor: "pointer";
1077
- readonly transition: "colors";
1077
+ readonly transition: "color 180ms ease, font-weight 220ms cubic-bezier(0.4, 0, 0.2, 1)";
1078
1078
  readonly _hover: {
1079
1079
  readonly color: string;
1080
1080
  };
1081
- readonly _active: {
1081
+ readonly _ariaCurrent: {
1082
1082
  readonly color: string;
1083
1083
  readonly fontWeight: string;
1084
1084
  };
@@ -1098,11 +1098,11 @@ declare const sidebarConfig: ComponentConfig<{
1098
1098
  readonly backgroundColor: "transparent";
1099
1099
  readonly borderWidth: "0";
1100
1100
  readonly cursor: "pointer";
1101
- readonly transition: "colors";
1101
+ readonly transition: "color 180ms ease, font-weight 220ms cubic-bezier(0.4, 0, 0.2, 1)";
1102
1102
  readonly _hover: {
1103
1103
  readonly color: string;
1104
1104
  };
1105
- readonly _active: {
1105
+ readonly _ariaCurrent: {
1106
1106
  readonly color: string;
1107
1107
  readonly fontWeight: string;
1108
1108
  };
@@ -1122,11 +1122,11 @@ declare const sidebarConfig: ComponentConfig<{
1122
1122
  readonly backgroundColor: "transparent";
1123
1123
  readonly borderWidth: "0";
1124
1124
  readonly cursor: "pointer";
1125
- readonly transition: "colors";
1125
+ readonly transition: "color 180ms ease, font-weight 220ms cubic-bezier(0.4, 0, 0.2, 1)";
1126
1126
  readonly _hover: {
1127
1127
  readonly color: string;
1128
1128
  };
1129
- readonly _active: {
1129
+ readonly _ariaCurrent: {
1130
1130
  readonly color: string;
1131
1131
  readonly fontWeight: string;
1132
1132
  };
@@ -1146,11 +1146,11 @@ declare const sidebarConfig: ComponentConfig<{
1146
1146
  readonly backgroundColor: "transparent";
1147
1147
  readonly borderWidth: "0";
1148
1148
  readonly cursor: "pointer";
1149
- readonly transition: "colors";
1149
+ readonly transition: "color 180ms ease, font-weight 220ms cubic-bezier(0.4, 0, 0.2, 1)";
1150
1150
  readonly _hover: {
1151
1151
  readonly color: string;
1152
1152
  };
1153
- readonly _active: {
1153
+ readonly _ariaCurrent: {
1154
1154
  readonly color: string;
1155
1155
  readonly fontWeight: string;
1156
1156
  };
@@ -1170,11 +1170,11 @@ declare const sidebarConfig: ComponentConfig<{
1170
1170
  readonly backgroundColor: "transparent";
1171
1171
  readonly borderWidth: "0";
1172
1172
  readonly cursor: "pointer";
1173
- readonly transition: "colors";
1173
+ readonly transition: "color 180ms ease, font-weight 220ms cubic-bezier(0.4, 0, 0.2, 1)";
1174
1174
  readonly _hover: {
1175
1175
  readonly color: string;
1176
1176
  };
1177
- readonly _active: {
1177
+ readonly _ariaCurrent: {
1178
1178
  readonly color: string;
1179
1179
  readonly fontWeight: string;
1180
1180
  };
@@ -1194,11 +1194,11 @@ declare const sidebarConfig: ComponentConfig<{
1194
1194
  readonly backgroundColor: "transparent";
1195
1195
  readonly borderWidth: "0";
1196
1196
  readonly cursor: "pointer";
1197
- readonly transition: "colors";
1197
+ readonly transition: "color 180ms ease, font-weight 220ms cubic-bezier(0.4, 0, 0.2, 1)";
1198
1198
  readonly _hover: {
1199
1199
  readonly color: string;
1200
1200
  };
1201
- readonly _active: {
1201
+ readonly _ariaCurrent: {
1202
1202
  readonly color: string;
1203
1203
  readonly fontWeight: string;
1204
1204
  };
@@ -1218,11 +1218,11 @@ declare const sidebarConfig: ComponentConfig<{
1218
1218
  readonly backgroundColor: "transparent";
1219
1219
  readonly borderWidth: "0";
1220
1220
  readonly cursor: "pointer";
1221
- readonly transition: "colors";
1221
+ readonly transition: "color 180ms ease, font-weight 220ms cubic-bezier(0.4, 0, 0.2, 1)";
1222
1222
  readonly _hover: {
1223
1223
  readonly color: string;
1224
1224
  };
1225
- readonly _active: {
1225
+ readonly _ariaCurrent: {
1226
1226
  readonly color: string;
1227
1227
  readonly fontWeight: string;
1228
1228
  };
@@ -1242,11 +1242,11 @@ declare const sidebarConfig: ComponentConfig<{
1242
1242
  readonly backgroundColor: "transparent";
1243
1243
  readonly borderWidth: "0";
1244
1244
  readonly cursor: "pointer";
1245
- readonly transition: "colors";
1245
+ readonly transition: "color 180ms ease, font-weight 220ms cubic-bezier(0.4, 0, 0.2, 1)";
1246
1246
  readonly _hover: {
1247
1247
  readonly color: string;
1248
1248
  };
1249
- readonly _active: {
1249
+ readonly _ariaCurrent: {
1250
1250
  readonly color: string;
1251
1251
  readonly fontWeight: string;
1252
1252
  };
@@ -1266,11 +1266,11 @@ declare const sidebarConfig: ComponentConfig<{
1266
1266
  readonly backgroundColor: "transparent";
1267
1267
  readonly borderWidth: "0";
1268
1268
  readonly cursor: "pointer";
1269
- readonly transition: "colors";
1269
+ readonly transition: "color 180ms ease, font-weight 220ms cubic-bezier(0.4, 0, 0.2, 1)";
1270
1270
  readonly _hover: {
1271
1271
  readonly color: string;
1272
1272
  };
1273
- readonly _active: {
1273
+ readonly _ariaCurrent: {
1274
1274
  readonly color: string;
1275
1275
  readonly fontWeight: string;
1276
1276
  };
@@ -1290,11 +1290,11 @@ declare const sidebarConfig: ComponentConfig<{
1290
1290
  readonly backgroundColor: "transparent";
1291
1291
  readonly borderWidth: "0";
1292
1292
  readonly cursor: "pointer";
1293
- readonly transition: "colors";
1293
+ readonly transition: "color 180ms ease, font-weight 220ms cubic-bezier(0.4, 0, 0.2, 1)";
1294
1294
  readonly _hover: {
1295
1295
  readonly color: string;
1296
1296
  };
1297
- readonly _active: {
1297
+ readonly _ariaCurrent: {
1298
1298
  readonly color: string;
1299
1299
  readonly fontWeight: string;
1300
1300
  };
@@ -1314,11 +1314,11 @@ declare const sidebarConfig: ComponentConfig<{
1314
1314
  readonly backgroundColor: "transparent";
1315
1315
  readonly borderWidth: "0";
1316
1316
  readonly cursor: "pointer";
1317
- readonly transition: "colors";
1317
+ readonly transition: "color 180ms ease, font-weight 220ms cubic-bezier(0.4, 0, 0.2, 1)";
1318
1318
  readonly _hover: {
1319
1319
  readonly color: string;
1320
1320
  };
1321
- readonly _active: {
1321
+ readonly _ariaCurrent: {
1322
1322
  readonly color: string;
1323
1323
  readonly fontWeight: string;
1324
1324
  };
@@ -1338,11 +1338,11 @@ declare const sidebarConfig: ComponentConfig<{
1338
1338
  readonly backgroundColor: "transparent";
1339
1339
  readonly borderWidth: "0";
1340
1340
  readonly cursor: "pointer";
1341
- readonly transition: "colors";
1341
+ readonly transition: "color 180ms ease, font-weight 220ms cubic-bezier(0.4, 0, 0.2, 1)";
1342
1342
  readonly _hover: {
1343
1343
  readonly color: string;
1344
1344
  };
1345
- readonly _active: {
1345
+ readonly _ariaCurrent: {
1346
1346
  readonly color: string;
1347
1347
  readonly fontWeight: string;
1348
1348
  };
@@ -1362,11 +1362,11 @@ declare const sidebarConfig: ComponentConfig<{
1362
1362
  readonly backgroundColor: "transparent";
1363
1363
  readonly borderWidth: "0";
1364
1364
  readonly cursor: "pointer";
1365
- readonly transition: "colors";
1365
+ readonly transition: "color 180ms ease, font-weight 220ms cubic-bezier(0.4, 0, 0.2, 1)";
1366
1366
  readonly _hover: {
1367
1367
  readonly color: string;
1368
1368
  };
1369
- readonly _active: {
1369
+ readonly _ariaCurrent: {
1370
1370
  readonly color: string;
1371
1371
  readonly fontWeight: string;
1372
1372
  };
@@ -1386,11 +1386,11 @@ declare const sidebarConfig: ComponentConfig<{
1386
1386
  readonly backgroundColor: "transparent";
1387
1387
  readonly borderWidth: "0";
1388
1388
  readonly cursor: "pointer";
1389
- readonly transition: "colors";
1389
+ readonly transition: "color 180ms ease, font-weight 220ms cubic-bezier(0.4, 0, 0.2, 1)";
1390
1390
  readonly _hover: {
1391
1391
  readonly color: string;
1392
1392
  };
1393
- readonly _active: {
1393
+ readonly _ariaCurrent: {
1394
1394
  readonly color: string;
1395
1395
  readonly fontWeight: string;
1396
1396
  };
@@ -1410,11 +1410,11 @@ declare const sidebarConfig: ComponentConfig<{
1410
1410
  readonly backgroundColor: "transparent";
1411
1411
  readonly borderWidth: "0";
1412
1412
  readonly cursor: "pointer";
1413
- readonly transition: "colors";
1413
+ readonly transition: "color 180ms ease, font-weight 220ms cubic-bezier(0.4, 0, 0.2, 1)";
1414
1414
  readonly _hover: {
1415
1415
  readonly color: string;
1416
1416
  };
1417
- readonly _active: {
1417
+ readonly _ariaCurrent: {
1418
1418
  readonly color: string;
1419
1419
  readonly fontWeight: string;
1420
1420
  };
@@ -1434,11 +1434,11 @@ declare const sidebarConfig: ComponentConfig<{
1434
1434
  readonly backgroundColor: "transparent";
1435
1435
  readonly borderWidth: "0";
1436
1436
  readonly cursor: "pointer";
1437
- readonly transition: "colors";
1437
+ readonly transition: "color 180ms ease, font-weight 220ms cubic-bezier(0.4, 0, 0.2, 1)";
1438
1438
  readonly _hover: {
1439
1439
  readonly color: string;
1440
1440
  };
1441
- readonly _active: {
1441
+ readonly _ariaCurrent: {
1442
1442
  readonly color: string;
1443
1443
  readonly fontWeight: string;
1444
1444
  };
@@ -1458,11 +1458,11 @@ declare const sidebarConfig: ComponentConfig<{
1458
1458
  readonly backgroundColor: "transparent";
1459
1459
  readonly borderWidth: "0";
1460
1460
  readonly cursor: "pointer";
1461
- readonly transition: "colors";
1461
+ readonly transition: "color 180ms ease, font-weight 220ms cubic-bezier(0.4, 0, 0.2, 1)";
1462
1462
  readonly _hover: {
1463
1463
  readonly color: string;
1464
1464
  };
1465
- readonly _active: {
1465
+ readonly _ariaCurrent: {
1466
1466
  readonly color: string;
1467
1467
  readonly fontWeight: string;
1468
1468
  };
@@ -1482,11 +1482,11 @@ declare const sidebarConfig: ComponentConfig<{
1482
1482
  readonly backgroundColor: "transparent";
1483
1483
  readonly borderWidth: "0";
1484
1484
  readonly cursor: "pointer";
1485
- readonly transition: "colors";
1485
+ readonly transition: "color 180ms ease, font-weight 220ms cubic-bezier(0.4, 0, 0.2, 1)";
1486
1486
  readonly _hover: {
1487
1487
  readonly color: string;
1488
1488
  };
1489
- readonly _active: {
1489
+ readonly _ariaCurrent: {
1490
1490
  readonly color: string;
1491
1491
  readonly fontWeight: string;
1492
1492
  };
@@ -1506,11 +1506,11 @@ declare const sidebarConfig: ComponentConfig<{
1506
1506
  readonly backgroundColor: "transparent";
1507
1507
  readonly borderWidth: "0";
1508
1508
  readonly cursor: "pointer";
1509
- readonly transition: "colors";
1509
+ readonly transition: "color 180ms ease, font-weight 220ms cubic-bezier(0.4, 0, 0.2, 1)";
1510
1510
  readonly _hover: {
1511
1511
  readonly color: string;
1512
1512
  };
1513
- readonly _active: {
1513
+ readonly _ariaCurrent: {
1514
1514
  readonly color: string;
1515
1515
  readonly fontWeight: string;
1516
1516
  };
@@ -1530,11 +1530,11 @@ declare const sidebarConfig: ComponentConfig<{
1530
1530
  readonly backgroundColor: "transparent";
1531
1531
  readonly borderWidth: "0";
1532
1532
  readonly cursor: "pointer";
1533
- readonly transition: "colors";
1533
+ readonly transition: "color 180ms ease, font-weight 220ms cubic-bezier(0.4, 0, 0.2, 1)";
1534
1534
  readonly _hover: {
1535
1535
  readonly color: string;
1536
1536
  };
1537
- readonly _active: {
1537
+ readonly _ariaCurrent: {
1538
1538
  readonly color: string;
1539
1539
  readonly fontWeight: string;
1540
1540
  };
@@ -1554,11 +1554,11 @@ declare const sidebarConfig: ComponentConfig<{
1554
1554
  readonly backgroundColor: "transparent";
1555
1555
  readonly borderWidth: "0";
1556
1556
  readonly cursor: "pointer";
1557
- readonly transition: "colors";
1557
+ readonly transition: "color 180ms ease, font-weight 220ms cubic-bezier(0.4, 0, 0.2, 1)";
1558
1558
  readonly _hover: {
1559
1559
  readonly color: string;
1560
1560
  };
1561
- readonly _active: {
1561
+ readonly _ariaCurrent: {
1562
1562
  readonly color: string;
1563
1563
  readonly fontWeight: string;
1564
1564
  };
package/dist/components/dist/sidebar.config.js CHANGED
@@ -75,12 +75,12 @@ const sidebarConfig = defaultFoundationPreset.defineComponent("Sidebar", ({ toke
75
75
  backgroundColor: "transparent",
76
76
  borderWidth: "0",
77
77
  cursor: "pointer",
78
- transition: "colors",
78
+ transition: "color 180ms ease, background-color 180ms ease, font-weight 220ms cubic-bezier(0.4, 0, 0.2, 1)",
79
79
  _hover: {
80
80
  backgroundColor: tokens.bg.tertiary,
81
81
  color: tokens.color["on-primary"]
82
82
  },
83
- _active: {
83
+ _ariaCurrent: {
84
84
  backgroundColor: tokens.bg.secondary,
85
85
  color: tokens.color["on-primary"],
86
86
  fontWeight: tokens.fontWeight.medium
@@ -138,9 +138,9 @@ const sidebarConfig = defaultFoundationPreset.defineComponent("Sidebar", ({ toke
138
138
  backgroundColor: "transparent",
139
139
  borderWidth: "0",
140
140
  cursor: "pointer",
141
- transition: "colors",
141
+ transition: "color 180ms ease, font-weight 220ms cubic-bezier(0.4, 0, 0.2, 1)",
142
142
  _hover: { color: tokens.color["on-primary"] },
143
- _active: {
143
+ _ariaCurrent: {
144
144
  color: tokens.color["on-primary"],
145
145
  fontWeight: tokens.fontWeight.medium
146
146
  }