@yahoo/uds 3.164.0 → 3.166.0

package/dist/cli/commands/sync.cjs

@@ -5,6 +5,8 @@ const require_defaultTokensConfig = require("../../defaultTokensConfig.cjs");
 const require_serializeToJS = require("../../utils/dist/serializeToJS.cjs");
 const require_runtime_bottomSheetConfig = require("../../runtime/bottomSheetConfig.cjs");
 const require_runtime_breakpointsConfig = require("../../runtime/breakpointsConfig.cjs");
+const require_runtime_buttonConfig = require("../../runtime/buttonConfig.cjs");
+const require_runtime_iconButtonConfig = require("../../runtime/iconButtonConfig.cjs");
 const require_runtime_modalConfig = require("../../runtime/modalConfig.cjs");
 const require_runtime_popoverConfig = require("../../runtime/popoverConfig.cjs");
 const require_runtime_toastConfig = require("../../runtime/toastConfig.cjs");
@@ -86,6 +88,8 @@ const syncCommand = {
 			const runtimeConfigs = {
 				bottomSheet: [require_runtime_bottomSheetConfig.configToBottomSheetConfigContext(config), "UDSBottomSheetConfigContextType"],
 				breakpoints: [require_runtime_breakpointsConfig.configToBreakpointsConfigContext(config), "UDSBreakpointsConfigContextType"],
+				button: [require_runtime_buttonConfig.configToButtonConfigContext(config), "UDSButtonConfigContextType"],
+				iconButton: [require_runtime_iconButtonConfig.configToIconButtonConfigContext(config), "UDSIconButtonConfigContextType"],
 				modal: [require_runtime_modalConfig.configToModalConfigContext(config), "UDSModalConfigContextType"],
 				popover: [require_runtime_popoverConfig.configToPopoverConfigContext(config), "UDSPopoverConfigContextType"],
 				toast: [require_runtime_toastConfig.configToToastConfigContext(config), "UDSToastConfigContextType"],
@@ -103,6 +107,8 @@ const syncCommand = {
 			exportsTS.push(`export const runtimeConfig: UDSConfigContextType = {
   bottomSheet: bottomSheetRuntimeConfig,
   breakpoints: breakpointsRuntimeConfig,
+  button: buttonRuntimeConfig,
+  iconButton: iconButtonRuntimeConfig,
   modal: modalRuntimeConfig,
   popover: popoverRuntimeConfig,
   toast: toastRuntimeConfig,
@@ -111,6 +117,8 @@ const syncCommand = {
 			exportsJS.push(`export const runtimeConfig = {
   bottomSheet: bottomSheetRuntimeConfig,
   breakpoints: breakpointsRuntimeConfig,
+  button: buttonRuntimeConfig,
+  iconButton: iconButtonRuntimeConfig,
   modal: modalRuntimeConfig,
   popover: popoverRuntimeConfig,
   toast: toastRuntimeConfig,

package/dist/cli/commands/sync.js

@@ -3,6 +3,8 @@ import { defaultTokensConfig } from "../../defaultTokensConfig.js";
 import { serializeToJS } from "../../utils/dist/serializeToJS.js";
 import { configToBottomSheetConfigContext } from "../../runtime/bottomSheetConfig.js";
 import { configToBreakpointsConfigContext } from "../../runtime/breakpointsConfig.js";
+import { configToButtonConfigContext } from "../../runtime/buttonConfig.js";
+import { configToIconButtonConfigContext } from "../../runtime/iconButtonConfig.js";
 import { configToModalConfigContext } from "../../runtime/modalConfig.js";
 import { configToPopoverConfigContext } from "../../runtime/popoverConfig.js";
 import { configToToastConfigContext } from "../../runtime/toastConfig.js";
@@ -82,6 +84,8 @@ const syncCommand = {
 			const runtimeConfigs = {
 				bottomSheet: [configToBottomSheetConfigContext(config), "UDSBottomSheetConfigContextType"],
 				breakpoints: [configToBreakpointsConfigContext(config), "UDSBreakpointsConfigContextType"],
+				button: [configToButtonConfigContext(config), "UDSButtonConfigContextType"],
+				iconButton: [configToIconButtonConfigContext(config), "UDSIconButtonConfigContextType"],
 				modal: [configToModalConfigContext(config), "UDSModalConfigContextType"],
 				popover: [configToPopoverConfigContext(config), "UDSPopoverConfigContextType"],
 				toast: [configToToastConfigContext(config), "UDSToastConfigContextType"],
@@ -99,6 +103,8 @@ const syncCommand = {
 			exportsTS.push(`export const runtimeConfig: UDSConfigContextType = {
   bottomSheet: bottomSheetRuntimeConfig,
   breakpoints: breakpointsRuntimeConfig,
+  button: buttonRuntimeConfig,
+  iconButton: iconButtonRuntimeConfig,
   modal: modalRuntimeConfig,
   popover: popoverRuntimeConfig,
   toast: toastRuntimeConfig,
@@ -107,6 +113,8 @@ const syncCommand = {
 			exportsJS.push(`export const runtimeConfig = {
   bottomSheet: bottomSheetRuntimeConfig,
   breakpoints: breakpointsRuntimeConfig,
+  button: buttonRuntimeConfig,
+  iconButton: iconButtonRuntimeConfig,
   modal: modalRuntimeConfig,
   popover: popoverRuntimeConfig,
   toast: toastRuntimeConfig,

package/dist/components/client/Button/Button.cjs

@@ -9,7 +9,6 @@ const require_components_IconSlot = require("../../IconSlot.cjs");
 const require_hooks_usePrefersReducedMotion = require("../../../hooks/usePrefersReducedMotion.cjs");
 const require_components_client_SpringMotionConfig = require("../SpringMotionConfig.cjs");
 const require_components_client_Button_ButtonBase = require("./ButtonBase.cjs");
-require("./buttonConstants.cjs");
 let _yahoo_uds_icons = require("@yahoo/uds-icons");
 let react = require("react");
 react = require_runtime.__toESM(react);
@@ -89,7 +88,7 @@ const Button = (0, react.forwardRef)(function Button(props, forwardedRef) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_Button_ButtonBase.ButtonBase, {
 		...props,
 		ref: forwardedRef,
-		renderStartContent: ({ iconVariant, loading, startIcon, iconContainerClassName, loadingIconClassName, iconClassName, startIconClassName, startIconSlotProps }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.m.span, {
+		renderStartContent: ({ iconVariant, iconSize, loading, startIcon, iconContainerClassName, loadingIconClassName, iconClassName, startIconClassName, startIconSlotProps }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.m.span, {
 			className: iconContainerClassName,
 			initial: false,
 			variants: iconContainerMotionVariants,
@@ -104,7 +103,7 @@ const Button = (0, react.forwardRef)(function Button(props, forwardedRef) {
 					exit: "hide",
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Icon.Icon, {
 						className: loadingIconClassName,
-						size: "sm",
+						size: iconSize,
 						name: _yahoo_uds_icons.Progress,
 						variant: iconVariant,
 						color: "current"
@@ -118,7 +117,7 @@ const Button = (0, react.forwardRef)(function Button(props, forwardedRef) {
 						className: [iconClassName, startIconClassName].filter(Boolean).join(" "),
 						icon: startIcon,
 						iconProps: {
-							size: "sm",
+							size: iconSize,
 							variant: iconVariant,
 							color: "current"
 						},
@@ -127,7 +126,7 @@ const Button = (0, react.forwardRef)(function Button(props, forwardedRef) {
 				})]
 			})
 		}),
-		renderEndContent: ({ endIcon, iconVariant, iconContainerClassName, iconClassName, endIconClassName, endIconSlotProps }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.m.span, {
+		renderEndContent: ({ endIcon, iconVariant, iconSize, iconContainerClassName, iconClassName, endIconClassName, endIconSlotProps }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.m.span, {
 			className: iconContainerClassName,
 			initial: false,
 			variants: iconContainerMotionVariants,
@@ -144,7 +143,7 @@ const Button = (0, react.forwardRef)(function Button(props, forwardedRef) {
 						className: [iconClassName, endIconClassName].filter(Boolean).join(" "),
 						icon: endIcon,
 						iconProps: {
-							size: "sm",
+							size: iconSize,
 							variant: iconVariant,
 							color: "current"
 						},

package/dist/components/client/Button/Button.js

@@ -7,7 +7,6 @@ import { IconSlot } from "../../IconSlot.js";
 import { usePrefersReducedMotion } from "../../../hooks/usePrefersReducedMotion.js";
 import { SpringMotionConfig } from "../SpringMotionConfig.js";
 import { ButtonBase, renderButtonChildren } from "./ButtonBase.js";
-import "./buttonConstants.js";
 import { Progress } from "@yahoo/uds-icons";
 import { forwardRef, isValidElement, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -86,7 +85,7 @@ const Button = forwardRef(function Button(props, forwardedRef) {
 	return /* @__PURE__ */ jsx(ButtonBase, {
 		...props,
 		ref: forwardedRef,
-		renderStartContent: ({ iconVariant, loading, startIcon, iconContainerClassName, loadingIconClassName, iconClassName, startIconClassName, startIconSlotProps }) => /* @__PURE__ */ jsx(m.span, {
+		renderStartContent: ({ iconVariant, iconSize, loading, startIcon, iconContainerClassName, loadingIconClassName, iconClassName, startIconClassName, startIconSlotProps }) => /* @__PURE__ */ jsx(m.span, {
 			className: iconContainerClassName,
 			initial: false,
 			variants: iconContainerMotionVariants,
@@ -101,7 +100,7 @@ const Button = forwardRef(function Button(props, forwardedRef) {
 					exit: "hide",
 					children: /* @__PURE__ */ jsx(Icon, {
 						className: loadingIconClassName,
-						size: "sm",
+						size: iconSize,
 						name: Progress,
 						variant: iconVariant,
 						color: "current"
@@ -115,7 +114,7 @@ const Button = forwardRef(function Button(props, forwardedRef) {
 						className: [iconClassName, startIconClassName].filter(Boolean).join(" "),
 						icon: startIcon,
 						iconProps: {
-							size: "sm",
+							size: iconSize,
 							variant: iconVariant,
 							color: "current"
 						},
@@ -124,7 +123,7 @@ const Button = forwardRef(function Button(props, forwardedRef) {
 				})]
 			})
 		}),
-		renderEndContent: ({ endIcon, iconVariant, iconContainerClassName, iconClassName, endIconClassName, endIconSlotProps }) => /* @__PURE__ */ jsx(m.span, {
+		renderEndContent: ({ endIcon, iconVariant, iconSize, iconContainerClassName, iconClassName, endIconClassName, endIconSlotProps }) => /* @__PURE__ */ jsx(m.span, {
 			className: iconContainerClassName,
 			initial: false,
 			variants: iconContainerMotionVariants,
@@ -141,7 +140,7 @@ const Button = forwardRef(function Button(props, forwardedRef) {
 						className: [iconClassName, endIconClassName].filter(Boolean).join(" "),
 						icon: endIcon,
 						iconProps: {
-							size: "sm",
+							size: iconSize,
 							variant: iconVariant,
 							color: "current"
 						},

package/dist/components/client/Button/ButtonBase.cjs

@@ -5,6 +5,7 @@ const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
 const require_styles_styler = require("../../../styles/styler.cjs");
 const require_utils_createSlot = require("../../../utils/createSlot.cjs");
 const require_generateDefaultClassName = require("../../../automated-config/dist/utils/generateDefaultClassName.cjs");
+const require_components_client_Button_UDSButtonConfigProvider = require("./UDSButtonConfigProvider.cjs");
 let react = require("react");
 react = require_runtime.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -17,6 +18,7 @@ const ButtonBase = (0, react.forwardRef)(function ButtonBase({ size, variant, st
 	const { className: startIconClassName, ...startIconSlotProps } = slotProps?.startIcon ?? {};
 	const { className: endIconClassName, ...endIconSlotProps } = slotProps?.endIcon ?? {};
 	const { className: contentClassName, ...contentSlotProps } = slotProps?.content ?? {};
+	const { iconSize } = require_components_client_Button_UDSButtonConfigProvider.useButtonConfig(size);
 	const gapVariant = loading || startIcon || endIcon ? "withIcon" : "withoutIcon";
 	const Slot = (0, react.useMemo)(() => require_utils_createSlot.createSlot(), []);
 	const rootSizeClass = (0, react.useMemo)(() => size ? require_styles_styler.getStyles({ buttonSizeRoot: size }) : defaultSizeRootClass, [size]);
@@ -66,6 +68,7 @@ const ButtonBase = (0, react.forwardRef)(function ButtonBase({ size, variant, st
 	]);
 	const iconRenderArgs = (0, react.useMemo)(() => ({
 		iconVariant,
+		iconSize,
 		loading,
 		startIcon,
 		endIcon,
@@ -80,6 +83,7 @@ const ButtonBase = (0, react.forwardRef)(function ButtonBase({ size, variant, st
 		endIcon,
 		endIconClassName,
 		endIconSlotProps,
+		iconSize,
 		iconVariant,
 		loading,
 		startIcon,

package/dist/components/client/Button/ButtonBase.d.cts

@@ -1,5 +1,5 @@
 
-import { UniversalButtonProps } from "../../../types/dist/index.cjs";
+import { IconSize, UniversalButtonProps } from "../../../types/dist/index.cjs";
 import { IconPropsWithSVGProps } from "../../../tokens/types.cjs";
 import React, { ForwardRefExoticComponent } from "react";
 
@@ -17,6 +17,7 @@ interface ButtonProps extends HtmlButtonProps, UniversalButtonProps {
 }
 type ButtonIconRenderArgs = {
   iconVariant: ButtonProps['iconVariant'];
+  iconSize: IconSize;
   loading?: boolean;
   startIcon?: ButtonProps['startIcon'];
   endIcon?: ButtonProps['endIcon'];

package/dist/components/client/Button/ButtonBase.d.ts

@@ -1,6 +1,6 @@
 
 "use client";
-import { UniversalButtonProps } from "../../../types/dist/index.js";
+import { IconSize, UniversalButtonProps } from "../../../types/dist/index.js";
 import { IconPropsWithSVGProps } from "../../../tokens/types.js";
 import React, { ForwardRefExoticComponent } from "react";
 
@@ -18,6 +18,7 @@ interface ButtonProps extends HtmlButtonProps, UniversalButtonProps {
 }
 type ButtonIconRenderArgs = {
   iconVariant: ButtonProps['iconVariant'];
+  iconSize: IconSize;
   loading?: boolean;
   startIcon?: ButtonProps['startIcon'];
   endIcon?: ButtonProps['endIcon'];

package/dist/components/client/Button/ButtonBase.js

@@ -3,6 +3,7 @@
 import { cx, getStyles } from "../../../styles/styler.js";
 import { createSlot } from "../../../utils/createSlot.js";
 import { generateDefaultClassName } from "../../../automated-config/dist/utils/generateDefaultClassName.js";
+import { useButtonConfig } from "./UDSButtonConfigProvider.js";
 import { cloneElement, forwardRef, useMemo } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/client/Button/ButtonBase.tsx
@@ -14,6 +15,7 @@ const ButtonBase = forwardRef(function ButtonBase({ size, variant, startIcon, en
 	const { className: startIconClassName, ...startIconSlotProps } = slotProps?.startIcon ?? {};
 	const { className: endIconClassName, ...endIconSlotProps } = slotProps?.endIcon ?? {};
 	const { className: contentClassName, ...contentSlotProps } = slotProps?.content ?? {};
+	const { iconSize } = useButtonConfig(size);
 	const gapVariant = loading || startIcon || endIcon ? "withIcon" : "withoutIcon";
 	const Slot = useMemo(() => createSlot(), []);
 	const rootSizeClass = useMemo(() => size ? getStyles({ buttonSizeRoot: size }) : defaultSizeRootClass, [size]);
@@ -63,6 +65,7 @@ const ButtonBase = forwardRef(function ButtonBase({ size, variant, startIcon, en
 	]);
 	const iconRenderArgs = useMemo(() => ({
 		iconVariant,
+		iconSize,
 		loading,
 		startIcon,
 		endIcon,
@@ -77,6 +80,7 @@ const ButtonBase = forwardRef(function ButtonBase({ size, variant, startIcon, en
 		endIcon,
 		endIconClassName,
 		endIconSlotProps,
+		iconSize,
 		iconVariant,
 		loading,
 		startIcon,

package/dist/components/client/Button/UDSButtonConfigProvider.cjs

@@ -0,0 +1,45 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../_virtual/_rolldown/runtime.cjs");
+require("./buttonConstants.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/client/Button/UDSButtonConfigProvider.tsx
+const ButtonContext = (0, react.createContext)(void 0);
+const UDSButtonConfigProvider = ({ children, value }) => {
+	const existingContext = (0, react.useContext)(ButtonContext);
+	const isMerge = typeof value === "object" && "type" in value && value.type === "merge";
+	if (isMerge && !existingContext) throw new Error("Cannot merge context values without an existing ButtonContext");
+	const finalValue = isMerge ? {
+		...existingContext,
+		...value.value
+	} : value;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ButtonContext.Provider, {
+		value: finalValue,
+		children
+	});
+};
+UDSButtonConfigProvider.displayName = "UDSButtonConfigProvider";
+/**
+* Resolves the configured icon size for a Button size.
+*
+* Unlike other UDS config hooks, this hook does not require a provider: Button
+* is used in many apps without a `UDSConfigProvider`, so it gracefully falls
+* back to the default icon size (`buttonIconSvgSize`) when no config is present.
+*/
+const useButtonConfig = (sizeProp) => {
+	const context = (0, react.useContext)(ButtonContext);
+	if (!context) return {
+		size: sizeProp,
+		iconSize: "sm"
+	};
+	const size = sizeProp ?? context.defaultSize;
+	return {
+		size,
+		iconSize: context.iconSize[size]
+	};
+};
+//#endregion
+exports.UDSButtonConfigProvider = UDSButtonConfigProvider;
+exports.useButtonConfig = useButtonConfig;

package/dist/components/client/Button/UDSButtonConfigProvider.d.cts

@@ -0,0 +1,33 @@
+
+import { ButtonSize, IconSize } from "../../../types/dist/index.cjs";
+import { UDSButtonConfigContextType } from "../../../runtime/buttonConfig.cjs";
+import { PropsWithChildren } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/client/Button/UDSButtonConfigProvider.d.ts
+interface UDSButtonConfigProviderProps extends PropsWithChildren {
+  value: UDSButtonConfigContextType | {
+    type: 'merge';
+    value: Partial<UDSButtonConfigContextType>;
+  };
+}
+declare const UDSButtonConfigProvider: {
+  ({
+    children,
+    value
+  }: UDSButtonConfigProviderProps): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+/**
+ * Resolves the configured icon size for a Button size.
+ *
+ * Unlike other UDS config hooks, this hook does not require a provider: Button
+ * is used in many apps without a `UDSConfigProvider`, so it gracefully falls
+ * back to the default icon size (`buttonIconSvgSize`) when no config is present.
+ */
+declare const useButtonConfig: (sizeProp?: ButtonSize | undefined) => {
+  size: ButtonSize | undefined;
+  iconSize: IconSize;
+};
+//#endregion
+export { type UDSButtonConfigContextType, UDSButtonConfigProvider, type UDSButtonConfigProviderProps, useButtonConfig };

package/dist/components/client/Button/UDSButtonConfigProvider.d.ts

@@ -0,0 +1,34 @@
+
+"use client";
+import { ButtonSize, IconSize } from "../../../types/dist/index.js";
+import { UDSButtonConfigContextType } from "../../../runtime/buttonConfig.js";
+import { PropsWithChildren } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/client/Button/UDSButtonConfigProvider.d.ts
+interface UDSButtonConfigProviderProps extends PropsWithChildren {
+  value: UDSButtonConfigContextType | {
+    type: 'merge';
+    value: Partial<UDSButtonConfigContextType>;
+  };
+}
+declare const UDSButtonConfigProvider: {
+  ({
+    children,
+    value
+  }: UDSButtonConfigProviderProps): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+/**
+ * Resolves the configured icon size for a Button size.
+ *
+ * Unlike other UDS config hooks, this hook does not require a provider: Button
+ * is used in many apps without a `UDSConfigProvider`, so it gracefully falls
+ * back to the default icon size (`buttonIconSvgSize`) when no config is present.
+ */
+declare const useButtonConfig: (sizeProp?: ButtonSize | undefined) => {
+  size: ButtonSize | undefined;
+  iconSize: IconSize;
+};
+//#endregion
+export { type UDSButtonConfigContextType, UDSButtonConfigProvider, type UDSButtonConfigProviderProps, useButtonConfig };

package/dist/components/client/Button/UDSButtonConfigProvider.js

@@ -0,0 +1,42 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+import "./buttonConstants.js";
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/client/Button/UDSButtonConfigProvider.tsx
+const ButtonContext = createContext(void 0);
+const UDSButtonConfigProvider = ({ children, value }) => {
+	const existingContext = useContext(ButtonContext);
+	const isMerge = typeof value === "object" && "type" in value && value.type === "merge";
+	if (isMerge && !existingContext) throw new Error("Cannot merge context values without an existing ButtonContext");
+	const finalValue = isMerge ? {
+		...existingContext,
+		...value.value
+	} : value;
+	return /* @__PURE__ */ jsx(ButtonContext.Provider, {
+		value: finalValue,
+		children
+	});
+};
+UDSButtonConfigProvider.displayName = "UDSButtonConfigProvider";
+/**
+* Resolves the configured icon size for a Button size.
+*
+* Unlike other UDS config hooks, this hook does not require a provider: Button
+* is used in many apps without a `UDSConfigProvider`, so it gracefully falls
+* back to the default icon size (`buttonIconSvgSize`) when no config is present.
+*/
+const useButtonConfig = (sizeProp) => {
+	const context = useContext(ButtonContext);
+	if (!context) return {
+		size: sizeProp,
+		iconSize: "sm"
+	};
+	const size = sizeProp ?? context.defaultSize;
+	return {
+		size,
+		iconSize: context.iconSize[size]
+	};
+};
+//#endregion
+export { UDSButtonConfigProvider, useButtonConfig };

package/dist/components/client/Button/buttonConstants.cjs

@@ -2,7 +2,7 @@
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 //#region src/components/client/Button/buttonConstants.ts
-/** The icon size used for icons in Button and IconButton components */
+/** The default icon size used for icons in Button and IconButton components */
 const buttonIconSvgSize = "sm";
 //#endregion
 exports.buttonIconSvgSize = buttonIconSvgSize;

package/dist/components/client/Button/buttonConstants.d.cts

@@ -1,7 +1,7 @@
 
-import { ButtonSize } from "../../../types/dist/index.cjs";
+import { IconSize } from "../../../types/dist/index.cjs";
 //#region src/components/client/Button/buttonConstants.d.ts
-/** The icon size used for icons in Button and IconButton components */
-declare const buttonIconSvgSize: ButtonSize;
+/** The default icon size used for icons in Button and IconButton components */
+declare const buttonIconSvgSize: IconSize;
 //#endregion
 export { buttonIconSvgSize };

package/dist/components/client/Button/buttonConstants.d.ts

@@ -1,8 +1,8 @@
 
 "use client";
-import { ButtonSize } from "../../../types/dist/index.js";
+import { IconSize } from "../../../types/dist/index.js";
 //#region src/components/client/Button/buttonConstants.d.ts
-/** The icon size used for icons in Button and IconButton components */
-declare const buttonIconSvgSize: ButtonSize;
+/** The default icon size used for icons in Button and IconButton components */
+declare const buttonIconSvgSize: IconSize;
 //#endregion
 export { buttonIconSvgSize };

package/dist/components/client/Button/buttonConstants.js

@@ -1,7 +1,7 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
 //#region src/components/client/Button/buttonConstants.ts
-/** The icon size used for icons in Button and IconButton components */
+/** The default icon size used for icons in Button and IconButton components */
 const buttonIconSvgSize = "sm";
 //#endregion
 export { buttonIconSvgSize };

package/dist/components/client/Button/index.cjs

@@ -1,10 +1,13 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_components_client_Button_UDSButtonConfigProvider = require("./UDSButtonConfigProvider.cjs");
 const require_components_client_Button_ButtonBase = require("./ButtonBase.cjs");
 const require_components_client_Button_Button = require("./Button.cjs");
 exports.Button = require_components_client_Button_Button.Button;
 exports.ButtonBase = require_components_client_Button_ButtonBase.ButtonBase;
+exports.UDSButtonConfigProvider = require_components_client_Button_UDSButtonConfigProvider.UDSButtonConfigProvider;
 exports.iconMotionVariants = require_components_client_Button_Button.iconMotionVariants;
 exports.loadingMotionVariants = require_components_client_Button_Button.loadingMotionVariants;
 exports.renderButtonChildren = require_components_client_Button_ButtonBase.renderButtonChildren;
+exports.useButtonConfig = require_components_client_Button_UDSButtonConfigProvider.useButtonConfig;

package/dist/components/client/Button/index.d.cts

@@ -1,4 +1,5 @@
 
 import { ButtonBase, ButtonRootRenderArgs, renderButtonChildren } from "./ButtonBase.cjs";
 import { Button, ButtonProps, iconMotionVariants, loadingMotionVariants } from "./Button.cjs";
-export { Button, ButtonBase, type ButtonProps, type ButtonRootRenderArgs, iconMotionVariants, loadingMotionVariants, renderButtonChildren };
+import { UDSButtonConfigProvider, UDSButtonConfigProviderProps, useButtonConfig } from "./UDSButtonConfigProvider.cjs";
+export { Button, ButtonBase, type ButtonProps, type ButtonRootRenderArgs, UDSButtonConfigProvider, type UDSButtonConfigProviderProps, iconMotionVariants, loadingMotionVariants, renderButtonChildren, useButtonConfig };

package/dist/components/client/Button/index.d.ts

@@ -2,4 +2,5 @@
 "use client";
 import { ButtonBase, ButtonRootRenderArgs, renderButtonChildren } from "./ButtonBase.js";
 import { Button, ButtonProps, iconMotionVariants, loadingMotionVariants } from "./Button.js";
-export { Button, ButtonBase, type ButtonProps, type ButtonRootRenderArgs, iconMotionVariants, loadingMotionVariants, renderButtonChildren };
+import { UDSButtonConfigProvider, UDSButtonConfigProviderProps, useButtonConfig } from "./UDSButtonConfigProvider.js";
+export { Button, ButtonBase, type ButtonProps, type ButtonRootRenderArgs, UDSButtonConfigProvider, type UDSButtonConfigProviderProps, iconMotionVariants, loadingMotionVariants, renderButtonChildren, useButtonConfig };

package/dist/components/client/Button/index.js

@@ -1,5 +1,6 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
+import { UDSButtonConfigProvider, useButtonConfig } from "./UDSButtonConfigProvider.js";
 import { ButtonBase, renderButtonChildren } from "./ButtonBase.js";
 import { Button, iconMotionVariants, loadingMotionVariants } from "./Button.js";
-export { Button, ButtonBase, iconMotionVariants, loadingMotionVariants, renderButtonChildren };
+export { Button, ButtonBase, UDSButtonConfigProvider, iconMotionVariants, loadingMotionVariants, renderButtonChildren, useButtonConfig };

package/dist/components/client/IconButton/IconButton.cjs

@@ -7,7 +7,6 @@ const require_utils_createSlot = require("../../../utils/createSlot.cjs");
 const require_components_Icon = require("../../Icon.cjs");
 const require_hooks_usePrefersReducedMotion = require("../../../hooks/usePrefersReducedMotion.cjs");
 const require_components_client_SpringMotionConfig = require("../SpringMotionConfig.cjs");
-require("../Button/buttonConstants.cjs");
 const require_components_client_Button_Button = require("../Button/Button.cjs");
 const require_components_client_IconButton_IconButtonBase = require("./IconButtonBase.cjs");
 let _yahoo_uds_icons = require("@yahoo/uds-icons");
@@ -34,7 +33,7 @@ const IconButton = (0, react.forwardRef)(function IconButton(props, forwardedRef
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_IconButton_IconButtonBase.IconButtonBase, {
 		...props,
 		ref: forwardedRef,
-		renderIconContent: ({ asChild, loading, name, iconVariant, children, iconClassName, loadingIconClassName, iconSlotClassName, iconSlotProps }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(motion_react.AnimatePresence, {
+		renderIconContent: ({ asChild, loading, name, iconVariant, iconSize, children, iconClassName, loadingIconClassName, iconSlotClassName, iconSlotProps }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(motion_react.AnimatePresence, {
 			initial: false,
 			mode: "popLayout",
 			children: [loading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.m.span, {
@@ -43,7 +42,7 @@ const IconButton = (0, react.forwardRef)(function IconButton(props, forwardedRef
 				animate: "loading",
 				exit: "hide",
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Icon.Icon, {
-					size: "sm",
+					size: iconSize,
 					name: _yahoo_uds_icons.Progress,
 					variant: iconVariant,
 					color: "current",
@@ -55,7 +54,7 @@ const IconButton = (0, react.forwardRef)(function IconButton(props, forwardedRef
 				animate: "icon",
 				exit: "hide",
 				children: !asChild && children || /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Icon.Icon, {
-					size: "sm",
+					size: iconSize,
 					name,
 					variant: iconVariant,
 					color: "current",

package/dist/components/client/IconButton/IconButton.js

@@ -5,7 +5,6 @@ import { createSlot } from "../../../utils/createSlot.js";
 import { Icon } from "../../Icon.js";
 import { usePrefersReducedMotion } from "../../../hooks/usePrefersReducedMotion.js";
 import { SpringMotionConfig } from "../SpringMotionConfig.js";
-import "../Button/buttonConstants.js";
 import { iconMotionVariants, loadingMotionVariants } from "../Button/Button.js";
 import { IconButtonBase, renderIconButtonAsChild } from "./IconButtonBase.js";
 import { Progress } from "@yahoo/uds-icons";
@@ -32,7 +31,7 @@ const IconButton = forwardRef(function IconButton(props, forwardedRef) {
 	return /* @__PURE__ */ jsx(IconButtonBase, {
 		...props,
 		ref: forwardedRef,
-		renderIconContent: ({ asChild, loading, name, iconVariant, children, iconClassName, loadingIconClassName, iconSlotClassName, iconSlotProps }) => /* @__PURE__ */ jsxs(AnimatePresence, {
+		renderIconContent: ({ asChild, loading, name, iconVariant, iconSize, children, iconClassName, loadingIconClassName, iconSlotClassName, iconSlotProps }) => /* @__PURE__ */ jsxs(AnimatePresence, {
 			initial: false,
 			mode: "popLayout",
 			children: [loading && /* @__PURE__ */ jsx(m.span, {
@@ -41,7 +40,7 @@ const IconButton = forwardRef(function IconButton(props, forwardedRef) {
 				animate: "loading",
 				exit: "hide",
 				children: /* @__PURE__ */ jsx(Icon, {
-					size: "sm",
+					size: iconSize,
 					name: Progress,
 					variant: iconVariant,
 					color: "current",
@@ -53,7 +52,7 @@ const IconButton = forwardRef(function IconButton(props, forwardedRef) {
 				animate: "icon",
 				exit: "hide",
 				children: !asChild && children || /* @__PURE__ */ jsx(Icon, {
-					size: "sm",
+					size: iconSize,
 					name,
 					variant: iconVariant,
 					color: "current",

package/dist/components/client/IconButton/IconButtonBase.cjs

@@ -5,6 +5,7 @@ require("../../../_virtual/_rolldown/runtime.cjs");
 const require_styles_styler = require("../../../styles/styler.cjs");
 const require_utils_createSlot = require("../../../utils/createSlot.cjs");
 const require_generateDefaultClassName = require("../../../automated-config/dist/utils/generateDefaultClassName.cjs");
+const require_components_client_IconButton_UDSIconButtonConfigProvider = require("./UDSIconButtonConfigProvider.cjs");
 let react = require("react");
 //#region src/components/client/IconButton/IconButtonBase.tsx
 const defaultSizeRootClass = require_generateDefaultClassName.generateDefaultClassName("iconbutton", "size", "root");
@@ -13,6 +14,7 @@ const defaultVariantRootClass = require_generateDefaultClassName.generateDefault
 const defaultVariantIconClass = require_generateDefaultClassName.generateDefaultClassName("button", "variant", "icon");
 const IconButtonBase = (0, react.forwardRef)(function IconButtonBase({ variant, size, iconVariant, loading, disableEffects, name, asChild = false, slotProps, type = "button", htmlName, className, children, renderIconContent, renderRoot, ...rest }, forwardedRef) {
 	const { className: iconSlotClassName, ...iconSlotProps } = slotProps?.icon ?? {};
+	const { iconSize } = require_components_client_IconButton_UDSIconButtonConfigProvider.useIconButtonConfig(size);
 	const Slot = (0, react.useMemo)(() => require_utils_createSlot.createSlot(), []);
 	const rootSizeClass = (0, react.useMemo)(() => size ? require_styles_styler.getStyles({ iconbuttonSizeRoot: size }) : defaultSizeRootClass, [size]);
 	const rootVariantClass = (0, react.useMemo)(() => variant ? require_styles_styler.getStyles({ buttonVariantRoot: variant }) : defaultVariantRootClass, [variant]);
@@ -50,6 +52,7 @@ const IconButtonBase = (0, react.forwardRef)(function IconButtonBase({ variant,
 			loading,
 			name,
 			iconVariant,
+			iconSize,
 			children,
 			iconClassName: styles.icon,
 			loadingIconClassName: styles.loadingIcon,

package/dist/components/client/IconButton/IconButtonBase.d.cts

@@ -1,4 +1,5 @@
 
+import { IconSize } from "../../../types/dist/index.cjs";
 import { IconPropsWithSVGProps, UniversalIconButtonProps } from "../../../tokens/types.cjs";
 import * as _$react from "react";
 import { ForwardRefExoticComponent } from "react";
@@ -18,6 +19,7 @@ type IconButtonRenderArgs = {
   loading?: boolean;
   name?: IconButtonProps['name'];
   iconVariant: IconButtonProps['iconVariant'];
+  iconSize: IconSize;
   children: React.ReactNode;
   iconClassName: string;
   loadingIconClassName: string;

package/dist/components/client/IconButton/IconButtonBase.d.ts

@@ -1,5 +1,6 @@
 
 "use client";
+import { IconSize } from "../../../types/dist/index.js";
 import { IconPropsWithSVGProps, UniversalIconButtonProps } from "../../../tokens/types.js";
 import * as _$react from "react";
 import { ForwardRefExoticComponent } from "react";
@@ -19,6 +20,7 @@ type IconButtonRenderArgs = {
   loading?: boolean;
   name?: IconButtonProps['name'];
   iconVariant: IconButtonProps['iconVariant'];
+  iconSize: IconSize;
   children: React.ReactNode;
   iconClassName: string;
   loadingIconClassName: string;