@yahoo/uds 3.131.0-beta.1 → 3.131.0-beta.2

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 (8) hide show
  1. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
  2. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
  3. package/dist/styles/styler.d.cts +109 -109
  4. package/dist/styles/styler.d.ts +109 -109
  5. package/dist/uds/generated/componentData.cjs +510 -510
  6. package/dist/uds/generated/componentData.js +510 -510
  7. package/generated/componentData.json +1547 -1547
  8. package/package.json +1 -1
package/dist/uds/generated/componentData.js CHANGED
@@ -826,6 +826,286 @@ var Button = {
826
826
  "runtimeConfigInternalComponentProps": {},
827
827
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
828
828
  };
829
+ var Accordion = {
830
+ "name": "Accordion",
831
+ "defaultProps": {
832
+ "spacingHorizontal": "4",
833
+ "spacingVertical": "4"
834
+ },
835
+ "getStylesLiterals": {},
836
+ "cxLiterals": ["hover:bg-secondary/80", "w-full"],
837
+ "internalComponents": [
838
+ "Icon",
839
+ "SpringMotionConfig",
840
+ "Pressable",
841
+ "Text",
842
+ "HStack",
843
+ "AnimatePresence",
844
+ "VStack"
845
+ ],
846
+ "internalComponentProps": {
847
+ "Icon": {
848
+ "variant": ["fill"],
849
+ "size": ["sm"],
850
+ "color": ["primary"]
851
+ },
852
+ "SpringMotionConfig": {
853
+ "layoutVariant": ["smooth"],
854
+ "layoutSpeed": ["3"]
855
+ },
856
+ "Pressable": {
857
+ "display": ["flex"],
858
+ "flexDirection": ["row"],
859
+ "alignItems": ["center"],
860
+ "justifyContent": ["space-between"],
861
+ "borderRadius": ["md"]
862
+ },
863
+ "Text": {
864
+ "variant": ["title4"],
865
+ "color": ["primary"]
866
+ },
867
+ "HStack": {
868
+ "display": ["flex"],
869
+ "alignItems": ["center"],
870
+ "justifyContent": ["space-between"],
871
+ "columnGap": ["2.5"]
872
+ }
873
+ },
874
+ "propToVariantKeys": {},
875
+ "runtimeConfigDefaultProps": {},
876
+ "runtimeConfigGetStyles": {},
877
+ "runtimeConfigInternalComponentProps": {},
878
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"]
879
+ };
880
+ var Modal = {
881
+ "name": "Modal",
882
+ "defaultProps": {},
883
+ "getStylesLiterals": {},
884
+ "cxLiterals": [
885
+ "inset-8",
886
+ "top-[250px]",
887
+ "z-50",
888
+ "mx-auto",
889
+ "h-fit",
890
+ "w-[600px]",
891
+ "origin-center",
892
+ "scale-95",
893
+ "opacity-0",
894
+ "transition",
895
+ "duration-150",
896
+ "data-[enter]:scale-100",
897
+ "data-[enter]:opacity-100",
898
+ "data-[enter]:bg-primary",
899
+ "backdrop-blur-0",
900
+ "data-[enter]:opacity-60",
901
+ "data-[enter]:backdrop-blur-sm"
902
+ ],
903
+ "internalComponents": [
904
+ "IconButton",
905
+ "Dialog",
906
+ "HStack",
907
+ "Text",
908
+ "VStack"
909
+ ],
910
+ "internalComponentProps": {
911
+ "IconButton": {
912
+ "aria-label": ["Close"],
913
+ "size": ["sm"],
914
+ "variant": ["tertiary"]
915
+ },
916
+ "HStack": {
917
+ "alignItems": ["center"],
918
+ "justifyContent": ["space-between"]
919
+ },
920
+ "Text": {
921
+ "variant": ["headline1"],
922
+ "color": ["primary"]
923
+ },
924
+ "VStack": {
925
+ "borderRadius": ["md"],
926
+ "position": ["fixed"],
927
+ "backgroundColor": ["primary"],
928
+ "dropShadow": ["md"],
929
+ "spacing": ["8"],
930
+ "overflow": ["hidden"]
931
+ }
932
+ },
933
+ "propToVariantKeys": { "handleClose": ["onClick"] },
934
+ "runtimeConfigDefaultProps": {},
935
+ "runtimeConfigGetStyles": {},
936
+ "runtimeConfigInternalComponentProps": {},
937
+ "motionVarPrefixes": []
938
+ };
939
+ var AvoidMotionLibraryProvider = {
940
+ "name": "AvoidMotionLibraryProvider",
941
+ "defaultProps": {},
942
+ "getStylesLiterals": {},
943
+ "cxLiterals": [],
944
+ "internalComponents": [],
945
+ "internalComponentProps": {},
946
+ "propToVariantKeys": {},
947
+ "runtimeConfigDefaultProps": {},
948
+ "runtimeConfigGetStyles": {},
949
+ "runtimeConfigInternalComponentProps": {},
950
+ "motionVarPrefixes": []
951
+ };
952
+ var SegmentedControl = {
953
+ "name": "SegmentedControl",
954
+ "defaultProps": { "textVariant": "label2" },
955
+ "getStylesLiterals": {
956
+ "display": "flex",
957
+ "alignItems": "center",
958
+ "backgroundColor": "primary",
959
+ "spacingVertical": "1",
960
+ "spacingHorizontal": "3",
961
+ "columnGap": "1.5",
962
+ "borderWidth": "thin",
963
+ "borderRadius": "full",
964
+ "borderColor": "muted",
965
+ "borderColor:1": "transparent",
966
+ "color": "primary",
967
+ "color:1": "tertiary",
968
+ "color:2": "muted"
969
+ },
970
+ "cxLiterals": [
971
+ "uds-ring",
972
+ "cursor-not-allowed",
973
+ "opacity-50",
974
+ "pointer-events-none",
975
+ "hover:bg-primary"
976
+ ],
977
+ "internalComponents": [
978
+ "TextVariant",
979
+ "Radio",
980
+ "Icon",
981
+ "RadioProvider",
982
+ "HStack",
983
+ "RadioGroup",
984
+ "Pressable",
985
+ "Text"
986
+ ],
987
+ "internalComponentProps": {
988
+ "Icon": {
989
+ "size": ["sm"],
990
+ "color": ["current"],
991
+ "aria-hidden": ["true"]
992
+ },
993
+ "HStack": {
994
+ "spacing": ["1"],
995
+ "gap": ["1"],
996
+ "backgroundColor": ["secondary"],
997
+ "borderRadius": ["full"],
998
+ "display": ["inline-flex"]
999
+ },
1000
+ "Text": { "color": ["current"] }
1001
+ },
1002
+ "propToVariantKeys": {
1003
+ "value": ["key"],
1004
+ "label": ["aria-label"],
1005
+ "textVariant": ["variant"]
1006
+ },
1007
+ "runtimeConfigDefaultProps": {},
1008
+ "runtimeConfigGetStyles": {},
1009
+ "runtimeConfigInternalComponentProps": {},
1010
+ "motionVarPrefixes": []
1011
+ };
1012
+ var SwitchV2 = {
1013
+ "name": "SwitchV2",
1014
+ "defaultProps": {
1015
+ "labelPosition": "start",
1016
+ "size": "md"
1017
+ },
1018
+ "getStylesLiterals": {
1019
+ "switchVariantRoot": "default",
1020
+ "switchVariantActiveRoot": "on",
1021
+ "switchVariantActiveRoot:1": "off",
1022
+ "switchVariantSwitch": "default",
1023
+ "switchVariantActiveSwitch": "on",
1024
+ "switchVariantActiveSwitch:1": "off",
1025
+ "switchVariantActiveHandle": "on",
1026
+ "switchVariantActiveHandle:1": "off",
1027
+ "switchVariantHandle": "default",
1028
+ "switchVariantHandleIcon": "default",
1029
+ "switchVariantActiveHandleIcon": "on",
1030
+ "switchVariantActiveHandleIcon:1": "off"
1031
+ },
1032
+ "cxLiterals": [
1033
+ "group",
1034
+ "flex",
1035
+ "items-center",
1036
+ "flex-row",
1037
+ "flex-row-reverse",
1038
+ "uds-ring",
1039
+ "uds-ring-within",
1040
+ "relative",
1041
+ "uds-border-radius-full",
1042
+ "transition-[background-color,box-shadow]",
1043
+ "pointer-events-none",
1044
+ "w-full",
1045
+ "h-full",
1046
+ "absolute",
1047
+ "top-0",
1048
+ "bottom-0",
1049
+ "right-0",
1050
+ "left-0",
1051
+ "overflow-hidden",
1052
+ "group-hover:scale-105",
1053
+ "opacity-95",
1054
+ "group-hover:opacity-100",
1055
+ "transition-[transform,opacity]",
1056
+ "opacity-0",
1057
+ "top-1/2",
1058
+ "left-1/2",
1059
+ "transform",
1060
+ "translate-x-[-50%]",
1061
+ "translate-y-[-50%]",
1062
+ "transition-opacity",
1063
+ "cursor-[inherit]",
1064
+ "w-[calc(100%+2px)]",
1065
+ "h-[calc(100%+2px)]",
1066
+ "text-start",
1067
+ "text-end",
1068
+ "opacity-100"
1069
+ ],
1070
+ "internalComponents": [
1071
+ "IconSlot",
1072
+ "Box",
1073
+ "FormLabel",
1074
+ "SpringMotionConfig",
1075
+ "RootElement",
1076
+ "MotionBox"
1077
+ ],
1078
+ "internalComponentProps": {
1079
+ "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
1080
+ "FormLabel": {
1081
+ "as": ["div"],
1082
+ "variant": ["inherit"],
1083
+ "color": ["inherit"]
1084
+ },
1085
+ "SpringMotionConfig": {
1086
+ "layoutVariant": ["bouncy"],
1087
+ "layoutSpeed": ["4"]
1088
+ },
1089
+ "RootElement": { "data-testid": ["switch-root"] },
1090
+ "MotionBox": { "layout": ["position"] }
1091
+ },
1092
+ "propToVariantKeys": {
1093
+ "size": [
1094
+ "switchSizeRoot",
1095
+ "switchSizeSwitch",
1096
+ "switchSizeHandle",
1097
+ "switchSizeHandleIcon"
1098
+ ],
1099
+ "onIcon": ["icon"],
1100
+ "offIcon": ["icon"],
1101
+ "reduceMotion": ["reducedMotion"],
1102
+ "isOn": ["layoutDependency"]
1103
+ },
1104
+ "runtimeConfigDefaultProps": {},
1105
+ "runtimeConfigGetStyles": {},
1106
+ "runtimeConfigInternalComponentProps": {},
1107
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
1108
+ };
829
1109
  var UDSToastConfigProvider = {
830
1110
  "name": "UDSToastConfigProvider",
831
1111
  "defaultProps": {},
@@ -1871,258 +2151,47 @@ var Menu_Divider = {
1871
2151
  "menuitemDividerVariantText": "default",
1872
2152
  "menuitemDividerVariantLine": "default"
1873
2153
  },
1874
- "cxLiterals": [],
1875
- "internalComponents": ["DividerInternal"],
1876
- "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1877
- "propToVariantKeys": {},
1878
- "runtimeConfigDefaultProps": {},
1879
- "runtimeConfigGetStyles": {},
1880
- "runtimeConfigInternalComponentProps": {},
1881
- "motionVarPrefixes": []
1882
- };
1883
- var Menu_Provider = {
1884
- "name": "Menu.Provider",
1885
- "defaultProps": {},
1886
- "getStylesLiterals": {},
1887
- "cxLiterals": [],
1888
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1889
- "internalComponentProps": {},
1890
- "propToVariantKeys": {},
1891
- "runtimeConfigDefaultProps": {},
1892
- "runtimeConfigGetStyles": {},
1893
- "runtimeConfigInternalComponentProps": {},
1894
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1895
- };
1896
- var Menu_ItemCheckbox = {
1897
- "name": "Menu.ItemCheckbox",
1898
- "defaultProps": {},
1899
- "getStylesLiterals": {
1900
- "menuitemItemCheckboxVariantRoot": "default",
1901
- "menuitemItemCheckboxVariantActiveRoot": "on",
1902
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
1903
- "menuitemItemCheckboxVariantText": "default",
1904
- "menuitemItemCheckboxVariantActiveText": "on",
1905
- "menuitemItemCheckboxVariantActiveText:1": "off",
1906
- "menuitemItemCheckboxVariantStartIcon": "default",
1907
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
1908
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1909
- "menuitemItemCheckboxVariantEndIcon": "default",
1910
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
1911
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1912
- },
1913
- "cxLiterals": ["uds-menu-item-checkbox"],
1914
- "internalComponents": ["MenuItemBase"],
1915
- "internalComponentProps": {},
1916
- "propToVariantKeys": {},
1917
- "runtimeConfigDefaultProps": {},
1918
- "runtimeConfigGetStyles": {},
1919
- "runtimeConfigInternalComponentProps": {},
1920
- "motionVarPrefixes": []
1921
- };
1922
- var Menu_ItemBase = {
1923
- "name": "Menu.ItemBase",
1924
- "defaultProps": {
1925
- "spacing": "0",
1926
- "spacingHorizontal": "4",
1927
- "spacingVertical": "3.5",
1928
- "columnGap": "2",
1929
- "alignItems": "center",
1930
- "justifyContent": "space-between"
1931
- },
1932
- "getStylesLiterals": {
1933
- "textAlign": "start",
1934
- "menuitemSizeRoot": "default",
1935
- "flexDirection": "row",
1936
- "menuitemSizeStartIcon": "default",
1937
- "menuitemSizeEndIcon": "default"
1938
- },
1939
- "cxLiterals": [
1940
- "flex",
1941
- "focus-visible:text-brand",
1942
- "focus-visible:bg-brand-secondary",
1943
- "focus-visible:z-10",
1944
- "uds-ring",
1945
- "!-outline-offset-2",
1946
- "[&:not([aria-checked])]:cursor-default",
1947
- "opacity-25",
1948
- "cursor-not-allowed",
1949
- "duration-20",
1950
- "transition-[font-variation-settings]",
1951
- "ease-in-out",
1952
- "z-0",
1953
- "uds-start-icon",
1954
- "uds-end-icon"
1955
- ],
1956
- "internalComponents": [
1957
- "Pressable",
1958
- "IconSlot",
1959
- "RootComponent",
1960
- "HStack",
1961
- "AnimatePresence"
1962
- ],
1963
- "internalComponentProps": {
1964
- "HStack": {
1965
- "alignItems": ["center"],
1966
- "width": ["full"]
1967
- },
1968
- "AnimatePresence": { "mode": ["popLayout"] }
1969
- },
1970
- "propToVariantKeys": {
1971
- "startIcon": ["icon"],
1972
- "endIcon": ["icon"],
1973
- "columnGap": ["gap"]
1974
- },
1975
- "runtimeConfigDefaultProps": {},
1976
- "runtimeConfigGetStyles": {},
1977
- "runtimeConfigInternalComponentProps": {},
1978
- "motionVarPrefixes": []
1979
- };
1980
- var UDSBreakpointsConfigProvider = {
1981
- "name": "UDSBreakpointsConfigProvider",
1982
- "defaultProps": {},
1983
- "getStylesLiterals": {},
1984
- "cxLiterals": [],
1985
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1986
- "internalComponentProps": {},
1987
- "propToVariantKeys": {},
1988
- "runtimeConfigDefaultProps": {},
1989
- "runtimeConfigGetStyles": {},
1990
- "runtimeConfigInternalComponentProps": {},
1991
- "motionVarPrefixes": []
1992
- };
1993
- var UDSConfigProvider = {
1994
- "name": "UDSConfigProvider",
1995
- "defaultProps": {},
1996
- "getStylesLiterals": {},
1997
- "cxLiterals": [],
1998
- "internalComponents": [
1999
- "UDSBreakpointsConfigProvider",
2000
- "UDSBottomSheetConfigProvider",
2001
- "UDSToastConfigProvider",
2002
- "UDSTooltipConfigProvider",
2003
- "UDSPopoverConfigProvider"
2004
- ],
2005
- "internalComponentProps": {},
2006
- "propToVariantKeys": {},
2007
- "runtimeConfigDefaultProps": {},
2008
- "runtimeConfigGetStyles": {},
2009
- "runtimeConfigInternalComponentProps": {},
2010
- "motionVarPrefixes": []
2011
- };
2012
- var Tooltip = {
2013
- "name": "Tooltip",
2014
- "defaultProps": {},
2015
- "getStylesLiterals": {},
2016
- "cxLiterals": [],
2017
- "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
2018
- "internalComponentProps": {},
2019
- "propToVariantKeys": {},
2020
- "runtimeConfigDefaultProps": {},
2021
- "runtimeConfigGetStyles": {},
2022
- "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
2023
- "motionVarPrefixes": []
2024
- };
2025
- var TooltipContent = {
2026
- "name": "TooltipContent",
2027
- "defaultProps": {},
2028
- "getStylesLiterals": {
2029
- "tooltipSizeRoot": "default",
2030
- "tooltipVariantRoot": "default",
2031
- "tooltipSizeSvg": "default",
2032
- "tooltipVariantSvg": "default",
2033
- "tooltipVariantBlur": "default",
2034
- "position": "absolute",
2035
- "width": "full",
2036
- "height": "full",
2037
- "tooltipSizeTitle": "default",
2038
- "tooltipSizeBody": "default",
2039
- "tooltipSizeEndContent": "default",
2040
- "tooltipSizeIcon": "default",
2041
- "tooltipVariantIcon": "default"
2042
- },
2043
- "cxLiterals": [
2044
- "max-w-lg",
2045
- "flex",
2046
- "z-[9999]",
2047
- "uds-bgBlurFillFallback",
2048
- "uds-bgBlurFallback",
2049
- "top-0",
2050
- "left-0",
2051
- "z-[1]"
2052
- ],
2053
- "internalComponents": [
2054
- "IconSlot",
2055
- "TooltipArrow",
2056
- "Tooltip",
2057
- "SvgFloatingOverlay",
2058
- "VStack",
2059
- "Box",
2060
- "Text"
2061
- ],
2062
- "internalComponentProps": {
2063
- "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
2064
- "VStack": { "className": ["gap-[inherit]"] },
2065
- "Box": {
2066
- "alignItems": ["center"],
2067
- "columnGap": ["1", "1.5"]
2068
- },
2069
- "Text": { "color": ["inherit"] }
2070
- },
2071
- "propToVariantKeys": { "startTitleIcon": ["icon"] },
2072
- "runtimeConfigDefaultProps": {},
2073
- "runtimeConfigGetStyles": {},
2074
- "runtimeConfigInternalComponentProps": {},
2075
- "motionVarPrefixes": []
2076
- };
2077
- var UDSTooltipConfigProvider = {
2078
- "name": "UDSTooltipConfigProvider",
2079
- "defaultProps": {},
2080
- "getStylesLiterals": {},
2081
- "cxLiterals": [],
2082
- "internalComponents": ["TooltipContext.Provider"],
2083
- "internalComponentProps": {},
2084
- "propToVariantKeys": {},
2085
- "runtimeConfigDefaultProps": {},
2086
- "runtimeConfigGetStyles": {},
2087
- "runtimeConfigInternalComponentProps": {},
2088
- "motionVarPrefixes": []
2089
- };
2090
- var TooltipTrigger = {
2091
- "name": "TooltipTrigger",
2092
- "defaultProps": {},
2093
- "getStylesLiterals": {},
2094
- "cxLiterals": [],
2095
- "internalComponents": ["TooltipAnchor"],
2096
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
2097
- "propToVariantKeys": { "children": ["render"] },
2154
+ "cxLiterals": [],
2155
+ "internalComponents": ["DividerInternal"],
2156
+ "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
2157
+ "propToVariantKeys": {},
2098
2158
  "runtimeConfigDefaultProps": {},
2099
2159
  "runtimeConfigGetStyles": {},
2100
2160
  "runtimeConfigInternalComponentProps": {},
2101
2161
  "motionVarPrefixes": []
2102
2162
  };
2103
- var RadioGroupProvider = {
2104
- "name": "RadioGroupProvider",
2163
+ var Menu_Provider = {
2164
+ "name": "Menu.Provider",
2105
2165
  "defaultProps": {},
2106
2166
  "getStylesLiterals": {},
2107
2167
  "cxLiterals": [],
2108
- "internalComponents": [
2109
- "DivProps",
2110
- "Comp",
2111
- "RadioGroupContext.Provider"
2112
- ],
2113
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
2168
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
2169
+ "internalComponentProps": {},
2114
2170
  "propToVariantKeys": {},
2115
2171
  "runtimeConfigDefaultProps": {},
2116
2172
  "runtimeConfigGetStyles": {},
2117
2173
  "runtimeConfigInternalComponentProps": {},
2118
- "motionVarPrefixes": []
2174
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
2119
2175
  };
2120
- var RadioGroupStore = {
2121
- "name": "RadioGroupStore",
2176
+ var Menu_ItemCheckbox = {
2177
+ "name": "Menu.ItemCheckbox",
2122
2178
  "defaultProps": {},
2123
- "getStylesLiterals": {},
2124
- "cxLiterals": [],
2125
- "internalComponents": [],
2179
+ "getStylesLiterals": {
2180
+ "menuitemItemCheckboxVariantRoot": "default",
2181
+ "menuitemItemCheckboxVariantActiveRoot": "on",
2182
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
2183
+ "menuitemItemCheckboxVariantText": "default",
2184
+ "menuitemItemCheckboxVariantActiveText": "on",
2185
+ "menuitemItemCheckboxVariantActiveText:1": "off",
2186
+ "menuitemItemCheckboxVariantStartIcon": "default",
2187
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
2188
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2189
+ "menuitemItemCheckboxVariantEndIcon": "default",
2190
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
2191
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2192
+ },
2193
+ "cxLiterals": ["uds-menu-item-checkbox"],
2194
+ "internalComponents": ["MenuItemBase"],
2126
2195
  "internalComponentProps": {},
2127
2196
  "propToVariantKeys": {},
2128
2197
  "runtimeConfigDefaultProps": {},
@@ -2130,332 +2199,264 @@ var RadioGroupStore = {
2130
2199
  "runtimeConfigInternalComponentProps": {},
2131
2200
  "motionVarPrefixes": []
2132
2201
  };
2133
- var Radio = {
2134
- "name": "Radio",
2202
+ var Menu_ItemBase = {
2203
+ "name": "Menu.ItemBase",
2135
2204
  "defaultProps": {
2136
- "labelPosition": "start",
2137
- "variant": "primary",
2138
- "size": "md",
2139
- "value": ""
2205
+ "spacing": "0",
2206
+ "spacingHorizontal": "4",
2207
+ "spacingVertical": "3.5",
2208
+ "columnGap": "2",
2209
+ "alignItems": "center",
2210
+ "justifyContent": "space-between"
2140
2211
  },
2141
2212
  "getStylesLiterals": {
2142
- "radioVariantValueRoot": "checked",
2143
- "radioVariantValueRoot:1": "unchecked",
2144
- "display": "flex",
2213
+ "textAlign": "start",
2214
+ "menuitemSizeRoot": "default",
2145
2215
  "flexDirection": "row",
2146
- "flexDirection:1": "row-reverse",
2147
- "alignItems": "center",
2148
- "radioVariantValueRadio": "checked",
2149
- "radioVariantValueRadio:1": "unchecked",
2150
- "radioVariantValueRadioCircle": "checked",
2151
- "radioVariantValueRadioCircle:1": "unchecked"
2216
+ "menuitemSizeStartIcon": "default",
2217
+ "menuitemSizeEndIcon": "default"
2152
2218
  },
2153
2219
  "cxLiterals": [
2154
- "cursor-pointer",
2155
- "cursor-default",
2156
- "opacity-50",
2157
- "border",
2220
+ "flex",
2221
+ "focus-visible:text-brand",
2222
+ "focus-visible:bg-brand-secondary",
2223
+ "focus-visible:z-10",
2158
2224
  "uds-ring",
2159
- "uds-ring-within",
2160
- "transition-[background-color,border-color]",
2161
- "transition-shadow",
2162
- "pointer-events-none",
2163
- "w-[8px]",
2164
- "h-[8px]",
2165
- "transition-opacity",
2166
- "cursor-[inherit]",
2167
- "absolute",
2168
- "opacity-0",
2169
- "top-1/2",
2170
- "left-1/2",
2171
- "w-[calc(100%+2px)]",
2172
- "h-[calc(100%+2px)]",
2173
- "transform",
2174
- "translate-x-[-50%]",
2175
- "translate-y-[-50%]",
2176
- "text-start",
2177
- "text-end"
2225
+ "!-outline-offset-2",
2226
+ "[&:not([aria-checked])]:cursor-default",
2227
+ "opacity-25",
2228
+ "cursor-not-allowed",
2229
+ "duration-20",
2230
+ "transition-[font-variation-settings]",
2231
+ "ease-in-out",
2232
+ "z-0",
2233
+ "uds-start-icon",
2234
+ "uds-end-icon"
2178
2235
  ],
2179
2236
  "internalComponents": [
2180
- "Box",
2181
- "FormLabel",
2182
- "SpringMotionConfig",
2183
- "RootElement",
2184
- "MotionBox"
2237
+ "Pressable",
2238
+ "IconSlot",
2239
+ "RootComponent",
2240
+ "HStack",
2241
+ "AnimatePresence"
2185
2242
  ],
2186
2243
  "internalComponentProps": {
2187
- "Box": { "borderRadius": ["full"] },
2188
- "FormLabel": {
2189
- "as": ["div"],
2190
- "variant": ["inherit"],
2191
- "color": ["inherit"]
2192
- },
2193
- "RootElement": { "data-testid": ["container"] },
2194
- "MotionBox": {
2195
- "position": ["relative"],
2196
- "borderRadius": ["full"],
2244
+ "HStack": {
2197
2245
  "alignItems": ["center"],
2198
- "justifyContent": ["center"],
2199
- "flex": ["none"]
2200
- }
2246
+ "width": ["full"]
2247
+ },
2248
+ "AnimatePresence": { "mode": ["popLayout"] }
2201
2249
  },
2202
2250
  "propToVariantKeys": {
2203
- "size": ["radioSizeRoot", "radioSizeRadio"],
2204
- "variant": [
2205
- "radioVariantRoot",
2206
- "radioVariantRadio",
2207
- "radioVariantRadioCircle"
2208
- ],
2209
- "reduceMotion": ["reducedMotion"]
2251
+ "startIcon": ["icon"],
2252
+ "endIcon": ["icon"],
2253
+ "columnGap": ["gap"]
2210
2254
  },
2211
2255
  "runtimeConfigDefaultProps": {},
2212
2256
  "runtimeConfigGetStyles": {},
2213
2257
  "runtimeConfigInternalComponentProps": {},
2214
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
2258
+ "motionVarPrefixes": []
2215
2259
  };
2216
- var Accordion = {
2217
- "name": "Accordion",
2218
- "defaultProps": {
2219
- "spacingHorizontal": "4",
2220
- "spacingVertical": "4"
2221
- },
2260
+ var UDSBreakpointsConfigProvider = {
2261
+ "name": "UDSBreakpointsConfigProvider",
2262
+ "defaultProps": {},
2222
2263
  "getStylesLiterals": {},
2223
- "cxLiterals": ["hover:bg-secondary/80", "w-full"],
2224
- "internalComponents": [
2225
- "Icon",
2226
- "SpringMotionConfig",
2227
- "Pressable",
2228
- "Text",
2229
- "HStack",
2230
- "AnimatePresence",
2231
- "VStack"
2232
- ],
2233
- "internalComponentProps": {
2234
- "Icon": {
2235
- "variant": ["fill"],
2236
- "size": ["sm"],
2237
- "color": ["primary"]
2238
- },
2239
- "SpringMotionConfig": {
2240
- "layoutVariant": ["smooth"],
2241
- "layoutSpeed": ["3"]
2242
- },
2243
- "Pressable": {
2244
- "display": ["flex"],
2245
- "flexDirection": ["row"],
2246
- "alignItems": ["center"],
2247
- "justifyContent": ["space-between"],
2248
- "borderRadius": ["md"]
2249
- },
2250
- "Text": {
2251
- "variant": ["title4"],
2252
- "color": ["primary"]
2253
- },
2254
- "HStack": {
2255
- "display": ["flex"],
2256
- "alignItems": ["center"],
2257
- "justifyContent": ["space-between"],
2258
- "columnGap": ["2.5"]
2259
- }
2260
- },
2264
+ "cxLiterals": [],
2265
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
2266
+ "internalComponentProps": {},
2261
2267
  "propToVariantKeys": {},
2262
2268
  "runtimeConfigDefaultProps": {},
2263
2269
  "runtimeConfigGetStyles": {},
2264
2270
  "runtimeConfigInternalComponentProps": {},
2265
- "motionVarPrefixes": ["--uds-motion-smooth-3-"]
2271
+ "motionVarPrefixes": []
2266
2272
  };
2267
- var Modal = {
2268
- "name": "Modal",
2273
+ var UDSConfigProvider = {
2274
+ "name": "UDSConfigProvider",
2269
2275
  "defaultProps": {},
2270
2276
  "getStylesLiterals": {},
2271
- "cxLiterals": [
2272
- "inset-8",
2273
- "top-[250px]",
2274
- "z-50",
2275
- "mx-auto",
2276
- "h-fit",
2277
- "w-[600px]",
2278
- "origin-center",
2279
- "scale-95",
2280
- "opacity-0",
2281
- "transition",
2282
- "duration-150",
2283
- "data-[enter]:scale-100",
2284
- "data-[enter]:opacity-100",
2285
- "data-[enter]:bg-primary",
2286
- "backdrop-blur-0",
2287
- "data-[enter]:opacity-60",
2288
- "data-[enter]:backdrop-blur-sm"
2289
- ],
2277
+ "cxLiterals": [],
2290
2278
  "internalComponents": [
2291
- "IconButton",
2292
- "Dialog",
2293
- "HStack",
2294
- "Text",
2295
- "VStack"
2279
+ "UDSBreakpointsConfigProvider",
2280
+ "UDSBottomSheetConfigProvider",
2281
+ "UDSToastConfigProvider",
2282
+ "UDSTooltipConfigProvider",
2283
+ "UDSPopoverConfigProvider"
2296
2284
  ],
2297
- "internalComponentProps": {
2298
- "IconButton": {
2299
- "aria-label": ["Close"],
2300
- "size": ["sm"],
2301
- "variant": ["tertiary"]
2302
- },
2303
- "HStack": {
2304
- "alignItems": ["center"],
2305
- "justifyContent": ["space-between"]
2306
- },
2307
- "Text": {
2308
- "variant": ["headline1"],
2309
- "color": ["primary"]
2310
- },
2311
- "VStack": {
2312
- "borderRadius": ["md"],
2313
- "position": ["fixed"],
2314
- "backgroundColor": ["primary"],
2315
- "dropShadow": ["md"],
2316
- "spacing": ["8"],
2317
- "overflow": ["hidden"]
2318
- }
2319
- },
2320
- "propToVariantKeys": { "handleClose": ["onClick"] },
2285
+ "internalComponentProps": {},
2286
+ "propToVariantKeys": {},
2321
2287
  "runtimeConfigDefaultProps": {},
2322
2288
  "runtimeConfigGetStyles": {},
2323
2289
  "runtimeConfigInternalComponentProps": {},
2324
2290
  "motionVarPrefixes": []
2325
2291
  };
2326
- var AvoidMotionLibraryProvider = {
2327
- "name": "AvoidMotionLibraryProvider",
2292
+ var Tooltip = {
2293
+ "name": "Tooltip",
2328
2294
  "defaultProps": {},
2329
2295
  "getStylesLiterals": {},
2330
2296
  "cxLiterals": [],
2331
- "internalComponents": [],
2297
+ "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
2332
2298
  "internalComponentProps": {},
2333
2299
  "propToVariantKeys": {},
2334
2300
  "runtimeConfigDefaultProps": {},
2335
2301
  "runtimeConfigGetStyles": {},
2336
- "runtimeConfigInternalComponentProps": {},
2302
+ "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
2337
2303
  "motionVarPrefixes": []
2338
2304
  };
2339
- var SegmentedControl = {
2340
- "name": "SegmentedControl",
2341
- "defaultProps": { "textVariant": "label2" },
2305
+ var TooltipContent = {
2306
+ "name": "TooltipContent",
2307
+ "defaultProps": {},
2342
2308
  "getStylesLiterals": {
2343
- "display": "flex",
2344
- "alignItems": "center",
2345
- "backgroundColor": "primary",
2346
- "spacingVertical": "1",
2347
- "spacingHorizontal": "3",
2348
- "columnGap": "1.5",
2349
- "borderWidth": "thin",
2350
- "borderRadius": "full",
2351
- "borderColor": "muted",
2352
- "borderColor:1": "transparent",
2353
- "color": "primary",
2354
- "color:1": "tertiary",
2355
- "color:2": "muted"
2309
+ "tooltipSizeRoot": "default",
2310
+ "tooltipVariantRoot": "default",
2311
+ "tooltipSizeSvg": "default",
2312
+ "tooltipVariantSvg": "default",
2313
+ "tooltipVariantBlur": "default",
2314
+ "position": "absolute",
2315
+ "width": "full",
2316
+ "height": "full",
2317
+ "tooltipSizeTitle": "default",
2318
+ "tooltipSizeBody": "default",
2319
+ "tooltipSizeEndContent": "default",
2320
+ "tooltipSizeIcon": "default",
2321
+ "tooltipVariantIcon": "default"
2356
2322
  },
2357
2323
  "cxLiterals": [
2358
- "uds-ring",
2359
- "cursor-not-allowed",
2360
- "opacity-50",
2361
- "pointer-events-none",
2362
- "hover:bg-primary"
2324
+ "max-w-lg",
2325
+ "flex",
2326
+ "z-[9999]",
2327
+ "uds-bgBlurFillFallback",
2328
+ "uds-bgBlurFallback",
2329
+ "top-0",
2330
+ "left-0",
2331
+ "z-[1]"
2363
2332
  ],
2364
2333
  "internalComponents": [
2365
- "TextVariant",
2366
- "Radio",
2367
- "Icon",
2368
- "RadioProvider",
2369
- "HStack",
2370
- "RadioGroup",
2371
- "Pressable",
2334
+ "IconSlot",
2335
+ "TooltipArrow",
2336
+ "Tooltip",
2337
+ "SvgFloatingOverlay",
2338
+ "VStack",
2339
+ "Box",
2372
2340
  "Text"
2373
2341
  ],
2374
2342
  "internalComponentProps": {
2375
- "Icon": {
2376
- "size": ["sm"],
2377
- "color": ["current"],
2378
- "aria-hidden": ["true"]
2379
- },
2380
- "HStack": {
2381
- "spacing": ["1"],
2382
- "gap": ["1"],
2383
- "backgroundColor": ["secondary"],
2384
- "borderRadius": ["full"],
2385
- "display": ["inline-flex"]
2343
+ "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
2344
+ "VStack": { "className": ["gap-[inherit]"] },
2345
+ "Box": {
2346
+ "alignItems": ["center"],
2347
+ "columnGap": ["1", "1.5"]
2386
2348
  },
2387
- "Text": { "color": ["current"] }
2388
- },
2389
- "propToVariantKeys": {
2390
- "value": ["key"],
2391
- "label": ["aria-label"],
2392
- "textVariant": ["variant"]
2349
+ "Text": { "color": ["inherit"] }
2393
2350
  },
2351
+ "propToVariantKeys": { "startTitleIcon": ["icon"] },
2394
2352
  "runtimeConfigDefaultProps": {},
2395
2353
  "runtimeConfigGetStyles": {},
2396
2354
  "runtimeConfigInternalComponentProps": {},
2397
2355
  "motionVarPrefixes": []
2398
2356
  };
2399
- var SwitchV2 = {
2400
- "name": "SwitchV2",
2357
+ var UDSTooltipConfigProvider = {
2358
+ "name": "UDSTooltipConfigProvider",
2359
+ "defaultProps": {},
2360
+ "getStylesLiterals": {},
2361
+ "cxLiterals": [],
2362
+ "internalComponents": ["TooltipContext.Provider"],
2363
+ "internalComponentProps": {},
2364
+ "propToVariantKeys": {},
2365
+ "runtimeConfigDefaultProps": {},
2366
+ "runtimeConfigGetStyles": {},
2367
+ "runtimeConfigInternalComponentProps": {},
2368
+ "motionVarPrefixes": []
2369
+ };
2370
+ var TooltipTrigger = {
2371
+ "name": "TooltipTrigger",
2372
+ "defaultProps": {},
2373
+ "getStylesLiterals": {},
2374
+ "cxLiterals": [],
2375
+ "internalComponents": ["TooltipAnchor"],
2376
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
2377
+ "propToVariantKeys": { "children": ["render"] },
2378
+ "runtimeConfigDefaultProps": {},
2379
+ "runtimeConfigGetStyles": {},
2380
+ "runtimeConfigInternalComponentProps": {},
2381
+ "motionVarPrefixes": []
2382
+ };
2383
+ var RadioGroupProvider = {
2384
+ "name": "RadioGroupProvider",
2385
+ "defaultProps": {},
2386
+ "getStylesLiterals": {},
2387
+ "cxLiterals": [],
2388
+ "internalComponents": [
2389
+ "DivProps",
2390
+ "Comp",
2391
+ "RadioGroupContext.Provider"
2392
+ ],
2393
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
2394
+ "propToVariantKeys": {},
2395
+ "runtimeConfigDefaultProps": {},
2396
+ "runtimeConfigGetStyles": {},
2397
+ "runtimeConfigInternalComponentProps": {},
2398
+ "motionVarPrefixes": []
2399
+ };
2400
+ var RadioGroupStore = {
2401
+ "name": "RadioGroupStore",
2402
+ "defaultProps": {},
2403
+ "getStylesLiterals": {},
2404
+ "cxLiterals": [],
2405
+ "internalComponents": [],
2406
+ "internalComponentProps": {},
2407
+ "propToVariantKeys": {},
2408
+ "runtimeConfigDefaultProps": {},
2409
+ "runtimeConfigGetStyles": {},
2410
+ "runtimeConfigInternalComponentProps": {},
2411
+ "motionVarPrefixes": []
2412
+ };
2413
+ var Radio = {
2414
+ "name": "Radio",
2401
2415
  "defaultProps": {
2402
2416
  "labelPosition": "start",
2403
- "size": "md"
2417
+ "variant": "primary",
2418
+ "size": "md",
2419
+ "value": ""
2404
2420
  },
2405
2421
  "getStylesLiterals": {
2406
- "switchVariantRoot": "default",
2407
- "switchVariantActiveRoot": "on",
2408
- "switchVariantActiveRoot:1": "off",
2409
- "switchVariantSwitch": "default",
2410
- "switchVariantActiveSwitch": "on",
2411
- "switchVariantActiveSwitch:1": "off",
2412
- "switchVariantActiveHandle": "on",
2413
- "switchVariantActiveHandle:1": "off",
2414
- "switchVariantHandle": "default",
2415
- "switchVariantHandleIcon": "default",
2416
- "switchVariantActiveHandleIcon": "on",
2417
- "switchVariantActiveHandleIcon:1": "off"
2422
+ "radioVariantValueRoot": "checked",
2423
+ "radioVariantValueRoot:1": "unchecked",
2424
+ "display": "flex",
2425
+ "flexDirection": "row",
2426
+ "flexDirection:1": "row-reverse",
2427
+ "alignItems": "center",
2428
+ "radioVariantValueRadio": "checked",
2429
+ "radioVariantValueRadio:1": "unchecked",
2430
+ "radioVariantValueRadioCircle": "checked",
2431
+ "radioVariantValueRadioCircle:1": "unchecked"
2418
2432
  },
2419
2433
  "cxLiterals": [
2420
- "group",
2421
- "flex",
2422
- "items-center",
2423
- "flex-row",
2424
- "flex-row-reverse",
2434
+ "cursor-pointer",
2435
+ "cursor-default",
2436
+ "opacity-50",
2437
+ "border",
2425
2438
  "uds-ring",
2426
2439
  "uds-ring-within",
2427
- "relative",
2428
- "uds-border-radius-full",
2429
- "transition-[background-color,box-shadow]",
2440
+ "transition-[background-color,border-color]",
2441
+ "transition-shadow",
2430
2442
  "pointer-events-none",
2431
- "w-full",
2432
- "h-full",
2443
+ "w-[8px]",
2444
+ "h-[8px]",
2445
+ "transition-opacity",
2446
+ "cursor-[inherit]",
2433
2447
  "absolute",
2434
- "top-0",
2435
- "bottom-0",
2436
- "right-0",
2437
- "left-0",
2438
- "overflow-hidden",
2439
- "group-hover:scale-105",
2440
- "opacity-95",
2441
- "group-hover:opacity-100",
2442
- "transition-[transform,opacity]",
2443
2448
  "opacity-0",
2444
2449
  "top-1/2",
2445
2450
  "left-1/2",
2451
+ "w-[calc(100%+2px)]",
2452
+ "h-[calc(100%+2px)]",
2446
2453
  "transform",
2447
2454
  "translate-x-[-50%]",
2448
2455
  "translate-y-[-50%]",
2449
- "transition-opacity",
2450
- "cursor-[inherit]",
2451
- "w-[calc(100%+2px)]",
2452
- "h-[calc(100%+2px)]",
2453
2456
  "text-start",
2454
- "text-end",
2455
- "opacity-100"
2457
+ "text-end"
2456
2458
  ],
2457
2459
  "internalComponents": [
2458
- "IconSlot",
2459
2460
  "Box",
2460
2461
  "FormLabel",
2461
2462
  "SpringMotionConfig",
@@ -2463,35 +2464,34 @@ var SwitchV2 = {
2463
2464
  "MotionBox"
2464
2465
  ],
2465
2466
  "internalComponentProps": {
2466
- "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
2467
+ "Box": { "borderRadius": ["full"] },
2467
2468
  "FormLabel": {
2468
2469
  "as": ["div"],
2469
2470
  "variant": ["inherit"],
2470
2471
  "color": ["inherit"]
2471
2472
  },
2472
- "SpringMotionConfig": {
2473
- "layoutVariant": ["bouncy"],
2474
- "layoutSpeed": ["4"]
2475
- },
2476
- "RootElement": { "data-testid": ["switch-root"] },
2477
- "MotionBox": { "layout": ["position"] }
2473
+ "RootElement": { "data-testid": ["container"] },
2474
+ "MotionBox": {
2475
+ "position": ["relative"],
2476
+ "borderRadius": ["full"],
2477
+ "alignItems": ["center"],
2478
+ "justifyContent": ["center"],
2479
+ "flex": ["none"]
2480
+ }
2478
2481
  },
2479
2482
  "propToVariantKeys": {
2480
- "size": [
2481
- "switchSizeRoot",
2482
- "switchSizeSwitch",
2483
- "switchSizeHandle",
2484
- "switchSizeHandleIcon"
2483
+ "size": ["radioSizeRoot", "radioSizeRadio"],
2484
+ "variant": [
2485
+ "radioVariantRoot",
2486
+ "radioVariantRadio",
2487
+ "radioVariantRadioCircle"
2485
2488
  ],
2486
- "onIcon": ["icon"],
2487
- "offIcon": ["icon"],
2488
- "reduceMotion": ["reducedMotion"],
2489
- "isOn": ["layoutDependency"]
2489
+ "reduceMotion": ["reducedMotion"]
2490
2490
  },
2491
2491
  "runtimeConfigDefaultProps": {},
2492
2492
  "runtimeConfigGetStyles": {},
2493
2493
  "runtimeConfigInternalComponentProps": {},
2494
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
2494
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
2495
2495
  };
2496
2496
  var componentData_default = {
2497
2497
  Icon,
@@ -2523,6 +2523,11 @@ var componentData_default = {
2523
2523
  Badge,
2524
2524
  Checkbox,
2525
2525
  Button,
2526
+ Accordion,
2527
+ Modal,
2528
+ AvoidMotionLibraryProvider,
2529
+ SegmentedControl,
2530
+ SwitchV2,
2526
2531
  UDSToastConfigProvider,
2527
2532
  ToastPortal,
2528
2533
  Toast,
@@ -2575,12 +2580,7 @@ var componentData_default = {
2575
2580
  TooltipTrigger,
2576
2581
  RadioGroupProvider,
2577
2582
  RadioGroupStore,
2578
- Radio,
2579
- Accordion,
2580
- Modal,
2581
- AvoidMotionLibraryProvider,
2582
- SegmentedControl,
2583
- SwitchV2
2583
+ Radio
2584
2584
  };
2585
2585
 
2586
2586
  //#endregion