@yahoo/uds 3.176.0 → 3.176.1

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 (12) 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/components/client/Toast/UDSToastConfigProvider.d.cts +1 -1
  4. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +1 -1
  5. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.cts +2 -2
  6. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.ts +2 -2
  7. package/dist/uds/generated/componentData.cjs +501 -501
  8. package/dist/uds/generated/componentData.js +501 -501
  9. package/dist/uds/package.cjs +1 -1
  10. package/dist/uds/package.js +1 -1
  11. package/generated/componentData.json +761 -761
  12. package/package.json +2 -2
package/dist/uds/generated/componentData.js CHANGED
@@ -251,73 +251,6 @@ var componentData_default = {
251
251
  "motionVarPrefixes": [],
252
252
  "factoryTarget": null
253
253
  },
254
- DividerLabel: {
255
- "name": "DividerLabel",
256
- "defaultProps": {
257
- "variant": "primary",
258
- "textVariant": "inherit",
259
- "color": "inherit",
260
- "as": "span"
261
- },
262
- "getStylesLiterals": {},
263
- "cxLiterals": ["inherit"],
264
- "internalComponents": ["Text"],
265
- "internalComponentProps": {},
266
- "propToVariantKeys": {
267
- "variant": ["dividerVariantLabel"],
268
- "textVariant": ["variant"]
269
- },
270
- "runtimeConfigDefaultProps": {},
271
- "runtimeConfigGetStyles": {},
272
- "runtimeConfigInternalComponentProps": {},
273
- "motionVarPrefixes": [],
274
- "factoryTarget": null
275
- },
276
- Divider: {
277
- "name": "Divider",
278
- "defaultProps": {
279
- "variant": "primary",
280
- "contentPosition": "center"
281
- },
282
- "getStylesLiterals": {},
283
- "cxLiterals": ["inherit"],
284
- "internalComponents": [
285
- "DividerLine",
286
- "DividerLabel",
287
- "InternalComponent",
288
- "Box"
289
- ],
290
- "internalComponentProps": {
291
- "InternalComponent": {
292
- "alignItems": ["center"],
293
- "flex": ["1"]
294
- },
295
- "Box": {
296
- "display": ["flex"],
297
- "flex": ["none"]
298
- }
299
- },
300
- "propToVariantKeys": { "variant": ["dividerVariantRoot"] },
301
- "runtimeConfigDefaultProps": {},
302
- "runtimeConfigGetStyles": {},
303
- "runtimeConfigInternalComponentProps": {},
304
- "motionVarPrefixes": [],
305
- "factoryTarget": null
306
- },
307
- DividerLine: {
308
- "name": "DividerLine",
309
- "defaultProps": { "variant": "primary" },
310
- "getStylesLiterals": {},
311
- "cxLiterals": ["inherit"],
312
- "internalComponents": ["Box"],
313
- "internalComponentProps": { "Box": { "flex": ["1"] } },
314
- "propToVariantKeys": { "variant": ["dividerVariantLine"] },
315
- "runtimeConfigDefaultProps": {},
316
- "runtimeConfigGetStyles": {},
317
- "runtimeConfigInternalComponentProps": {},
318
- "motionVarPrefixes": [],
319
- "factoryTarget": null
320
- },
321
254
  Spinner: {
322
255
  "name": "Spinner",
323
256
  "defaultProps": {
@@ -389,6 +322,73 @@ var componentData_default = {
389
322
  "motionVarPrefixes": [],
390
323
  "factoryTarget": null
391
324
  },
325
+ DividerLabel: {
326
+ "name": "DividerLabel",
327
+ "defaultProps": {
328
+ "variant": "primary",
329
+ "textVariant": "inherit",
330
+ "color": "inherit",
331
+ "as": "span"
332
+ },
333
+ "getStylesLiterals": {},
334
+ "cxLiterals": ["inherit"],
335
+ "internalComponents": ["Text"],
336
+ "internalComponentProps": {},
337
+ "propToVariantKeys": {
338
+ "variant": ["dividerVariantLabel"],
339
+ "textVariant": ["variant"]
340
+ },
341
+ "runtimeConfigDefaultProps": {},
342
+ "runtimeConfigGetStyles": {},
343
+ "runtimeConfigInternalComponentProps": {},
344
+ "motionVarPrefixes": [],
345
+ "factoryTarget": null
346
+ },
347
+ Divider: {
348
+ "name": "Divider",
349
+ "defaultProps": {
350
+ "variant": "primary",
351
+ "contentPosition": "center"
352
+ },
353
+ "getStylesLiterals": {},
354
+ "cxLiterals": ["inherit"],
355
+ "internalComponents": [
356
+ "DividerLine",
357
+ "DividerLabel",
358
+ "InternalComponent",
359
+ "Box"
360
+ ],
361
+ "internalComponentProps": {
362
+ "InternalComponent": {
363
+ "alignItems": ["center"],
364
+ "flex": ["1"]
365
+ },
366
+ "Box": {
367
+ "display": ["flex"],
368
+ "flex": ["none"]
369
+ }
370
+ },
371
+ "propToVariantKeys": { "variant": ["dividerVariantRoot"] },
372
+ "runtimeConfigDefaultProps": {},
373
+ "runtimeConfigGetStyles": {},
374
+ "runtimeConfigInternalComponentProps": {},
375
+ "motionVarPrefixes": [],
376
+ "factoryTarget": null
377
+ },
378
+ DividerLine: {
379
+ "name": "DividerLine",
380
+ "defaultProps": { "variant": "primary" },
381
+ "getStylesLiterals": {},
382
+ "cxLiterals": ["inherit"],
383
+ "internalComponents": ["Box"],
384
+ "internalComponentProps": { "Box": { "flex": ["1"] } },
385
+ "propToVariantKeys": { "variant": ["dividerVariantLine"] },
386
+ "runtimeConfigDefaultProps": {},
387
+ "runtimeConfigGetStyles": {},
388
+ "runtimeConfigInternalComponentProps": {},
389
+ "motionVarPrefixes": [],
390
+ "factoryTarget": null
391
+ },
392
392
  Pressable: {
393
393
  "name": "Pressable",
394
394
  "defaultProps": {},
@@ -1220,6 +1220,84 @@ var componentData_default = {
1220
1220
  "motionVarPrefixes": [],
1221
1221
  "factoryTarget": null
1222
1222
  },
1223
+ IconButtonBase: {
1224
+ "name": "IconButtonBase",
1225
+ "defaultProps": { "type": "button" },
1226
+ "getStylesLiterals": {},
1227
+ "cxLiterals": [
1228
+ "uds-ring",
1229
+ "uds-hit-target",
1230
+ "inline-flex",
1231
+ "overflow-hidden",
1232
+ "justify-center",
1233
+ "items-center",
1234
+ "[transform-origin:center]",
1235
+ "[backface-visibility:hidden]",
1236
+ "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
1237
+ "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
1238
+ "[transition-duration:220ms]",
1239
+ "cursor-not-allowed",
1240
+ "uds-button-loading",
1241
+ "uds-button-without-effects",
1242
+ "animate-spin"
1243
+ ],
1244
+ "internalComponents": [],
1245
+ "internalComponentProps": {},
1246
+ "propToVariantKeys": {
1247
+ "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
1248
+ "variant": ["buttonVariantRoot", "buttonVariantIcon"]
1249
+ },
1250
+ "runtimeConfigDefaultProps": { "size": "iconButton.defaultSize" },
1251
+ "runtimeConfigGetStyles": {},
1252
+ "runtimeConfigInternalComponentProps": {},
1253
+ "motionVarPrefixes": [],
1254
+ "factoryTarget": null
1255
+ },
1256
+ IconButton: {
1257
+ "name": "IconButton",
1258
+ "defaultProps": {},
1259
+ "getStylesLiterals": {},
1260
+ "cxLiterals": [],
1261
+ "internalComponents": [
1262
+ "IconButtonBase",
1263
+ "Icon",
1264
+ "AnimatePresence",
1265
+ "SpringMotionConfig",
1266
+ "MotionSlot",
1267
+ "IconButtonProps",
1268
+ "Slot"
1269
+ ],
1270
+ "internalComponentProps": {
1271
+ "Icon": { "color": ["current"] },
1272
+ "AnimatePresence": { "mode": ["popLayout"] },
1273
+ "SpringMotionConfig": { "layoutSpeed": ["3"] },
1274
+ "MotionSlot": {
1275
+ "initial": ["icon"],
1276
+ "whileHover": ["hover"],
1277
+ "whileTap": ["pressed"]
1278
+ }
1279
+ },
1280
+ "propToVariantKeys": {},
1281
+ "runtimeConfigDefaultProps": {},
1282
+ "runtimeConfigGetStyles": {},
1283
+ "runtimeConfigInternalComponentProps": {},
1284
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"],
1285
+ "factoryTarget": null
1286
+ },
1287
+ UDSIconButtonConfigProvider: {
1288
+ "name": "UDSIconButtonConfigProvider",
1289
+ "defaultProps": {},
1290
+ "getStylesLiterals": {},
1291
+ "cxLiterals": [],
1292
+ "internalComponents": ["IconButtonContext.Provider"],
1293
+ "internalComponentProps": {},
1294
+ "propToVariantKeys": {},
1295
+ "runtimeConfigDefaultProps": {},
1296
+ "runtimeConfigGetStyles": {},
1297
+ "runtimeConfigInternalComponentProps": {},
1298
+ "motionVarPrefixes": [],
1299
+ "factoryTarget": null
1300
+ },
1223
1301
  UDSInputConfigProvider: {
1224
1302
  "name": "UDSInputConfigProvider",
1225
1303
  "defaultProps": {},
@@ -1370,100 +1448,22 @@ var componentData_default = {
1370
1448
  "motionVarPrefixes": [],
1371
1449
  "factoryTarget": null
1372
1450
  },
1373
- IconButtonBase: {
1374
- "name": "IconButtonBase",
1375
- "defaultProps": { "type": "button" },
1451
+ PopoverContext: {
1452
+ "name": "PopoverContext",
1453
+ "defaultProps": {},
1376
1454
  "getStylesLiterals": {},
1377
- "cxLiterals": [
1378
- "uds-ring",
1379
- "uds-hit-target",
1380
- "inline-flex",
1381
- "overflow-hidden",
1382
- "justify-center",
1383
- "items-center",
1384
- "[transform-origin:center]",
1385
- "[backface-visibility:hidden]",
1386
- "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
1387
- "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
1388
- "[transition-duration:220ms]",
1389
- "cursor-not-allowed",
1390
- "uds-button-loading",
1391
- "uds-button-without-effects",
1392
- "animate-spin"
1393
- ],
1455
+ "cxLiterals": [],
1394
1456
  "internalComponents": [],
1395
1457
  "internalComponentProps": {},
1396
- "propToVariantKeys": {
1397
- "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
1398
- "variant": ["buttonVariantRoot", "buttonVariantIcon"]
1399
- },
1400
- "runtimeConfigDefaultProps": { "size": "iconButton.defaultSize" },
1458
+ "propToVariantKeys": {},
1459
+ "runtimeConfigDefaultProps": {},
1401
1460
  "runtimeConfigGetStyles": {},
1402
1461
  "runtimeConfigInternalComponentProps": {},
1403
1462
  "motionVarPrefixes": [],
1404
1463
  "factoryTarget": null
1405
1464
  },
1406
- IconButton: {
1407
- "name": "IconButton",
1408
- "defaultProps": {},
1409
- "getStylesLiterals": {},
1410
- "cxLiterals": [],
1411
- "internalComponents": [
1412
- "IconButtonBase",
1413
- "Icon",
1414
- "AnimatePresence",
1415
- "SpringMotionConfig",
1416
- "MotionSlot",
1417
- "IconButtonProps",
1418
- "Slot"
1419
- ],
1420
- "internalComponentProps": {
1421
- "Icon": { "color": ["current"] },
1422
- "AnimatePresence": { "mode": ["popLayout"] },
1423
- "SpringMotionConfig": { "layoutSpeed": ["3"] },
1424
- "MotionSlot": {
1425
- "initial": ["icon"],
1426
- "whileHover": ["hover"],
1427
- "whileTap": ["pressed"]
1428
- }
1429
- },
1430
- "propToVariantKeys": {},
1431
- "runtimeConfigDefaultProps": {},
1432
- "runtimeConfigGetStyles": {},
1433
- "runtimeConfigInternalComponentProps": {},
1434
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"],
1435
- "factoryTarget": null
1436
- },
1437
- UDSIconButtonConfigProvider: {
1438
- "name": "UDSIconButtonConfigProvider",
1439
- "defaultProps": {},
1440
- "getStylesLiterals": {},
1441
- "cxLiterals": [],
1442
- "internalComponents": ["IconButtonContext.Provider"],
1443
- "internalComponentProps": {},
1444
- "propToVariantKeys": {},
1445
- "runtimeConfigDefaultProps": {},
1446
- "runtimeConfigGetStyles": {},
1447
- "runtimeConfigInternalComponentProps": {},
1448
- "motionVarPrefixes": [],
1449
- "factoryTarget": null
1450
- },
1451
- PopoverContext: {
1452
- "name": "PopoverContext",
1453
- "defaultProps": {},
1454
- "getStylesLiterals": {},
1455
- "cxLiterals": [],
1456
- "internalComponents": [],
1457
- "internalComponentProps": {},
1458
- "propToVariantKeys": {},
1459
- "runtimeConfigDefaultProps": {},
1460
- "runtimeConfigGetStyles": {},
1461
- "runtimeConfigInternalComponentProps": {},
1462
- "motionVarPrefixes": [],
1463
- "factoryTarget": null
1464
- },
1465
- PopoverContent: {
1466
- "name": "PopoverContent",
1465
+ PopoverContent: {
1466
+ "name": "PopoverContent",
1467
1467
  "defaultProps": {},
1468
1468
  "getStylesLiterals": {
1469
1469
  "popoverSizeRoot": "default",
@@ -2000,6 +2000,164 @@ var componentData_default = {
2000
2000
  "motionVarPrefixes": [],
2001
2001
  "factoryTarget": "Modal"
2002
2002
  },
2003
+ Tab: {
2004
+ "name": "Tab",
2005
+ "defaultProps": { "variant": "primary" },
2006
+ "getStylesLiterals": {
2007
+ "tabSizeRoot": "default",
2008
+ "tabVariantActiveRoot": "off",
2009
+ "tabVariantActiveRoot:1": "on",
2010
+ "tabSizeIcon": "default"
2011
+ },
2012
+ "cxLiterals": [
2013
+ "pointer-events-none",
2014
+ "absolute",
2015
+ "bottom-0",
2016
+ "left-0",
2017
+ "right-0",
2018
+ "h-[var(--uds-tab-underline-width,0px)]",
2019
+ "bg-[var(--uds-tab-underline-color,transparent)]",
2020
+ "transition-[height,background-color]",
2021
+ "duration-[240ms]",
2022
+ "ease-[cubic-bezier(0.2,0,0,1)]",
2023
+ "!bg-transparent",
2024
+ "!shadow-none",
2025
+ "inline-flex",
2026
+ "items-center",
2027
+ "shrink-0",
2028
+ "box-border",
2029
+ "relative",
2030
+ "z-[1]",
2031
+ "cursor-pointer",
2032
+ "select-none",
2033
+ "whitespace-nowrap",
2034
+ "uds-ring",
2035
+ "opacity-50",
2036
+ "cursor-default",
2037
+ "border-solid",
2038
+ "border-b-solid",
2039
+ "transition-colors"
2040
+ ],
2041
+ "internalComponents": [
2042
+ "IconSlot",
2043
+ "AriakitTab",
2044
+ "Text"
2045
+ ],
2046
+ "internalComponentProps": { "Text": {
2047
+ "variant": ["inherit"],
2048
+ "as": ["span"],
2049
+ "color": ["current"]
2050
+ } },
2051
+ "propToVariantKeys": {
2052
+ "variant": ["tabVariantRoot", "tabVariantIcon"],
2053
+ "activeState": ["tabVariantActiveIcon"],
2054
+ "startIcon": ["icon"],
2055
+ "endIcon": ["icon"]
2056
+ },
2057
+ "runtimeConfigDefaultProps": { "size": "tab.defaultSize" },
2058
+ "runtimeConfigGetStyles": {},
2059
+ "runtimeConfigInternalComponentProps": {},
2060
+ "motionVarPrefixes": [],
2061
+ "factoryTarget": null
2062
+ },
2063
+ TabList: {
2064
+ "name": "TabList",
2065
+ "defaultProps": { "variant": "primary" },
2066
+ "getStylesLiterals": {
2067
+ "tabSizeRoot": "default",
2068
+ "tabVariantActiveRoot": "on"
2069
+ },
2070
+ "cxLiterals": [
2071
+ "pointer-events-none",
2072
+ "absolute",
2073
+ "bottom-0",
2074
+ "left-0",
2075
+ "right-0",
2076
+ "h-[var(--uds-tab-underline-width,0px)]",
2077
+ "bg-[var(--uds-tab-underline-color,transparent)]",
2078
+ "transition-[height,background-color]",
2079
+ "duration-[240ms]",
2080
+ "ease-[cubic-bezier(0.2,0,0,1)]",
2081
+ "!m-0",
2082
+ "!p-0",
2083
+ "!gap-0",
2084
+ "box-border",
2085
+ "z-0",
2086
+ "min-w-0",
2087
+ "min-h-0",
2088
+ "flex",
2089
+ "flex-row",
2090
+ "items-center",
2091
+ "overflow-x-auto",
2092
+ "overflow-y-clip",
2093
+ "scrollbar-none",
2094
+ "[overflow-clip-margin:6px]",
2095
+ "overflow-clip",
2096
+ "[overflow-clip-margin:8px]",
2097
+ "relative",
2098
+ "left",
2099
+ "240ms",
2100
+ "cubic-bezier(0.2,",
2101
+ "0,",
2102
+ "1),",
2103
+ "top",
2104
+ "width",
2105
+ "height",
2106
+ "1)",
2107
+ "--uds-tab-underline-color",
2108
+ "--uds-tab-underline-width"
2109
+ ],
2110
+ "internalComponents": ["AriakitTabList"],
2111
+ "internalComponentProps": {},
2112
+ "propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
2113
+ "runtimeConfigDefaultProps": {},
2114
+ "runtimeConfigGetStyles": {},
2115
+ "runtimeConfigInternalComponentProps": {},
2116
+ "motionVarPrefixes": [],
2117
+ "factoryTarget": null
2118
+ },
2119
+ Tabs: {
2120
+ "name": "Tabs",
2121
+ "defaultProps": { "variant": "primary" },
2122
+ "getStylesLiterals": {},
2123
+ "cxLiterals": [],
2124
+ "internalComponents": ["TabsContext.Provider", "TabProvider"],
2125
+ "internalComponentProps": {},
2126
+ "propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
2127
+ "runtimeConfigDefaultProps": {},
2128
+ "runtimeConfigGetStyles": {},
2129
+ "runtimeConfigInternalComponentProps": {},
2130
+ "motionVarPrefixes": [],
2131
+ "factoryTarget": null
2132
+ },
2133
+ UDSTabConfigProvider: {
2134
+ "name": "UDSTabConfigProvider",
2135
+ "defaultProps": {},
2136
+ "getStylesLiterals": {},
2137
+ "cxLiterals": ["sm"],
2138
+ "internalComponents": [],
2139
+ "internalComponentProps": {},
2140
+ "propToVariantKeys": {},
2141
+ "runtimeConfigDefaultProps": {},
2142
+ "runtimeConfigGetStyles": {},
2143
+ "runtimeConfigInternalComponentProps": {},
2144
+ "motionVarPrefixes": [],
2145
+ "factoryTarget": null
2146
+ },
2147
+ TabPanel: {
2148
+ "name": "TabPanel",
2149
+ "defaultProps": {},
2150
+ "getStylesLiterals": {},
2151
+ "cxLiterals": [],
2152
+ "internalComponents": ["AriakitTabPanel"],
2153
+ "internalComponentProps": {},
2154
+ "propToVariantKeys": {},
2155
+ "runtimeConfigDefaultProps": {},
2156
+ "runtimeConfigGetStyles": {},
2157
+ "runtimeConfigInternalComponentProps": {},
2158
+ "motionVarPrefixes": [],
2159
+ "factoryTarget": null
2160
+ },
2003
2161
  BottomSheet: {
2004
2162
  "name": "BottomSheet",
2005
2163
  "defaultProps": { "variant": "default" },
@@ -2219,198 +2377,40 @@ var componentData_default = {
2219
2377
  "motionVarPrefixes": [],
2220
2378
  "factoryTarget": null
2221
2379
  },
2222
- Tab: {
2223
- "name": "Tab",
2224
- "defaultProps": { "variant": "primary" },
2380
+ SelectTrigger: {
2381
+ "name": "SelectTrigger",
2382
+ "defaultProps": {},
2225
2383
  "getStylesLiterals": {
2226
- "tabSizeRoot": "default",
2227
- "tabVariantActiveRoot": "off",
2228
- "tabVariantActiveRoot:1": "on",
2229
- "tabSizeIcon": "default"
2230
- },
2231
- "cxLiterals": [
2232
- "pointer-events-none",
2233
- "absolute",
2234
- "bottom-0",
2235
- "left-0",
2236
- "right-0",
2237
- "h-[var(--uds-tab-underline-width,0px)]",
2238
- "bg-[var(--uds-tab-underline-color,transparent)]",
2239
- "transition-[height,background-color]",
2240
- "duration-[240ms]",
2241
- "ease-[cubic-bezier(0.2,0,0,1)]",
2242
- "!bg-transparent",
2243
- "!shadow-none",
2244
- "inline-flex",
2245
- "items-center",
2246
- "shrink-0",
2247
- "box-border",
2248
- "relative",
2249
- "z-[1]",
2250
- "cursor-pointer",
2251
- "select-none",
2252
- "whitespace-nowrap",
2253
- "uds-ring",
2254
- "opacity-50",
2255
- "cursor-default",
2256
- "border-solid",
2257
- "border-b-solid",
2258
- "transition-colors"
2259
- ],
2260
- "internalComponents": [
2261
- "IconSlot",
2262
- "AriakitTab",
2263
- "Text"
2264
- ],
2265
- "internalComponentProps": { "Text": {
2266
- "variant": ["inherit"],
2267
- "as": ["span"],
2268
- "color": ["current"]
2269
- } },
2270
- "propToVariantKeys": {
2271
- "variant": ["tabVariantRoot", "tabVariantIcon"],
2272
- "activeState": ["tabVariantActiveIcon"],
2273
- "startIcon": ["icon"],
2274
- "endIcon": ["icon"]
2275
- },
2276
- "runtimeConfigDefaultProps": { "size": "tab.defaultSize" },
2277
- "runtimeConfigGetStyles": {},
2278
- "runtimeConfigInternalComponentProps": {},
2279
- "motionVarPrefixes": [],
2280
- "factoryTarget": null
2281
- },
2282
- TabList: {
2283
- "name": "TabList",
2284
- "defaultProps": { "variant": "primary" },
2285
- "getStylesLiterals": {
2286
- "tabSizeRoot": "default",
2287
- "tabVariantActiveRoot": "on"
2288
- },
2289
- "cxLiterals": [
2290
- "pointer-events-none",
2291
- "absolute",
2292
- "bottom-0",
2293
- "left-0",
2294
- "right-0",
2295
- "h-[var(--uds-tab-underline-width,0px)]",
2296
- "bg-[var(--uds-tab-underline-color,transparent)]",
2297
- "transition-[height,background-color]",
2298
- "duration-[240ms]",
2299
- "ease-[cubic-bezier(0.2,0,0,1)]",
2300
- "!m-0",
2301
- "!p-0",
2302
- "!gap-0",
2303
- "box-border",
2304
- "z-0",
2305
- "min-w-0",
2306
- "min-h-0",
2307
- "flex",
2308
- "flex-row",
2309
- "items-center",
2310
- "overflow-x-auto",
2311
- "overflow-y-clip",
2312
- "scrollbar-none",
2313
- "[overflow-clip-margin:6px]",
2314
- "overflow-clip",
2315
- "[overflow-clip-margin:8px]",
2316
- "relative",
2317
- "left",
2318
- "240ms",
2319
- "cubic-bezier(0.2,",
2320
- "0,",
2321
- "1),",
2322
- "top",
2323
- "width",
2324
- "height",
2325
- "1)",
2326
- "--uds-tab-underline-color",
2327
- "--uds-tab-underline-width"
2328
- ],
2329
- "internalComponents": ["AriakitTabList"],
2330
- "internalComponentProps": {},
2331
- "propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
2332
- "runtimeConfigDefaultProps": {},
2333
- "runtimeConfigGetStyles": {},
2334
- "runtimeConfigInternalComponentProps": {},
2335
- "motionVarPrefixes": [],
2336
- "factoryTarget": null
2337
- },
2338
- Tabs: {
2339
- "name": "Tabs",
2340
- "defaultProps": { "variant": "primary" },
2341
- "getStylesLiterals": {},
2342
- "cxLiterals": [],
2343
- "internalComponents": ["TabsContext.Provider", "TabProvider"],
2344
- "internalComponentProps": {},
2345
- "propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
2346
- "runtimeConfigDefaultProps": {},
2347
- "runtimeConfigGetStyles": {},
2348
- "runtimeConfigInternalComponentProps": {},
2349
- "motionVarPrefixes": [],
2350
- "factoryTarget": null
2351
- },
2352
- UDSTabConfigProvider: {
2353
- "name": "UDSTabConfigProvider",
2354
- "defaultProps": {},
2355
- "getStylesLiterals": {},
2356
- "cxLiterals": ["sm"],
2357
- "internalComponents": [],
2358
- "internalComponentProps": {},
2359
- "propToVariantKeys": {},
2360
- "runtimeConfigDefaultProps": {},
2361
- "runtimeConfigGetStyles": {},
2362
- "runtimeConfigInternalComponentProps": {},
2363
- "motionVarPrefixes": [],
2364
- "factoryTarget": null
2365
- },
2366
- TabPanel: {
2367
- "name": "TabPanel",
2368
- "defaultProps": {},
2369
- "getStylesLiterals": {},
2370
- "cxLiterals": [],
2371
- "internalComponents": ["AriakitTabPanel"],
2372
- "internalComponentProps": {},
2373
- "propToVariantKeys": {},
2374
- "runtimeConfigDefaultProps": {},
2375
- "runtimeConfigGetStyles": {},
2376
- "runtimeConfigInternalComponentProps": {},
2377
- "motionVarPrefixes": [],
2378
- "factoryTarget": null
2379
- },
2380
- SelectTrigger: {
2381
- "name": "SelectTrigger",
2382
- "defaultProps": {},
2383
- "getStylesLiterals": {
2384
- "inputVariantRoot": "default",
2385
- "inputVariantValueRoot": "empty",
2386
- "inputVariantValueRoot:1": "filled",
2387
- "inputVariantLabel": "default",
2388
- "inputVariantValueLabel": "empty",
2389
- "inputVariantValueLabel:1": "filled",
2390
- "inputVariantLabelRequired": "default",
2391
- "inputVariantValueLabelRequired": "empty",
2392
- "inputVariantValueLabelRequired:1": "filled",
2393
- "inputVariantInputWrapper": "default",
2394
- "inputVariantValueInputWrapper": "empty",
2395
- "inputVariantValueInputWrapper:1": "filled",
2396
- "inputVariantInput": "default",
2397
- "inputVariantValueInput": "empty",
2398
- "inputVariantValueInput:1": "filled",
2399
- "inputVariantInputPlaceholder": "default",
2400
- "inputVariantValueInputPlaceholder": "empty",
2401
- "inputVariantValueInputPlaceholder:1": "filled",
2402
- "inputVariantStartIcon": "default",
2403
- "inputVariantValueStartIcon": "empty",
2404
- "inputVariantValueStartIcon:1": "filled",
2405
- "inputVariantEndIcon": "default",
2406
- "inputVariantValueEndIcon": "empty",
2407
- "inputVariantValueEndIcon:1": "filled",
2408
- "inputVariantHelperText": "default",
2409
- "inputVariantValueHelperText": "empty",
2410
- "inputVariantValueHelperText:1": "filled",
2411
- "inputVariantHelperIcon": "default",
2412
- "inputVariantValueHelperIcon": "empty",
2413
- "inputVariantValueHelperIcon:1": "filled"
2384
+ "inputVariantRoot": "default",
2385
+ "inputVariantValueRoot": "empty",
2386
+ "inputVariantValueRoot:1": "filled",
2387
+ "inputVariantLabel": "default",
2388
+ "inputVariantValueLabel": "empty",
2389
+ "inputVariantValueLabel:1": "filled",
2390
+ "inputVariantLabelRequired": "default",
2391
+ "inputVariantValueLabelRequired": "empty",
2392
+ "inputVariantValueLabelRequired:1": "filled",
2393
+ "inputVariantInputWrapper": "default",
2394
+ "inputVariantValueInputWrapper": "empty",
2395
+ "inputVariantValueInputWrapper:1": "filled",
2396
+ "inputVariantInput": "default",
2397
+ "inputVariantValueInput": "empty",
2398
+ "inputVariantValueInput:1": "filled",
2399
+ "inputVariantInputPlaceholder": "default",
2400
+ "inputVariantValueInputPlaceholder": "empty",
2401
+ "inputVariantValueInputPlaceholder:1": "filled",
2402
+ "inputVariantStartIcon": "default",
2403
+ "inputVariantValueStartIcon": "empty",
2404
+ "inputVariantValueStartIcon:1": "filled",
2405
+ "inputVariantEndIcon": "default",
2406
+ "inputVariantValueEndIcon": "empty",
2407
+ "inputVariantValueEndIcon:1": "filled",
2408
+ "inputVariantHelperText": "default",
2409
+ "inputVariantValueHelperText": "empty",
2410
+ "inputVariantValueHelperText:1": "filled",
2411
+ "inputVariantHelperIcon": "default",
2412
+ "inputVariantValueHelperIcon": "empty",
2413
+ "inputVariantValueHelperIcon:1": "filled"
2414
2414
  },
2415
2415
  "cxLiterals": [
2416
2416
  "flex",
@@ -3474,6 +3474,163 @@ var componentData_default = {
3474
3474
  "motionVarPrefixes": [],
3475
3475
  "factoryTarget": null
3476
3476
  },
3477
+ createToast: {
3478
+ "name": "createToast",
3479
+ "defaultProps": {},
3480
+ "getStylesLiterals": {},
3481
+ "cxLiterals": [],
3482
+ "internalComponents": ["Toast"],
3483
+ "internalComponentProps": { "Toast": {
3484
+ "variant": [
3485
+ "loading",
3486
+ "success",
3487
+ "error"
3488
+ ],
3489
+ "message": ["Unknown error occurred"]
3490
+ } },
3491
+ "propToVariantKeys": {},
3492
+ "runtimeConfigDefaultProps": {},
3493
+ "runtimeConfigGetStyles": {},
3494
+ "runtimeConfigInternalComponentProps": {},
3495
+ "motionVarPrefixes": [],
3496
+ "factoryTarget": "Toast"
3497
+ },
3498
+ Toast: {
3499
+ "name": "Toast",
3500
+ "defaultProps": { "closeAriaLabel": "Close" },
3501
+ "getStylesLiterals": {
3502
+ "className": "animate-spin",
3503
+ "className:1": "flex-none",
3504
+ "spacing": "2",
3505
+ "borderRadius": "full"
3506
+ },
3507
+ "cxLiterals": [
3508
+ "duration-0",
3509
+ "duration-120",
3510
+ "transition-[background-color]",
3511
+ "bg-carbon-15/0",
3512
+ "hover:bg-carbon-15/10",
3513
+ "active:bg-carbon-15/15",
3514
+ "uds-ring"
3515
+ ],
3516
+ "internalComponents": [
3517
+ "IconSlot",
3518
+ "ToastContainer",
3519
+ "Text",
3520
+ "Button",
3521
+ "Pressable"
3522
+ ],
3523
+ "internalComponentProps": {},
3524
+ "propToVariantKeys": {
3525
+ "size": [
3526
+ "toastSizeLabel",
3527
+ "toastSizeIcon",
3528
+ "toastSizeActionButton",
3529
+ "toastSizeCloseIcon"
3530
+ ],
3531
+ "variant": [
3532
+ "toastVariantIcon",
3533
+ "toastVariantActionButton",
3534
+ "toastVariantCloseIcon"
3535
+ ],
3536
+ "closeIcon": ["icon"],
3537
+ "onClickActionButton": ["onClick"],
3538
+ "closeAriaLabel": ["aria-label"]
3539
+ },
3540
+ "runtimeConfigDefaultProps": {
3541
+ "size": "toast.defaultSize",
3542
+ "variant": "toast.defaultVariant"
3543
+ },
3544
+ "runtimeConfigGetStyles": {
3545
+ "toastSizeLabel": ["toast.defaultSize"],
3546
+ "toastVariantIcon": ["toast.defaultVariant"],
3547
+ "toastSizeIcon": ["toast.defaultSize"],
3548
+ "toastSizeActionButton": ["toast.defaultSize"],
3549
+ "toastVariantActionButton": ["toast.defaultVariant"],
3550
+ "toastVariantCloseIcon": ["toast.defaultVariant"],
3551
+ "toastSizeCloseIcon": ["toast.defaultSize"]
3552
+ },
3553
+ "runtimeConfigInternalComponentProps": {
3554
+ "ToastContainer": {
3555
+ "size": ["toast.defaultSize"],
3556
+ "variant": ["toast.defaultVariant"]
3557
+ },
3558
+ "Text": {
3559
+ "variant": ["toast.textVariant.${size}"],
3560
+ "color": ["toast.textColor.${variant}"]
3561
+ },
3562
+ "Button": {
3563
+ "size": ["toast.buttonSize.${size}"],
3564
+ "variant": ["toast.buttonVariant.${variant}"]
3565
+ }
3566
+ },
3567
+ "motionVarPrefixes": [],
3568
+ "factoryTarget": null
3569
+ },
3570
+ UDSToastConfigProvider: {
3571
+ "name": "UDSToastConfigProvider",
3572
+ "defaultProps": {},
3573
+ "getStylesLiterals": {},
3574
+ "cxLiterals": [],
3575
+ "internalComponents": ["ToastContext.Provider"],
3576
+ "internalComponentProps": {},
3577
+ "propToVariantKeys": {},
3578
+ "runtimeConfigDefaultProps": {},
3579
+ "runtimeConfigGetStyles": {},
3580
+ "runtimeConfigInternalComponentProps": {},
3581
+ "motionVarPrefixes": [],
3582
+ "factoryTarget": null
3583
+ },
3584
+ ToastPortal: {
3585
+ "name": "ToastPortal",
3586
+ "defaultProps": {},
3587
+ "getStylesLiterals": {},
3588
+ "cxLiterals": [],
3589
+ "internalComponents": ["ReactToastifyToastContainer"],
3590
+ "internalComponentProps": {},
3591
+ "propToVariantKeys": {},
3592
+ "runtimeConfigDefaultProps": {
3593
+ "size": "toast.defaultSize",
3594
+ "variant": "toast.defaultVariant"
3595
+ },
3596
+ "runtimeConfigGetStyles": {},
3597
+ "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
3598
+ "motionVarPrefixes": [],
3599
+ "factoryTarget": null
3600
+ },
3601
+ ToastContainer: {
3602
+ "name": "ToastContainer",
3603
+ "defaultProps": {},
3604
+ "getStylesLiterals": {
3605
+ "position": "relative",
3606
+ "alignItems": "center",
3607
+ "display": "flex",
3608
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
3609
+ },
3610
+ "cxLiterals": ["w-full"],
3611
+ "internalComponents": ["HStack"],
3612
+ "internalComponentProps": { "HStack": {
3613
+ "alignItems": ["center"],
3614
+ "justifyContent": ["space-between"],
3615
+ "overflow": ["hidden"],
3616
+ "position": ["relative"]
3617
+ } },
3618
+ "propToVariantKeys": {
3619
+ "variant": ["toastVariantRoot"],
3620
+ "size": ["toastSizeRoot"]
3621
+ },
3622
+ "runtimeConfigDefaultProps": {
3623
+ "size": "toast.defaultSize",
3624
+ "variant": "toast.defaultVariant"
3625
+ },
3626
+ "runtimeConfigGetStyles": {
3627
+ "toastVariantRoot": ["toast.defaultVariant"],
3628
+ "toastSizeRoot": ["toast.defaultSize"]
3629
+ },
3630
+ "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
3631
+ "motionVarPrefixes": [],
3632
+ "factoryTarget": null
3633
+ },
3477
3634
  "Menu.Content": {
3478
3635
  "name": "Menu.Content",
3479
3636
  "defaultProps": {
@@ -3718,163 +3875,6 @@ var componentData_default = {
3718
3875
  "motionVarPrefixes": [],
3719
3876
  "factoryTarget": null
3720
3877
  },
3721
- createToast: {
3722
- "name": "createToast",
3723
- "defaultProps": {},
3724
- "getStylesLiterals": {},
3725
- "cxLiterals": [],
3726
- "internalComponents": ["Toast"],
3727
- "internalComponentProps": { "Toast": {
3728
- "variant": [
3729
- "loading",
3730
- "success",
3731
- "error"
3732
- ],
3733
- "message": ["Unknown error occurred"]
3734
- } },
3735
- "propToVariantKeys": {},
3736
- "runtimeConfigDefaultProps": {},
3737
- "runtimeConfigGetStyles": {},
3738
- "runtimeConfigInternalComponentProps": {},
3739
- "motionVarPrefixes": [],
3740
- "factoryTarget": "Toast"
3741
- },
3742
- Toast: {
3743
- "name": "Toast",
3744
- "defaultProps": { "closeAriaLabel": "Close" },
3745
- "getStylesLiterals": {
3746
- "className": "animate-spin",
3747
- "className:1": "flex-none",
3748
- "spacing": "2",
3749
- "borderRadius": "full"
3750
- },
3751
- "cxLiterals": [
3752
- "duration-0",
3753
- "duration-120",
3754
- "transition-[background-color]",
3755
- "bg-carbon-15/0",
3756
- "hover:bg-carbon-15/10",
3757
- "active:bg-carbon-15/15",
3758
- "uds-ring"
3759
- ],
3760
- "internalComponents": [
3761
- "IconSlot",
3762
- "ToastContainer",
3763
- "Text",
3764
- "Button",
3765
- "Pressable"
3766
- ],
3767
- "internalComponentProps": {},
3768
- "propToVariantKeys": {
3769
- "size": [
3770
- "toastSizeLabel",
3771
- "toastSizeIcon",
3772
- "toastSizeActionButton",
3773
- "toastSizeCloseIcon"
3774
- ],
3775
- "variant": [
3776
- "toastVariantIcon",
3777
- "toastVariantActionButton",
3778
- "toastVariantCloseIcon"
3779
- ],
3780
- "closeIcon": ["icon"],
3781
- "onClickActionButton": ["onClick"],
3782
- "closeAriaLabel": ["aria-label"]
3783
- },
3784
- "runtimeConfigDefaultProps": {
3785
- "size": "toast.defaultSize",
3786
- "variant": "toast.defaultVariant"
3787
- },
3788
- "runtimeConfigGetStyles": {
3789
- "toastSizeLabel": ["toast.defaultSize"],
3790
- "toastVariantIcon": ["toast.defaultVariant"],
3791
- "toastSizeIcon": ["toast.defaultSize"],
3792
- "toastSizeActionButton": ["toast.defaultSize"],
3793
- "toastVariantActionButton": ["toast.defaultVariant"],
3794
- "toastVariantCloseIcon": ["toast.defaultVariant"],
3795
- "toastSizeCloseIcon": ["toast.defaultSize"]
3796
- },
3797
- "runtimeConfigInternalComponentProps": {
3798
- "ToastContainer": {
3799
- "size": ["toast.defaultSize"],
3800
- "variant": ["toast.defaultVariant"]
3801
- },
3802
- "Text": {
3803
- "variant": ["toast.textVariant.${size}"],
3804
- "color": ["toast.textColor.${variant}"]
3805
- },
3806
- "Button": {
3807
- "size": ["toast.buttonSize.${size}"],
3808
- "variant": ["toast.buttonVariant.${variant}"]
3809
- }
3810
- },
3811
- "motionVarPrefixes": [],
3812
- "factoryTarget": null
3813
- },
3814
- UDSToastConfigProvider: {
3815
- "name": "UDSToastConfigProvider",
3816
- "defaultProps": {},
3817
- "getStylesLiterals": {},
3818
- "cxLiterals": [],
3819
- "internalComponents": ["ToastContext.Provider"],
3820
- "internalComponentProps": {},
3821
- "propToVariantKeys": {},
3822
- "runtimeConfigDefaultProps": {},
3823
- "runtimeConfigGetStyles": {},
3824
- "runtimeConfigInternalComponentProps": {},
3825
- "motionVarPrefixes": [],
3826
- "factoryTarget": null
3827
- },
3828
- ToastPortal: {
3829
- "name": "ToastPortal",
3830
- "defaultProps": {},
3831
- "getStylesLiterals": {},
3832
- "cxLiterals": [],
3833
- "internalComponents": ["ReactToastifyToastContainer"],
3834
- "internalComponentProps": {},
3835
- "propToVariantKeys": {},
3836
- "runtimeConfigDefaultProps": {
3837
- "size": "toast.defaultSize",
3838
- "variant": "toast.defaultVariant"
3839
- },
3840
- "runtimeConfigGetStyles": {},
3841
- "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
3842
- "motionVarPrefixes": [],
3843
- "factoryTarget": null
3844
- },
3845
- ToastContainer: {
3846
- "name": "ToastContainer",
3847
- "defaultProps": {},
3848
- "getStylesLiterals": {
3849
- "position": "relative",
3850
- "alignItems": "center",
3851
- "display": "flex",
3852
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
3853
- },
3854
- "cxLiterals": ["w-full"],
3855
- "internalComponents": ["HStack"],
3856
- "internalComponentProps": { "HStack": {
3857
- "alignItems": ["center"],
3858
- "justifyContent": ["space-between"],
3859
- "overflow": ["hidden"],
3860
- "position": ["relative"]
3861
- } },
3862
- "propToVariantKeys": {
3863
- "variant": ["toastVariantRoot"],
3864
- "size": ["toastSizeRoot"]
3865
- },
3866
- "runtimeConfigDefaultProps": {
3867
- "size": "toast.defaultSize",
3868
- "variant": "toast.defaultVariant"
3869
- },
3870
- "runtimeConfigGetStyles": {
3871
- "toastVariantRoot": ["toast.defaultVariant"],
3872
- "toastSizeRoot": ["toast.defaultSize"]
3873
- },
3874
- "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
3875
- "motionVarPrefixes": [],
3876
- "factoryTarget": null
3877
- },
3878
3878
  Tooltip: {
3879
3879
  "name": "Tooltip",
3880
3880
  "defaultProps": {},