@yahoo/uds 3.145.0 → 3.147.0-beta.1

package/dist/tailwind-internal/dist/packages/automated-config/dist/utils/buildConfigSchema.cjs

@@ -0,0 +1,15 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+const require_util = require("../../../../../../fixtures/src/util.cjs");
+//#region ../tailwind-internal/dist/packages/automated-config/dist/utils/buildConfigSchema.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind Internal v0.0.0-development */
+/*! © 2026 Yahoo, Inc. UDS Default Config v0.0.0-development */
+/** Resolves the fixture type by finding which value set contains the given value */
+function findFixtureTypeForValue(property, value) {
+	const index = property.values.findIndex((arr) => arr.includes(value));
+	const fixtureType = property.typeOfFixture[index === -1 ? 0 : index];
+	const arbitraryFixture = require_util.getArbitraryFixture(fixtureType);
+	if (arbitraryFixture && !require_util.validateArbitraryValue(arbitraryFixture, value)) throw new Error(`Invalid value "${value}" for property "${property.name}": does not satisfy ${fixtureType} constraints`);
+	return fixtureType;
+}
+//#endregion
+exports.findFixtureTypeForValue = findFixtureTypeForValue;

package/dist/tailwind-internal/dist/packages/automated-config/dist/utils/buildConfigSchema.js

@@ -0,0 +1,15 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+import { getArbitraryFixture, validateArbitraryValue } from "../../../../../../fixtures/src/util.js";
+//#region ../tailwind-internal/dist/packages/automated-config/dist/utils/buildConfigSchema.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind Internal v0.0.0-development */
+/*! © 2026 Yahoo, Inc. UDS Default Config v0.0.0-development */
+/** Resolves the fixture type by finding which value set contains the given value */
+function findFixtureTypeForValue(property, value) {
+	const index = property.values.findIndex((arr) => arr.includes(value));
+	const fixtureType = property.typeOfFixture[index === -1 ? 0 : index];
+	const arbitraryFixture = getArbitraryFixture(fixtureType);
+	if (arbitraryFixture && !validateArbitraryValue(arbitraryFixture, value)) throw new Error(`Invalid value "${value}" for property "${property.name}": does not satisfy ${fixtureType} constraints`);
+	return fixtureType;
+}
+//#endregion
+export { findFixtureTypeForValue };

package/dist/tailwind-internal/dist/packages/automated-config/dist/utils/index.cjs

@@ -2,9 +2,10 @@
 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");
+const require_generateDefaultClassName = require("./generateDefaultClassName.cjs");
 let lodash_es = require("lodash-es");
 //#region ../tailwind-internal/dist/packages/automated-config/dist/utils/index.js
 /*! © 2026 Yahoo, Inc. UDS Tailwind Internal v0.0.0-development */
@@ -12,7 +13,10 @@ let lodash_es = require("lodash-es");
 const CSS_GAP = "gap";
 const CSS_LINE_HEIGHT = "line-height";
 const CSS_BORDER_WIDTH = "border-width";
+const CSS_BORDER_RADIUS = "border-radius";
 const CSS_BORDER_COLOR = "border-color";
+const NESTED_BORDER_RADIUS_SIZE_VAR = "--uds-nested-border-radius-size";
+const NESTED_BORDER_RADIUS_WIDTH_VAR = "--uds-nested-border-radius-width";
 const CSS_BOX_SHADOW = "box-shadow";
 const CSS_BORDER_TOP_WIDTH = "border-top-width";
 const CSS_BORDER_RIGHT_WIDTH = "border-right-width";
@@ -168,7 +172,7 @@ const getTheCssPropertyValue = (schema, theme, propertyName, schemaStateValue, e
 	if (propertyConfig.customValueRenderer) newValue = propertyConfig.customValueRenderer(schemaStateValue, schema, theme, originalPropertyDefinition);
 	else {
 		const safeTwThemePath = propertyConfig.twThemePath;
-		newValue = theme(safeTwThemePath(type, String(value)));
+		newValue = theme(safeTwThemePath(originalPropertyDefinition ? require_buildConfigSchema.findFixtureTypeForValue(originalPropertyDefinition, value) : type, String(value)));
 	}
 	if (propertyConfig.concatenate && existingValue) return `${existingValue}${propertyConfig.concatenationDelimiter || ", "}${newValue}`;
 	return newValue;
@@ -194,7 +198,11 @@ function generateDeclaration({ componentName, subComponentName, variantKey, vari
 	const propertyStateMap = schema.variables?.[schemaKey]?.[propertyKey];
 	if (!propertyStateMap) throw new Error(`Prop definition (${componentName} - ${schemaKey} - ${propertyKey}) not found, this is not expected, please report the bug to the UDS team`);
 	const styles = {};
+	const skipRestForProperty = originalPropertyDefinition.skipRestState === true;
+	const declaredPseudoStates = originalPropertyDefinition.pseudoStates ?? [];
+	const declaredPropertyStates = new Set([...skipRestForProperty ? [] : ["rest"], ...declaredPseudoStates]);
 	for (const propStateStr in propertyStateMap) {
+		if (!declaredPropertyStates.has(propStateStr)) continue;
 		const propertyState = propStateStr;
 		const propertyStateSelector = statePseudoMap[propertyState] ?? "";
 		const schemaValueForState = propertyStateMap[propertyState];
@@ -303,6 +311,10 @@ function generateDeclaration({ componentName, subComponentName, variantKey, vari
 				});
 			}
 		}
+		if (componentName === "paddlenav" && layer === "root") {
+			if (propertyKey === "borderRadius" && cssDeclarations[CSS_BORDER_RADIUS]) cssDeclarations[NESTED_BORDER_RADIUS_SIZE_VAR] = cssDeclarations[CSS_BORDER_RADIUS];
+			if (propertyKey === "borderWidth" && cssDeclarations[CSS_BORDER_WIDTH]) cssDeclarations[NESTED_BORDER_RADIUS_WIDTH_VAR] = cssDeclarations[CSS_BORDER_WIDTH];
+		}
 		if ((componentName === "tabs" || componentName === "tab") && layer === "root") {
 			const schemaVariablesForKey = schema?.variables?.[schemaKey];
 			if (propertyKey === "borderWidth" && schemaVariablesForKey?.underlineWidth) {

package/dist/tailwind-internal/dist/packages/automated-config/dist/utils/index.js

@@ -1,9 +1,10 @@
 /*! © 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 { findFixtureTypeForValue } from "./buildConfigSchema.js";
+import { generateDefaultClassName } from "./generateDefaultClassName.js";
 import { isFunction, mergeWith } from "lodash-es";
 //#region ../tailwind-internal/dist/packages/automated-config/dist/utils/index.js
 /*! © 2026 Yahoo, Inc. UDS Tailwind Internal v0.0.0-development */
@@ -11,7 +12,10 @@ import { isFunction, mergeWith } from "lodash-es";
 const CSS_GAP = "gap";
 const CSS_LINE_HEIGHT = "line-height";
 const CSS_BORDER_WIDTH = "border-width";
+const CSS_BORDER_RADIUS = "border-radius";
 const CSS_BORDER_COLOR = "border-color";
+const NESTED_BORDER_RADIUS_SIZE_VAR = "--uds-nested-border-radius-size";
+const NESTED_BORDER_RADIUS_WIDTH_VAR = "--uds-nested-border-radius-width";
 const CSS_BOX_SHADOW = "box-shadow";
 const CSS_BORDER_TOP_WIDTH = "border-top-width";
 const CSS_BORDER_RIGHT_WIDTH = "border-right-width";
@@ -167,7 +171,7 @@ const getTheCssPropertyValue = (schema, theme, propertyName, schemaStateValue, e
 	if (propertyConfig.customValueRenderer) newValue = propertyConfig.customValueRenderer(schemaStateValue, schema, theme, originalPropertyDefinition);
 	else {
 		const safeTwThemePath = propertyConfig.twThemePath;
-		newValue = theme(safeTwThemePath(type, String(value)));
+		newValue = theme(safeTwThemePath(originalPropertyDefinition ? findFixtureTypeForValue(originalPropertyDefinition, value) : type, String(value)));
 	}
 	if (propertyConfig.concatenate && existingValue) return `${existingValue}${propertyConfig.concatenationDelimiter || ", "}${newValue}`;
 	return newValue;
@@ -193,7 +197,11 @@ function generateDeclaration({ componentName, subComponentName, variantKey, vari
 	const propertyStateMap = schema.variables?.[schemaKey]?.[propertyKey];
 	if (!propertyStateMap) throw new Error(`Prop definition (${componentName} - ${schemaKey} - ${propertyKey}) not found, this is not expected, please report the bug to the UDS team`);
 	const styles = {};
+	const skipRestForProperty = originalPropertyDefinition.skipRestState === true;
+	const declaredPseudoStates = originalPropertyDefinition.pseudoStates ?? [];
+	const declaredPropertyStates = new Set([...skipRestForProperty ? [] : ["rest"], ...declaredPseudoStates]);
 	for (const propStateStr in propertyStateMap) {
+		if (!declaredPropertyStates.has(propStateStr)) continue;
 		const propertyState = propStateStr;
 		const propertyStateSelector = statePseudoMap[propertyState] ?? "";
 		const schemaValueForState = propertyStateMap[propertyState];
@@ -302,6 +310,10 @@ function generateDeclaration({ componentName, subComponentName, variantKey, vari
 				});
 			}
 		}
+		if (componentName === "paddlenav" && layer === "root") {
+			if (propertyKey === "borderRadius" && cssDeclarations[CSS_BORDER_RADIUS]) cssDeclarations[NESTED_BORDER_RADIUS_SIZE_VAR] = cssDeclarations[CSS_BORDER_RADIUS];
+			if (propertyKey === "borderWidth" && cssDeclarations[CSS_BORDER_WIDTH]) cssDeclarations[NESTED_BORDER_RADIUS_WIDTH_VAR] = cssDeclarations[CSS_BORDER_WIDTH];
+		}
 		if ((componentName === "tabs" || componentName === "tab") && layer === "root") {
 			const schemaVariablesForKey = schema?.variables?.[schemaKey];
 			if (propertyKey === "borderWidth" && schemaVariablesForKey?.underlineWidth) {

package/dist/tailwind-internal/dist/packages/config/dist/index.cjs

@@ -13859,7 +13859,7 @@ const defaultTokensConfig = {
 				},
 				borderColor: {
 					type: "line",
-					value: "accent"
+					value: "muted"
 				},
 				borderWidth: "thin",
 				dropShadow: "none",
@@ -13893,7 +13893,7 @@ const defaultTokensConfig = {
 				},
 				borderColor: {
 					type: "line",
-					value: "tertiary"
+					value: "muted"
 				},
 				borderWidth: "thin",
 				dropShadow: "none",
@@ -13929,7 +13929,7 @@ const defaultTokensConfig = {
 				},
 				borderColor: {
 					type: "line",
-					value: "accent"
+					value: "muted"
 				},
 				borderWidth: "thin",
 				dropShadow: [
@@ -14008,7 +14008,7 @@ const defaultTokensConfig = {
 				},
 				borderColor: {
 					type: "line",
-					value: "tertiary"
+					value: "muted"
 				},
 				borderWidth: "thin",
 				dropShadow: [
@@ -14089,7 +14089,7 @@ const defaultTokensConfig = {
 				},
 				borderColor: {
 					type: "line",
-					value: "accent"
+					value: "muted"
 				},
 				borderWidth: "thin",
 				dropShadow: [
@@ -14168,7 +14168,7 @@ const defaultTokensConfig = {
 				},
 				borderColor: {
 					type: "line",
-					value: "tertiary"
+					value: "muted"
 				},
 				borderWidth: "thin",
 				dropShadow: [
@@ -14249,7 +14249,7 @@ const defaultTokensConfig = {
 				},
 				borderColor: {
 					type: "line",
-					value: "accent"
+					value: "muted"
 				},
 				borderWidth: "thin",
 				dropShadow: [
@@ -14328,7 +14328,7 @@ const defaultTokensConfig = {
 				},
 				borderColor: {
 					type: "line",
-					value: "tertiary"
+					value: "muted"
 				},
 				borderWidth: "thin",
 				dropShadow: [
@@ -14409,7 +14409,7 @@ const defaultTokensConfig = {
 				},
 				borderColor: {
 					type: "line",
-					value: "accent"
+					value: "muted"
 				},
 				borderWidth: "thin",
 				dropShadow: [
@@ -14488,7 +14488,7 @@ const defaultTokensConfig = {
 				},
 				borderColor: {
 					type: "line",
-					value: "tertiary"
+					value: "muted"
 				},
 				borderWidth: "thin",
 				dropShadow: [
@@ -14569,7 +14569,7 @@ const defaultTokensConfig = {
 				},
 				borderColor: {
 					type: "line",
-					value: "accent"
+					value: "muted"
 				},
 				borderWidth: "thin",
 				dropShadow: [
@@ -14648,7 +14648,7 @@ const defaultTokensConfig = {
 				},
 				borderColor: {
 					type: "line",
-					value: "tertiary"
+					value: "muted"
 				},
 				borderWidth: "thin",
 				dropShadow: [
@@ -17111,6 +17111,391 @@ const defaultTokensConfig = {
 			}
 		}
 	},
+	paddleNav: {
+		defaults: {
+			size: "md",
+			variant: "primary"
+		},
+		variables: {
+			"size/lg/icon": { size: { rest: {
+				type: "iconSizes",
+				value: "md",
+				valueType: "alias"
+			} } },
+			"size/lg/root": {
+				borderRadius: { rest: {
+					type: "borderRadii",
+					value: "full",
+					valueType: "alias"
+				} },
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} },
+				spacing: { rest: {
+					type: "spacingAliases",
+					value: "3.5",
+					valueType: "alias"
+				} }
+			},
+			"size/md/icon": { size: { rest: {
+				type: "iconSizes",
+				value: "sm",
+				valueType: "alias"
+			} } },
+			"size/md/root": {
+				borderRadius: { rest: {
+					type: "borderRadii",
+					value: "full",
+					valueType: "alias"
+				} },
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} },
+				spacing: { rest: {
+					type: "spacingAliases",
+					value: "3",
+					valueType: "alias"
+				} }
+			},
+			"size/sm/icon": { size: { rest: {
+				type: "iconSizes",
+				value: "sm",
+				valueType: "alias"
+			} } },
+			"size/sm/root": {
+				borderRadius: { rest: {
+					type: "borderRadii",
+					value: "full",
+					valueType: "alias"
+				} },
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} },
+				spacing: { rest: {
+					type: "spacingAliases",
+					value: "2",
+					valueType: "alias"
+				} }
+			},
+			"size/xl/icon": { size: { rest: {
+				type: "iconSizes",
+				value: "lg",
+				valueType: "alias"
+			} } },
+			"size/xl/root": {
+				borderRadius: { rest: {
+					type: "borderRadii",
+					value: "full",
+					valueType: "alias"
+				} },
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} },
+				spacing: { rest: {
+					type: "spacingAliases",
+					value: "4",
+					valueType: "alias"
+				} }
+			},
+			"size/xs/icon": { size: { rest: {
+				type: "iconSizes",
+				value: "xs",
+				valueType: "alias"
+			} } },
+			"size/xs/root": {
+				borderRadius: { rest: {
+					type: "borderRadii",
+					value: "full",
+					valueType: "alias"
+				} },
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} },
+				spacing: { rest: {
+					type: "spacingAliases",
+					value: "2",
+					valueType: "alias"
+				} }
+			},
+			"variant/primary/background": {
+				backgroundColor: {
+					hover: {
+						type: "spectrumColors",
+						value: "carbon-1",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "spectrumColors",
+						value: "carbon-2",
+						valueType: "alias"
+					},
+					rest: {
+						type: "backgroundPaletteColors",
+						value: "primary",
+						valueType: "alias"
+					}
+				},
+				opacity: {
+					hover: {
+						type: "opacitySteps",
+						value: "100",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "opacitySteps",
+						value: "100",
+						valueType: "alias"
+					},
+					rest: {
+						type: "opacitySteps",
+						value: "100",
+						valueType: "alias"
+					}
+				}
+			},
+			"variant/primary/icon": { color: {
+				hover: {
+					type: "foregroundPaletteColors",
+					value: "primary",
+					valueType: "alias"
+				},
+				pressed: {
+					type: "foregroundPaletteColors",
+					value: "primary",
+					valueType: "alias"
+				},
+				rest: {
+					type: "foregroundPaletteColors",
+					value: "primary",
+					valueType: "alias"
+				}
+			} },
+			"variant/primary/root": {
+				borderColor: {
+					hover: {
+						type: "linePaletteColors",
+						value: "tertiary",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "linePaletteColors",
+						value: "tertiary",
+						valueType: "alias"
+					},
+					rest: {
+						type: "linePaletteColors",
+						value: "tertiary",
+						valueType: "alias"
+					}
+				},
+				shadow: {
+					hover: {
+						type: "shadowVariants",
+						value: "none",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "shadowVariants",
+						value: "none",
+						valueType: "alias"
+					},
+					rest: {
+						type: "shadowVariants",
+						value: "none",
+						valueType: "alias"
+					}
+				}
+			},
+			"variant/secondary/background": {
+				backgroundColor: {
+					hover: {
+						type: "spectrumColors",
+						value: "carbon-2",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "spectrumColors",
+						value: "carbon-3",
+						valueType: "alias"
+					},
+					rest: {
+						type: "spectrumColors",
+						value: "carbon-1",
+						valueType: "alias"
+					}
+				},
+				opacity: {
+					hover: {
+						type: "opacitySteps",
+						value: "100",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "opacitySteps",
+						value: "100",
+						valueType: "alias"
+					},
+					rest: {
+						type: "opacitySteps",
+						value: "100",
+						valueType: "alias"
+					}
+				}
+			},
+			"variant/secondary/icon": { color: {
+				hover: {
+					type: "foregroundPaletteColors",
+					value: "primary",
+					valueType: "alias"
+				},
+				pressed: {
+					type: "foregroundPaletteColors",
+					value: "primary",
+					valueType: "alias"
+				},
+				rest: {
+					type: "foregroundPaletteColors",
+					value: "primary",
+					valueType: "alias"
+				}
+			} },
+			"variant/secondary/root": {
+				borderColor: {
+					hover: {
+						type: "linePaletteColors",
+						value: "tertiary",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "linePaletteColors",
+						value: "tertiary",
+						valueType: "alias"
+					},
+					rest: {
+						type: "linePaletteColors",
+						value: "tertiary",
+						valueType: "alias"
+					}
+				},
+				shadow: {
+					hover: {
+						type: "shadowVariants",
+						value: "none",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "shadowVariants",
+						value: "none",
+						valueType: "alias"
+					},
+					rest: {
+						type: "shadowVariants",
+						value: "none",
+						valueType: "alias"
+					}
+				}
+			},
+			"variant/tertiary/background": {
+				backgroundColor: {
+					hover: {
+						type: "alwaysPaletteAliases",
+						value: "always/black",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "alwaysPaletteAliases",
+						value: "always/black",
+						valueType: "alias"
+					},
+					rest: {
+						type: "alwaysPaletteAliases",
+						value: "always/black",
+						valueType: "alias"
+					}
+				},
+				opacity: {
+					hover: {
+						type: "opacitySteps",
+						value: "50",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "opacitySteps",
+						value: "70",
+						valueType: "alias"
+					},
+					rest: {
+						type: "opacitySteps",
+						value: "30",
+						valueType: "alias"
+					}
+				}
+			},
+			"variant/tertiary/icon": { color: {
+				hover: {
+					type: "alwaysPaletteAliases",
+					value: "always/white",
+					valueType: "alias"
+				},
+				pressed: {
+					type: "alwaysPaletteAliases",
+					value: "always/white",
+					valueType: "alias"
+				},
+				rest: {
+					type: "alwaysPaletteAliases",
+					value: "always/white",
+					valueType: "alias"
+				}
+			} },
+			"variant/tertiary/root": {
+				borderColor: {
+					hover: {
+						type: "alwaysPaletteAliases",
+						value: "always/transparent",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "alwaysPaletteAliases",
+						value: "always/transparent",
+						valueType: "alias"
+					},
+					rest: {
+						type: "alwaysPaletteAliases",
+						value: "always/transparent",
+						valueType: "alias"
+					}
+				},
+				shadow: {
+					hover: {
+						type: "shadowVariants",
+						value: "none",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "shadowVariants",
+						value: "none",
+						valueType: "alias"
+					},
+					rest: {
+						type: "shadowVariants",
+						value: "none",
+						valueType: "alias"
+					}
+				}
+			}
+		}
+	},
 	popover: {
 		defaults: {
 			size: "default",
@@ -28563,8 +28948,8 @@ const defaultTokensConfig = {
 			}
 		}
 	},
-	version: "v0.93.0",
-	version: "v0.93.0"
+	version: "v0.94.0",
+	version: "v0.94.0"
 };
 //#endregion
 exports.defaultTokensConfig = defaultTokensConfig;