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