@yahoo/uds 3.103.0-beta.1 → 3.104.0-beta.1

package/dist/automated-config/dist/utils/generateDefaultClassName.cjs

@@ -0,0 +1,18 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+
+//#region ../automated-config/dist/utils/generateDefaultClassName.js
+/*! © 2026 Yahoo, Inc. UDS Default Config v0.0.0-development */
+/**
+* Generates a default class name for a component variant.
+* Creates the class name for when variantValue='default', matching the pattern from generateClassName.
+*
+* @example
+* generateDefaultClassName('button', 'variant', 'root') // 'uds-button-variant-default-root'
+* generateDefaultClassName('button', 'size', 'icon', 'toggle') // 'uds-button-toggle-size-default-icon'
+*/
+function generateDefaultClassName(componentName, variantType, layerKey, subComponentName) {
+	return `uds-${componentName}${subComponentName ? `-${subComponentName}` : ""}-${variantType}-default-${layerKey}`.toLowerCase();
+}
+
+//#endregion
+exports.generateDefaultClassName = generateDefaultClassName;

package/dist/automated-config/dist/utils/generateDefaultClassName.d.cts

@@ -0,0 +1,14 @@
+
+//#region ../automated-config/dist/utils/generateDefaultClassName.d.ts
+//#region src/utils/generateDefaultClassName.d.ts
+/**
+ * Generates a default class name for a component variant.
+ * Creates the class name for when variantValue='default', matching the pattern from generateClassName.
+ *
+ * @example
+ * generateDefaultClassName('button', 'variant', 'root') // 'uds-button-variant-default-root'
+ * generateDefaultClassName('button', 'size', 'icon', 'toggle') // 'uds-button-toggle-size-default-icon'
+ */
+declare function generateDefaultClassName(componentName: string, variantType: string, layerKey: string, subComponentName?: string): string; //#endregion
+//#endregion
+export { generateDefaultClassName };

package/dist/automated-config/dist/utils/generateDefaultClassName.d.ts

@@ -0,0 +1,14 @@
+
+//#region ../automated-config/dist/utils/generateDefaultClassName.d.ts
+//#region src/utils/generateDefaultClassName.d.ts
+/**
+ * Generates a default class name for a component variant.
+ * Creates the class name for when variantValue='default', matching the pattern from generateClassName.
+ *
+ * @example
+ * generateDefaultClassName('button', 'variant', 'root') // 'uds-button-variant-default-root'
+ * generateDefaultClassName('button', 'size', 'icon', 'toggle') // 'uds-button-toggle-size-default-icon'
+ */
+declare function generateDefaultClassName(componentName: string, variantType: string, layerKey: string, subComponentName?: string): string; //#endregion
+//#endregion
+export { generateDefaultClassName };

package/dist/automated-config/dist/utils/generateDefaultClassName.js

@@ -0,0 +1,17 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+//#region ../automated-config/dist/utils/generateDefaultClassName.js
+/*! © 2026 Yahoo, Inc. UDS Default Config v0.0.0-development */
+/**
+* Generates a default class name for a component variant.
+* Creates the class name for when variantValue='default', matching the pattern from generateClassName.
+*
+* @example
+* generateDefaultClassName('button', 'variant', 'root') // 'uds-button-variant-default-root'
+* generateDefaultClassName('button', 'size', 'icon', 'toggle') // 'uds-button-toggle-size-default-icon'
+*/
+function generateDefaultClassName(componentName, variantType, layerKey, subComponentName) {
+	return `uds-${componentName}${subComponentName ? `-${subComponentName}` : ""}-${variantType}-default-${layerKey}`.toLowerCase();
+}
+
+//#endregion
+export { generateDefaultClassName };

package/dist/automated-config/dist/utils/index.cjs

@@ -2,6 +2,7 @@
 const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
 const require_index = require('../../../css-tokens/dist/index.cjs');
 const require_properties = require('../properties.cjs');
+const require_generateDefaultClassName = require('./generateDefaultClassName.cjs');
 const require_generateSchemaKey = require('./generateSchemaKey.cjs');
 const require_variantConfigGuards = require('./variantConfigGuards.cjs');
 const require_buildConfigSchema = require('./buildConfigSchema.cjs');
@@ -102,9 +103,6 @@ function applyBoxShadowBorder(classStyles) {
 	delete newStyles[CSS_BORDER_COLOR];
 	return newStyles;
 }
-function generateDefaultClassName(componentName, variantType, layerKey, subComponentName) {
-	return `uds-${componentName}${subComponentName ? `-${subComponentName.toLowerCase()}` : ""}-default-${variantType}-${layerKey}`;
-}
 function generateClassName({ componentName, subComponentName, variantKey, variantValue, componentStateKey, componentStateValue, layer, layerOptionalPseudoSelector }) {
 	let className = "";
 	if (subComponentName) className = `uds-${componentName}-${subComponentName}-${variantKey}`.toLowerCase();
@@ -430,7 +428,7 @@ const generateStyles = (config, schema, theme, previewOptions) => {
 	/**
 	* Helper: Build replacement map for default variant values
 	* For each default variant + layer combination, creates an entry like:
-	*   "uds-button-size-sm-root" → ".uds-button-size-sm-root, .uds-button-default-size-root"
+	*   "uds-button-size-sm-root" → ".uds-button-size-sm-root, .uds-button-size-default-root"
 	*/
 	const buildReplacements = (variants, subComponentName) => {
 		for (const [variantType, variantConfig] of Object.entries(variants)) {
@@ -446,7 +444,7 @@ const generateStyles = (config, schema, theme, previewOptions) => {
 						layer: layerKey,
 						subComponentName
 					});
-					const defaultClass = generateDefaultClassName(componentName, variantType, layerKey, subComponentName);
+					const defaultClass = require_generateDefaultClassName.generateDefaultClassName(componentName, variantType, layerKey, subComponentName);
 					replacementMap.set(baseClass, `.${baseClass}, .${defaultClass}`);
 				}
 			}
@@ -507,6 +505,5 @@ exports.createVariantConfigWithProperties = createVariantConfigWithProperties;
 exports.generateClassName = generateClassName;
 exports.generateConfigStyles = generateConfigStyles;
 exports.generateDeclaration = generateDeclaration;
-exports.generateDefaultClassName = generateDefaultClassName;
 exports.generateStyles = generateStyles;
 exports.statePseudoMapDocsMode = statePseudoMapDocsMode;

package/dist/automated-config/dist/utils/index.d.cts

@@ -6,6 +6,7 @@ import { ComponentSchema, buildConfigSchema, findFixtureType } from "./buildConf
 import { cartesianProduct } from "./cartesianProduct.cjs";
 import { coalesceConfigVariant } from "./coalesceConfigVariant.cjs";
 import { getConfigDefaultValue, isConfigDefaultValue } from "./defaults.cjs";
+import { generateDefaultClassName } from "./generateDefaultClassName.cjs";
 import { generateKeyFromFlatConfigPath } from "./generateKeyFromFlatConfigPath.cjs";
 import { generateSchemaKey } from "./generateSchemaKey.cjs";
 import { getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix } from "./getConfigVariantComponentStatesMatrix.cjs";
@@ -18,7 +19,6 @@ import { getConfigSubcomponents } from "./subcomponents.cjs";
 //#region src/utils/index.d.ts
 type ThemeFn = (path: string) => string;
 declare const statePseudoMapDocsMode: Record<PossibleStatesWithRest, string>;
-declare function generateDefaultClassName(componentName: string, variantType: string, layerKey: string, subComponentName?: string): string;
 declare function generateClassName({
   componentName,
   subComponentName,
@@ -138,4 +138,4 @@ declare function createSubComponentConfig(config: {
   variants: Record<string, VariantConfigWithProperties | VariantConfigWithComponentStates>;
 }): SubComponentConfig; //#endregion
 //#endregion
-export { createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, generateClassName, generateConfigStyles, generateDeclaration, generateDefaultClassName, generateStyles, statePseudoMapDocsMode };
+export { createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, generateClassName, generateConfigStyles, generateDeclaration, generateStyles, statePseudoMapDocsMode };

package/dist/automated-config/dist/utils/index.d.ts

@@ -6,6 +6,7 @@ import { ComponentSchema, buildConfigSchema, findFixtureType } from "./buildConf
 import { cartesianProduct } from "./cartesianProduct.js";
 import { coalesceConfigVariant } from "./coalesceConfigVariant.js";
 import { getConfigDefaultValue, isConfigDefaultValue } from "./defaults.js";
+import { generateDefaultClassName } from "./generateDefaultClassName.js";
 import { generateKeyFromFlatConfigPath } from "./generateKeyFromFlatConfigPath.js";
 import { generateSchemaKey } from "./generateSchemaKey.js";
 import { getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix } from "./getConfigVariantComponentStatesMatrix.js";
@@ -18,7 +19,6 @@ import { getConfigSubcomponents } from "./subcomponents.js";
 //#region src/utils/index.d.ts
 type ThemeFn = (path: string) => string;
 declare const statePseudoMapDocsMode: Record<PossibleStatesWithRest, string>;
-declare function generateDefaultClassName(componentName: string, variantType: string, layerKey: string, subComponentName?: string): string;
 declare function generateClassName({
   componentName,
   subComponentName,
@@ -138,4 +138,4 @@ declare function createSubComponentConfig(config: {
   variants: Record<string, VariantConfigWithProperties | VariantConfigWithComponentStates>;
 }): SubComponentConfig; //#endregion
 //#endregion
-export { createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, generateClassName, generateConfigStyles, generateDeclaration, generateDefaultClassName, generateStyles, statePseudoMapDocsMode };
+export { createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, generateClassName, generateConfigStyles, generateDeclaration, generateStyles, statePseudoMapDocsMode };

package/dist/automated-config/dist/utils/index.js

@@ -1,6 +1,7 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 import { BUTTON_GAP_VAR, BUTTON_SCALE_EFFECT_HOVER, BUTTON_SCALE_EFFECT_PRESSED, BUTTON_SCALE_EFFECT_REST } from "../../../css-tokens/dist/index.js";
 import { configurableProperties } from "../properties.js";
+import { generateDefaultClassName } from "./generateDefaultClassName.js";
 import { generateSchemaKey } from "./generateSchemaKey.js";
 import { isVariantConfigWithComponentStates, isVariantConfigWithProperties } from "./variantConfigGuards.js";
 import { buildConfigSchema, findFixtureType } from "./buildConfigSchema.js";
@@ -98,9 +99,6 @@ function applyBoxShadowBorder(classStyles) {
 	delete newStyles[CSS_BORDER_COLOR];
 	return newStyles;
 }
-function generateDefaultClassName(componentName, variantType, layerKey, subComponentName) {
-	return `uds-${componentName}${subComponentName ? `-${subComponentName.toLowerCase()}` : ""}-default-${variantType}-${layerKey}`;
-}
 function generateClassName({ componentName, subComponentName, variantKey, variantValue, componentStateKey, componentStateValue, layer, layerOptionalPseudoSelector }) {
 	let className = "";
 	if (subComponentName) className = `uds-${componentName}-${subComponentName}-${variantKey}`.toLowerCase();
@@ -426,7 +424,7 @@ const generateStyles = (config, schema, theme, previewOptions) => {
 	/**
 	* Helper: Build replacement map for default variant values
 	* For each default variant + layer combination, creates an entry like:
-	*   "uds-button-size-sm-root" → ".uds-button-size-sm-root, .uds-button-default-size-root"
+	*   "uds-button-size-sm-root" → ".uds-button-size-sm-root, .uds-button-size-default-root"
 	*/
 	const buildReplacements = (variants, subComponentName) => {
 		for (const [variantType, variantConfig] of Object.entries(variants)) {
@@ -493,4 +491,4 @@ function createSubComponentConfig(config) {
 }
 
 //#endregion
-export { createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, generateClassName, generateConfigStyles, generateDeclaration, generateDefaultClassName, generateStyles, statePseudoMapDocsMode };
+export { createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, generateClassName, generateConfigStyles, generateDeclaration, generateStyles, statePseudoMapDocsMode };

package/dist/cli/runner.cjs

@@ -3,6 +3,7 @@ const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
 const require_styles_variants = require('../styles/variants.cjs');
 const require_components_index = require('../components/index.cjs');
 const require_cli = require('./dist/cli.cjs');
+const require_generateComponentData = require('../tailwind/dist/commands/generateComponentData.cjs');
 const require_generatePurgeCSSData = require('../tailwind/dist/commands/generatePurgeCSSData.cjs');
 const require_purge = require('../tailwind/dist/commands/purge.cjs');
 const require_package = require('../uds/package.cjs');
@@ -15,11 +16,16 @@ let ts_morph = require("ts-morph");
 //#region src/cli/runner.ts
 require_cli.run([
 	require_cli_commands_version.versionCommand,
-	require_purge.makePurgeCommand(async () => ({
-		variants: require_styles_variants.variants,
-		packageJson: require_package.default,
-		generatedPurgeCssData: await Promise.resolve().then(() => require("../uds/generated/tailwindPurge.cjs"))
-	})),
+	require_purge.makePurgeCommand(async () => {
+		const componentData = await Promise.resolve().then(() => require("../uds/generated/componentData.cjs"));
+		return {
+			variants: require_styles_variants.variants,
+			packageJson: require_package.default,
+			generatedPurgeCssData: await Promise.resolve().then(() => require("../uds/generated/tailwindPurge.cjs")),
+			autoVariants: (await Promise.resolve().then(() => require("../automated-config/dist/generated/autoVariants.cjs"))).autoVariants,
+			componentData
+		};
+	}),
 	require_generatePurgeCSSData.makeGeneratePurgeCSSDataCommand(async () => {
 		return {
 			project: new ts_morph.Project({ tsConfigFilePath: (0, node_path.join)(process.cwd(), `./tsconfig.json`) }),
@@ -28,6 +34,16 @@ require_cli.run([
 			UDS_EXPERIMENTAL: require_components_experimental_index.experimental_exports
 		};
 	}),
+	require_generateComponentData.makeGenerateComponentDataCommand(async () => {
+		return {
+			project: new ts_morph.Project({
+				tsConfigFilePath: (0, node_path.join)(process.cwd(), `./tsconfig.json`),
+				skipFileDependencyResolution: true
+			}),
+			componentsDir: (0, node_path.join)(process.cwd(), "src/components"),
+			outputFile: (0, node_path.join)(process.cwd(), "generated/componentData.json")
+		};
+	}),
 	require_cli_commands_sync.syncCommand
 ]);
 

package/dist/cli/runner.js

@@ -2,6 +2,7 @@
 import { variants } from "../styles/variants.js";
 import { components_exports } from "../components/index.js";
 import { run } from "./dist/cli.js";
+import { makeGenerateComponentDataCommand } from "../tailwind/dist/commands/generateComponentData.js";
 import { makeGeneratePurgeCSSDataCommand } from "../tailwind/dist/commands/generatePurgeCSSData.js";
 import { makePurgeCommand } from "../tailwind/dist/commands/purge.js";
 import package_default from "../uds/package.js";
@@ -14,11 +15,16 @@ import { Project } from "ts-morph";
 //#region src/cli/runner.ts
 run([
 	versionCommand,
-	makePurgeCommand(async () => ({
-		variants,
-		packageJson: package_default,
-		generatedPurgeCssData: await import("../uds/generated/tailwindPurge.js")
-	})),
+	makePurgeCommand(async () => {
+		const componentData = await import("../uds/generated/componentData.js");
+		return {
+			variants,
+			packageJson: package_default,
+			generatedPurgeCssData: await import("../uds/generated/tailwindPurge.js"),
+			autoVariants: (await import("../automated-config/dist/generated/autoVariants.js")).autoVariants,
+			componentData
+		};
+	}),
 	makeGeneratePurgeCSSDataCommand(async () => {
 		return {
 			project: new Project({ tsConfigFilePath: join(process.cwd(), `./tsconfig.json`) }),
@@ -27,6 +33,16 @@ run([
 			UDS_EXPERIMENTAL: experimental_exports
 		};
 	}),
+	makeGenerateComponentDataCommand(async () => {
+		return {
+			project: new Project({
+				tsConfigFilePath: join(process.cwd(), `./tsconfig.json`),
+				skipFileDependencyResolution: true
+			}),
+			componentsDir: join(process.cwd(), "src/components"),
+			outputFile: join(process.cwd(), "generated/componentData.json")
+		};
+	}),
 	syncCommand
 ]);
 

package/dist/components/client/Button.cjs

@@ -7,11 +7,11 @@ const require_styles_styler = require('../../styles/styler.cjs');
 const require_utils_createSlot = require('../../utils/createSlot.cjs');
 const require_components_Icon = require('../Icon.cjs');
 const require_components_IconSlot = require('../IconSlot.cjs');
-const require_index$1 = require('../../automated-config/dist/utils/index.cjs');
+const require_generateDefaultClassName = require('../../automated-config/dist/utils/generateDefaultClassName.cjs');
+const require_components_client_buttonConstants = require('./buttonConstants.cjs');
 const require_components_client_SpringMotionConfig = require('./SpringMotionConfig.cjs');
 let react = require("react");
 react = require_runtime.__toESM(react);
-let _yahoo_uds_fixtures = require("@yahoo/uds/fixtures");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _yahoo_uds_icons = require("@yahoo/uds-icons");
 let motion_react = require("motion/react");
@@ -75,10 +75,10 @@ function getStartVariant({ loading, startIcon }) {
 	if (startIcon) return "icon";
 	return "hide";
 }
-const defaultVariantRootClass = require_index$1.generateDefaultClassName("button", "variant", "root");
-const defaultVariantIconClass = require_index$1.generateDefaultClassName("button", "variant", "icon");
-const defaultSizeRootClass = require_index$1.generateDefaultClassName("button", "size", "root");
-const defaultSizeIconClass = require_index$1.generateDefaultClassName("button", "size", "icon");
+const defaultVariantRootClass = require_generateDefaultClassName.generateDefaultClassName("button", "variant", "root");
+const defaultVariantIconClass = require_generateDefaultClassName.generateDefaultClassName("button", "variant", "icon");
+const defaultSizeRootClass = require_generateDefaultClassName.generateDefaultClassName("button", "size", "root");
+const defaultSizeIconClass = require_generateDefaultClassName.generateDefaultClassName("button", "size", "icon");
 /**
 * **🖲️ A button element that can be used to trigger an action**
 *
@@ -193,7 +193,7 @@ const Button = (0, react.forwardRef)(function Button({ size, variant, startIcon,
 				exit: "hide",
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Icon.Icon, {
 					className: styles.loadingIcon,
-					size: _yahoo_uds_fixtures.buttonIconSvgSize,
+					size: require_components_client_buttonConstants.buttonIconSvgSize,
 					name: _yahoo_uds_icons.Progress,
 					variant: iconVariant,
 					color: "current"
@@ -207,7 +207,7 @@ const Button = (0, react.forwardRef)(function Button({ size, variant, startIcon,
 					className: styles.icon,
 					icon: startIcon,
 					iconProps: {
-						size: _yahoo_uds_fixtures.buttonIconSvgSize,
+						size: require_components_client_buttonConstants.buttonIconSvgSize,
 						variant: iconVariant,
 						color: "current"
 					}
@@ -238,7 +238,7 @@ const Button = (0, react.forwardRef)(function Button({ size, variant, startIcon,
 					className: styles.icon,
 					icon: endIcon,
 					iconProps: {
-						size: _yahoo_uds_fixtures.buttonIconSvgSize,
+						size: require_components_client_buttonConstants.buttonIconSvgSize,
 						variant: iconVariant,
 						color: "current"
 					}

package/dist/components/client/Button.js

@@ -5,10 +5,10 @@ import { cx, getStyles } from "../../styles/styler.js";
 import { createSlot } from "../../utils/createSlot.js";
 import { Icon } from "../Icon.js";
 import { IconSlot } from "../IconSlot.js";
-import { generateDefaultClassName } from "../../automated-config/dist/utils/index.js";
+import { generateDefaultClassName } from "../../automated-config/dist/utils/generateDefaultClassName.js";
+import { buttonIconSvgSize } from "./buttonConstants.js";
 import { SpringMotionConfig } from "./SpringMotionConfig.js";
 import React, { cloneElement, forwardRef, isValidElement, useImperativeHandle, useMemo, useRef } from "react";
-import { buttonIconSvgSize } from "@yahoo/uds/fixtures";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Progress } from "@yahoo/uds-icons";
 import { AnimatePresence, m, useReducedMotion } from "motion/react";

package/dist/components/client/IconButton.cjs

@@ -5,20 +5,20 @@ const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
 const require_index = require('../../css-tokens/dist/index.cjs');
 const require_styles_styler = require('../../styles/styler.cjs');
 const require_components_Icon = require('../Icon.cjs');
-const require_index$1 = require('../../automated-config/dist/utils/index.cjs');
+const require_generateDefaultClassName = require('../../automated-config/dist/utils/generateDefaultClassName.cjs');
+const require_components_client_buttonConstants = require('./buttonConstants.cjs');
 const require_components_client_SpringMotionConfig = require('./SpringMotionConfig.cjs');
 const require_components_client_Button = require('./Button.cjs');
 let react = require("react");
-let _yahoo_uds_fixtures = require("@yahoo/uds/fixtures");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _yahoo_uds_icons = require("@yahoo/uds-icons");
 let motion_react = require("motion/react");
 
 //#region src/components/client/IconButton.tsx
-const defaultSizeRootClass = require_index$1.generateDefaultClassName("iconbutton", "size", "root");
-const defaultSizeIconClass = require_index$1.generateDefaultClassName("iconbutton", "size", "icon");
-const defaultVariantRootClass = require_index$1.generateDefaultClassName("button", "variant", "root");
-const defaultVariantIconClass = require_index$1.generateDefaultClassName("button", "variant", "icon");
+const defaultSizeRootClass = require_generateDefaultClassName.generateDefaultClassName("iconbutton", "size", "root");
+const defaultSizeIconClass = require_generateDefaultClassName.generateDefaultClassName("iconbutton", "size", "icon");
+const defaultVariantRootClass = require_generateDefaultClassName.generateDefaultClassName("button", "variant", "root");
+const defaultVariantIconClass = require_generateDefaultClassName.generateDefaultClassName("button", "variant", "icon");
 /**
 * **⚙️️ An icon button element that can be used to trigger an action**
 *
@@ -101,7 +101,7 @@ const IconButton = (0, react.forwardRef)(function IconButton({ variant, size, ic
 					animate: "loading",
 					exit: "hide",
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Icon.Icon, {
-						size: _yahoo_uds_fixtures.buttonIconSvgSize,
+						size: require_components_client_buttonConstants.buttonIconSvgSize,
 						name: _yahoo_uds_icons.Progress,
 						variant: iconVariant,
 						color: "current",
@@ -113,7 +113,7 @@ const IconButton = (0, react.forwardRef)(function IconButton({ variant, size, ic
 					animate: "icon",
 					exit: "hide",
 					children: children || /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Icon.Icon, {
-						size: _yahoo_uds_fixtures.buttonIconSvgSize,
+						size: require_components_client_buttonConstants.buttonIconSvgSize,
 						name,
 						variant: iconVariant,
 						color: "current",

package/dist/components/client/IconButton.js

@@ -3,11 +3,11 @@
 import { BUTTON_SCALE_EFFECT_HOVER, BUTTON_SCALE_EFFECT_PRESSED, BUTTON_SCALE_EFFECT_REST } from "../../css-tokens/dist/index.js";
 import { cx, getStyles } from "../../styles/styler.js";
 import { Icon } from "../Icon.js";
-import { generateDefaultClassName } from "../../automated-config/dist/utils/index.js";
+import { generateDefaultClassName } from "../../automated-config/dist/utils/generateDefaultClassName.js";
+import { buttonIconSvgSize } from "./buttonConstants.js";
 import { SpringMotionConfig } from "./SpringMotionConfig.js";
 import { iconMotionVariants, loadingMotionVariants } from "./Button.js";
 import { forwardRef, useImperativeHandle, useMemo, useRef } from "react";
-import { buttonIconSvgSize } from "@yahoo/uds/fixtures";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Progress } from "@yahoo/uds-icons";
 import { AnimatePresence, m, useReducedMotion } from "motion/react";

package/dist/components/client/SpringMotionConfig.cjs

@@ -10,10 +10,10 @@ let react_jsx_runtime = require("react/jsx-runtime");
 let motion_react = require("motion/react");
 
 //#region src/components/client/SpringMotionConfig.tsx
-const LAYOUT_VARIANT = "subtle";
-const LAYOUT_SPEED = "3";
-const COLOR_VARIANT = "smooth";
-const COLOR_SPEED = "3";
+const LAYOUT_VARIANT = require_index$1.SPRING_MOTION_DEFAULTS.layoutVariant;
+const LAYOUT_SPEED = require_index$1.SPRING_MOTION_DEFAULTS.layoutSpeed;
+const COLOR_VARIANT = require_index$1.SPRING_MOTION_DEFAULTS.colorVariant;
+const COLOR_SPEED = require_index$1.SPRING_MOTION_DEFAULTS.colorSpeed;
 const defaultLoadFeatures = () => import("@yahoo/uds/__private/motionFeatures/domAnimation").then(({ domAnimation }) => domAnimation);
 /**
 * **🎬 Spring Motion Config to define motion animations for all UDS components**

package/dist/components/client/SpringMotionConfig.js

@@ -1,17 +1,17 @@
 "use client";
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 import { getMotionVar } from "../../css-tokens/dist/index.js";
-import { motion } from "../../motion-tokens/dist/index.js";
+import { SPRING_MOTION_DEFAULTS, motion } from "../../motion-tokens/dist/index.js";
 import { useAvoidMotionLibrary } from "../experimental/client/AvoidMotionLibraryProvider.js";
 import { useEffect, useMemo, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 import { LazyMotion, MotionConfig } from "motion/react";
 
 //#region src/components/client/SpringMotionConfig.tsx
-const LAYOUT_VARIANT = "subtle";
-const LAYOUT_SPEED = "3";
-const COLOR_VARIANT = "smooth";
-const COLOR_SPEED = "3";
+const LAYOUT_VARIANT = SPRING_MOTION_DEFAULTS.layoutVariant;
+const LAYOUT_SPEED = SPRING_MOTION_DEFAULTS.layoutSpeed;
+const COLOR_VARIANT = SPRING_MOTION_DEFAULTS.colorVariant;
+const COLOR_SPEED = SPRING_MOTION_DEFAULTS.colorSpeed;
 const defaultLoadFeatures = () => import("@yahoo/uds/__private/motionFeatures/domAnimation").then(({ domAnimation }) => domAnimation);
 /**
 * **🎬 Spring Motion Config to define motion animations for all UDS components**

package/dist/components/client/buttonConstants.cjs

@@ -0,0 +1,10 @@
+"use client";
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+//#region src/components/client/buttonConstants.ts
+/** The icon size used for icons in Button and IconButton components */
+const buttonIconSvgSize = "sm";
+
+//#endregion
+exports.buttonIconSvgSize = buttonIconSvgSize;

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

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

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

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

package/dist/components/client/buttonConstants.js

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

package/dist/config/dist/index.cjs

@@ -2,7 +2,7 @@
 
 //#region ../config/dist/index.js
 /*! © 2026 Yahoo, Inc. UDS Default Config v0.0.0-development */
-const LATEST_MIGRATION_VERSION = "v0.78.0";
+const LATEST_MIGRATION_VERSION = "v0.80.0";
 /**
 * NOTE: If you're building a feature with a migration,
 * this type will likely throw.  You can regenerate yosConfig
@@ -15,9 +15,9 @@ const defaultTokensConfig = {
 		variables: {
 			"size/default/root": {
 				shadow: { rest: {
-					type: "elevationAliases",
-					valueType: "alias",
-					value: "elevation-0"
+					type: "shadowVariants",
+					value: "none",
+					valueType: "alias"
 				} },
 				spacingHorizontal: { rest: {
 					type: "spacingAliases",
@@ -44,7 +44,7 @@ const defaultTokensConfig = {
 				strokeWidth: { rest: {
 					type: "borderWidths",
 					valueType: "alias",
-					value: "thin"
+					value: "none"
 				} }
 			},
 			"size/default/title": { textVariant: { rest: {
@@ -64,34 +64,34 @@ const defaultTokensConfig = {
 			} } },
 			"size/default/icon": { size: { rest: {
 				type: "iconSizes",
-				valueType: "alias",
-				value: "xs"
+				value: "xs",
+				valueType: "alias"
 			} } },
 			"variant/default/root": { color: { rest: {
-				type: "foregroundPaletteColors",
-				valueType: "alias",
-				value: "primary"
+				type: "spectrumColors",
+				value: "gray-0",
+				valueType: "alias"
 			} } },
 			"variant/default/svg": {
 				backgroundColor: { rest: {
-					type: "elevationAliases",
-					valueType: "alias",
-					value: "elevation-0"
+					type: "spectrumColors",
+					value: "carbon-15",
+					valueType: "alias"
 				} },
 				blurBackgroundColorFallback: { rest: {
-					type: "elevationAliases",
-					valueType: "alias",
-					value: "elevation-0"
+					type: "spectrumColors",
+					value: "carbon-15",
+					valueType: "alias"
 				} },
 				fillOpacity: { rest: {
 					type: "opacitySteps",
-					valueType: "alias",
-					value: "100"
+					value: "90",
+					valueType: "alias"
 				} },
 				stroke: { rest: {
-					type: "elevationAliases",
-					valueType: "alias",
-					value: "elevation-0"
+					type: "alwaysPaletteAliases",
+					value: "always/transparent",
+					valueType: "alias"
 				} }
 			},
 			"variant/default/blur": { backdropBlur: { rest: {
@@ -100,9 +100,9 @@ const defaultTokensConfig = {
 				value: 0
 			} } },
 			"variant/default/icon": { color: { rest: {
-				type: "foregroundPaletteColors",
-				valueType: "alias",
-				value: "primary"
+				type: "spectrumColors",
+				value: "gray-0",
+				valueType: "alias"
 			} } }
 		},
 		defaults: {
@@ -21073,7 +21073,7 @@ const defaultTokensConfig = {
 			variant: "default"
 		}
 	},
-	version: "v0.79.0",
+	version: "v0.80.0",
 	input: {
 		variables: {
 			"variant/default/value/empty/helperText": { color: {