@yahoo/uds 3.150.1-beta.1 → 3.151.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 (41) hide show
  1. package/dist/components/client/Modal/ManagedModal.cjs +52 -0
  2. package/dist/components/client/Modal/ManagedModal.d.cts +16 -0
  3. package/dist/components/client/Modal/ManagedModal.d.ts +17 -0
  4. package/dist/components/client/Modal/ManagedModal.js +50 -0
  5. package/dist/components/client/Modal/ModalPortal.cjs +17 -0
  6. package/dist/components/client/Modal/ModalPortal.d.cts +10 -0
  7. package/dist/components/client/Modal/ModalPortal.d.ts +11 -0
  8. package/dist/components/client/Modal/ModalPortal.js +15 -0
  9. package/dist/components/client/Modal/createModal.cjs +18 -0
  10. package/dist/components/client/Modal/createModal.d.cts +11 -0
  11. package/dist/components/client/Modal/createModal.d.ts +12 -0
  12. package/dist/components/client/Modal/createModal.js +17 -0
  13. package/dist/components/client/Modal/index.cjs +4 -0
  14. package/dist/components/client/Modal/index.d.cts +3 -1
  15. package/dist/components/client/Modal/index.d.ts +3 -1
  16. package/dist/components/client/Modal/index.js +3 -1
  17. package/dist/components/client/Modal/modalStore.cjs +254 -0
  18. package/dist/components/client/Modal/modalStore.d.cts +35 -0
  19. package/dist/components/client/Modal/modalStore.d.ts +36 -0
  20. package/dist/components/client/Modal/modalStore.js +248 -0
  21. package/dist/components/client/index.cjs +4 -0
  22. package/dist/components/client/index.d.cts +3 -1
  23. package/dist/components/client/index.d.ts +3 -1
  24. package/dist/components/client/index.js +3 -1
  25. package/dist/components/index.cjs +4 -0
  26. package/dist/components/index.d.cts +3 -1
  27. package/dist/components/index.d.ts +3 -1
  28. package/dist/components/index.js +3 -1
  29. package/dist/css/dist/purger/optimized/purgeFromCode.cjs +3 -5
  30. package/dist/css/dist/purger/optimized/purgeFromCode.js +3 -5
  31. package/dist/index.cjs +4 -0
  32. package/dist/index.d.cts +3 -1
  33. package/dist/index.d.ts +3 -1
  34. package/dist/index.js +3 -1
  35. package/dist/uds/generated/componentData.cjs +1004 -969
  36. package/dist/uds/generated/componentData.js +1004 -969
  37. package/dist/uds/generated/tailwindPurge.cjs +8 -42
  38. package/dist/uds/generated/tailwindPurge.js +8 -42
  39. package/generated/componentData.json +975 -938
  40. package/generated/tailwindPurge.ts +3 -3
  41. package/package.json +1 -1
@@ -1794,187 +1794,337 @@
1794
1794
  "runtimeConfigInternalComponentProps": {},
1795
1795
  "motionVarPrefixes": []
1796
1796
  },
1797
- "Input": {
1798
- "name": "Input",
1797
+ "ManagedModal": {
1798
+ "name": "ManagedModal",
1799
+ "defaultProps": {},
1800
+ "getStylesLiterals": {},
1801
+ "cxLiterals": [],
1802
+ "internalComponents": [
1803
+ "Modal",
1804
+ "ModalTitle",
1805
+ "ModalDescription",
1806
+ "ModalContent",
1807
+ "ModalActions"
1808
+ ],
1809
+ "internalComponentProps": {},
1810
+ "propToVariantKeys": {},
1811
+ "runtimeConfigDefaultProps": {
1812
+ "size": "modal.defaultSize",
1813
+ "variant": "modal.defaultVariant"
1814
+ },
1815
+ "runtimeConfigGetStyles": {},
1816
+ "runtimeConfigInternalComponentProps": {},
1817
+ "motionVarPrefixes": []
1818
+ },
1819
+ "Modal": {
1820
+ "name": "Modal",
1799
1821
  "defaultProps": {
1800
- "type": "text",
1801
- "size": "md",
1802
- "width": "full"
1822
+ "closeAriaLabel": "Close",
1823
+ "maxWidth": "auto",
1824
+ "maxHeight": "auto",
1825
+ "scrollBehavior": "outside"
1803
1826
  },
1804
1827
  "getStylesLiterals": {
1805
- "inputVariantRoot": "default",
1806
- "inputVariantValueRoot": "empty",
1807
- "inputVariantValueRoot:1": "filled",
1808
- "inputVariantInputWrapper": "default",
1809
- "inputVariantValueInputWrapper": "empty",
1810
- "inputVariantValueInputWrapper:1": "filled",
1811
- "inputVariantInput": "default",
1812
- "inputVariantValueInput": "empty",
1813
- "inputVariantValueInput:1": "filled",
1814
- "inputVariantInputPlaceholder": "default",
1815
- "inputVariantValueInputPlaceholder": "empty",
1816
- "inputVariantValueInputPlaceholder:1": "filled",
1817
- "inputVariantLabel": "default",
1818
- "inputVariantValueLabel": "empty",
1819
- "inputVariantValueLabel:1": "filled",
1820
- "inputVariantLabelRequired": "default",
1821
- "inputVariantValueLabelRequired": "empty",
1822
- "inputVariantValueLabelRequired:1": "filled",
1823
- "inputVariantStartIcon": "default",
1824
- "inputVariantValueStartIcon": "empty",
1825
- "inputVariantValueStartIcon:1": "filled",
1826
- "inputVariantEndIcon": "default",
1827
- "inputVariantValueEndIcon": "empty",
1828
- "inputVariantValueEndIcon:1": "filled"
1828
+ "flexDirection": "row-reverse",
1829
+ "justifyContent": "space-between",
1830
+ "alignItems": "flex-end",
1831
+ "alignItems:1": "flex-start",
1832
+ "borderRadius": "full"
1829
1833
  },
1830
1834
  "cxLiterals": [
1831
- "opacity-50",
1832
- "min-w-[200px]",
1833
- "grow",
1834
- "uds-hit-target",
1835
- "bg-clip-text",
1836
- "focus:outline-none",
1837
- "cursor-text",
1838
- "cursor-not-allowed"
1835
+ "fixed",
1836
+ "inset-0",
1837
+ "z-40",
1838
+ "overflow-y-auto",
1839
+ "overflow-hidden",
1840
+ "transition-[opacity,visibility]",
1841
+ "visible",
1842
+ "opacity-100",
1843
+ "invisible",
1844
+ "opacity-0",
1845
+ "pointer-events-none",
1846
+ "uds-bgBlurFallback",
1847
+ "w-full",
1848
+ "w-fit",
1849
+ "h-full",
1850
+ "h-fit",
1851
+ "m-auto",
1852
+ "pointer-events-auto",
1853
+ "inside",
1854
+ "max-h-full",
1855
+ "transition-transform",
1856
+ "duration-0",
1857
+ "duration-120",
1858
+ "transition-[background-color]",
1859
+ "bg-carbon-15/0",
1860
+ "hover:bg-carbon-15/10",
1861
+ "active:bg-carbon-15/15",
1862
+ "uds-ring",
1863
+ "[translate:50%_-50%]"
1839
1864
  ],
1840
1865
  "internalComponents": [
1866
+ "Scrim",
1867
+ "VStack",
1868
+ "Pressable",
1841
1869
  "IconSlot",
1842
- "StartIcon",
1843
- "EndIcon",
1844
- "HelpTextContent",
1845
1870
  "Box",
1846
- "InputHelpTextInternal",
1847
- "VStack",
1871
+ "Dialog",
1872
+ "ModalContext.Provider",
1848
1873
  "HStack",
1849
- "AnimateHeightChange"
1874
+ "DialogDismiss",
1875
+ "ModalTitle",
1876
+ "ModalDescription",
1877
+ "ModalContent",
1878
+ "ModalActions"
1850
1879
  ],
1851
1880
  "internalComponentProps": {
1852
- "HelpTextContent": {
1853
- "spacingTop": [
1854
- "2"
1855
- ]
1856
- },
1857
1881
  "Box": {
1858
- "spacingBottom": [
1859
- "2"
1860
- ],
1861
- "columnGap": [
1862
- "0.5"
1863
- ],
1864
- "alignItems": [
1865
- "flex-end",
1866
- "center"
1867
- ],
1868
- "position": [
1869
- "relative"
1870
- ]
1871
- },
1872
- "HStack": {
1873
- "alignItems": [
1874
- "center"
1875
- ],
1876
- "gap": [
1882
+ "flexGrow": [
1877
1883
  "1"
1878
1884
  ]
1879
1885
  }
1880
1886
  },
1881
1887
  "propToVariantKeys": {
1888
+ "gutter": [
1889
+ "spacing"
1890
+ ],
1882
1891
  "size": [
1883
- "inputSizeRoot",
1884
- "inputSizeInputWrapper",
1885
- "inputSizeInput",
1886
- "inputSizeLabel",
1887
- "inputSizeStartIcon",
1888
- "inputSizeEndIcon"
1892
+ "modalSizeRoot",
1893
+ "modalSizeSpacingHorizontal",
1894
+ "modalSizeHeader",
1895
+ "modalSizeTitleDescriptionWrapper",
1896
+ "modalSizeCloseIconContainer",
1897
+ "modalSizeCloseIcon"
1889
1898
  ],
1890
- "startIcon": [
1891
- "icon"
1899
+ "variant": [
1900
+ "modalVariantRoot",
1901
+ "modalVariantCloseIcon"
1892
1902
  ],
1893
- "endIcon": [
1903
+ "closeAriaLabel": [
1904
+ "aria-label"
1905
+ ],
1906
+ "closeIcon": [
1894
1907
  "icon"
1908
+ ]
1909
+ },
1910
+ "runtimeConfigDefaultProps": {
1911
+ "size": "modal.defaultSize",
1912
+ "variant": "modal.defaultVariant"
1913
+ },
1914
+ "runtimeConfigGetStyles": {
1915
+ "spacing": [
1916
+ "modal.gutter.${size}"
1895
1917
  ],
1896
- "slotProps": [
1897
- "helperTextSlotProps"
1918
+ "modalSizeRoot": [
1919
+ "modal.defaultSize"
1898
1920
  ],
1899
- "helperTextIcon": [
1900
- "startIcon"
1921
+ "modalVariantRoot": [
1922
+ "modal.defaultVariant"
1923
+ ],
1924
+ "modalSizeSpacingHorizontal": [
1925
+ "modal.defaultSize"
1926
+ ],
1927
+ "modalSizeHeader": [
1928
+ "modal.defaultSize"
1929
+ ],
1930
+ "modalSizeTitleDescriptionWrapper": [
1931
+ "modal.defaultSize"
1932
+ ],
1933
+ "modalSizeCloseIconContainer": [
1934
+ "modal.defaultSize"
1935
+ ],
1936
+ "modalSizeCloseIcon": [
1937
+ "modal.defaultSize"
1938
+ ],
1939
+ "modalVariantCloseIcon": [
1940
+ "modal.defaultVariant"
1901
1941
  ]
1902
1942
  },
1903
- "runtimeConfigDefaultProps": {},
1904
- "runtimeConfigGetStyles": {},
1905
1943
  "runtimeConfigInternalComponentProps": {},
1906
1944
  "motionVarPrefixes": []
1907
1945
  },
1908
- "InputHelpText": {
1909
- "name": "InputHelpText",
1910
- "defaultProps": {
1911
- "size": "md"
1912
- },
1946
+ "ModalActions": {
1947
+ "name": "ModalActions",
1948
+ "defaultProps": {},
1913
1949
  "getStylesLiterals": {
1914
- "inputVariantRoot": "default",
1915
- "inputVariantValueRoot": "empty",
1916
- "inputVariantValueRoot:1": "filled"
1950
+ "flexDirection": "row-reverse",
1951
+ "justifyContent": "space-between",
1952
+ "alignItems": "center"
1917
1953
  },
1918
- "cxLiterals": [],
1954
+ "cxLiterals": [
1955
+ "gap-[inherit]"
1956
+ ],
1919
1957
  "internalComponents": [
1920
- "InputHelpTextInternal",
1921
- "Box"
1958
+ "HStack"
1922
1959
  ],
1923
- "internalComponentProps": {
1924
- "Box": {
1925
- "spacingTop": [
1926
- "2"
1927
- ]
1928
- }
1929
- },
1960
+ "internalComponentProps": {},
1930
1961
  "propToVariantKeys": {
1931
1962
  "size": [
1932
- "inputSizeRoot"
1963
+ "modalSizeSpacingHorizontal",
1964
+ "modalSizeActions"
1965
+ ]
1966
+ },
1967
+ "runtimeConfigDefaultProps": {
1968
+ "size": "modal.defaultSize",
1969
+ "variant": "modal.defaultVariant"
1970
+ },
1971
+ "runtimeConfigGetStyles": {
1972
+ "modalSizeSpacingHorizontal": [
1973
+ "modal.defaultSize"
1974
+ ],
1975
+ "modalSizeActions": [
1976
+ "modal.defaultSize"
1933
1977
  ]
1934
1978
  },
1935
- "runtimeConfigDefaultProps": {},
1936
- "runtimeConfigGetStyles": {},
1937
1979
  "runtimeConfigInternalComponentProps": {},
1938
1980
  "motionVarPrefixes": []
1939
1981
  },
1940
- "InputHelpTextInternal": {
1941
- "name": "InputHelpTextInternal",
1982
+ "ModalContent": {
1983
+ "name": "ModalContent",
1942
1984
  "defaultProps": {},
1943
1985
  "getStylesLiterals": {
1944
- "inputVariantHelperText": "default",
1945
- "inputVariantValueHelperText": "empty",
1946
- "inputVariantValueHelperText:1": "filled",
1947
- "inputVariantHelperIcon": "default",
1948
- "inputVariantValueHelperIcon": "empty",
1949
- "inputVariantValueHelperIcon:1": "filled"
1950
- },
1986
+ "overflowY": "auto",
1987
+ "display": "block",
1988
+ "flexGrow": "1"
1989
+ },
1951
1990
  "cxLiterals": [],
1952
1991
  "internalComponents": [
1953
- "IconSlot",
1954
- "HStack"
1992
+ "Box"
1993
+ ],
1994
+ "internalComponentProps": {},
1995
+ "propToVariantKeys": {
1996
+ "size": [
1997
+ "modalSizeSpacingHorizontal"
1998
+ ]
1999
+ },
2000
+ "runtimeConfigDefaultProps": {
2001
+ "size": "modal.defaultSize",
2002
+ "variant": "modal.defaultVariant"
2003
+ },
2004
+ "runtimeConfigGetStyles": {
2005
+ "modalSizeSpacingHorizontal": [
2006
+ "modal.defaultSize"
2007
+ ]
2008
+ },
2009
+ "runtimeConfigInternalComponentProps": {},
2010
+ "motionVarPrefixes": []
2011
+ },
2012
+ "ModalContext": {
2013
+ "name": "ModalContext",
2014
+ "defaultProps": {},
2015
+ "getStylesLiterals": {},
2016
+ "cxLiterals": [],
2017
+ "internalComponents": [],
2018
+ "internalComponentProps": {},
2019
+ "propToVariantKeys": {},
2020
+ "runtimeConfigDefaultProps": {},
2021
+ "runtimeConfigGetStyles": {},
2022
+ "runtimeConfigInternalComponentProps": {},
2023
+ "motionVarPrefixes": []
2024
+ },
2025
+ "ModalDescription": {
2026
+ "name": "ModalDescription",
2027
+ "defaultProps": {},
2028
+ "getStylesLiterals": {},
2029
+ "cxLiterals": [],
2030
+ "internalComponents": [
2031
+ "Text",
2032
+ "DialogDescription"
1955
2033
  ],
1956
2034
  "internalComponentProps": {
1957
- "HStack": {
1958
- "gap": [
1959
- "1"
1960
- ],
1961
- "alignItems": [
1962
- "center"
2035
+ "Text": {
2036
+ "as": [
2037
+ "span"
1963
2038
  ]
1964
2039
  }
1965
2040
  },
1966
2041
  "propToVariantKeys": {
1967
2042
  "size": [
1968
- "inputSizeHelperText",
1969
- "inputSizeHelperIcon"
2043
+ "modalSizeDescription"
1970
2044
  ],
1971
- "startIcon": [
1972
- "icon"
2045
+ "variant": [
2046
+ "modalVariantDescription"
2047
+ ]
2048
+ },
2049
+ "runtimeConfigDefaultProps": {
2050
+ "size": "modal.defaultSize",
2051
+ "variant": "modal.defaultVariant"
2052
+ },
2053
+ "runtimeConfigGetStyles": {
2054
+ "modalSizeDescription": [
2055
+ "modal.defaultSize"
1973
2056
  ],
1974
- "endIcon": [
1975
- "icon"
2057
+ "modalVariantDescription": [
2058
+ "modal.defaultVariant"
2059
+ ]
2060
+ },
2061
+ "runtimeConfigInternalComponentProps": {},
2062
+ "motionVarPrefixes": []
2063
+ },
2064
+ "ModalPortal": {
2065
+ "name": "ModalPortal",
2066
+ "defaultProps": {},
2067
+ "getStylesLiterals": {},
2068
+ "cxLiterals": [],
2069
+ "internalComponents": [
2070
+ "ManagedModal"
2071
+ ],
2072
+ "internalComponentProps": {},
2073
+ "propToVariantKeys": {},
2074
+ "runtimeConfigDefaultProps": {},
2075
+ "runtimeConfigGetStyles": {},
2076
+ "runtimeConfigInternalComponentProps": {},
2077
+ "motionVarPrefixes": []
2078
+ },
2079
+ "ModalTitle": {
2080
+ "name": "ModalTitle",
2081
+ "defaultProps": {},
2082
+ "getStylesLiterals": {},
2083
+ "cxLiterals": [],
2084
+ "internalComponents": [
2085
+ "Text",
2086
+ "DialogHeading"
2087
+ ],
2088
+ "internalComponentProps": {
2089
+ "Text": {
2090
+ "as": [
2091
+ "span"
2092
+ ]
2093
+ }
2094
+ },
2095
+ "propToVariantKeys": {
2096
+ "size": [
2097
+ "modalSizeTitle"
2098
+ ],
2099
+ "variant": [
2100
+ "modalVariantTitle"
2101
+ ]
2102
+ },
2103
+ "runtimeConfigDefaultProps": {
2104
+ "size": "modal.defaultSize",
2105
+ "variant": "modal.defaultVariant"
2106
+ },
2107
+ "runtimeConfigGetStyles": {
2108
+ "modalSizeTitle": [
2109
+ "modal.defaultSize"
2110
+ ],
2111
+ "modalVariantTitle": [
2112
+ "modal.defaultVariant"
1976
2113
  ]
1977
2114
  },
2115
+ "runtimeConfigInternalComponentProps": {},
2116
+ "motionVarPrefixes": []
2117
+ },
2118
+ "UDSModalConfigProvider": {
2119
+ "name": "UDSModalConfigProvider",
2120
+ "defaultProps": {},
2121
+ "getStylesLiterals": {},
2122
+ "cxLiterals": [],
2123
+ "internalComponents": [
2124
+ "ModalContext.Provider"
2125
+ ],
2126
+ "internalComponentProps": {},
2127
+ "propToVariantKeys": {},
1978
2128
  "runtimeConfigDefaultProps": {},
1979
2129
  "runtimeConfigGetStyles": {},
1980
2130
  "runtimeConfigInternalComponentProps": {},
@@ -2253,300 +2403,187 @@
2253
2403
  "runtimeConfigInternalComponentProps": {},
2254
2404
  "motionVarPrefixes": []
2255
2405
  },
2256
- "Modal": {
2257
- "name": "Modal",
2406
+ "Input": {
2407
+ "name": "Input",
2258
2408
  "defaultProps": {
2259
- "closeAriaLabel": "Close",
2260
- "maxWidth": "auto",
2261
- "maxHeight": "auto",
2262
- "scrollBehavior": "outside"
2409
+ "type": "text",
2410
+ "size": "md",
2411
+ "width": "full"
2263
2412
  },
2264
2413
  "getStylesLiterals": {
2265
- "flexDirection": "row-reverse",
2266
- "justifyContent": "space-between",
2267
- "alignItems": "flex-end",
2268
- "alignItems:1": "flex-start",
2269
- "borderRadius": "full"
2414
+ "inputVariantRoot": "default",
2415
+ "inputVariantValueRoot": "empty",
2416
+ "inputVariantValueRoot:1": "filled",
2417
+ "inputVariantInputWrapper": "default",
2418
+ "inputVariantValueInputWrapper": "empty",
2419
+ "inputVariantValueInputWrapper:1": "filled",
2420
+ "inputVariantInput": "default",
2421
+ "inputVariantValueInput": "empty",
2422
+ "inputVariantValueInput:1": "filled",
2423
+ "inputVariantInputPlaceholder": "default",
2424
+ "inputVariantValueInputPlaceholder": "empty",
2425
+ "inputVariantValueInputPlaceholder:1": "filled",
2426
+ "inputVariantLabel": "default",
2427
+ "inputVariantValueLabel": "empty",
2428
+ "inputVariantValueLabel:1": "filled",
2429
+ "inputVariantLabelRequired": "default",
2430
+ "inputVariantValueLabelRequired": "empty",
2431
+ "inputVariantValueLabelRequired:1": "filled",
2432
+ "inputVariantStartIcon": "default",
2433
+ "inputVariantValueStartIcon": "empty",
2434
+ "inputVariantValueStartIcon:1": "filled",
2435
+ "inputVariantEndIcon": "default",
2436
+ "inputVariantValueEndIcon": "empty",
2437
+ "inputVariantValueEndIcon:1": "filled"
2270
2438
  },
2271
2439
  "cxLiterals": [
2272
- "fixed",
2273
- "inset-0",
2274
- "z-40",
2275
- "overflow-y-auto",
2276
- "overflow-hidden",
2277
- "transition-[opacity,visibility]",
2278
- "visible",
2279
- "opacity-100",
2280
- "invisible",
2281
- "opacity-0",
2282
- "pointer-events-none",
2283
- "uds-bgBlurFallback",
2284
- "w-full",
2285
- "w-fit",
2286
- "h-full",
2287
- "h-fit",
2288
- "m-auto",
2289
- "pointer-events-auto",
2290
- "inside",
2291
- "max-h-full",
2292
- "transition-transform",
2293
- "duration-0",
2294
- "duration-120",
2295
- "transition-[background-color]",
2296
- "bg-carbon-15/0",
2297
- "hover:bg-carbon-15/10",
2298
- "active:bg-carbon-15/15",
2299
- "uds-ring",
2300
- "[translate:50%_-50%]"
2440
+ "opacity-50",
2441
+ "min-w-[200px]",
2442
+ "grow",
2443
+ "uds-hit-target",
2444
+ "bg-clip-text",
2445
+ "focus:outline-none",
2446
+ "cursor-text",
2447
+ "cursor-not-allowed"
2301
2448
  ],
2302
2449
  "internalComponents": [
2303
- "Scrim",
2304
- "VStack",
2305
- "Pressable",
2306
2450
  "IconSlot",
2451
+ "StartIcon",
2452
+ "EndIcon",
2453
+ "HelpTextContent",
2307
2454
  "Box",
2308
- "Dialog",
2309
- "ModalContext.Provider",
2455
+ "InputHelpTextInternal",
2456
+ "VStack",
2310
2457
  "HStack",
2311
- "DialogDismiss",
2312
- "ModalTitle",
2313
- "ModalDescription",
2314
- "ModalContent",
2315
- "ModalActions"
2458
+ "AnimateHeightChange"
2316
2459
  ],
2317
2460
  "internalComponentProps": {
2461
+ "HelpTextContent": {
2462
+ "spacingTop": [
2463
+ "2"
2464
+ ]
2465
+ },
2318
2466
  "Box": {
2319
- "flexGrow": [
2320
- "1"
2467
+ "spacingBottom": [
2468
+ "2"
2469
+ ],
2470
+ "columnGap": [
2471
+ "0.5"
2472
+ ],
2473
+ "alignItems": [
2474
+ "flex-end",
2475
+ "center"
2476
+ ],
2477
+ "position": [
2478
+ "relative"
2321
2479
  ]
2322
- }
2323
- },
2324
- "propToVariantKeys": {
2325
- "gutter": [
2326
- "spacing"
2327
- ],
2480
+ },
2481
+ "HStack": {
2482
+ "alignItems": [
2483
+ "center"
2484
+ ],
2485
+ "gap": [
2486
+ "1"
2487
+ ]
2488
+ }
2489
+ },
2490
+ "propToVariantKeys": {
2328
2491
  "size": [
2329
- "modalSizeRoot",
2330
- "modalSizeSpacingHorizontal",
2331
- "modalSizeHeader",
2332
- "modalSizeTitleDescriptionWrapper",
2333
- "modalSizeCloseIconContainer",
2334
- "modalSizeCloseIcon"
2335
- ],
2336
- "variant": [
2337
- "modalVariantRoot",
2338
- "modalVariantCloseIcon"
2339
- ],
2340
- "closeAriaLabel": [
2341
- "aria-label"
2492
+ "inputSizeRoot",
2493
+ "inputSizeInputWrapper",
2494
+ "inputSizeInput",
2495
+ "inputSizeLabel",
2496
+ "inputSizeStartIcon",
2497
+ "inputSizeEndIcon"
2342
2498
  ],
2343
- "closeIcon": [
2499
+ "startIcon": [
2344
2500
  "icon"
2345
- ]
2346
- },
2347
- "runtimeConfigDefaultProps": {
2348
- "size": "modal.defaultSize",
2349
- "variant": "modal.defaultVariant"
2350
- },
2351
- "runtimeConfigGetStyles": {
2352
- "spacing": [
2353
- "modal.gutter.${size}"
2354
- ],
2355
- "modalSizeRoot": [
2356
- "modal.defaultSize"
2357
- ],
2358
- "modalVariantRoot": [
2359
- "modal.defaultVariant"
2360
- ],
2361
- "modalSizeSpacingHorizontal": [
2362
- "modal.defaultSize"
2363
- ],
2364
- "modalSizeHeader": [
2365
- "modal.defaultSize"
2366
- ],
2367
- "modalSizeTitleDescriptionWrapper": [
2368
- "modal.defaultSize"
2369
2501
  ],
2370
- "modalSizeCloseIconContainer": [
2371
- "modal.defaultSize"
2502
+ "endIcon": [
2503
+ "icon"
2372
2504
  ],
2373
- "modalSizeCloseIcon": [
2374
- "modal.defaultSize"
2505
+ "slotProps": [
2506
+ "helperTextSlotProps"
2375
2507
  ],
2376
- "modalVariantCloseIcon": [
2377
- "modal.defaultVariant"
2508
+ "helperTextIcon": [
2509
+ "startIcon"
2378
2510
  ]
2379
2511
  },
2512
+ "runtimeConfigDefaultProps": {},
2513
+ "runtimeConfigGetStyles": {},
2380
2514
  "runtimeConfigInternalComponentProps": {},
2381
2515
  "motionVarPrefixes": []
2382
2516
  },
2383
- "ModalActions": {
2384
- "name": "ModalActions",
2385
- "defaultProps": {},
2386
- "getStylesLiterals": {
2387
- "flexDirection": "row-reverse",
2388
- "justifyContent": "space-between",
2389
- "alignItems": "center"
2390
- },
2391
- "cxLiterals": [
2392
- "gap-[inherit]"
2393
- ],
2394
- "internalComponents": [
2395
- "HStack"
2396
- ],
2397
- "internalComponentProps": {},
2398
- "propToVariantKeys": {
2399
- "size": [
2400
- "modalSizeSpacingHorizontal",
2401
- "modalSizeActions"
2402
- ]
2403
- },
2404
- "runtimeConfigDefaultProps": {
2405
- "size": "modal.defaultSize",
2406
- "variant": "modal.defaultVariant"
2407
- },
2408
- "runtimeConfigGetStyles": {
2409
- "modalSizeSpacingHorizontal": [
2410
- "modal.defaultSize"
2411
- ],
2412
- "modalSizeActions": [
2413
- "modal.defaultSize"
2414
- ]
2517
+ "InputHelpText": {
2518
+ "name": "InputHelpText",
2519
+ "defaultProps": {
2520
+ "size": "md"
2415
2521
  },
2416
- "runtimeConfigInternalComponentProps": {},
2417
- "motionVarPrefixes": []
2418
- },
2419
- "ModalContent": {
2420
- "name": "ModalContent",
2421
- "defaultProps": {},
2422
2522
  "getStylesLiterals": {
2423
- "overflowY": "auto",
2424
- "display": "block",
2425
- "flexGrow": "1"
2523
+ "inputVariantRoot": "default",
2524
+ "inputVariantValueRoot": "empty",
2525
+ "inputVariantValueRoot:1": "filled"
2426
2526
  },
2427
2527
  "cxLiterals": [],
2428
2528
  "internalComponents": [
2529
+ "InputHelpTextInternal",
2429
2530
  "Box"
2430
2531
  ],
2431
- "internalComponentProps": {},
2432
- "propToVariantKeys": {
2433
- "size": [
2434
- "modalSizeSpacingHorizontal"
2435
- ]
2436
- },
2437
- "runtimeConfigDefaultProps": {
2438
- "size": "modal.defaultSize",
2439
- "variant": "modal.defaultVariant"
2440
- },
2441
- "runtimeConfigGetStyles": {
2442
- "modalSizeSpacingHorizontal": [
2443
- "modal.defaultSize"
2444
- ]
2445
- },
2446
- "runtimeConfigInternalComponentProps": {},
2447
- "motionVarPrefixes": []
2448
- },
2449
- "ModalContext": {
2450
- "name": "ModalContext",
2451
- "defaultProps": {},
2452
- "getStylesLiterals": {},
2453
- "cxLiterals": [],
2454
- "internalComponents": [],
2455
- "internalComponentProps": {},
2456
- "propToVariantKeys": {},
2457
- "runtimeConfigDefaultProps": {},
2458
- "runtimeConfigGetStyles": {},
2459
- "runtimeConfigInternalComponentProps": {},
2460
- "motionVarPrefixes": []
2461
- },
2462
- "ModalDescription": {
2463
- "name": "ModalDescription",
2464
- "defaultProps": {},
2465
- "getStylesLiterals": {},
2466
- "cxLiterals": [],
2467
- "internalComponents": [
2468
- "Text",
2469
- "DialogDescription"
2470
- ],
2471
2532
  "internalComponentProps": {
2472
- "Text": {
2473
- "as": [
2474
- "span"
2533
+ "Box": {
2534
+ "spacingTop": [
2535
+ "2"
2475
2536
  ]
2476
2537
  }
2477
2538
  },
2478
2539
  "propToVariantKeys": {
2479
2540
  "size": [
2480
- "modalSizeDescription"
2481
- ],
2482
- "variant": [
2483
- "modalVariantDescription"
2484
- ]
2485
- },
2486
- "runtimeConfigDefaultProps": {
2487
- "size": "modal.defaultSize",
2488
- "variant": "modal.defaultVariant"
2489
- },
2490
- "runtimeConfigGetStyles": {
2491
- "modalSizeDescription": [
2492
- "modal.defaultSize"
2493
- ],
2494
- "modalVariantDescription": [
2495
- "modal.defaultVariant"
2541
+ "inputSizeRoot"
2496
2542
  ]
2497
2543
  },
2544
+ "runtimeConfigDefaultProps": {},
2545
+ "runtimeConfigGetStyles": {},
2498
2546
  "runtimeConfigInternalComponentProps": {},
2499
2547
  "motionVarPrefixes": []
2500
2548
  },
2501
- "ModalTitle": {
2502
- "name": "ModalTitle",
2549
+ "InputHelpTextInternal": {
2550
+ "name": "InputHelpTextInternal",
2503
2551
  "defaultProps": {},
2504
- "getStylesLiterals": {},
2552
+ "getStylesLiterals": {
2553
+ "inputVariantHelperText": "default",
2554
+ "inputVariantValueHelperText": "empty",
2555
+ "inputVariantValueHelperText:1": "filled",
2556
+ "inputVariantHelperIcon": "default",
2557
+ "inputVariantValueHelperIcon": "empty",
2558
+ "inputVariantValueHelperIcon:1": "filled"
2559
+ },
2505
2560
  "cxLiterals": [],
2506
2561
  "internalComponents": [
2507
- "Text",
2508
- "DialogHeading"
2562
+ "IconSlot",
2563
+ "HStack"
2509
2564
  ],
2510
2565
  "internalComponentProps": {
2511
- "Text": {
2512
- "as": [
2513
- "span"
2566
+ "HStack": {
2567
+ "gap": [
2568
+ "1"
2569
+ ],
2570
+ "alignItems": [
2571
+ "center"
2514
2572
  ]
2515
2573
  }
2516
2574
  },
2517
2575
  "propToVariantKeys": {
2518
2576
  "size": [
2519
- "modalSizeTitle"
2577
+ "inputSizeHelperText",
2578
+ "inputSizeHelperIcon"
2520
2579
  ],
2521
- "variant": [
2522
- "modalVariantTitle"
2523
- ]
2524
- },
2525
- "runtimeConfigDefaultProps": {
2526
- "size": "modal.defaultSize",
2527
- "variant": "modal.defaultVariant"
2528
- },
2529
- "runtimeConfigGetStyles": {
2530
- "modalSizeTitle": [
2531
- "modal.defaultSize"
2580
+ "startIcon": [
2581
+ "icon"
2532
2582
  ],
2533
- "modalVariantTitle": [
2534
- "modal.defaultVariant"
2583
+ "endIcon": [
2584
+ "icon"
2535
2585
  ]
2536
2586
  },
2537
- "runtimeConfigInternalComponentProps": {},
2538
- "motionVarPrefixes": []
2539
- },
2540
- "UDSModalConfigProvider": {
2541
- "name": "UDSModalConfigProvider",
2542
- "defaultProps": {},
2543
- "getStylesLiterals": {},
2544
- "cxLiterals": [],
2545
- "internalComponents": [
2546
- "ModalContext.Provider"
2547
- ],
2548
- "internalComponentProps": {},
2549
- "propToVariantKeys": {},
2550
2587
  "runtimeConfigDefaultProps": {},
2551
2588
  "runtimeConfigGetStyles": {},
2552
2589
  "runtimeConfigInternalComponentProps": {},
@@ -3049,135 +3086,156 @@
3049
3086
  "runtimeConfigInternalComponentProps": {},
3050
3087
  "motionVarPrefixes": []
3051
3088
  },
3052
- "UDSBreakpointsConfigProvider": {
3053
- "name": "UDSBreakpointsConfigProvider",
3054
- "defaultProps": {},
3055
- "getStylesLiterals": {},
3056
- "cxLiterals": [],
3057
- "internalComponents": [
3058
- "UDSBreakpointsConfigContext.Provider"
3059
- ],
3060
- "internalComponentProps": {},
3061
- "propToVariantKeys": {},
3062
- "runtimeConfigDefaultProps": {},
3063
- "runtimeConfigGetStyles": {},
3064
- "runtimeConfigInternalComponentProps": {},
3065
- "motionVarPrefixes": []
3066
- },
3067
- "UDSConfigProvider": {
3068
- "name": "UDSConfigProvider",
3069
- "defaultProps": {},
3070
- "getStylesLiterals": {},
3071
- "cxLiterals": [],
3072
- "internalComponents": [
3073
- "UDSBreakpointsConfigProvider",
3074
- "UDSBottomSheetConfigProvider",
3075
- "UDSToastConfigProvider",
3076
- "UDSTooltipConfigProvider",
3077
- "UDSPopoverConfigProvider",
3078
- "UDSModalConfigProvider"
3079
- ],
3080
- "internalComponentProps": {},
3081
- "propToVariantKeys": {},
3082
- "runtimeConfigDefaultProps": {},
3083
- "runtimeConfigGetStyles": {},
3084
- "runtimeConfigInternalComponentProps": {},
3085
- "motionVarPrefixes": []
3086
- },
3087
- "Accordion": {
3088
- "name": "Accordion",
3089
+ "Tab": {
3090
+ "name": "Tab",
3089
3091
  "defaultProps": {
3090
- "spacingHorizontal": "4",
3091
- "spacingVertical": "4"
3092
+ "variant": "primary"
3093
+ },
3094
+ "getStylesLiterals": {
3095
+ "tabSizeRoot": "default",
3096
+ "tabVariantActiveRoot": "off",
3097
+ "tabVariantActiveRoot:1": "on",
3098
+ "tabSizeIcon": "default"
3092
3099
  },
3093
- "getStylesLiterals": {},
3094
3100
  "cxLiterals": [
3095
- "hover:bg-secondary/80",
3096
- "w-full"
3101
+ "pointer-events-none",
3102
+ "absolute",
3103
+ "bottom-0",
3104
+ "left-0",
3105
+ "right-0",
3106
+ "h-[var(--uds-tab-underline-width,0px)]",
3107
+ "bg-[var(--uds-tab-underline-color,transparent)]",
3108
+ "transition-[height,background-color]",
3109
+ "duration-[240ms]",
3110
+ "ease-[cubic-bezier(0.2,0,0,1)]",
3111
+ "!bg-transparent",
3112
+ "!shadow-none",
3113
+ "inline-flex",
3114
+ "items-center",
3115
+ "shrink-0",
3116
+ "box-border",
3117
+ "relative",
3118
+ "z-[1]",
3119
+ "cursor-pointer",
3120
+ "select-none",
3121
+ "whitespace-nowrap",
3122
+ "uds-ring",
3123
+ "opacity-50",
3124
+ "cursor-default",
3125
+ "border-solid",
3126
+ "border-b-solid",
3127
+ "transition-colors"
3097
3128
  ],
3098
3129
  "internalComponents": [
3099
- "Icon",
3100
- "SpringMotionConfig",
3101
- "Pressable",
3102
- "Text",
3103
- "HStack",
3104
- "AnimatePresence",
3105
- "VStack"
3130
+ "IconSlot",
3131
+ "AriakitTab",
3132
+ "Text"
3106
3133
  ],
3107
3134
  "internalComponentProps": {
3108
- "Icon": {
3109
- "variant": [
3110
- "fill"
3111
- ],
3112
- "size": [
3113
- "sm"
3114
- ],
3115
- "color": [
3116
- "primary"
3117
- ]
3118
- },
3119
- "SpringMotionConfig": {
3120
- "layoutVariant": [
3121
- "smooth"
3122
- ],
3123
- "layoutSpeed": [
3124
- "3"
3125
- ]
3126
- },
3127
- "Pressable": {
3128
- "display": [
3129
- "flex"
3130
- ],
3131
- "flexDirection": [
3132
- "row"
3133
- ],
3134
- "alignItems": [
3135
- "center"
3136
- ],
3137
- "justifyContent": [
3138
- "space-between"
3139
- ],
3140
- "borderRadius": [
3141
- "md"
3142
- ]
3143
- },
3144
3135
  "Text": {
3145
3136
  "variant": [
3146
- "title4"
3147
- ],
3148
- "color": [
3149
- "primary"
3150
- ]
3151
- },
3152
- "HStack": {
3153
- "display": [
3154
- "flex"
3155
- ],
3156
- "alignItems": [
3157
- "center"
3137
+ "inherit"
3158
3138
  ],
3159
- "justifyContent": [
3160
- "space-between"
3139
+ "as": [
3140
+ "span"
3161
3141
  ],
3162
- "columnGap": [
3163
- "2.5"
3142
+ "color": [
3143
+ "current"
3164
3144
  ]
3165
3145
  }
3166
3146
  },
3167
- "propToVariantKeys": {},
3147
+ "propToVariantKeys": {
3148
+ "variant": [
3149
+ "tabVariantRoot",
3150
+ "tabVariantIcon"
3151
+ ],
3152
+ "activeState": [
3153
+ "tabVariantActiveIcon"
3154
+ ],
3155
+ "startIcon": [
3156
+ "icon"
3157
+ ],
3158
+ "endIcon": [
3159
+ "icon"
3160
+ ]
3161
+ },
3168
3162
  "runtimeConfigDefaultProps": {},
3169
3163
  "runtimeConfigGetStyles": {},
3170
3164
  "runtimeConfigInternalComponentProps": {},
3171
- "motionVarPrefixes": [
3172
- "--uds-motion-smooth-3-"
3173
- ]
3165
+ "motionVarPrefixes": []
3174
3166
  },
3175
- "AvoidMotionLibraryProvider": {
3176
- "name": "AvoidMotionLibraryProvider",
3167
+ "TabList": {
3168
+ "name": "TabList",
3169
+ "defaultProps": {
3170
+ "variant": "primary"
3171
+ },
3172
+ "getStylesLiterals": {
3173
+ "tabSizeRoot": "default",
3174
+ "tabVariantActiveRoot": "on"
3175
+ },
3176
+ "cxLiterals": [
3177
+ "pointer-events-none",
3178
+ "absolute",
3179
+ "bottom-0",
3180
+ "left-0",
3181
+ "right-0",
3182
+ "h-[var(--uds-tab-underline-width,0px)]",
3183
+ "bg-[var(--uds-tab-underline-color,transparent)]",
3184
+ "transition-[height,background-color]",
3185
+ "duration-[240ms]",
3186
+ "ease-[cubic-bezier(0.2,0,0,1)]",
3187
+ "!m-0",
3188
+ "!p-0",
3189
+ "!gap-0",
3190
+ "box-border",
3191
+ "z-0",
3192
+ "min-w-0",
3193
+ "min-h-0",
3194
+ "flex",
3195
+ "flex-row",
3196
+ "items-center",
3197
+ "overflow-x-auto",
3198
+ "overflow-y-clip",
3199
+ "scrollbar-none",
3200
+ "[overflow-clip-margin:6px]",
3201
+ "overflow-clip",
3202
+ "[overflow-clip-margin:8px]",
3203
+ "relative",
3204
+ "left",
3205
+ "240ms",
3206
+ "cubic-bezier(0.2,",
3207
+ "0,",
3208
+ "1),",
3209
+ "top",
3210
+ "width",
3211
+ "height",
3212
+ "1)",
3213
+ "--uds-tab-underline-color",
3214
+ "--uds-tab-underline-width"
3215
+ ],
3216
+ "internalComponents": [
3217
+ "AriakitTabList"
3218
+ ],
3219
+ "internalComponentProps": {},
3220
+ "propToVariantKeys": {
3221
+ "variant": [
3222
+ "tabsVariantRoot",
3223
+ "tabVariantRoot"
3224
+ ]
3225
+ },
3226
+ "runtimeConfigDefaultProps": {},
3227
+ "runtimeConfigGetStyles": {},
3228
+ "runtimeConfigInternalComponentProps": {},
3229
+ "motionVarPrefixes": []
3230
+ },
3231
+ "TabPanel": {
3232
+ "name": "TabPanel",
3177
3233
  "defaultProps": {},
3178
3234
  "getStylesLiterals": {},
3179
3235
  "cxLiterals": [],
3180
- "internalComponents": [],
3236
+ "internalComponents": [
3237
+ "AriakitTabPanel"
3238
+ ],
3181
3239
  "internalComponentProps": {},
3182
3240
  "propToVariantKeys": {},
3183
3241
  "runtimeConfigDefaultProps": {},
@@ -3185,223 +3243,226 @@
3185
3243
  "runtimeConfigInternalComponentProps": {},
3186
3244
  "motionVarPrefixes": []
3187
3245
  },
3188
- "SegmentedControl": {
3189
- "name": "SegmentedControl",
3246
+ "Tabs": {
3247
+ "name": "Tabs",
3190
3248
  "defaultProps": {
3191
- "textVariant": "label2"
3249
+ "variant": "primary"
3192
3250
  },
3251
+ "getStylesLiterals": {},
3252
+ "cxLiterals": [],
3253
+ "internalComponents": [
3254
+ "TabsContext.Provider",
3255
+ "TabProvider"
3256
+ ],
3257
+ "internalComponentProps": {},
3258
+ "propToVariantKeys": {
3259
+ "onSelectionChange": [
3260
+ "setSelectedId"
3261
+ ]
3262
+ },
3263
+ "runtimeConfigDefaultProps": {},
3264
+ "runtimeConfigGetStyles": {},
3265
+ "runtimeConfigInternalComponentProps": {},
3266
+ "motionVarPrefixes": []
3267
+ },
3268
+ "Toast": {
3269
+ "name": "Toast",
3270
+ "defaultProps": {},
3193
3271
  "getStylesLiterals": {
3194
- "display": "flex",
3195
- "alignItems": "center",
3196
- "backgroundColor": "primary",
3197
- "spacingVertical": "1",
3198
- "spacingHorizontal": "3",
3199
- "columnGap": "1.5",
3200
- "borderWidth": "thin",
3201
- "borderRadius": "full",
3202
- "borderColor": "muted",
3203
- "borderColor:1": "transparent",
3204
- "color": "primary",
3205
- "color:1": "tertiary",
3206
- "color:2": "muted"
3272
+ "className": "animate-spin",
3273
+ "className:1": "flex-none",
3274
+ "spacing": "2",
3275
+ "borderRadius": "full"
3207
3276
  },
3208
3277
  "cxLiterals": [
3209
- "uds-ring",
3210
- "cursor-not-allowed",
3211
- "opacity-50",
3212
- "pointer-events-none",
3213
- "hover:bg-primary"
3278
+ "duration-0",
3279
+ "duration-120",
3280
+ "transition-[background-color]",
3281
+ "bg-carbon-15/0",
3282
+ "hover:bg-carbon-15/10",
3283
+ "active:bg-carbon-15/15",
3284
+ "uds-ring"
3214
3285
  ],
3215
3286
  "internalComponents": [
3216
- "Radio",
3217
- "Icon",
3218
- "RadioProvider",
3219
- "HStack",
3220
- "RadioGroup",
3221
- "Pressable",
3222
- "Text"
3287
+ "IconSlot",
3288
+ "ToastContainer",
3289
+ "Text",
3290
+ "Button",
3291
+ "Pressable"
3223
3292
  ],
3224
- "internalComponentProps": {
3225
- "Icon": {
3293
+ "internalComponentProps": {},
3294
+ "propToVariantKeys": {
3295
+ "size": [
3296
+ "toastSizeLabel",
3297
+ "toastSizeIcon",
3298
+ "toastSizeActionButton",
3299
+ "toastSizeCloseIcon"
3300
+ ],
3301
+ "variant": [
3302
+ "toastVariantIcon",
3303
+ "toastVariantActionButton",
3304
+ "toastVariantCloseIcon"
3305
+ ],
3306
+ "closeIcon": [
3307
+ "icon"
3308
+ ],
3309
+ "onClickActionButton": [
3310
+ "onClick"
3311
+ ]
3312
+ },
3313
+ "runtimeConfigDefaultProps": {
3314
+ "size": "toast.defaultSize",
3315
+ "variant": "toast.defaultVariant"
3316
+ },
3317
+ "runtimeConfigGetStyles": {
3318
+ "toastSizeLabel": [
3319
+ "toast.defaultSize"
3320
+ ],
3321
+ "toastVariantIcon": [
3322
+ "toast.defaultVariant"
3323
+ ],
3324
+ "toastSizeIcon": [
3325
+ "toast.defaultSize"
3326
+ ],
3327
+ "toastSizeActionButton": [
3328
+ "toast.defaultSize"
3329
+ ],
3330
+ "toastVariantActionButton": [
3331
+ "toast.defaultVariant"
3332
+ ],
3333
+ "toastVariantCloseIcon": [
3334
+ "toast.defaultVariant"
3335
+ ],
3336
+ "toastSizeCloseIcon": [
3337
+ "toast.defaultSize"
3338
+ ]
3339
+ },
3340
+ "runtimeConfigInternalComponentProps": {
3341
+ "ToastContainer": {
3226
3342
  "size": [
3227
- "sm"
3228
- ],
3229
- "color": [
3230
- "current"
3343
+ "toast.defaultSize"
3231
3344
  ],
3232
- "aria-hidden": [
3233
- "true"
3345
+ "variant": [
3346
+ "toast.defaultVariant"
3234
3347
  ]
3235
3348
  },
3236
- "HStack": {
3237
- "spacing": [
3238
- "1"
3239
- ],
3240
- "gap": [
3241
- "1"
3242
- ],
3243
- "backgroundColor": [
3244
- "secondary"
3245
- ],
3246
- "borderRadius": [
3247
- "full"
3248
- ],
3249
- "display": [
3250
- "inline-flex"
3349
+ "Text": {
3350
+ "variant": [
3351
+ "toast.textVariant.${size}"
3352
+ ],
3353
+ "color": [
3354
+ "toast.textColor.${variant}"
3251
3355
  ]
3252
3356
  },
3253
- "Text": {
3254
- "color": [
3255
- "current"
3357
+ "Button": {
3358
+ "size": [
3359
+ "toast.buttonSize.${size}"
3360
+ ],
3361
+ "variant": [
3362
+ "toast.buttonVariant.${variant}"
3256
3363
  ]
3257
3364
  }
3258
3365
  },
3259
- "propToVariantKeys": {
3260
- "value": [
3261
- "key"
3262
- ],
3263
- "label": [
3264
- "aria-label"
3265
- ],
3266
- "textVariant": [
3267
- "variant"
3268
- ]
3269
- },
3270
- "runtimeConfigDefaultProps": {},
3271
- "runtimeConfigGetStyles": {},
3272
- "runtimeConfigInternalComponentProps": {},
3273
3366
  "motionVarPrefixes": []
3274
3367
  },
3275
- "SwitchV2": {
3276
- "name": "SwitchV2",
3277
- "defaultProps": {
3278
- "labelPosition": "start",
3279
- "size": "md"
3280
- },
3368
+ "ToastContainer": {
3369
+ "name": "ToastContainer",
3370
+ "defaultProps": {},
3281
3371
  "getStylesLiterals": {
3282
- "switchVariantRoot": "default",
3283
- "switchVariantActiveRoot": "on",
3284
- "switchVariantActiveRoot:1": "off",
3285
- "switchVariantSwitch": "default",
3286
- "switchVariantActiveSwitch": "on",
3287
- "switchVariantActiveSwitch:1": "off",
3288
- "switchVariantActiveHandle": "on",
3289
- "switchVariantActiveHandle:1": "off",
3290
- "switchVariantHandle": "default",
3291
- "switchVariantHandleIcon": "default",
3292
- "switchVariantActiveHandleIcon": "on",
3293
- "switchVariantActiveHandleIcon:1": "off"
3372
+ "position": "relative",
3373
+ "alignItems": "center",
3374
+ "display": "flex",
3375
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
3294
3376
  },
3295
3377
  "cxLiterals": [
3296
- "group",
3297
- "flex",
3298
- "items-center",
3299
- "flex-row",
3300
- "flex-row-reverse",
3301
- "uds-ring",
3302
- "uds-ring-within",
3303
- "relative",
3304
- "uds-border-radius-full",
3305
- "transition-[background-color,box-shadow]",
3306
- "pointer-events-none",
3307
- "w-full",
3308
- "h-full",
3309
- "absolute",
3310
- "top-0",
3311
- "bottom-0",
3312
- "right-0",
3313
- "left-0",
3314
- "overflow-hidden",
3315
- "group-hover:scale-105",
3316
- "opacity-95",
3317
- "group-hover:opacity-100",
3318
- "transition-[transform,opacity]",
3319
- "opacity-0",
3320
- "top-1/2",
3321
- "left-1/2",
3322
- "transform",
3323
- "translate-x-[-50%]",
3324
- "translate-y-[-50%]",
3325
- "transition-opacity",
3326
- "cursor-[inherit]",
3327
- "w-[calc(100%+2px)]",
3328
- "h-[calc(100%+2px)]",
3329
- "text-start",
3330
- "text-end",
3331
- "opacity-100"
3378
+ "w-full"
3332
3379
  ],
3333
3380
  "internalComponents": [
3334
- "IconSlot",
3335
- "Box",
3336
- "FormLabel",
3337
- "SpringMotionConfig",
3338
- "RootElement",
3339
- "MotionBox"
3381
+ "HStack"
3340
3382
  ],
3341
3383
  "internalComponentProps": {
3342
- "IconSlot": {
3343
- "data-testid": [
3344
- "on-icon",
3345
- "off-icon"
3346
- ]
3347
- },
3348
- "FormLabel": {
3349
- "as": [
3350
- "div"
3384
+ "HStack": {
3385
+ "alignItems": [
3386
+ "center"
3351
3387
  ],
3352
- "variant": [
3353
- "inherit"
3388
+ "justifyContent": [
3389
+ "space-between"
3354
3390
  ],
3355
- "color": [
3356
- "inherit"
3357
- ]
3358
- },
3359
- "SpringMotionConfig": {
3360
- "layoutVariant": [
3361
- "bouncy"
3391
+ "overflow": [
3392
+ "hidden"
3362
3393
  ],
3363
- "layoutSpeed": [
3364
- "4"
3365
- ]
3366
- },
3367
- "RootElement": {
3368
- "data-testid": [
3369
- "switch-root"
3370
- ]
3371
- },
3372
- "MotionBox": {
3373
- "layout": [
3374
- "position"
3394
+ "position": [
3395
+ "relative"
3375
3396
  ]
3376
3397
  }
3377
3398
  },
3378
3399
  "propToVariantKeys": {
3379
- "size": [
3380
- "switchSizeRoot",
3381
- "switchSizeSwitch",
3382
- "switchSizeHandle",
3383
- "switchSizeHandleIcon"
3384
- ],
3385
- "onIcon": [
3386
- "icon"
3387
- ],
3388
- "offIcon": [
3389
- "icon"
3400
+ "variant": [
3401
+ "toastVariantRoot"
3390
3402
  ],
3391
- "reduceMotion": [
3392
- "reducedMotion"
3403
+ "size": [
3404
+ "toastSizeRoot"
3405
+ ]
3406
+ },
3407
+ "runtimeConfigDefaultProps": {
3408
+ "size": "toast.defaultSize",
3409
+ "variant": "toast.defaultVariant"
3410
+ },
3411
+ "runtimeConfigGetStyles": {
3412
+ "toastVariantRoot": [
3413
+ "toast.defaultVariant"
3393
3414
  ],
3394
- "isOn": [
3395
- "layoutDependency"
3415
+ "toastSizeRoot": [
3416
+ "toast.defaultSize"
3396
3417
  ]
3397
3418
  },
3419
+ "runtimeConfigInternalComponentProps": {
3420
+ "HStack": {
3421
+ "backgroundColor": [
3422
+ "toast.backgroundColor.${variant}"
3423
+ ]
3424
+ }
3425
+ },
3426
+ "motionVarPrefixes": []
3427
+ },
3428
+ "ToastPortal": {
3429
+ "name": "ToastPortal",
3430
+ "defaultProps": {},
3431
+ "getStylesLiterals": {},
3432
+ "cxLiterals": [],
3433
+ "internalComponents": [
3434
+ "ReactToastifyToastContainer"
3435
+ ],
3436
+ "internalComponentProps": {},
3437
+ "propToVariantKeys": {},
3438
+ "runtimeConfigDefaultProps": {
3439
+ "size": "toast.defaultSize",
3440
+ "variant": "toast.defaultVariant"
3441
+ },
3442
+ "runtimeConfigGetStyles": {},
3443
+ "runtimeConfigInternalComponentProps": {
3444
+ "ReactToastifyToastContainer": {
3445
+ "autoClose": [
3446
+ "toast.autoClose"
3447
+ ]
3448
+ }
3449
+ },
3450
+ "motionVarPrefixes": []
3451
+ },
3452
+ "UDSToastConfigProvider": {
3453
+ "name": "UDSToastConfigProvider",
3454
+ "defaultProps": {},
3455
+ "getStylesLiterals": {},
3456
+ "cxLiterals": [],
3457
+ "internalComponents": [
3458
+ "ToastContext.Provider"
3459
+ ],
3460
+ "internalComponentProps": {},
3461
+ "propToVariantKeys": {},
3398
3462
  "runtimeConfigDefaultProps": {},
3399
3463
  "runtimeConfigGetStyles": {},
3400
3464
  "runtimeConfigInternalComponentProps": {},
3401
- "motionVarPrefixes": [
3402
- "--uds-motion-bouncy-4-",
3403
- "--uds-motion-smooth-3-"
3404
- ]
3465
+ "motionVarPrefixes": []
3405
3466
  },
3406
3467
  "Tooltip": {
3407
3468
  "name": "Tooltip",
@@ -3538,198 +3599,135 @@
3538
3599
  "runtimeConfigInternalComponentProps": {},
3539
3600
  "motionVarPrefixes": []
3540
3601
  },
3541
- "Toast": {
3542
- "name": "Toast",
3602
+ "UDSBreakpointsConfigProvider": {
3603
+ "name": "UDSBreakpointsConfigProvider",
3543
3604
  "defaultProps": {},
3544
- "getStylesLiterals": {
3545
- "className": "animate-spin",
3546
- "className:1": "flex-none",
3547
- "spacing": "2",
3548
- "borderRadius": "full"
3605
+ "getStylesLiterals": {},
3606
+ "cxLiterals": [],
3607
+ "internalComponents": [
3608
+ "UDSBreakpointsConfigContext.Provider"
3609
+ ],
3610
+ "internalComponentProps": {},
3611
+ "propToVariantKeys": {},
3612
+ "runtimeConfigDefaultProps": {},
3613
+ "runtimeConfigGetStyles": {},
3614
+ "runtimeConfigInternalComponentProps": {},
3615
+ "motionVarPrefixes": []
3616
+ },
3617
+ "UDSConfigProvider": {
3618
+ "name": "UDSConfigProvider",
3619
+ "defaultProps": {},
3620
+ "getStylesLiterals": {},
3621
+ "cxLiterals": [],
3622
+ "internalComponents": [
3623
+ "UDSBreakpointsConfigProvider",
3624
+ "UDSBottomSheetConfigProvider",
3625
+ "UDSToastConfigProvider",
3626
+ "UDSTooltipConfigProvider",
3627
+ "UDSPopoverConfigProvider",
3628
+ "UDSModalConfigProvider"
3629
+ ],
3630
+ "internalComponentProps": {},
3631
+ "propToVariantKeys": {},
3632
+ "runtimeConfigDefaultProps": {},
3633
+ "runtimeConfigGetStyles": {},
3634
+ "runtimeConfigInternalComponentProps": {},
3635
+ "motionVarPrefixes": []
3636
+ },
3637
+ "Accordion": {
3638
+ "name": "Accordion",
3639
+ "defaultProps": {
3640
+ "spacingHorizontal": "4",
3641
+ "spacingVertical": "4"
3549
3642
  },
3643
+ "getStylesLiterals": {},
3550
3644
  "cxLiterals": [
3551
- "duration-0",
3552
- "duration-120",
3553
- "transition-[background-color]",
3554
- "bg-carbon-15/0",
3555
- "hover:bg-carbon-15/10",
3556
- "active:bg-carbon-15/15",
3557
- "uds-ring"
3645
+ "hover:bg-secondary/80",
3646
+ "w-full"
3558
3647
  ],
3559
3648
  "internalComponents": [
3560
- "IconSlot",
3561
- "ToastContainer",
3649
+ "Icon",
3650
+ "SpringMotionConfig",
3651
+ "Pressable",
3562
3652
  "Text",
3563
- "Button",
3564
- "Pressable"
3653
+ "HStack",
3654
+ "AnimatePresence",
3655
+ "VStack"
3565
3656
  ],
3566
- "internalComponentProps": {},
3567
- "propToVariantKeys": {
3568
- "size": [
3569
- "toastSizeLabel",
3570
- "toastSizeIcon",
3571
- "toastSizeActionButton",
3572
- "toastSizeCloseIcon"
3573
- ],
3574
- "variant": [
3575
- "toastVariantIcon",
3576
- "toastVariantActionButton",
3577
- "toastVariantCloseIcon"
3578
- ],
3579
- "closeIcon": [
3580
- "icon"
3581
- ],
3582
- "onClickActionButton": [
3583
- "onClick"
3584
- ]
3585
- },
3586
- "runtimeConfigDefaultProps": {
3587
- "size": "toast.defaultSize",
3588
- "variant": "toast.defaultVariant"
3589
- },
3590
- "runtimeConfigGetStyles": {
3591
- "toastSizeLabel": [
3592
- "toast.defaultSize"
3593
- ],
3594
- "toastVariantIcon": [
3595
- "toast.defaultVariant"
3596
- ],
3597
- "toastSizeIcon": [
3598
- "toast.defaultSize"
3599
- ],
3600
- "toastSizeActionButton": [
3601
- "toast.defaultSize"
3602
- ],
3603
- "toastVariantActionButton": [
3604
- "toast.defaultVariant"
3605
- ],
3606
- "toastVariantCloseIcon": [
3607
- "toast.defaultVariant"
3608
- ],
3609
- "toastSizeCloseIcon": [
3610
- "toast.defaultSize"
3611
- ]
3612
- },
3613
- "runtimeConfigInternalComponentProps": {
3614
- "ToastContainer": {
3657
+ "internalComponentProps": {
3658
+ "Icon": {
3659
+ "variant": [
3660
+ "fill"
3661
+ ],
3615
3662
  "size": [
3616
- "toast.defaultSize"
3663
+ "sm"
3617
3664
  ],
3618
- "variant": [
3619
- "toast.defaultVariant"
3665
+ "color": [
3666
+ "primary"
3620
3667
  ]
3621
3668
  },
3622
- "Text": {
3623
- "variant": [
3624
- "toast.textVariant.${size}"
3669
+ "SpringMotionConfig": {
3670
+ "layoutVariant": [
3671
+ "smooth"
3625
3672
  ],
3626
- "color": [
3627
- "toast.textColor.${variant}"
3673
+ "layoutSpeed": [
3674
+ "3"
3628
3675
  ]
3629
3676
  },
3630
- "Button": {
3631
- "size": [
3632
- "toast.buttonSize.${size}"
3677
+ "Pressable": {
3678
+ "display": [
3679
+ "flex"
3680
+ ],
3681
+ "flexDirection": [
3682
+ "row"
3633
3683
  ],
3634
- "variant": [
3635
- "toast.buttonVariant.${variant}"
3636
- ]
3637
- }
3638
- },
3639
- "motionVarPrefixes": []
3640
- },
3641
- "ToastContainer": {
3642
- "name": "ToastContainer",
3643
- "defaultProps": {},
3644
- "getStylesLiterals": {
3645
- "position": "relative",
3646
- "alignItems": "center",
3647
- "display": "flex",
3648
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
3649
- },
3650
- "cxLiterals": [
3651
- "w-full"
3652
- ],
3653
- "internalComponents": [
3654
- "HStack"
3655
- ],
3656
- "internalComponentProps": {
3657
- "HStack": {
3658
3684
  "alignItems": [
3659
3685
  "center"
3660
3686
  ],
3661
3687
  "justifyContent": [
3662
3688
  "space-between"
3663
3689
  ],
3664
- "overflow": [
3665
- "hidden"
3690
+ "borderRadius": [
3691
+ "md"
3692
+ ]
3693
+ },
3694
+ "Text": {
3695
+ "variant": [
3696
+ "title4"
3666
3697
  ],
3667
- "position": [
3668
- "relative"
3698
+ "color": [
3699
+ "primary"
3669
3700
  ]
3670
- }
3671
- },
3672
- "propToVariantKeys": {
3673
- "variant": [
3674
- "toastVariantRoot"
3675
- ],
3676
- "size": [
3677
- "toastSizeRoot"
3678
- ]
3679
- },
3680
- "runtimeConfigDefaultProps": {
3681
- "size": "toast.defaultSize",
3682
- "variant": "toast.defaultVariant"
3683
- },
3684
- "runtimeConfigGetStyles": {
3685
- "toastVariantRoot": [
3686
- "toast.defaultVariant"
3687
- ],
3688
- "toastSizeRoot": [
3689
- "toast.defaultSize"
3690
- ]
3691
- },
3692
- "runtimeConfigInternalComponentProps": {
3701
+ },
3693
3702
  "HStack": {
3694
- "backgroundColor": [
3695
- "toast.backgroundColor.${variant}"
3703
+ "display": [
3704
+ "flex"
3705
+ ],
3706
+ "alignItems": [
3707
+ "center"
3708
+ ],
3709
+ "justifyContent": [
3710
+ "space-between"
3711
+ ],
3712
+ "columnGap": [
3713
+ "2.5"
3696
3714
  ]
3697
3715
  }
3698
3716
  },
3699
- "motionVarPrefixes": []
3700
- },
3701
- "ToastPortal": {
3702
- "name": "ToastPortal",
3703
- "defaultProps": {},
3704
- "getStylesLiterals": {},
3705
- "cxLiterals": [],
3706
- "internalComponents": [
3707
- "ReactToastifyToastContainer"
3708
- ],
3709
- "internalComponentProps": {},
3710
3717
  "propToVariantKeys": {},
3711
- "runtimeConfigDefaultProps": {
3712
- "size": "toast.defaultSize",
3713
- "variant": "toast.defaultVariant"
3714
- },
3718
+ "runtimeConfigDefaultProps": {},
3715
3719
  "runtimeConfigGetStyles": {},
3716
- "runtimeConfigInternalComponentProps": {
3717
- "ReactToastifyToastContainer": {
3718
- "autoClose": [
3719
- "toast.autoClose"
3720
- ]
3721
- }
3722
- },
3723
- "motionVarPrefixes": []
3720
+ "runtimeConfigInternalComponentProps": {},
3721
+ "motionVarPrefixes": [
3722
+ "--uds-motion-smooth-3-"
3723
+ ]
3724
3724
  },
3725
- "UDSToastConfigProvider": {
3726
- "name": "UDSToastConfigProvider",
3725
+ "AvoidMotionLibraryProvider": {
3726
+ "name": "AvoidMotionLibraryProvider",
3727
3727
  "defaultProps": {},
3728
3728
  "getStylesLiterals": {},
3729
3729
  "cxLiterals": [],
3730
- "internalComponents": [
3731
- "ToastContext.Provider"
3732
- ],
3730
+ "internalComponents": [],
3733
3731
  "internalComponentProps": {},
3734
3732
  "propToVariantKeys": {},
3735
3733
  "runtimeConfigDefaultProps": {},
@@ -3737,77 +3735,86 @@
3737
3735
  "runtimeConfigInternalComponentProps": {},
3738
3736
  "motionVarPrefixes": []
3739
3737
  },
3740
- "Tab": {
3741
- "name": "Tab",
3738
+ "SegmentedControl": {
3739
+ "name": "SegmentedControl",
3742
3740
  "defaultProps": {
3743
- "variant": "primary"
3741
+ "textVariant": "label2"
3744
3742
  },
3745
3743
  "getStylesLiterals": {
3746
- "tabSizeRoot": "default",
3747
- "tabVariantActiveRoot": "off",
3748
- "tabVariantActiveRoot:1": "on",
3749
- "tabSizeIcon": "default"
3744
+ "display": "flex",
3745
+ "alignItems": "center",
3746
+ "backgroundColor": "primary",
3747
+ "spacingVertical": "1",
3748
+ "spacingHorizontal": "3",
3749
+ "columnGap": "1.5",
3750
+ "borderWidth": "thin",
3751
+ "borderRadius": "full",
3752
+ "borderColor": "muted",
3753
+ "borderColor:1": "transparent",
3754
+ "color": "primary",
3755
+ "color:1": "tertiary",
3756
+ "color:2": "muted"
3750
3757
  },
3751
- "cxLiterals": [
3752
- "pointer-events-none",
3753
- "absolute",
3754
- "bottom-0",
3755
- "left-0",
3756
- "right-0",
3757
- "h-[var(--uds-tab-underline-width,0px)]",
3758
- "bg-[var(--uds-tab-underline-color,transparent)]",
3759
- "transition-[height,background-color]",
3760
- "duration-[240ms]",
3761
- "ease-[cubic-bezier(0.2,0,0,1)]",
3762
- "!bg-transparent",
3763
- "!shadow-none",
3764
- "inline-flex",
3765
- "items-center",
3766
- "shrink-0",
3767
- "box-border",
3768
- "relative",
3769
- "z-[1]",
3770
- "cursor-pointer",
3771
- "select-none",
3772
- "whitespace-nowrap",
3758
+ "cxLiterals": [
3773
3759
  "uds-ring",
3760
+ "cursor-not-allowed",
3774
3761
  "opacity-50",
3775
- "cursor-default",
3776
- "border-solid",
3777
- "border-b-solid",
3778
- "transition-colors"
3762
+ "pointer-events-none",
3763
+ "hover:bg-primary"
3779
3764
  ],
3780
3765
  "internalComponents": [
3781
- "IconSlot",
3782
- "AriakitTab",
3766
+ "Radio",
3767
+ "Icon",
3768
+ "RadioProvider",
3769
+ "HStack",
3770
+ "RadioGroup",
3771
+ "Pressable",
3783
3772
  "Text"
3784
3773
  ],
3785
3774
  "internalComponentProps": {
3786
- "Text": {
3787
- "variant": [
3788
- "inherit"
3775
+ "Icon": {
3776
+ "size": [
3777
+ "sm"
3789
3778
  ],
3790
- "as": [
3791
- "span"
3779
+ "color": [
3780
+ "current"
3781
+ ],
3782
+ "aria-hidden": [
3783
+ "true"
3784
+ ]
3785
+ },
3786
+ "HStack": {
3787
+ "spacing": [
3788
+ "1"
3789
+ ],
3790
+ "gap": [
3791
+ "1"
3792
+ ],
3793
+ "backgroundColor": [
3794
+ "secondary"
3792
3795
  ],
3796
+ "borderRadius": [
3797
+ "full"
3798
+ ],
3799
+ "display": [
3800
+ "inline-flex"
3801
+ ]
3802
+ },
3803
+ "Text": {
3793
3804
  "color": [
3794
3805
  "current"
3795
3806
  ]
3796
3807
  }
3797
3808
  },
3798
3809
  "propToVariantKeys": {
3799
- "variant": [
3800
- "tabVariantRoot",
3801
- "tabVariantIcon"
3802
- ],
3803
- "activeState": [
3804
- "tabVariantActiveIcon"
3810
+ "value": [
3811
+ "key"
3805
3812
  ],
3806
- "startIcon": [
3807
- "icon"
3813
+ "label": [
3814
+ "aria-label"
3808
3815
  ],
3809
- "endIcon": [
3810
- "icon"
3816
+ "textVariant": [
3817
+ "variant"
3811
3818
  ]
3812
3819
  },
3813
3820
  "runtimeConfigDefaultProps": {},
@@ -3815,105 +3822,135 @@
3815
3822
  "runtimeConfigInternalComponentProps": {},
3816
3823
  "motionVarPrefixes": []
3817
3824
  },
3818
- "TabList": {
3819
- "name": "TabList",
3825
+ "SwitchV2": {
3826
+ "name": "SwitchV2",
3820
3827
  "defaultProps": {
3821
- "variant": "primary"
3828
+ "labelPosition": "start",
3829
+ "size": "md"
3822
3830
  },
3823
3831
  "getStylesLiterals": {
3824
- "tabSizeRoot": "default",
3825
- "tabVariantActiveRoot": "on"
3832
+ "switchVariantRoot": "default",
3833
+ "switchVariantActiveRoot": "on",
3834
+ "switchVariantActiveRoot:1": "off",
3835
+ "switchVariantSwitch": "default",
3836
+ "switchVariantActiveSwitch": "on",
3837
+ "switchVariantActiveSwitch:1": "off",
3838
+ "switchVariantActiveHandle": "on",
3839
+ "switchVariantActiveHandle:1": "off",
3840
+ "switchVariantHandle": "default",
3841
+ "switchVariantHandleIcon": "default",
3842
+ "switchVariantActiveHandleIcon": "on",
3843
+ "switchVariantActiveHandleIcon:1": "off"
3826
3844
  },
3827
3845
  "cxLiterals": [
3846
+ "group",
3847
+ "flex",
3848
+ "items-center",
3849
+ "flex-row",
3850
+ "flex-row-reverse",
3851
+ "uds-ring",
3852
+ "uds-ring-within",
3853
+ "relative",
3854
+ "uds-border-radius-full",
3855
+ "transition-[background-color,box-shadow]",
3828
3856
  "pointer-events-none",
3857
+ "w-full",
3858
+ "h-full",
3829
3859
  "absolute",
3860
+ "top-0",
3830
3861
  "bottom-0",
3831
- "left-0",
3832
3862
  "right-0",
3833
- "h-[var(--uds-tab-underline-width,0px)]",
3834
- "bg-[var(--uds-tab-underline-color,transparent)]",
3835
- "transition-[height,background-color]",
3836
- "duration-[240ms]",
3837
- "ease-[cubic-bezier(0.2,0,0,1)]",
3838
- "!m-0",
3839
- "!p-0",
3840
- "!gap-0",
3841
- "box-border",
3842
- "z-0",
3843
- "min-w-0",
3844
- "min-h-0",
3845
- "flex",
3846
- "flex-row",
3847
- "items-center",
3848
- "overflow-x-auto",
3849
- "overflow-y-clip",
3850
- "scrollbar-none",
3851
- "[overflow-clip-margin:6px]",
3852
- "overflow-clip",
3853
- "[overflow-clip-margin:8px]",
3854
- "relative",
3855
- "left",
3856
- "240ms",
3857
- "cubic-bezier(0.2,",
3858
- "0,",
3859
- "1),",
3860
- "top",
3861
- "width",
3862
- "height",
3863
- "1)",
3864
- "--uds-tab-underline-color",
3865
- "--uds-tab-underline-width"
3866
- ],
3867
- "internalComponents": [
3868
- "AriakitTabList"
3863
+ "left-0",
3864
+ "overflow-hidden",
3865
+ "group-hover:scale-105",
3866
+ "opacity-95",
3867
+ "group-hover:opacity-100",
3868
+ "transition-[transform,opacity]",
3869
+ "opacity-0",
3870
+ "top-1/2",
3871
+ "left-1/2",
3872
+ "transform",
3873
+ "translate-x-[-50%]",
3874
+ "translate-y-[-50%]",
3875
+ "transition-opacity",
3876
+ "cursor-[inherit]",
3877
+ "w-[calc(100%+2px)]",
3878
+ "h-[calc(100%+2px)]",
3879
+ "text-start",
3880
+ "text-end",
3881
+ "opacity-100"
3869
3882
  ],
3870
- "internalComponentProps": {},
3871
- "propToVariantKeys": {
3872
- "variant": [
3873
- "tabsVariantRoot",
3874
- "tabVariantRoot"
3875
- ]
3876
- },
3877
- "runtimeConfigDefaultProps": {},
3878
- "runtimeConfigGetStyles": {},
3879
- "runtimeConfigInternalComponentProps": {},
3880
- "motionVarPrefixes": []
3881
- },
3882
- "TabPanel": {
3883
- "name": "TabPanel",
3884
- "defaultProps": {},
3885
- "getStylesLiterals": {},
3886
- "cxLiterals": [],
3887
3883
  "internalComponents": [
3888
- "AriakitTabPanel"
3884
+ "IconSlot",
3885
+ "Box",
3886
+ "FormLabel",
3887
+ "SpringMotionConfig",
3888
+ "RootElement",
3889
+ "MotionBox"
3889
3890
  ],
3890
- "internalComponentProps": {},
3891
- "propToVariantKeys": {},
3892
- "runtimeConfigDefaultProps": {},
3893
- "runtimeConfigGetStyles": {},
3894
- "runtimeConfigInternalComponentProps": {},
3895
- "motionVarPrefixes": []
3896
- },
3897
- "Tabs": {
3898
- "name": "Tabs",
3899
- "defaultProps": {
3900
- "variant": "primary"
3891
+ "internalComponentProps": {
3892
+ "IconSlot": {
3893
+ "data-testid": [
3894
+ "on-icon",
3895
+ "off-icon"
3896
+ ]
3897
+ },
3898
+ "FormLabel": {
3899
+ "as": [
3900
+ "div"
3901
+ ],
3902
+ "variant": [
3903
+ "inherit"
3904
+ ],
3905
+ "color": [
3906
+ "inherit"
3907
+ ]
3908
+ },
3909
+ "SpringMotionConfig": {
3910
+ "layoutVariant": [
3911
+ "bouncy"
3912
+ ],
3913
+ "layoutSpeed": [
3914
+ "4"
3915
+ ]
3916
+ },
3917
+ "RootElement": {
3918
+ "data-testid": [
3919
+ "switch-root"
3920
+ ]
3921
+ },
3922
+ "MotionBox": {
3923
+ "layout": [
3924
+ "position"
3925
+ ]
3926
+ }
3901
3927
  },
3902
- "getStylesLiterals": {},
3903
- "cxLiterals": [],
3904
- "internalComponents": [
3905
- "TabsContext.Provider",
3906
- "TabProvider"
3907
- ],
3908
- "internalComponentProps": {},
3909
3928
  "propToVariantKeys": {
3910
- "onSelectionChange": [
3911
- "setSelectedId"
3929
+ "size": [
3930
+ "switchSizeRoot",
3931
+ "switchSizeSwitch",
3932
+ "switchSizeHandle",
3933
+ "switchSizeHandleIcon"
3934
+ ],
3935
+ "onIcon": [
3936
+ "icon"
3937
+ ],
3938
+ "offIcon": [
3939
+ "icon"
3940
+ ],
3941
+ "reduceMotion": [
3942
+ "reducedMotion"
3943
+ ],
3944
+ "isOn": [
3945
+ "layoutDependency"
3912
3946
  ]
3913
3947
  },
3914
3948
  "runtimeConfigDefaultProps": {},
3915
3949
  "runtimeConfigGetStyles": {},
3916
3950
  "runtimeConfigInternalComponentProps": {},
3917
- "motionVarPrefixes": []
3951
+ "motionVarPrefixes": [
3952
+ "--uds-motion-bouncy-4-",
3953
+ "--uds-motion-smooth-3-"
3954
+ ]
3918
3955
  }
3919
3956
  }