@yahoo/uds 3.148.0 → 3.149.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.
@@ -336,91 +336,96 @@
336
336
  "runtimeConfigInternalComponentProps": {},
337
337
  "motionVarPrefixes": []
338
338
  },
339
- "AnimateHeightChange": {
340
- "name": "AnimateHeightChange",
341
- "defaultProps": {},
342
- "getStylesLiterals": {},
343
- "cxLiterals": [
344
- "overflow-hidden"
345
- ],
346
- "internalComponents": [
347
- "SpringMotionConfig"
348
- ],
349
- "internalComponentProps": {
350
- "SpringMotionConfig": {
351
- "layoutSpeed": [
352
- "4"
353
- ]
354
- }
355
- },
356
- "propToVariantKeys": {
357
- "reduceMotion": [
358
- "reducedMotion"
359
- ]
360
- },
361
- "runtimeConfigDefaultProps": {},
362
- "runtimeConfigGetStyles": {},
363
- "runtimeConfigInternalComponentProps": {},
364
- "motionVarPrefixes": [
365
- "--uds-motion-subtle-4-",
366
- "--uds-motion-smooth-3-"
367
- ]
368
- },
369
- "Badge": {
370
- "name": "Badge",
339
+ "Banner": {
340
+ "name": "Banner",
371
341
  "defaultProps": {
372
342
  "variant": "primary",
373
- "size": "md"
343
+ "size": "default",
344
+ "dismissAriaLabel": "Dismiss"
345
+ },
346
+ "getStylesLiterals": {
347
+ "className": "truncate",
348
+ "className:1": "line-clamp-3",
349
+ "spacing": "2",
350
+ "borderRadius": "full",
351
+ "color": "primary"
374
352
  },
375
- "getStylesLiterals": {},
376
353
  "cxLiterals": [
377
- "uds-badge",
378
- "uds-badge-variant",
379
- "uds-badge-size",
380
- "uds-badge-iconSize",
381
- "uds-badge-iconColor",
354
+ "uds-banner",
355
+ "flex",
356
+ "flex-row",
357
+ "items-center",
358
+ "items-start",
359
+ "min-w-[300px]",
360
+ "transition-[background-color]",
361
+ "motion-safe:duration-120",
362
+ "bg-carbon-15/0",
363
+ "hover:bg-carbon-15/10",
364
+ "active:bg-carbon-15/15",
365
+ "uds-ring",
366
+ "shrink-0",
367
+ "self-start",
382
368
  "flex-1",
369
+ "min-w-0",
370
+ "flex-col",
371
+ "gap-[inherit]",
372
+ "uds-sm:flex-row",
373
+ "uds-sm:items-center",
374
+ "self-stretch",
375
+ "gap-0.5",
376
+ "w-full",
383
377
  "truncate",
384
- "whitespace-nowrap",
385
- "text-center"
378
+ "leading-none",
379
+ "line-clamp-3",
380
+ "gap-1.5",
381
+ "uds-sm:self-center",
382
+ "uds-sm:shrink-0"
386
383
  ],
387
384
  "internalComponents": [
388
385
  "IconSlot",
389
- "HStack"
386
+ "Text",
387
+ "Pressable"
390
388
  ],
391
389
  "internalComponentProps": {
392
390
  "IconSlot": {
393
391
  "data-testid": [
394
- "start-icon",
395
- "end-icon"
392
+ "banner-start-icon"
396
393
  ]
397
394
  },
398
- "HStack": {
399
- "gap": [
400
- "2"
401
- ],
402
- "display": [
403
- "inline-flex"
404
- ],
405
- "alignItems": [
406
- "center"
395
+ "Text": {
396
+ "data-testid": [
397
+ "banner-title",
398
+ "banner-description"
399
+ ]
400
+ },
401
+ "Pressable": {
402
+ "data-testid": [
403
+ "banner-dismiss"
407
404
  ]
408
405
  }
409
406
  },
410
407
  "propToVariantKeys": {
411
- "size": [
412
- "badgeSizeRoot",
413
- "badgeSizeIcon"
414
- ],
415
408
  "variant": [
416
- "badgeVariantRoot",
417
- "badgeVariantIcon"
409
+ "bannerVariantRoot",
410
+ "bannerVariantIcon",
411
+ "bannerVariantTitle",
412
+ "bannerVariantDescription"
413
+ ],
414
+ "size": [
415
+ "bannerSizeRoot",
416
+ "bannerSizeIcon",
417
+ "bannerSizeTitle",
418
+ "bannerSizeDescription",
419
+ "bannerSizeClose"
418
420
  ],
419
421
  "startIcon": [
420
422
  "icon"
421
423
  ],
422
- "endIcon": [
423
- "icon"
424
+ "dismissAriaLabel": [
425
+ "aria-label"
426
+ ],
427
+ "onDismiss": [
428
+ "onClick"
424
429
  ]
425
430
  },
426
431
  "runtimeConfigDefaultProps": {},
@@ -428,73 +433,325 @@
428
433
  "runtimeConfigInternalComponentProps": {},
429
434
  "motionVarPrefixes": []
430
435
  },
431
- "Button": {
432
- "name": "Button",
436
+ "BannerContent": {
437
+ "name": "BannerContent",
438
+ "defaultProps": {},
439
+ "getStylesLiterals": {},
440
+ "cxLiterals": [
441
+ "flex",
442
+ "flex-col",
443
+ "items-start",
444
+ "self-stretch",
445
+ "flex-1",
446
+ "min-w-0"
447
+ ],
448
+ "internalComponents": [],
449
+ "internalComponentProps": {},
450
+ "propToVariantKeys": {},
451
+ "runtimeConfigDefaultProps": {},
452
+ "runtimeConfigGetStyles": {},
453
+ "runtimeConfigInternalComponentProps": {},
454
+ "motionVarPrefixes": []
455
+ },
456
+ "BannerDescription": {
457
+ "name": "BannerDescription",
458
+ "defaultProps": {},
459
+ "getStylesLiterals": {
460
+ "bannerSizeDescription": "default",
461
+ "className": "w-full line-clamp-3"
462
+ },
463
+ "cxLiterals": [],
464
+ "internalComponents": [
465
+ "Text"
466
+ ],
467
+ "internalComponentProps": {},
468
+ "propToVariantKeys": {},
469
+ "runtimeConfigDefaultProps": {},
470
+ "runtimeConfigGetStyles": {},
471
+ "runtimeConfigInternalComponentProps": {},
472
+ "motionVarPrefixes": []
473
+ },
474
+ "BannerTitle": {
475
+ "name": "BannerTitle",
476
+ "defaultProps": {},
477
+ "getStylesLiterals": {
478
+ "bannerSizeTitle": "default"
479
+ },
480
+ "cxLiterals": [
481
+ "w-full",
482
+ "truncate"
483
+ ],
484
+ "internalComponents": [
485
+ "Text"
486
+ ],
487
+ "internalComponentProps": {},
488
+ "propToVariantKeys": {},
489
+ "runtimeConfigDefaultProps": {},
490
+ "runtimeConfigGetStyles": {},
491
+ "runtimeConfigInternalComponentProps": {},
492
+ "motionVarPrefixes": []
493
+ },
494
+ "Divider": {
495
+ "name": "Divider",
433
496
  "defaultProps": {
434
- "type": "button"
497
+ "variant": "primary",
498
+ "contentPosition": "center"
435
499
  },
436
500
  "getStylesLiterals": {},
437
501
  "cxLiterals": [
438
- "uds-ring",
439
- "uds-hit-target",
440
- "inline-flex",
441
- "overflow-hidden",
442
- "justify-center",
443
- "items-center",
444
- "whitespace-nowrap",
445
- "select-none",
446
- "[transform-origin:center]",
447
- "[backface-visibility:hidden]",
448
- "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
449
- "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
450
- "[transition-duration:220ms]",
451
- "cursor-not-allowed",
452
- "uds-button-loading",
453
- "uds-button-without-effects",
454
- "withIcon",
455
- "uds-button-with-gap",
456
- "animate-spin",
457
- "truncate"
502
+ "inherit"
458
503
  ],
459
504
  "internalComponents": [
460
- "Icon",
461
- "IconSlot",
462
- "AnimatePresence",
463
- "SpringMotionConfig",
464
- "MotionSlot"
505
+ "DividerLine",
506
+ "DividerLabel",
507
+ "InternalComponent",
508
+ "Box"
465
509
  ],
466
510
  "internalComponentProps": {
467
- "Icon": {
468
- "color": [
469
- "current"
470
- ]
471
- },
472
- "AnimatePresence": {
473
- "mode": [
474
- "popLayout"
475
- ]
476
- },
477
- "SpringMotionConfig": {
478
- "layoutSpeed": [
479
- "3"
511
+ "InternalComponent": {
512
+ "alignItems": [
513
+ "center"
514
+ ],
515
+ "flex": [
516
+ "1"
480
517
  ]
481
518
  },
482
- "MotionSlot": {
483
- "whileHover": [
484
- "hover"
519
+ "Box": {
520
+ "display": [
521
+ "flex"
485
522
  ],
486
- "whileTap": [
487
- "pressed"
523
+ "flex": [
524
+ "none"
488
525
  ]
489
526
  }
490
527
  },
491
528
  "propToVariantKeys": {
492
- "size": [
493
- "buttonSizeRoot",
494
- "buttonSizeIcon"
495
- ],
496
529
  "variant": [
497
- "buttonVariantRoot",
530
+ "dividerVariantRoot"
531
+ ]
532
+ },
533
+ "runtimeConfigDefaultProps": {},
534
+ "runtimeConfigGetStyles": {},
535
+ "runtimeConfigInternalComponentProps": {},
536
+ "motionVarPrefixes": []
537
+ },
538
+ "DividerLabel": {
539
+ "name": "DividerLabel",
540
+ "defaultProps": {
541
+ "variant": "primary",
542
+ "textVariant": "inherit",
543
+ "color": "inherit",
544
+ "as": "span"
545
+ },
546
+ "getStylesLiterals": {},
547
+ "cxLiterals": [
548
+ "inherit"
549
+ ],
550
+ "internalComponents": [
551
+ "Text"
552
+ ],
553
+ "internalComponentProps": {},
554
+ "propToVariantKeys": {
555
+ "variant": [
556
+ "dividerVariantLabel"
557
+ ],
558
+ "textVariant": [
559
+ "variant"
560
+ ]
561
+ },
562
+ "runtimeConfigDefaultProps": {},
563
+ "runtimeConfigGetStyles": {},
564
+ "runtimeConfigInternalComponentProps": {},
565
+ "motionVarPrefixes": []
566
+ },
567
+ "DividerLine": {
568
+ "name": "DividerLine",
569
+ "defaultProps": {
570
+ "variant": "primary"
571
+ },
572
+ "getStylesLiterals": {},
573
+ "cxLiterals": [
574
+ "inherit"
575
+ ],
576
+ "internalComponents": [
577
+ "Box"
578
+ ],
579
+ "internalComponentProps": {
580
+ "Box": {
581
+ "flex": [
582
+ "1"
583
+ ]
584
+ }
585
+ },
586
+ "propToVariantKeys": {
587
+ "variant": [
588
+ "dividerVariantLine"
589
+ ]
590
+ },
591
+ "runtimeConfigDefaultProps": {},
592
+ "runtimeConfigGetStyles": {},
593
+ "runtimeConfigInternalComponentProps": {},
594
+ "motionVarPrefixes": []
595
+ },
596
+ "AnimateHeightChange": {
597
+ "name": "AnimateHeightChange",
598
+ "defaultProps": {},
599
+ "getStylesLiterals": {},
600
+ "cxLiterals": [
601
+ "overflow-hidden"
602
+ ],
603
+ "internalComponents": [
604
+ "SpringMotionConfig"
605
+ ],
606
+ "internalComponentProps": {
607
+ "SpringMotionConfig": {
608
+ "layoutSpeed": [
609
+ "4"
610
+ ]
611
+ }
612
+ },
613
+ "propToVariantKeys": {
614
+ "reduceMotion": [
615
+ "reducedMotion"
616
+ ]
617
+ },
618
+ "runtimeConfigDefaultProps": {},
619
+ "runtimeConfigGetStyles": {},
620
+ "runtimeConfigInternalComponentProps": {},
621
+ "motionVarPrefixes": [
622
+ "--uds-motion-subtle-4-",
623
+ "--uds-motion-smooth-3-"
624
+ ]
625
+ },
626
+ "Badge": {
627
+ "name": "Badge",
628
+ "defaultProps": {
629
+ "variant": "primary",
630
+ "size": "md"
631
+ },
632
+ "getStylesLiterals": {},
633
+ "cxLiterals": [
634
+ "uds-badge",
635
+ "uds-badge-variant",
636
+ "uds-badge-size",
637
+ "uds-badge-iconSize",
638
+ "uds-badge-iconColor",
639
+ "flex-1",
640
+ "truncate",
641
+ "whitespace-nowrap",
642
+ "text-center"
643
+ ],
644
+ "internalComponents": [
645
+ "IconSlot",
646
+ "HStack"
647
+ ],
648
+ "internalComponentProps": {
649
+ "IconSlot": {
650
+ "data-testid": [
651
+ "start-icon",
652
+ "end-icon"
653
+ ]
654
+ },
655
+ "HStack": {
656
+ "gap": [
657
+ "2"
658
+ ],
659
+ "display": [
660
+ "inline-flex"
661
+ ],
662
+ "alignItems": [
663
+ "center"
664
+ ]
665
+ }
666
+ },
667
+ "propToVariantKeys": {
668
+ "size": [
669
+ "badgeSizeRoot",
670
+ "badgeSizeIcon"
671
+ ],
672
+ "variant": [
673
+ "badgeVariantRoot",
674
+ "badgeVariantIcon"
675
+ ],
676
+ "startIcon": [
677
+ "icon"
678
+ ],
679
+ "endIcon": [
680
+ "icon"
681
+ ]
682
+ },
683
+ "runtimeConfigDefaultProps": {},
684
+ "runtimeConfigGetStyles": {},
685
+ "runtimeConfigInternalComponentProps": {},
686
+ "motionVarPrefixes": []
687
+ },
688
+ "Button": {
689
+ "name": "Button",
690
+ "defaultProps": {
691
+ "type": "button"
692
+ },
693
+ "getStylesLiterals": {},
694
+ "cxLiterals": [
695
+ "uds-ring",
696
+ "uds-hit-target",
697
+ "inline-flex",
698
+ "overflow-hidden",
699
+ "justify-center",
700
+ "items-center",
701
+ "whitespace-nowrap",
702
+ "select-none",
703
+ "[transform-origin:center]",
704
+ "[backface-visibility:hidden]",
705
+ "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
706
+ "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
707
+ "[transition-duration:220ms]",
708
+ "cursor-not-allowed",
709
+ "uds-button-loading",
710
+ "uds-button-without-effects",
711
+ "withIcon",
712
+ "uds-button-with-gap",
713
+ "animate-spin",
714
+ "truncate"
715
+ ],
716
+ "internalComponents": [
717
+ "Icon",
718
+ "IconSlot",
719
+ "AnimatePresence",
720
+ "SpringMotionConfig",
721
+ "MotionSlot"
722
+ ],
723
+ "internalComponentProps": {
724
+ "Icon": {
725
+ "color": [
726
+ "current"
727
+ ]
728
+ },
729
+ "AnimatePresence": {
730
+ "mode": [
731
+ "popLayout"
732
+ ]
733
+ },
734
+ "SpringMotionConfig": {
735
+ "layoutSpeed": [
736
+ "3"
737
+ ]
738
+ },
739
+ "MotionSlot": {
740
+ "whileHover": [
741
+ "hover"
742
+ ],
743
+ "whileTap": [
744
+ "pressed"
745
+ ]
746
+ }
747
+ },
748
+ "propToVariantKeys": {
749
+ "size": [
750
+ "buttonSizeRoot",
751
+ "buttonSizeIcon"
752
+ ],
753
+ "variant": [
754
+ "buttonVariantRoot",
498
755
  "buttonVariantIcon"
499
756
  ],
500
757
  "iconVariant": [
@@ -928,128 +1185,26 @@
928
1185
  "runtimeConfigInternalComponentProps": {},
929
1186
  "motionVarPrefixes": []
930
1187
  },
931
- "Divider": {
932
- "name": "Divider",
1188
+ "Avatar": {
1189
+ "name": "Avatar",
1190
+ "defaultProps": {},
1191
+ "getStylesLiterals": {},
1192
+ "cxLiterals": [],
1193
+ "internalComponents": [
1194
+ "AvatarImage"
1195
+ ],
1196
+ "internalComponentProps": {},
1197
+ "propToVariantKeys": {},
1198
+ "runtimeConfigDefaultProps": {},
1199
+ "runtimeConfigGetStyles": {},
1200
+ "runtimeConfigInternalComponentProps": {},
1201
+ "motionVarPrefixes": []
1202
+ },
1203
+ "AvatarIcon": {
1204
+ "name": "AvatarIcon",
933
1205
  "defaultProps": {
934
- "variant": "primary",
935
- "contentPosition": "center"
936
- },
937
- "getStylesLiterals": {},
938
- "cxLiterals": [
939
- "inherit"
940
- ],
941
- "internalComponents": [
942
- "DividerLine",
943
- "DividerLabel",
944
- "InternalComponent",
945
- "Box"
946
- ],
947
- "internalComponentProps": {
948
- "InternalComponent": {
949
- "alignItems": [
950
- "center"
951
- ],
952
- "flex": [
953
- "1"
954
- ]
955
- },
956
- "Box": {
957
- "display": [
958
- "flex"
959
- ],
960
- "flex": [
961
- "none"
962
- ]
963
- }
964
- },
965
- "propToVariantKeys": {
966
- "variant": [
967
- "dividerVariantRoot"
968
- ]
969
- },
970
- "runtimeConfigDefaultProps": {},
971
- "runtimeConfigGetStyles": {},
972
- "runtimeConfigInternalComponentProps": {},
973
- "motionVarPrefixes": []
974
- },
975
- "DividerLabel": {
976
- "name": "DividerLabel",
977
- "defaultProps": {
978
- "variant": "primary",
979
- "textVariant": "inherit",
980
- "color": "inherit",
981
- "as": "span"
982
- },
983
- "getStylesLiterals": {},
984
- "cxLiterals": [
985
- "inherit"
986
- ],
987
- "internalComponents": [
988
- "Text"
989
- ],
990
- "internalComponentProps": {},
991
- "propToVariantKeys": {
992
- "variant": [
993
- "dividerVariantLabel"
994
- ],
995
- "textVariant": [
996
- "variant"
997
- ]
998
- },
999
- "runtimeConfigDefaultProps": {},
1000
- "runtimeConfigGetStyles": {},
1001
- "runtimeConfigInternalComponentProps": {},
1002
- "motionVarPrefixes": []
1003
- },
1004
- "DividerLine": {
1005
- "name": "DividerLine",
1006
- "defaultProps": {
1007
- "variant": "primary"
1008
- },
1009
- "getStylesLiterals": {},
1010
- "cxLiterals": [
1011
- "inherit"
1012
- ],
1013
- "internalComponents": [
1014
- "Box"
1015
- ],
1016
- "internalComponentProps": {
1017
- "Box": {
1018
- "flex": [
1019
- "1"
1020
- ]
1021
- }
1022
- },
1023
- "propToVariantKeys": {
1024
- "variant": [
1025
- "dividerVariantLine"
1026
- ]
1027
- },
1028
- "runtimeConfigDefaultProps": {},
1029
- "runtimeConfigGetStyles": {},
1030
- "runtimeConfigInternalComponentProps": {},
1031
- "motionVarPrefixes": []
1032
- },
1033
- "Avatar": {
1034
- "name": "Avatar",
1035
- "defaultProps": {},
1036
- "getStylesLiterals": {},
1037
- "cxLiterals": [],
1038
- "internalComponents": [
1039
- "AvatarImage"
1040
- ],
1041
- "internalComponentProps": {},
1042
- "propToVariantKeys": {},
1043
- "runtimeConfigDefaultProps": {},
1044
- "runtimeConfigGetStyles": {},
1045
- "runtimeConfigInternalComponentProps": {},
1046
- "motionVarPrefixes": []
1047
- },
1048
- "AvatarIcon": {
1049
- "name": "AvatarIcon",
1050
- "defaultProps": {
1051
- "size": "md",
1052
- "variant": "primary"
1206
+ "size": "md",
1207
+ "variant": "primary"
1053
1208
  },
1054
1209
  "getStylesLiterals": {},
1055
1210
  "cxLiterals": [
@@ -1951,6 +2106,7 @@
1951
2106
  "transition-[font-variation-settings]",
1952
2107
  "ease-in-out",
1953
2108
  "z-0",
2109
+ "truncate",
1954
2110
  "uds-start-icon",
1955
2111
  "uds-end-icon"
1956
2112
  ],
@@ -2579,241 +2735,86 @@
2579
2735
  "runtimeConfigInternalComponentProps": {},
2580
2736
  "motionVarPrefixes": []
2581
2737
  },
2582
- "Banner": {
2583
- "name": "Banner",
2584
- "defaultProps": {
2585
- "variant": "primary",
2586
- "size": "default",
2587
- "dismissAriaLabel": "Dismiss"
2738
+ "Popover": {
2739
+ "name": "Popover",
2740
+ "defaultProps": {},
2741
+ "getStylesLiterals": {},
2742
+ "cxLiterals": [
2743
+ "uds:popover-open"
2744
+ ],
2745
+ "internalComponents": [
2746
+ "PopoverInternalContext.Provider",
2747
+ "PopoverProvider"
2748
+ ],
2749
+ "internalComponentProps": {},
2750
+ "propToVariantKeys": {},
2751
+ "runtimeConfigDefaultProps": {
2752
+ "size": "popover.defaultSize",
2753
+ "variant": "popover.defaultVariant"
2588
2754
  },
2755
+ "runtimeConfigGetStyles": {},
2756
+ "runtimeConfigInternalComponentProps": {},
2757
+ "motionVarPrefixes": []
2758
+ },
2759
+ "PopoverContent": {
2760
+ "name": "PopoverContent",
2761
+ "defaultProps": {},
2589
2762
  "getStylesLiterals": {
2590
- "className": "truncate",
2591
- "className:1": "line-clamp-3",
2592
- "spacing": "2",
2763
+ "popoverSizeRoot": "default",
2764
+ "popoverVariantRoot": "default",
2765
+ "display": "flex",
2766
+ "position": "relative",
2767
+ "display:1": "block",
2768
+ "spacingTop": "0",
2769
+ "spacingStart": "0",
2770
+ "spacingBottom": "0",
2771
+ "spacingEnd": "0",
2772
+ "popoverSizeSvgBase": "default",
2773
+ "popoverVariantSvgBase": "default",
2774
+ "popoverSizeSvgBorder": "default",
2775
+ "popoverVariantSvgBorder": "default",
2776
+ "popoverVariantBlur": "default",
2777
+ "position:1": "absolute",
2778
+ "width": "full",
2779
+ "height": "full",
2780
+ "flexShrink": "0",
2593
2781
  "borderRadius": "full",
2594
- "color": "primary"
2782
+ "alignItems": "center",
2783
+ "justifyContent": "center",
2784
+ "popoverVariantCloseIcon": "default",
2785
+ "popoverSizeCloseIcon": "default"
2595
2786
  },
2596
2787
  "cxLiterals": [
2597
- "uds-banner",
2598
- "flex",
2599
- "flex-row",
2600
- "items-center",
2601
- "items-start",
2602
- "min-w-[300px]",
2788
+ "z-[9999]",
2789
+ "outline-none",
2790
+ "focus-visible:outline-none",
2791
+ "uds-bgBlurFillFallback",
2792
+ "uds-bgBlurFallback",
2793
+ "top-0",
2794
+ "left-0",
2795
+ "z-[1]",
2796
+ "duration-0",
2797
+ "duration-120",
2603
2798
  "transition-[background-color]",
2604
- "motion-safe:duration-120",
2605
2799
  "bg-carbon-15/0",
2606
2800
  "hover:bg-carbon-15/10",
2607
2801
  "active:bg-carbon-15/15",
2608
2802
  "uds-ring",
2609
- "shrink-0",
2610
- "self-start",
2611
- "flex-1",
2612
- "min-w-0",
2613
- "flex-col",
2614
- "gap-[inherit]",
2615
- "uds-sm:flex-row",
2616
- "uds-sm:items-center",
2617
- "self-stretch",
2618
- "gap-0.5",
2619
- "w-full",
2620
- "truncate",
2621
- "leading-none",
2622
- "line-clamp-3",
2623
- "gap-1.5",
2624
- "uds-sm:self-center",
2625
- "uds-sm:shrink-0"
2803
+ "absolute",
2804
+ "z-[4]"
2626
2805
  ],
2627
2806
  "internalComponents": [
2807
+ "PopoverDismiss",
2628
2808
  "IconSlot",
2629
- "Text",
2809
+ "PopoverArrow",
2810
+ "Popover",
2811
+ "SvgFloatingOverlay",
2812
+ "Box",
2630
2813
  "Pressable"
2631
2814
  ],
2632
- "internalComponentProps": {
2633
- "IconSlot": {
2634
- "data-testid": [
2635
- "banner-start-icon"
2636
- ]
2637
- },
2638
- "Text": {
2639
- "data-testid": [
2640
- "banner-title",
2641
- "banner-description"
2642
- ]
2643
- },
2644
- "Pressable": {
2645
- "data-testid": [
2646
- "banner-dismiss"
2647
- ]
2648
- }
2649
- },
2815
+ "internalComponentProps": {},
2650
2816
  "propToVariantKeys": {
2651
- "variant": [
2652
- "bannerVariantRoot",
2653
- "bannerVariantIcon",
2654
- "bannerVariantTitle",
2655
- "bannerVariantDescription"
2656
- ],
2657
- "size": [
2658
- "bannerSizeRoot",
2659
- "bannerSizeIcon",
2660
- "bannerSizeTitle",
2661
- "bannerSizeDescription",
2662
- "bannerSizeClose"
2663
- ],
2664
- "startIcon": [
2665
- "icon"
2666
- ],
2667
- "dismissAriaLabel": [
2668
- "aria-label"
2669
- ],
2670
- "onDismiss": [
2671
- "onClick"
2672
- ]
2673
- },
2674
- "runtimeConfigDefaultProps": {},
2675
- "runtimeConfigGetStyles": {},
2676
- "runtimeConfigInternalComponentProps": {},
2677
- "motionVarPrefixes": []
2678
- },
2679
- "BannerContent": {
2680
- "name": "BannerContent",
2681
- "defaultProps": {},
2682
- "getStylesLiterals": {},
2683
- "cxLiterals": [
2684
- "flex",
2685
- "flex-col",
2686
- "items-start",
2687
- "self-stretch",
2688
- "flex-1",
2689
- "min-w-0"
2690
- ],
2691
- "internalComponents": [],
2692
- "internalComponentProps": {},
2693
- "propToVariantKeys": {},
2694
- "runtimeConfigDefaultProps": {},
2695
- "runtimeConfigGetStyles": {},
2696
- "runtimeConfigInternalComponentProps": {},
2697
- "motionVarPrefixes": []
2698
- },
2699
- "BannerDescription": {
2700
- "name": "BannerDescription",
2701
- "defaultProps": {},
2702
- "getStylesLiterals": {
2703
- "bannerSizeDescription": "default",
2704
- "className": "w-full line-clamp-3"
2705
- },
2706
- "cxLiterals": [],
2707
- "internalComponents": [
2708
- "Text"
2709
- ],
2710
- "internalComponentProps": {},
2711
- "propToVariantKeys": {},
2712
- "runtimeConfigDefaultProps": {},
2713
- "runtimeConfigGetStyles": {},
2714
- "runtimeConfigInternalComponentProps": {},
2715
- "motionVarPrefixes": []
2716
- },
2717
- "BannerTitle": {
2718
- "name": "BannerTitle",
2719
- "defaultProps": {},
2720
- "getStylesLiterals": {
2721
- "bannerSizeTitle": "default"
2722
- },
2723
- "cxLiterals": [
2724
- "w-full",
2725
- "truncate"
2726
- ],
2727
- "internalComponents": [
2728
- "Text"
2729
- ],
2730
- "internalComponentProps": {},
2731
- "propToVariantKeys": {},
2732
- "runtimeConfigDefaultProps": {},
2733
- "runtimeConfigGetStyles": {},
2734
- "runtimeConfigInternalComponentProps": {},
2735
- "motionVarPrefixes": []
2736
- },
2737
- "Popover": {
2738
- "name": "Popover",
2739
- "defaultProps": {},
2740
- "getStylesLiterals": {},
2741
- "cxLiterals": [
2742
- "uds:popover-open"
2743
- ],
2744
- "internalComponents": [
2745
- "PopoverInternalContext.Provider",
2746
- "PopoverProvider"
2747
- ],
2748
- "internalComponentProps": {},
2749
- "propToVariantKeys": {},
2750
- "runtimeConfigDefaultProps": {
2751
- "size": "popover.defaultSize",
2752
- "variant": "popover.defaultVariant"
2753
- },
2754
- "runtimeConfigGetStyles": {},
2755
- "runtimeConfigInternalComponentProps": {},
2756
- "motionVarPrefixes": []
2757
- },
2758
- "PopoverContent": {
2759
- "name": "PopoverContent",
2760
- "defaultProps": {},
2761
- "getStylesLiterals": {
2762
- "popoverSizeRoot": "default",
2763
- "popoverVariantRoot": "default",
2764
- "display": "flex",
2765
- "position": "relative",
2766
- "display:1": "block",
2767
- "spacingTop": "0",
2768
- "spacingStart": "0",
2769
- "spacingBottom": "0",
2770
- "spacingEnd": "0",
2771
- "popoverSizeSvgBase": "default",
2772
- "popoverVariantSvgBase": "default",
2773
- "popoverSizeSvgBorder": "default",
2774
- "popoverVariantSvgBorder": "default",
2775
- "popoverVariantBlur": "default",
2776
- "position:1": "absolute",
2777
- "width": "full",
2778
- "height": "full",
2779
- "flexShrink": "0",
2780
- "borderRadius": "full",
2781
- "alignItems": "center",
2782
- "justifyContent": "center",
2783
- "popoverVariantCloseIcon": "default",
2784
- "popoverSizeCloseIcon": "default"
2785
- },
2786
- "cxLiterals": [
2787
- "z-[9999]",
2788
- "outline-none",
2789
- "focus-visible:outline-none",
2790
- "uds-bgBlurFillFallback",
2791
- "uds-bgBlurFallback",
2792
- "top-0",
2793
- "left-0",
2794
- "z-[1]",
2795
- "duration-0",
2796
- "duration-120",
2797
- "transition-[background-color]",
2798
- "bg-carbon-15/0",
2799
- "hover:bg-carbon-15/10",
2800
- "active:bg-carbon-15/15",
2801
- "uds-ring",
2802
- "absolute",
2803
- "z-[4]"
2804
- ],
2805
- "internalComponents": [
2806
- "PopoverDismiss",
2807
- "IconSlot",
2808
- "PopoverArrow",
2809
- "Popover",
2810
- "SvgFloatingOverlay",
2811
- "Box",
2812
- "Pressable"
2813
- ],
2814
- "internalComponentProps": {},
2815
- "propToVariantKeys": {
2816
- "closeIcon": [
2817
+ "closeIcon": [
2817
2818
  "icon"
2818
2819
  ]
2819
2820
  },
@@ -3048,135 +3049,156 @@
3048
3049
  "runtimeConfigInternalComponentProps": {},
3049
3050
  "motionVarPrefixes": []
3050
3051
  },
3051
- "UDSBreakpointsConfigProvider": {
3052
- "name": "UDSBreakpointsConfigProvider",
3053
- "defaultProps": {},
3054
- "getStylesLiterals": {},
3055
- "cxLiterals": [],
3056
- "internalComponents": [
3057
- "UDSBreakpointsConfigContext.Provider"
3058
- ],
3059
- "internalComponentProps": {},
3060
- "propToVariantKeys": {},
3061
- "runtimeConfigDefaultProps": {},
3062
- "runtimeConfigGetStyles": {},
3063
- "runtimeConfigInternalComponentProps": {},
3064
- "motionVarPrefixes": []
3065
- },
3066
- "UDSConfigProvider": {
3067
- "name": "UDSConfigProvider",
3068
- "defaultProps": {},
3069
- "getStylesLiterals": {},
3070
- "cxLiterals": [],
3071
- "internalComponents": [
3072
- "UDSBreakpointsConfigProvider",
3073
- "UDSBottomSheetConfigProvider",
3074
- "UDSToastConfigProvider",
3075
- "UDSTooltipConfigProvider",
3076
- "UDSPopoverConfigProvider",
3077
- "UDSModalConfigProvider"
3078
- ],
3079
- "internalComponentProps": {},
3080
- "propToVariantKeys": {},
3081
- "runtimeConfigDefaultProps": {},
3082
- "runtimeConfigGetStyles": {},
3083
- "runtimeConfigInternalComponentProps": {},
3084
- "motionVarPrefixes": []
3085
- },
3086
- "Accordion": {
3087
- "name": "Accordion",
3052
+ "Tab": {
3053
+ "name": "Tab",
3088
3054
  "defaultProps": {
3089
- "spacingHorizontal": "4",
3090
- "spacingVertical": "4"
3055
+ "variant": "primary"
3056
+ },
3057
+ "getStylesLiterals": {
3058
+ "tabSizeRoot": "default",
3059
+ "tabVariantActiveRoot": "off",
3060
+ "tabVariantActiveRoot:1": "on",
3061
+ "tabSizeIcon": "default"
3091
3062
  },
3092
- "getStylesLiterals": {},
3093
3063
  "cxLiterals": [
3094
- "hover:bg-secondary/80",
3095
- "w-full"
3064
+ "pointer-events-none",
3065
+ "absolute",
3066
+ "bottom-0",
3067
+ "left-0",
3068
+ "right-0",
3069
+ "h-[var(--uds-tab-underline-width,0px)]",
3070
+ "bg-[var(--uds-tab-underline-color,transparent)]",
3071
+ "transition-[height,background-color]",
3072
+ "duration-[240ms]",
3073
+ "ease-[cubic-bezier(0.2,0,0,1)]",
3074
+ "!bg-transparent",
3075
+ "!shadow-none",
3076
+ "inline-flex",
3077
+ "items-center",
3078
+ "shrink-0",
3079
+ "box-border",
3080
+ "relative",
3081
+ "z-[1]",
3082
+ "cursor-pointer",
3083
+ "select-none",
3084
+ "whitespace-nowrap",
3085
+ "uds-ring",
3086
+ "opacity-50",
3087
+ "cursor-default",
3088
+ "border-solid",
3089
+ "border-b-solid",
3090
+ "transition-colors"
3096
3091
  ],
3097
3092
  "internalComponents": [
3098
- "Icon",
3099
- "SpringMotionConfig",
3100
- "Pressable",
3101
- "Text",
3102
- "HStack",
3103
- "AnimatePresence",
3104
- "VStack"
3093
+ "IconSlot",
3094
+ "AriakitTab",
3095
+ "Text"
3105
3096
  ],
3106
3097
  "internalComponentProps": {
3107
- "Icon": {
3098
+ "Text": {
3108
3099
  "variant": [
3109
- "fill"
3100
+ "inherit"
3110
3101
  ],
3111
- "size": [
3112
- "sm"
3102
+ "as": [
3103
+ "span"
3113
3104
  ],
3114
3105
  "color": [
3115
- "primary"
3116
- ]
3117
- },
3118
- "SpringMotionConfig": {
3119
- "layoutVariant": [
3120
- "smooth"
3121
- ],
3122
- "layoutSpeed": [
3123
- "3"
3124
- ]
3125
- },
3126
- "Pressable": {
3127
- "display": [
3128
- "flex"
3129
- ],
3130
- "flexDirection": [
3131
- "row"
3132
- ],
3133
- "alignItems": [
3134
- "center"
3135
- ],
3136
- "justifyContent": [
3137
- "space-between"
3138
- ],
3139
- "borderRadius": [
3140
- "md"
3141
- ]
3142
- },
3143
- "Text": {
3144
- "variant": [
3145
- "title4"
3146
- ],
3147
- "color": [
3148
- "primary"
3149
- ]
3150
- },
3151
- "HStack": {
3152
- "display": [
3153
- "flex"
3154
- ],
3155
- "alignItems": [
3156
- "center"
3157
- ],
3158
- "justifyContent": [
3159
- "space-between"
3160
- ],
3161
- "columnGap": [
3162
- "2.5"
3106
+ "current"
3163
3107
  ]
3164
3108
  }
3165
3109
  },
3166
- "propToVariantKeys": {},
3110
+ "propToVariantKeys": {
3111
+ "variant": [
3112
+ "tabVariantRoot",
3113
+ "tabVariantIcon"
3114
+ ],
3115
+ "activeState": [
3116
+ "tabVariantActiveIcon"
3117
+ ],
3118
+ "startIcon": [
3119
+ "icon"
3120
+ ],
3121
+ "endIcon": [
3122
+ "icon"
3123
+ ]
3124
+ },
3167
3125
  "runtimeConfigDefaultProps": {},
3168
3126
  "runtimeConfigGetStyles": {},
3169
3127
  "runtimeConfigInternalComponentProps": {},
3170
- "motionVarPrefixes": [
3171
- "--uds-motion-smooth-3-"
3172
- ]
3128
+ "motionVarPrefixes": []
3173
3129
  },
3174
- "AvoidMotionLibraryProvider": {
3175
- "name": "AvoidMotionLibraryProvider",
3130
+ "TabList": {
3131
+ "name": "TabList",
3132
+ "defaultProps": {
3133
+ "variant": "primary"
3134
+ },
3135
+ "getStylesLiterals": {
3136
+ "tabSizeRoot": "default",
3137
+ "tabVariantActiveRoot": "on"
3138
+ },
3139
+ "cxLiterals": [
3140
+ "pointer-events-none",
3141
+ "absolute",
3142
+ "bottom-0",
3143
+ "left-0",
3144
+ "right-0",
3145
+ "h-[var(--uds-tab-underline-width,0px)]",
3146
+ "bg-[var(--uds-tab-underline-color,transparent)]",
3147
+ "transition-[height,background-color]",
3148
+ "duration-[240ms]",
3149
+ "ease-[cubic-bezier(0.2,0,0,1)]",
3150
+ "!m-0",
3151
+ "!p-0",
3152
+ "!gap-0",
3153
+ "box-border",
3154
+ "z-0",
3155
+ "min-w-0",
3156
+ "min-h-0",
3157
+ "flex",
3158
+ "flex-row",
3159
+ "items-center",
3160
+ "overflow-x-auto",
3161
+ "overflow-y-clip",
3162
+ "scrollbar-none",
3163
+ "[overflow-clip-margin:6px]",
3164
+ "overflow-clip",
3165
+ "[overflow-clip-margin:8px]",
3166
+ "relative",
3167
+ "left",
3168
+ "240ms",
3169
+ "cubic-bezier(0.2,",
3170
+ "0,",
3171
+ "1),",
3172
+ "top",
3173
+ "width",
3174
+ "height",
3175
+ "1)",
3176
+ "--uds-tab-underline-color",
3177
+ "--uds-tab-underline-width"
3178
+ ],
3179
+ "internalComponents": [
3180
+ "AriakitTabList"
3181
+ ],
3182
+ "internalComponentProps": {},
3183
+ "propToVariantKeys": {
3184
+ "variant": [
3185
+ "tabsVariantRoot",
3186
+ "tabVariantRoot"
3187
+ ]
3188
+ },
3189
+ "runtimeConfigDefaultProps": {},
3190
+ "runtimeConfigGetStyles": {},
3191
+ "runtimeConfigInternalComponentProps": {},
3192
+ "motionVarPrefixes": []
3193
+ },
3194
+ "TabPanel": {
3195
+ "name": "TabPanel",
3176
3196
  "defaultProps": {},
3177
3197
  "getStylesLiterals": {},
3178
3198
  "cxLiterals": [],
3179
- "internalComponents": [],
3199
+ "internalComponents": [
3200
+ "AriakitTabPanel"
3201
+ ],
3180
3202
  "internalComponentProps": {},
3181
3203
  "propToVariantKeys": {},
3182
3204
  "runtimeConfigDefaultProps": {},
@@ -3184,223 +3206,226 @@
3184
3206
  "runtimeConfigInternalComponentProps": {},
3185
3207
  "motionVarPrefixes": []
3186
3208
  },
3187
- "SegmentedControl": {
3188
- "name": "SegmentedControl",
3209
+ "Tabs": {
3210
+ "name": "Tabs",
3189
3211
  "defaultProps": {
3190
- "textVariant": "label2"
3212
+ "variant": "primary"
3191
3213
  },
3214
+ "getStylesLiterals": {},
3215
+ "cxLiterals": [],
3216
+ "internalComponents": [
3217
+ "TabsContext.Provider",
3218
+ "TabProvider"
3219
+ ],
3220
+ "internalComponentProps": {},
3221
+ "propToVariantKeys": {
3222
+ "onSelectionChange": [
3223
+ "setSelectedId"
3224
+ ]
3225
+ },
3226
+ "runtimeConfigDefaultProps": {},
3227
+ "runtimeConfigGetStyles": {},
3228
+ "runtimeConfigInternalComponentProps": {},
3229
+ "motionVarPrefixes": []
3230
+ },
3231
+ "Toast": {
3232
+ "name": "Toast",
3233
+ "defaultProps": {},
3192
3234
  "getStylesLiterals": {
3193
- "display": "flex",
3194
- "alignItems": "center",
3195
- "backgroundColor": "primary",
3196
- "spacingVertical": "1",
3197
- "spacingHorizontal": "3",
3198
- "columnGap": "1.5",
3199
- "borderWidth": "thin",
3200
- "borderRadius": "full",
3201
- "borderColor": "muted",
3202
- "borderColor:1": "transparent",
3203
- "color": "primary",
3204
- "color:1": "tertiary",
3205
- "color:2": "muted"
3235
+ "className": "animate-spin",
3236
+ "className:1": "flex-none",
3237
+ "spacing": "2",
3238
+ "borderRadius": "full"
3206
3239
  },
3207
3240
  "cxLiterals": [
3208
- "uds-ring",
3209
- "cursor-not-allowed",
3210
- "opacity-50",
3211
- "pointer-events-none",
3212
- "hover:bg-primary"
3241
+ "duration-0",
3242
+ "duration-120",
3243
+ "transition-[background-color]",
3244
+ "bg-carbon-15/0",
3245
+ "hover:bg-carbon-15/10",
3246
+ "active:bg-carbon-15/15",
3247
+ "uds-ring"
3213
3248
  ],
3214
3249
  "internalComponents": [
3215
- "Radio",
3216
- "Icon",
3217
- "RadioProvider",
3218
- "HStack",
3219
- "RadioGroup",
3220
- "Pressable",
3221
- "Text"
3250
+ "IconSlot",
3251
+ "ToastContainer",
3252
+ "Text",
3253
+ "Button",
3254
+ "Pressable"
3222
3255
  ],
3223
- "internalComponentProps": {
3224
- "Icon": {
3256
+ "internalComponentProps": {},
3257
+ "propToVariantKeys": {
3258
+ "size": [
3259
+ "toastSizeLabel",
3260
+ "toastSizeIcon",
3261
+ "toastSizeActionButton",
3262
+ "toastSizeCloseIcon"
3263
+ ],
3264
+ "variant": [
3265
+ "toastVariantIcon",
3266
+ "toastVariantActionButton",
3267
+ "toastVariantCloseIcon"
3268
+ ],
3269
+ "closeIcon": [
3270
+ "icon"
3271
+ ],
3272
+ "onClickActionButton": [
3273
+ "onClick"
3274
+ ]
3275
+ },
3276
+ "runtimeConfigDefaultProps": {
3277
+ "size": "toast.defaultSize",
3278
+ "variant": "toast.defaultVariant"
3279
+ },
3280
+ "runtimeConfigGetStyles": {
3281
+ "toastSizeLabel": [
3282
+ "toast.defaultSize"
3283
+ ],
3284
+ "toastVariantIcon": [
3285
+ "toast.defaultVariant"
3286
+ ],
3287
+ "toastSizeIcon": [
3288
+ "toast.defaultSize"
3289
+ ],
3290
+ "toastSizeActionButton": [
3291
+ "toast.defaultSize"
3292
+ ],
3293
+ "toastVariantActionButton": [
3294
+ "toast.defaultVariant"
3295
+ ],
3296
+ "toastVariantCloseIcon": [
3297
+ "toast.defaultVariant"
3298
+ ],
3299
+ "toastSizeCloseIcon": [
3300
+ "toast.defaultSize"
3301
+ ]
3302
+ },
3303
+ "runtimeConfigInternalComponentProps": {
3304
+ "ToastContainer": {
3225
3305
  "size": [
3226
- "sm"
3227
- ],
3228
- "color": [
3229
- "current"
3306
+ "toast.defaultSize"
3230
3307
  ],
3231
- "aria-hidden": [
3232
- "true"
3308
+ "variant": [
3309
+ "toast.defaultVariant"
3233
3310
  ]
3234
3311
  },
3235
- "HStack": {
3236
- "spacing": [
3237
- "1"
3238
- ],
3239
- "gap": [
3240
- "1"
3241
- ],
3242
- "backgroundColor": [
3243
- "secondary"
3244
- ],
3245
- "borderRadius": [
3246
- "full"
3247
- ],
3248
- "display": [
3249
- "inline-flex"
3312
+ "Text": {
3313
+ "variant": [
3314
+ "toast.textVariant.${size}"
3315
+ ],
3316
+ "color": [
3317
+ "toast.textColor.${variant}"
3250
3318
  ]
3251
3319
  },
3252
- "Text": {
3253
- "color": [
3254
- "current"
3320
+ "Button": {
3321
+ "size": [
3322
+ "toast.buttonSize.${size}"
3323
+ ],
3324
+ "variant": [
3325
+ "toast.buttonVariant.${variant}"
3255
3326
  ]
3256
3327
  }
3257
3328
  },
3258
- "propToVariantKeys": {
3259
- "value": [
3260
- "key"
3261
- ],
3262
- "label": [
3263
- "aria-label"
3264
- ],
3265
- "textVariant": [
3266
- "variant"
3267
- ]
3268
- },
3269
- "runtimeConfigDefaultProps": {},
3270
- "runtimeConfigGetStyles": {},
3271
- "runtimeConfigInternalComponentProps": {},
3272
3329
  "motionVarPrefixes": []
3273
3330
  },
3274
- "SwitchV2": {
3275
- "name": "SwitchV2",
3276
- "defaultProps": {
3277
- "labelPosition": "start",
3278
- "size": "md"
3279
- },
3331
+ "ToastContainer": {
3332
+ "name": "ToastContainer",
3333
+ "defaultProps": {},
3280
3334
  "getStylesLiterals": {
3281
- "switchVariantRoot": "default",
3282
- "switchVariantActiveRoot": "on",
3283
- "switchVariantActiveRoot:1": "off",
3284
- "switchVariantSwitch": "default",
3285
- "switchVariantActiveSwitch": "on",
3286
- "switchVariantActiveSwitch:1": "off",
3287
- "switchVariantActiveHandle": "on",
3288
- "switchVariantActiveHandle:1": "off",
3289
- "switchVariantHandle": "default",
3290
- "switchVariantHandleIcon": "default",
3291
- "switchVariantActiveHandleIcon": "on",
3292
- "switchVariantActiveHandleIcon:1": "off"
3335
+ "position": "relative",
3336
+ "alignItems": "center",
3337
+ "display": "flex",
3338
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
3293
3339
  },
3294
3340
  "cxLiterals": [
3295
- "group",
3296
- "flex",
3297
- "items-center",
3298
- "flex-row",
3299
- "flex-row-reverse",
3300
- "uds-ring",
3301
- "uds-ring-within",
3302
- "relative",
3303
- "uds-border-radius-full",
3304
- "transition-[background-color,box-shadow]",
3305
- "pointer-events-none",
3306
- "w-full",
3307
- "h-full",
3308
- "absolute",
3309
- "top-0",
3310
- "bottom-0",
3311
- "right-0",
3312
- "left-0",
3313
- "overflow-hidden",
3314
- "group-hover:scale-105",
3315
- "opacity-95",
3316
- "group-hover:opacity-100",
3317
- "transition-[transform,opacity]",
3318
- "opacity-0",
3319
- "top-1/2",
3320
- "left-1/2",
3321
- "transform",
3322
- "translate-x-[-50%]",
3323
- "translate-y-[-50%]",
3324
- "transition-opacity",
3325
- "cursor-[inherit]",
3326
- "w-[calc(100%+2px)]",
3327
- "h-[calc(100%+2px)]",
3328
- "text-start",
3329
- "text-end",
3330
- "opacity-100"
3341
+ "w-full"
3331
3342
  ],
3332
3343
  "internalComponents": [
3333
- "IconSlot",
3334
- "Box",
3335
- "FormLabel",
3336
- "SpringMotionConfig",
3337
- "RootElement",
3338
- "MotionBox"
3344
+ "HStack"
3339
3345
  ],
3340
3346
  "internalComponentProps": {
3341
- "IconSlot": {
3342
- "data-testid": [
3343
- "on-icon",
3344
- "off-icon"
3345
- ]
3346
- },
3347
- "FormLabel": {
3348
- "as": [
3349
- "div"
3347
+ "HStack": {
3348
+ "alignItems": [
3349
+ "center"
3350
3350
  ],
3351
- "variant": [
3352
- "inherit"
3351
+ "justifyContent": [
3352
+ "space-between"
3353
3353
  ],
3354
- "color": [
3355
- "inherit"
3356
- ]
3357
- },
3358
- "SpringMotionConfig": {
3359
- "layoutVariant": [
3360
- "bouncy"
3354
+ "overflow": [
3355
+ "hidden"
3361
3356
  ],
3362
- "layoutSpeed": [
3363
- "4"
3364
- ]
3365
- },
3366
- "RootElement": {
3367
- "data-testid": [
3368
- "switch-root"
3369
- ]
3370
- },
3371
- "MotionBox": {
3372
- "layout": [
3373
- "position"
3357
+ "position": [
3358
+ "relative"
3374
3359
  ]
3375
3360
  }
3376
3361
  },
3377
3362
  "propToVariantKeys": {
3378
- "size": [
3379
- "switchSizeRoot",
3380
- "switchSizeSwitch",
3381
- "switchSizeHandle",
3382
- "switchSizeHandleIcon"
3383
- ],
3384
- "onIcon": [
3385
- "icon"
3386
- ],
3387
- "offIcon": [
3388
- "icon"
3363
+ "variant": [
3364
+ "toastVariantRoot"
3389
3365
  ],
3390
- "reduceMotion": [
3391
- "reducedMotion"
3366
+ "size": [
3367
+ "toastSizeRoot"
3368
+ ]
3369
+ },
3370
+ "runtimeConfigDefaultProps": {
3371
+ "size": "toast.defaultSize",
3372
+ "variant": "toast.defaultVariant"
3373
+ },
3374
+ "runtimeConfigGetStyles": {
3375
+ "toastVariantRoot": [
3376
+ "toast.defaultVariant"
3392
3377
  ],
3393
- "isOn": [
3394
- "layoutDependency"
3378
+ "toastSizeRoot": [
3379
+ "toast.defaultSize"
3395
3380
  ]
3396
3381
  },
3382
+ "runtimeConfigInternalComponentProps": {
3383
+ "HStack": {
3384
+ "backgroundColor": [
3385
+ "toast.backgroundColor.${variant}"
3386
+ ]
3387
+ }
3388
+ },
3389
+ "motionVarPrefixes": []
3390
+ },
3391
+ "ToastPortal": {
3392
+ "name": "ToastPortal",
3393
+ "defaultProps": {},
3394
+ "getStylesLiterals": {},
3395
+ "cxLiterals": [],
3396
+ "internalComponents": [
3397
+ "ReactToastifyToastContainer"
3398
+ ],
3399
+ "internalComponentProps": {},
3400
+ "propToVariantKeys": {},
3401
+ "runtimeConfigDefaultProps": {
3402
+ "size": "toast.defaultSize",
3403
+ "variant": "toast.defaultVariant"
3404
+ },
3405
+ "runtimeConfigGetStyles": {},
3406
+ "runtimeConfigInternalComponentProps": {
3407
+ "ReactToastifyToastContainer": {
3408
+ "autoClose": [
3409
+ "toast.autoClose"
3410
+ ]
3411
+ }
3412
+ },
3413
+ "motionVarPrefixes": []
3414
+ },
3415
+ "UDSToastConfigProvider": {
3416
+ "name": "UDSToastConfigProvider",
3417
+ "defaultProps": {},
3418
+ "getStylesLiterals": {},
3419
+ "cxLiterals": [],
3420
+ "internalComponents": [
3421
+ "ToastContext.Provider"
3422
+ ],
3423
+ "internalComponentProps": {},
3424
+ "propToVariantKeys": {},
3397
3425
  "runtimeConfigDefaultProps": {},
3398
3426
  "runtimeConfigGetStyles": {},
3399
3427
  "runtimeConfigInternalComponentProps": {},
3400
- "motionVarPrefixes": [
3401
- "--uds-motion-bouncy-4-",
3402
- "--uds-motion-smooth-3-"
3403
- ]
3428
+ "motionVarPrefixes": []
3404
3429
  },
3405
3430
  "Tooltip": {
3406
3431
  "name": "Tooltip",
@@ -3537,198 +3562,135 @@
3537
3562
  "runtimeConfigInternalComponentProps": {},
3538
3563
  "motionVarPrefixes": []
3539
3564
  },
3540
- "Toast": {
3541
- "name": "Toast",
3565
+ "UDSBreakpointsConfigProvider": {
3566
+ "name": "UDSBreakpointsConfigProvider",
3542
3567
  "defaultProps": {},
3543
- "getStylesLiterals": {
3544
- "className": "animate-spin",
3545
- "className:1": "flex-none",
3546
- "spacing": "2",
3547
- "borderRadius": "full"
3568
+ "getStylesLiterals": {},
3569
+ "cxLiterals": [],
3570
+ "internalComponents": [
3571
+ "UDSBreakpointsConfigContext.Provider"
3572
+ ],
3573
+ "internalComponentProps": {},
3574
+ "propToVariantKeys": {},
3575
+ "runtimeConfigDefaultProps": {},
3576
+ "runtimeConfigGetStyles": {},
3577
+ "runtimeConfigInternalComponentProps": {},
3578
+ "motionVarPrefixes": []
3579
+ },
3580
+ "UDSConfigProvider": {
3581
+ "name": "UDSConfigProvider",
3582
+ "defaultProps": {},
3583
+ "getStylesLiterals": {},
3584
+ "cxLiterals": [],
3585
+ "internalComponents": [
3586
+ "UDSBreakpointsConfigProvider",
3587
+ "UDSBottomSheetConfigProvider",
3588
+ "UDSToastConfigProvider",
3589
+ "UDSTooltipConfigProvider",
3590
+ "UDSPopoverConfigProvider",
3591
+ "UDSModalConfigProvider"
3592
+ ],
3593
+ "internalComponentProps": {},
3594
+ "propToVariantKeys": {},
3595
+ "runtimeConfigDefaultProps": {},
3596
+ "runtimeConfigGetStyles": {},
3597
+ "runtimeConfigInternalComponentProps": {},
3598
+ "motionVarPrefixes": []
3599
+ },
3600
+ "Accordion": {
3601
+ "name": "Accordion",
3602
+ "defaultProps": {
3603
+ "spacingHorizontal": "4",
3604
+ "spacingVertical": "4"
3548
3605
  },
3606
+ "getStylesLiterals": {},
3549
3607
  "cxLiterals": [
3550
- "duration-0",
3551
- "duration-120",
3552
- "transition-[background-color]",
3553
- "bg-carbon-15/0",
3554
- "hover:bg-carbon-15/10",
3555
- "active:bg-carbon-15/15",
3556
- "uds-ring"
3608
+ "hover:bg-secondary/80",
3609
+ "w-full"
3557
3610
  ],
3558
3611
  "internalComponents": [
3559
- "IconSlot",
3560
- "ToastContainer",
3612
+ "Icon",
3613
+ "SpringMotionConfig",
3614
+ "Pressable",
3561
3615
  "Text",
3562
- "Button",
3563
- "Pressable"
3616
+ "HStack",
3617
+ "AnimatePresence",
3618
+ "VStack"
3564
3619
  ],
3565
- "internalComponentProps": {},
3566
- "propToVariantKeys": {
3567
- "size": [
3568
- "toastSizeLabel",
3569
- "toastSizeIcon",
3570
- "toastSizeActionButton",
3571
- "toastSizeCloseIcon"
3572
- ],
3573
- "variant": [
3574
- "toastVariantIcon",
3575
- "toastVariantActionButton",
3576
- "toastVariantCloseIcon"
3577
- ],
3578
- "closeIcon": [
3579
- "icon"
3580
- ],
3581
- "onClickActionButton": [
3582
- "onClick"
3583
- ]
3584
- },
3585
- "runtimeConfigDefaultProps": {
3586
- "size": "toast.defaultSize",
3587
- "variant": "toast.defaultVariant"
3588
- },
3589
- "runtimeConfigGetStyles": {
3590
- "toastSizeLabel": [
3591
- "toast.defaultSize"
3592
- ],
3593
- "toastVariantIcon": [
3594
- "toast.defaultVariant"
3595
- ],
3596
- "toastSizeIcon": [
3597
- "toast.defaultSize"
3598
- ],
3599
- "toastSizeActionButton": [
3600
- "toast.defaultSize"
3601
- ],
3602
- "toastVariantActionButton": [
3603
- "toast.defaultVariant"
3604
- ],
3605
- "toastVariantCloseIcon": [
3606
- "toast.defaultVariant"
3607
- ],
3608
- "toastSizeCloseIcon": [
3609
- "toast.defaultSize"
3610
- ]
3611
- },
3612
- "runtimeConfigInternalComponentProps": {
3613
- "ToastContainer": {
3620
+ "internalComponentProps": {
3621
+ "Icon": {
3622
+ "variant": [
3623
+ "fill"
3624
+ ],
3614
3625
  "size": [
3615
- "toast.defaultSize"
3626
+ "sm"
3616
3627
  ],
3617
- "variant": [
3618
- "toast.defaultVariant"
3628
+ "color": [
3629
+ "primary"
3619
3630
  ]
3620
3631
  },
3621
- "Text": {
3622
- "variant": [
3623
- "toast.textVariant.${size}"
3632
+ "SpringMotionConfig": {
3633
+ "layoutVariant": [
3634
+ "smooth"
3624
3635
  ],
3625
- "color": [
3626
- "toast.textColor.${variant}"
3636
+ "layoutSpeed": [
3637
+ "3"
3627
3638
  ]
3628
3639
  },
3629
- "Button": {
3630
- "size": [
3631
- "toast.buttonSize.${size}"
3640
+ "Pressable": {
3641
+ "display": [
3642
+ "flex"
3643
+ ],
3644
+ "flexDirection": [
3645
+ "row"
3632
3646
  ],
3633
- "variant": [
3634
- "toast.buttonVariant.${variant}"
3635
- ]
3636
- }
3637
- },
3638
- "motionVarPrefixes": []
3639
- },
3640
- "ToastContainer": {
3641
- "name": "ToastContainer",
3642
- "defaultProps": {},
3643
- "getStylesLiterals": {
3644
- "position": "relative",
3645
- "alignItems": "center",
3646
- "display": "flex",
3647
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
3648
- },
3649
- "cxLiterals": [
3650
- "w-full"
3651
- ],
3652
- "internalComponents": [
3653
- "HStack"
3654
- ],
3655
- "internalComponentProps": {
3656
- "HStack": {
3657
3647
  "alignItems": [
3658
3648
  "center"
3659
3649
  ],
3660
3650
  "justifyContent": [
3661
3651
  "space-between"
3662
3652
  ],
3663
- "overflow": [
3664
- "hidden"
3653
+ "borderRadius": [
3654
+ "md"
3655
+ ]
3656
+ },
3657
+ "Text": {
3658
+ "variant": [
3659
+ "title4"
3665
3660
  ],
3666
- "position": [
3667
- "relative"
3661
+ "color": [
3662
+ "primary"
3668
3663
  ]
3669
- }
3670
- },
3671
- "propToVariantKeys": {
3672
- "variant": [
3673
- "toastVariantRoot"
3674
- ],
3675
- "size": [
3676
- "toastSizeRoot"
3677
- ]
3678
- },
3679
- "runtimeConfigDefaultProps": {
3680
- "size": "toast.defaultSize",
3681
- "variant": "toast.defaultVariant"
3682
- },
3683
- "runtimeConfigGetStyles": {
3684
- "toastVariantRoot": [
3685
- "toast.defaultVariant"
3686
- ],
3687
- "toastSizeRoot": [
3688
- "toast.defaultSize"
3689
- ]
3690
- },
3691
- "runtimeConfigInternalComponentProps": {
3664
+ },
3692
3665
  "HStack": {
3693
- "backgroundColor": [
3694
- "toast.backgroundColor.${variant}"
3666
+ "display": [
3667
+ "flex"
3668
+ ],
3669
+ "alignItems": [
3670
+ "center"
3671
+ ],
3672
+ "justifyContent": [
3673
+ "space-between"
3674
+ ],
3675
+ "columnGap": [
3676
+ "2.5"
3695
3677
  ]
3696
3678
  }
3697
3679
  },
3698
- "motionVarPrefixes": []
3699
- },
3700
- "ToastPortal": {
3701
- "name": "ToastPortal",
3702
- "defaultProps": {},
3703
- "getStylesLiterals": {},
3704
- "cxLiterals": [],
3705
- "internalComponents": [
3706
- "ReactToastifyToastContainer"
3707
- ],
3708
- "internalComponentProps": {},
3709
3680
  "propToVariantKeys": {},
3710
- "runtimeConfigDefaultProps": {
3711
- "size": "toast.defaultSize",
3712
- "variant": "toast.defaultVariant"
3713
- },
3681
+ "runtimeConfigDefaultProps": {},
3714
3682
  "runtimeConfigGetStyles": {},
3715
- "runtimeConfigInternalComponentProps": {
3716
- "ReactToastifyToastContainer": {
3717
- "autoClose": [
3718
- "toast.autoClose"
3719
- ]
3720
- }
3721
- },
3722
- "motionVarPrefixes": []
3683
+ "runtimeConfigInternalComponentProps": {},
3684
+ "motionVarPrefixes": [
3685
+ "--uds-motion-smooth-3-"
3686
+ ]
3723
3687
  },
3724
- "UDSToastConfigProvider": {
3725
- "name": "UDSToastConfigProvider",
3688
+ "AvoidMotionLibraryProvider": {
3689
+ "name": "AvoidMotionLibraryProvider",
3726
3690
  "defaultProps": {},
3727
3691
  "getStylesLiterals": {},
3728
3692
  "cxLiterals": [],
3729
- "internalComponents": [
3730
- "ToastContext.Provider"
3731
- ],
3693
+ "internalComponents": [],
3732
3694
  "internalComponentProps": {},
3733
3695
  "propToVariantKeys": {},
3734
3696
  "runtimeConfigDefaultProps": {},
@@ -3736,77 +3698,86 @@
3736
3698
  "runtimeConfigInternalComponentProps": {},
3737
3699
  "motionVarPrefixes": []
3738
3700
  },
3739
- "Tab": {
3740
- "name": "Tab",
3701
+ "SegmentedControl": {
3702
+ "name": "SegmentedControl",
3741
3703
  "defaultProps": {
3742
- "variant": "primary"
3704
+ "textVariant": "label2"
3743
3705
  },
3744
3706
  "getStylesLiterals": {
3745
- "tabSizeRoot": "default",
3746
- "tabVariantActiveRoot": "off",
3747
- "tabVariantActiveRoot:1": "on",
3748
- "tabSizeIcon": "default"
3707
+ "display": "flex",
3708
+ "alignItems": "center",
3709
+ "backgroundColor": "primary",
3710
+ "spacingVertical": "1",
3711
+ "spacingHorizontal": "3",
3712
+ "columnGap": "1.5",
3713
+ "borderWidth": "thin",
3714
+ "borderRadius": "full",
3715
+ "borderColor": "muted",
3716
+ "borderColor:1": "transparent",
3717
+ "color": "primary",
3718
+ "color:1": "tertiary",
3719
+ "color:2": "muted"
3749
3720
  },
3750
- "cxLiterals": [
3751
- "pointer-events-none",
3752
- "absolute",
3753
- "bottom-0",
3754
- "left-0",
3755
- "right-0",
3756
- "h-[var(--uds-tab-underline-width,0px)]",
3757
- "bg-[var(--uds-tab-underline-color,transparent)]",
3758
- "transition-[height,background-color]",
3759
- "duration-[240ms]",
3760
- "ease-[cubic-bezier(0.2,0,0,1)]",
3761
- "!bg-transparent",
3762
- "!shadow-none",
3763
- "inline-flex",
3764
- "items-center",
3765
- "shrink-0",
3766
- "box-border",
3767
- "relative",
3768
- "z-[1]",
3769
- "cursor-pointer",
3770
- "select-none",
3771
- "whitespace-nowrap",
3721
+ "cxLiterals": [
3772
3722
  "uds-ring",
3723
+ "cursor-not-allowed",
3773
3724
  "opacity-50",
3774
- "cursor-default",
3775
- "border-solid",
3776
- "border-b-solid",
3777
- "transition-colors"
3725
+ "pointer-events-none",
3726
+ "hover:bg-primary"
3778
3727
  ],
3779
3728
  "internalComponents": [
3780
- "IconSlot",
3781
- "AriakitTab",
3729
+ "Radio",
3730
+ "Icon",
3731
+ "RadioProvider",
3732
+ "HStack",
3733
+ "RadioGroup",
3734
+ "Pressable",
3782
3735
  "Text"
3783
3736
  ],
3784
3737
  "internalComponentProps": {
3785
- "Text": {
3786
- "variant": [
3787
- "inherit"
3738
+ "Icon": {
3739
+ "size": [
3740
+ "sm"
3788
3741
  ],
3789
- "as": [
3790
- "span"
3742
+ "color": [
3743
+ "current"
3744
+ ],
3745
+ "aria-hidden": [
3746
+ "true"
3747
+ ]
3748
+ },
3749
+ "HStack": {
3750
+ "spacing": [
3751
+ "1"
3752
+ ],
3753
+ "gap": [
3754
+ "1"
3755
+ ],
3756
+ "backgroundColor": [
3757
+ "secondary"
3791
3758
  ],
3759
+ "borderRadius": [
3760
+ "full"
3761
+ ],
3762
+ "display": [
3763
+ "inline-flex"
3764
+ ]
3765
+ },
3766
+ "Text": {
3792
3767
  "color": [
3793
3768
  "current"
3794
3769
  ]
3795
3770
  }
3796
3771
  },
3797
3772
  "propToVariantKeys": {
3798
- "variant": [
3799
- "tabVariantRoot",
3800
- "tabVariantIcon"
3801
- ],
3802
- "activeState": [
3803
- "tabVariantActiveIcon"
3773
+ "value": [
3774
+ "key"
3804
3775
  ],
3805
- "startIcon": [
3806
- "icon"
3776
+ "label": [
3777
+ "aria-label"
3807
3778
  ],
3808
- "endIcon": [
3809
- "icon"
3779
+ "textVariant": [
3780
+ "variant"
3810
3781
  ]
3811
3782
  },
3812
3783
  "runtimeConfigDefaultProps": {},
@@ -3814,105 +3785,135 @@
3814
3785
  "runtimeConfigInternalComponentProps": {},
3815
3786
  "motionVarPrefixes": []
3816
3787
  },
3817
- "TabList": {
3818
- "name": "TabList",
3788
+ "SwitchV2": {
3789
+ "name": "SwitchV2",
3819
3790
  "defaultProps": {
3820
- "variant": "primary"
3791
+ "labelPosition": "start",
3792
+ "size": "md"
3821
3793
  },
3822
3794
  "getStylesLiterals": {
3823
- "tabSizeRoot": "default",
3824
- "tabVariantActiveRoot": "on"
3795
+ "switchVariantRoot": "default",
3796
+ "switchVariantActiveRoot": "on",
3797
+ "switchVariantActiveRoot:1": "off",
3798
+ "switchVariantSwitch": "default",
3799
+ "switchVariantActiveSwitch": "on",
3800
+ "switchVariantActiveSwitch:1": "off",
3801
+ "switchVariantActiveHandle": "on",
3802
+ "switchVariantActiveHandle:1": "off",
3803
+ "switchVariantHandle": "default",
3804
+ "switchVariantHandleIcon": "default",
3805
+ "switchVariantActiveHandleIcon": "on",
3806
+ "switchVariantActiveHandleIcon:1": "off"
3825
3807
  },
3826
3808
  "cxLiterals": [
3809
+ "group",
3810
+ "flex",
3811
+ "items-center",
3812
+ "flex-row",
3813
+ "flex-row-reverse",
3814
+ "uds-ring",
3815
+ "uds-ring-within",
3816
+ "relative",
3817
+ "uds-border-radius-full",
3818
+ "transition-[background-color,box-shadow]",
3827
3819
  "pointer-events-none",
3820
+ "w-full",
3821
+ "h-full",
3828
3822
  "absolute",
3823
+ "top-0",
3829
3824
  "bottom-0",
3830
- "left-0",
3831
3825
  "right-0",
3832
- "h-[var(--uds-tab-underline-width,0px)]",
3833
- "bg-[var(--uds-tab-underline-color,transparent)]",
3834
- "transition-[height,background-color]",
3835
- "duration-[240ms]",
3836
- "ease-[cubic-bezier(0.2,0,0,1)]",
3837
- "!m-0",
3838
- "!p-0",
3839
- "!gap-0",
3840
- "box-border",
3841
- "z-0",
3842
- "min-w-0",
3843
- "min-h-0",
3844
- "flex",
3845
- "flex-row",
3846
- "items-center",
3847
- "overflow-x-auto",
3848
- "overflow-y-clip",
3849
- "scrollbar-none",
3850
- "[overflow-clip-margin:6px]",
3851
- "overflow-clip",
3852
- "[overflow-clip-margin:8px]",
3853
- "relative",
3854
- "left",
3855
- "240ms",
3856
- "cubic-bezier(0.2,",
3857
- "0,",
3858
- "1),",
3859
- "top",
3860
- "width",
3861
- "height",
3862
- "1)",
3863
- "--uds-tab-underline-color",
3864
- "--uds-tab-underline-width"
3865
- ],
3866
- "internalComponents": [
3867
- "AriakitTabList"
3826
+ "left-0",
3827
+ "overflow-hidden",
3828
+ "group-hover:scale-105",
3829
+ "opacity-95",
3830
+ "group-hover:opacity-100",
3831
+ "transition-[transform,opacity]",
3832
+ "opacity-0",
3833
+ "top-1/2",
3834
+ "left-1/2",
3835
+ "transform",
3836
+ "translate-x-[-50%]",
3837
+ "translate-y-[-50%]",
3838
+ "transition-opacity",
3839
+ "cursor-[inherit]",
3840
+ "w-[calc(100%+2px)]",
3841
+ "h-[calc(100%+2px)]",
3842
+ "text-start",
3843
+ "text-end",
3844
+ "opacity-100"
3868
3845
  ],
3869
- "internalComponentProps": {},
3870
- "propToVariantKeys": {
3871
- "variant": [
3872
- "tabsVariantRoot",
3873
- "tabVariantRoot"
3874
- ]
3875
- },
3876
- "runtimeConfigDefaultProps": {},
3877
- "runtimeConfigGetStyles": {},
3878
- "runtimeConfigInternalComponentProps": {},
3879
- "motionVarPrefixes": []
3880
- },
3881
- "TabPanel": {
3882
- "name": "TabPanel",
3883
- "defaultProps": {},
3884
- "getStylesLiterals": {},
3885
- "cxLiterals": [],
3886
3846
  "internalComponents": [
3887
- "AriakitTabPanel"
3847
+ "IconSlot",
3848
+ "Box",
3849
+ "FormLabel",
3850
+ "SpringMotionConfig",
3851
+ "RootElement",
3852
+ "MotionBox"
3888
3853
  ],
3889
- "internalComponentProps": {},
3890
- "propToVariantKeys": {},
3891
- "runtimeConfigDefaultProps": {},
3892
- "runtimeConfigGetStyles": {},
3893
- "runtimeConfigInternalComponentProps": {},
3894
- "motionVarPrefixes": []
3895
- },
3896
- "Tabs": {
3897
- "name": "Tabs",
3898
- "defaultProps": {
3899
- "variant": "primary"
3854
+ "internalComponentProps": {
3855
+ "IconSlot": {
3856
+ "data-testid": [
3857
+ "on-icon",
3858
+ "off-icon"
3859
+ ]
3860
+ },
3861
+ "FormLabel": {
3862
+ "as": [
3863
+ "div"
3864
+ ],
3865
+ "variant": [
3866
+ "inherit"
3867
+ ],
3868
+ "color": [
3869
+ "inherit"
3870
+ ]
3871
+ },
3872
+ "SpringMotionConfig": {
3873
+ "layoutVariant": [
3874
+ "bouncy"
3875
+ ],
3876
+ "layoutSpeed": [
3877
+ "4"
3878
+ ]
3879
+ },
3880
+ "RootElement": {
3881
+ "data-testid": [
3882
+ "switch-root"
3883
+ ]
3884
+ },
3885
+ "MotionBox": {
3886
+ "layout": [
3887
+ "position"
3888
+ ]
3889
+ }
3900
3890
  },
3901
- "getStylesLiterals": {},
3902
- "cxLiterals": [],
3903
- "internalComponents": [
3904
- "TabsContext.Provider",
3905
- "TabProvider"
3906
- ],
3907
- "internalComponentProps": {},
3908
3891
  "propToVariantKeys": {
3909
- "onSelectionChange": [
3910
- "setSelectedId"
3892
+ "size": [
3893
+ "switchSizeRoot",
3894
+ "switchSizeSwitch",
3895
+ "switchSizeHandle",
3896
+ "switchSizeHandleIcon"
3897
+ ],
3898
+ "onIcon": [
3899
+ "icon"
3900
+ ],
3901
+ "offIcon": [
3902
+ "icon"
3903
+ ],
3904
+ "reduceMotion": [
3905
+ "reducedMotion"
3906
+ ],
3907
+ "isOn": [
3908
+ "layoutDependency"
3911
3909
  ]
3912
3910
  },
3913
3911
  "runtimeConfigDefaultProps": {},
3914
3912
  "runtimeConfigGetStyles": {},
3915
3913
  "runtimeConfigInternalComponentProps": {},
3916
- "motionVarPrefixes": []
3914
+ "motionVarPrefixes": [
3915
+ "--uds-motion-bouncy-4-",
3916
+ "--uds-motion-smooth-3-"
3917
+ ]
3917
3918
  }
3918
3919
  }