@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
@@ -911,7 +911,8 @@ var componentData_default = {
911
911
  "IconSlot",
912
912
  "AriakitSelectItem",
913
913
  "HStack",
914
- "AnimatePresence"
914
+ "AnimatePresence",
915
+ "SelectItemSelected"
915
916
  ],
916
917
  "internalComponentProps": {
917
918
  "HStack": {
@@ -967,7 +968,6 @@ var componentData_default = {
967
968
  "flex",
968
969
  "w-full",
969
970
  "items-center",
970
- "min-w-[200px]",
971
971
  "uds-ring-shadow",
972
972
  "uds-ring-within",
973
973
  "uds-select-field-trigger",
@@ -1064,7 +1064,6 @@ var componentData_default = {
1064
1064
  "truncate",
1065
1065
  "text-left",
1066
1066
  "opacity-50",
1067
- "min-w-[200px]",
1068
1067
  "uds-ring-shadow",
1069
1068
  "uds-ring-within",
1070
1069
  "uds-select-field-trigger",
@@ -1160,7 +1159,6 @@ var componentData_default = {
1160
1159
  "flex",
1161
1160
  "w-full",
1162
1161
  "items-center",
1163
- "min-w-[200px]",
1164
1162
  "uds-ring-shadow",
1165
1163
  "uds-ring-within",
1166
1164
  "uds-select-field-trigger",
@@ -1207,50 +1205,6 @@ var componentData_default = {
1207
1205
  "runtimeConfigInternalComponentProps": {},
1208
1206
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1209
1207
  },
1210
- UDSConfigProvider: {
1211
- "name": "UDSConfigProvider",
1212
- "defaultProps": {},
1213
- "getStylesLiterals": {},
1214
- "cxLiterals": [],
1215
- "internalComponents": [
1216
- "UDSBreakpointsConfigProvider",
1217
- "UDSAvatarConfigProvider",
1218
- "UDSBadgeConfigProvider",
1219
- "UDSBottomSheetConfigProvider",
1220
- "UDSButtonConfigProvider",
1221
- "UDSChipConfigProvider",
1222
- "UDSIconButtonConfigProvider",
1223
- "UDSInputConfigProvider",
1224
- "UDSMenuItemConfigProvider",
1225
- "UDSPaddleNavConfigProvider",
1226
- "UDSPaginationConfigProvider",
1227
- "UDSSelectItemConfigProvider",
1228
- "UDSTabConfigProvider",
1229
- "UDSToastConfigProvider",
1230
- "UDSTooltipConfigProvider",
1231
- "UDSPopoverConfigProvider",
1232
- "UDSModalConfigProvider"
1233
- ],
1234
- "internalComponentProps": {},
1235
- "propToVariantKeys": {},
1236
- "runtimeConfigDefaultProps": {},
1237
- "runtimeConfigGetStyles": {},
1238
- "runtimeConfigInternalComponentProps": {},
1239
- "motionVarPrefixes": []
1240
- },
1241
- UDSBreakpointsConfigProvider: {
1242
- "name": "UDSBreakpointsConfigProvider",
1243
- "defaultProps": {},
1244
- "getStylesLiterals": {},
1245
- "cxLiterals": [],
1246
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1247
- "internalComponentProps": {},
1248
- "propToVariantKeys": {},
1249
- "runtimeConfigDefaultProps": {},
1250
- "runtimeConfigGetStyles": {},
1251
- "runtimeConfigInternalComponentProps": {},
1252
- "motionVarPrefixes": []
1253
- },
1254
1208
  "Menu.Trigger": {
1255
1209
  "name": "Menu.Trigger",
1256
1210
  "defaultProps": {},
@@ -1485,6 +1439,50 @@ var componentData_default = {
1485
1439
  "runtimeConfigInternalComponentProps": {},
1486
1440
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1487
1441
  },
1442
+ UDSConfigProvider: {
1443
+ "name": "UDSConfigProvider",
1444
+ "defaultProps": {},
1445
+ "getStylesLiterals": {},
1446
+ "cxLiterals": [],
1447
+ "internalComponents": [
1448
+ "UDSBreakpointsConfigProvider",
1449
+ "UDSAvatarConfigProvider",
1450
+ "UDSBadgeConfigProvider",
1451
+ "UDSBottomSheetConfigProvider",
1452
+ "UDSButtonConfigProvider",
1453
+ "UDSChipConfigProvider",
1454
+ "UDSIconButtonConfigProvider",
1455
+ "UDSInputConfigProvider",
1456
+ "UDSMenuItemConfigProvider",
1457
+ "UDSPaddleNavConfigProvider",
1458
+ "UDSPaginationConfigProvider",
1459
+ "UDSSelectItemConfigProvider",
1460
+ "UDSTabConfigProvider",
1461
+ "UDSToastConfigProvider",
1462
+ "UDSTooltipConfigProvider",
1463
+ "UDSPopoverConfigProvider",
1464
+ "UDSModalConfigProvider"
1465
+ ],
1466
+ "internalComponentProps": {},
1467
+ "propToVariantKeys": {},
1468
+ "runtimeConfigDefaultProps": {},
1469
+ "runtimeConfigGetStyles": {},
1470
+ "runtimeConfigInternalComponentProps": {},
1471
+ "motionVarPrefixes": []
1472
+ },
1473
+ UDSBreakpointsConfigProvider: {
1474
+ "name": "UDSBreakpointsConfigProvider",
1475
+ "defaultProps": {},
1476
+ "getStylesLiterals": {},
1477
+ "cxLiterals": [],
1478
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1479
+ "internalComponentProps": {},
1480
+ "propToVariantKeys": {},
1481
+ "runtimeConfigDefaultProps": {},
1482
+ "runtimeConfigGetStyles": {},
1483
+ "runtimeConfigInternalComponentProps": {},
1484
+ "motionVarPrefixes": []
1485
+ },
1488
1486
  PaginationNext: {
1489
1487
  "name": "PaginationNext",
1490
1488
  "defaultProps": { "label": "Next" },
@@ -1958,102 +1956,8 @@ var componentData_default = {
1958
1956
  "runtimeConfigInternalComponentProps": {},
1959
1957
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1960
1958
  },
1961
- Modal: {
1962
- "name": "Modal",
1963
- "defaultProps": {
1964
- "closeAriaLabel": "Close",
1965
- "maxWidth": "auto",
1966
- "maxHeight": "auto",
1967
- "scrollBehavior": "outside"
1968
- },
1969
- "getStylesLiterals": {
1970
- "flexDirection": "row-reverse",
1971
- "justifyContent": "space-between",
1972
- "alignItems": "flex-end",
1973
- "alignItems:1": "flex-start",
1974
- "borderRadius": "full"
1975
- },
1976
- "cxLiterals": [
1977
- "fixed",
1978
- "inset-0",
1979
- "z-40",
1980
- "overflow-y-auto",
1981
- "overflow-hidden",
1982
- "transition-[opacity,visibility]",
1983
- "visible",
1984
- "opacity-100",
1985
- "invisible",
1986
- "opacity-0",
1987
- "pointer-events-none",
1988
- "uds-bgBlurFallback",
1989
- "w-full",
1990
- "w-fit",
1991
- "h-full",
1992
- "h-fit",
1993
- "m-auto",
1994
- "pointer-events-auto",
1995
- "inside",
1996
- "max-h-full",
1997
- "transition-transform",
1998
- "duration-0",
1999
- "duration-120",
2000
- "transition-[background-color]",
2001
- "bg-carbon-15/0",
2002
- "hover:bg-carbon-15/10",
2003
- "active:bg-carbon-15/15",
2004
- "uds-ring",
2005
- "[translate:50%_-50%]"
2006
- ],
2007
- "internalComponents": [
2008
- "Scrim",
2009
- "VStack",
2010
- "Pressable",
2011
- "IconSlot",
2012
- "Box",
2013
- "Dialog",
2014
- "ModalContext.Provider",
2015
- "HStack",
2016
- "DialogDismiss",
2017
- "ModalTitle",
2018
- "ModalDescription",
2019
- "ModalContent",
2020
- "ModalActions"
2021
- ],
2022
- "internalComponentProps": { "Box": { "flexGrow": ["1"] } },
2023
- "propToVariantKeys": {
2024
- "gutter": ["spacing"],
2025
- "size": [
2026
- "modalSizeRoot",
2027
- "modalSizeSpacingHorizontal",
2028
- "modalSizeHeader",
2029
- "modalSizeTitleDescriptionWrapper",
2030
- "modalSizeCloseIconContainer",
2031
- "modalSizeCloseIcon"
2032
- ],
2033
- "variant": ["modalVariantRoot", "modalVariantCloseIcon"],
2034
- "closeAriaLabel": ["aria-label"],
2035
- "closeIcon": ["icon"]
2036
- },
2037
- "runtimeConfigDefaultProps": {
2038
- "size": "modal.defaultSize",
2039
- "variant": "modal.defaultVariant"
2040
- },
2041
- "runtimeConfigGetStyles": {
2042
- "spacing": ["modal.gutter.${size}"],
2043
- "modalSizeRoot": ["modal.defaultSize"],
2044
- "modalVariantRoot": ["modal.defaultVariant"],
2045
- "modalSizeSpacingHorizontal": ["modal.defaultSize"],
2046
- "modalSizeHeader": ["modal.defaultSize"],
2047
- "modalSizeTitleDescriptionWrapper": ["modal.defaultSize"],
2048
- "modalSizeCloseIconContainer": ["modal.defaultSize"],
2049
- "modalSizeCloseIcon": ["modal.defaultSize"],
2050
- "modalVariantCloseIcon": ["modal.defaultVariant"]
2051
- },
2052
- "runtimeConfigInternalComponentProps": {},
2053
- "motionVarPrefixes": []
2054
- },
2055
- ModalContext: {
2056
- "name": "ModalContext",
1959
+ RadioGroupStore: {
1960
+ "name": "RadioGroupStore",
2057
1961
  "defaultProps": {},
2058
1962
  "getStylesLiterals": {},
2059
1963
  "cxLiterals": [],
@@ -2065,195 +1969,47 @@ var componentData_default = {
2065
1969
  "runtimeConfigInternalComponentProps": {},
2066
1970
  "motionVarPrefixes": []
2067
1971
  },
2068
- UDSModalConfigProvider: {
2069
- "name": "UDSModalConfigProvider",
2070
- "defaultProps": {},
2071
- "getStylesLiterals": {},
2072
- "cxLiterals": [],
2073
- "internalComponents": ["ModalContext.Provider"],
2074
- "internalComponentProps": {},
2075
- "propToVariantKeys": {},
2076
- "runtimeConfigDefaultProps": {},
2077
- "runtimeConfigGetStyles": {},
2078
- "runtimeConfigInternalComponentProps": {},
2079
- "motionVarPrefixes": []
2080
- },
2081
- ManagedModal: {
2082
- "name": "ManagedModal",
2083
- "defaultProps": {},
2084
- "getStylesLiterals": {},
2085
- "cxLiterals": [],
2086
- "internalComponents": [
2087
- "Modal",
2088
- "ModalTitle",
2089
- "ModalDescription",
2090
- "ModalContent",
2091
- "ModalActions"
1972
+ RadioBase: {
1973
+ "name": "RadioBase",
1974
+ "defaultProps": {
1975
+ "labelPosition": "start",
1976
+ "variant": "primary",
1977
+ "size": "md",
1978
+ "value": ""
1979
+ },
1980
+ "getStylesLiterals": {
1981
+ "radioVariantValueRoot": "checked",
1982
+ "radioVariantValueRoot:1": "unchecked",
1983
+ "display": "flex",
1984
+ "flexDirection": "row",
1985
+ "flexDirection:1": "row-reverse",
1986
+ "alignItems": "center"
1987
+ },
1988
+ "cxLiterals": [
1989
+ "cursor-pointer",
1990
+ "cursor-default",
1991
+ "opacity-50",
1992
+ "cursor-[inherit]",
1993
+ "absolute",
1994
+ "opacity-0",
1995
+ "top-[-1px]",
1996
+ "left-[-1px]",
1997
+ "w-[calc(100%+2px)]",
1998
+ "h-[calc(100%+2px)]",
1999
+ "text-start",
2000
+ "text-end"
2092
2001
  ],
2093
- "internalComponentProps": {},
2094
- "propToVariantKeys": {},
2095
- "runtimeConfigDefaultProps": {
2096
- "size": "modal.defaultSize",
2097
- "variant": "modal.defaultVariant"
2002
+ "internalComponents": ["FormLabel"],
2003
+ "internalComponentProps": { "FormLabel": {
2004
+ "as": ["div"],
2005
+ "variant": ["inherit"],
2006
+ "color": ["inherit"]
2007
+ } },
2008
+ "propToVariantKeys": {
2009
+ "size": ["radioSizeRoot"],
2010
+ "variant": ["radioVariantRoot"]
2098
2011
  },
2099
- "runtimeConfigGetStyles": {},
2100
- "runtimeConfigInternalComponentProps": {},
2101
- "motionVarPrefixes": []
2102
- },
2103
- ModalPortal: {
2104
- "name": "ModalPortal",
2105
- "defaultProps": {},
2106
- "getStylesLiterals": {},
2107
- "cxLiterals": [],
2108
- "internalComponents": ["ManagedModal"],
2109
- "internalComponentProps": {},
2110
- "propToVariantKeys": {},
2111
- "runtimeConfigDefaultProps": {},
2112
- "runtimeConfigGetStyles": {},
2113
- "runtimeConfigInternalComponentProps": {},
2114
- "motionVarPrefixes": []
2115
- },
2116
- ModalActions: {
2117
- "name": "ModalActions",
2118
- "defaultProps": {},
2119
- "getStylesLiterals": {
2120
- "flexDirection": "row-reverse",
2121
- "justifyContent": "space-between",
2122
- "alignItems": "center"
2123
- },
2124
- "cxLiterals": ["gap-[inherit]"],
2125
- "internalComponents": ["HStack"],
2126
- "internalComponentProps": {},
2127
- "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal", "modalSizeActions"] },
2128
- "runtimeConfigDefaultProps": {
2129
- "size": "modal.defaultSize",
2130
- "variant": "modal.defaultVariant"
2131
- },
2132
- "runtimeConfigGetStyles": {
2133
- "modalSizeSpacingHorizontal": ["modal.defaultSize"],
2134
- "modalSizeActions": ["modal.defaultSize"]
2135
- },
2136
- "runtimeConfigInternalComponentProps": {},
2137
- "motionVarPrefixes": []
2138
- },
2139
- ModalDescription: {
2140
- "name": "ModalDescription",
2141
- "defaultProps": {},
2142
- "getStylesLiterals": {},
2143
- "cxLiterals": [],
2144
- "internalComponents": ["Text", "DialogDescription"],
2145
- "internalComponentProps": { "Text": { "as": ["span"] } },
2146
- "propToVariantKeys": {
2147
- "size": ["modalSizeDescription"],
2148
- "variant": ["modalVariantDescription"]
2149
- },
2150
- "runtimeConfigDefaultProps": {
2151
- "size": "modal.defaultSize",
2152
- "variant": "modal.defaultVariant"
2153
- },
2154
- "runtimeConfigGetStyles": {
2155
- "modalSizeDescription": ["modal.defaultSize"],
2156
- "modalVariantDescription": ["modal.defaultVariant"]
2157
- },
2158
- "runtimeConfigInternalComponentProps": {},
2159
- "motionVarPrefixes": []
2160
- },
2161
- ModalTitle: {
2162
- "name": "ModalTitle",
2163
- "defaultProps": {},
2164
- "getStylesLiterals": {},
2165
- "cxLiterals": [],
2166
- "internalComponents": ["Text", "DialogHeading"],
2167
- "internalComponentProps": { "Text": { "as": ["span"] } },
2168
- "propToVariantKeys": {
2169
- "size": ["modalSizeTitle"],
2170
- "variant": ["modalVariantTitle"]
2171
- },
2172
- "runtimeConfigDefaultProps": {
2173
- "size": "modal.defaultSize",
2174
- "variant": "modal.defaultVariant"
2175
- },
2176
- "runtimeConfigGetStyles": {
2177
- "modalSizeTitle": ["modal.defaultSize"],
2178
- "modalVariantTitle": ["modal.defaultVariant"]
2179
- },
2180
- "runtimeConfigInternalComponentProps": {},
2181
- "motionVarPrefixes": []
2182
- },
2183
- ModalContent: {
2184
- "name": "ModalContent",
2185
- "defaultProps": {},
2186
- "getStylesLiterals": {
2187
- "overflowY": "auto",
2188
- "display": "block",
2189
- "flexGrow": "1"
2190
- },
2191
- "cxLiterals": [],
2192
- "internalComponents": ["Box"],
2193
- "internalComponentProps": {},
2194
- "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal"] },
2195
- "runtimeConfigDefaultProps": {
2196
- "size": "modal.defaultSize",
2197
- "variant": "modal.defaultVariant"
2198
- },
2199
- "runtimeConfigGetStyles": { "modalSizeSpacingHorizontal": ["modal.defaultSize"] },
2200
- "runtimeConfigInternalComponentProps": {},
2201
- "motionVarPrefixes": []
2202
- },
2203
- RadioGroupStore: {
2204
- "name": "RadioGroupStore",
2205
- "defaultProps": {},
2206
- "getStylesLiterals": {},
2207
- "cxLiterals": [],
2208
- "internalComponents": [],
2209
- "internalComponentProps": {},
2210
- "propToVariantKeys": {},
2211
- "runtimeConfigDefaultProps": {},
2212
- "runtimeConfigGetStyles": {},
2213
- "runtimeConfigInternalComponentProps": {},
2214
- "motionVarPrefixes": []
2215
- },
2216
- RadioBase: {
2217
- "name": "RadioBase",
2218
- "defaultProps": {
2219
- "labelPosition": "start",
2220
- "variant": "primary",
2221
- "size": "md",
2222
- "value": ""
2223
- },
2224
- "getStylesLiterals": {
2225
- "radioVariantValueRoot": "checked",
2226
- "radioVariantValueRoot:1": "unchecked",
2227
- "display": "flex",
2228
- "flexDirection": "row",
2229
- "flexDirection:1": "row-reverse",
2230
- "alignItems": "center"
2231
- },
2232
- "cxLiterals": [
2233
- "cursor-pointer",
2234
- "cursor-default",
2235
- "opacity-50",
2236
- "cursor-[inherit]",
2237
- "absolute",
2238
- "opacity-0",
2239
- "top-[-1px]",
2240
- "left-[-1px]",
2241
- "w-[calc(100%+2px)]",
2242
- "h-[calc(100%+2px)]",
2243
- "text-start",
2244
- "text-end"
2245
- ],
2246
- "internalComponents": ["FormLabel"],
2247
- "internalComponentProps": { "FormLabel": {
2248
- "as": ["div"],
2249
- "variant": ["inherit"],
2250
- "color": ["inherit"]
2251
- } },
2252
- "propToVariantKeys": {
2253
- "size": ["radioSizeRoot"],
2254
- "variant": ["radioVariantRoot"]
2255
- },
2256
- "runtimeConfigDefaultProps": {},
2012
+ "runtimeConfigDefaultProps": {},
2257
2013
  "runtimeConfigGetStyles": {},
2258
2014
  "runtimeConfigInternalComponentProps": {},
2259
2015
  "motionVarPrefixes": []
@@ -2339,115 +2095,6 @@ var componentData_default = {
2339
2095
  "runtimeConfigInternalComponentProps": {},
2340
2096
  "motionVarPrefixes": []
2341
2097
  },
2342
- SwitchBase: {
2343
- "name": "SwitchBase",
2344
- "defaultProps": {
2345
- "labelPosition": "start",
2346
- "size": "md"
2347
- },
2348
- "getStylesLiterals": {
2349
- "switchVariantRoot": "default",
2350
- "switchVariantActiveRoot": "on",
2351
- "switchVariantActiveRoot:1": "off",
2352
- "display": "flex",
2353
- "flexDirection": "row",
2354
- "flexDirection:1": "row-reverse",
2355
- "alignItems": "center",
2356
- "switchVariantSwitch": "default",
2357
- "switchVariantActiveSwitch": "on",
2358
- "switchVariantActiveSwitch:1": "off",
2359
- "borderRadius": "full",
2360
- "position": "relative"
2361
- },
2362
- "cxLiterals": [
2363
- "group",
2364
- "cursor-pointer",
2365
- "cursor-default",
2366
- "opacity-50",
2367
- "uds-ring",
2368
- "uds-ring-within",
2369
- "transition-[background-color,box-shadow]",
2370
- "cursor-[inherit]",
2371
- "absolute",
2372
- "opacity-0",
2373
- "top-[-1px]",
2374
- "left-[-1px]",
2375
- "w-[calc(100%+2px)]",
2376
- "h-[calc(100%+2px)]",
2377
- "text-start",
2378
- "text-end",
2379
- "translate-x-[1.25rem]",
2380
- "rtl:translate-x-[-1.25rem]",
2381
- "translate-x-[0.75rem]",
2382
- "rtl:translate-x-[-0.75rem]"
2383
- ],
2384
- "internalComponents": [
2385
- "FormLabel",
2386
- "RootElement",
2387
- "Box"
2388
- ],
2389
- "internalComponentProps": {
2390
- "FormLabel": {
2391
- "as": ["div"],
2392
- "variant": ["inherit"],
2393
- "color": ["inherit"]
2394
- },
2395
- "RootElement": { "data-testid": ["container"] }
2396
- },
2397
- "propToVariantKeys": { "size": ["switchSizeRoot", "switchSizeSwitch"] },
2398
- "runtimeConfigDefaultProps": {},
2399
- "runtimeConfigGetStyles": {},
2400
- "runtimeConfigInternalComponentProps": {},
2401
- "motionVarPrefixes": []
2402
- },
2403
- Switch: {
2404
- "name": "Switch",
2405
- "defaultProps": {},
2406
- "getStylesLiterals": {
2407
- "switchVariantActiveHandle": "on",
2408
- "switchVariantActiveHandle:1": "off",
2409
- "switchVariantHandle": "default",
2410
- "switchVariantHandleIcon": "default",
2411
- "switchVariantActiveHandleIcon": "on",
2412
- "switchVariantActiveHandleIcon:1": "off"
2413
- },
2414
- "cxLiterals": [
2415
- "relative",
2416
- "pointer-events-none",
2417
- "uds-border-radius-full",
2418
- "overflow-hidden",
2419
- "absolute",
2420
- "top-0",
2421
- "left-0",
2422
- "right-0",
2423
- "bottom-0",
2424
- "opacity-95",
2425
- "group-hover:opacity-100",
2426
- "transition-[background-color,box-shadow,opacity]",
2427
- "opacity-0",
2428
- "m-auto",
2429
- "transition-opacity",
2430
- "opacity-100"
2431
- ],
2432
- "internalComponents": [
2433
- "IconSlot",
2434
- "SwitchBase",
2435
- "Box",
2436
- "SpringMotionConfig",
2437
- "MotionBox",
2438
- "SwitchProps",
2439
- "SwitchStaticHandle"
2440
- ],
2441
- "internalComponentProps": { "IconSlot": { "data-testid": ["on-icon", "off-icon"] } },
2442
- "propToVariantKeys": {
2443
- "size": ["switchSizeHandle", "switchSizeHandleIcon"],
2444
- "reduceMotion": ["reducedMotion"]
2445
- },
2446
- "runtimeConfigDefaultProps": {},
2447
- "runtimeConfigGetStyles": {},
2448
- "runtimeConfigInternalComponentProps": {},
2449
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
2450
- },
2451
2098
  InputHelpTextInternal: {
2452
2099
  "name": "InputHelpTextInternal",
2453
2100
  "defaultProps": {},
@@ -2510,7 +2157,6 @@ var componentData_default = {
2510
2157
  },
2511
2158
  "cxLiterals": [
2512
2159
  "opacity-50",
2513
- "min-w-[200px]",
2514
2160
  "uds-ring-shadow",
2515
2161
  "uds-ring-within",
2516
2162
  "grow",
@@ -2586,14 +2232,123 @@ var componentData_default = {
2586
2232
  "inputVariantValueRoot": "empty",
2587
2233
  "inputVariantValueRoot:1": "filled"
2588
2234
  },
2589
- "cxLiterals": [],
2590
- "internalComponents": ["InputHelpTextInternal", "Box"],
2591
- "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
2592
- "propToVariantKeys": { "size": ["inputSizeRoot"] },
2235
+ "cxLiterals": [],
2236
+ "internalComponents": ["InputHelpTextInternal", "Box"],
2237
+ "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
2238
+ "propToVariantKeys": { "size": ["inputSizeRoot"] },
2239
+ "runtimeConfigDefaultProps": {},
2240
+ "runtimeConfigGetStyles": {},
2241
+ "runtimeConfigInternalComponentProps": {},
2242
+ "motionVarPrefixes": []
2243
+ },
2244
+ SwitchBase: {
2245
+ "name": "SwitchBase",
2246
+ "defaultProps": {
2247
+ "labelPosition": "start",
2248
+ "size": "md"
2249
+ },
2250
+ "getStylesLiterals": {
2251
+ "switchVariantRoot": "default",
2252
+ "switchVariantActiveRoot": "on",
2253
+ "switchVariantActiveRoot:1": "off",
2254
+ "display": "flex",
2255
+ "flexDirection": "row",
2256
+ "flexDirection:1": "row-reverse",
2257
+ "alignItems": "center",
2258
+ "switchVariantSwitch": "default",
2259
+ "switchVariantActiveSwitch": "on",
2260
+ "switchVariantActiveSwitch:1": "off",
2261
+ "borderRadius": "full",
2262
+ "position": "relative"
2263
+ },
2264
+ "cxLiterals": [
2265
+ "group",
2266
+ "cursor-pointer",
2267
+ "cursor-default",
2268
+ "opacity-50",
2269
+ "uds-ring",
2270
+ "uds-ring-within",
2271
+ "transition-[background-color,box-shadow]",
2272
+ "cursor-[inherit]",
2273
+ "absolute",
2274
+ "opacity-0",
2275
+ "top-[-1px]",
2276
+ "left-[-1px]",
2277
+ "w-[calc(100%+2px)]",
2278
+ "h-[calc(100%+2px)]",
2279
+ "text-start",
2280
+ "text-end",
2281
+ "translate-x-[1.25rem]",
2282
+ "rtl:translate-x-[-1.25rem]",
2283
+ "translate-x-[0.75rem]",
2284
+ "rtl:translate-x-[-0.75rem]"
2285
+ ],
2286
+ "internalComponents": [
2287
+ "FormLabel",
2288
+ "RootElement",
2289
+ "Box"
2290
+ ],
2291
+ "internalComponentProps": {
2292
+ "FormLabel": {
2293
+ "as": ["div"],
2294
+ "variant": ["inherit"],
2295
+ "color": ["inherit"]
2296
+ },
2297
+ "RootElement": { "data-testid": ["container"] }
2298
+ },
2299
+ "propToVariantKeys": { "size": ["switchSizeRoot", "switchSizeSwitch"] },
2300
+ "runtimeConfigDefaultProps": {},
2301
+ "runtimeConfigGetStyles": {},
2302
+ "runtimeConfigInternalComponentProps": {},
2303
+ "motionVarPrefixes": []
2304
+ },
2305
+ Switch: {
2306
+ "name": "Switch",
2307
+ "defaultProps": {},
2308
+ "getStylesLiterals": {
2309
+ "switchVariantActiveHandle": "on",
2310
+ "switchVariantActiveHandle:1": "off",
2311
+ "switchVariantHandle": "default",
2312
+ "switchVariantHandleIcon": "default",
2313
+ "switchVariantActiveHandleIcon": "on",
2314
+ "switchVariantActiveHandleIcon:1": "off"
2315
+ },
2316
+ "cxLiterals": [
2317
+ "relative",
2318
+ "pointer-events-none",
2319
+ "uds-border-radius-full",
2320
+ "overflow-hidden",
2321
+ "absolute",
2322
+ "top-0",
2323
+ "left-0",
2324
+ "right-0",
2325
+ "bottom-0",
2326
+ "opacity-95",
2327
+ "group-hover:opacity-100",
2328
+ "transition-[background-color,box-shadow,opacity]",
2329
+ "opacity-0",
2330
+ "m-auto",
2331
+ "transition-opacity",
2332
+ "opacity-100"
2333
+ ],
2334
+ "internalComponents": [
2335
+ "IconSlot",
2336
+ "SwitchBase",
2337
+ "Box",
2338
+ "SpringMotionConfig",
2339
+ "MotionBox",
2340
+ "SwitchProps",
2341
+ "SwitchStaticHandle"
2342
+ ],
2343
+ "internalComponentProps": { "IconSlot": { "data-testid": ["on-icon", "off-icon"] } },
2344
+ "propToVariantKeys": {
2345
+ "size": ["switchSizeHandle", "switchSizeHandleIcon"],
2346
+ "reduceMotion": ["reducedMotion"]
2347
+ },
2593
2348
  "runtimeConfigDefaultProps": {},
2594
2349
  "runtimeConfigGetStyles": {},
2595
2350
  "runtimeConfigInternalComponentProps": {},
2596
- "motionVarPrefixes": []
2351
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
2597
2352
  },
2598
2353
  ChipBase: {
2599
2354
  "name": "ChipBase",
@@ -2738,6 +2493,248 @@ var componentData_default = {
2738
2493
  "runtimeConfigInternalComponentProps": {},
2739
2494
  "motionVarPrefixes": []
2740
2495
  },
2496
+ Modal: {
2497
+ "name": "Modal",
2498
+ "defaultProps": {
2499
+ "closeAriaLabel": "Close",
2500
+ "maxWidth": "auto",
2501
+ "maxHeight": "auto",
2502
+ "scrollBehavior": "outside"
2503
+ },
2504
+ "getStylesLiterals": {
2505
+ "flexDirection": "row-reverse",
2506
+ "justifyContent": "space-between",
2507
+ "alignItems": "flex-end",
2508
+ "alignItems:1": "flex-start",
2509
+ "borderRadius": "full"
2510
+ },
2511
+ "cxLiterals": [
2512
+ "fixed",
2513
+ "inset-0",
2514
+ "z-40",
2515
+ "overflow-y-auto",
2516
+ "overflow-hidden",
2517
+ "transition-[opacity,visibility]",
2518
+ "visible",
2519
+ "opacity-100",
2520
+ "invisible",
2521
+ "opacity-0",
2522
+ "pointer-events-none",
2523
+ "uds-bgBlurFallback",
2524
+ "w-full",
2525
+ "w-fit",
2526
+ "h-full",
2527
+ "h-fit",
2528
+ "m-auto",
2529
+ "pointer-events-auto",
2530
+ "inside",
2531
+ "max-h-full",
2532
+ "transition-transform",
2533
+ "duration-0",
2534
+ "duration-120",
2535
+ "transition-[background-color]",
2536
+ "bg-carbon-15/0",
2537
+ "hover:bg-carbon-15/10",
2538
+ "active:bg-carbon-15/15",
2539
+ "uds-ring",
2540
+ "[translate:50%_-50%]"
2541
+ ],
2542
+ "internalComponents": [
2543
+ "Scrim",
2544
+ "VStack",
2545
+ "Pressable",
2546
+ "IconSlot",
2547
+ "Box",
2548
+ "Dialog",
2549
+ "ModalContext.Provider",
2550
+ "HStack",
2551
+ "DialogDismiss",
2552
+ "ModalTitle",
2553
+ "ModalDescription",
2554
+ "ModalContent",
2555
+ "ModalActions"
2556
+ ],
2557
+ "internalComponentProps": { "Box": { "flexGrow": ["1"] } },
2558
+ "propToVariantKeys": {
2559
+ "gutter": ["spacing"],
2560
+ "size": [
2561
+ "modalSizeRoot",
2562
+ "modalSizeSpacingHorizontal",
2563
+ "modalSizeHeader",
2564
+ "modalSizeTitleDescriptionWrapper",
2565
+ "modalSizeCloseIconContainer",
2566
+ "modalSizeCloseIcon"
2567
+ ],
2568
+ "variant": ["modalVariantRoot", "modalVariantCloseIcon"],
2569
+ "closeAriaLabel": ["aria-label"],
2570
+ "closeIcon": ["icon"]
2571
+ },
2572
+ "runtimeConfigDefaultProps": {
2573
+ "size": "modal.defaultSize",
2574
+ "variant": "modal.defaultVariant"
2575
+ },
2576
+ "runtimeConfigGetStyles": {
2577
+ "spacing": ["modal.gutter.${size}"],
2578
+ "modalSizeRoot": ["modal.defaultSize"],
2579
+ "modalVariantRoot": ["modal.defaultVariant"],
2580
+ "modalSizeSpacingHorizontal": ["modal.defaultSize"],
2581
+ "modalSizeHeader": ["modal.defaultSize"],
2582
+ "modalSizeTitleDescriptionWrapper": ["modal.defaultSize"],
2583
+ "modalSizeCloseIconContainer": ["modal.defaultSize"],
2584
+ "modalSizeCloseIcon": ["modal.defaultSize"],
2585
+ "modalVariantCloseIcon": ["modal.defaultVariant"]
2586
+ },
2587
+ "runtimeConfigInternalComponentProps": {},
2588
+ "motionVarPrefixes": []
2589
+ },
2590
+ ModalContext: {
2591
+ "name": "ModalContext",
2592
+ "defaultProps": {},
2593
+ "getStylesLiterals": {},
2594
+ "cxLiterals": [],
2595
+ "internalComponents": [],
2596
+ "internalComponentProps": {},
2597
+ "propToVariantKeys": {},
2598
+ "runtimeConfigDefaultProps": {},
2599
+ "runtimeConfigGetStyles": {},
2600
+ "runtimeConfigInternalComponentProps": {},
2601
+ "motionVarPrefixes": []
2602
+ },
2603
+ UDSModalConfigProvider: {
2604
+ "name": "UDSModalConfigProvider",
2605
+ "defaultProps": {},
2606
+ "getStylesLiterals": {},
2607
+ "cxLiterals": [],
2608
+ "internalComponents": ["ModalContext.Provider"],
2609
+ "internalComponentProps": {},
2610
+ "propToVariantKeys": {},
2611
+ "runtimeConfigDefaultProps": {},
2612
+ "runtimeConfigGetStyles": {},
2613
+ "runtimeConfigInternalComponentProps": {},
2614
+ "motionVarPrefixes": []
2615
+ },
2616
+ ManagedModal: {
2617
+ "name": "ManagedModal",
2618
+ "defaultProps": {},
2619
+ "getStylesLiterals": {},
2620
+ "cxLiterals": [],
2621
+ "internalComponents": [
2622
+ "Modal",
2623
+ "ModalTitle",
2624
+ "ModalDescription",
2625
+ "ModalContent",
2626
+ "ModalActions"
2627
+ ],
2628
+ "internalComponentProps": {},
2629
+ "propToVariantKeys": {},
2630
+ "runtimeConfigDefaultProps": {
2631
+ "size": "modal.defaultSize",
2632
+ "variant": "modal.defaultVariant"
2633
+ },
2634
+ "runtimeConfigGetStyles": {},
2635
+ "runtimeConfigInternalComponentProps": {},
2636
+ "motionVarPrefixes": []
2637
+ },
2638
+ ModalPortal: {
2639
+ "name": "ModalPortal",
2640
+ "defaultProps": {},
2641
+ "getStylesLiterals": {},
2642
+ "cxLiterals": [],
2643
+ "internalComponents": ["ManagedModal"],
2644
+ "internalComponentProps": {},
2645
+ "propToVariantKeys": {},
2646
+ "runtimeConfigDefaultProps": {},
2647
+ "runtimeConfigGetStyles": {},
2648
+ "runtimeConfigInternalComponentProps": {},
2649
+ "motionVarPrefixes": []
2650
+ },
2651
+ ModalActions: {
2652
+ "name": "ModalActions",
2653
+ "defaultProps": {},
2654
+ "getStylesLiterals": {
2655
+ "flexDirection": "row-reverse",
2656
+ "justifyContent": "space-between",
2657
+ "alignItems": "center"
2658
+ },
2659
+ "cxLiterals": ["gap-[inherit]"],
2660
+ "internalComponents": ["HStack"],
2661
+ "internalComponentProps": {},
2662
+ "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal", "modalSizeActions"] },
2663
+ "runtimeConfigDefaultProps": {
2664
+ "size": "modal.defaultSize",
2665
+ "variant": "modal.defaultVariant"
2666
+ },
2667
+ "runtimeConfigGetStyles": {
2668
+ "modalSizeSpacingHorizontal": ["modal.defaultSize"],
2669
+ "modalSizeActions": ["modal.defaultSize"]
2670
+ },
2671
+ "runtimeConfigInternalComponentProps": {},
2672
+ "motionVarPrefixes": []
2673
+ },
2674
+ ModalDescription: {
2675
+ "name": "ModalDescription",
2676
+ "defaultProps": {},
2677
+ "getStylesLiterals": {},
2678
+ "cxLiterals": [],
2679
+ "internalComponents": ["Text", "DialogDescription"],
2680
+ "internalComponentProps": { "Text": { "as": ["span"] } },
2681
+ "propToVariantKeys": {
2682
+ "size": ["modalSizeDescription"],
2683
+ "variant": ["modalVariantDescription"]
2684
+ },
2685
+ "runtimeConfigDefaultProps": {
2686
+ "size": "modal.defaultSize",
2687
+ "variant": "modal.defaultVariant"
2688
+ },
2689
+ "runtimeConfigGetStyles": {
2690
+ "modalSizeDescription": ["modal.defaultSize"],
2691
+ "modalVariantDescription": ["modal.defaultVariant"]
2692
+ },
2693
+ "runtimeConfigInternalComponentProps": {},
2694
+ "motionVarPrefixes": []
2695
+ },
2696
+ ModalTitle: {
2697
+ "name": "ModalTitle",
2698
+ "defaultProps": {},
2699
+ "getStylesLiterals": {},
2700
+ "cxLiterals": [],
2701
+ "internalComponents": ["Text", "DialogHeading"],
2702
+ "internalComponentProps": { "Text": { "as": ["span"] } },
2703
+ "propToVariantKeys": {
2704
+ "size": ["modalSizeTitle"],
2705
+ "variant": ["modalVariantTitle"]
2706
+ },
2707
+ "runtimeConfigDefaultProps": {
2708
+ "size": "modal.defaultSize",
2709
+ "variant": "modal.defaultVariant"
2710
+ },
2711
+ "runtimeConfigGetStyles": {
2712
+ "modalSizeTitle": ["modal.defaultSize"],
2713
+ "modalVariantTitle": ["modal.defaultVariant"]
2714
+ },
2715
+ "runtimeConfigInternalComponentProps": {},
2716
+ "motionVarPrefixes": []
2717
+ },
2718
+ ModalContent: {
2719
+ "name": "ModalContent",
2720
+ "defaultProps": {},
2721
+ "getStylesLiterals": {
2722
+ "overflowY": "auto",
2723
+ "display": "block",
2724
+ "flexGrow": "1"
2725
+ },
2726
+ "cxLiterals": [],
2727
+ "internalComponents": ["Box"],
2728
+ "internalComponentProps": {},
2729
+ "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal"] },
2730
+ "runtimeConfigDefaultProps": {
2731
+ "size": "modal.defaultSize",
2732
+ "variant": "modal.defaultVariant"
2733
+ },
2734
+ "runtimeConfigGetStyles": { "modalSizeSpacingHorizontal": ["modal.defaultSize"] },
2735
+ "runtimeConfigInternalComponentProps": {},
2736
+ "motionVarPrefixes": []
2737
+ },
2741
2738
  AvatarIcon: {
2742
2739
  "name": "AvatarIcon",
2743
2740
  "defaultProps": {