@yahoo/uds 3.129.0 → 3.130.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.
@@ -927,6 +927,134 @@ var AvatarText = {
927
927
  "runtimeConfigInternalComponentProps": {},
928
928
  "motionVarPrefixes": []
929
929
  };
930
+ var Chip = {
931
+ "name": "Chip",
932
+ "defaultProps": {},
933
+ "getStylesLiterals": {},
934
+ "cxLiterals": [],
935
+ "internalComponents": [
936
+ "ChipDismissible",
937
+ "ChipToggle",
938
+ "ChipLink",
939
+ "ChipButton"
940
+ ],
941
+ "internalComponentProps": {},
942
+ "propToVariantKeys": {},
943
+ "runtimeConfigDefaultProps": {},
944
+ "runtimeConfigGetStyles": {},
945
+ "runtimeConfigInternalComponentProps": {},
946
+ "motionVarPrefixes": []
947
+ };
948
+ var ChipBase = {
949
+ "name": "ChipBase",
950
+ "defaultProps": {
951
+ "size": "md",
952
+ "as": "div"
953
+ },
954
+ "getStylesLiterals": {},
955
+ "cxLiterals": [
956
+ "pointer-events-none",
957
+ "cursor-default",
958
+ "opacity-50",
959
+ "inline-flex",
960
+ "items-center",
961
+ "transition-[background-color,outline-color,box-shadow]",
962
+ "truncate",
963
+ "whitespace-nowrap",
964
+ "text-center",
965
+ "flex-1"
966
+ ],
967
+ "internalComponents": [
968
+ "IconSlot",
969
+ "HStack",
970
+ "As",
971
+ "Text"
972
+ ],
973
+ "internalComponentProps": { "Text": {
974
+ "as": ["span"],
975
+ "color": ["current"],
976
+ "variant": ["inherit"]
977
+ } },
978
+ "propToVariantKeys": {
979
+ "size": ["chipSizeRoot", "chipSizeIcon"],
980
+ "startIcon": ["icon"],
981
+ "endIcon": ["icon"]
982
+ },
983
+ "runtimeConfigDefaultProps": {},
984
+ "runtimeConfigGetStyles": {},
985
+ "runtimeConfigInternalComponentProps": {},
986
+ "motionVarPrefixes": []
987
+ };
988
+ var ChipButton = {
989
+ "name": "ChipButton",
990
+ "defaultProps": { "variant": "primary" },
991
+ "getStylesLiterals": {},
992
+ "cxLiterals": ["uds-ring"],
993
+ "internalComponents": ["ChipBase"],
994
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
995
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
996
+ "runtimeConfigDefaultProps": {},
997
+ "runtimeConfigGetStyles": {},
998
+ "runtimeConfigInternalComponentProps": {},
999
+ "motionVarPrefixes": []
1000
+ };
1001
+ var ChipDismissible = {
1002
+ "name": "ChipDismissible",
1003
+ "defaultProps": { "variant": "primary" },
1004
+ "getStylesLiterals": {},
1005
+ "cxLiterals": [
1006
+ "uds-chip-dismissible-button",
1007
+ "uds-hit-target",
1008
+ "uds-ring",
1009
+ "rounded-full"
1010
+ ],
1011
+ "internalComponents": [
1012
+ "ChipBase",
1013
+ "IconSlot",
1014
+ "Pressable"
1015
+ ],
1016
+ "internalComponentProps": {},
1017
+ "propToVariantKeys": {
1018
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1019
+ "dismissButtonAriaLabel": ["aria-label"]
1020
+ },
1021
+ "runtimeConfigDefaultProps": {},
1022
+ "runtimeConfigGetStyles": {},
1023
+ "runtimeConfigInternalComponentProps": {},
1024
+ "motionVarPrefixes": []
1025
+ };
1026
+ var ChipLink = {
1027
+ "name": "ChipLink",
1028
+ "defaultProps": { "variant": "primary" },
1029
+ "getStylesLiterals": {},
1030
+ "cxLiterals": ["uds-ring"],
1031
+ "internalComponents": ["ChipBase"],
1032
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1033
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1034
+ "runtimeConfigDefaultProps": {},
1035
+ "runtimeConfigGetStyles": {},
1036
+ "runtimeConfigInternalComponentProps": {},
1037
+ "motionVarPrefixes": []
1038
+ };
1039
+ var ChipToggle = {
1040
+ "name": "ChipToggle",
1041
+ "defaultProps": {
1042
+ "variant": "primary",
1043
+ "role": "checkbox"
1044
+ },
1045
+ "getStylesLiterals": {
1046
+ "chipToggleVariantActiveRoot": "on",
1047
+ "chipToggleVariantActiveRoot:1": "off"
1048
+ },
1049
+ "cxLiterals": ["uds-ring"],
1050
+ "internalComponents": ["ChipBase"],
1051
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1052
+ "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1053
+ "runtimeConfigDefaultProps": {},
1054
+ "runtimeConfigGetStyles": {},
1055
+ "runtimeConfigInternalComponentProps": {},
1056
+ "motionVarPrefixes": []
1057
+ };
930
1058
  var Input = {
931
1059
  "name": "Input",
932
1060
  "defaultProps": {
@@ -1056,132 +1184,6 @@ var InputHelpTextInternal = {
1056
1184
  "runtimeConfigInternalComponentProps": {},
1057
1185
  "motionVarPrefixes": []
1058
1186
  };
1059
- var Popover = {
1060
- "name": "Popover",
1061
- "defaultProps": {},
1062
- "getStylesLiterals": {},
1063
- "cxLiterals": [],
1064
- "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1065
- "internalComponentProps": {},
1066
- "propToVariantKeys": {},
1067
- "runtimeConfigDefaultProps": {
1068
- "size": "popover.defaultSize",
1069
- "variant": "popover.defaultVariant"
1070
- },
1071
- "runtimeConfigGetStyles": {},
1072
- "runtimeConfigInternalComponentProps": {},
1073
- "motionVarPrefixes": []
1074
- };
1075
- var PopoverContent = {
1076
- "name": "PopoverContent",
1077
- "defaultProps": {},
1078
- "getStylesLiterals": {
1079
- "popoverSizeRoot": "default",
1080
- "popoverVariantRoot": "default",
1081
- "display": "flex",
1082
- "position": "relative",
1083
- "display:1": "block",
1084
- "spacingTop": "0",
1085
- "spacingStart": "0",
1086
- "spacingBottom": "0",
1087
- "spacingEnd": "0",
1088
- "popoverSizeSvgBase": "default",
1089
- "popoverVariantSvgBase": "default",
1090
- "popoverSizeSvgBorder": "default",
1091
- "popoverVariantSvgBorder": "default",
1092
- "popoverVariantBlur": "default",
1093
- "position:1": "absolute",
1094
- "width": "full",
1095
- "height": "full",
1096
- "flexShrink": "0",
1097
- "borderRadius": "full",
1098
- "alignItems": "center",
1099
- "justifyContent": "center",
1100
- "popoverVariantCloseIcon": "default",
1101
- "popoverSizeCloseIcon": "default"
1102
- },
1103
- "cxLiterals": [
1104
- "z-[9999]",
1105
- "outline-none",
1106
- "focus-visible:outline-none",
1107
- "uds-bgBlurFillFallback",
1108
- "uds-bgBlurFallback",
1109
- "top-0",
1110
- "left-0",
1111
- "z-[1]",
1112
- "duration-0",
1113
- "duration-120",
1114
- "transition-[background-color]",
1115
- "bg-carbon-15/0",
1116
- "hover:bg-carbon-15/10",
1117
- "active:bg-carbon-15/15",
1118
- "uds-ring",
1119
- "absolute",
1120
- "z-[4]"
1121
- ],
1122
- "internalComponents": [
1123
- "PopoverDismiss",
1124
- "IconSlot",
1125
- "PopoverArrow",
1126
- "Popover",
1127
- "SvgFloatingOverlay",
1128
- "Box",
1129
- "Pressable"
1130
- ],
1131
- "internalComponentProps": {},
1132
- "propToVariantKeys": { "closeIcon": ["icon"] },
1133
- "runtimeConfigDefaultProps": {
1134
- "size": "popover.defaultSize",
1135
- "variant": "popover.defaultVariant"
1136
- },
1137
- "runtimeConfigGetStyles": {
1138
- "spacingTop": ["popover.spacingVertical.${size}"],
1139
- "spacingStart": ["popover.spacingHorizontal.${size}"],
1140
- "spacingBottom": ["popover.spacingVertical.${size}"],
1141
- "spacingEnd": ["popover.spacingHorizontal.${size}"]
1142
- },
1143
- "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
1144
- "motionVarPrefixes": []
1145
- };
1146
- var PopoverContext = {
1147
- "name": "PopoverContext",
1148
- "defaultProps": {},
1149
- "getStylesLiterals": {},
1150
- "cxLiterals": [],
1151
- "internalComponents": [],
1152
- "internalComponentProps": {},
1153
- "propToVariantKeys": {},
1154
- "runtimeConfigDefaultProps": {},
1155
- "runtimeConfigGetStyles": {},
1156
- "runtimeConfigInternalComponentProps": {},
1157
- "motionVarPrefixes": []
1158
- };
1159
- var PopoverTrigger = {
1160
- "name": "PopoverTrigger",
1161
- "defaultProps": {},
1162
- "getStylesLiterals": {},
1163
- "cxLiterals": [],
1164
- "internalComponents": ["PopoverDisclosure"],
1165
- "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1166
- "propToVariantKeys": { "children": ["render"] },
1167
- "runtimeConfigDefaultProps": {},
1168
- "runtimeConfigGetStyles": {},
1169
- "runtimeConfigInternalComponentProps": {},
1170
- "motionVarPrefixes": []
1171
- };
1172
- var UDSPopoverConfigProvider = {
1173
- "name": "UDSPopoverConfigProvider",
1174
- "defaultProps": {},
1175
- "getStylesLiterals": {},
1176
- "cxLiterals": [],
1177
- "internalComponents": ["PopoverContext.Provider"],
1178
- "internalComponentProps": {},
1179
- "propToVariantKeys": {},
1180
- "runtimeConfigDefaultProps": {},
1181
- "runtimeConfigGetStyles": {},
1182
- "runtimeConfigInternalComponentProps": {},
1183
- "motionVarPrefixes": []
1184
- };
1185
1187
  var BottomSheet = {
1186
1188
  "name": "BottomSheet",
1187
1189
  "defaultProps": { "variant": "default" },
@@ -1589,129 +1591,127 @@ var Menu = {
1589
1591
  "runtimeConfigInternalComponentProps": {},
1590
1592
  "motionVarPrefixes": []
1591
1593
  };
1592
- var Chip = {
1593
- "name": "Chip",
1594
+ var Popover = {
1595
+ "name": "Popover",
1594
1596
  "defaultProps": {},
1595
1597
  "getStylesLiterals": {},
1596
1598
  "cxLiterals": [],
1597
- "internalComponents": [
1598
- "ChipDismissible",
1599
- "ChipToggle",
1600
- "ChipLink",
1601
- "ChipButton"
1602
- ],
1599
+ "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1603
1600
  "internalComponentProps": {},
1604
1601
  "propToVariantKeys": {},
1605
- "runtimeConfigDefaultProps": {},
1602
+ "runtimeConfigDefaultProps": {
1603
+ "size": "popover.defaultSize",
1604
+ "variant": "popover.defaultVariant"
1605
+ },
1606
1606
  "runtimeConfigGetStyles": {},
1607
1607
  "runtimeConfigInternalComponentProps": {},
1608
1608
  "motionVarPrefixes": []
1609
1609
  };
1610
- var ChipBase = {
1611
- "name": "ChipBase",
1612
- "defaultProps": {
1613
- "size": "md",
1614
- "as": "div"
1610
+ var PopoverContent = {
1611
+ "name": "PopoverContent",
1612
+ "defaultProps": {},
1613
+ "getStylesLiterals": {
1614
+ "popoverSizeRoot": "default",
1615
+ "popoverVariantRoot": "default",
1616
+ "display": "flex",
1617
+ "position": "relative",
1618
+ "display:1": "block",
1619
+ "spacingTop": "0",
1620
+ "spacingStart": "0",
1621
+ "spacingBottom": "0",
1622
+ "spacingEnd": "0",
1623
+ "popoverSizeSvgBase": "default",
1624
+ "popoverVariantSvgBase": "default",
1625
+ "popoverSizeSvgBorder": "default",
1626
+ "popoverVariantSvgBorder": "default",
1627
+ "popoverVariantBlur": "default",
1628
+ "position:1": "absolute",
1629
+ "width": "full",
1630
+ "height": "full",
1631
+ "flexShrink": "0",
1632
+ "borderRadius": "full",
1633
+ "alignItems": "center",
1634
+ "justifyContent": "center",
1635
+ "popoverVariantCloseIcon": "default",
1636
+ "popoverSizeCloseIcon": "default"
1615
1637
  },
1616
- "getStylesLiterals": {},
1617
1638
  "cxLiterals": [
1618
- "pointer-events-none",
1619
- "cursor-default",
1620
- "opacity-50",
1621
- "inline-flex",
1622
- "items-center",
1623
- "transition-[background-color,outline-color,box-shadow]",
1624
- "truncate",
1625
- "whitespace-nowrap",
1626
- "text-center",
1627
- "flex-1"
1639
+ "z-[9999]",
1640
+ "outline-none",
1641
+ "focus-visible:outline-none",
1642
+ "uds-bgBlurFillFallback",
1643
+ "uds-bgBlurFallback",
1644
+ "top-0",
1645
+ "left-0",
1646
+ "z-[1]",
1647
+ "duration-0",
1648
+ "duration-120",
1649
+ "transition-[background-color]",
1650
+ "bg-carbon-15/0",
1651
+ "hover:bg-carbon-15/10",
1652
+ "active:bg-carbon-15/15",
1653
+ "uds-ring",
1654
+ "absolute",
1655
+ "z-[4]"
1628
1656
  ],
1629
1657
  "internalComponents": [
1658
+ "PopoverDismiss",
1630
1659
  "IconSlot",
1631
- "HStack",
1632
- "As",
1633
- "Text"
1660
+ "PopoverArrow",
1661
+ "Popover",
1662
+ "SvgFloatingOverlay",
1663
+ "Box",
1664
+ "Pressable"
1634
1665
  ],
1635
- "internalComponentProps": { "Text": {
1636
- "as": ["span"],
1637
- "color": ["current"],
1638
- "variant": ["inherit"]
1639
- } },
1640
- "propToVariantKeys": {
1641
- "size": ["chipSizeRoot", "chipSizeIcon"],
1642
- "startIcon": ["icon"],
1643
- "endIcon": ["icon"]
1666
+ "internalComponentProps": {},
1667
+ "propToVariantKeys": { "closeIcon": ["icon"] },
1668
+ "runtimeConfigDefaultProps": {
1669
+ "size": "popover.defaultSize",
1670
+ "variant": "popover.defaultVariant"
1644
1671
  },
1645
- "runtimeConfigDefaultProps": {},
1646
- "runtimeConfigGetStyles": {},
1647
- "runtimeConfigInternalComponentProps": {},
1648
- "motionVarPrefixes": []
1649
- };
1650
- var ChipButton = {
1651
- "name": "ChipButton",
1652
- "defaultProps": { "variant": "primary" },
1653
- "getStylesLiterals": {},
1654
- "cxLiterals": ["uds-ring"],
1655
- "internalComponents": ["ChipBase"],
1656
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1657
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1658
- "runtimeConfigDefaultProps": {},
1659
- "runtimeConfigGetStyles": {},
1660
- "runtimeConfigInternalComponentProps": {},
1672
+ "runtimeConfigGetStyles": {
1673
+ "spacingTop": ["popover.spacingVertical.${size}"],
1674
+ "spacingStart": ["popover.spacingHorizontal.${size}"],
1675
+ "spacingBottom": ["popover.spacingVertical.${size}"],
1676
+ "spacingEnd": ["popover.spacingHorizontal.${size}"]
1677
+ },
1678
+ "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
1661
1679
  "motionVarPrefixes": []
1662
1680
  };
1663
- var ChipDismissible = {
1664
- "name": "ChipDismissible",
1665
- "defaultProps": { "variant": "primary" },
1681
+ var PopoverContext = {
1682
+ "name": "PopoverContext",
1683
+ "defaultProps": {},
1666
1684
  "getStylesLiterals": {},
1667
- "cxLiterals": [
1668
- "uds-chip-dismissible-button",
1669
- "uds-hit-target",
1670
- "uds-ring",
1671
- "rounded-full"
1672
- ],
1673
- "internalComponents": [
1674
- "ChipBase",
1675
- "IconSlot",
1676
- "Pressable"
1677
- ],
1685
+ "cxLiterals": [],
1686
+ "internalComponents": [],
1678
1687
  "internalComponentProps": {},
1679
- "propToVariantKeys": {
1680
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1681
- "dismissButtonAriaLabel": ["aria-label"]
1682
- },
1688
+ "propToVariantKeys": {},
1683
1689
  "runtimeConfigDefaultProps": {},
1684
1690
  "runtimeConfigGetStyles": {},
1685
1691
  "runtimeConfigInternalComponentProps": {},
1686
1692
  "motionVarPrefixes": []
1687
1693
  };
1688
- var ChipLink = {
1689
- "name": "ChipLink",
1690
- "defaultProps": { "variant": "primary" },
1694
+ var PopoverTrigger = {
1695
+ "name": "PopoverTrigger",
1696
+ "defaultProps": {},
1691
1697
  "getStylesLiterals": {},
1692
- "cxLiterals": ["uds-ring"],
1693
- "internalComponents": ["ChipBase"],
1694
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1695
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1698
+ "cxLiterals": [],
1699
+ "internalComponents": ["PopoverDisclosure"],
1700
+ "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1701
+ "propToVariantKeys": { "children": ["render"] },
1696
1702
  "runtimeConfigDefaultProps": {},
1697
1703
  "runtimeConfigGetStyles": {},
1698
1704
  "runtimeConfigInternalComponentProps": {},
1699
1705
  "motionVarPrefixes": []
1700
1706
  };
1701
- var ChipToggle = {
1702
- "name": "ChipToggle",
1703
- "defaultProps": {
1704
- "variant": "primary",
1705
- "role": "checkbox"
1706
- },
1707
- "getStylesLiterals": {
1708
- "chipToggleVariantActiveRoot": "on",
1709
- "chipToggleVariantActiveRoot:1": "off"
1710
- },
1711
- "cxLiterals": ["uds-ring"],
1712
- "internalComponents": ["ChipBase"],
1713
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1714
- "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1707
+ var UDSPopoverConfigProvider = {
1708
+ "name": "UDSPopoverConfigProvider",
1709
+ "defaultProps": {},
1710
+ "getStylesLiterals": {},
1711
+ "cxLiterals": [],
1712
+ "internalComponents": ["PopoverContext.Provider"],
1713
+ "internalComponentProps": {},
1714
+ "propToVariantKeys": {},
1715
1715
  "runtimeConfigDefaultProps": {},
1716
1716
  "runtimeConfigGetStyles": {},
1717
1717
  "runtimeConfigInternalComponentProps": {},
@@ -2527,14 +2527,15 @@ var componentData_default = {
2527
2527
  AvatarIcon,
2528
2528
  AvatarImage,
2529
2529
  AvatarText,
2530
+ Chip,
2531
+ ChipBase,
2532
+ ChipButton,
2533
+ ChipDismissible,
2534
+ ChipLink,
2535
+ ChipToggle,
2530
2536
  Input,
2531
2537
  InputHelpText,
2532
2538
  InputHelpTextInternal,
2533
- Popover,
2534
- PopoverContent,
2535
- PopoverContext,
2536
- PopoverTrigger,
2537
- UDSPopoverConfigProvider,
2538
2539
  BottomSheet,
2539
2540
  BottomSheetContent,
2540
2541
  BottomSheetDismiss,
@@ -2553,12 +2554,11 @@ var componentData_default = {
2553
2554
  "Menu.Trigger": Menu_Trigger,
2554
2555
  "Menu.index": Menu_index,
2555
2556
  Menu,
2556
- Chip,
2557
- ChipBase,
2558
- ChipButton,
2559
- ChipDismissible,
2560
- ChipLink,
2561
- ChipToggle,
2557
+ Popover,
2558
+ PopoverContent,
2559
+ PopoverContext,
2560
+ PopoverTrigger,
2561
+ UDSPopoverConfigProvider,
2562
2562
  Radio,
2563
2563
  RadioGroupProvider,
2564
2564
  RadioGroupStore,