@yahoo/uds 3.172.1 → 3.173.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 (35) hide show
  1. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
  2. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
  3. package/dist/components/client/BottomSheet/useBottomSheetStore.cjs +1 -1
  4. package/dist/components/client/BottomSheet/useBottomSheetStore.js +1 -1
  5. package/dist/components/client/Input/Input.cjs +4 -2
  6. package/dist/components/client/Input/Input.js +4 -2
  7. package/dist/components/client/Menu/Menu.ItemCheckbox.cjs +7 -6
  8. package/dist/components/client/Menu/Menu.ItemCheckbox.js +7 -6
  9. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
  10. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
  11. package/dist/components/client/Select/Select.cjs +6 -2
  12. package/dist/components/client/Select/Select.d.cts +1 -1
  13. package/dist/components/client/Select/Select.d.ts +1 -1
  14. package/dist/components/client/Select/Select.js +6 -2
  15. package/dist/components/client/Select/SelectItem.cjs +4 -4
  16. package/dist/components/client/Select/SelectItem.js +5 -5
  17. package/dist/components/client/Select/SelectTrigger.cjs +2 -1
  18. package/dist/components/client/Select/SelectTrigger.js +2 -1
  19. package/dist/components/client/Select/selectContext.d.cts +1 -0
  20. package/dist/components/client/Select/selectContext.d.ts +1 -0
  21. package/dist/components/client/Select/selectFieldStyles.cjs +1 -1
  22. package/dist/components/client/Select/selectFieldStyles.js +1 -1
  23. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.cts +2 -2
  24. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.ts +2 -2
  25. package/dist/types/dist/index.d.cts +4 -0
  26. package/dist/types/dist/index.d.ts +4 -0
  27. package/dist/uds/generated/componentData.cjs +244 -247
  28. package/dist/uds/generated/componentData.js +244 -247
  29. package/dist/uds/generated/tailwindPurge.cjs +6 -6
  30. package/dist/uds/generated/tailwindPurge.js +6 -6
  31. package/dist/uds/package.cjs +1 -1
  32. package/dist/uds/package.js +1 -1
  33. package/generated/componentData.json +416 -419
  34. package/generated/tailwindPurge.ts +1 -1
  35. package/package.json +2 -2
@@ -1284,7 +1284,8 @@
1284
1284
  "IconSlot",
1285
1285
  "AriakitSelectItem",
1286
1286
  "HStack",
1287
- "AnimatePresence"
1287
+ "AnimatePresence",
1288
+ "SelectItemSelected"
1288
1289
  ],
1289
1290
  "internalComponentProps": {
1290
1291
  "HStack": {
@@ -1356,7 +1357,6 @@
1356
1357
  "flex",
1357
1358
  "w-full",
1358
1359
  "items-center",
1359
- "min-w-[200px]",
1360
1360
  "uds-ring-shadow",
1361
1361
  "uds-ring-within",
1362
1362
  "uds-select-field-trigger",
@@ -1465,7 +1465,6 @@
1465
1465
  "truncate",
1466
1466
  "text-left",
1467
1467
  "opacity-50",
1468
- "min-w-[200px]",
1469
1468
  "uds-ring-shadow",
1470
1469
  "uds-ring-within",
1471
1470
  "uds-select-field-trigger",
@@ -1581,7 +1580,6 @@
1581
1580
  "flex",
1582
1581
  "w-full",
1583
1582
  "items-center",
1584
- "min-w-[200px]",
1585
1583
  "uds-ring-shadow",
1586
1584
  "uds-ring-within",
1587
1585
  "uds-select-field-trigger",
@@ -2582,450 +2580,114 @@
2582
2580
  "--uds-motion-smooth-3-"
2583
2581
  ]
2584
2582
  },
2585
- "Modal": {
2586
- "name": "Modal",
2583
+ "RadioGroupStore": {
2584
+ "name": "RadioGroupStore",
2585
+ "defaultProps": {},
2586
+ "getStylesLiterals": {},
2587
+ "cxLiterals": [],
2588
+ "internalComponents": [],
2589
+ "internalComponentProps": {},
2590
+ "propToVariantKeys": {},
2591
+ "runtimeConfigDefaultProps": {},
2592
+ "runtimeConfigGetStyles": {},
2593
+ "runtimeConfigInternalComponentProps": {},
2594
+ "motionVarPrefixes": []
2595
+ },
2596
+ "RadioBase": {
2597
+ "name": "RadioBase",
2587
2598
  "defaultProps": {
2588
- "closeAriaLabel": "Close",
2589
- "maxWidth": "auto",
2590
- "maxHeight": "auto",
2591
- "scrollBehavior": "outside"
2599
+ "labelPosition": "start",
2600
+ "variant": "primary",
2601
+ "size": "md",
2602
+ "value": ""
2592
2603
  },
2593
2604
  "getStylesLiterals": {
2594
- "flexDirection": "row-reverse",
2595
- "justifyContent": "space-between",
2596
- "alignItems": "flex-end",
2597
- "alignItems:1": "flex-start",
2598
- "borderRadius": "full"
2605
+ "radioVariantValueRoot": "checked",
2606
+ "radioVariantValueRoot:1": "unchecked",
2607
+ "display": "flex",
2608
+ "flexDirection": "row",
2609
+ "flexDirection:1": "row-reverse",
2610
+ "alignItems": "center"
2599
2611
  },
2600
2612
  "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",
2613
+ "cursor-pointer",
2614
+ "cursor-default",
2615
+ "opacity-50",
2616
+ "cursor-[inherit]",
2617
+ "absolute",
2610
2618
  "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%]"
2619
+ "top-[-1px]",
2620
+ "left-[-1px]",
2621
+ "w-[calc(100%+2px)]",
2622
+ "h-[calc(100%+2px)]",
2623
+ "text-start",
2624
+ "text-end"
2630
2625
  ],
2631
2626
  "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"
2627
+ "FormLabel"
2645
2628
  ],
2646
2629
  "internalComponentProps": {
2647
- "Box": {
2648
- "flexGrow": [
2649
- "1"
2630
+ "FormLabel": {
2631
+ "as": [
2632
+ "div"
2633
+ ],
2634
+ "variant": [
2635
+ "inherit"
2636
+ ],
2637
+ "color": [
2638
+ "inherit"
2650
2639
  ]
2651
2640
  }
2652
2641
  },
2653
2642
  "propToVariantKeys": {
2654
- "gutter": [
2655
- "spacing"
2656
- ],
2657
2643
  "size": [
2658
- "modalSizeRoot",
2659
- "modalSizeSpacingHorizontal",
2660
- "modalSizeHeader",
2661
- "modalSizeTitleDescriptionWrapper",
2662
- "modalSizeCloseIconContainer",
2663
- "modalSizeCloseIcon"
2644
+ "radioSizeRoot"
2664
2645
  ],
2665
2646
  "variant": [
2666
- "modalVariantRoot",
2667
- "modalVariantCloseIcon"
2668
- ],
2669
- "closeAriaLabel": [
2670
- "aria-label"
2671
- ],
2672
- "closeIcon": [
2673
- "icon"
2674
- ]
2675
- },
2676
- "runtimeConfigDefaultProps": {
2677
- "size": "modal.defaultSize",
2678
- "variant": "modal.defaultVariant"
2679
- },
2680
- "runtimeConfigGetStyles": {
2681
- "spacing": [
2682
- "modal.gutter.${size}"
2683
- ],
2684
- "modalSizeRoot": [
2685
- "modal.defaultSize"
2686
- ],
2687
- "modalVariantRoot": [
2688
- "modal.defaultVariant"
2689
- ],
2690
- "modalSizeSpacingHorizontal": [
2691
- "modal.defaultSize"
2692
- ],
2693
- "modalSizeHeader": [
2694
- "modal.defaultSize"
2695
- ],
2696
- "modalSizeTitleDescriptionWrapper": [
2697
- "modal.defaultSize"
2698
- ],
2699
- "modalSizeCloseIconContainer": [
2700
- "modal.defaultSize"
2701
- ],
2702
- "modalSizeCloseIcon": [
2703
- "modal.defaultSize"
2704
- ],
2705
- "modalVariantCloseIcon": [
2706
- "modal.defaultVariant"
2647
+ "radioVariantRoot"
2707
2648
  ]
2708
2649
  },
2709
- "runtimeConfigInternalComponentProps": {},
2710
- "motionVarPrefixes": []
2711
- },
2712
- "ModalContext": {
2713
- "name": "ModalContext",
2714
- "defaultProps": {},
2715
- "getStylesLiterals": {},
2716
- "cxLiterals": [],
2717
- "internalComponents": [],
2718
- "internalComponentProps": {},
2719
- "propToVariantKeys": {},
2720
- "runtimeConfigDefaultProps": {},
2721
- "runtimeConfigGetStyles": {},
2722
- "runtimeConfigInternalComponentProps": {},
2723
- "motionVarPrefixes": []
2724
- },
2725
- "UDSModalConfigProvider": {
2726
- "name": "UDSModalConfigProvider",
2727
- "defaultProps": {},
2728
- "getStylesLiterals": {},
2729
- "cxLiterals": [],
2730
- "internalComponents": [
2731
- "ModalContext.Provider"
2732
- ],
2733
- "internalComponentProps": {},
2734
- "propToVariantKeys": {},
2735
- "runtimeConfigDefaultProps": {},
2736
- "runtimeConfigGetStyles": {},
2737
- "runtimeConfigInternalComponentProps": {},
2738
- "motionVarPrefixes": []
2739
- },
2740
- "ManagedModal": {
2741
- "name": "ManagedModal",
2742
- "defaultProps": {},
2743
- "getStylesLiterals": {},
2744
- "cxLiterals": [],
2745
- "internalComponents": [
2746
- "Modal",
2747
- "ModalTitle",
2748
- "ModalDescription",
2749
- "ModalContent",
2750
- "ModalActions"
2751
- ],
2752
- "internalComponentProps": {},
2753
- "propToVariantKeys": {},
2754
- "runtimeConfigDefaultProps": {
2755
- "size": "modal.defaultSize",
2756
- "variant": "modal.defaultVariant"
2757
- },
2758
- "runtimeConfigGetStyles": {},
2759
- "runtimeConfigInternalComponentProps": {},
2760
- "motionVarPrefixes": []
2761
- },
2762
- "ModalPortal": {
2763
- "name": "ModalPortal",
2764
- "defaultProps": {},
2765
- "getStylesLiterals": {},
2766
- "cxLiterals": [],
2767
- "internalComponents": [
2768
- "ManagedModal"
2769
- ],
2770
- "internalComponentProps": {},
2771
- "propToVariantKeys": {},
2772
2650
  "runtimeConfigDefaultProps": {},
2773
2651
  "runtimeConfigGetStyles": {},
2774
2652
  "runtimeConfigInternalComponentProps": {},
2775
2653
  "motionVarPrefixes": []
2776
2654
  },
2777
- "ModalActions": {
2778
- "name": "ModalActions",
2655
+ "Radio": {
2656
+ "name": "Radio",
2779
2657
  "defaultProps": {},
2780
2658
  "getStylesLiterals": {
2781
- "flexDirection": "row-reverse",
2782
- "justifyContent": "space-between",
2783
- "alignItems": "center"
2659
+ "radioVariantValueRadio": "checked",
2660
+ "radioVariantValueRadio:1": "unchecked",
2661
+ "radioVariantValueRadioCircle": "checked",
2662
+ "radioVariantValueRadioCircle:1": "unchecked"
2784
2663
  },
2785
2664
  "cxLiterals": [
2786
- "gap-[inherit]"
2665
+ "opacity-55",
2666
+ "opacity-100",
2667
+ "opacity-0",
2668
+ "border",
2669
+ "uds-ring",
2670
+ "uds-ring-within",
2671
+ "transition-[background-color,border-color]",
2672
+ "transition-shadow",
2673
+ "pointer-events-none",
2674
+ "w-[8px]",
2675
+ "h-[8px]",
2676
+ "transition-opacity",
2677
+ "group",
2678
+ "group-hover:scale-110",
2679
+ "group-active:scale-90",
2680
+ "group-active:uds-inset-shadow-lg-invert",
2681
+ "group-hover:uds-inset-shadow-lg-invert",
2682
+ "transition-[background-color,border-color,transform]"
2787
2683
  ],
2788
2684
  "internalComponents": [
2789
- "HStack"
2790
- ],
2791
- "internalComponentProps": {},
2792
- "propToVariantKeys": {
2793
- "size": [
2794
- "modalSizeSpacingHorizontal",
2795
- "modalSizeActions"
2796
- ]
2797
- },
2798
- "runtimeConfigDefaultProps": {
2799
- "size": "modal.defaultSize",
2800
- "variant": "modal.defaultVariant"
2801
- },
2802
- "runtimeConfigGetStyles": {
2803
- "modalSizeSpacingHorizontal": [
2804
- "modal.defaultSize"
2805
- ],
2806
- "modalSizeActions": [
2807
- "modal.defaultSize"
2808
- ]
2809
- },
2810
- "runtimeConfigInternalComponentProps": {},
2811
- "motionVarPrefixes": []
2812
- },
2813
- "ModalDescription": {
2814
- "name": "ModalDescription",
2815
- "defaultProps": {},
2816
- "getStylesLiterals": {},
2817
- "cxLiterals": [],
2818
- "internalComponents": [
2819
- "Text",
2820
- "DialogDescription"
2821
- ],
2822
- "internalComponentProps": {
2823
- "Text": {
2824
- "as": [
2825
- "span"
2826
- ]
2827
- }
2828
- },
2829
- "propToVariantKeys": {
2830
- "size": [
2831
- "modalSizeDescription"
2832
- ],
2833
- "variant": [
2834
- "modalVariantDescription"
2835
- ]
2836
- },
2837
- "runtimeConfigDefaultProps": {
2838
- "size": "modal.defaultSize",
2839
- "variant": "modal.defaultVariant"
2840
- },
2841
- "runtimeConfigGetStyles": {
2842
- "modalSizeDescription": [
2843
- "modal.defaultSize"
2844
- ],
2845
- "modalVariantDescription": [
2846
- "modal.defaultVariant"
2847
- ]
2848
- },
2849
- "runtimeConfigInternalComponentProps": {},
2850
- "motionVarPrefixes": []
2851
- },
2852
- "ModalTitle": {
2853
- "name": "ModalTitle",
2854
- "defaultProps": {},
2855
- "getStylesLiterals": {},
2856
- "cxLiterals": [],
2857
- "internalComponents": [
2858
- "Text",
2859
- "DialogHeading"
2860
- ],
2861
- "internalComponentProps": {
2862
- "Text": {
2863
- "as": [
2864
- "span"
2865
- ]
2866
- }
2867
- },
2868
- "propToVariantKeys": {
2869
- "size": [
2870
- "modalSizeTitle"
2871
- ],
2872
- "variant": [
2873
- "modalVariantTitle"
2874
- ]
2875
- },
2876
- "runtimeConfigDefaultProps": {
2877
- "size": "modal.defaultSize",
2878
- "variant": "modal.defaultVariant"
2879
- },
2880
- "runtimeConfigGetStyles": {
2881
- "modalSizeTitle": [
2882
- "modal.defaultSize"
2883
- ],
2884
- "modalVariantTitle": [
2885
- "modal.defaultVariant"
2886
- ]
2887
- },
2888
- "runtimeConfigInternalComponentProps": {},
2889
- "motionVarPrefixes": []
2890
- },
2891
- "ModalContent": {
2892
- "name": "ModalContent",
2893
- "defaultProps": {},
2894
- "getStylesLiterals": {
2895
- "overflowY": "auto",
2896
- "display": "block",
2897
- "flexGrow": "1"
2898
- },
2899
- "cxLiterals": [],
2900
- "internalComponents": [
2901
- "Box"
2902
- ],
2903
- "internalComponentProps": {},
2904
- "propToVariantKeys": {
2905
- "size": [
2906
- "modalSizeSpacingHorizontal"
2907
- ]
2908
- },
2909
- "runtimeConfigDefaultProps": {
2910
- "size": "modal.defaultSize",
2911
- "variant": "modal.defaultVariant"
2912
- },
2913
- "runtimeConfigGetStyles": {
2914
- "modalSizeSpacingHorizontal": [
2915
- "modal.defaultSize"
2916
- ]
2917
- },
2918
- "runtimeConfigInternalComponentProps": {},
2919
- "motionVarPrefixes": []
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": {},
2989
- "runtimeConfigGetStyles": {},
2990
- "runtimeConfigInternalComponentProps": {},
2991
- "motionVarPrefixes": []
2992
- },
2993
- "Radio": {
2994
- "name": "Radio",
2995
- "defaultProps": {},
2996
- "getStylesLiterals": {
2997
- "radioVariantValueRadio": "checked",
2998
- "radioVariantValueRadio:1": "unchecked",
2999
- "radioVariantValueRadioCircle": "checked",
3000
- "radioVariantValueRadioCircle:1": "unchecked"
3001
- },
3002
- "cxLiterals": [
3003
- "opacity-55",
3004
- "opacity-100",
3005
- "opacity-0",
3006
- "border",
3007
- "uds-ring",
3008
- "uds-ring-within",
3009
- "transition-[background-color,border-color]",
3010
- "transition-shadow",
3011
- "pointer-events-none",
3012
- "w-[8px]",
3013
- "h-[8px]",
3014
- "transition-opacity",
3015
- "group",
3016
- "group-hover:scale-110",
3017
- "group-active:scale-90",
3018
- "group-active:uds-inset-shadow-lg-invert",
3019
- "group-hover:uds-inset-shadow-lg-invert",
3020
- "transition-[background-color,border-color,transform]"
3021
- ],
3022
- "internalComponents": [
3023
- "RadioBase",
3024
- "Box",
3025
- "SpringMotionConfig",
3026
- "RootElement",
3027
- "MotionBox",
3028
- "RadioProps"
2685
+ "RadioBase",
2686
+ "Box",
2687
+ "SpringMotionConfig",
2688
+ "RootElement",
2689
+ "MotionBox",
2690
+ "RadioProps"
3029
2691
  ],
3030
2692
  "internalComponentProps": {
3031
2693
  "Box": {
@@ -3191,7 +2853,6 @@
3191
2853
  },
3192
2854
  "cxLiterals": [
3193
2855
  "opacity-50",
3194
- "min-w-[200px]",
3195
2856
  "uds-ring-shadow",
3196
2857
  "uds-ring-within",
3197
2858
  "grow",
@@ -3673,6 +3334,342 @@
3673
3334
  "runtimeConfigInternalComponentProps": {},
3674
3335
  "motionVarPrefixes": []
3675
3336
  },
3337
+ "Modal": {
3338
+ "name": "Modal",
3339
+ "defaultProps": {
3340
+ "closeAriaLabel": "Close",
3341
+ "maxWidth": "auto",
3342
+ "maxHeight": "auto",
3343
+ "scrollBehavior": "outside"
3344
+ },
3345
+ "getStylesLiterals": {
3346
+ "flexDirection": "row-reverse",
3347
+ "justifyContent": "space-between",
3348
+ "alignItems": "flex-end",
3349
+ "alignItems:1": "flex-start",
3350
+ "borderRadius": "full"
3351
+ },
3352
+ "cxLiterals": [
3353
+ "fixed",
3354
+ "inset-0",
3355
+ "z-40",
3356
+ "overflow-y-auto",
3357
+ "overflow-hidden",
3358
+ "transition-[opacity,visibility]",
3359
+ "visible",
3360
+ "opacity-100",
3361
+ "invisible",
3362
+ "opacity-0",
3363
+ "pointer-events-none",
3364
+ "uds-bgBlurFallback",
3365
+ "w-full",
3366
+ "w-fit",
3367
+ "h-full",
3368
+ "h-fit",
3369
+ "m-auto",
3370
+ "pointer-events-auto",
3371
+ "inside",
3372
+ "max-h-full",
3373
+ "transition-transform",
3374
+ "duration-0",
3375
+ "duration-120",
3376
+ "transition-[background-color]",
3377
+ "bg-carbon-15/0",
3378
+ "hover:bg-carbon-15/10",
3379
+ "active:bg-carbon-15/15",
3380
+ "uds-ring",
3381
+ "[translate:50%_-50%]"
3382
+ ],
3383
+ "internalComponents": [
3384
+ "Scrim",
3385
+ "VStack",
3386
+ "Pressable",
3387
+ "IconSlot",
3388
+ "Box",
3389
+ "Dialog",
3390
+ "ModalContext.Provider",
3391
+ "HStack",
3392
+ "DialogDismiss",
3393
+ "ModalTitle",
3394
+ "ModalDescription",
3395
+ "ModalContent",
3396
+ "ModalActions"
3397
+ ],
3398
+ "internalComponentProps": {
3399
+ "Box": {
3400
+ "flexGrow": [
3401
+ "1"
3402
+ ]
3403
+ }
3404
+ },
3405
+ "propToVariantKeys": {
3406
+ "gutter": [
3407
+ "spacing"
3408
+ ],
3409
+ "size": [
3410
+ "modalSizeRoot",
3411
+ "modalSizeSpacingHorizontal",
3412
+ "modalSizeHeader",
3413
+ "modalSizeTitleDescriptionWrapper",
3414
+ "modalSizeCloseIconContainer",
3415
+ "modalSizeCloseIcon"
3416
+ ],
3417
+ "variant": [
3418
+ "modalVariantRoot",
3419
+ "modalVariantCloseIcon"
3420
+ ],
3421
+ "closeAriaLabel": [
3422
+ "aria-label"
3423
+ ],
3424
+ "closeIcon": [
3425
+ "icon"
3426
+ ]
3427
+ },
3428
+ "runtimeConfigDefaultProps": {
3429
+ "size": "modal.defaultSize",
3430
+ "variant": "modal.defaultVariant"
3431
+ },
3432
+ "runtimeConfigGetStyles": {
3433
+ "spacing": [
3434
+ "modal.gutter.${size}"
3435
+ ],
3436
+ "modalSizeRoot": [
3437
+ "modal.defaultSize"
3438
+ ],
3439
+ "modalVariantRoot": [
3440
+ "modal.defaultVariant"
3441
+ ],
3442
+ "modalSizeSpacingHorizontal": [
3443
+ "modal.defaultSize"
3444
+ ],
3445
+ "modalSizeHeader": [
3446
+ "modal.defaultSize"
3447
+ ],
3448
+ "modalSizeTitleDescriptionWrapper": [
3449
+ "modal.defaultSize"
3450
+ ],
3451
+ "modalSizeCloseIconContainer": [
3452
+ "modal.defaultSize"
3453
+ ],
3454
+ "modalSizeCloseIcon": [
3455
+ "modal.defaultSize"
3456
+ ],
3457
+ "modalVariantCloseIcon": [
3458
+ "modal.defaultVariant"
3459
+ ]
3460
+ },
3461
+ "runtimeConfigInternalComponentProps": {},
3462
+ "motionVarPrefixes": []
3463
+ },
3464
+ "ModalContext": {
3465
+ "name": "ModalContext",
3466
+ "defaultProps": {},
3467
+ "getStylesLiterals": {},
3468
+ "cxLiterals": [],
3469
+ "internalComponents": [],
3470
+ "internalComponentProps": {},
3471
+ "propToVariantKeys": {},
3472
+ "runtimeConfigDefaultProps": {},
3473
+ "runtimeConfigGetStyles": {},
3474
+ "runtimeConfigInternalComponentProps": {},
3475
+ "motionVarPrefixes": []
3476
+ },
3477
+ "UDSModalConfigProvider": {
3478
+ "name": "UDSModalConfigProvider",
3479
+ "defaultProps": {},
3480
+ "getStylesLiterals": {},
3481
+ "cxLiterals": [],
3482
+ "internalComponents": [
3483
+ "ModalContext.Provider"
3484
+ ],
3485
+ "internalComponentProps": {},
3486
+ "propToVariantKeys": {},
3487
+ "runtimeConfigDefaultProps": {},
3488
+ "runtimeConfigGetStyles": {},
3489
+ "runtimeConfigInternalComponentProps": {},
3490
+ "motionVarPrefixes": []
3491
+ },
3492
+ "ManagedModal": {
3493
+ "name": "ManagedModal",
3494
+ "defaultProps": {},
3495
+ "getStylesLiterals": {},
3496
+ "cxLiterals": [],
3497
+ "internalComponents": [
3498
+ "Modal",
3499
+ "ModalTitle",
3500
+ "ModalDescription",
3501
+ "ModalContent",
3502
+ "ModalActions"
3503
+ ],
3504
+ "internalComponentProps": {},
3505
+ "propToVariantKeys": {},
3506
+ "runtimeConfigDefaultProps": {
3507
+ "size": "modal.defaultSize",
3508
+ "variant": "modal.defaultVariant"
3509
+ },
3510
+ "runtimeConfigGetStyles": {},
3511
+ "runtimeConfigInternalComponentProps": {},
3512
+ "motionVarPrefixes": []
3513
+ },
3514
+ "ModalPortal": {
3515
+ "name": "ModalPortal",
3516
+ "defaultProps": {},
3517
+ "getStylesLiterals": {},
3518
+ "cxLiterals": [],
3519
+ "internalComponents": [
3520
+ "ManagedModal"
3521
+ ],
3522
+ "internalComponentProps": {},
3523
+ "propToVariantKeys": {},
3524
+ "runtimeConfigDefaultProps": {},
3525
+ "runtimeConfigGetStyles": {},
3526
+ "runtimeConfigInternalComponentProps": {},
3527
+ "motionVarPrefixes": []
3528
+ },
3529
+ "ModalActions": {
3530
+ "name": "ModalActions",
3531
+ "defaultProps": {},
3532
+ "getStylesLiterals": {
3533
+ "flexDirection": "row-reverse",
3534
+ "justifyContent": "space-between",
3535
+ "alignItems": "center"
3536
+ },
3537
+ "cxLiterals": [
3538
+ "gap-[inherit]"
3539
+ ],
3540
+ "internalComponents": [
3541
+ "HStack"
3542
+ ],
3543
+ "internalComponentProps": {},
3544
+ "propToVariantKeys": {
3545
+ "size": [
3546
+ "modalSizeSpacingHorizontal",
3547
+ "modalSizeActions"
3548
+ ]
3549
+ },
3550
+ "runtimeConfigDefaultProps": {
3551
+ "size": "modal.defaultSize",
3552
+ "variant": "modal.defaultVariant"
3553
+ },
3554
+ "runtimeConfigGetStyles": {
3555
+ "modalSizeSpacingHorizontal": [
3556
+ "modal.defaultSize"
3557
+ ],
3558
+ "modalSizeActions": [
3559
+ "modal.defaultSize"
3560
+ ]
3561
+ },
3562
+ "runtimeConfigInternalComponentProps": {},
3563
+ "motionVarPrefixes": []
3564
+ },
3565
+ "ModalDescription": {
3566
+ "name": "ModalDescription",
3567
+ "defaultProps": {},
3568
+ "getStylesLiterals": {},
3569
+ "cxLiterals": [],
3570
+ "internalComponents": [
3571
+ "Text",
3572
+ "DialogDescription"
3573
+ ],
3574
+ "internalComponentProps": {
3575
+ "Text": {
3576
+ "as": [
3577
+ "span"
3578
+ ]
3579
+ }
3580
+ },
3581
+ "propToVariantKeys": {
3582
+ "size": [
3583
+ "modalSizeDescription"
3584
+ ],
3585
+ "variant": [
3586
+ "modalVariantDescription"
3587
+ ]
3588
+ },
3589
+ "runtimeConfigDefaultProps": {
3590
+ "size": "modal.defaultSize",
3591
+ "variant": "modal.defaultVariant"
3592
+ },
3593
+ "runtimeConfigGetStyles": {
3594
+ "modalSizeDescription": [
3595
+ "modal.defaultSize"
3596
+ ],
3597
+ "modalVariantDescription": [
3598
+ "modal.defaultVariant"
3599
+ ]
3600
+ },
3601
+ "runtimeConfigInternalComponentProps": {},
3602
+ "motionVarPrefixes": []
3603
+ },
3604
+ "ModalTitle": {
3605
+ "name": "ModalTitle",
3606
+ "defaultProps": {},
3607
+ "getStylesLiterals": {},
3608
+ "cxLiterals": [],
3609
+ "internalComponents": [
3610
+ "Text",
3611
+ "DialogHeading"
3612
+ ],
3613
+ "internalComponentProps": {
3614
+ "Text": {
3615
+ "as": [
3616
+ "span"
3617
+ ]
3618
+ }
3619
+ },
3620
+ "propToVariantKeys": {
3621
+ "size": [
3622
+ "modalSizeTitle"
3623
+ ],
3624
+ "variant": [
3625
+ "modalVariantTitle"
3626
+ ]
3627
+ },
3628
+ "runtimeConfigDefaultProps": {
3629
+ "size": "modal.defaultSize",
3630
+ "variant": "modal.defaultVariant"
3631
+ },
3632
+ "runtimeConfigGetStyles": {
3633
+ "modalSizeTitle": [
3634
+ "modal.defaultSize"
3635
+ ],
3636
+ "modalVariantTitle": [
3637
+ "modal.defaultVariant"
3638
+ ]
3639
+ },
3640
+ "runtimeConfigInternalComponentProps": {},
3641
+ "motionVarPrefixes": []
3642
+ },
3643
+ "ModalContent": {
3644
+ "name": "ModalContent",
3645
+ "defaultProps": {},
3646
+ "getStylesLiterals": {
3647
+ "overflowY": "auto",
3648
+ "display": "block",
3649
+ "flexGrow": "1"
3650
+ },
3651
+ "cxLiterals": [],
3652
+ "internalComponents": [
3653
+ "Box"
3654
+ ],
3655
+ "internalComponentProps": {},
3656
+ "propToVariantKeys": {
3657
+ "size": [
3658
+ "modalSizeSpacingHorizontal"
3659
+ ]
3660
+ },
3661
+ "runtimeConfigDefaultProps": {
3662
+ "size": "modal.defaultSize",
3663
+ "variant": "modal.defaultVariant"
3664
+ },
3665
+ "runtimeConfigGetStyles": {
3666
+ "modalSizeSpacingHorizontal": [
3667
+ "modal.defaultSize"
3668
+ ]
3669
+ },
3670
+ "runtimeConfigInternalComponentProps": {},
3671
+ "motionVarPrefixes": []
3672
+ },
3676
3673
  "AvatarIcon": {
3677
3674
  "name": "AvatarIcon",
3678
3675
  "defaultProps": {