@yahoo/uds 3.128.0 → 3.129.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
  2. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
  3. package/dist/components/Banner/Banner.cjs +3 -2
  4. package/dist/components/Banner/Banner.js +3 -2
  5. package/dist/components/Icon.cjs +12 -6
  6. package/dist/components/Icon.js +13 -7
  7. package/dist/components/IconSlot.cjs +11 -3
  8. package/dist/components/IconSlot.js +11 -3
  9. package/dist/components/client/IconButton.cjs +5 -1
  10. package/dist/components/client/IconButton.js +6 -2
  11. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  12. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  13. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
  14. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +1 -1
  15. package/dist/config/dist/index.cjs +2371 -2361
  16. package/dist/config/dist/index.js +2371 -2361
  17. package/dist/index.d.cts +2 -2
  18. package/dist/index.d.ts +2 -2
  19. package/dist/styles/styler.d.cts +27 -27
  20. package/dist/styles/styler.d.ts +43 -43
  21. package/dist/tailwind/dist/config/dist/index.cjs +2371 -2361
  22. package/dist/tailwind/dist/config/dist/index.js +2371 -2361
  23. package/dist/tailwind/dist/config/dist/index.js.map +1 -1
  24. package/dist/tailwind/dist/tailwind/utils/getFontStyles.d.cts +1 -1
  25. package/dist/tailwind/dist/tailwind/utils/getFontStyles.d.ts +1 -1
  26. package/dist/tailwind/dist/tailwind/utils/getShadowStyles.d.cts +4 -4
  27. package/dist/tailwind/dist/tailwind/utils/getShadowStyles.d.ts +4 -4
  28. package/dist/tailwind/dist/types/dist/index.d.cts.map +1 -1
  29. package/dist/tailwind/dist/types/dist/index.d.ts.map +1 -1
  30. package/dist/tokens/index.d.cts +2 -2
  31. package/dist/tokens/index.d.ts +2 -2
  32. package/dist/tokens/types.d.cts +7 -7
  33. package/dist/tokens/types.d.ts +7 -7
  34. package/dist/types/dist/index.d.cts +12 -10
  35. package/dist/types/dist/index.d.ts +12 -10
  36. package/dist/uds/generated/componentData.cjs +455 -454
  37. package/dist/uds/generated/componentData.js +455 -454
  38. package/dist/uds/generated/tailwindPurge.cjs +68 -68
  39. package/dist/uds/generated/tailwindPurge.js +68 -68
  40. package/generated/componentData.json +578 -575
  41. package/generated/tailwindPurge.ts +1 -1
  42. package/package.json +1 -1
  43. package/dist/icons/dist/types.d.cts +0 -18
  44. package/dist/icons/dist/types.d.ts +0 -18
@@ -96,9 +96,7 @@
96
96
  "cxLiterals": [
97
97
  "[&_path]:fill-current"
98
98
  ],
99
- "internalComponents": [
100
- "SVGIcon"
101
- ],
99
+ "internalComponents": [],
102
100
  "internalComponentProps": {},
103
101
  "propToVariantKeys": {},
104
102
  "runtimeConfigDefaultProps": {},
@@ -115,7 +113,11 @@
115
113
  "Icon"
116
114
  ],
117
115
  "internalComponentProps": {},
118
- "propToVariantKeys": {},
116
+ "propToVariantKeys": {
117
+ "icon": [
118
+ "name"
119
+ ]
120
+ },
119
121
  "runtimeConfigDefaultProps": {},
120
122
  "runtimeConfigGetStyles": {},
121
123
  "runtimeConfigInternalComponentProps": {},
@@ -345,7 +347,8 @@
345
347
  "className": "truncate",
346
348
  "className:1": "line-clamp-3",
347
349
  "spacing": "2",
348
- "borderRadius": "full"
350
+ "borderRadius": "full",
351
+ "color": "primary"
349
352
  },
350
353
  "cxLiterals": [
351
354
  "flex",
@@ -1695,67 +1698,72 @@
1695
1698
  "runtimeConfigInternalComponentProps": {},
1696
1699
  "motionVarPrefixes": []
1697
1700
  },
1698
- "BottomSheet": {
1699
- "name": "BottomSheet",
1701
+ "Chip": {
1702
+ "name": "Chip",
1703
+ "defaultProps": {},
1704
+ "getStylesLiterals": {},
1705
+ "cxLiterals": [],
1706
+ "internalComponents": [
1707
+ "ChipDismissible",
1708
+ "ChipToggle",
1709
+ "ChipLink",
1710
+ "ChipButton"
1711
+ ],
1712
+ "internalComponentProps": {},
1713
+ "propToVariantKeys": {},
1714
+ "runtimeConfigDefaultProps": {},
1715
+ "runtimeConfigGetStyles": {},
1716
+ "runtimeConfigInternalComponentProps": {},
1717
+ "motionVarPrefixes": []
1718
+ },
1719
+ "ChipBase": {
1720
+ "name": "ChipBase",
1700
1721
  "defaultProps": {
1701
- "variant": "default"
1722
+ "size": "md",
1723
+ "as": "div"
1702
1724
  },
1703
1725
  "getStylesLiterals": {},
1704
1726
  "cxLiterals": [
1705
- "fixed",
1706
- "overflow-hidden",
1707
- "inset-x-0",
1708
- "bottom-0",
1709
- "z-50",
1710
- "[will-change:transform]",
1711
- "touch-none",
1712
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1713
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1714
- "transition-transform",
1715
- "duration-500",
1716
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
1717
- "motion-reduce:transition-none",
1718
- "top-[-4px]",
1719
- "z-[1]",
1720
- "touch-pan-y"
1727
+ "pointer-events-none",
1728
+ "cursor-default",
1729
+ "opacity-50",
1730
+ "inline-flex",
1731
+ "items-center",
1732
+ "transition-[background-color,outline-color,box-shadow]",
1733
+ "truncate",
1734
+ "whitespace-nowrap",
1735
+ "text-center",
1736
+ "flex-1"
1721
1737
  ],
1722
1738
  "internalComponents": [
1723
- "Scrim",
1724
- "BottomSheetHandle",
1725
- "Dialog",
1726
- "Box",
1727
- "BottomSheetInternalContext.Provider"
1739
+ "IconSlot",
1740
+ "HStack",
1741
+ "As",
1742
+ "Text"
1728
1743
  ],
1729
1744
  "internalComponentProps": {
1730
- "BottomSheetHandle": {
1731
- "ariaLabel": [
1732
- "Resize sheet"
1733
- ]
1734
- },
1735
- "Dialog": {
1736
- "data-testid": [
1737
- "bottom-sheet"
1738
- ]
1739
- },
1740
- "Box": {
1741
- "display": [
1742
- "block",
1743
- "flex"
1744
- ],
1745
- "position": [
1746
- "absolute"
1745
+ "Text": {
1746
+ "as": [
1747
+ "span"
1747
1748
  ],
1748
- "flexDirection": [
1749
- "column"
1749
+ "color": [
1750
+ "current"
1750
1751
  ],
1751
- "className": [
1752
- "absolute inset-0 min-h-0 p-[inherit]"
1752
+ "variant": [
1753
+ "inherit"
1753
1754
  ]
1754
1755
  }
1755
1756
  },
1756
1757
  "propToVariantKeys": {
1757
- "variant": [
1758
- "bottomsheetVariantRoot"
1758
+ "size": [
1759
+ "chipSizeRoot",
1760
+ "chipSizeIcon"
1761
+ ],
1762
+ "startIcon": [
1763
+ "icon"
1764
+ ],
1765
+ "endIcon": [
1766
+ "icon"
1759
1767
  ]
1760
1768
  },
1761
1769
  "runtimeConfigDefaultProps": {},
@@ -1763,93 +1771,61 @@
1763
1771
  "runtimeConfigInternalComponentProps": {},
1764
1772
  "motionVarPrefixes": []
1765
1773
  },
1766
- "BottomSheetContent": {
1767
- "name": "BottomSheetContent",
1768
- "defaultProps": {},
1774
+ "ChipButton": {
1775
+ "name": "ChipButton",
1776
+ "defaultProps": {
1777
+ "variant": "primary"
1778
+ },
1769
1779
  "getStylesLiterals": {},
1770
1780
  "cxLiterals": [
1771
- "min-h-0",
1772
- "touch-pan-y"
1781
+ "uds-ring"
1773
1782
  ],
1774
1783
  "internalComponents": [
1775
- "Box",
1776
- "VStack"
1784
+ "ChipBase"
1777
1785
  ],
1778
1786
  "internalComponentProps": {
1779
- "Box": {
1780
- "display": [
1781
- "block"
1782
- ],
1783
- "flex": [
1784
- "1"
1785
- ]
1786
- },
1787
- "VStack": {
1788
- "className": [
1789
- "pb-[calc(env(safe-area-inset-bottom))]"
1787
+ "ChipBase": {
1788
+ "as": [
1789
+ "button"
1790
1790
  ]
1791
1791
  }
1792
1792
  },
1793
- "propToVariantKeys": {},
1794
- "runtimeConfigDefaultProps": {},
1795
- "runtimeConfigGetStyles": {},
1796
- "runtimeConfigInternalComponentProps": {},
1797
- "motionVarPrefixes": []
1798
- },
1799
- "BottomSheetDismiss": {
1800
- "name": "BottomSheetDismiss",
1801
- "defaultProps": {},
1802
- "getStylesLiterals": {},
1803
- "cxLiterals": [],
1804
- "internalComponents": [
1805
- "AriakitDialogDismiss"
1806
- ],
1807
- "internalComponentProps": {},
1808
- "propToVariantKeys": {},
1793
+ "propToVariantKeys": {
1794
+ "variant": [
1795
+ "chipLinkVariantRoot",
1796
+ "chipLinkVariantIcon"
1797
+ ]
1798
+ },
1809
1799
  "runtimeConfigDefaultProps": {},
1810
1800
  "runtimeConfigGetStyles": {},
1811
1801
  "runtimeConfigInternalComponentProps": {},
1812
1802
  "motionVarPrefixes": []
1813
1803
  },
1814
- "BottomSheetHandle": {
1815
- "name": "BottomSheetHandle",
1804
+ "ChipDismissible": {
1805
+ "name": "ChipDismissible",
1816
1806
  "defaultProps": {
1817
- "variant": "default"
1807
+ "variant": "primary"
1818
1808
  },
1819
1809
  "getStylesLiterals": {},
1820
1810
  "cxLiterals": [
1821
- "relative",
1822
- "h-5",
1823
- "w-16",
1824
- "outline-none",
1825
- "focus-visible:outline-none",
1826
- "[touch-action:pan-y]",
1827
- "absolute",
1828
- "left-1/2",
1829
- "top-1/2",
1830
- "-translate-x-1/2",
1831
- "-translate-y-1/2",
1832
- "h-1",
1833
- "w-8",
1811
+ "uds-chip-dismissible-button",
1812
+ "uds-hit-target",
1813
+ "uds-ring",
1834
1814
  "rounded-full"
1835
1815
  ],
1836
1816
  "internalComponents": [
1837
- "Box"
1817
+ "ChipBase",
1818
+ "IconSlot",
1819
+ "Pressable"
1838
1820
  ],
1839
- "internalComponentProps": {
1840
- "Box": {
1841
- "display": [
1842
- "block",
1843
- "flex"
1844
- ],
1845
- "justifyContent": [
1846
- "center"
1847
- ]
1848
- }
1849
- },
1821
+ "internalComponentProps": {},
1850
1822
  "propToVariantKeys": {
1851
1823
  "variant": [
1852
- "bottomsheetVariantHandleIndicator"
1824
+ "chipDismissibleVariantRoot",
1825
+ "chipDismissibleVariantIcon"
1826
+ ],
1827
+ "dismissButtonAriaLabel": [
1828
+ "aria-label"
1853
1829
  ]
1854
1830
  },
1855
1831
  "runtimeConfigDefaultProps": {},
@@ -1857,55 +1833,29 @@
1857
1833
  "runtimeConfigInternalComponentProps": {},
1858
1834
  "motionVarPrefixes": []
1859
1835
  },
1860
- "BottomSheetHeader": {
1861
- "name": "BottomSheetHeader",
1836
+ "ChipLink": {
1837
+ "name": "ChipLink",
1862
1838
  "defaultProps": {
1863
- "variant": "default"
1839
+ "variant": "primary"
1864
1840
  },
1865
1841
  "getStylesLiterals": {},
1866
1842
  "cxLiterals": [
1867
- "grid-cols-[40px_1fr_40px]",
1868
- "items-center",
1869
- "w-full",
1870
- "min-h-10",
1871
- "mt-2"
1843
+ "uds-ring"
1872
1844
  ],
1873
1845
  "internalComponents": [
1874
- "Box",
1875
- "Text"
1846
+ "ChipBase"
1876
1847
  ],
1877
1848
  "internalComponentProps": {
1878
- "Box": {
1879
- "className": [
1880
- "h-10 w-10 opacity-0 pointer-events-none"
1881
- ],
1882
- "display": [
1883
- "grid",
1884
- "flex"
1885
- ],
1886
- "justifyContent": [
1887
- "flex-start",
1888
- "flex-end"
1889
- ]
1890
- },
1891
- "Text": {
1892
- "variant": [
1893
- "inherit"
1894
- ],
1895
- "color": [
1896
- "inherit"
1897
- ],
1898
- "textAlign": [
1899
- "center"
1900
- ],
1901
- "className": [
1902
- "w-full"
1849
+ "ChipBase": {
1850
+ "as": [
1851
+ "a"
1903
1852
  ]
1904
1853
  }
1905
1854
  },
1906
1855
  "propToVariantKeys": {
1907
1856
  "variant": [
1908
- "bottomsheetVariantHeader"
1857
+ "chipLinkVariantRoot",
1858
+ "chipLinkVariantIcon"
1909
1859
  ]
1910
1860
  },
1911
1861
  "runtimeConfigDefaultProps": {},
@@ -1913,12 +1863,425 @@
1913
1863
  "runtimeConfigInternalComponentProps": {},
1914
1864
  "motionVarPrefixes": []
1915
1865
  },
1916
- "BottomSheetInternalContext": {
1917
- "name": "BottomSheetInternalContext",
1918
- "defaultProps": {},
1919
- "getStylesLiterals": {},
1920
- "cxLiterals": [],
1921
- "internalComponents": [],
1866
+ "ChipToggle": {
1867
+ "name": "ChipToggle",
1868
+ "defaultProps": {
1869
+ "variant": "primary",
1870
+ "role": "checkbox"
1871
+ },
1872
+ "getStylesLiterals": {
1873
+ "chipToggleVariantActiveRoot": "on",
1874
+ "chipToggleVariantActiveRoot:1": "off"
1875
+ },
1876
+ "cxLiterals": [
1877
+ "uds-ring"
1878
+ ],
1879
+ "internalComponents": [
1880
+ "ChipBase"
1881
+ ],
1882
+ "internalComponentProps": {
1883
+ "ChipBase": {
1884
+ "as": [
1885
+ "button"
1886
+ ]
1887
+ }
1888
+ },
1889
+ "propToVariantKeys": {
1890
+ "variant": [
1891
+ "chipToggleVariantRoot",
1892
+ "chipToggleVariantIcon"
1893
+ ]
1894
+ },
1895
+ "runtimeConfigDefaultProps": {},
1896
+ "runtimeConfigGetStyles": {},
1897
+ "runtimeConfigInternalComponentProps": {},
1898
+ "motionVarPrefixes": []
1899
+ },
1900
+ "Popover": {
1901
+ "name": "Popover",
1902
+ "defaultProps": {},
1903
+ "getStylesLiterals": {},
1904
+ "cxLiterals": [],
1905
+ "internalComponents": [
1906
+ "PopoverInternalContext.Provider",
1907
+ "PopoverProvider"
1908
+ ],
1909
+ "internalComponentProps": {},
1910
+ "propToVariantKeys": {},
1911
+ "runtimeConfigDefaultProps": {
1912
+ "size": "popover.defaultSize",
1913
+ "variant": "popover.defaultVariant"
1914
+ },
1915
+ "runtimeConfigGetStyles": {},
1916
+ "runtimeConfigInternalComponentProps": {},
1917
+ "motionVarPrefixes": []
1918
+ },
1919
+ "PopoverContent": {
1920
+ "name": "PopoverContent",
1921
+ "defaultProps": {},
1922
+ "getStylesLiterals": {
1923
+ "popoverSizeRoot": "default",
1924
+ "popoverVariantRoot": "default",
1925
+ "display": "flex",
1926
+ "position": "relative",
1927
+ "display:1": "block",
1928
+ "spacingTop": "0",
1929
+ "spacingStart": "0",
1930
+ "spacingBottom": "0",
1931
+ "spacingEnd": "0",
1932
+ "popoverSizeSvgBase": "default",
1933
+ "popoverVariantSvgBase": "default",
1934
+ "popoverSizeSvgBorder": "default",
1935
+ "popoverVariantSvgBorder": "default",
1936
+ "popoverVariantBlur": "default",
1937
+ "position:1": "absolute",
1938
+ "width": "full",
1939
+ "height": "full",
1940
+ "flexShrink": "0",
1941
+ "borderRadius": "full",
1942
+ "alignItems": "center",
1943
+ "justifyContent": "center",
1944
+ "popoverVariantCloseIcon": "default",
1945
+ "popoverSizeCloseIcon": "default"
1946
+ },
1947
+ "cxLiterals": [
1948
+ "z-[9999]",
1949
+ "outline-none",
1950
+ "focus-visible:outline-none",
1951
+ "uds-bgBlurFillFallback",
1952
+ "uds-bgBlurFallback",
1953
+ "top-0",
1954
+ "left-0",
1955
+ "z-[1]",
1956
+ "duration-0",
1957
+ "duration-120",
1958
+ "transition-[background-color]",
1959
+ "bg-carbon-15/0",
1960
+ "hover:bg-carbon-15/10",
1961
+ "active:bg-carbon-15/15",
1962
+ "uds-ring",
1963
+ "absolute",
1964
+ "z-[4]"
1965
+ ],
1966
+ "internalComponents": [
1967
+ "PopoverDismiss",
1968
+ "IconSlot",
1969
+ "PopoverArrow",
1970
+ "Popover",
1971
+ "SvgFloatingOverlay",
1972
+ "Box",
1973
+ "Pressable"
1974
+ ],
1975
+ "internalComponentProps": {},
1976
+ "propToVariantKeys": {
1977
+ "closeIcon": [
1978
+ "icon"
1979
+ ]
1980
+ },
1981
+ "runtimeConfigDefaultProps": {
1982
+ "size": "popover.defaultSize",
1983
+ "variant": "popover.defaultVariant"
1984
+ },
1985
+ "runtimeConfigGetStyles": {
1986
+ "spacingTop": [
1987
+ "popover.spacingVertical.${size}"
1988
+ ],
1989
+ "spacingStart": [
1990
+ "popover.spacingHorizontal.${size}"
1991
+ ],
1992
+ "spacingBottom": [
1993
+ "popover.spacingVertical.${size}"
1994
+ ],
1995
+ "spacingEnd": [
1996
+ "popover.spacingHorizontal.${size}"
1997
+ ]
1998
+ },
1999
+ "runtimeConfigInternalComponentProps": {
2000
+ "SvgFloatingOverlay": {
2001
+ "borderRadius": [
2002
+ "popover.borderRadius.${size}"
2003
+ ]
2004
+ }
2005
+ },
2006
+ "motionVarPrefixes": []
2007
+ },
2008
+ "PopoverContext": {
2009
+ "name": "PopoverContext",
2010
+ "defaultProps": {},
2011
+ "getStylesLiterals": {},
2012
+ "cxLiterals": [],
2013
+ "internalComponents": [],
2014
+ "internalComponentProps": {},
2015
+ "propToVariantKeys": {},
2016
+ "runtimeConfigDefaultProps": {},
2017
+ "runtimeConfigGetStyles": {},
2018
+ "runtimeConfigInternalComponentProps": {},
2019
+ "motionVarPrefixes": []
2020
+ },
2021
+ "PopoverTrigger": {
2022
+ "name": "PopoverTrigger",
2023
+ "defaultProps": {},
2024
+ "getStylesLiterals": {},
2025
+ "cxLiterals": [],
2026
+ "internalComponents": [
2027
+ "PopoverDisclosure"
2028
+ ],
2029
+ "internalComponentProps": {
2030
+ "PopoverDisclosure": {
2031
+ "className": [
2032
+ "inline"
2033
+ ]
2034
+ }
2035
+ },
2036
+ "propToVariantKeys": {
2037
+ "children": [
2038
+ "render"
2039
+ ]
2040
+ },
2041
+ "runtimeConfigDefaultProps": {},
2042
+ "runtimeConfigGetStyles": {},
2043
+ "runtimeConfigInternalComponentProps": {},
2044
+ "motionVarPrefixes": []
2045
+ },
2046
+ "UDSPopoverConfigProvider": {
2047
+ "name": "UDSPopoverConfigProvider",
2048
+ "defaultProps": {},
2049
+ "getStylesLiterals": {},
2050
+ "cxLiterals": [],
2051
+ "internalComponents": [
2052
+ "PopoverContext.Provider"
2053
+ ],
2054
+ "internalComponentProps": {},
2055
+ "propToVariantKeys": {},
2056
+ "runtimeConfigDefaultProps": {},
2057
+ "runtimeConfigGetStyles": {},
2058
+ "runtimeConfigInternalComponentProps": {},
2059
+ "motionVarPrefixes": []
2060
+ },
2061
+ "BottomSheet": {
2062
+ "name": "BottomSheet",
2063
+ "defaultProps": {
2064
+ "variant": "default"
2065
+ },
2066
+ "getStylesLiterals": {},
2067
+ "cxLiterals": [
2068
+ "fixed",
2069
+ "overflow-hidden",
2070
+ "inset-x-0",
2071
+ "bottom-0",
2072
+ "z-50",
2073
+ "[will-change:transform]",
2074
+ "touch-none",
2075
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
2076
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
2077
+ "transition-transform",
2078
+ "duration-500",
2079
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
2080
+ "motion-reduce:transition-none",
2081
+ "top-[-4px]",
2082
+ "z-[1]",
2083
+ "touch-pan-y"
2084
+ ],
2085
+ "internalComponents": [
2086
+ "Scrim",
2087
+ "BottomSheetHandle",
2088
+ "Dialog",
2089
+ "Box",
2090
+ "BottomSheetInternalContext.Provider"
2091
+ ],
2092
+ "internalComponentProps": {
2093
+ "BottomSheetHandle": {
2094
+ "ariaLabel": [
2095
+ "Resize sheet"
2096
+ ]
2097
+ },
2098
+ "Dialog": {
2099
+ "data-testid": [
2100
+ "bottom-sheet"
2101
+ ]
2102
+ },
2103
+ "Box": {
2104
+ "display": [
2105
+ "block",
2106
+ "flex"
2107
+ ],
2108
+ "position": [
2109
+ "absolute"
2110
+ ],
2111
+ "flexDirection": [
2112
+ "column"
2113
+ ],
2114
+ "className": [
2115
+ "absolute inset-0 min-h-0 p-[inherit]"
2116
+ ]
2117
+ }
2118
+ },
2119
+ "propToVariantKeys": {
2120
+ "variant": [
2121
+ "bottomsheetVariantRoot"
2122
+ ]
2123
+ },
2124
+ "runtimeConfigDefaultProps": {},
2125
+ "runtimeConfigGetStyles": {},
2126
+ "runtimeConfigInternalComponentProps": {},
2127
+ "motionVarPrefixes": []
2128
+ },
2129
+ "BottomSheetContent": {
2130
+ "name": "BottomSheetContent",
2131
+ "defaultProps": {},
2132
+ "getStylesLiterals": {},
2133
+ "cxLiterals": [
2134
+ "min-h-0",
2135
+ "touch-pan-y"
2136
+ ],
2137
+ "internalComponents": [
2138
+ "Box",
2139
+ "VStack"
2140
+ ],
2141
+ "internalComponentProps": {
2142
+ "Box": {
2143
+ "display": [
2144
+ "block"
2145
+ ],
2146
+ "flex": [
2147
+ "1"
2148
+ ]
2149
+ },
2150
+ "VStack": {
2151
+ "className": [
2152
+ "pb-[calc(env(safe-area-inset-bottom))]"
2153
+ ]
2154
+ }
2155
+ },
2156
+ "propToVariantKeys": {},
2157
+ "runtimeConfigDefaultProps": {},
2158
+ "runtimeConfigGetStyles": {},
2159
+ "runtimeConfigInternalComponentProps": {},
2160
+ "motionVarPrefixes": []
2161
+ },
2162
+ "BottomSheetDismiss": {
2163
+ "name": "BottomSheetDismiss",
2164
+ "defaultProps": {},
2165
+ "getStylesLiterals": {},
2166
+ "cxLiterals": [],
2167
+ "internalComponents": [
2168
+ "AriakitDialogDismiss"
2169
+ ],
2170
+ "internalComponentProps": {},
2171
+ "propToVariantKeys": {},
2172
+ "runtimeConfigDefaultProps": {},
2173
+ "runtimeConfigGetStyles": {},
2174
+ "runtimeConfigInternalComponentProps": {},
2175
+ "motionVarPrefixes": []
2176
+ },
2177
+ "BottomSheetHandle": {
2178
+ "name": "BottomSheetHandle",
2179
+ "defaultProps": {
2180
+ "variant": "default"
2181
+ },
2182
+ "getStylesLiterals": {},
2183
+ "cxLiterals": [
2184
+ "relative",
2185
+ "h-5",
2186
+ "w-16",
2187
+ "outline-none",
2188
+ "focus-visible:outline-none",
2189
+ "[touch-action:pan-y]",
2190
+ "absolute",
2191
+ "left-1/2",
2192
+ "top-1/2",
2193
+ "-translate-x-1/2",
2194
+ "-translate-y-1/2",
2195
+ "h-1",
2196
+ "w-8",
2197
+ "rounded-full"
2198
+ ],
2199
+ "internalComponents": [
2200
+ "Box"
2201
+ ],
2202
+ "internalComponentProps": {
2203
+ "Box": {
2204
+ "display": [
2205
+ "block",
2206
+ "flex"
2207
+ ],
2208
+ "justifyContent": [
2209
+ "center"
2210
+ ]
2211
+ }
2212
+ },
2213
+ "propToVariantKeys": {
2214
+ "variant": [
2215
+ "bottomsheetVariantHandleIndicator"
2216
+ ]
2217
+ },
2218
+ "runtimeConfigDefaultProps": {},
2219
+ "runtimeConfigGetStyles": {},
2220
+ "runtimeConfigInternalComponentProps": {},
2221
+ "motionVarPrefixes": []
2222
+ },
2223
+ "BottomSheetHeader": {
2224
+ "name": "BottomSheetHeader",
2225
+ "defaultProps": {
2226
+ "variant": "default"
2227
+ },
2228
+ "getStylesLiterals": {},
2229
+ "cxLiterals": [
2230
+ "grid-cols-[40px_1fr_40px]",
2231
+ "items-center",
2232
+ "w-full",
2233
+ "min-h-10",
2234
+ "mt-2"
2235
+ ],
2236
+ "internalComponents": [
2237
+ "Box",
2238
+ "Text"
2239
+ ],
2240
+ "internalComponentProps": {
2241
+ "Box": {
2242
+ "className": [
2243
+ "h-10 w-10 opacity-0 pointer-events-none"
2244
+ ],
2245
+ "display": [
2246
+ "grid",
2247
+ "flex"
2248
+ ],
2249
+ "justifyContent": [
2250
+ "flex-start",
2251
+ "flex-end"
2252
+ ]
2253
+ },
2254
+ "Text": {
2255
+ "variant": [
2256
+ "inherit"
2257
+ ],
2258
+ "color": [
2259
+ "inherit"
2260
+ ],
2261
+ "textAlign": [
2262
+ "center"
2263
+ ],
2264
+ "className": [
2265
+ "w-full"
2266
+ ]
2267
+ }
2268
+ },
2269
+ "propToVariantKeys": {
2270
+ "variant": [
2271
+ "bottomsheetVariantHeader"
2272
+ ]
2273
+ },
2274
+ "runtimeConfigDefaultProps": {},
2275
+ "runtimeConfigGetStyles": {},
2276
+ "runtimeConfigInternalComponentProps": {},
2277
+ "motionVarPrefixes": []
2278
+ },
2279
+ "BottomSheetInternalContext": {
2280
+ "name": "BottomSheetInternalContext",
2281
+ "defaultProps": {},
2282
+ "getStylesLiterals": {},
2283
+ "cxLiterals": [],
2284
+ "internalComponents": [],
1922
2285
  "internalComponentProps": {},
1923
2286
  "propToVariantKeys": {},
1924
2287
  "runtimeConfigDefaultProps": {},
@@ -2056,232 +2419,22 @@
2056
2419
  }
2057
2420
  },
2058
2421
  "propToVariantKeys": {
2059
- "size": [
2060
- "inputSizeRoot",
2061
- "inputSizeInputWrapper",
2062
- "inputSizeInput",
2063
- "inputSizeLabel",
2064
- "inputSizeStartIcon",
2065
- "inputSizeEndIcon"
2066
- ],
2067
- "startIcon": [
2068
- "icon"
2069
- ],
2070
- "endIcon": [
2071
- "icon"
2072
- ],
2073
- "helperTextIcon": [
2074
- "startIcon"
2075
- ]
2076
- },
2077
- "runtimeConfigDefaultProps": {},
2078
- "runtimeConfigGetStyles": {},
2079
- "runtimeConfigInternalComponentProps": {},
2080
- "motionVarPrefixes": []
2081
- },
2082
- "InputHelpText": {
2083
- "name": "InputHelpText",
2084
- "defaultProps": {
2085
- "size": "md"
2086
- },
2087
- "getStylesLiterals": {
2088
- "inputVariantRoot": "default",
2089
- "inputVariantValueRoot": "empty",
2090
- "inputVariantValueRoot:1": "filled"
2091
- },
2092
- "cxLiterals": [],
2093
- "internalComponents": [
2094
- "InputHelpTextInternal",
2095
- "Box"
2096
- ],
2097
- "internalComponentProps": {
2098
- "Box": {
2099
- "spacingTop": [
2100
- "2"
2101
- ]
2102
- }
2103
- },
2104
- "propToVariantKeys": {
2105
- "size": [
2106
- "inputSizeRoot"
2107
- ]
2108
- },
2109
- "runtimeConfigDefaultProps": {},
2110
- "runtimeConfigGetStyles": {},
2111
- "runtimeConfigInternalComponentProps": {},
2112
- "motionVarPrefixes": []
2113
- },
2114
- "InputHelpTextInternal": {
2115
- "name": "InputHelpTextInternal",
2116
- "defaultProps": {},
2117
- "getStylesLiterals": {
2118
- "inputVariantHelperText": "default",
2119
- "inputVariantValueHelperText": "empty",
2120
- "inputVariantValueHelperText:1": "filled",
2121
- "inputVariantHelperIcon": "default",
2122
- "inputVariantValueHelperIcon": "empty",
2123
- "inputVariantValueHelperIcon:1": "filled"
2124
- },
2125
- "cxLiterals": [],
2126
- "internalComponents": [
2127
- "IconSlot",
2128
- "HStack"
2129
- ],
2130
- "internalComponentProps": {
2131
- "HStack": {
2132
- "gap": [
2133
- "1"
2134
- ],
2135
- "alignItems": [
2136
- "center"
2137
- ]
2138
- }
2139
- },
2140
- "propToVariantKeys": {
2141
- "size": [
2142
- "inputSizeHelperText",
2143
- "inputSizeHelperIcon"
2144
- ],
2145
- "startIcon": [
2146
- "icon"
2147
- ],
2148
- "endIcon": [
2149
- "icon"
2150
- ]
2151
- },
2152
- "runtimeConfigDefaultProps": {},
2153
- "runtimeConfigGetStyles": {},
2154
- "runtimeConfigInternalComponentProps": {},
2155
- "motionVarPrefixes": []
2156
- },
2157
- "Chip": {
2158
- "name": "Chip",
2159
- "defaultProps": {},
2160
- "getStylesLiterals": {},
2161
- "cxLiterals": [],
2162
- "internalComponents": [
2163
- "ChipDismissible",
2164
- "ChipToggle",
2165
- "ChipLink",
2166
- "ChipButton"
2167
- ],
2168
- "internalComponentProps": {},
2169
- "propToVariantKeys": {},
2170
- "runtimeConfigDefaultProps": {},
2171
- "runtimeConfigGetStyles": {},
2172
- "runtimeConfigInternalComponentProps": {},
2173
- "motionVarPrefixes": []
2174
- },
2175
- "ChipBase": {
2176
- "name": "ChipBase",
2177
- "defaultProps": {
2178
- "size": "md",
2179
- "as": "div"
2180
- },
2181
- "getStylesLiterals": {},
2182
- "cxLiterals": [
2183
- "pointer-events-none",
2184
- "cursor-default",
2185
- "opacity-50",
2186
- "inline-flex",
2187
- "items-center",
2188
- "transition-[background-color,outline-color,box-shadow]",
2189
- "truncate",
2190
- "whitespace-nowrap",
2191
- "text-center",
2192
- "flex-1"
2193
- ],
2194
- "internalComponents": [
2195
- "IconSlot",
2196
- "HStack",
2197
- "As",
2198
- "Text"
2199
- ],
2200
- "internalComponentProps": {
2201
- "Text": {
2202
- "as": [
2203
- "span"
2204
- ],
2205
- "color": [
2206
- "current"
2207
- ],
2208
- "variant": [
2209
- "inherit"
2210
- ]
2211
- }
2212
- },
2213
- "propToVariantKeys": {
2214
- "size": [
2215
- "chipSizeRoot",
2216
- "chipSizeIcon"
2217
- ],
2218
- "startIcon": [
2219
- "icon"
2220
- ],
2221
- "endIcon": [
2222
- "icon"
2223
- ]
2224
- },
2225
- "runtimeConfigDefaultProps": {},
2226
- "runtimeConfigGetStyles": {},
2227
- "runtimeConfigInternalComponentProps": {},
2228
- "motionVarPrefixes": []
2229
- },
2230
- "ChipButton": {
2231
- "name": "ChipButton",
2232
- "defaultProps": {
2233
- "variant": "primary"
2234
- },
2235
- "getStylesLiterals": {},
2236
- "cxLiterals": [
2237
- "uds-ring"
2238
- ],
2239
- "internalComponents": [
2240
- "ChipBase"
2241
- ],
2242
- "internalComponentProps": {
2243
- "ChipBase": {
2244
- "as": [
2245
- "button"
2246
- ]
2247
- }
2248
- },
2249
- "propToVariantKeys": {
2250
- "variant": [
2251
- "chipLinkVariantRoot",
2252
- "chipLinkVariantIcon"
2253
- ]
2254
- },
2255
- "runtimeConfigDefaultProps": {},
2256
- "runtimeConfigGetStyles": {},
2257
- "runtimeConfigInternalComponentProps": {},
2258
- "motionVarPrefixes": []
2259
- },
2260
- "ChipDismissible": {
2261
- "name": "ChipDismissible",
2262
- "defaultProps": {
2263
- "variant": "primary"
2264
- },
2265
- "getStylesLiterals": {},
2266
- "cxLiterals": [
2267
- "uds-chip-dismissible-button",
2268
- "uds-hit-target",
2269
- "uds-ring",
2270
- "rounded-full"
2271
- ],
2272
- "internalComponents": [
2273
- "ChipBase",
2274
- "IconSlot",
2275
- "Pressable"
2276
- ],
2277
- "internalComponentProps": {},
2278
- "propToVariantKeys": {
2279
- "variant": [
2280
- "chipDismissibleVariantRoot",
2281
- "chipDismissibleVariantIcon"
2422
+ "size": [
2423
+ "inputSizeRoot",
2424
+ "inputSizeInputWrapper",
2425
+ "inputSizeInput",
2426
+ "inputSizeLabel",
2427
+ "inputSizeStartIcon",
2428
+ "inputSizeEndIcon"
2282
2429
  ],
2283
- "dismissButtonAriaLabel": [
2284
- "aria-label"
2430
+ "startIcon": [
2431
+ "icon"
2432
+ ],
2433
+ "endIcon": [
2434
+ "icon"
2435
+ ],
2436
+ "helperTextIcon": [
2437
+ "startIcon"
2285
2438
  ]
2286
2439
  },
2287
2440
  "runtimeConfigDefaultProps": {},
@@ -2289,29 +2442,31 @@
2289
2442
  "runtimeConfigInternalComponentProps": {},
2290
2443
  "motionVarPrefixes": []
2291
2444
  },
2292
- "ChipLink": {
2293
- "name": "ChipLink",
2445
+ "InputHelpText": {
2446
+ "name": "InputHelpText",
2294
2447
  "defaultProps": {
2295
- "variant": "primary"
2448
+ "size": "md"
2296
2449
  },
2297
- "getStylesLiterals": {},
2298
- "cxLiterals": [
2299
- "uds-ring"
2300
- ],
2450
+ "getStylesLiterals": {
2451
+ "inputVariantRoot": "default",
2452
+ "inputVariantValueRoot": "empty",
2453
+ "inputVariantValueRoot:1": "filled"
2454
+ },
2455
+ "cxLiterals": [],
2301
2456
  "internalComponents": [
2302
- "ChipBase"
2457
+ "InputHelpTextInternal",
2458
+ "Box"
2303
2459
  ],
2304
2460
  "internalComponentProps": {
2305
- "ChipBase": {
2306
- "as": [
2307
- "a"
2461
+ "Box": {
2462
+ "spacingTop": [
2463
+ "2"
2308
2464
  ]
2309
2465
  }
2310
2466
  },
2311
2467
  "propToVariantKeys": {
2312
- "variant": [
2313
- "chipLinkVariantRoot",
2314
- "chipLinkVariantIcon"
2468
+ "size": [
2469
+ "inputSizeRoot"
2315
2470
  ]
2316
2471
  },
2317
2472
  "runtimeConfigDefaultProps": {},
@@ -2319,33 +2474,42 @@
2319
2474
  "runtimeConfigInternalComponentProps": {},
2320
2475
  "motionVarPrefixes": []
2321
2476
  },
2322
- "ChipToggle": {
2323
- "name": "ChipToggle",
2324
- "defaultProps": {
2325
- "variant": "primary",
2326
- "role": "checkbox"
2327
- },
2477
+ "InputHelpTextInternal": {
2478
+ "name": "InputHelpTextInternal",
2479
+ "defaultProps": {},
2328
2480
  "getStylesLiterals": {
2329
- "chipToggleVariantActiveRoot": "on",
2330
- "chipToggleVariantActiveRoot:1": "off"
2481
+ "inputVariantHelperText": "default",
2482
+ "inputVariantValueHelperText": "empty",
2483
+ "inputVariantValueHelperText:1": "filled",
2484
+ "inputVariantHelperIcon": "default",
2485
+ "inputVariantValueHelperIcon": "empty",
2486
+ "inputVariantValueHelperIcon:1": "filled"
2331
2487
  },
2332
- "cxLiterals": [
2333
- "uds-ring"
2334
- ],
2488
+ "cxLiterals": [],
2335
2489
  "internalComponents": [
2336
- "ChipBase"
2490
+ "IconSlot",
2491
+ "HStack"
2337
2492
  ],
2338
2493
  "internalComponentProps": {
2339
- "ChipBase": {
2340
- "as": [
2341
- "button"
2494
+ "HStack": {
2495
+ "gap": [
2496
+ "1"
2497
+ ],
2498
+ "alignItems": [
2499
+ "center"
2342
2500
  ]
2343
2501
  }
2344
2502
  },
2345
2503
  "propToVariantKeys": {
2346
- "variant": [
2347
- "chipToggleVariantRoot",
2348
- "chipToggleVariantIcon"
2504
+ "size": [
2505
+ "inputSizeHelperText",
2506
+ "inputSizeHelperIcon"
2507
+ ],
2508
+ "startIcon": [
2509
+ "icon"
2510
+ ],
2511
+ "endIcon": [
2512
+ "icon"
2349
2513
  ]
2350
2514
  },
2351
2515
  "runtimeConfigDefaultProps": {},
@@ -2618,167 +2782,6 @@
2618
2782
  "runtimeConfigInternalComponentProps": {},
2619
2783
  "motionVarPrefixes": []
2620
2784
  },
2621
- "Popover": {
2622
- "name": "Popover",
2623
- "defaultProps": {},
2624
- "getStylesLiterals": {},
2625
- "cxLiterals": [],
2626
- "internalComponents": [
2627
- "PopoverInternalContext.Provider",
2628
- "PopoverProvider"
2629
- ],
2630
- "internalComponentProps": {},
2631
- "propToVariantKeys": {},
2632
- "runtimeConfigDefaultProps": {
2633
- "size": "popover.defaultSize",
2634
- "variant": "popover.defaultVariant"
2635
- },
2636
- "runtimeConfigGetStyles": {},
2637
- "runtimeConfigInternalComponentProps": {},
2638
- "motionVarPrefixes": []
2639
- },
2640
- "PopoverContent": {
2641
- "name": "PopoverContent",
2642
- "defaultProps": {},
2643
- "getStylesLiterals": {
2644
- "popoverSizeRoot": "default",
2645
- "popoverVariantRoot": "default",
2646
- "display": "flex",
2647
- "position": "relative",
2648
- "display:1": "block",
2649
- "spacingTop": "0",
2650
- "spacingStart": "0",
2651
- "spacingBottom": "0",
2652
- "spacingEnd": "0",
2653
- "popoverSizeSvgBase": "default",
2654
- "popoverVariantSvgBase": "default",
2655
- "popoverSizeSvgBorder": "default",
2656
- "popoverVariantSvgBorder": "default",
2657
- "popoverVariantBlur": "default",
2658
- "position:1": "absolute",
2659
- "width": "full",
2660
- "height": "full",
2661
- "flexShrink": "0",
2662
- "borderRadius": "full",
2663
- "alignItems": "center",
2664
- "justifyContent": "center",
2665
- "popoverVariantCloseIcon": "default",
2666
- "popoverSizeCloseIcon": "default"
2667
- },
2668
- "cxLiterals": [
2669
- "z-[9999]",
2670
- "outline-none",
2671
- "focus-visible:outline-none",
2672
- "uds-bgBlurFillFallback",
2673
- "uds-bgBlurFallback",
2674
- "top-0",
2675
- "left-0",
2676
- "z-[1]",
2677
- "duration-0",
2678
- "duration-120",
2679
- "transition-[background-color]",
2680
- "bg-carbon-15/0",
2681
- "hover:bg-carbon-15/10",
2682
- "active:bg-carbon-15/15",
2683
- "uds-ring",
2684
- "absolute",
2685
- "z-[4]"
2686
- ],
2687
- "internalComponents": [
2688
- "PopoverDismiss",
2689
- "IconSlot",
2690
- "PopoverArrow",
2691
- "Popover",
2692
- "SvgFloatingOverlay",
2693
- "Box",
2694
- "Pressable"
2695
- ],
2696
- "internalComponentProps": {},
2697
- "propToVariantKeys": {
2698
- "closeIcon": [
2699
- "icon"
2700
- ]
2701
- },
2702
- "runtimeConfigDefaultProps": {
2703
- "size": "popover.defaultSize",
2704
- "variant": "popover.defaultVariant"
2705
- },
2706
- "runtimeConfigGetStyles": {
2707
- "spacingTop": [
2708
- "popover.spacingVertical.${size}"
2709
- ],
2710
- "spacingStart": [
2711
- "popover.spacingHorizontal.${size}"
2712
- ],
2713
- "spacingBottom": [
2714
- "popover.spacingVertical.${size}"
2715
- ],
2716
- "spacingEnd": [
2717
- "popover.spacingHorizontal.${size}"
2718
- ]
2719
- },
2720
- "runtimeConfigInternalComponentProps": {
2721
- "SvgFloatingOverlay": {
2722
- "borderRadius": [
2723
- "popover.borderRadius.${size}"
2724
- ]
2725
- }
2726
- },
2727
- "motionVarPrefixes": []
2728
- },
2729
- "PopoverContext": {
2730
- "name": "PopoverContext",
2731
- "defaultProps": {},
2732
- "getStylesLiterals": {},
2733
- "cxLiterals": [],
2734
- "internalComponents": [],
2735
- "internalComponentProps": {},
2736
- "propToVariantKeys": {},
2737
- "runtimeConfigDefaultProps": {},
2738
- "runtimeConfigGetStyles": {},
2739
- "runtimeConfigInternalComponentProps": {},
2740
- "motionVarPrefixes": []
2741
- },
2742
- "PopoverTrigger": {
2743
- "name": "PopoverTrigger",
2744
- "defaultProps": {},
2745
- "getStylesLiterals": {},
2746
- "cxLiterals": [],
2747
- "internalComponents": [
2748
- "PopoverDisclosure"
2749
- ],
2750
- "internalComponentProps": {
2751
- "PopoverDisclosure": {
2752
- "className": [
2753
- "inline"
2754
- ]
2755
- }
2756
- },
2757
- "propToVariantKeys": {
2758
- "children": [
2759
- "render"
2760
- ]
2761
- },
2762
- "runtimeConfigDefaultProps": {},
2763
- "runtimeConfigGetStyles": {},
2764
- "runtimeConfigInternalComponentProps": {},
2765
- "motionVarPrefixes": []
2766
- },
2767
- "UDSPopoverConfigProvider": {
2768
- "name": "UDSPopoverConfigProvider",
2769
- "defaultProps": {},
2770
- "getStylesLiterals": {},
2771
- "cxLiterals": [],
2772
- "internalComponents": [
2773
- "PopoverContext.Provider"
2774
- ],
2775
- "internalComponentProps": {},
2776
- "propToVariantKeys": {},
2777
- "runtimeConfigDefaultProps": {},
2778
- "runtimeConfigGetStyles": {},
2779
- "runtimeConfigInternalComponentProps": {},
2780
- "motionVarPrefixes": []
2781
- },
2782
2785
  "Radio": {
2783
2786
  "name": "Radio",
2784
2787
  "defaultProps": {