@yahoo/uds 3.104.0 → 3.105.0

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/index.cjs

@@ -18,6 +18,7 @@ const require_components_client_Avatar_AvatarText = require('./components/client
 const require_components_client_Avatar_AvatarImage = require('./components/client/Avatar/AvatarImage.cjs');
 const require_components_client_Avatar_Avatar = require('./components/client/Avatar/Avatar.cjs');
 const require_components_client_Badge = require('./components/client/Badge.cjs');
+const require_generateDefaultClassName = require('./automated-config/dist/utils/generateDefaultClassName.cjs');
 const require_generateSchemaKey = require('./automated-config/dist/utils/generateSchemaKey.cjs');
 const require_buildConfigSchema = require('./automated-config/dist/utils/buildConfigSchema.cjs');
 const require_cartesianProduct = require('./automated-config/dist/utils/cartesianProduct.cjs');
@@ -207,7 +208,7 @@ exports.fromEntries = require_tokens_utils_fromEntries.fromEntries;
 exports.generateClassName = require_index$2.generateClassName;
 exports.generateConfigStyles = require_index$2.generateConfigStyles;
 exports.generateDeclaration = require_index$2.generateDeclaration;
-exports.generateDefaultClassName = require_index$2.generateDefaultClassName;
+exports.generateDefaultClassName = require_generateDefaultClassName.generateDefaultClassName;
 exports.generateKeyFromFlatConfigPath = require_generateKeyFromFlatConfigPath.generateKeyFromFlatConfigPath;
 exports.generateSchemaKey = require_generateSchemaKey.generateSchemaKey;
 exports.generateStyles = require_index$2.generateStyles;

package/dist/index.d.cts

@@ -9,6 +9,7 @@ import { cartesianProduct } from "./automated-config/dist/utils/cartesianProduct
 import { coalesceConfigVariant } from "./automated-config/dist/utils/coalesceConfigVariant.cjs";
 import { AllVariantKeys, AutoComponentName, UniversalTokensConfigAuto } from "./automated-config/dist/generated/universalTokensConfigAuto.cjs";
 import { getConfigDefaultValue, isConfigDefaultValue } from "./automated-config/dist/utils/defaults.cjs";
+import { generateDefaultClassName } from "./automated-config/dist/utils/generateDefaultClassName.cjs";
 import { generateKeyFromFlatConfigPath } from "./automated-config/dist/utils/generateKeyFromFlatConfigPath.cjs";
 import { generateSchemaKey } from "./automated-config/dist/utils/generateSchemaKey.cjs";
 import { getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix } from "./automated-config/dist/utils/getConfigVariantComponentStatesMatrix.cjs";
@@ -16,7 +17,7 @@ import { getConfigVariantProperties } from "./automated-config/dist/utils/getCon
 import { getConfigVariantPseudoStates } from "./automated-config/dist/utils/getConfigVariantPseudoStates.cjs";
 import { getConfigVariants } from "./automated-config/dist/utils/getConfigVariants.cjs";
 import { getConfigSubcomponents } from "./automated-config/dist/utils/subcomponents.cjs";
-import { createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, generateClassName, generateConfigStyles, generateDeclaration, generateDefaultClassName, generateStyles, statePseudoMapDocsMode } from "./automated-config/dist/utils/index.cjs";
+import { createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, generateClassName, generateConfigStyles, generateDeclaration, generateStyles, statePseudoMapDocsMode } from "./automated-config/dist/utils/index.cjs";
 import { ALWAYS_PREFIX, alwaysPalette, deprecatedAlwaysPalette, newAlwaysPalette } from "./palette/dist/index.cjs";
 import { ResolvedTokensConfig, UniversalTokensConfig } from "./config/dist/index.cjs";
 import { FONT_DECLARATIONS_MAP, FontAxisConfig, FontDeclarationConfig, FontDeclarationItemConfig, FontDeclarationMap, FontFamilyCDNUrl, FontID, FontWeightForFont } from "./fonts/dist/index.cjs";

package/dist/index.d.ts

@@ -9,6 +9,7 @@ import { cartesianProduct } from "./automated-config/dist/utils/cartesianProduct
 import { coalesceConfigVariant } from "./automated-config/dist/utils/coalesceConfigVariant.js";
 import { AllVariantKeys, AutoComponentName, UniversalTokensConfigAuto } from "./automated-config/dist/generated/universalTokensConfigAuto.js";
 import { getConfigDefaultValue, isConfigDefaultValue } from "./automated-config/dist/utils/defaults.js";
+import { generateDefaultClassName } from "./automated-config/dist/utils/generateDefaultClassName.js";
 import { generateKeyFromFlatConfigPath } from "./automated-config/dist/utils/generateKeyFromFlatConfigPath.js";
 import { generateSchemaKey } from "./automated-config/dist/utils/generateSchemaKey.js";
 import { getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix } from "./automated-config/dist/utils/getConfigVariantComponentStatesMatrix.js";
@@ -16,7 +17,7 @@ import { getConfigVariantProperties } from "./automated-config/dist/utils/getCon
 import { getConfigVariantPseudoStates } from "./automated-config/dist/utils/getConfigVariantPseudoStates.js";
 import { getConfigVariants } from "./automated-config/dist/utils/getConfigVariants.js";
 import { getConfigSubcomponents } from "./automated-config/dist/utils/subcomponents.js";
-import { createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, generateClassName, generateConfigStyles, generateDeclaration, generateDefaultClassName, generateStyles, statePseudoMapDocsMode } from "./automated-config/dist/utils/index.js";
+import { createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, generateClassName, generateConfigStyles, generateDeclaration, generateStyles, statePseudoMapDocsMode } from "./automated-config/dist/utils/index.js";
 import { ALWAYS_PREFIX, alwaysPalette, deprecatedAlwaysPalette, newAlwaysPalette } from "./palette/dist/index.js";
 import { ResolvedTokensConfig, UniversalTokensConfig } from "./config/dist/index.js";
 import { FONT_DECLARATIONS_MAP, FontAxisConfig, FontDeclarationConfig, FontDeclarationItemConfig, FontDeclarationMap, FontFamilyCDNUrl, FontID, FontWeightForFont } from "./fonts/dist/index.js";

package/dist/index.js

@@ -17,6 +17,7 @@ import { AvatarText } from "./components/client/Avatar/AvatarText.js";
 import { AvatarImage } from "./components/client/Avatar/AvatarImage.js";
 import { Avatar } from "./components/client/Avatar/Avatar.js";
 import { Badge } from "./components/client/Badge.js";
+import { generateDefaultClassName } from "./automated-config/dist/utils/generateDefaultClassName.js";
 import { generateSchemaKey } from "./automated-config/dist/utils/generateSchemaKey.js";
 import { buildConfigSchema, findFixtureType } from "./automated-config/dist/utils/buildConfigSchema.js";
 import { cartesianProduct } from "./automated-config/dist/utils/cartesianProduct.js";
@@ -28,7 +29,7 @@ import { getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix
 import { getConfigVariantProperties } from "./automated-config/dist/utils/getConfigVariantProperties.js";
 import { getConfigVariantPseudoStates } from "./automated-config/dist/utils/getConfigVariantPseudoStates.js";
 import { getConfigVariants } from "./automated-config/dist/utils/getConfigVariants.js";
-import { createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, generateClassName, generateConfigStyles, generateDeclaration, generateDefaultClassName, generateStyles, statePseudoMapDocsMode } from "./automated-config/dist/utils/index.js";
+import { createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, generateClassName, generateConfigStyles, generateDeclaration, generateStyles, statePseudoMapDocsMode } from "./automated-config/dist/utils/index.js";
 import { SpringMotionConfig } from "./components/client/SpringMotionConfig.js";
 import { Button } from "./components/client/Button.js";
 import { Checkbox } from "./components/client/Checkbox.js";

package/dist/motion-tokens/dist/index.cjs

@@ -138,9 +138,20 @@ const motion = {
 		}
 	}
 };
+/**
+* SpringMotionConfig default values.
+* Used by both the component and build-time analysis tools.
+*/
+const SPRING_MOTION_DEFAULTS = {
+	layoutVariant: "subtle",
+	layoutSpeed: "3",
+	colorVariant: "smooth",
+	colorSpeed: "3"
+};
 
 //#endregion
 exports.SCALE_EFFECTS = SCALE_EFFECTS;
+exports.SPRING_MOTION_DEFAULTS = SPRING_MOTION_DEFAULTS;
 exports.animation = animation;
 exports.motion = motion;
 exports.transitionDelay = transitionDelay;

package/dist/motion-tokens/dist/index.d.cts

@@ -47,6 +47,10 @@ declare const transitionTiming: {
   out: string;
   'in-out': string;
 };
-declare const motion: MotionConfig; //#endregion
+declare const motion: MotionConfig;
+/**
+ * SpringMotionConfig default values.
+ * Used by both the component and build-time analysis tools.
+ */
 //#endregion
 export { SCALE_EFFECTS, animation, motion, transitionDelay, transitionDuration, transitionTiming };

package/dist/motion-tokens/dist/index.d.ts

@@ -47,6 +47,10 @@ declare const transitionTiming: {
   out: string;
   'in-out': string;
 };
-declare const motion: MotionConfig; //#endregion
+declare const motion: MotionConfig;
+/**
+ * SpringMotionConfig default values.
+ * Used by both the component and build-time analysis tools.
+ */
 //#endregion
 export { SCALE_EFFECTS, animation, motion, transitionDelay, transitionDuration, transitionTiming };

package/dist/motion-tokens/dist/index.js

@@ -137,6 +137,16 @@ const motion = {
 		}
 	}
 };
+/**
+* SpringMotionConfig default values.
+* Used by both the component and build-time analysis tools.
+*/
+const SPRING_MOTION_DEFAULTS = {
+	layoutVariant: "subtle",
+	layoutSpeed: "3",
+	colorVariant: "smooth",
+	colorSpeed: "3"
+};
 
 //#endregion
-export { SCALE_EFFECTS, animation, motion, transitionDelay, transitionDuration, transitionTiming };
+export { SCALE_EFFECTS, SPRING_MOTION_DEFAULTS, animation, motion, transitionDelay, transitionDuration, transitionTiming };