@yahoo/uds 3.169.0 → 3.170.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 (61) hide show
  1. package/dist/automated-config/dist/generated/autoVariantTemplates.cjs +218 -0
  2. package/dist/automated-config/dist/generated/autoVariantTemplates.js +218 -0
  3. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
  4. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
  5. package/dist/components/Icon.cjs +3 -6
  6. package/dist/components/Icon.js +3 -6
  7. package/dist/components/IconSlot.cjs +1 -1
  8. package/dist/components/IconSlot.js +1 -1
  9. package/dist/components/client/Button/Button.cjs +1 -1
  10. package/dist/components/client/Button/Button.js +1 -1
  11. package/dist/components/client/IconButton/IconButton.cjs +1 -1
  12. package/dist/components/client/IconButton/IconButton.js +1 -1
  13. package/dist/components/client/Menu/Menu.Content.cjs +1 -1
  14. package/dist/components/client/Menu/Menu.Content.js +1 -1
  15. package/dist/components/client/Popover/PopoverContent.cjs +1 -1
  16. package/dist/components/client/Popover/PopoverContent.js +1 -1
  17. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
  18. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
  19. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +5 -5
  20. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +5 -5
  21. package/dist/index.cjs +3 -3
  22. package/dist/index.js +3 -3
  23. package/dist/styles/styleVariantTemplates.cjs +146 -0
  24. package/dist/styles/styleVariantTemplates.d.cts +161 -0
  25. package/dist/styles/styleVariantTemplates.d.ts +161 -0
  26. package/dist/styles/styleVariantTemplates.js +145 -0
  27. package/dist/styles/styler.cjs +32 -21
  28. package/dist/styles/styler.d.cts +13 -281
  29. package/dist/styles/styler.d.ts +13 -281
  30. package/dist/styles/styler.js +32 -21
  31. package/dist/styles/stylerTypes.d.cts +1 -1
  32. package/dist/styles/stylerTypes.d.ts +1 -1
  33. package/dist/styles/textColorVariants.cjs +40 -0
  34. package/dist/styles/textColorVariants.d.cts +39 -0
  35. package/dist/styles/textColorVariants.d.ts +39 -0
  36. package/dist/styles/textColorVariants.js +39 -0
  37. package/dist/styles/udsTailwindMerge.cjs +522 -0
  38. package/dist/styles/udsTailwindMerge.d.cts +7 -0
  39. package/dist/styles/udsTailwindMerge.d.ts +7 -0
  40. package/dist/styles/udsTailwindMerge.js +520 -0
  41. package/dist/styles/variantClass.cjs +31 -0
  42. package/dist/styles/variantClass.d.cts +12 -0
  43. package/dist/styles/variantClass.d.ts +12 -0
  44. package/dist/styles/variantClass.js +30 -0
  45. package/dist/styles/variants.cjs +3 -29
  46. package/dist/styles/variants.js +3 -29
  47. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.cts +2 -2
  48. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.ts +2 -2
  49. package/dist/tokens/index.cjs +1 -1
  50. package/dist/tokens/index.js +1 -1
  51. package/dist/tokens/utils/getFontUrls.cjs +8 -1
  52. package/dist/tokens/utils/getFontUrls.d.cts +7 -0
  53. package/dist/tokens/utils/getFontUrls.d.ts +7 -0
  54. package/dist/tokens/utils/getFontUrls.js +8 -1
  55. package/dist/uds/generated/componentData.cjs +365 -361
  56. package/dist/uds/generated/componentData.js +365 -361
  57. package/dist/uds/generated/tailwindPurge.cjs +80 -80
  58. package/dist/uds/generated/tailwindPurge.js +80 -80
  59. package/generated/componentData.json +590 -590
  60. package/generated/tailwindPurge.ts +1 -1
  61. package/package.json +1 -1
@@ -268,10 +268,10 @@
268
268
  "variant": "outline",
269
269
  "color": "primary"
270
270
  },
271
- "getStylesLiterals": {
272
- "flex": "none"
273
- },
271
+ "getStylesLiterals": {},
274
272
  "cxLiterals": [
273
+ "flex-none",
274
+ "inherit",
275
275
  "[&_path]:fill-current"
276
276
  ],
277
277
  "internalComponents": [
@@ -577,6 +577,108 @@
577
577
  "runtimeConfigInternalComponentProps": {},
578
578
  "motionVarPrefixes": []
579
579
  },
580
+ "DividerLabel": {
581
+ "name": "DividerLabel",
582
+ "defaultProps": {
583
+ "variant": "primary",
584
+ "textVariant": "inherit",
585
+ "color": "inherit",
586
+ "as": "span"
587
+ },
588
+ "getStylesLiterals": {},
589
+ "cxLiterals": [
590
+ "inherit"
591
+ ],
592
+ "internalComponents": [
593
+ "Text"
594
+ ],
595
+ "internalComponentProps": {},
596
+ "propToVariantKeys": {
597
+ "variant": [
598
+ "dividerVariantLabel"
599
+ ],
600
+ "textVariant": [
601
+ "variant"
602
+ ]
603
+ },
604
+ "runtimeConfigDefaultProps": {},
605
+ "runtimeConfigGetStyles": {},
606
+ "runtimeConfigInternalComponentProps": {},
607
+ "motionVarPrefixes": []
608
+ },
609
+ "DividerLine": {
610
+ "name": "DividerLine",
611
+ "defaultProps": {
612
+ "variant": "primary"
613
+ },
614
+ "getStylesLiterals": {},
615
+ "cxLiterals": [
616
+ "inherit"
617
+ ],
618
+ "internalComponents": [
619
+ "Box"
620
+ ],
621
+ "internalComponentProps": {
622
+ "Box": {
623
+ "flex": [
624
+ "1"
625
+ ]
626
+ }
627
+ },
628
+ "propToVariantKeys": {
629
+ "variant": [
630
+ "dividerVariantLine"
631
+ ]
632
+ },
633
+ "runtimeConfigDefaultProps": {},
634
+ "runtimeConfigGetStyles": {},
635
+ "runtimeConfigInternalComponentProps": {},
636
+ "motionVarPrefixes": []
637
+ },
638
+ "Divider": {
639
+ "name": "Divider",
640
+ "defaultProps": {
641
+ "variant": "primary",
642
+ "contentPosition": "center"
643
+ },
644
+ "getStylesLiterals": {},
645
+ "cxLiterals": [
646
+ "inherit"
647
+ ],
648
+ "internalComponents": [
649
+ "DividerLine",
650
+ "DividerLabel",
651
+ "InternalComponent",
652
+ "Box"
653
+ ],
654
+ "internalComponentProps": {
655
+ "InternalComponent": {
656
+ "alignItems": [
657
+ "center"
658
+ ],
659
+ "flex": [
660
+ "1"
661
+ ]
662
+ },
663
+ "Box": {
664
+ "display": [
665
+ "flex"
666
+ ],
667
+ "flex": [
668
+ "none"
669
+ ]
670
+ }
671
+ },
672
+ "propToVariantKeys": {
673
+ "variant": [
674
+ "dividerVariantRoot"
675
+ ]
676
+ },
677
+ "runtimeConfigDefaultProps": {},
678
+ "runtimeConfigGetStyles": {},
679
+ "runtimeConfigInternalComponentProps": {},
680
+ "motionVarPrefixes": []
681
+ },
580
682
  "Badge": {
581
683
  "name": "Badge",
582
684
  "defaultProps": {
@@ -721,57 +823,94 @@
721
823
  "runtimeConfigInternalComponentProps": {},
722
824
  "motionVarPrefixes": []
723
825
  },
724
- "DividerLabel": {
725
- "name": "DividerLabel",
726
- "defaultProps": {
727
- "variant": "primary",
728
- "textVariant": "inherit",
729
- "color": "inherit",
730
- "as": "span"
731
- },
826
+ "Tooltip": {
827
+ "name": "Tooltip",
828
+ "defaultProps": {},
732
829
  "getStylesLiterals": {},
733
- "cxLiterals": [
734
- "inherit"
735
- ],
830
+ "cxLiterals": [],
736
831
  "internalComponents": [
737
- "Text"
832
+ "TooltipInternalContext.Provider",
833
+ "TooltipProvider"
738
834
  ],
739
835
  "internalComponentProps": {},
740
- "propToVariantKeys": {
741
- "variant": [
742
- "dividerVariantLabel"
743
- ],
744
- "textVariant": [
745
- "variant"
746
- ]
747
- },
836
+ "propToVariantKeys": {},
748
837
  "runtimeConfigDefaultProps": {},
749
838
  "runtimeConfigGetStyles": {},
750
- "runtimeConfigInternalComponentProps": {},
839
+ "runtimeConfigInternalComponentProps": {
840
+ "TooltipProvider": {
841
+ "animated": [
842
+ "tooltip.animationDuration"
843
+ ]
844
+ }
845
+ },
751
846
  "motionVarPrefixes": []
752
847
  },
753
- "DividerLine": {
754
- "name": "DividerLine",
755
- "defaultProps": {
756
- "variant": "primary"
848
+ "TooltipContent": {
849
+ "name": "TooltipContent",
850
+ "defaultProps": {},
851
+ "getStylesLiterals": {
852
+ "tooltipSizeRoot": "default",
853
+ "tooltipVariantRoot": "default",
854
+ "tooltipSizeSvg": "default",
855
+ "tooltipVariantSvg": "default",
856
+ "tooltipVariantBlur": "default",
857
+ "position": "absolute",
858
+ "width": "full",
859
+ "height": "full",
860
+ "tooltipSizeTitle": "default",
861
+ "tooltipSizeBody": "default",
862
+ "tooltipSizeEndContent": "default",
863
+ "tooltipSizeIcon": "default",
864
+ "tooltipVariantIcon": "default"
757
865
  },
758
- "getStylesLiterals": {},
759
866
  "cxLiterals": [
760
- "inherit"
867
+ "max-w-lg",
868
+ "flex",
869
+ "z-[9999]",
870
+ "uds-bgBlurFillFallback",
871
+ "uds-bgBlurFallback",
872
+ "top-0",
873
+ "left-0",
874
+ "z-[1]"
761
875
  ],
762
876
  "internalComponents": [
763
- "Box"
877
+ "IconSlot",
878
+ "TooltipArrow",
879
+ "Tooltip",
880
+ "SvgFloatingOverlay",
881
+ "VStack",
882
+ "Box",
883
+ "Text"
764
884
  ],
765
885
  "internalComponentProps": {
886
+ "SvgFloatingOverlay": {
887
+ "contentOverflow": [
888
+ "visible"
889
+ ]
890
+ },
891
+ "VStack": {
892
+ "className": [
893
+ "gap-[inherit]"
894
+ ]
895
+ },
766
896
  "Box": {
767
- "flex": [
768
- "1"
897
+ "alignItems": [
898
+ "center"
899
+ ],
900
+ "columnGap": [
901
+ "1",
902
+ "1.5"
903
+ ]
904
+ },
905
+ "Text": {
906
+ "color": [
907
+ "inherit"
769
908
  ]
770
909
  }
771
910
  },
772
911
  "propToVariantKeys": {
773
- "variant": [
774
- "dividerVariantLine"
912
+ "startTitleIcon": [
913
+ "icon"
775
914
  ]
776
915
  },
777
916
  "runtimeConfigDefaultProps": {},
@@ -779,43 +918,24 @@
779
918
  "runtimeConfigInternalComponentProps": {},
780
919
  "motionVarPrefixes": []
781
920
  },
782
- "Divider": {
783
- "name": "Divider",
784
- "defaultProps": {
785
- "variant": "primary",
786
- "contentPosition": "center"
787
- },
921
+ "TooltipTrigger": {
922
+ "name": "TooltipTrigger",
923
+ "defaultProps": {},
788
924
  "getStylesLiterals": {},
789
- "cxLiterals": [
790
- "inherit"
791
- ],
925
+ "cxLiterals": [],
792
926
  "internalComponents": [
793
- "DividerLine",
794
- "DividerLabel",
795
- "InternalComponent",
796
- "Box"
927
+ "TooltipAnchor"
797
928
  ],
798
929
  "internalComponentProps": {
799
- "InternalComponent": {
800
- "alignItems": [
801
- "center"
802
- ],
803
- "flex": [
804
- "1"
805
- ]
806
- },
807
- "Box": {
808
- "display": [
809
- "flex"
810
- ],
811
- "flex": [
812
- "none"
930
+ "TooltipAnchor": {
931
+ "className": [
932
+ "inline"
813
933
  ]
814
934
  }
815
935
  },
816
936
  "propToVariantKeys": {
817
- "variant": [
818
- "dividerVariantRoot"
937
+ "children": [
938
+ "render"
819
939
  ]
820
940
  },
821
941
  "runtimeConfigDefaultProps": {},
@@ -823,15 +943,30 @@
823
943
  "runtimeConfigInternalComponentProps": {},
824
944
  "motionVarPrefixes": []
825
945
  },
826
- "Accordion": {
827
- "name": "Accordion",
828
- "defaultProps": {
829
- "spacingHorizontal": "4",
830
- "spacingVertical": "4"
831
- },
946
+ "UDSTooltipConfigProvider": {
947
+ "name": "UDSTooltipConfigProvider",
948
+ "defaultProps": {},
832
949
  "getStylesLiterals": {},
833
- "cxLiterals": [
834
- "hover:bg-secondary/80",
950
+ "cxLiterals": [],
951
+ "internalComponents": [
952
+ "TooltipContext.Provider"
953
+ ],
954
+ "internalComponentProps": {},
955
+ "propToVariantKeys": {},
956
+ "runtimeConfigDefaultProps": {},
957
+ "runtimeConfigGetStyles": {},
958
+ "runtimeConfigInternalComponentProps": {},
959
+ "motionVarPrefixes": []
960
+ },
961
+ "Accordion": {
962
+ "name": "Accordion",
963
+ "defaultProps": {
964
+ "spacingHorizontal": "4",
965
+ "spacingVertical": "4"
966
+ },
967
+ "getStylesLiterals": {},
968
+ "cxLiterals": [
969
+ "hover:bg-secondary/80",
835
970
  "w-full"
836
971
  ],
837
972
  "internalComponents": [
@@ -998,141 +1133,6 @@
998
1133
  "runtimeConfigInternalComponentProps": {},
999
1134
  "motionVarPrefixes": []
1000
1135
  },
1001
- "Tooltip": {
1002
- "name": "Tooltip",
1003
- "defaultProps": {},
1004
- "getStylesLiterals": {},
1005
- "cxLiterals": [],
1006
- "internalComponents": [
1007
- "TooltipInternalContext.Provider",
1008
- "TooltipProvider"
1009
- ],
1010
- "internalComponentProps": {},
1011
- "propToVariantKeys": {},
1012
- "runtimeConfigDefaultProps": {},
1013
- "runtimeConfigGetStyles": {},
1014
- "runtimeConfigInternalComponentProps": {
1015
- "TooltipProvider": {
1016
- "animated": [
1017
- "tooltip.animationDuration"
1018
- ]
1019
- }
1020
- },
1021
- "motionVarPrefixes": []
1022
- },
1023
- "TooltipContent": {
1024
- "name": "TooltipContent",
1025
- "defaultProps": {},
1026
- "getStylesLiterals": {
1027
- "tooltipSizeRoot": "default",
1028
- "tooltipVariantRoot": "default",
1029
- "tooltipSizeSvg": "default",
1030
- "tooltipVariantSvg": "default",
1031
- "tooltipVariantBlur": "default",
1032
- "position": "absolute",
1033
- "width": "full",
1034
- "height": "full",
1035
- "tooltipSizeTitle": "default",
1036
- "tooltipSizeBody": "default",
1037
- "tooltipSizeEndContent": "default",
1038
- "tooltipSizeIcon": "default",
1039
- "tooltipVariantIcon": "default"
1040
- },
1041
- "cxLiterals": [
1042
- "max-w-lg",
1043
- "flex",
1044
- "z-[9999]",
1045
- "uds-bgBlurFillFallback",
1046
- "uds-bgBlurFallback",
1047
- "top-0",
1048
- "left-0",
1049
- "z-[1]"
1050
- ],
1051
- "internalComponents": [
1052
- "IconSlot",
1053
- "TooltipArrow",
1054
- "Tooltip",
1055
- "SvgFloatingOverlay",
1056
- "VStack",
1057
- "Box",
1058
- "Text"
1059
- ],
1060
- "internalComponentProps": {
1061
- "SvgFloatingOverlay": {
1062
- "contentOverflow": [
1063
- "visible"
1064
- ]
1065
- },
1066
- "VStack": {
1067
- "className": [
1068
- "gap-[inherit]"
1069
- ]
1070
- },
1071
- "Box": {
1072
- "alignItems": [
1073
- "center"
1074
- ],
1075
- "columnGap": [
1076
- "1",
1077
- "1.5"
1078
- ]
1079
- },
1080
- "Text": {
1081
- "color": [
1082
- "inherit"
1083
- ]
1084
- }
1085
- },
1086
- "propToVariantKeys": {
1087
- "startTitleIcon": [
1088
- "icon"
1089
- ]
1090
- },
1091
- "runtimeConfigDefaultProps": {},
1092
- "runtimeConfigGetStyles": {},
1093
- "runtimeConfigInternalComponentProps": {},
1094
- "motionVarPrefixes": []
1095
- },
1096
- "TooltipTrigger": {
1097
- "name": "TooltipTrigger",
1098
- "defaultProps": {},
1099
- "getStylesLiterals": {},
1100
- "cxLiterals": [],
1101
- "internalComponents": [
1102
- "TooltipAnchor"
1103
- ],
1104
- "internalComponentProps": {
1105
- "TooltipAnchor": {
1106
- "className": [
1107
- "inline"
1108
- ]
1109
- }
1110
- },
1111
- "propToVariantKeys": {
1112
- "children": [
1113
- "render"
1114
- ]
1115
- },
1116
- "runtimeConfigDefaultProps": {},
1117
- "runtimeConfigGetStyles": {},
1118
- "runtimeConfigInternalComponentProps": {},
1119
- "motionVarPrefixes": []
1120
- },
1121
- "UDSTooltipConfigProvider": {
1122
- "name": "UDSTooltipConfigProvider",
1123
- "defaultProps": {},
1124
- "getStylesLiterals": {},
1125
- "cxLiterals": [],
1126
- "internalComponents": [
1127
- "TooltipContext.Provider"
1128
- ],
1129
- "internalComponentProps": {},
1130
- "propToVariantKeys": {},
1131
- "runtimeConfigDefaultProps": {},
1132
- "runtimeConfigGetStyles": {},
1133
- "runtimeConfigInternalComponentProps": {},
1134
- "motionVarPrefixes": []
1135
- },
1136
1136
  "SelectDivider": {
1137
1137
  "name": "SelectDivider",
1138
1138
  "defaultProps": {
@@ -2465,83 +2465,200 @@
2465
2465
  "runtimeConfigInternalComponentProps": {},
2466
2466
  "motionVarPrefixes": []
2467
2467
  },
2468
- "Modal": {
2469
- "name": "Modal",
2468
+ "ButtonBase": {
2469
+ "name": "ButtonBase",
2470
2470
  "defaultProps": {
2471
- "closeAriaLabel": "Close",
2472
- "maxWidth": "auto",
2473
- "maxHeight": "auto",
2474
- "scrollBehavior": "outside"
2475
- },
2476
- "getStylesLiterals": {
2477
- "flexDirection": "row-reverse",
2478
- "justifyContent": "space-between",
2479
- "alignItems": "flex-end",
2480
- "alignItems:1": "flex-start",
2481
- "borderRadius": "full"
2471
+ "type": "button"
2482
2472
  },
2473
+ "getStylesLiterals": {},
2483
2474
  "cxLiterals": [
2484
- "fixed",
2485
- "inset-0",
2486
- "z-40",
2487
- "overflow-y-auto",
2488
- "overflow-hidden",
2489
- "transition-[opacity,visibility]",
2490
- "visible",
2491
- "opacity-100",
2492
- "invisible",
2493
- "opacity-0",
2494
- "pointer-events-none",
2495
- "uds-bgBlurFallback",
2496
- "w-full",
2497
- "w-fit",
2498
- "h-full",
2499
- "h-fit",
2500
- "m-auto",
2501
- "pointer-events-auto",
2502
- "inside",
2503
- "max-h-full",
2504
- "transition-transform",
2505
- "duration-0",
2506
- "duration-120",
2507
- "transition-[background-color]",
2508
- "bg-carbon-15/0",
2509
- "hover:bg-carbon-15/10",
2510
- "active:bg-carbon-15/15",
2511
2475
  "uds-ring",
2512
- "[translate:50%_-50%]"
2513
- ],
2514
- "internalComponents": [
2515
- "Scrim",
2516
- "VStack",
2517
- "Pressable",
2518
- "IconSlot",
2519
- "Box",
2520
- "Dialog",
2521
- "ModalContext.Provider",
2522
- "HStack",
2523
- "DialogDismiss",
2524
- "ModalTitle",
2525
- "ModalDescription",
2526
- "ModalContent",
2527
- "ModalActions"
2476
+ "uds-hit-target",
2477
+ "inline-flex",
2478
+ "max-w-full",
2479
+ "overflow-hidden",
2480
+ "justify-center",
2481
+ "items-center",
2482
+ "whitespace-nowrap",
2483
+ "select-none",
2484
+ "[transform-origin:center]",
2485
+ "[backface-visibility:hidden]",
2486
+ "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
2487
+ "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
2488
+ "[transition-duration:220ms]",
2489
+ "cursor-not-allowed",
2490
+ "uds-button-loading",
2491
+ "uds-button-without-effects",
2492
+ "withIcon",
2493
+ "uds-button-with-gap",
2494
+ "flex",
2495
+ "shrink-0",
2496
+ "overflow-clip",
2497
+ "uds-button-icon-container",
2498
+ "animate-spin",
2499
+ "min-w-0",
2500
+ "truncate"
2528
2501
  ],
2529
- "internalComponentProps": {
2530
- "Box": {
2531
- "flexGrow": [
2532
- "1"
2533
- ]
2534
- }
2535
- },
2502
+ "internalComponents": [],
2503
+ "internalComponentProps": {},
2536
2504
  "propToVariantKeys": {
2537
- "gutter": [
2538
- "spacing"
2539
- ],
2540
2505
  "size": [
2541
- "modalSizeRoot",
2542
- "modalSizeSpacingHorizontal",
2543
- "modalSizeHeader",
2544
- "modalSizeTitleDescriptionWrapper",
2506
+ "buttonSizeRoot",
2507
+ "buttonSizeIcon"
2508
+ ],
2509
+ "variant": [
2510
+ "buttonVariantRoot",
2511
+ "buttonVariantIcon"
2512
+ ]
2513
+ },
2514
+ "runtimeConfigDefaultProps": {
2515
+ "size": "button.defaultSize"
2516
+ },
2517
+ "runtimeConfigGetStyles": {},
2518
+ "runtimeConfigInternalComponentProps": {},
2519
+ "motionVarPrefixes": []
2520
+ },
2521
+ "UDSButtonConfigProvider": {
2522
+ "name": "UDSButtonConfigProvider",
2523
+ "defaultProps": {},
2524
+ "getStylesLiterals": {},
2525
+ "cxLiterals": [],
2526
+ "internalComponents": [
2527
+ "ButtonContext.Provider"
2528
+ ],
2529
+ "internalComponentProps": {},
2530
+ "propToVariantKeys": {},
2531
+ "runtimeConfigDefaultProps": {},
2532
+ "runtimeConfigGetStyles": {},
2533
+ "runtimeConfigInternalComponentProps": {},
2534
+ "motionVarPrefixes": []
2535
+ },
2536
+ "Button": {
2537
+ "name": "Button",
2538
+ "defaultProps": {},
2539
+ "getStylesLiterals": {},
2540
+ "cxLiterals": [],
2541
+ "internalComponents": [
2542
+ "ButtonBase",
2543
+ "Icon",
2544
+ "IconSlot",
2545
+ "AnimatePresence",
2546
+ "SpringMotionConfig",
2547
+ "MotionSlot",
2548
+ "ButtonProps",
2549
+ "Slot"
2550
+ ],
2551
+ "internalComponentProps": {
2552
+ "Icon": {
2553
+ "color": [
2554
+ "current"
2555
+ ]
2556
+ },
2557
+ "AnimatePresence": {
2558
+ "mode": [
2559
+ "popLayout"
2560
+ ]
2561
+ },
2562
+ "SpringMotionConfig": {
2563
+ "layoutSpeed": [
2564
+ "3"
2565
+ ]
2566
+ },
2567
+ "MotionSlot": {
2568
+ "whileHover": [
2569
+ "hover"
2570
+ ],
2571
+ "whileTap": [
2572
+ "pressed"
2573
+ ]
2574
+ }
2575
+ },
2576
+ "propToVariantKeys": {},
2577
+ "runtimeConfigDefaultProps": {},
2578
+ "runtimeConfigGetStyles": {},
2579
+ "runtimeConfigInternalComponentProps": {},
2580
+ "motionVarPrefixes": [
2581
+ "--uds-motion-subtle-3-",
2582
+ "--uds-motion-smooth-3-"
2583
+ ]
2584
+ },
2585
+ "Modal": {
2586
+ "name": "Modal",
2587
+ "defaultProps": {
2588
+ "closeAriaLabel": "Close",
2589
+ "maxWidth": "auto",
2590
+ "maxHeight": "auto",
2591
+ "scrollBehavior": "outside"
2592
+ },
2593
+ "getStylesLiterals": {
2594
+ "flexDirection": "row-reverse",
2595
+ "justifyContent": "space-between",
2596
+ "alignItems": "flex-end",
2597
+ "alignItems:1": "flex-start",
2598
+ "borderRadius": "full"
2599
+ },
2600
+ "cxLiterals": [
2601
+ "fixed",
2602
+ "inset-0",
2603
+ "z-40",
2604
+ "overflow-y-auto",
2605
+ "overflow-hidden",
2606
+ "transition-[opacity,visibility]",
2607
+ "visible",
2608
+ "opacity-100",
2609
+ "invisible",
2610
+ "opacity-0",
2611
+ "pointer-events-none",
2612
+ "uds-bgBlurFallback",
2613
+ "w-full",
2614
+ "w-fit",
2615
+ "h-full",
2616
+ "h-fit",
2617
+ "m-auto",
2618
+ "pointer-events-auto",
2619
+ "inside",
2620
+ "max-h-full",
2621
+ "transition-transform",
2622
+ "duration-0",
2623
+ "duration-120",
2624
+ "transition-[background-color]",
2625
+ "bg-carbon-15/0",
2626
+ "hover:bg-carbon-15/10",
2627
+ "active:bg-carbon-15/15",
2628
+ "uds-ring",
2629
+ "[translate:50%_-50%]"
2630
+ ],
2631
+ "internalComponents": [
2632
+ "Scrim",
2633
+ "VStack",
2634
+ "Pressable",
2635
+ "IconSlot",
2636
+ "Box",
2637
+ "Dialog",
2638
+ "ModalContext.Provider",
2639
+ "HStack",
2640
+ "DialogDismiss",
2641
+ "ModalTitle",
2642
+ "ModalDescription",
2643
+ "ModalContent",
2644
+ "ModalActions"
2645
+ ],
2646
+ "internalComponentProps": {
2647
+ "Box": {
2648
+ "flexGrow": [
2649
+ "1"
2650
+ ]
2651
+ }
2652
+ },
2653
+ "propToVariantKeys": {
2654
+ "gutter": [
2655
+ "spacing"
2656
+ ],
2657
+ "size": [
2658
+ "modalSizeRoot",
2659
+ "modalSizeSpacingHorizontal",
2660
+ "modalSizeHeader",
2661
+ "modalSizeTitleDescriptionWrapper",
2545
2662
  "modalSizeCloseIconContainer",
2546
2663
  "modalSizeCloseIcon"
2547
2664
  ],
@@ -2801,191 +2918,74 @@
2801
2918
  "runtimeConfigInternalComponentProps": {},
2802
2919
  "motionVarPrefixes": []
2803
2920
  },
2804
- "ButtonBase": {
2805
- "name": "ButtonBase",
2921
+ "RadioGroupStore": {
2922
+ "name": "RadioGroupStore",
2923
+ "defaultProps": {},
2924
+ "getStylesLiterals": {},
2925
+ "cxLiterals": [],
2926
+ "internalComponents": [],
2927
+ "internalComponentProps": {},
2928
+ "propToVariantKeys": {},
2929
+ "runtimeConfigDefaultProps": {},
2930
+ "runtimeConfigGetStyles": {},
2931
+ "runtimeConfigInternalComponentProps": {},
2932
+ "motionVarPrefixes": []
2933
+ },
2934
+ "RadioBase": {
2935
+ "name": "RadioBase",
2806
2936
  "defaultProps": {
2807
- "type": "button"
2937
+ "labelPosition": "start",
2938
+ "variant": "primary",
2939
+ "size": "md",
2940
+ "value": ""
2941
+ },
2942
+ "getStylesLiterals": {
2943
+ "radioVariantValueRoot": "checked",
2944
+ "radioVariantValueRoot:1": "unchecked",
2945
+ "display": "flex",
2946
+ "flexDirection": "row",
2947
+ "flexDirection:1": "row-reverse",
2948
+ "alignItems": "center"
2808
2949
  },
2809
- "getStylesLiterals": {},
2810
2950
  "cxLiterals": [
2811
- "uds-ring",
2812
- "uds-hit-target",
2813
- "inline-flex",
2814
- "max-w-full",
2815
- "overflow-hidden",
2816
- "justify-center",
2817
- "items-center",
2818
- "whitespace-nowrap",
2819
- "select-none",
2820
- "[transform-origin:center]",
2821
- "[backface-visibility:hidden]",
2822
- "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
2823
- "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
2824
- "[transition-duration:220ms]",
2825
- "cursor-not-allowed",
2826
- "uds-button-loading",
2827
- "uds-button-without-effects",
2828
- "withIcon",
2829
- "uds-button-with-gap",
2830
- "flex",
2831
- "shrink-0",
2832
- "overflow-clip",
2833
- "uds-button-icon-container",
2834
- "animate-spin",
2835
- "min-w-0",
2836
- "truncate"
2951
+ "cursor-pointer",
2952
+ "cursor-default",
2953
+ "opacity-50",
2954
+ "cursor-[inherit]",
2955
+ "absolute",
2956
+ "opacity-0",
2957
+ "top-[-1px]",
2958
+ "left-[-1px]",
2959
+ "w-[calc(100%+2px)]",
2960
+ "h-[calc(100%+2px)]",
2961
+ "text-start",
2962
+ "text-end"
2837
2963
  ],
2838
- "internalComponents": [],
2839
- "internalComponentProps": {},
2964
+ "internalComponents": [
2965
+ "FormLabel"
2966
+ ],
2967
+ "internalComponentProps": {
2968
+ "FormLabel": {
2969
+ "as": [
2970
+ "div"
2971
+ ],
2972
+ "variant": [
2973
+ "inherit"
2974
+ ],
2975
+ "color": [
2976
+ "inherit"
2977
+ ]
2978
+ }
2979
+ },
2840
2980
  "propToVariantKeys": {
2841
2981
  "size": [
2842
- "buttonSizeRoot",
2843
- "buttonSizeIcon"
2982
+ "radioSizeRoot"
2844
2983
  ],
2845
2984
  "variant": [
2846
- "buttonVariantRoot",
2847
- "buttonVariantIcon"
2985
+ "radioVariantRoot"
2848
2986
  ]
2849
2987
  },
2850
- "runtimeConfigDefaultProps": {
2851
- "size": "button.defaultSize"
2852
- },
2853
- "runtimeConfigGetStyles": {},
2854
- "runtimeConfigInternalComponentProps": {},
2855
- "motionVarPrefixes": []
2856
- },
2857
- "UDSButtonConfigProvider": {
2858
- "name": "UDSButtonConfigProvider",
2859
- "defaultProps": {},
2860
- "getStylesLiterals": {},
2861
- "cxLiterals": [],
2862
- "internalComponents": [
2863
- "ButtonContext.Provider"
2864
- ],
2865
- "internalComponentProps": {},
2866
- "propToVariantKeys": {},
2867
- "runtimeConfigDefaultProps": {},
2868
- "runtimeConfigGetStyles": {},
2869
- "runtimeConfigInternalComponentProps": {},
2870
- "motionVarPrefixes": []
2871
- },
2872
- "Button": {
2873
- "name": "Button",
2874
- "defaultProps": {},
2875
- "getStylesLiterals": {},
2876
- "cxLiterals": [],
2877
- "internalComponents": [
2878
- "ButtonBase",
2879
- "Icon",
2880
- "IconSlot",
2881
- "AnimatePresence",
2882
- "SpringMotionConfig",
2883
- "MotionSlot",
2884
- "ButtonProps",
2885
- "Slot"
2886
- ],
2887
- "internalComponentProps": {
2888
- "Icon": {
2889
- "color": [
2890
- "current"
2891
- ]
2892
- },
2893
- "AnimatePresence": {
2894
- "mode": [
2895
- "popLayout"
2896
- ]
2897
- },
2898
- "SpringMotionConfig": {
2899
- "layoutSpeed": [
2900
- "3"
2901
- ]
2902
- },
2903
- "MotionSlot": {
2904
- "whileHover": [
2905
- "hover"
2906
- ],
2907
- "whileTap": [
2908
- "pressed"
2909
- ]
2910
- }
2911
- },
2912
- "propToVariantKeys": {},
2913
- "runtimeConfigDefaultProps": {},
2914
- "runtimeConfigGetStyles": {},
2915
- "runtimeConfigInternalComponentProps": {},
2916
- "motionVarPrefixes": [
2917
- "--uds-motion-subtle-3-",
2918
- "--uds-motion-smooth-3-"
2919
- ]
2920
- },
2921
- "RadioGroupStore": {
2922
- "name": "RadioGroupStore",
2923
- "defaultProps": {},
2924
- "getStylesLiterals": {},
2925
- "cxLiterals": [],
2926
- "internalComponents": [],
2927
- "internalComponentProps": {},
2928
- "propToVariantKeys": {},
2929
- "runtimeConfigDefaultProps": {},
2930
- "runtimeConfigGetStyles": {},
2931
- "runtimeConfigInternalComponentProps": {},
2932
- "motionVarPrefixes": []
2933
- },
2934
- "RadioBase": {
2935
- "name": "RadioBase",
2936
- "defaultProps": {
2937
- "labelPosition": "start",
2938
- "variant": "primary",
2939
- "size": "md",
2940
- "value": ""
2941
- },
2942
- "getStylesLiterals": {
2943
- "radioVariantValueRoot": "checked",
2944
- "radioVariantValueRoot:1": "unchecked",
2945
- "display": "flex",
2946
- "flexDirection": "row",
2947
- "flexDirection:1": "row-reverse",
2948
- "alignItems": "center"
2949
- },
2950
- "cxLiterals": [
2951
- "cursor-pointer",
2952
- "cursor-default",
2953
- "opacity-50",
2954
- "cursor-[inherit]",
2955
- "absolute",
2956
- "opacity-0",
2957
- "top-[-1px]",
2958
- "left-[-1px]",
2959
- "w-[calc(100%+2px)]",
2960
- "h-[calc(100%+2px)]",
2961
- "text-start",
2962
- "text-end"
2963
- ],
2964
- "internalComponents": [
2965
- "FormLabel"
2966
- ],
2967
- "internalComponentProps": {
2968
- "FormLabel": {
2969
- "as": [
2970
- "div"
2971
- ],
2972
- "variant": [
2973
- "inherit"
2974
- ],
2975
- "color": [
2976
- "inherit"
2977
- ]
2978
- }
2979
- },
2980
- "propToVariantKeys": {
2981
- "size": [
2982
- "radioSizeRoot"
2983
- ],
2984
- "variant": [
2985
- "radioVariantRoot"
2986
- ]
2987
- },
2988
- "runtimeConfigDefaultProps": {},
2988
+ "runtimeConfigDefaultProps": {},
2989
2989
  "runtimeConfigGetStyles": {},
2990
2990
  "runtimeConfigInternalComponentProps": {},
2991
2991
  "motionVarPrefixes": []
@@ -3673,6 +3673,144 @@
3673
3673
  "runtimeConfigInternalComponentProps": {},
3674
3674
  "motionVarPrefixes": []
3675
3675
  },
3676
+ "AvatarIcon": {
3677
+ "name": "AvatarIcon",
3678
+ "defaultProps": {
3679
+ "size": "md",
3680
+ "variant": "primary"
3681
+ },
3682
+ "getStylesLiterals": {},
3683
+ "cxLiterals": [
3684
+ "overflow-hidden",
3685
+ "w-full",
3686
+ "h-full",
3687
+ "shrink-0",
3688
+ "text-center",
3689
+ "inline-flex",
3690
+ "justify-center",
3691
+ "items-center"
3692
+ ],
3693
+ "internalComponents": [
3694
+ "IconSlot",
3695
+ "Box"
3696
+ ],
3697
+ "internalComponentProps": {},
3698
+ "propToVariantKeys": {
3699
+ "size": [
3700
+ "avatarSizeIcon"
3701
+ ]
3702
+ },
3703
+ "runtimeConfigDefaultProps": {
3704
+ "size": "avatar.defaultSize"
3705
+ },
3706
+ "runtimeConfigGetStyles": {},
3707
+ "runtimeConfigInternalComponentProps": {},
3708
+ "motionVarPrefixes": []
3709
+ },
3710
+ "AvatarImage": {
3711
+ "name": "AvatarImage",
3712
+ "defaultProps": {
3713
+ "size": "md",
3714
+ "variant": "primary"
3715
+ },
3716
+ "getStylesLiterals": {},
3717
+ "cxLiterals": [
3718
+ "overflow-hidden",
3719
+ "w-full",
3720
+ "h-full",
3721
+ "shrink-0",
3722
+ "text-center",
3723
+ "inline-flex",
3724
+ "justify-center",
3725
+ "items-center",
3726
+ "object-cover"
3727
+ ],
3728
+ "internalComponents": [
3729
+ "UDSImage",
3730
+ "AvatarText",
3731
+ "AvatarIcon",
3732
+ "Box"
3733
+ ],
3734
+ "internalComponentProps": {},
3735
+ "propToVariantKeys": {
3736
+ "alt": [
3737
+ "name"
3738
+ ],
3739
+ "fallback": [
3740
+ "initials"
3741
+ ]
3742
+ },
3743
+ "runtimeConfigDefaultProps": {},
3744
+ "runtimeConfigGetStyles": {},
3745
+ "runtimeConfigInternalComponentProps": {},
3746
+ "motionVarPrefixes": []
3747
+ },
3748
+ "AvatarText": {
3749
+ "name": "AvatarText",
3750
+ "defaultProps": {
3751
+ "size": "md",
3752
+ "variant": "primary"
3753
+ },
3754
+ "getStylesLiterals": {},
3755
+ "cxLiterals": [
3756
+ "overflow-hidden",
3757
+ "truncate",
3758
+ "w-full",
3759
+ "h-full",
3760
+ "shrink-0",
3761
+ "text-center",
3762
+ "inline-flex",
3763
+ "justify-center",
3764
+ "items-center"
3765
+ ],
3766
+ "internalComponents": [
3767
+ "Box",
3768
+ "Text"
3769
+ ],
3770
+ "internalComponentProps": {
3771
+ "Text": {
3772
+ "color": [
3773
+ "inherit"
3774
+ ],
3775
+ "variant": [
3776
+ "inherit"
3777
+ ]
3778
+ }
3779
+ },
3780
+ "propToVariantKeys": {},
3781
+ "runtimeConfigDefaultProps": {},
3782
+ "runtimeConfigGetStyles": {},
3783
+ "runtimeConfigInternalComponentProps": {},
3784
+ "motionVarPrefixes": []
3785
+ },
3786
+ "Avatar": {
3787
+ "name": "Avatar",
3788
+ "defaultProps": {},
3789
+ "getStylesLiterals": {},
3790
+ "cxLiterals": [],
3791
+ "internalComponents": [
3792
+ "AvatarImage"
3793
+ ],
3794
+ "internalComponentProps": {},
3795
+ "propToVariantKeys": {},
3796
+ "runtimeConfigDefaultProps": {},
3797
+ "runtimeConfigGetStyles": {},
3798
+ "runtimeConfigInternalComponentProps": {},
3799
+ "motionVarPrefixes": []
3800
+ },
3801
+ "UDSAvatarConfigProvider": {
3802
+ "name": "UDSAvatarConfigProvider",
3803
+ "defaultProps": {},
3804
+ "getStylesLiterals": {},
3805
+ "cxLiterals": [],
3806
+ "internalComponents": [],
3807
+ "internalComponentProps": {},
3808
+ "propToVariantKeys": {},
3809
+ "runtimeConfigDefaultProps": {},
3810
+ "runtimeConfigGetStyles": {},
3811
+ "runtimeConfigInternalComponentProps": {},
3812
+ "motionVarPrefixes": []
3813
+ },
3676
3814
  "UDSPopoverConfigProvider": {
3677
3815
  "name": "UDSPopoverConfigProvider",
3678
3816
  "defaultProps": {},
@@ -3836,144 +3974,6 @@
3836
3974
  "runtimeConfigInternalComponentProps": {},
3837
3975
  "motionVarPrefixes": []
3838
3976
  },
3839
- "AvatarIcon": {
3840
- "name": "AvatarIcon",
3841
- "defaultProps": {
3842
- "size": "md",
3843
- "variant": "primary"
3844
- },
3845
- "getStylesLiterals": {},
3846
- "cxLiterals": [
3847
- "overflow-hidden",
3848
- "w-full",
3849
- "h-full",
3850
- "shrink-0",
3851
- "text-center",
3852
- "inline-flex",
3853
- "justify-center",
3854
- "items-center"
3855
- ],
3856
- "internalComponents": [
3857
- "IconSlot",
3858
- "Box"
3859
- ],
3860
- "internalComponentProps": {},
3861
- "propToVariantKeys": {
3862
- "size": [
3863
- "avatarSizeIcon"
3864
- ]
3865
- },
3866
- "runtimeConfigDefaultProps": {
3867
- "size": "avatar.defaultSize"
3868
- },
3869
- "runtimeConfigGetStyles": {},
3870
- "runtimeConfigInternalComponentProps": {},
3871
- "motionVarPrefixes": []
3872
- },
3873
- "AvatarImage": {
3874
- "name": "AvatarImage",
3875
- "defaultProps": {
3876
- "size": "md",
3877
- "variant": "primary"
3878
- },
3879
- "getStylesLiterals": {},
3880
- "cxLiterals": [
3881
- "overflow-hidden",
3882
- "w-full",
3883
- "h-full",
3884
- "shrink-0",
3885
- "text-center",
3886
- "inline-flex",
3887
- "justify-center",
3888
- "items-center",
3889
- "object-cover"
3890
- ],
3891
- "internalComponents": [
3892
- "UDSImage",
3893
- "AvatarText",
3894
- "AvatarIcon",
3895
- "Box"
3896
- ],
3897
- "internalComponentProps": {},
3898
- "propToVariantKeys": {
3899
- "alt": [
3900
- "name"
3901
- ],
3902
- "fallback": [
3903
- "initials"
3904
- ]
3905
- },
3906
- "runtimeConfigDefaultProps": {},
3907
- "runtimeConfigGetStyles": {},
3908
- "runtimeConfigInternalComponentProps": {},
3909
- "motionVarPrefixes": []
3910
- },
3911
- "AvatarText": {
3912
- "name": "AvatarText",
3913
- "defaultProps": {
3914
- "size": "md",
3915
- "variant": "primary"
3916
- },
3917
- "getStylesLiterals": {},
3918
- "cxLiterals": [
3919
- "overflow-hidden",
3920
- "truncate",
3921
- "w-full",
3922
- "h-full",
3923
- "shrink-0",
3924
- "text-center",
3925
- "inline-flex",
3926
- "justify-center",
3927
- "items-center"
3928
- ],
3929
- "internalComponents": [
3930
- "Box",
3931
- "Text"
3932
- ],
3933
- "internalComponentProps": {
3934
- "Text": {
3935
- "color": [
3936
- "inherit"
3937
- ],
3938
- "variant": [
3939
- "inherit"
3940
- ]
3941
- }
3942
- },
3943
- "propToVariantKeys": {},
3944
- "runtimeConfigDefaultProps": {},
3945
- "runtimeConfigGetStyles": {},
3946
- "runtimeConfigInternalComponentProps": {},
3947
- "motionVarPrefixes": []
3948
- },
3949
- "Avatar": {
3950
- "name": "Avatar",
3951
- "defaultProps": {},
3952
- "getStylesLiterals": {},
3953
- "cxLiterals": [],
3954
- "internalComponents": [
3955
- "AvatarImage"
3956
- ],
3957
- "internalComponentProps": {},
3958
- "propToVariantKeys": {},
3959
- "runtimeConfigDefaultProps": {},
3960
- "runtimeConfigGetStyles": {},
3961
- "runtimeConfigInternalComponentProps": {},
3962
- "motionVarPrefixes": []
3963
- },
3964
- "UDSAvatarConfigProvider": {
3965
- "name": "UDSAvatarConfigProvider",
3966
- "defaultProps": {},
3967
- "getStylesLiterals": {},
3968
- "cxLiterals": [],
3969
- "internalComponents": [],
3970
- "internalComponentProps": {},
3971
- "propToVariantKeys": {},
3972
- "runtimeConfigDefaultProps": {},
3973
- "runtimeConfigGetStyles": {},
3974
- "runtimeConfigInternalComponentProps": {},
3975
- "motionVarPrefixes": []
3976
- },
3977
3977
  "IconButtonBase": {
3978
3978
  "name": "IconButtonBase",
3979
3979
  "defaultProps": {