@yahoo/uds 3.145.0 → 3.147.0-beta.1

package/dist/automated-config/dist/generated/universalTokensConfigAuto.js

@@ -11707,6 +11707,391 @@ const defaultUniversalTokensConfigAuto = {
 			} } }
 		}
 	},
+	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: "backgroundPaletteColors",
+						value: "primary",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "backgroundPaletteColors",
+						value: "primary",
+						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-1",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "spectrumColors",
+						value: "carbon-1",
+						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: "backgroundPaletteColors",
+						value: "primary",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "backgroundPaletteColors",
+						value: "primary",
+						valueType: "alias"
+					},
+					rest: {
+						type: "backgroundPaletteColors",
+						value: "primary",
+						valueType: "alias"
+					}
+				},
+				opacity: {
+					hover: {
+						type: "opacitySteps",
+						value: "30",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "opacitySteps",
+						value: "30",
+						valueType: "alias"
+					},
+					rest: {
+						type: "opacitySteps",
+						value: "30",
+						valueType: "alias"
+					}
+				}
+			},
+			"variant/tertiary/icon": { color: {
+				hover: {
+					type: "foregroundPaletteColors",
+					value: "primary",
+					valueType: "alias"
+				},
+				pressed: {
+					type: "foregroundPaletteColors",
+					value: "primary",
+					valueType: "alias"
+				},
+				rest: {
+					type: "foregroundPaletteColors",
+					value: "primary",
+					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",

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

@@ -4,15 +4,18 @@ const require_variantConfigGuards = require("./variantConfigGuards.cjs");
 const require_util = require("../../../fixtures/src/util.cjs");
 //#region ../automated-config/dist/utils/buildConfigSchema.js
 /*! © 2026 Yahoo, Inc. UDS Default Config v0.0.0-development */
-/** Resolves the fixture type for a property's variant by finding which value set contains the default value */
-function findFixtureType(property, variantKey) {
-	const defaultValue = property.defaults[variantKey];
-	const index = property.values.findIndex((arr) => arr.includes(defaultValue));
+/** 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, defaultValue)) throw new Error(`Invalid default value "${defaultValue}" for property "${property.name}" (variant "${variantKey}"): does not satisfy ${fixtureType} constraints`);
+	if (arbitraryFixture && !require_util.validateArbitraryValue(arbitraryFixture, value)) throw new Error(`Invalid value "${value}" for property "${property.name}": does not satisfy ${fixtureType} constraints`);
 	return fixtureType;
 }
+/** Resolves the fixture type for a property's variant by finding which value set contains the default value */
+function findFixtureType(property, variantKey) {
+	return findFixtureTypeForValue(property, property.defaults[variantKey]);
+}
 /** Builds component schema from ComponentConfig at runtime */
 function buildConfigSchema(config) {
 	const result = {};
@@ -165,3 +168,4 @@ function buildConfigSchema(config) {
 //#endregion
 exports.buildConfigSchema = buildConfigSchema;
 exports.findFixtureType = findFixtureType;
+exports.findFixtureTypeForValue = findFixtureTypeForValue;

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

@@ -37,9 +37,11 @@ type ComponentSchema<C extends ComponentConfig> = SimplifyDeep<WritableDeep<{
   defaults: InferredDefaults<C>;
   variables: InferredVariables<C>;
 }>>;
+/** Resolves the fixture type by finding which value set contains the given value */
+declare function findFixtureTypeForValue(property: SelectedConfigurableProperty<ConfigurablePropertiesName, string>, value: string | number): AllPossibleProperties;
 /** Resolves the fixture type for a property's variant by finding which value set contains the default value */
 declare function findFixtureType(property: SelectedConfigurableProperty<ConfigurablePropertiesName, string>, variantKey: string): AllPossibleProperties;
 /** Builds component schema from ComponentConfig at runtime */
 declare function buildConfigSchema<C extends ComponentConfig>(config: C): ComponentSchema<C>; //#endregion
 //#endregion
-export { type ComponentSchema, buildConfigSchema, findFixtureType };
+export { type ComponentSchema, buildConfigSchema, findFixtureType, findFixtureTypeForValue };

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

@@ -37,9 +37,11 @@ type ComponentSchema<C extends ComponentConfig> = SimplifyDeep<WritableDeep<{
   defaults: InferredDefaults<C>;
   variables: InferredVariables<C>;
 }>>;
+/** Resolves the fixture type by finding which value set contains the given value */
+declare function findFixtureTypeForValue(property: SelectedConfigurableProperty<ConfigurablePropertiesName, string>, value: string | number): AllPossibleProperties;
 /** Resolves the fixture type for a property's variant by finding which value set contains the default value */
 declare function findFixtureType(property: SelectedConfigurableProperty<ConfigurablePropertiesName, string>, variantKey: string): AllPossibleProperties;
 /** Builds component schema from ComponentConfig at runtime */
 declare function buildConfigSchema<C extends ComponentConfig>(config: C): ComponentSchema<C>; //#endregion
 //#endregion
-export { type ComponentSchema, buildConfigSchema, findFixtureType };
+export { type ComponentSchema, buildConfigSchema, findFixtureType, findFixtureTypeForValue };

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

@@ -4,15 +4,18 @@ import { isVariantConfigWithComponentStates, isVariantConfigWithProperties } fro
 import { getArbitraryFixture, validateArbitraryValue } from "../../../fixtures/src/util.js";
 //#region ../automated-config/dist/utils/buildConfigSchema.js
 /*! © 2026 Yahoo, Inc. UDS Default Config v0.0.0-development */
-/** Resolves the fixture type for a property's variant by finding which value set contains the default value */
-function findFixtureType(property, variantKey) {
-	const defaultValue = property.defaults[variantKey];
-	const index = property.values.findIndex((arr) => arr.includes(defaultValue));
+/** 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, defaultValue)) throw new Error(`Invalid default value "${defaultValue}" for property "${property.name}" (variant "${variantKey}"): does not satisfy ${fixtureType} constraints`);
+	if (arbitraryFixture && !validateArbitraryValue(arbitraryFixture, value)) throw new Error(`Invalid value "${value}" for property "${property.name}": does not satisfy ${fixtureType} constraints`);
 	return fixtureType;
 }
+/** Resolves the fixture type for a property's variant by finding which value set contains the default value */
+function findFixtureType(property, variantKey) {
+	return findFixtureTypeForValue(property, property.defaults[variantKey]);
+}
 /** Builds component schema from ComponentConfig at runtime */
 function buildConfigSchema(config) {
 	const result = {};
@@ -163,4 +166,4 @@ function buildConfigSchema(config) {
 	return result;
 }
 //#endregion
-export { buildConfigSchema, findFixtureType };
+export { buildConfigSchema, findFixtureType, findFixtureTypeForValue };

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

@@ -2,10 +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");
-require("./buildConfigSchema.cjs");
+const require_buildConfigSchema = require("./buildConfigSchema.cjs");
+const require_generateDefaultClassName = require("./generateDefaultClassName.cjs");
 require("./cartesianProduct.cjs");
 require("./subcomponents.cjs");
 require("./coalesceConfigVariant.cjs");
@@ -21,7 +21,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";
@@ -177,7 +180,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;
@@ -203,7 +206,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];
@@ -312,6 +319,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/automated-config/dist/utils/index.d.cts

@@ -2,7 +2,7 @@
 import { ArbitraryFixtures, InferArbitraryType } from "../../../fixtures/dist/index.cjs";
 import { ComponentConfig, ComponentStateConfig, LayerConfig, PossibleStates, PossibleStatesWithRest, SubComponentConfig, VariantConfig, VariantConfigWithComponentStates, VariantConfigWithProperties } from "../types/ComponentConfig.cjs";
 import { ConfigurablePropertiesName, SelectedConfigurableProperty, configurableProperties } from "../properties.cjs";
-import { ComponentSchema, buildConfigSchema, findFixtureType } from "./buildConfigSchema.cjs";
+import { ComponentSchema, buildConfigSchema, findFixtureType, findFixtureTypeForValue } from "./buildConfigSchema.cjs";
 import { cartesianProduct } from "./cartesianProduct.cjs";
 import { coalesceConfigVariant } from "./coalesceConfigVariant.cjs";
 import { getConfigDefaultValue, isConfigDefaultValue } from "./defaults.cjs";

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

@@ -2,7 +2,7 @@
 import { ArbitraryFixtures, InferArbitraryType } from "../../../fixtures/dist/index.js";
 import { ComponentConfig, ComponentStateConfig, LayerConfig, PossibleStates, PossibleStatesWithRest, SubComponentConfig, VariantConfig, VariantConfigWithComponentStates, VariantConfigWithProperties } from "../types/ComponentConfig.js";
 import { ConfigurablePropertiesName, SelectedConfigurableProperty, configurableProperties } from "../properties.js";
-import { ComponentSchema, buildConfigSchema, findFixtureType } from "./buildConfigSchema.js";
+import { ComponentSchema, buildConfigSchema, findFixtureType, findFixtureTypeForValue } from "./buildConfigSchema.js";
 import { cartesianProduct } from "./cartesianProduct.js";
 import { coalesceConfigVariant } from "./coalesceConfigVariant.js";
 import { getConfigDefaultValue, isConfigDefaultValue } from "./defaults.js";

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

@@ -1,10 +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 "./buildConfigSchema.js";
+import { findFixtureTypeForValue } from "./buildConfigSchema.js";
+import { generateDefaultClassName } from "./generateDefaultClassName.js";
 import "./cartesianProduct.js";
 import "./subcomponents.js";
 import "./coalesceConfigVariant.js";
@@ -20,7 +20,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";
@@ -176,7 +179,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;
@@ -202,7 +205,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];
@@ -311,6 +318,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/cli/runner.cjs

@@ -13,8 +13,12 @@ let node_path = require("node:path");
 node_path = require_runtime.__toESM(node_path, 1);
 let node_url = require("node:url");
 //#region src/cli/runner.ts
+const loadComponentData = async () => {
+	const { default: componentData } = await import("../../generated/componentData.json", { with: { type: "json" } });
+	return componentData;
+};
 const getPurgeContext = async () => {
-	const componentData = await Promise.resolve().then(() => require("../uds/generated/componentData.cjs"));
+	const componentData = await loadComponentData();
 	return {
 		variants: require_styles_variants.variants,
 		packageJson: require_package.default,
@@ -31,7 +35,7 @@ const purgeCommand = {
 	}
 };
 const cssCommand = require_css.makeCSSCommand(async () => {
-	const componentData = await Promise.resolve().then(() => require("../uds/generated/componentData.cjs"));
+	const componentData = await loadComponentData();
 	return {
 		variants: require_styles_variants.variants,
 		autoVariants: (await Promise.resolve().then(() => require("../automated-config/dist/generated/autoVariants.cjs"))).autoVariants,

package/dist/cli/runner.js

@@ -11,8 +11,12 @@ import { versionCommand } from "./commands/version.js";
 import path from "node:path";
 import { pathToFileURL } from "node:url";
 //#region src/cli/runner.ts
+const loadComponentData = async () => {
+	const { default: componentData } = await import("../../generated/componentData.json", { with: { type: "json" } });
+	return componentData;
+};
 const getPurgeContext = async () => {
-	const componentData = await import("../uds/generated/componentData.js");
+	const componentData = await loadComponentData();
 	return {
 		variants,
 		packageJson: package_default,
@@ -29,7 +33,7 @@ const purgeCommand = {
 	}
 };
 const cssCommand = makeCSSCommand(async () => {
-	const componentData = await import("../uds/generated/componentData.js");
+	const componentData = await loadComponentData();
 	return {
 		variants,
 		autoVariants: (await import("../automated-config/dist/generated/autoVariants.js")).autoVariants,

package/dist/components/Banner/Banner.cjs

@@ -5,6 +5,7 @@ const require_styles_styler = require("../../styles/styler.cjs");
 const require_components_client_Pressable = require("../client/Pressable.cjs");
 const require_components_IconSlot = require("../IconSlot.cjs");
 const require_components_Text = require("../Text.cjs");
+const require_utils_hasDisplayName = require("../../utils/hasDisplayName.cjs");
 const require_components_Banner_utils = require("./utils.cjs");
 let _yahoo_uds_icons = require("@yahoo/uds-icons");
 let react = require("react");
@@ -21,7 +22,7 @@ function bindActionVariants(actions, bannerVariant) {
 	const primaryVariant = require_components_Banner_utils.BANNER_TO_BUTTON_VARIANT[bannerVariant];
 	const unsetIndices = [];
 	actions.forEach((child, i) => {
-		if (require_components_Banner_utils.hasDisplayName(child, "Button") && (0, react.isValidElement)(child) && child.props.variant === void 0) unsetIndices.push(i);
+		if (require_utils_hasDisplayName.hasDisplayName(child, "Button") && (0, react.isValidElement)(child) && child.props.variant === void 0) unsetIndices.push(i);
 	});
 	return actions.map((child, i) => {
 		if (!unsetIndices.includes(i)) return child;