@yahoo/uds 3.172.0 → 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/Link.cjs +3 -3
  4. package/dist/components/Link.js +3 -3
  5. package/dist/components/client/BottomSheet/useBottomSheetStore.cjs +1 -1
  6. package/dist/components/client/BottomSheet/useBottomSheetStore.js +1 -1
  7. package/dist/components/client/Input/Input.cjs +4 -2
  8. package/dist/components/client/Input/Input.js +4 -2
  9. package/dist/components/client/Menu/Menu.ItemCheckbox.cjs +7 -6
  10. package/dist/components/client/Menu/Menu.ItemCheckbox.js +7 -6
  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 +443 -446
  28. package/dist/uds/generated/componentData.js +443 -446
  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 +722 -725
  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",
@@ -1643,52 +1641,6 @@
1643
1641
  "--uds-motion-smooth-3-"
1644
1642
  ]
1645
1643
  },
1646
- "UDSConfigProvider": {
1647
- "name": "UDSConfigProvider",
1648
- "defaultProps": {},
1649
- "getStylesLiterals": {},
1650
- "cxLiterals": [],
1651
- "internalComponents": [
1652
- "UDSBreakpointsConfigProvider",
1653
- "UDSAvatarConfigProvider",
1654
- "UDSBadgeConfigProvider",
1655
- "UDSBottomSheetConfigProvider",
1656
- "UDSButtonConfigProvider",
1657
- "UDSChipConfigProvider",
1658
- "UDSIconButtonConfigProvider",
1659
- "UDSInputConfigProvider",
1660
- "UDSMenuItemConfigProvider",
1661
- "UDSPaddleNavConfigProvider",
1662
- "UDSPaginationConfigProvider",
1663
- "UDSSelectItemConfigProvider",
1664
- "UDSTabConfigProvider",
1665
- "UDSToastConfigProvider",
1666
- "UDSTooltipConfigProvider",
1667
- "UDSPopoverConfigProvider",
1668
- "UDSModalConfigProvider"
1669
- ],
1670
- "internalComponentProps": {},
1671
- "propToVariantKeys": {},
1672
- "runtimeConfigDefaultProps": {},
1673
- "runtimeConfigGetStyles": {},
1674
- "runtimeConfigInternalComponentProps": {},
1675
- "motionVarPrefixes": []
1676
- },
1677
- "UDSBreakpointsConfigProvider": {
1678
- "name": "UDSBreakpointsConfigProvider",
1679
- "defaultProps": {},
1680
- "getStylesLiterals": {},
1681
- "cxLiterals": [],
1682
- "internalComponents": [
1683
- "UDSBreakpointsConfigContext.Provider"
1684
- ],
1685
- "internalComponentProps": {},
1686
- "propToVariantKeys": {},
1687
- "runtimeConfigDefaultProps": {},
1688
- "runtimeConfigGetStyles": {},
1689
- "runtimeConfigInternalComponentProps": {},
1690
- "motionVarPrefixes": []
1691
- },
1692
1644
  "Menu.Trigger": {
1693
1645
  "name": "Menu.Trigger",
1694
1646
  "defaultProps": {},
@@ -1980,6 +1932,52 @@
1980
1932
  "--uds-motion-smooth-3-"
1981
1933
  ]
1982
1934
  },
1935
+ "UDSConfigProvider": {
1936
+ "name": "UDSConfigProvider",
1937
+ "defaultProps": {},
1938
+ "getStylesLiterals": {},
1939
+ "cxLiterals": [],
1940
+ "internalComponents": [
1941
+ "UDSBreakpointsConfigProvider",
1942
+ "UDSAvatarConfigProvider",
1943
+ "UDSBadgeConfigProvider",
1944
+ "UDSBottomSheetConfigProvider",
1945
+ "UDSButtonConfigProvider",
1946
+ "UDSChipConfigProvider",
1947
+ "UDSIconButtonConfigProvider",
1948
+ "UDSInputConfigProvider",
1949
+ "UDSMenuItemConfigProvider",
1950
+ "UDSPaddleNavConfigProvider",
1951
+ "UDSPaginationConfigProvider",
1952
+ "UDSSelectItemConfigProvider",
1953
+ "UDSTabConfigProvider",
1954
+ "UDSToastConfigProvider",
1955
+ "UDSTooltipConfigProvider",
1956
+ "UDSPopoverConfigProvider",
1957
+ "UDSModalConfigProvider"
1958
+ ],
1959
+ "internalComponentProps": {},
1960
+ "propToVariantKeys": {},
1961
+ "runtimeConfigDefaultProps": {},
1962
+ "runtimeConfigGetStyles": {},
1963
+ "runtimeConfigInternalComponentProps": {},
1964
+ "motionVarPrefixes": []
1965
+ },
1966
+ "UDSBreakpointsConfigProvider": {
1967
+ "name": "UDSBreakpointsConfigProvider",
1968
+ "defaultProps": {},
1969
+ "getStylesLiterals": {},
1970
+ "cxLiterals": [],
1971
+ "internalComponents": [
1972
+ "UDSBreakpointsConfigContext.Provider"
1973
+ ],
1974
+ "internalComponentProps": {},
1975
+ "propToVariantKeys": {},
1976
+ "runtimeConfigDefaultProps": {},
1977
+ "runtimeConfigGetStyles": {},
1978
+ "runtimeConfigInternalComponentProps": {},
1979
+ "motionVarPrefixes": []
1980
+ },
1983
1981
  "PaginationNext": {
1984
1982
  "name": "PaginationNext",
1985
1983
  "defaultProps": {
@@ -2582,530 +2580,400 @@
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
  },
2650
+ "runtimeConfigDefaultProps": {},
2651
+ "runtimeConfigGetStyles": {},
2709
2652
  "runtimeConfigInternalComponentProps": {},
2710
2653
  "motionVarPrefixes": []
2711
2654
  },
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
- "runtimeConfigDefaultProps": {},
2773
- "runtimeConfigGetStyles": {},
2774
- "runtimeConfigInternalComponentProps": {},
2775
- "motionVarPrefixes": []
2776
- },
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"
2685
+ "RadioBase",
2686
+ "Box",
2687
+ "SpringMotionConfig",
2688
+ "RootElement",
2689
+ "MotionBox",
2690
+ "RadioProps"
2821
2691
  ],
2822
2692
  "internalComponentProps": {
2823
- "Text": {
2824
- "as": [
2825
- "span"
2693
+ "Box": {
2694
+ "borderRadius": [
2695
+ "full"
2696
+ ],
2697
+ "position": [
2698
+ "relative"
2699
+ ],
2700
+ "alignItems": [
2701
+ "center"
2702
+ ],
2703
+ "justifyContent": [
2704
+ "center"
2705
+ ],
2706
+ "flex": [
2707
+ "none"
2708
+ ]
2709
+ },
2710
+ "RootElement": {
2711
+ "data-testid": [
2712
+ "container"
2713
+ ]
2714
+ },
2715
+ "MotionBox": {
2716
+ "position": [
2717
+ "relative"
2718
+ ],
2719
+ "borderRadius": [
2720
+ "full"
2721
+ ],
2722
+ "alignItems": [
2723
+ "center"
2724
+ ],
2725
+ "justifyContent": [
2726
+ "center"
2727
+ ],
2728
+ "flex": [
2729
+ "none"
2826
2730
  ]
2827
2731
  }
2828
2732
  },
2829
2733
  "propToVariantKeys": {
2830
2734
  "size": [
2831
- "modalSizeDescription"
2735
+ "radioSizeRadio"
2832
2736
  ],
2833
2737
  "variant": [
2834
- "modalVariantDescription"
2835
- ]
2836
- },
2837
- "runtimeConfigDefaultProps": {
2838
- "size": "modal.defaultSize",
2839
- "variant": "modal.defaultVariant"
2840
- },
2841
- "runtimeConfigGetStyles": {
2842
- "modalSizeDescription": [
2843
- "modal.defaultSize"
2738
+ "radioVariantRadio",
2739
+ "radioVariantRadioCircle"
2844
2740
  ],
2845
- "modalVariantDescription": [
2846
- "modal.defaultVariant"
2741
+ "reduceMotion": [
2742
+ "reducedMotion"
2847
2743
  ]
2848
2744
  },
2745
+ "runtimeConfigDefaultProps": {},
2746
+ "runtimeConfigGetStyles": {},
2849
2747
  "runtimeConfigInternalComponentProps": {},
2850
- "motionVarPrefixes": []
2748
+ "motionVarPrefixes": [
2749
+ "--uds-motion-subtle-3-",
2750
+ "--uds-motion-smooth-3-"
2751
+ ]
2851
2752
  },
2852
- "ModalTitle": {
2853
- "name": "ModalTitle",
2753
+ "RadioGroupProvider": {
2754
+ "name": "RadioGroupProvider",
2854
2755
  "defaultProps": {},
2855
2756
  "getStylesLiterals": {},
2856
2757
  "cxLiterals": [],
2857
2758
  "internalComponents": [
2858
- "Text",
2859
- "DialogHeading"
2759
+ "DivProps",
2760
+ "Comp",
2761
+ "RadioGroupContext.Provider"
2860
2762
  ],
2861
2763
  "internalComponentProps": {
2862
- "Text": {
2863
- "as": [
2864
- "span"
2764
+ "Comp": {
2765
+ "role": [
2766
+ "radiogroup"
2865
2767
  ]
2866
2768
  }
2867
2769
  },
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
2770
  "propToVariantKeys": {},
2929
2771
  "runtimeConfigDefaultProps": {},
2930
2772
  "runtimeConfigGetStyles": {},
2931
2773
  "runtimeConfigInternalComponentProps": {},
2932
2774
  "motionVarPrefixes": []
2933
2775
  },
2934
- "RadioBase": {
2935
- "name": "RadioBase",
2936
- "defaultProps": {
2937
- "labelPosition": "start",
2938
- "variant": "primary",
2939
- "size": "md",
2940
- "value": ""
2941
- },
2776
+ "InputHelpTextInternal": {
2777
+ "name": "InputHelpTextInternal",
2778
+ "defaultProps": {},
2942
2779
  "getStylesLiterals": {
2943
- "radioVariantValueRoot": "checked",
2944
- "radioVariantValueRoot:1": "unchecked",
2945
- "display": "flex",
2946
- "flexDirection": "row",
2947
- "flexDirection:1": "row-reverse",
2948
- "alignItems": "center"
2780
+ "inputVariantHelperText": "default",
2781
+ "inputVariantValueHelperText": "empty",
2782
+ "inputVariantValueHelperText:1": "filled",
2783
+ "inputVariantHelperIcon": "default",
2784
+ "inputVariantValueHelperIcon": "empty",
2785
+ "inputVariantValueHelperIcon:1": "filled"
2949
2786
  },
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
- ],
2787
+ "cxLiterals": [],
2964
2788
  "internalComponents": [
2965
- "FormLabel"
2789
+ "IconSlot",
2790
+ "HStack"
2966
2791
  ],
2967
2792
  "internalComponentProps": {
2968
- "FormLabel": {
2969
- "as": [
2970
- "div"
2971
- ],
2972
- "variant": [
2973
- "inherit"
2793
+ "HStack": {
2794
+ "gap": [
2795
+ "1"
2974
2796
  ],
2975
- "color": [
2976
- "inherit"
2797
+ "alignItems": [
2798
+ "center"
2977
2799
  ]
2978
2800
  }
2979
2801
  },
2980
2802
  "propToVariantKeys": {
2981
2803
  "size": [
2982
- "radioSizeRoot"
2804
+ "inputSizeHelperText",
2805
+ "inputSizeHelperIcon"
2983
2806
  ],
2984
- "variant": [
2985
- "radioVariantRoot"
2807
+ "startIcon": [
2808
+ "icon"
2809
+ ],
2810
+ "endIcon": [
2811
+ "icon"
2986
2812
  ]
2987
2813
  },
2988
- "runtimeConfigDefaultProps": {},
2814
+ "runtimeConfigDefaultProps": {
2815
+ "size": "input.defaultSize"
2816
+ },
2989
2817
  "runtimeConfigGetStyles": {},
2990
2818
  "runtimeConfigInternalComponentProps": {},
2991
2819
  "motionVarPrefixes": []
2992
2820
  },
2993
- "Radio": {
2994
- "name": "Radio",
2995
- "defaultProps": {},
2821
+ "Input": {
2822
+ "name": "Input",
2823
+ "defaultProps": {
2824
+ "type": "text",
2825
+ "size": "md",
2826
+ "width": "full"
2827
+ },
2996
2828
  "getStylesLiterals": {
2997
- "radioVariantValueRadio": "checked",
2998
- "radioVariantValueRadio:1": "unchecked",
2999
- "radioVariantValueRadioCircle": "checked",
3000
- "radioVariantValueRadioCircle:1": "unchecked"
2829
+ "inputVariantRoot": "default",
2830
+ "inputVariantValueRoot": "empty",
2831
+ "inputVariantValueRoot:1": "filled",
2832
+ "inputVariantInputWrapper": "default",
2833
+ "inputVariantValueInputWrapper": "empty",
2834
+ "inputVariantValueInputWrapper:1": "filled",
2835
+ "inputVariantInput": "default",
2836
+ "inputVariantValueInput": "empty",
2837
+ "inputVariantValueInput:1": "filled",
2838
+ "inputVariantInputPlaceholder": "default",
2839
+ "inputVariantValueInputPlaceholder": "empty",
2840
+ "inputVariantValueInputPlaceholder:1": "filled",
2841
+ "inputVariantLabel": "default",
2842
+ "inputVariantValueLabel": "empty",
2843
+ "inputVariantValueLabel:1": "filled",
2844
+ "inputVariantLabelRequired": "default",
2845
+ "inputVariantValueLabelRequired": "empty",
2846
+ "inputVariantValueLabelRequired:1": "filled",
2847
+ "inputVariantStartIcon": "default",
2848
+ "inputVariantValueStartIcon": "empty",
2849
+ "inputVariantValueStartIcon:1": "filled",
2850
+ "inputVariantEndIcon": "default",
2851
+ "inputVariantValueEndIcon": "empty",
2852
+ "inputVariantValueEndIcon:1": "filled"
3001
2853
  },
3002
2854
  "cxLiterals": [
3003
- "opacity-55",
3004
- "opacity-100",
3005
- "opacity-0",
3006
- "border",
3007
- "uds-ring",
2855
+ "opacity-50",
2856
+ "uds-ring-shadow",
3008
2857
  "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]"
2858
+ "grow",
2859
+ "uds-hit-target",
2860
+ "bg-transparent",
2861
+ "bg-clip-text",
2862
+ "focus-visible:outline-none",
2863
+ "cursor-text",
2864
+ "cursor-not-allowed"
3021
2865
  ],
3022
2866
  "internalComponents": [
3023
- "RadioBase",
2867
+ "IconSlot",
2868
+ "StartIcon",
2869
+ "EndIcon",
2870
+ "HelpTextContent",
3024
2871
  "Box",
3025
- "SpringMotionConfig",
3026
- "RootElement",
3027
- "MotionBox",
3028
- "RadioProps"
2872
+ "InputHelpTextInternal",
2873
+ "VStack",
2874
+ "HStack",
2875
+ "AnimateHeightChange"
3029
2876
  ],
3030
2877
  "internalComponentProps": {
2878
+ "HelpTextContent": {
2879
+ "spacingTop": [
2880
+ "2"
2881
+ ]
2882
+ },
3031
2883
  "Box": {
3032
- "borderRadius": [
3033
- "full"
2884
+ "spacingBottom": [
2885
+ "2"
3034
2886
  ],
3035
- "position": [
3036
- "relative"
2887
+ "columnGap": [
2888
+ "0.5"
3037
2889
  ],
3038
2890
  "alignItems": [
2891
+ "flex-end",
3039
2892
  "center"
3040
2893
  ],
3041
- "justifyContent": [
3042
- "center"
3043
- ],
3044
- "flex": [
3045
- "none"
3046
- ]
3047
- },
3048
- "RootElement": {
3049
- "data-testid": [
3050
- "container"
3051
- ]
3052
- },
3053
- "MotionBox": {
3054
2894
  "position": [
3055
2895
  "relative"
3056
- ],
3057
- "borderRadius": [
3058
- "full"
3059
- ],
2896
+ ]
2897
+ },
2898
+ "HStack": {
3060
2899
  "alignItems": [
3061
2900
  "center"
3062
2901
  ],
3063
- "justifyContent": [
3064
- "center"
3065
- ],
3066
- "flex": [
3067
- "none"
2902
+ "gap": [
2903
+ "1"
3068
2904
  ]
3069
2905
  }
3070
2906
  },
3071
2907
  "propToVariantKeys": {
3072
2908
  "size": [
3073
- "radioSizeRadio"
2909
+ "inputSizeRoot",
2910
+ "inputSizeInputWrapperStatic",
2911
+ "inputSizeInputWrapperDynamic",
2912
+ "inputSizeInput",
2913
+ "inputSizeLabel",
2914
+ "inputSizeStartIcon",
2915
+ "inputSizeEndIcon"
3074
2916
  ],
3075
- "variant": [
3076
- "radioVariantRadio",
3077
- "radioVariantRadioCircle"
2917
+ "startIcon": [
2918
+ "icon"
3078
2919
  ],
3079
- "reduceMotion": [
3080
- "reducedMotion"
2920
+ "endIcon": [
2921
+ "icon"
2922
+ ],
2923
+ "slotProps": [
2924
+ "helperTextSlotProps"
2925
+ ],
2926
+ "helperTextIcon": [
2927
+ "startIcon"
3081
2928
  ]
3082
2929
  },
3083
- "runtimeConfigDefaultProps": {},
2930
+ "runtimeConfigDefaultProps": {
2931
+ "size": "input.defaultSize"
2932
+ },
3084
2933
  "runtimeConfigGetStyles": {},
3085
2934
  "runtimeConfigInternalComponentProps": {},
3086
- "motionVarPrefixes": [
3087
- "--uds-motion-subtle-3-",
3088
- "--uds-motion-smooth-3-"
3089
- ]
2935
+ "motionVarPrefixes": []
3090
2936
  },
3091
- "RadioGroupProvider": {
3092
- "name": "RadioGroupProvider",
2937
+ "UDSInputConfigProvider": {
2938
+ "name": "UDSInputConfigProvider",
3093
2939
  "defaultProps": {},
3094
2940
  "getStylesLiterals": {},
3095
2941
  "cxLiterals": [],
2942
+ "internalComponents": [],
2943
+ "internalComponentProps": {},
2944
+ "propToVariantKeys": {},
2945
+ "runtimeConfigDefaultProps": {},
2946
+ "runtimeConfigGetStyles": {},
2947
+ "runtimeConfigInternalComponentProps": {},
2948
+ "motionVarPrefixes": []
2949
+ },
2950
+ "InputHelpText": {
2951
+ "name": "InputHelpText",
2952
+ "defaultProps": {
2953
+ "size": "md"
2954
+ },
2955
+ "getStylesLiterals": {
2956
+ "inputVariantRoot": "default",
2957
+ "inputVariantValueRoot": "empty",
2958
+ "inputVariantValueRoot:1": "filled"
2959
+ },
2960
+ "cxLiterals": [],
3096
2961
  "internalComponents": [
3097
- "DivProps",
3098
- "Comp",
3099
- "RadioGroupContext.Provider"
2962
+ "InputHelpTextInternal",
2963
+ "Box"
3100
2964
  ],
3101
2965
  "internalComponentProps": {
3102
- "Comp": {
3103
- "role": [
3104
- "radiogroup"
2966
+ "Box": {
2967
+ "spacingTop": [
2968
+ "2"
3105
2969
  ]
3106
2970
  }
3107
2971
  },
3108
- "propToVariantKeys": {},
2972
+ "propToVariantKeys": {
2973
+ "size": [
2974
+ "inputSizeRoot"
2975
+ ]
2976
+ },
3109
2977
  "runtimeConfigDefaultProps": {},
3110
2978
  "runtimeConfigGetStyles": {},
3111
2979
  "runtimeConfigInternalComponentProps": {},
@@ -3250,174 +3118,76 @@
3250
3118
  "--uds-motion-smooth-3-"
3251
3119
  ]
3252
3120
  },
3253
- "InputHelpTextInternal": {
3254
- "name": "InputHelpTextInternal",
3255
- "defaultProps": {},
3256
- "getStylesLiterals": {
3257
- "inputVariantHelperText": "default",
3258
- "inputVariantValueHelperText": "empty",
3259
- "inputVariantValueHelperText:1": "filled",
3260
- "inputVariantHelperIcon": "default",
3261
- "inputVariantValueHelperIcon": "empty",
3262
- "inputVariantValueHelperIcon:1": "filled"
3263
- },
3264
- "cxLiterals": [],
3265
- "internalComponents": [
3266
- "IconSlot",
3267
- "HStack"
3268
- ],
3269
- "internalComponentProps": {
3270
- "HStack": {
3271
- "gap": [
3272
- "1"
3273
- ],
3274
- "alignItems": [
3275
- "center"
3276
- ]
3277
- }
3278
- },
3279
- "propToVariantKeys": {
3280
- "size": [
3281
- "inputSizeHelperText",
3282
- "inputSizeHelperIcon"
3283
- ],
3284
- "startIcon": [
3285
- "icon"
3286
- ],
3287
- "endIcon": [
3288
- "icon"
3289
- ]
3290
- },
3291
- "runtimeConfigDefaultProps": {
3292
- "size": "input.defaultSize"
3293
- },
3294
- "runtimeConfigGetStyles": {},
3295
- "runtimeConfigInternalComponentProps": {},
3296
- "motionVarPrefixes": []
3297
- },
3298
- "Input": {
3299
- "name": "Input",
3121
+ "ChipBase": {
3122
+ "name": "ChipBase",
3300
3123
  "defaultProps": {
3301
- "type": "text",
3302
3124
  "size": "md",
3303
- "width": "full"
3304
- },
3305
- "getStylesLiterals": {
3306
- "inputVariantRoot": "default",
3307
- "inputVariantValueRoot": "empty",
3308
- "inputVariantValueRoot:1": "filled",
3309
- "inputVariantInputWrapper": "default",
3310
- "inputVariantValueInputWrapper": "empty",
3311
- "inputVariantValueInputWrapper:1": "filled",
3312
- "inputVariantInput": "default",
3313
- "inputVariantValueInput": "empty",
3314
- "inputVariantValueInput:1": "filled",
3315
- "inputVariantInputPlaceholder": "default",
3316
- "inputVariantValueInputPlaceholder": "empty",
3317
- "inputVariantValueInputPlaceholder:1": "filled",
3318
- "inputVariantLabel": "default",
3319
- "inputVariantValueLabel": "empty",
3320
- "inputVariantValueLabel:1": "filled",
3321
- "inputVariantLabelRequired": "default",
3322
- "inputVariantValueLabelRequired": "empty",
3323
- "inputVariantValueLabelRequired:1": "filled",
3324
- "inputVariantStartIcon": "default",
3325
- "inputVariantValueStartIcon": "empty",
3326
- "inputVariantValueStartIcon:1": "filled",
3327
- "inputVariantEndIcon": "default",
3328
- "inputVariantValueEndIcon": "empty",
3329
- "inputVariantValueEndIcon:1": "filled"
3125
+ "as": "div"
3330
3126
  },
3127
+ "getStylesLiterals": {},
3331
3128
  "cxLiterals": [
3129
+ "pointer-events-none",
3130
+ "cursor-default",
3332
3131
  "opacity-50",
3333
- "min-w-[200px]",
3334
- "uds-ring-shadow",
3335
- "uds-ring-within",
3336
- "grow",
3337
- "uds-hit-target",
3338
- "bg-transparent",
3339
- "bg-clip-text",
3340
- "focus-visible:outline-none",
3341
- "cursor-text",
3342
- "cursor-not-allowed"
3132
+ "inline-flex",
3133
+ "items-center",
3134
+ "transition-[background-color,outline-color,box-shadow]",
3135
+ "truncate",
3136
+ "whitespace-nowrap",
3137
+ "text-center",
3138
+ "flex-1",
3139
+ "md",
3140
+ "primary"
3343
3141
  ],
3344
3142
  "internalComponents": [
3345
3143
  "IconSlot",
3346
- "StartIcon",
3347
- "EndIcon",
3348
- "HelpTextContent",
3349
- "Box",
3350
- "InputHelpTextInternal",
3351
- "VStack",
3352
3144
  "HStack",
3353
- "AnimateHeightChange"
3145
+ "As",
3146
+ "Text"
3354
3147
  ],
3355
3148
  "internalComponentProps": {
3356
- "HelpTextContent": {
3357
- "spacingTop": [
3358
- "2"
3359
- ]
3360
- },
3361
- "Box": {
3362
- "spacingBottom": [
3363
- "2"
3364
- ],
3365
- "columnGap": [
3366
- "0.5"
3367
- ],
3368
- "alignItems": [
3369
- "flex-end",
3370
- "center"
3149
+ "Text": {
3150
+ "as": [
3151
+ "span"
3371
3152
  ],
3372
- "position": [
3373
- "relative"
3374
- ]
3375
- },
3376
- "HStack": {
3377
- "alignItems": [
3378
- "center"
3153
+ "color": [
3154
+ "current"
3379
3155
  ],
3380
- "gap": [
3381
- "1"
3156
+ "variant": [
3157
+ "inherit"
3382
3158
  ]
3383
- }
3384
- },
3385
- "propToVariantKeys": {
3386
- "size": [
3387
- "inputSizeRoot",
3388
- "inputSizeInputWrapperStatic",
3389
- "inputSizeInputWrapperDynamic",
3390
- "inputSizeInput",
3391
- "inputSizeLabel",
3392
- "inputSizeStartIcon",
3393
- "inputSizeEndIcon"
3159
+ }
3160
+ },
3161
+ "propToVariantKeys": {
3162
+ "size": [
3163
+ "chipSizeRoot",
3164
+ "chipSizeIcon"
3394
3165
  ],
3395
3166
  "startIcon": [
3396
3167
  "icon"
3397
3168
  ],
3398
3169
  "endIcon": [
3399
3170
  "icon"
3400
- ],
3401
- "slotProps": [
3402
- "helperTextSlotProps"
3403
- ],
3404
- "helperTextIcon": [
3405
- "startIcon"
3406
3171
  ]
3407
3172
  },
3408
3173
  "runtimeConfigDefaultProps": {
3409
- "size": "input.defaultSize"
3174
+ "size": "chip.defaultSize"
3410
3175
  },
3411
3176
  "runtimeConfigGetStyles": {},
3412
3177
  "runtimeConfigInternalComponentProps": {},
3413
3178
  "motionVarPrefixes": []
3414
3179
  },
3415
- "UDSInputConfigProvider": {
3416
- "name": "UDSInputConfigProvider",
3180
+ "Chip": {
3181
+ "name": "Chip",
3417
3182
  "defaultProps": {},
3418
3183
  "getStylesLiterals": {},
3419
3184
  "cxLiterals": [],
3420
- "internalComponents": [],
3185
+ "internalComponents": [
3186
+ "ChipDismissible",
3187
+ "ChipToggle",
3188
+ "ChipLink",
3189
+ "ChipButton"
3190
+ ],
3421
3191
  "internalComponentProps": {},
3422
3192
  "propToVariantKeys": {},
3423
3193
  "runtimeConfigDefaultProps": {},
@@ -3425,31 +3195,74 @@
3425
3195
  "runtimeConfigInternalComponentProps": {},
3426
3196
  "motionVarPrefixes": []
3427
3197
  },
3428
- "InputHelpText": {
3429
- "name": "InputHelpText",
3198
+ "ChipDismissible": {
3199
+ "name": "ChipDismissible",
3430
3200
  "defaultProps": {
3431
- "size": "md"
3201
+ "variant": "primary"
3432
3202
  },
3433
- "getStylesLiterals": {
3434
- "inputVariantRoot": "default",
3435
- "inputVariantValueRoot": "empty",
3436
- "inputVariantValueRoot:1": "filled"
3203
+ "getStylesLiterals": {},
3204
+ "cxLiterals": [
3205
+ "uds-chip-dismissible-button",
3206
+ "uds-hit-target",
3207
+ "uds-ring",
3208
+ "rounded-full"
3209
+ ],
3210
+ "internalComponents": [
3211
+ "ChipBase",
3212
+ "IconSlot",
3213
+ "Pressable"
3214
+ ],
3215
+ "internalComponentProps": {},
3216
+ "propToVariantKeys": {
3217
+ "variant": [
3218
+ "chipDismissibleVariantRoot",
3219
+ "chipDismissibleVariantIcon"
3220
+ ],
3221
+ "dismissButtonAriaLabel": [
3222
+ "aria-label"
3223
+ ]
3437
3224
  },
3225
+ "runtimeConfigDefaultProps": {},
3226
+ "runtimeConfigGetStyles": {},
3227
+ "runtimeConfigInternalComponentProps": {},
3228
+ "motionVarPrefixes": []
3229
+ },
3230
+ "UDSChipConfigProvider": {
3231
+ "name": "UDSChipConfigProvider",
3232
+ "defaultProps": {},
3233
+ "getStylesLiterals": {},
3438
3234
  "cxLiterals": [],
3235
+ "internalComponents": [],
3236
+ "internalComponentProps": {},
3237
+ "propToVariantKeys": {},
3238
+ "runtimeConfigDefaultProps": {},
3239
+ "runtimeConfigGetStyles": {},
3240
+ "runtimeConfigInternalComponentProps": {},
3241
+ "motionVarPrefixes": []
3242
+ },
3243
+ "ChipLink": {
3244
+ "name": "ChipLink",
3245
+ "defaultProps": {
3246
+ "variant": "primary"
3247
+ },
3248
+ "getStylesLiterals": {},
3249
+ "cxLiterals": [
3250
+ "uds-ring"
3251
+ ],
3439
3252
  "internalComponents": [
3440
- "InputHelpTextInternal",
3441
- "Box"
3253
+ "ChipBase"
3442
3254
  ],
3443
3255
  "internalComponentProps": {
3444
- "Box": {
3445
- "spacingTop": [
3446
- "2"
3256
+ "ChipBase": {
3257
+ "as": [
3258
+ "a"
3447
3259
  ]
3448
3260
  }
3449
3261
  },
3450
3262
  "propToVariantKeys": {
3451
- "size": [
3452
- "inputSizeRoot"
3263
+ "variant": [
3264
+ "chipLinkVariantRoot",
3265
+ "chipLinkVariantIcon"
3453
3266
  ]
3454
3267
  },
3455
3268
  "runtimeConfigDefaultProps": {},
@@ -3457,75 +3270,217 @@
3457
3270
  "runtimeConfigInternalComponentProps": {},
3458
3271
  "motionVarPrefixes": []
3459
3272
  },
3460
- "ChipBase": {
3461
- "name": "ChipBase",
3273
+ "ChipButton": {
3274
+ "name": "ChipButton",
3462
3275
  "defaultProps": {
3463
- "size": "md",
3464
- "as": "div"
3276
+ "variant": "primary"
3465
3277
  },
3466
3278
  "getStylesLiterals": {},
3467
3279
  "cxLiterals": [
3280
+ "uds-ring"
3281
+ ],
3282
+ "internalComponents": [
3283
+ "ChipBase"
3284
+ ],
3285
+ "internalComponentProps": {
3286
+ "ChipBase": {
3287
+ "as": [
3288
+ "button"
3289
+ ]
3290
+ }
3291
+ },
3292
+ "propToVariantKeys": {
3293
+ "variant": [
3294
+ "chipLinkVariantRoot",
3295
+ "chipLinkVariantIcon"
3296
+ ]
3297
+ },
3298
+ "runtimeConfigDefaultProps": {},
3299
+ "runtimeConfigGetStyles": {},
3300
+ "runtimeConfigInternalComponentProps": {},
3301
+ "motionVarPrefixes": []
3302
+ },
3303
+ "ChipToggle": {
3304
+ "name": "ChipToggle",
3305
+ "defaultProps": {
3306
+ "variant": "primary",
3307
+ "role": "checkbox"
3308
+ },
3309
+ "getStylesLiterals": {
3310
+ "chipToggleVariantActiveRoot": "on",
3311
+ "chipToggleVariantActiveRoot:1": "off"
3312
+ },
3313
+ "cxLiterals": [
3314
+ "uds-ring"
3315
+ ],
3316
+ "internalComponents": [
3317
+ "ChipBase"
3318
+ ],
3319
+ "internalComponentProps": {
3320
+ "ChipBase": {
3321
+ "as": [
3322
+ "button"
3323
+ ]
3324
+ }
3325
+ },
3326
+ "propToVariantKeys": {
3327
+ "variant": [
3328
+ "chipToggleVariantRoot",
3329
+ "chipToggleVariantIcon"
3330
+ ]
3331
+ },
3332
+ "runtimeConfigDefaultProps": {},
3333
+ "runtimeConfigGetStyles": {},
3334
+ "runtimeConfigInternalComponentProps": {},
3335
+ "motionVarPrefixes": []
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",
3468
3363
  "pointer-events-none",
3469
- "cursor-default",
3470
- "opacity-50",
3471
- "inline-flex",
3472
- "items-center",
3473
- "transition-[background-color,outline-color,box-shadow]",
3474
- "truncate",
3475
- "whitespace-nowrap",
3476
- "text-center",
3477
- "flex-1",
3478
- "md",
3479
- "primary"
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%]"
3480
3382
  ],
3481
3383
  "internalComponents": [
3384
+ "Scrim",
3385
+ "VStack",
3386
+ "Pressable",
3482
3387
  "IconSlot",
3388
+ "Box",
3389
+ "Dialog",
3390
+ "ModalContext.Provider",
3483
3391
  "HStack",
3484
- "As",
3485
- "Text"
3392
+ "DialogDismiss",
3393
+ "ModalTitle",
3394
+ "ModalDescription",
3395
+ "ModalContent",
3396
+ "ModalActions"
3486
3397
  ],
3487
3398
  "internalComponentProps": {
3488
- "Text": {
3489
- "as": [
3490
- "span"
3491
- ],
3492
- "color": [
3493
- "current"
3494
- ],
3495
- "variant": [
3496
- "inherit"
3399
+ "Box": {
3400
+ "flexGrow": [
3401
+ "1"
3497
3402
  ]
3498
3403
  }
3499
3404
  },
3500
3405
  "propToVariantKeys": {
3406
+ "gutter": [
3407
+ "spacing"
3408
+ ],
3501
3409
  "size": [
3502
- "chipSizeRoot",
3503
- "chipSizeIcon"
3410
+ "modalSizeRoot",
3411
+ "modalSizeSpacingHorizontal",
3412
+ "modalSizeHeader",
3413
+ "modalSizeTitleDescriptionWrapper",
3414
+ "modalSizeCloseIconContainer",
3415
+ "modalSizeCloseIcon"
3504
3416
  ],
3505
- "startIcon": [
3506
- "icon"
3417
+ "variant": [
3418
+ "modalVariantRoot",
3419
+ "modalVariantCloseIcon"
3507
3420
  ],
3508
- "endIcon": [
3421
+ "closeAriaLabel": [
3422
+ "aria-label"
3423
+ ],
3424
+ "closeIcon": [
3509
3425
  "icon"
3510
3426
  ]
3511
3427
  },
3512
3428
  "runtimeConfigDefaultProps": {
3513
- "size": "chip.defaultSize"
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
+ ]
3514
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": {},
3515
3473
  "runtimeConfigGetStyles": {},
3516
3474
  "runtimeConfigInternalComponentProps": {},
3517
3475
  "motionVarPrefixes": []
3518
3476
  },
3519
- "Chip": {
3520
- "name": "Chip",
3477
+ "UDSModalConfigProvider": {
3478
+ "name": "UDSModalConfigProvider",
3521
3479
  "defaultProps": {},
3522
3480
  "getStylesLiterals": {},
3523
3481
  "cxLiterals": [],
3524
3482
  "internalComponents": [
3525
- "ChipDismissible",
3526
- "ChipToggle",
3527
- "ChipLink",
3528
- "ChipButton"
3483
+ "ModalContext.Provider"
3529
3484
  ],
3530
3485
  "internalComponentProps": {},
3531
3486
  "propToVariantKeys": {},
@@ -3534,44 +3489,36 @@
3534
3489
  "runtimeConfigInternalComponentProps": {},
3535
3490
  "motionVarPrefixes": []
3536
3491
  },
3537
- "ChipDismissible": {
3538
- "name": "ChipDismissible",
3539
- "defaultProps": {
3540
- "variant": "primary"
3541
- },
3492
+ "ManagedModal": {
3493
+ "name": "ManagedModal",
3494
+ "defaultProps": {},
3542
3495
  "getStylesLiterals": {},
3543
- "cxLiterals": [
3544
- "uds-chip-dismissible-button",
3545
- "uds-hit-target",
3546
- "uds-ring",
3547
- "rounded-full"
3548
- ],
3496
+ "cxLiterals": [],
3549
3497
  "internalComponents": [
3550
- "ChipBase",
3551
- "IconSlot",
3552
- "Pressable"
3498
+ "Modal",
3499
+ "ModalTitle",
3500
+ "ModalDescription",
3501
+ "ModalContent",
3502
+ "ModalActions"
3553
3503
  ],
3554
3504
  "internalComponentProps": {},
3555
- "propToVariantKeys": {
3556
- "variant": [
3557
- "chipDismissibleVariantRoot",
3558
- "chipDismissibleVariantIcon"
3559
- ],
3560
- "dismissButtonAriaLabel": [
3561
- "aria-label"
3562
- ]
3505
+ "propToVariantKeys": {},
3506
+ "runtimeConfigDefaultProps": {
3507
+ "size": "modal.defaultSize",
3508
+ "variant": "modal.defaultVariant"
3563
3509
  },
3564
- "runtimeConfigDefaultProps": {},
3565
3510
  "runtimeConfigGetStyles": {},
3566
3511
  "runtimeConfigInternalComponentProps": {},
3567
3512
  "motionVarPrefixes": []
3568
3513
  },
3569
- "UDSChipConfigProvider": {
3570
- "name": "UDSChipConfigProvider",
3514
+ "ModalPortal": {
3515
+ "name": "ModalPortal",
3571
3516
  "defaultProps": {},
3572
3517
  "getStylesLiterals": {},
3573
3518
  "cxLiterals": [],
3574
- "internalComponents": [],
3519
+ "internalComponents": [
3520
+ "ManagedModal"
3521
+ ],
3575
3522
  "internalComponentProps": {},
3576
3523
  "propToVariantKeys": {},
3577
3524
  "runtimeConfigDefaultProps": {},
@@ -3579,97 +3526,147 @@
3579
3526
  "runtimeConfigInternalComponentProps": {},
3580
3527
  "motionVarPrefixes": []
3581
3528
  },
3582
- "ChipLink": {
3583
- "name": "ChipLink",
3584
- "defaultProps": {
3585
- "variant": "primary"
3529
+ "ModalActions": {
3530
+ "name": "ModalActions",
3531
+ "defaultProps": {},
3532
+ "getStylesLiterals": {
3533
+ "flexDirection": "row-reverse",
3534
+ "justifyContent": "space-between",
3535
+ "alignItems": "center"
3586
3536
  },
3587
- "getStylesLiterals": {},
3588
3537
  "cxLiterals": [
3589
- "uds-ring"
3538
+ "gap-[inherit]"
3590
3539
  ],
3591
3540
  "internalComponents": [
3592
- "ChipBase"
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"
3593
3573
  ],
3594
3574
  "internalComponentProps": {
3595
- "ChipBase": {
3575
+ "Text": {
3596
3576
  "as": [
3597
- "a"
3577
+ "span"
3598
3578
  ]
3599
3579
  }
3600
3580
  },
3601
3581
  "propToVariantKeys": {
3582
+ "size": [
3583
+ "modalSizeDescription"
3584
+ ],
3602
3585
  "variant": [
3603
- "chipLinkVariantRoot",
3604
- "chipLinkVariantIcon"
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"
3605
3599
  ]
3606
3600
  },
3607
- "runtimeConfigDefaultProps": {},
3608
- "runtimeConfigGetStyles": {},
3609
3601
  "runtimeConfigInternalComponentProps": {},
3610
3602
  "motionVarPrefixes": []
3611
3603
  },
3612
- "ChipButton": {
3613
- "name": "ChipButton",
3614
- "defaultProps": {
3615
- "variant": "primary"
3616
- },
3604
+ "ModalTitle": {
3605
+ "name": "ModalTitle",
3606
+ "defaultProps": {},
3617
3607
  "getStylesLiterals": {},
3618
- "cxLiterals": [
3619
- "uds-ring"
3620
- ],
3608
+ "cxLiterals": [],
3621
3609
  "internalComponents": [
3622
- "ChipBase"
3610
+ "Text",
3611
+ "DialogHeading"
3623
3612
  ],
3624
3613
  "internalComponentProps": {
3625
- "ChipBase": {
3614
+ "Text": {
3626
3615
  "as": [
3627
- "button"
3616
+ "span"
3628
3617
  ]
3629
3618
  }
3630
3619
  },
3631
3620
  "propToVariantKeys": {
3621
+ "size": [
3622
+ "modalSizeTitle"
3623
+ ],
3632
3624
  "variant": [
3633
- "chipLinkVariantRoot",
3634
- "chipLinkVariantIcon"
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"
3635
3638
  ]
3636
3639
  },
3637
- "runtimeConfigDefaultProps": {},
3638
- "runtimeConfigGetStyles": {},
3639
3640
  "runtimeConfigInternalComponentProps": {},
3640
3641
  "motionVarPrefixes": []
3641
3642
  },
3642
- "ChipToggle": {
3643
- "name": "ChipToggle",
3644
- "defaultProps": {
3645
- "variant": "primary",
3646
- "role": "checkbox"
3647
- },
3643
+ "ModalContent": {
3644
+ "name": "ModalContent",
3645
+ "defaultProps": {},
3648
3646
  "getStylesLiterals": {
3649
- "chipToggleVariantActiveRoot": "on",
3650
- "chipToggleVariantActiveRoot:1": "off"
3647
+ "overflowY": "auto",
3648
+ "display": "block",
3649
+ "flexGrow": "1"
3651
3650
  },
3652
- "cxLiterals": [
3653
- "uds-ring"
3654
- ],
3651
+ "cxLiterals": [],
3655
3652
  "internalComponents": [
3656
- "ChipBase"
3653
+ "Box"
3657
3654
  ],
3658
- "internalComponentProps": {
3659
- "ChipBase": {
3660
- "as": [
3661
- "button"
3662
- ]
3663
- }
3664
- },
3655
+ "internalComponentProps": {},
3665
3656
  "propToVariantKeys": {
3666
- "variant": [
3667
- "chipToggleVariantRoot",
3668
- "chipToggleVariantIcon"
3657
+ "size": [
3658
+ "modalSizeSpacingHorizontal"
3659
+ ]
3660
+ },
3661
+ "runtimeConfigDefaultProps": {
3662
+ "size": "modal.defaultSize",
3663
+ "variant": "modal.defaultVariant"
3664
+ },
3665
+ "runtimeConfigGetStyles": {
3666
+ "modalSizeSpacingHorizontal": [
3667
+ "modal.defaultSize"
3669
3668
  ]
3670
3669
  },
3671
- "runtimeConfigDefaultProps": {},
3672
- "runtimeConfigGetStyles": {},
3673
3670
  "runtimeConfigInternalComponentProps": {},
3674
3671
  "motionVarPrefixes": []
3675
3672
  },