@yahoo/uds 3.172.1 → 3.173.1-beta.1

package/dist/uds/package.cjs

@@ -254,7 +254,7 @@ var package_default = {
 		"typecheck:uds": "tsc -p . --noEmit"
 	},
 	dependencies: {
-		"@ariakit/react": "^0.4.25",
+		"@ariakit/react": "^0.4.35",
 		"autoprefixer": "^10.5.0",
 		"clsx": "^2.1.1",
 		"culori": "^4.0.2",

package/dist/uds/package.js

@@ -254,7 +254,7 @@ var package_default = {
 		"typecheck:uds": "tsc -p . --noEmit"
 	},
 	dependencies: {
-		"@ariakit/react": "^0.4.25",
+		"@ariakit/react": "^0.4.35",
 		"autoprefixer": "^10.5.0",
 		"clsx": "^2.1.1",
 		"culori": "^4.0.2",

package/generated/componentData.json

@@ -1284,7 +1284,8 @@
       "IconSlot",
       "AriakitSelectItem",
       "HStack",
-      "AnimatePresence"
+      "AnimatePresence",
+      "SelectItemSelected"
     ],
     "internalComponentProps": {
       "HStack": {
@@ -1356,7 +1357,6 @@
       "flex",
       "w-full",
       "items-center",
-      "min-w-[200px]",
       "uds-ring-shadow",
       "uds-ring-within",
       "uds-select-field-trigger",
@@ -1465,7 +1465,6 @@
       "truncate",
       "text-left",
       "opacity-50",
-      "min-w-[200px]",
       "uds-ring-shadow",
       "uds-ring-within",
       "uds-select-field-trigger",
@@ -1581,7 +1580,6 @@
       "flex",
       "w-full",
       "items-center",
-      "min-w-[200px]",
       "uds-ring-shadow",
       "uds-ring-within",
       "uds-select-field-trigger",
@@ -1643,6 +1641,52 @@
       "--uds-motion-smooth-3-"
     ]
   },
+  "UDSConfigProvider": {
+    "name": "UDSConfigProvider",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "UDSBreakpointsConfigProvider",
+      "UDSAvatarConfigProvider",
+      "UDSBadgeConfigProvider",
+      "UDSBottomSheetConfigProvider",
+      "UDSButtonConfigProvider",
+      "UDSChipConfigProvider",
+      "UDSIconButtonConfigProvider",
+      "UDSInputConfigProvider",
+      "UDSMenuItemConfigProvider",
+      "UDSPaddleNavConfigProvider",
+      "UDSPaginationConfigProvider",
+      "UDSSelectItemConfigProvider",
+      "UDSTabConfigProvider",
+      "UDSToastConfigProvider",
+      "UDSTooltipConfigProvider",
+      "UDSPopoverConfigProvider",
+      "UDSModalConfigProvider"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "UDSBreakpointsConfigProvider": {
+    "name": "UDSBreakpointsConfigProvider",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "UDSBreakpointsConfigContext.Provider"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
   "Menu.Trigger": {
     "name": "Menu.Trigger",
     "defaultProps": {},
@@ -1934,52 +1978,6 @@
       "--uds-motion-smooth-3-"
     ]
   },
-  "UDSConfigProvider": {
-    "name": "UDSConfigProvider",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [
-      "UDSBreakpointsConfigProvider",
-      "UDSAvatarConfigProvider",
-      "UDSBadgeConfigProvider",
-      "UDSBottomSheetConfigProvider",
-      "UDSButtonConfigProvider",
-      "UDSChipConfigProvider",
-      "UDSIconButtonConfigProvider",
-      "UDSInputConfigProvider",
-      "UDSMenuItemConfigProvider",
-      "UDSPaddleNavConfigProvider",
-      "UDSPaginationConfigProvider",
-      "UDSSelectItemConfigProvider",
-      "UDSTabConfigProvider",
-      "UDSToastConfigProvider",
-      "UDSTooltipConfigProvider",
-      "UDSPopoverConfigProvider",
-      "UDSModalConfigProvider"
-    ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "UDSBreakpointsConfigProvider": {
-    "name": "UDSBreakpointsConfigProvider",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [
-      "UDSBreakpointsConfigContext.Provider"
-    ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
   "PaginationNext": {
     "name": "PaginationNext",
     "defaultProps": {
@@ -3191,7 +3189,6 @@
     },
     "cxLiterals": [
       "opacity-50",
-      "min-w-[200px]",
       "uds-ring-shadow",
       "uds-ring-within",
       "grow",
@@ -4570,202 +4567,6 @@
     },
     "motionVarPrefixes": []
   },
-  "TabList": {
-    "name": "TabList",
-    "defaultProps": {
-      "variant": "primary"
-    },
-    "getStylesLiterals": {
-      "tabSizeRoot": "default",
-      "tabVariantActiveRoot": "on"
-    },
-    "cxLiterals": [
-      "pointer-events-none",
-      "absolute",
-      "bottom-0",
-      "left-0",
-      "right-0",
-      "h-[var(--uds-tab-underline-width,0px)]",
-      "bg-[var(--uds-tab-underline-color,transparent)]",
-      "transition-[height,background-color]",
-      "duration-[240ms]",
-      "ease-[cubic-bezier(0.2,0,0,1)]",
-      "!m-0",
-      "!p-0",
-      "!gap-0",
-      "box-border",
-      "z-0",
-      "min-w-0",
-      "min-h-0",
-      "flex",
-      "flex-row",
-      "items-center",
-      "overflow-x-auto",
-      "overflow-y-clip",
-      "scrollbar-none",
-      "[overflow-clip-margin:6px]",
-      "overflow-clip",
-      "[overflow-clip-margin:8px]",
-      "relative",
-      "left",
-      "240ms",
-      "cubic-bezier(0.2,",
-      "0,",
-      "1),",
-      "top",
-      "width",
-      "height",
-      "1)",
-      "--uds-tab-underline-color",
-      "--uds-tab-underline-width"
-    ],
-    "internalComponents": [
-      "AriakitTabList"
-    ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {
-      "variant": [
-        "tabsVariantRoot",
-        "tabVariantRoot"
-      ]
-    },
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "TabPanel": {
-    "name": "TabPanel",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [
-      "AriakitTabPanel"
-    ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "Tabs": {
-    "name": "Tabs",
-    "defaultProps": {
-      "variant": "primary"
-    },
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [
-      "TabsContext.Provider",
-      "TabProvider"
-    ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {
-      "onSelectionChange": [
-        "setSelectedId"
-      ]
-    },
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "UDSTabConfigProvider": {
-    "name": "UDSTabConfigProvider",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [
-      "sm"
-    ],
-    "internalComponents": [],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "Tab": {
-    "name": "Tab",
-    "defaultProps": {
-      "variant": "primary"
-    },
-    "getStylesLiterals": {
-      "tabSizeRoot": "default",
-      "tabVariantActiveRoot": "off",
-      "tabVariantActiveRoot:1": "on",
-      "tabSizeIcon": "default"
-    },
-    "cxLiterals": [
-      "pointer-events-none",
-      "absolute",
-      "bottom-0",
-      "left-0",
-      "right-0",
-      "h-[var(--uds-tab-underline-width,0px)]",
-      "bg-[var(--uds-tab-underline-color,transparent)]",
-      "transition-[height,background-color]",
-      "duration-[240ms]",
-      "ease-[cubic-bezier(0.2,0,0,1)]",
-      "!bg-transparent",
-      "!shadow-none",
-      "inline-flex",
-      "items-center",
-      "shrink-0",
-      "box-border",
-      "relative",
-      "z-[1]",
-      "cursor-pointer",
-      "select-none",
-      "whitespace-nowrap",
-      "uds-ring",
-      "opacity-50",
-      "cursor-default",
-      "border-solid",
-      "border-b-solid",
-      "transition-colors"
-    ],
-    "internalComponents": [
-      "IconSlot",
-      "AriakitTab",
-      "Text"
-    ],
-    "internalComponentProps": {
-      "Text": {
-        "variant": [
-          "inherit"
-        ],
-        "as": [
-          "span"
-        ],
-        "color": [
-          "current"
-        ]
-      }
-    },
-    "propToVariantKeys": {
-      "variant": [
-        "tabVariantRoot",
-        "tabVariantIcon"
-      ],
-      "activeState": [
-        "tabVariantActiveIcon"
-      ],
-      "startIcon": [
-        "icon"
-      ],
-      "endIcon": [
-        "icon"
-      ]
-    },
-    "runtimeConfigDefaultProps": {
-      "size": "tab.defaultSize"
-    },
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
   "UDSToastConfigProvider": {
     "name": "UDSToastConfigProvider",
     "defaultProps": {},
@@ -4965,6 +4766,202 @@
     },
     "motionVarPrefixes": []
   },
+  "TabList": {
+    "name": "TabList",
+    "defaultProps": {
+      "variant": "primary"
+    },
+    "getStylesLiterals": {
+      "tabSizeRoot": "default",
+      "tabVariantActiveRoot": "on"
+    },
+    "cxLiterals": [
+      "pointer-events-none",
+      "absolute",
+      "bottom-0",
+      "left-0",
+      "right-0",
+      "h-[var(--uds-tab-underline-width,0px)]",
+      "bg-[var(--uds-tab-underline-color,transparent)]",
+      "transition-[height,background-color]",
+      "duration-[240ms]",
+      "ease-[cubic-bezier(0.2,0,0,1)]",
+      "!m-0",
+      "!p-0",
+      "!gap-0",
+      "box-border",
+      "z-0",
+      "min-w-0",
+      "min-h-0",
+      "flex",
+      "flex-row",
+      "items-center",
+      "overflow-x-auto",
+      "overflow-y-clip",
+      "scrollbar-none",
+      "[overflow-clip-margin:6px]",
+      "overflow-clip",
+      "[overflow-clip-margin:8px]",
+      "relative",
+      "left",
+      "240ms",
+      "cubic-bezier(0.2,",
+      "0,",
+      "1),",
+      "top",
+      "width",
+      "height",
+      "1)",
+      "--uds-tab-underline-color",
+      "--uds-tab-underline-width"
+    ],
+    "internalComponents": [
+      "AriakitTabList"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {
+      "variant": [
+        "tabsVariantRoot",
+        "tabVariantRoot"
+      ]
+    },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "TabPanel": {
+    "name": "TabPanel",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "AriakitTabPanel"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "Tabs": {
+    "name": "Tabs",
+    "defaultProps": {
+      "variant": "primary"
+    },
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "TabsContext.Provider",
+      "TabProvider"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {
+      "onSelectionChange": [
+        "setSelectedId"
+      ]
+    },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "UDSTabConfigProvider": {
+    "name": "UDSTabConfigProvider",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [
+      "sm"
+    ],
+    "internalComponents": [],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "Tab": {
+    "name": "Tab",
+    "defaultProps": {
+      "variant": "primary"
+    },
+    "getStylesLiterals": {
+      "tabSizeRoot": "default",
+      "tabVariantActiveRoot": "off",
+      "tabVariantActiveRoot:1": "on",
+      "tabSizeIcon": "default"
+    },
+    "cxLiterals": [
+      "pointer-events-none",
+      "absolute",
+      "bottom-0",
+      "left-0",
+      "right-0",
+      "h-[var(--uds-tab-underline-width,0px)]",
+      "bg-[var(--uds-tab-underline-color,transparent)]",
+      "transition-[height,background-color]",
+      "duration-[240ms]",
+      "ease-[cubic-bezier(0.2,0,0,1)]",
+      "!bg-transparent",
+      "!shadow-none",
+      "inline-flex",
+      "items-center",
+      "shrink-0",
+      "box-border",
+      "relative",
+      "z-[1]",
+      "cursor-pointer",
+      "select-none",
+      "whitespace-nowrap",
+      "uds-ring",
+      "opacity-50",
+      "cursor-default",
+      "border-solid",
+      "border-b-solid",
+      "transition-colors"
+    ],
+    "internalComponents": [
+      "IconSlot",
+      "AriakitTab",
+      "Text"
+    ],
+    "internalComponentProps": {
+      "Text": {
+        "variant": [
+          "inherit"
+        ],
+        "as": [
+          "span"
+        ],
+        "color": [
+          "current"
+        ]
+      }
+    },
+    "propToVariantKeys": {
+      "variant": [
+        "tabVariantRoot",
+        "tabVariantIcon"
+      ],
+      "activeState": [
+        "tabVariantActiveIcon"
+      ],
+      "startIcon": [
+        "icon"
+      ],
+      "endIcon": [
+        "icon"
+      ]
+    },
+    "runtimeConfigDefaultProps": {
+      "size": "tab.defaultSize"
+    },
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
   "Checkbox": {
     "name": "Checkbox",
     "defaultProps": {},