@yahoo/uds 3.116.0-beta.3 → 3.116.0-beta.4

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 (47) hide show
  1. package/dist/automated-config/dist/generated/autoVariants.cjs +1 -0
  2. package/dist/automated-config/dist/generated/autoVariants.d.cts +1 -0
  3. package/dist/automated-config/dist/generated/autoVariants.d.ts +1 -0
  4. package/dist/automated-config/dist/generated/autoVariants.js +1 -0
  5. package/dist/automated-config/dist/generated/generatedConfigs.cjs +48 -0
  6. package/dist/automated-config/dist/generated/generatedConfigs.d.cts +14 -0
  7. package/dist/automated-config/dist/generated/generatedConfigs.d.ts +14 -0
  8. package/dist/automated-config/dist/generated/generatedConfigs.js +48 -0
  9. package/dist/automated-config/dist/generated/universalTokensConfigAuto.cjs +5 -0
  10. package/dist/automated-config/dist/generated/universalTokensConfigAuto.js +5 -0
  11. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
  12. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
  13. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  14. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  15. package/dist/components/client/Popover/PopoverContent.cjs +4 -3
  16. package/dist/components/client/Popover/PopoverContent.js +4 -3
  17. package/dist/config/dist/index.cjs +5 -0
  18. package/dist/config/dist/index.js +5 -0
  19. package/dist/runtime/popoverConfig.cjs +6 -11
  20. package/dist/runtime/popoverConfig.d.cts +2 -1
  21. package/dist/runtime/popoverConfig.d.ts +2 -1
  22. package/dist/runtime/popoverConfig.js +6 -11
  23. package/dist/styles/styler.d.cts +70 -69
  24. package/dist/styles/styler.d.ts +70 -69
  25. package/dist/styles/variants.d.cts +3 -0
  26. package/dist/styles/variants.d.ts +3 -0
  27. package/dist/tailwind/dist/commands/generateComponentData.cjs +2 -0
  28. package/dist/tailwind/dist/commands/generateComponentData.js +3 -1
  29. package/dist/tailwind/dist/commands/generatePurgeCSSData.cjs +3 -8
  30. package/dist/tailwind/dist/commands/generatePurgeCSSData.js +3 -8
  31. package/dist/tailwind/dist/purger/optimized/purgeFromCode.cjs +22 -2
  32. package/dist/tailwind/dist/purger/optimized/purgeFromCode.js +22 -2
  33. package/dist/tailwind/dist/tailwind/plugins/getTailwindAsUdsColors.cjs +294 -10
  34. package/dist/tailwind/dist/tailwind/plugins/getTailwindAsUdsColors.js +294 -9
  35. package/dist/tailwind/dist/tailwind/utils/getFontStyles.d.cts +1 -1
  36. package/dist/tailwind/dist/tailwind/utils/getFontStyles.d.ts +1 -1
  37. package/dist/uds/generated/componentData.cjs +226 -225
  38. package/dist/uds/generated/componentData.js +226 -225
  39. package/dist/uds/generated/tailwindPurge.cjs +219 -218
  40. package/dist/uds/generated/tailwindPurge.js +219 -218
  41. package/dist/uds/package.cjs +1 -1
  42. package/dist/uds/package.js +1 -1
  43. package/generated/componentData.json +306 -305
  44. package/generated/tailwindPurge.ts +5 -4604
  45. package/package.json +2 -2
  46. package/dist/tailwind/dist/.prettierrc.cjs +0 -13
  47. package/dist/tailwind/dist/.prettierrc.js +0 -12
@@ -622,6 +622,95 @@ var Pressable = {
622
622
  "propToVariantKeys": {},
623
623
  "motionVarPrefixes": []
624
624
  };
625
+ var AvatarImage = {
626
+ "name": "AvatarImage",
627
+ "defaultProps": {
628
+ "size": "md",
629
+ "variant": "primary"
630
+ },
631
+ "getStylesLiterals": {},
632
+ "cxLiterals": [
633
+ "overflow-hidden",
634
+ "w-full",
635
+ "h-full",
636
+ "shrink-0",
637
+ "text-center",
638
+ "inline-flex",
639
+ "justify-center",
640
+ "items-center",
641
+ "object-cover"
642
+ ],
643
+ "internalComponents": [
644
+ "UDSImage",
645
+ "AvatarText",
646
+ "AvatarIcon",
647
+ "Box"
648
+ ],
649
+ "internalComponentProps": {},
650
+ "propToVariantKeys": {
651
+ "alt": ["name"],
652
+ "fallback": ["initials"]
653
+ },
654
+ "motionVarPrefixes": []
655
+ };
656
+ var AvatarText = {
657
+ "name": "AvatarText",
658
+ "defaultProps": {
659
+ "size": "md",
660
+ "variant": "primary"
661
+ },
662
+ "getStylesLiterals": {},
663
+ "cxLiterals": [
664
+ "overflow-hidden",
665
+ "truncate",
666
+ "w-full",
667
+ "h-full",
668
+ "shrink-0",
669
+ "text-center",
670
+ "inline-flex",
671
+ "justify-center",
672
+ "items-center"
673
+ ],
674
+ "internalComponents": ["Box", "Text"],
675
+ "internalComponentProps": { "Text": {
676
+ "color": ["inherit"],
677
+ "variant": ["inherit"]
678
+ } },
679
+ "propToVariantKeys": {},
680
+ "motionVarPrefixes": []
681
+ };
682
+ var Avatar = {
683
+ "name": "Avatar",
684
+ "defaultProps": {},
685
+ "getStylesLiterals": {},
686
+ "cxLiterals": [],
687
+ "internalComponents": ["AvatarImage"],
688
+ "internalComponentProps": {},
689
+ "propToVariantKeys": {},
690
+ "motionVarPrefixes": []
691
+ };
692
+ var AvatarIcon = {
693
+ "name": "AvatarIcon",
694
+ "defaultProps": {
695
+ "size": "md",
696
+ "variant": "primary"
697
+ },
698
+ "getStylesLiterals": {},
699
+ "cxLiterals": [
700
+ "overflow-hidden",
701
+ "w-full",
702
+ "h-full",
703
+ "shrink-0",
704
+ "text-center",
705
+ "inline-flex",
706
+ "justify-center",
707
+ "items-center"
708
+ ],
709
+ "internalComponents": ["IconSlot", "Box"],
710
+ "internalComponentProps": {},
711
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
712
+ "motionVarPrefixes": []
713
+ };
625
714
  var ExperimentalPopover = {
626
715
  "name": "ExperimentalPopover",
627
716
  "defaultProps": {},
@@ -1029,6 +1118,7 @@ var PopoverContent = {
1029
1118
  "bg-carbon-15/0",
1030
1119
  "hover:bg-carbon-15/10",
1031
1120
  "active:bg-carbon-15/15",
1121
+ "uds-ring",
1032
1122
  "absolute",
1033
1123
  "z-[4]"
1034
1124
  ],
@@ -1198,95 +1288,6 @@ var UDSBottomSheetConfigProvider = {
1198
1288
  "propToVariantKeys": {},
1199
1289
  "motionVarPrefixes": []
1200
1290
  };
1201
- var AvatarImage = {
1202
- "name": "AvatarImage",
1203
- "defaultProps": {
1204
- "size": "md",
1205
- "variant": "primary"
1206
- },
1207
- "getStylesLiterals": {},
1208
- "cxLiterals": [
1209
- "overflow-hidden",
1210
- "w-full",
1211
- "h-full",
1212
- "shrink-0",
1213
- "text-center",
1214
- "inline-flex",
1215
- "justify-center",
1216
- "items-center",
1217
- "object-cover"
1218
- ],
1219
- "internalComponents": [
1220
- "UDSImage",
1221
- "AvatarText",
1222
- "AvatarIcon",
1223
- "Box"
1224
- ],
1225
- "internalComponentProps": {},
1226
- "propToVariantKeys": {
1227
- "alt": ["name"],
1228
- "fallback": ["initials"]
1229
- },
1230
- "motionVarPrefixes": []
1231
- };
1232
- var AvatarText = {
1233
- "name": "AvatarText",
1234
- "defaultProps": {
1235
- "size": "md",
1236
- "variant": "primary"
1237
- },
1238
- "getStylesLiterals": {},
1239
- "cxLiterals": [
1240
- "overflow-hidden",
1241
- "truncate",
1242
- "w-full",
1243
- "h-full",
1244
- "shrink-0",
1245
- "text-center",
1246
- "inline-flex",
1247
- "justify-center",
1248
- "items-center"
1249
- ],
1250
- "internalComponents": ["Box", "Text"],
1251
- "internalComponentProps": { "Text": {
1252
- "color": ["inherit"],
1253
- "variant": ["inherit"]
1254
- } },
1255
- "propToVariantKeys": {},
1256
- "motionVarPrefixes": []
1257
- };
1258
- var Avatar = {
1259
- "name": "Avatar",
1260
- "defaultProps": {},
1261
- "getStylesLiterals": {},
1262
- "cxLiterals": [],
1263
- "internalComponents": ["AvatarImage"],
1264
- "internalComponentProps": {},
1265
- "propToVariantKeys": {},
1266
- "motionVarPrefixes": []
1267
- };
1268
- var AvatarIcon = {
1269
- "name": "AvatarIcon",
1270
- "defaultProps": {
1271
- "size": "md",
1272
- "variant": "primary"
1273
- },
1274
- "getStylesLiterals": {},
1275
- "cxLiterals": [
1276
- "overflow-hidden",
1277
- "w-full",
1278
- "h-full",
1279
- "shrink-0",
1280
- "text-center",
1281
- "inline-flex",
1282
- "justify-center",
1283
- "items-center"
1284
- ],
1285
- "internalComponents": ["IconSlot", "Box"],
1286
- "internalComponentProps": {},
1287
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1288
- "motionVarPrefixes": []
1289
- };
1290
1291
  var UDSToastConfigProvider = {
1291
1292
  "name": "UDSToastConfigProvider",
1292
1293
  "defaultProps": {},
@@ -1554,32 +1555,6 @@ var Tooltip = {
1554
1555
  "propToVariantKeys": {},
1555
1556
  "motionVarPrefixes": []
1556
1557
  };
1557
- var UDSConfigProvider = {
1558
- "name": "UDSConfigProvider",
1559
- "defaultProps": {},
1560
- "getStylesLiterals": {},
1561
- "cxLiterals": [],
1562
- "internalComponents": [
1563
- "UDSBreakpointsConfigProvider",
1564
- "UDSBottomSheetConfigProvider",
1565
- "UDSToastConfigProvider",
1566
- "UDSTooltipConfigProvider",
1567
- "UDSPopoverConfigProvider"
1568
- ],
1569
- "internalComponentProps": {},
1570
- "propToVariantKeys": {},
1571
- "motionVarPrefixes": []
1572
- };
1573
- var UDSBreakpointsConfigProvider = {
1574
- "name": "UDSBreakpointsConfigProvider",
1575
- "defaultProps": {},
1576
- "getStylesLiterals": {},
1577
- "cxLiterals": [],
1578
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1579
- "internalComponentProps": {},
1580
- "propToVariantKeys": {},
1581
- "motionVarPrefixes": []
1582
- };
1583
1558
  var Input = {
1584
1559
  "name": "Input",
1585
1560
  "defaultProps": {
@@ -1700,116 +1675,32 @@ var InputHelpTextInternal = {
1700
1675
  },
1701
1676
  "motionVarPrefixes": []
1702
1677
  };
1703
- var ChipLink = {
1704
- "name": "ChipLink",
1705
- "defaultProps": { "variant": "primary" },
1706
- "getStylesLiterals": {},
1707
- "cxLiterals": ["uds-ring"],
1708
- "internalComponents": ["ChipBase"],
1709
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1710
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1711
- "motionVarPrefixes": []
1712
- };
1713
- var ChipDismissible = {
1714
- "name": "ChipDismissible",
1715
- "defaultProps": { "variant": "primary" },
1678
+ var UDSConfigProvider = {
1679
+ "name": "UDSConfigProvider",
1680
+ "defaultProps": {},
1716
1681
  "getStylesLiterals": {},
1717
- "cxLiterals": [
1718
- "uds-chip-dismissible-button",
1719
- "uds-hit-target",
1720
- "uds-ring",
1721
- "rounded-full"
1722
- ],
1682
+ "cxLiterals": [],
1723
1683
  "internalComponents": [
1724
- "ChipBase",
1725
- "IconSlot",
1726
- "Pressable"
1684
+ "UDSBreakpointsConfigProvider",
1685
+ "UDSBottomSheetConfigProvider",
1686
+ "UDSToastConfigProvider",
1687
+ "UDSTooltipConfigProvider",
1688
+ "UDSPopoverConfigProvider"
1727
1689
  ],
1728
1690
  "internalComponentProps": {},
1729
- "propToVariantKeys": {
1730
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1731
- "dismissButtonAriaLabel": ["aria-label"]
1732
- },
1733
- "motionVarPrefixes": []
1734
- };
1735
- var ChipToggle = {
1736
- "name": "ChipToggle",
1737
- "defaultProps": {
1738
- "variant": "primary",
1739
- "role": "checkbox"
1740
- },
1741
- "getStylesLiterals": {
1742
- "chipToggleVariantActiveRoot": "on",
1743
- "chipToggleVariantActiveRoot:1": "off"
1744
- },
1745
- "cxLiterals": ["uds-ring"],
1746
- "internalComponents": ["ChipBase"],
1747
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1748
- "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1691
+ "propToVariantKeys": {},
1749
1692
  "motionVarPrefixes": []
1750
1693
  };
1751
- var Chip = {
1752
- "name": "Chip",
1694
+ var UDSBreakpointsConfigProvider = {
1695
+ "name": "UDSBreakpointsConfigProvider",
1753
1696
  "defaultProps": {},
1754
1697
  "getStylesLiterals": {},
1755
1698
  "cxLiterals": [],
1756
- "internalComponents": [
1757
- "ChipDismissible",
1758
- "ChipToggle",
1759
- "ChipLink",
1760
- "ChipButton"
1761
- ],
1699
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1762
1700
  "internalComponentProps": {},
1763
1701
  "propToVariantKeys": {},
1764
1702
  "motionVarPrefixes": []
1765
1703
  };
1766
- var ChipBase = {
1767
- "name": "ChipBase",
1768
- "defaultProps": {
1769
- "size": "md",
1770
- "as": "div"
1771
- },
1772
- "getStylesLiterals": {},
1773
- "cxLiterals": [
1774
- "pointer-events-none",
1775
- "cursor-default",
1776
- "opacity-50",
1777
- "inline-flex",
1778
- "items-center",
1779
- "transition-[background-color,outline-color,box-shadow]",
1780
- "truncate",
1781
- "whitespace-nowrap",
1782
- "text-center",
1783
- "flex-1"
1784
- ],
1785
- "internalComponents": [
1786
- "IconSlot",
1787
- "HStack",
1788
- "As",
1789
- "Text"
1790
- ],
1791
- "internalComponentProps": { "Text": {
1792
- "as": ["span"],
1793
- "color": ["current"],
1794
- "variant": ["inherit"]
1795
- } },
1796
- "propToVariantKeys": {
1797
- "size": ["chipSizeRoot", "chipSizeIcon"],
1798
- "startIcon": ["icon"],
1799
- "endIcon": ["icon"]
1800
- },
1801
- "motionVarPrefixes": []
1802
- };
1803
- var ChipButton = {
1804
- "name": "ChipButton",
1805
- "defaultProps": { "variant": "primary" },
1806
- "getStylesLiterals": {},
1807
- "cxLiterals": ["uds-ring"],
1808
- "internalComponents": ["ChipBase"],
1809
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1810
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1811
- "motionVarPrefixes": []
1812
- };
1813
1704
  var Menu_Item = {
1814
1705
  "name": "Menu.Item",
1815
1706
  "defaultProps": {},
@@ -1989,6 +1880,116 @@ var Menu_ItemCheckbox = {
1989
1880
  "propToVariantKeys": {},
1990
1881
  "motionVarPrefixes": []
1991
1882
  };
1883
+ var ChipLink = {
1884
+ "name": "ChipLink",
1885
+ "defaultProps": { "variant": "primary" },
1886
+ "getStylesLiterals": {},
1887
+ "cxLiterals": ["uds-ring"],
1888
+ "internalComponents": ["ChipBase"],
1889
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1890
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1891
+ "motionVarPrefixes": []
1892
+ };
1893
+ var ChipDismissible = {
1894
+ "name": "ChipDismissible",
1895
+ "defaultProps": { "variant": "primary" },
1896
+ "getStylesLiterals": {},
1897
+ "cxLiterals": [
1898
+ "uds-chip-dismissible-button",
1899
+ "uds-hit-target",
1900
+ "uds-ring",
1901
+ "rounded-full"
1902
+ ],
1903
+ "internalComponents": [
1904
+ "ChipBase",
1905
+ "IconSlot",
1906
+ "Pressable"
1907
+ ],
1908
+ "internalComponentProps": {},
1909
+ "propToVariantKeys": {
1910
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1911
+ "dismissButtonAriaLabel": ["aria-label"]
1912
+ },
1913
+ "motionVarPrefixes": []
1914
+ };
1915
+ var ChipToggle = {
1916
+ "name": "ChipToggle",
1917
+ "defaultProps": {
1918
+ "variant": "primary",
1919
+ "role": "checkbox"
1920
+ },
1921
+ "getStylesLiterals": {
1922
+ "chipToggleVariantActiveRoot": "on",
1923
+ "chipToggleVariantActiveRoot:1": "off"
1924
+ },
1925
+ "cxLiterals": ["uds-ring"],
1926
+ "internalComponents": ["ChipBase"],
1927
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1928
+ "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1929
+ "motionVarPrefixes": []
1930
+ };
1931
+ var Chip = {
1932
+ "name": "Chip",
1933
+ "defaultProps": {},
1934
+ "getStylesLiterals": {},
1935
+ "cxLiterals": [],
1936
+ "internalComponents": [
1937
+ "ChipDismissible",
1938
+ "ChipToggle",
1939
+ "ChipLink",
1940
+ "ChipButton"
1941
+ ],
1942
+ "internalComponentProps": {},
1943
+ "propToVariantKeys": {},
1944
+ "motionVarPrefixes": []
1945
+ };
1946
+ var ChipBase = {
1947
+ "name": "ChipBase",
1948
+ "defaultProps": {
1949
+ "size": "md",
1950
+ "as": "div"
1951
+ },
1952
+ "getStylesLiterals": {},
1953
+ "cxLiterals": [
1954
+ "pointer-events-none",
1955
+ "cursor-default",
1956
+ "opacity-50",
1957
+ "inline-flex",
1958
+ "items-center",
1959
+ "transition-[background-color,outline-color,box-shadow]",
1960
+ "truncate",
1961
+ "whitespace-nowrap",
1962
+ "text-center",
1963
+ "flex-1"
1964
+ ],
1965
+ "internalComponents": [
1966
+ "IconSlot",
1967
+ "HStack",
1968
+ "As",
1969
+ "Text"
1970
+ ],
1971
+ "internalComponentProps": { "Text": {
1972
+ "as": ["span"],
1973
+ "color": ["current"],
1974
+ "variant": ["inherit"]
1975
+ } },
1976
+ "propToVariantKeys": {
1977
+ "size": ["chipSizeRoot", "chipSizeIcon"],
1978
+ "startIcon": ["icon"],
1979
+ "endIcon": ["icon"]
1980
+ },
1981
+ "motionVarPrefixes": []
1982
+ };
1983
+ var ChipButton = {
1984
+ "name": "ChipButton",
1985
+ "defaultProps": { "variant": "primary" },
1986
+ "getStylesLiterals": {},
1987
+ "cxLiterals": ["uds-ring"],
1988
+ "internalComponents": ["ChipBase"],
1989
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1990
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1991
+ "motionVarPrefixes": []
1992
+ };
1992
1993
  var componentData_default = {
1993
1994
  Link,
1994
1995
  VStack,
@@ -2015,6 +2016,10 @@ var componentData_default = {
2015
2016
  Badge,
2016
2017
  AnimateHeightChange,
2017
2018
  Pressable,
2019
+ AvatarImage,
2020
+ AvatarText,
2021
+ Avatar,
2022
+ AvatarIcon,
2018
2023
  ExperimentalPopover,
2019
2024
  AvoidMotionLibraryProvider,
2020
2025
  SegmentedControl,
@@ -2035,10 +2040,6 @@ var componentData_default = {
2035
2040
  BottomSheetTrigger,
2036
2041
  BottomSheetProvider,
2037
2042
  UDSBottomSheetConfigProvider,
2038
- AvatarImage,
2039
- AvatarText,
2040
- Avatar,
2041
- AvatarIcon,
2042
2043
  UDSToastConfigProvider,
2043
2044
  Toast,
2044
2045
  ToastContainer,
@@ -2050,17 +2051,11 @@ var componentData_default = {
2050
2051
  TooltipTrigger,
2051
2052
  TooltipContent,
2052
2053
  Tooltip,
2053
- UDSConfigProvider,
2054
- UDSBreakpointsConfigProvider,
2055
2054
  Input,
2056
2055
  InputHelpText,
2057
2056
  InputHelpTextInternal,
2058
- ChipLink,
2059
- ChipDismissible,
2060
- ChipToggle,
2061
- Chip,
2062
- ChipBase,
2063
- ChipButton,
2057
+ UDSConfigProvider,
2058
+ UDSBreakpointsConfigProvider,
2064
2059
  "Menu.Item": Menu_Item,
2065
2060
  "Menu.Provider": Menu_Provider,
2066
2061
  "Menu.ItemBase": Menu_ItemBase,
@@ -2068,7 +2063,13 @@ var componentData_default = {
2068
2063
  "Menu.Content": Menu_Content,
2069
2064
  "Menu.Divider": Menu_Divider,
2070
2065
  Menu,
2071
- "Menu.ItemCheckbox": Menu_ItemCheckbox
2066
+ "Menu.ItemCheckbox": Menu_ItemCheckbox,
2067
+ ChipLink,
2068
+ ChipDismissible,
2069
+ ChipToggle,
2070
+ Chip,
2071
+ ChipBase,
2072
+ ChipButton
2072
2073
  };
2073
2074
 
2074
2075
  //#endregion