@yahoo/uds 3.148.0 → 3.149.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 (12) hide show
  1. package/dist/components/client/Menu/Menu.ItemBase.cjs +2 -2
  2. package/dist/components/client/Menu/Menu.ItemBase.js +2 -2
  3. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +5 -5
  4. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +5 -5
  5. package/dist/styles/styler.d.cts +6 -6
  6. package/dist/styles/styler.d.ts +6 -6
  7. package/dist/types/dist/index.d.cts +2 -0
  8. package/dist/types/dist/index.d.ts +2 -0
  9. package/dist/uds/generated/componentData.cjs +623 -622
  10. package/dist/uds/generated/componentData.js +623 -622
  11. package/generated/componentData.json +1028 -1027
  12. package/package.json +1 -1
package/dist/uds/generated/componentData.cjs CHANGED
@@ -236,6 +236,197 @@ var componentData_default = {
236
236
  "runtimeConfigInternalComponentProps": {},
237
237
  "motionVarPrefixes": []
238
238
  },
239
+ Banner: {
240
+ "name": "Banner",
241
+ "defaultProps": {
242
+ "variant": "primary",
243
+ "size": "default",
244
+ "dismissAriaLabel": "Dismiss"
245
+ },
246
+ "getStylesLiterals": {
247
+ "className": "truncate",
248
+ "className:1": "line-clamp-3",
249
+ "spacing": "2",
250
+ "borderRadius": "full",
251
+ "color": "primary"
252
+ },
253
+ "cxLiterals": [
254
+ "uds-banner",
255
+ "flex",
256
+ "flex-row",
257
+ "items-center",
258
+ "items-start",
259
+ "min-w-[300px]",
260
+ "transition-[background-color]",
261
+ "motion-safe:duration-120",
262
+ "bg-carbon-15/0",
263
+ "hover:bg-carbon-15/10",
264
+ "active:bg-carbon-15/15",
265
+ "uds-ring",
266
+ "shrink-0",
267
+ "self-start",
268
+ "flex-1",
269
+ "min-w-0",
270
+ "flex-col",
271
+ "gap-[inherit]",
272
+ "uds-sm:flex-row",
273
+ "uds-sm:items-center",
274
+ "self-stretch",
275
+ "gap-0.5",
276
+ "w-full",
277
+ "truncate",
278
+ "leading-none",
279
+ "line-clamp-3",
280
+ "gap-1.5",
281
+ "uds-sm:self-center",
282
+ "uds-sm:shrink-0"
283
+ ],
284
+ "internalComponents": [
285
+ "IconSlot",
286
+ "Text",
287
+ "Pressable"
288
+ ],
289
+ "internalComponentProps": {
290
+ "IconSlot": { "data-testid": ["banner-start-icon"] },
291
+ "Text": { "data-testid": ["banner-title", "banner-description"] },
292
+ "Pressable": { "data-testid": ["banner-dismiss"] }
293
+ },
294
+ "propToVariantKeys": {
295
+ "variant": [
296
+ "bannerVariantRoot",
297
+ "bannerVariantIcon",
298
+ "bannerVariantTitle",
299
+ "bannerVariantDescription"
300
+ ],
301
+ "size": [
302
+ "bannerSizeRoot",
303
+ "bannerSizeIcon",
304
+ "bannerSizeTitle",
305
+ "bannerSizeDescription",
306
+ "bannerSizeClose"
307
+ ],
308
+ "startIcon": ["icon"],
309
+ "dismissAriaLabel": ["aria-label"],
310
+ "onDismiss": ["onClick"]
311
+ },
312
+ "runtimeConfigDefaultProps": {},
313
+ "runtimeConfigGetStyles": {},
314
+ "runtimeConfigInternalComponentProps": {},
315
+ "motionVarPrefixes": []
316
+ },
317
+ BannerContent: {
318
+ "name": "BannerContent",
319
+ "defaultProps": {},
320
+ "getStylesLiterals": {},
321
+ "cxLiterals": [
322
+ "flex",
323
+ "flex-col",
324
+ "items-start",
325
+ "self-stretch",
326
+ "flex-1",
327
+ "min-w-0"
328
+ ],
329
+ "internalComponents": [],
330
+ "internalComponentProps": {},
331
+ "propToVariantKeys": {},
332
+ "runtimeConfigDefaultProps": {},
333
+ "runtimeConfigGetStyles": {},
334
+ "runtimeConfigInternalComponentProps": {},
335
+ "motionVarPrefixes": []
336
+ },
337
+ BannerDescription: {
338
+ "name": "BannerDescription",
339
+ "defaultProps": {},
340
+ "getStylesLiterals": {
341
+ "bannerSizeDescription": "default",
342
+ "className": "w-full line-clamp-3"
343
+ },
344
+ "cxLiterals": [],
345
+ "internalComponents": ["Text"],
346
+ "internalComponentProps": {},
347
+ "propToVariantKeys": {},
348
+ "runtimeConfigDefaultProps": {},
349
+ "runtimeConfigGetStyles": {},
350
+ "runtimeConfigInternalComponentProps": {},
351
+ "motionVarPrefixes": []
352
+ },
353
+ BannerTitle: {
354
+ "name": "BannerTitle",
355
+ "defaultProps": {},
356
+ "getStylesLiterals": { "bannerSizeTitle": "default" },
357
+ "cxLiterals": ["w-full", "truncate"],
358
+ "internalComponents": ["Text"],
359
+ "internalComponentProps": {},
360
+ "propToVariantKeys": {},
361
+ "runtimeConfigDefaultProps": {},
362
+ "runtimeConfigGetStyles": {},
363
+ "runtimeConfigInternalComponentProps": {},
364
+ "motionVarPrefixes": []
365
+ },
366
+ Divider: {
367
+ "name": "Divider",
368
+ "defaultProps": {
369
+ "variant": "primary",
370
+ "contentPosition": "center"
371
+ },
372
+ "getStylesLiterals": {},
373
+ "cxLiterals": ["inherit"],
374
+ "internalComponents": [
375
+ "DividerLine",
376
+ "DividerLabel",
377
+ "InternalComponent",
378
+ "Box"
379
+ ],
380
+ "internalComponentProps": {
381
+ "InternalComponent": {
382
+ "alignItems": ["center"],
383
+ "flex": ["1"]
384
+ },
385
+ "Box": {
386
+ "display": ["flex"],
387
+ "flex": ["none"]
388
+ }
389
+ },
390
+ "propToVariantKeys": { "variant": ["dividerVariantRoot"] },
391
+ "runtimeConfigDefaultProps": {},
392
+ "runtimeConfigGetStyles": {},
393
+ "runtimeConfigInternalComponentProps": {},
394
+ "motionVarPrefixes": []
395
+ },
396
+ DividerLabel: {
397
+ "name": "DividerLabel",
398
+ "defaultProps": {
399
+ "variant": "primary",
400
+ "textVariant": "inherit",
401
+ "color": "inherit",
402
+ "as": "span"
403
+ },
404
+ "getStylesLiterals": {},
405
+ "cxLiterals": ["inherit"],
406
+ "internalComponents": ["Text"],
407
+ "internalComponentProps": {},
408
+ "propToVariantKeys": {
409
+ "variant": ["dividerVariantLabel"],
410
+ "textVariant": ["variant"]
411
+ },
412
+ "runtimeConfigDefaultProps": {},
413
+ "runtimeConfigGetStyles": {},
414
+ "runtimeConfigInternalComponentProps": {},
415
+ "motionVarPrefixes": []
416
+ },
417
+ DividerLine: {
418
+ "name": "DividerLine",
419
+ "defaultProps": { "variant": "primary" },
420
+ "getStylesLiterals": {},
421
+ "cxLiterals": ["inherit"],
422
+ "internalComponents": ["Box"],
423
+ "internalComponentProps": { "Box": { "flex": ["1"] } },
424
+ "propToVariantKeys": { "variant": ["dividerVariantLine"] },
425
+ "runtimeConfigDefaultProps": {},
426
+ "runtimeConfigGetStyles": {},
427
+ "runtimeConfigInternalComponentProps": {},
428
+ "motionVarPrefixes": []
429
+ },
239
430
  AnimateHeightChange: {
240
431
  "name": "AnimateHeightChange",
241
432
  "defaultProps": {},
@@ -646,70 +837,6 @@ var componentData_default = {
646
837
  "runtimeConfigInternalComponentProps": {},
647
838
  "motionVarPrefixes": []
648
839
  },
649
- Divider: {
650
- "name": "Divider",
651
- "defaultProps": {
652
- "variant": "primary",
653
- "contentPosition": "center"
654
- },
655
- "getStylesLiterals": {},
656
- "cxLiterals": ["inherit"],
657
- "internalComponents": [
658
- "DividerLine",
659
- "DividerLabel",
660
- "InternalComponent",
661
- "Box"
662
- ],
663
- "internalComponentProps": {
664
- "InternalComponent": {
665
- "alignItems": ["center"],
666
- "flex": ["1"]
667
- },
668
- "Box": {
669
- "display": ["flex"],
670
- "flex": ["none"]
671
- }
672
- },
673
- "propToVariantKeys": { "variant": ["dividerVariantRoot"] },
674
- "runtimeConfigDefaultProps": {},
675
- "runtimeConfigGetStyles": {},
676
- "runtimeConfigInternalComponentProps": {},
677
- "motionVarPrefixes": []
678
- },
679
- DividerLabel: {
680
- "name": "DividerLabel",
681
- "defaultProps": {
682
- "variant": "primary",
683
- "textVariant": "inherit",
684
- "color": "inherit",
685
- "as": "span"
686
- },
687
- "getStylesLiterals": {},
688
- "cxLiterals": ["inherit"],
689
- "internalComponents": ["Text"],
690
- "internalComponentProps": {},
691
- "propToVariantKeys": {
692
- "variant": ["dividerVariantLabel"],
693
- "textVariant": ["variant"]
694
- },
695
- "runtimeConfigDefaultProps": {},
696
- "runtimeConfigGetStyles": {},
697
- "runtimeConfigInternalComponentProps": {},
698
- "motionVarPrefixes": []
699
- },
700
- DividerLine: {
701
- "name": "DividerLine",
702
- "defaultProps": { "variant": "primary" },
703
- "getStylesLiterals": {},
704
- "cxLiterals": ["inherit"],
705
- "internalComponents": ["Box"],
706
- "internalComponentProps": { "Box": { "flex": ["1"] } },
707
- "propToVariantKeys": { "variant": ["dividerVariantLine"] },
708
- "runtimeConfigDefaultProps": {},
709
- "runtimeConfigGetStyles": {},
710
- "runtimeConfigInternalComponentProps": {},
711
- "motionVarPrefixes": []
712
- },
713
840
  Avatar: {
714
841
  "name": "Avatar",
715
842
  "defaultProps": {},
@@ -1380,6 +1507,7 @@ var componentData_default = {
1380
1507
  "transition-[font-variation-settings]",
1381
1508
  "ease-in-out",
1382
1509
  "z-0",
1510
+ "truncate",
1383
1511
  "uds-start-icon",
1384
1512
  "uds-end-icon"
1385
1513
  ],
@@ -1833,133 +1961,6 @@ var componentData_default = {
1833
1961
  "runtimeConfigInternalComponentProps": {},
1834
1962
  "motionVarPrefixes": []
1835
1963
  },
1836
- Banner: {
1837
- "name": "Banner",
1838
- "defaultProps": {
1839
- "variant": "primary",
1840
- "size": "default",
1841
- "dismissAriaLabel": "Dismiss"
1842
- },
1843
- "getStylesLiterals": {
1844
- "className": "truncate",
1845
- "className:1": "line-clamp-3",
1846
- "spacing": "2",
1847
- "borderRadius": "full",
1848
- "color": "primary"
1849
- },
1850
- "cxLiterals": [
1851
- "uds-banner",
1852
- "flex",
1853
- "flex-row",
1854
- "items-center",
1855
- "items-start",
1856
- "min-w-[300px]",
1857
- "transition-[background-color]",
1858
- "motion-safe:duration-120",
1859
- "bg-carbon-15/0",
1860
- "hover:bg-carbon-15/10",
1861
- "active:bg-carbon-15/15",
1862
- "uds-ring",
1863
- "shrink-0",
1864
- "self-start",
1865
- "flex-1",
1866
- "min-w-0",
1867
- "flex-col",
1868
- "gap-[inherit]",
1869
- "uds-sm:flex-row",
1870
- "uds-sm:items-center",
1871
- "self-stretch",
1872
- "gap-0.5",
1873
- "w-full",
1874
- "truncate",
1875
- "leading-none",
1876
- "line-clamp-3",
1877
- "gap-1.5",
1878
- "uds-sm:self-center",
1879
- "uds-sm:shrink-0"
1880
- ],
1881
- "internalComponents": [
1882
- "IconSlot",
1883
- "Text",
1884
- "Pressable"
1885
- ],
1886
- "internalComponentProps": {
1887
- "IconSlot": { "data-testid": ["banner-start-icon"] },
1888
- "Text": { "data-testid": ["banner-title", "banner-description"] },
1889
- "Pressable": { "data-testid": ["banner-dismiss"] }
1890
- },
1891
- "propToVariantKeys": {
1892
- "variant": [
1893
- "bannerVariantRoot",
1894
- "bannerVariantIcon",
1895
- "bannerVariantTitle",
1896
- "bannerVariantDescription"
1897
- ],
1898
- "size": [
1899
- "bannerSizeRoot",
1900
- "bannerSizeIcon",
1901
- "bannerSizeTitle",
1902
- "bannerSizeDescription",
1903
- "bannerSizeClose"
1904
- ],
1905
- "startIcon": ["icon"],
1906
- "dismissAriaLabel": ["aria-label"],
1907
- "onDismiss": ["onClick"]
1908
- },
1909
- "runtimeConfigDefaultProps": {},
1910
- "runtimeConfigGetStyles": {},
1911
- "runtimeConfigInternalComponentProps": {},
1912
- "motionVarPrefixes": []
1913
- },
1914
- BannerContent: {
1915
- "name": "BannerContent",
1916
- "defaultProps": {},
1917
- "getStylesLiterals": {},
1918
- "cxLiterals": [
1919
- "flex",
1920
- "flex-col",
1921
- "items-start",
1922
- "self-stretch",
1923
- "flex-1",
1924
- "min-w-0"
1925
- ],
1926
- "internalComponents": [],
1927
- "internalComponentProps": {},
1928
- "propToVariantKeys": {},
1929
- "runtimeConfigDefaultProps": {},
1930
- "runtimeConfigGetStyles": {},
1931
- "runtimeConfigInternalComponentProps": {},
1932
- "motionVarPrefixes": []
1933
- },
1934
- BannerDescription: {
1935
- "name": "BannerDescription",
1936
- "defaultProps": {},
1937
- "getStylesLiterals": {
1938
- "bannerSizeDescription": "default",
1939
- "className": "w-full line-clamp-3"
1940
- },
1941
- "cxLiterals": [],
1942
- "internalComponents": ["Text"],
1943
- "internalComponentProps": {},
1944
- "propToVariantKeys": {},
1945
- "runtimeConfigDefaultProps": {},
1946
- "runtimeConfigGetStyles": {},
1947
- "runtimeConfigInternalComponentProps": {},
1948
- "motionVarPrefixes": []
1949
- },
1950
- BannerTitle: {
1951
- "name": "BannerTitle",
1952
- "defaultProps": {},
1953
- "getStylesLiterals": { "bannerSizeTitle": "default" },
1954
- "cxLiterals": ["w-full", "truncate"],
1955
- "internalComponents": ["Text"],
1956
- "internalComponentProps": {},
1957
- "propToVariantKeys": {},
1958
- "runtimeConfigDefaultProps": {},
1959
- "runtimeConfigGetStyles": {},
1960
- "runtimeConfigInternalComponentProps": {},
1961
- "motionVarPrefixes": []
1962
- },
1963
1964
  Popover: {
1964
1965
  "name": "Popover",
1965
1966
  "defaultProps": {},
@@ -2199,32 +2200,126 @@ var componentData_default = {
2199
2200
  "runtimeConfigInternalComponentProps": {},
2200
2201
  "motionVarPrefixes": []
2201
2202
  },
2202
- UDSBreakpointsConfigProvider: {
2203
- "name": "UDSBreakpointsConfigProvider",
2204
- "defaultProps": {},
2205
- "getStylesLiterals": {},
2206
- "cxLiterals": [],
2207
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
2203
+ Tab: {
2204
+ "name": "Tab",
2205
+ "defaultProps": { "variant": "primary" },
2206
+ "getStylesLiterals": {
2207
+ "tabSizeRoot": "default",
2208
+ "tabVariantActiveRoot": "off",
2209
+ "tabVariantActiveRoot:1": "on",
2210
+ "tabSizeIcon": "default"
2211
+ },
2212
+ "cxLiterals": [
2213
+ "pointer-events-none",
2214
+ "absolute",
2215
+ "bottom-0",
2216
+ "left-0",
2217
+ "right-0",
2218
+ "h-[var(--uds-tab-underline-width,0px)]",
2219
+ "bg-[var(--uds-tab-underline-color,transparent)]",
2220
+ "transition-[height,background-color]",
2221
+ "duration-[240ms]",
2222
+ "ease-[cubic-bezier(0.2,0,0,1)]",
2223
+ "!bg-transparent",
2224
+ "!shadow-none",
2225
+ "inline-flex",
2226
+ "items-center",
2227
+ "shrink-0",
2228
+ "box-border",
2229
+ "relative",
2230
+ "z-[1]",
2231
+ "cursor-pointer",
2232
+ "select-none",
2233
+ "whitespace-nowrap",
2234
+ "uds-ring",
2235
+ "opacity-50",
2236
+ "cursor-default",
2237
+ "border-solid",
2238
+ "border-b-solid",
2239
+ "transition-colors"
2240
+ ],
2241
+ "internalComponents": [
2242
+ "IconSlot",
2243
+ "AriakitTab",
2244
+ "Text"
2245
+ ],
2246
+ "internalComponentProps": { "Text": {
2247
+ "variant": ["inherit"],
2248
+ "as": ["span"],
2249
+ "color": ["current"]
2250
+ } },
2251
+ "propToVariantKeys": {
2252
+ "variant": ["tabVariantRoot", "tabVariantIcon"],
2253
+ "activeState": ["tabVariantActiveIcon"],
2254
+ "startIcon": ["icon"],
2255
+ "endIcon": ["icon"]
2256
+ },
2257
+ "runtimeConfigDefaultProps": {},
2258
+ "runtimeConfigGetStyles": {},
2259
+ "runtimeConfigInternalComponentProps": {},
2260
+ "motionVarPrefixes": []
2261
+ },
2262
+ TabList: {
2263
+ "name": "TabList",
2264
+ "defaultProps": { "variant": "primary" },
2265
+ "getStylesLiterals": {
2266
+ "tabSizeRoot": "default",
2267
+ "tabVariantActiveRoot": "on"
2268
+ },
2269
+ "cxLiterals": [
2270
+ "pointer-events-none",
2271
+ "absolute",
2272
+ "bottom-0",
2273
+ "left-0",
2274
+ "right-0",
2275
+ "h-[var(--uds-tab-underline-width,0px)]",
2276
+ "bg-[var(--uds-tab-underline-color,transparent)]",
2277
+ "transition-[height,background-color]",
2278
+ "duration-[240ms]",
2279
+ "ease-[cubic-bezier(0.2,0,0,1)]",
2280
+ "!m-0",
2281
+ "!p-0",
2282
+ "!gap-0",
2283
+ "box-border",
2284
+ "z-0",
2285
+ "min-w-0",
2286
+ "min-h-0",
2287
+ "flex",
2288
+ "flex-row",
2289
+ "items-center",
2290
+ "overflow-x-auto",
2291
+ "overflow-y-clip",
2292
+ "scrollbar-none",
2293
+ "[overflow-clip-margin:6px]",
2294
+ "overflow-clip",
2295
+ "[overflow-clip-margin:8px]",
2296
+ "relative",
2297
+ "left",
2298
+ "240ms",
2299
+ "cubic-bezier(0.2,",
2300
+ "0,",
2301
+ "1),",
2302
+ "top",
2303
+ "width",
2304
+ "height",
2305
+ "1)",
2306
+ "--uds-tab-underline-color",
2307
+ "--uds-tab-underline-width"
2308
+ ],
2309
+ "internalComponents": ["AriakitTabList"],
2208
2310
  "internalComponentProps": {},
2209
- "propToVariantKeys": {},
2311
+ "propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
2210
2312
  "runtimeConfigDefaultProps": {},
2211
2313
  "runtimeConfigGetStyles": {},
2212
2314
  "runtimeConfigInternalComponentProps": {},
2213
2315
  "motionVarPrefixes": []
2214
2316
  },
2215
- UDSConfigProvider: {
2216
- "name": "UDSConfigProvider",
2317
+ TabPanel: {
2318
+ "name": "TabPanel",
2217
2319
  "defaultProps": {},
2218
2320
  "getStylesLiterals": {},
2219
2321
  "cxLiterals": [],
2220
- "internalComponents": [
2221
- "UDSBreakpointsConfigProvider",
2222
- "UDSBottomSheetConfigProvider",
2223
- "UDSToastConfigProvider",
2224
- "UDSTooltipConfigProvider",
2225
- "UDSPopoverConfigProvider",
2226
- "UDSModalConfigProvider"
2227
- ],
2322
+ "internalComponents": ["AriakitTabPanel"],
2228
2323
  "internalComponentProps": {},
2229
2324
  "propToVariantKeys": {},
2230
2325
  "runtimeConfigDefaultProps": {},
@@ -2232,225 +2327,149 @@ var componentData_default = {
2232
2327
  "runtimeConfigInternalComponentProps": {},
2233
2328
  "motionVarPrefixes": []
2234
2329
  },
2235
- Accordion: {
2236
- "name": "Accordion",
2237
- "defaultProps": {
2238
- "spacingHorizontal": "4",
2239
- "spacingVertical": "4"
2240
- },
2241
- "getStylesLiterals": {},
2242
- "cxLiterals": ["hover:bg-secondary/80", "w-full"],
2243
- "internalComponents": [
2244
- "Icon",
2245
- "SpringMotionConfig",
2246
- "Pressable",
2247
- "Text",
2248
- "HStack",
2249
- "AnimatePresence",
2250
- "VStack"
2251
- ],
2252
- "internalComponentProps": {
2253
- "Icon": {
2254
- "variant": ["fill"],
2255
- "size": ["sm"],
2256
- "color": ["primary"]
2257
- },
2258
- "SpringMotionConfig": {
2259
- "layoutVariant": ["smooth"],
2260
- "layoutSpeed": ["3"]
2261
- },
2262
- "Pressable": {
2263
- "display": ["flex"],
2264
- "flexDirection": ["row"],
2265
- "alignItems": ["center"],
2266
- "justifyContent": ["space-between"],
2267
- "borderRadius": ["md"]
2268
- },
2269
- "Text": {
2270
- "variant": ["title4"],
2271
- "color": ["primary"]
2272
- },
2273
- "HStack": {
2274
- "display": ["flex"],
2275
- "alignItems": ["center"],
2276
- "justifyContent": ["space-between"],
2277
- "columnGap": ["2.5"]
2278
- }
2279
- },
2280
- "propToVariantKeys": {},
2281
- "runtimeConfigDefaultProps": {},
2282
- "runtimeConfigGetStyles": {},
2283
- "runtimeConfigInternalComponentProps": {},
2284
- "motionVarPrefixes": ["--uds-motion-smooth-3-"]
2285
- },
2286
- AvoidMotionLibraryProvider: {
2287
- "name": "AvoidMotionLibraryProvider",
2288
- "defaultProps": {},
2330
+ Tabs: {
2331
+ "name": "Tabs",
2332
+ "defaultProps": { "variant": "primary" },
2289
2333
  "getStylesLiterals": {},
2290
2334
  "cxLiterals": [],
2291
- "internalComponents": [],
2335
+ "internalComponents": ["TabsContext.Provider", "TabProvider"],
2292
2336
  "internalComponentProps": {},
2293
- "propToVariantKeys": {},
2337
+ "propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
2294
2338
  "runtimeConfigDefaultProps": {},
2295
2339
  "runtimeConfigGetStyles": {},
2296
2340
  "runtimeConfigInternalComponentProps": {},
2297
2341
  "motionVarPrefixes": []
2298
2342
  },
2299
- SegmentedControl: {
2300
- "name": "SegmentedControl",
2301
- "defaultProps": { "textVariant": "label2" },
2343
+ Toast: {
2344
+ "name": "Toast",
2345
+ "defaultProps": {},
2302
2346
  "getStylesLiterals": {
2303
- "display": "flex",
2304
- "alignItems": "center",
2305
- "backgroundColor": "primary",
2306
- "spacingVertical": "1",
2307
- "spacingHorizontal": "3",
2308
- "columnGap": "1.5",
2309
- "borderWidth": "thin",
2310
- "borderRadius": "full",
2311
- "borderColor": "muted",
2312
- "borderColor:1": "transparent",
2313
- "color": "primary",
2314
- "color:1": "tertiary",
2315
- "color:2": "muted"
2347
+ "className": "animate-spin",
2348
+ "className:1": "flex-none",
2349
+ "spacing": "2",
2350
+ "borderRadius": "full"
2316
2351
  },
2317
2352
  "cxLiterals": [
2318
- "uds-ring",
2319
- "cursor-not-allowed",
2320
- "opacity-50",
2321
- "pointer-events-none",
2322
- "hover:bg-primary"
2353
+ "duration-0",
2354
+ "duration-120",
2355
+ "transition-[background-color]",
2356
+ "bg-carbon-15/0",
2357
+ "hover:bg-carbon-15/10",
2358
+ "active:bg-carbon-15/15",
2359
+ "uds-ring"
2323
2360
  ],
2324
2361
  "internalComponents": [
2325
- "Radio",
2326
- "Icon",
2327
- "RadioProvider",
2328
- "HStack",
2329
- "RadioGroup",
2330
- "Pressable",
2331
- "Text"
2362
+ "IconSlot",
2363
+ "ToastContainer",
2364
+ "Text",
2365
+ "Button",
2366
+ "Pressable"
2332
2367
  ],
2333
- "internalComponentProps": {
2334
- "Icon": {
2335
- "size": ["sm"],
2336
- "color": ["current"],
2337
- "aria-hidden": ["true"]
2338
- },
2339
- "HStack": {
2340
- "spacing": ["1"],
2341
- "gap": ["1"],
2342
- "backgroundColor": ["secondary"],
2343
- "borderRadius": ["full"],
2344
- "display": ["inline-flex"]
2345
- },
2346
- "Text": { "color": ["current"] }
2347
- },
2368
+ "internalComponentProps": {},
2348
2369
  "propToVariantKeys": {
2349
- "value": ["key"],
2350
- "label": ["aria-label"],
2351
- "textVariant": ["variant"]
2370
+ "size": [
2371
+ "toastSizeLabel",
2372
+ "toastSizeIcon",
2373
+ "toastSizeActionButton",
2374
+ "toastSizeCloseIcon"
2375
+ ],
2376
+ "variant": [
2377
+ "toastVariantIcon",
2378
+ "toastVariantActionButton",
2379
+ "toastVariantCloseIcon"
2380
+ ],
2381
+ "closeIcon": ["icon"],
2382
+ "onClickActionButton": ["onClick"]
2352
2383
  },
2353
- "runtimeConfigDefaultProps": {},
2354
- "runtimeConfigGetStyles": {},
2355
- "runtimeConfigInternalComponentProps": {},
2356
- "motionVarPrefixes": []
2357
- },
2358
- SwitchV2: {
2359
- "name": "SwitchV2",
2360
- "defaultProps": {
2361
- "labelPosition": "start",
2362
- "size": "md"
2384
+ "runtimeConfigDefaultProps": {
2385
+ "size": "toast.defaultSize",
2386
+ "variant": "toast.defaultVariant"
2363
2387
  },
2364
- "getStylesLiterals": {
2365
- "switchVariantRoot": "default",
2366
- "switchVariantActiveRoot": "on",
2367
- "switchVariantActiveRoot:1": "off",
2368
- "switchVariantSwitch": "default",
2369
- "switchVariantActiveSwitch": "on",
2370
- "switchVariantActiveSwitch:1": "off",
2371
- "switchVariantActiveHandle": "on",
2372
- "switchVariantActiveHandle:1": "off",
2373
- "switchVariantHandle": "default",
2374
- "switchVariantHandleIcon": "default",
2375
- "switchVariantActiveHandleIcon": "on",
2376
- "switchVariantActiveHandleIcon:1": "off"
2388
+ "runtimeConfigGetStyles": {
2389
+ "toastSizeLabel": ["toast.defaultSize"],
2390
+ "toastVariantIcon": ["toast.defaultVariant"],
2391
+ "toastSizeIcon": ["toast.defaultSize"],
2392
+ "toastSizeActionButton": ["toast.defaultSize"],
2393
+ "toastVariantActionButton": ["toast.defaultVariant"],
2394
+ "toastVariantCloseIcon": ["toast.defaultVariant"],
2395
+ "toastSizeCloseIcon": ["toast.defaultSize"]
2377
2396
  },
2378
- "cxLiterals": [
2379
- "group",
2380
- "flex",
2381
- "items-center",
2382
- "flex-row",
2383
- "flex-row-reverse",
2384
- "uds-ring",
2385
- "uds-ring-within",
2386
- "relative",
2387
- "uds-border-radius-full",
2388
- "transition-[background-color,box-shadow]",
2389
- "pointer-events-none",
2390
- "w-full",
2391
- "h-full",
2392
- "absolute",
2393
- "top-0",
2394
- "bottom-0",
2395
- "right-0",
2396
- "left-0",
2397
- "overflow-hidden",
2398
- "group-hover:scale-105",
2399
- "opacity-95",
2400
- "group-hover:opacity-100",
2401
- "transition-[transform,opacity]",
2402
- "opacity-0",
2403
- "top-1/2",
2404
- "left-1/2",
2405
- "transform",
2406
- "translate-x-[-50%]",
2407
- "translate-y-[-50%]",
2408
- "transition-opacity",
2409
- "cursor-[inherit]",
2410
- "w-[calc(100%+2px)]",
2411
- "h-[calc(100%+2px)]",
2412
- "text-start",
2413
- "text-end",
2414
- "opacity-100"
2415
- ],
2416
- "internalComponents": [
2417
- "IconSlot",
2418
- "Box",
2419
- "FormLabel",
2420
- "SpringMotionConfig",
2421
- "RootElement",
2422
- "MotionBox"
2423
- ],
2424
- "internalComponentProps": {
2425
- "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
2426
- "FormLabel": {
2427
- "as": ["div"],
2428
- "variant": ["inherit"],
2429
- "color": ["inherit"]
2397
+ "runtimeConfigInternalComponentProps": {
2398
+ "ToastContainer": {
2399
+ "size": ["toast.defaultSize"],
2400
+ "variant": ["toast.defaultVariant"]
2430
2401
  },
2431
- "SpringMotionConfig": {
2432
- "layoutVariant": ["bouncy"],
2433
- "layoutSpeed": ["4"]
2402
+ "Text": {
2403
+ "variant": ["toast.textVariant.${size}"],
2404
+ "color": ["toast.textColor.${variant}"]
2434
2405
  },
2435
- "RootElement": { "data-testid": ["switch-root"] },
2436
- "MotionBox": { "layout": ["position"] }
2406
+ "Button": {
2407
+ "size": ["toast.buttonSize.${size}"],
2408
+ "variant": ["toast.buttonVariant.${variant}"]
2409
+ }
2437
2410
  },
2411
+ "motionVarPrefixes": []
2412
+ },
2413
+ ToastContainer: {
2414
+ "name": "ToastContainer",
2415
+ "defaultProps": {},
2416
+ "getStylesLiterals": {
2417
+ "position": "relative",
2418
+ "alignItems": "center",
2419
+ "display": "flex",
2420
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
2421
+ },
2422
+ "cxLiterals": ["w-full"],
2423
+ "internalComponents": ["HStack"],
2424
+ "internalComponentProps": { "HStack": {
2425
+ "alignItems": ["center"],
2426
+ "justifyContent": ["space-between"],
2427
+ "overflow": ["hidden"],
2428
+ "position": ["relative"]
2429
+ } },
2438
2430
  "propToVariantKeys": {
2439
- "size": [
2440
- "switchSizeRoot",
2441
- "switchSizeSwitch",
2442
- "switchSizeHandle",
2443
- "switchSizeHandleIcon"
2444
- ],
2445
- "onIcon": ["icon"],
2446
- "offIcon": ["icon"],
2447
- "reduceMotion": ["reducedMotion"],
2448
- "isOn": ["layoutDependency"]
2431
+ "variant": ["toastVariantRoot"],
2432
+ "size": ["toastSizeRoot"]
2433
+ },
2434
+ "runtimeConfigDefaultProps": {
2435
+ "size": "toast.defaultSize",
2436
+ "variant": "toast.defaultVariant"
2437
+ },
2438
+ "runtimeConfigGetStyles": {
2439
+ "toastVariantRoot": ["toast.defaultVariant"],
2440
+ "toastSizeRoot": ["toast.defaultSize"]
2441
+ },
2442
+ "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
2443
+ "motionVarPrefixes": []
2444
+ },
2445
+ ToastPortal: {
2446
+ "name": "ToastPortal",
2447
+ "defaultProps": {},
2448
+ "getStylesLiterals": {},
2449
+ "cxLiterals": [],
2450
+ "internalComponents": ["ReactToastifyToastContainer"],
2451
+ "internalComponentProps": {},
2452
+ "propToVariantKeys": {},
2453
+ "runtimeConfigDefaultProps": {
2454
+ "size": "toast.defaultSize",
2455
+ "variant": "toast.defaultVariant"
2449
2456
  },
2457
+ "runtimeConfigGetStyles": {},
2458
+ "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
2459
+ "motionVarPrefixes": []
2460
+ },
2461
+ UDSToastConfigProvider: {
2462
+ "name": "UDSToastConfigProvider",
2463
+ "defaultProps": {},
2464
+ "getStylesLiterals": {},
2465
+ "cxLiterals": [],
2466
+ "internalComponents": ["ToastContext.Provider"],
2467
+ "internalComponentProps": {},
2468
+ "propToVariantKeys": {},
2450
2469
  "runtimeConfigDefaultProps": {},
2451
2470
  "runtimeConfigGetStyles": {},
2452
2471
  "runtimeConfigInternalComponentProps": {},
2453
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
2472
+ "motionVarPrefixes": []
2454
2473
  },
2455
2474
  Tooltip: {
2456
2475
  "name": "Tooltip",
@@ -2543,130 +2562,96 @@ var componentData_default = {
2543
2562
  "runtimeConfigInternalComponentProps": {},
2544
2563
  "motionVarPrefixes": []
2545
2564
  },
2546
- Toast: {
2547
- "name": "Toast",
2565
+ UDSBreakpointsConfigProvider: {
2566
+ "name": "UDSBreakpointsConfigProvider",
2548
2567
  "defaultProps": {},
2549
- "getStylesLiterals": {
2550
- "className": "animate-spin",
2551
- "className:1": "flex-none",
2552
- "spacing": "2",
2553
- "borderRadius": "full"
2554
- },
2555
- "cxLiterals": [
2556
- "duration-0",
2557
- "duration-120",
2558
- "transition-[background-color]",
2559
- "bg-carbon-15/0",
2560
- "hover:bg-carbon-15/10",
2561
- "active:bg-carbon-15/15",
2562
- "uds-ring"
2563
- ],
2564
- "internalComponents": [
2565
- "IconSlot",
2566
- "ToastContainer",
2567
- "Text",
2568
- "Button",
2569
- "Pressable"
2570
- ],
2568
+ "getStylesLiterals": {},
2569
+ "cxLiterals": [],
2570
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
2571
2571
  "internalComponentProps": {},
2572
- "propToVariantKeys": {
2573
- "size": [
2574
- "toastSizeLabel",
2575
- "toastSizeIcon",
2576
- "toastSizeActionButton",
2577
- "toastSizeCloseIcon"
2578
- ],
2579
- "variant": [
2580
- "toastVariantIcon",
2581
- "toastVariantActionButton",
2582
- "toastVariantCloseIcon"
2583
- ],
2584
- "closeIcon": ["icon"],
2585
- "onClickActionButton": ["onClick"]
2586
- },
2587
- "runtimeConfigDefaultProps": {
2588
- "size": "toast.defaultSize",
2589
- "variant": "toast.defaultVariant"
2590
- },
2591
- "runtimeConfigGetStyles": {
2592
- "toastSizeLabel": ["toast.defaultSize"],
2593
- "toastVariantIcon": ["toast.defaultVariant"],
2594
- "toastSizeIcon": ["toast.defaultSize"],
2595
- "toastSizeActionButton": ["toast.defaultSize"],
2596
- "toastVariantActionButton": ["toast.defaultVariant"],
2597
- "toastVariantCloseIcon": ["toast.defaultVariant"],
2598
- "toastSizeCloseIcon": ["toast.defaultSize"]
2599
- },
2600
- "runtimeConfigInternalComponentProps": {
2601
- "ToastContainer": {
2602
- "size": ["toast.defaultSize"],
2603
- "variant": ["toast.defaultVariant"]
2604
- },
2605
- "Text": {
2606
- "variant": ["toast.textVariant.${size}"],
2607
- "color": ["toast.textColor.${variant}"]
2608
- },
2609
- "Button": {
2610
- "size": ["toast.buttonSize.${size}"],
2611
- "variant": ["toast.buttonVariant.${variant}"]
2612
- }
2613
- },
2614
- "motionVarPrefixes": []
2615
- },
2616
- ToastContainer: {
2617
- "name": "ToastContainer",
2618
- "defaultProps": {},
2619
- "getStylesLiterals": {
2620
- "position": "relative",
2621
- "alignItems": "center",
2622
- "display": "flex",
2623
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
2624
- },
2625
- "cxLiterals": ["w-full"],
2626
- "internalComponents": ["HStack"],
2627
- "internalComponentProps": { "HStack": {
2628
- "alignItems": ["center"],
2629
- "justifyContent": ["space-between"],
2630
- "overflow": ["hidden"],
2631
- "position": ["relative"]
2632
- } },
2633
- "propToVariantKeys": {
2634
- "variant": ["toastVariantRoot"],
2635
- "size": ["toastSizeRoot"]
2636
- },
2637
- "runtimeConfigDefaultProps": {
2638
- "size": "toast.defaultSize",
2639
- "variant": "toast.defaultVariant"
2640
- },
2641
- "runtimeConfigGetStyles": {
2642
- "toastVariantRoot": ["toast.defaultVariant"],
2643
- "toastSizeRoot": ["toast.defaultSize"]
2644
- },
2645
- "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
2572
+ "propToVariantKeys": {},
2573
+ "runtimeConfigDefaultProps": {},
2574
+ "runtimeConfigGetStyles": {},
2575
+ "runtimeConfigInternalComponentProps": {},
2646
2576
  "motionVarPrefixes": []
2647
2577
  },
2648
- ToastPortal: {
2649
- "name": "ToastPortal",
2578
+ UDSConfigProvider: {
2579
+ "name": "UDSConfigProvider",
2650
2580
  "defaultProps": {},
2651
2581
  "getStylesLiterals": {},
2652
2582
  "cxLiterals": [],
2653
- "internalComponents": ["ReactToastifyToastContainer"],
2583
+ "internalComponents": [
2584
+ "UDSBreakpointsConfigProvider",
2585
+ "UDSBottomSheetConfigProvider",
2586
+ "UDSToastConfigProvider",
2587
+ "UDSTooltipConfigProvider",
2588
+ "UDSPopoverConfigProvider",
2589
+ "UDSModalConfigProvider"
2590
+ ],
2654
2591
  "internalComponentProps": {},
2655
2592
  "propToVariantKeys": {},
2656
- "runtimeConfigDefaultProps": {
2657
- "size": "toast.defaultSize",
2658
- "variant": "toast.defaultVariant"
2593
+ "runtimeConfigDefaultProps": {},
2594
+ "runtimeConfigGetStyles": {},
2595
+ "runtimeConfigInternalComponentProps": {},
2596
+ "motionVarPrefixes": []
2597
+ },
2598
+ Accordion: {
2599
+ "name": "Accordion",
2600
+ "defaultProps": {
2601
+ "spacingHorizontal": "4",
2602
+ "spacingVertical": "4"
2603
+ },
2604
+ "getStylesLiterals": {},
2605
+ "cxLiterals": ["hover:bg-secondary/80", "w-full"],
2606
+ "internalComponents": [
2607
+ "Icon",
2608
+ "SpringMotionConfig",
2609
+ "Pressable",
2610
+ "Text",
2611
+ "HStack",
2612
+ "AnimatePresence",
2613
+ "VStack"
2614
+ ],
2615
+ "internalComponentProps": {
2616
+ "Icon": {
2617
+ "variant": ["fill"],
2618
+ "size": ["sm"],
2619
+ "color": ["primary"]
2620
+ },
2621
+ "SpringMotionConfig": {
2622
+ "layoutVariant": ["smooth"],
2623
+ "layoutSpeed": ["3"]
2624
+ },
2625
+ "Pressable": {
2626
+ "display": ["flex"],
2627
+ "flexDirection": ["row"],
2628
+ "alignItems": ["center"],
2629
+ "justifyContent": ["space-between"],
2630
+ "borderRadius": ["md"]
2631
+ },
2632
+ "Text": {
2633
+ "variant": ["title4"],
2634
+ "color": ["primary"]
2635
+ },
2636
+ "HStack": {
2637
+ "display": ["flex"],
2638
+ "alignItems": ["center"],
2639
+ "justifyContent": ["space-between"],
2640
+ "columnGap": ["2.5"]
2641
+ }
2659
2642
  },
2643
+ "propToVariantKeys": {},
2644
+ "runtimeConfigDefaultProps": {},
2660
2645
  "runtimeConfigGetStyles": {},
2661
- "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
2662
- "motionVarPrefixes": []
2646
+ "runtimeConfigInternalComponentProps": {},
2647
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"]
2663
2648
  },
2664
- UDSToastConfigProvider: {
2665
- "name": "UDSToastConfigProvider",
2649
+ AvoidMotionLibraryProvider: {
2650
+ "name": "AvoidMotionLibraryProvider",
2666
2651
  "defaultProps": {},
2667
2652
  "getStylesLiterals": {},
2668
2653
  "cxLiterals": [],
2669
- "internalComponents": ["ToastContext.Provider"],
2654
+ "internalComponents": [],
2670
2655
  "internalComponentProps": {},
2671
2656
  "propToVariantKeys": {},
2672
2657
  "runtimeConfigDefaultProps": {},
@@ -2674,145 +2659,161 @@ var componentData_default = {
2674
2659
  "runtimeConfigInternalComponentProps": {},
2675
2660
  "motionVarPrefixes": []
2676
2661
  },
2677
- Tab: {
2678
- "name": "Tab",
2679
- "defaultProps": { "variant": "primary" },
2662
+ SegmentedControl: {
2663
+ "name": "SegmentedControl",
2664
+ "defaultProps": { "textVariant": "label2" },
2680
2665
  "getStylesLiterals": {
2681
- "tabSizeRoot": "default",
2682
- "tabVariantActiveRoot": "off",
2683
- "tabVariantActiveRoot:1": "on",
2684
- "tabSizeIcon": "default"
2666
+ "display": "flex",
2667
+ "alignItems": "center",
2668
+ "backgroundColor": "primary",
2669
+ "spacingVertical": "1",
2670
+ "spacingHorizontal": "3",
2671
+ "columnGap": "1.5",
2672
+ "borderWidth": "thin",
2673
+ "borderRadius": "full",
2674
+ "borderColor": "muted",
2675
+ "borderColor:1": "transparent",
2676
+ "color": "primary",
2677
+ "color:1": "tertiary",
2678
+ "color:2": "muted"
2685
2679
  },
2686
2680
  "cxLiterals": [
2687
- "pointer-events-none",
2688
- "absolute",
2689
- "bottom-0",
2690
- "left-0",
2691
- "right-0",
2692
- "h-[var(--uds-tab-underline-width,0px)]",
2693
- "bg-[var(--uds-tab-underline-color,transparent)]",
2694
- "transition-[height,background-color]",
2695
- "duration-[240ms]",
2696
- "ease-[cubic-bezier(0.2,0,0,1)]",
2697
- "!bg-transparent",
2698
- "!shadow-none",
2699
- "inline-flex",
2700
- "items-center",
2701
- "shrink-0",
2702
- "box-border",
2703
- "relative",
2704
- "z-[1]",
2705
- "cursor-pointer",
2706
- "select-none",
2707
- "whitespace-nowrap",
2708
2681
  "uds-ring",
2682
+ "cursor-not-allowed",
2709
2683
  "opacity-50",
2710
- "cursor-default",
2711
- "border-solid",
2712
- "border-b-solid",
2713
- "transition-colors"
2684
+ "pointer-events-none",
2685
+ "hover:bg-primary"
2714
2686
  ],
2715
2687
  "internalComponents": [
2716
- "IconSlot",
2717
- "AriakitTab",
2688
+ "Radio",
2689
+ "Icon",
2690
+ "RadioProvider",
2691
+ "HStack",
2692
+ "RadioGroup",
2693
+ "Pressable",
2718
2694
  "Text"
2719
2695
  ],
2720
- "internalComponentProps": { "Text": {
2721
- "variant": ["inherit"],
2722
- "as": ["span"],
2723
- "color": ["current"]
2724
- } },
2696
+ "internalComponentProps": {
2697
+ "Icon": {
2698
+ "size": ["sm"],
2699
+ "color": ["current"],
2700
+ "aria-hidden": ["true"]
2701
+ },
2702
+ "HStack": {
2703
+ "spacing": ["1"],
2704
+ "gap": ["1"],
2705
+ "backgroundColor": ["secondary"],
2706
+ "borderRadius": ["full"],
2707
+ "display": ["inline-flex"]
2708
+ },
2709
+ "Text": { "color": ["current"] }
2710
+ },
2725
2711
  "propToVariantKeys": {
2726
- "variant": ["tabVariantRoot", "tabVariantIcon"],
2727
- "activeState": ["tabVariantActiveIcon"],
2728
- "startIcon": ["icon"],
2729
- "endIcon": ["icon"]
2712
+ "value": ["key"],
2713
+ "label": ["aria-label"],
2714
+ "textVariant": ["variant"]
2730
2715
  },
2731
2716
  "runtimeConfigDefaultProps": {},
2732
2717
  "runtimeConfigGetStyles": {},
2733
2718
  "runtimeConfigInternalComponentProps": {},
2734
2719
  "motionVarPrefixes": []
2735
2720
  },
2736
- TabList: {
2737
- "name": "TabList",
2738
- "defaultProps": { "variant": "primary" },
2721
+ SwitchV2: {
2722
+ "name": "SwitchV2",
2723
+ "defaultProps": {
2724
+ "labelPosition": "start",
2725
+ "size": "md"
2726
+ },
2739
2727
  "getStylesLiterals": {
2740
- "tabSizeRoot": "default",
2741
- "tabVariantActiveRoot": "on"
2728
+ "switchVariantRoot": "default",
2729
+ "switchVariantActiveRoot": "on",
2730
+ "switchVariantActiveRoot:1": "off",
2731
+ "switchVariantSwitch": "default",
2732
+ "switchVariantActiveSwitch": "on",
2733
+ "switchVariantActiveSwitch:1": "off",
2734
+ "switchVariantActiveHandle": "on",
2735
+ "switchVariantActiveHandle:1": "off",
2736
+ "switchVariantHandle": "default",
2737
+ "switchVariantHandleIcon": "default",
2738
+ "switchVariantActiveHandleIcon": "on",
2739
+ "switchVariantActiveHandleIcon:1": "off"
2742
2740
  },
2743
2741
  "cxLiterals": [
2742
+ "group",
2743
+ "flex",
2744
+ "items-center",
2745
+ "flex-row",
2746
+ "flex-row-reverse",
2747
+ "uds-ring",
2748
+ "uds-ring-within",
2749
+ "relative",
2750
+ "uds-border-radius-full",
2751
+ "transition-[background-color,box-shadow]",
2744
2752
  "pointer-events-none",
2753
+ "w-full",
2754
+ "h-full",
2745
2755
  "absolute",
2756
+ "top-0",
2746
2757
  "bottom-0",
2747
- "left-0",
2748
2758
  "right-0",
2749
- "h-[var(--uds-tab-underline-width,0px)]",
2750
- "bg-[var(--uds-tab-underline-color,transparent)]",
2751
- "transition-[height,background-color]",
2752
- "duration-[240ms]",
2753
- "ease-[cubic-bezier(0.2,0,0,1)]",
2754
- "!m-0",
2755
- "!p-0",
2756
- "!gap-0",
2757
- "box-border",
2758
- "z-0",
2759
- "min-w-0",
2760
- "min-h-0",
2761
- "flex",
2762
- "flex-row",
2763
- "items-center",
2764
- "overflow-x-auto",
2765
- "overflow-y-clip",
2766
- "scrollbar-none",
2767
- "[overflow-clip-margin:6px]",
2768
- "overflow-clip",
2769
- "[overflow-clip-margin:8px]",
2770
- "relative",
2771
- "left",
2772
- "240ms",
2773
- "cubic-bezier(0.2,",
2774
- "0,",
2775
- "1),",
2776
- "top",
2777
- "width",
2778
- "height",
2779
- "1)",
2780
- "--uds-tab-underline-color",
2781
- "--uds-tab-underline-width"
2759
+ "left-0",
2760
+ "overflow-hidden",
2761
+ "group-hover:scale-105",
2762
+ "opacity-95",
2763
+ "group-hover:opacity-100",
2764
+ "transition-[transform,opacity]",
2765
+ "opacity-0",
2766
+ "top-1/2",
2767
+ "left-1/2",
2768
+ "transform",
2769
+ "translate-x-[-50%]",
2770
+ "translate-y-[-50%]",
2771
+ "transition-opacity",
2772
+ "cursor-[inherit]",
2773
+ "w-[calc(100%+2px)]",
2774
+ "h-[calc(100%+2px)]",
2775
+ "text-start",
2776
+ "text-end",
2777
+ "opacity-100"
2782
2778
  ],
2783
- "internalComponents": ["AriakitTabList"],
2784
- "internalComponentProps": {},
2785
- "propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
2786
- "runtimeConfigDefaultProps": {},
2787
- "runtimeConfigGetStyles": {},
2788
- "runtimeConfigInternalComponentProps": {},
2789
- "motionVarPrefixes": []
2790
- },
2791
- TabPanel: {
2792
- "name": "TabPanel",
2793
- "defaultProps": {},
2794
- "getStylesLiterals": {},
2795
- "cxLiterals": [],
2796
- "internalComponents": ["AriakitTabPanel"],
2797
- "internalComponentProps": {},
2798
- "propToVariantKeys": {},
2799
- "runtimeConfigDefaultProps": {},
2800
- "runtimeConfigGetStyles": {},
2801
- "runtimeConfigInternalComponentProps": {},
2802
- "motionVarPrefixes": []
2803
- },
2804
- Tabs: {
2805
- "name": "Tabs",
2806
- "defaultProps": { "variant": "primary" },
2807
- "getStylesLiterals": {},
2808
- "cxLiterals": [],
2809
- "internalComponents": ["TabsContext.Provider", "TabProvider"],
2810
- "internalComponentProps": {},
2811
- "propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
2779
+ "internalComponents": [
2780
+ "IconSlot",
2781
+ "Box",
2782
+ "FormLabel",
2783
+ "SpringMotionConfig",
2784
+ "RootElement",
2785
+ "MotionBox"
2786
+ ],
2787
+ "internalComponentProps": {
2788
+ "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
2789
+ "FormLabel": {
2790
+ "as": ["div"],
2791
+ "variant": ["inherit"],
2792
+ "color": ["inherit"]
2793
+ },
2794
+ "SpringMotionConfig": {
2795
+ "layoutVariant": ["bouncy"],
2796
+ "layoutSpeed": ["4"]
2797
+ },
2798
+ "RootElement": { "data-testid": ["switch-root"] },
2799
+ "MotionBox": { "layout": ["position"] }
2800
+ },
2801
+ "propToVariantKeys": {
2802
+ "size": [
2803
+ "switchSizeRoot",
2804
+ "switchSizeSwitch",
2805
+ "switchSizeHandle",
2806
+ "switchSizeHandleIcon"
2807
+ ],
2808
+ "onIcon": ["icon"],
2809
+ "offIcon": ["icon"],
2810
+ "reduceMotion": ["reducedMotion"],
2811
+ "isOn": ["layoutDependency"]
2812
+ },
2812
2813
  "runtimeConfigDefaultProps": {},
2813
2814
  "runtimeConfigGetStyles": {},
2814
2815
  "runtimeConfigInternalComponentProps": {},
2815
- "motionVarPrefixes": []
2816
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
2816
2817
  }
2817
2818
  };
2818
2819
  //#endregion