@yahoo/uds 3.154.0 → 3.155.0

package/dist/automated-config/dist/generated/generatedConfigs.cjs

@@ -32661,6 +32661,16 @@ const PaginationConfig = {
 								"full"
 							]]
 						},
+						paginationWidthVar: {
+							defaults: {
+								md: 32,
+								sm: 28
+							},
+							label: "Control width",
+							name: "paginationWidthVar",
+							typeOfFixture: ["positiveIntegers"],
+							values: []
+						},
 						spacing: {
 							defaults: {
 								md: "2",

package/dist/automated-config/dist/generated/generatedConfigs.d.cts

@@ -3508,6 +3508,16 @@ declare const PaginationConfig: {
               readonly typeOfFixture: readonly ["borderRadii"];
               readonly values: readonly [readonly ["none", "xs", "sm", "md", "lg", "xl", "full"]];
             };
+            readonly paginationWidthVar: {
+              readonly defaults: {
+                readonly md: 32;
+                readonly sm: 28;
+              };
+              readonly label: "Control width";
+              readonly name: "paginationWidthVar";
+              readonly typeOfFixture: readonly ["positiveIntegers"];
+              readonly values: readonly [];
+            };
             readonly spacing: {
               readonly defaults: {
                 readonly md: "2";

package/dist/automated-config/dist/generated/generatedConfigs.d.ts

@@ -3508,6 +3508,16 @@ declare const PaginationConfig: {
               readonly typeOfFixture: readonly ["borderRadii"];
               readonly values: readonly [readonly ["none", "xs", "sm", "md", "lg", "xl", "full"]];
             };
+            readonly paginationWidthVar: {
+              readonly defaults: {
+                readonly md: 32;
+                readonly sm: 28;
+              };
+              readonly label: "Control width";
+              readonly name: "paginationWidthVar";
+              readonly typeOfFixture: readonly ["positiveIntegers"];
+              readonly values: readonly [];
+            };
             readonly spacing: {
               readonly defaults: {
                 readonly md: "2";

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

@@ -32661,6 +32661,16 @@ const PaginationConfig = {
 								"full"
 							]]
 						},
+						paginationWidthVar: {
+							defaults: {
+								md: 32,
+								sm: 28
+							},
+							label: "Control width",
+							name: "paginationWidthVar",
+							typeOfFixture: ["positiveIntegers"],
+							values: []
+						},
 						spacing: {
 							defaults: {
 								md: "2",

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

@@ -12109,6 +12109,11 @@ const defaultUniversalTokensConfigAuto = {
 					value: "full",
 					valueType: "alias"
 				} },
+				paginationWidthVar: { rest: {
+					type: "positiveIntegers",
+					value: 32,
+					valueType: "alias"
+				} },
 				spacing: { rest: {
 					type: "spacingAliases",
 					value: "2",
@@ -12136,6 +12141,11 @@ const defaultUniversalTokensConfigAuto = {
 					value: "full",
 					valueType: "alias"
 				} },
+				paginationWidthVar: { rest: {
+					type: "positiveIntegers",
+					value: 28,
+					valueType: "alias"
+				} },
 				spacing: { rest: {
 					type: "spacingAliases",
 					value: "1.5",

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

@@ -12109,6 +12109,11 @@ const defaultUniversalTokensConfigAuto = {
 					value: "full",
 					valueType: "alias"
 				} },
+				paginationWidthVar: { rest: {
+					type: "positiveIntegers",
+					value: 32,
+					valueType: "alias"
+				} },
 				spacing: { rest: {
 					type: "spacingAliases",
 					value: "2",
@@ -12136,6 +12141,11 @@ const defaultUniversalTokensConfigAuto = {
 					value: "full",
 					valueType: "alias"
 				} },
+				paginationWidthVar: { rest: {
+					type: "positiveIntegers",
+					value: 28,
+					valueType: "alias"
+				} },
 				spacing: { rest: {
 					type: "spacingAliases",
 					value: "1.5",

package/dist/automated-config/dist/properties.cjs

@@ -280,9 +280,7 @@ const height = {
 const width = {
 	name: "width",
 	cssProperties: "width",
-	twThemePath: (_, value) => {
-		return `width[${value}]`;
-	},
+	twThemePath: (_, value) => `width[${value}]`,
 	possibleFixtures: ["spacingAliases"]
 };
 const shadow = {
@@ -346,6 +344,95 @@ const opacity = {
 	twThemePath: (_, value) => `opacity[${value}]`,
 	possibleFixtures: ["opacitySteps"]
 };
+const fillOpacity = {
+	name: "fillOpacity",
+	cssProperties: "fill-opacity",
+	twThemePath: (_, value) => `opacity[${value}]`,
+	possibleFixtures: ["opacitySteps"]
+};
+const iconSize = {
+	name: "iconSize",
+	cssProperties: ["width", "height"],
+	twThemePath: (_, value) => `sizing.icon.${value}`,
+	possibleFixtures: ["iconSizes"]
+};
+const scaleEffect = {
+	name: "scaleEffect",
+	cssProperties: require_index.BUTTON_SCALE_EFFECT,
+	possibleFixtures: ["scaleEffects"],
+	twThemePath: () => {
+		return ``;
+	},
+	customValueRenderer: (schemaValue) => {
+		const value = schemaValue.value;
+		return String(require_index$1.SCALE_EFFECTS[String(value)] ?? require_index$1.SCALE_EFFECTS.none);
+	}
+};
+const blurBackgroundColor = {
+	...backgroundColor,
+	name: "blurBackgroundColor",
+	cssProperties: `--${require_index.BACKGROUND_BLUR_COLOR_PREFIX}`
+};
+const backdropBlur = {
+	name: "backdropBlur",
+	possibleFixtures: ["positiveIntegers"],
+	cssProperties: "--uds-backdrop-blur",
+	twThemePath: () => {
+		return ``;
+	},
+	customValueRenderer: (schemaValue, schema, _theme, originalPropertyDefinition) => {
+		if (originalPropertyDefinition && originalPropertyDefinition.layerReference) {
+			const { variablePath, propertyName } = originalPropertyDefinition.layerReference;
+			const property = schema.variables[variablePath][propertyName].rest;
+			if (property.type === "elevationAliases") return `var(--uds-background-blur-radius-${property.value})`;
+		}
+		return schemaValue.value === 0 ? "none" : `blur(${schemaValue.value}px)`;
+	}
+};
+const blurBackgroundColorFallback = {
+	...backgroundColor,
+	name: "blurBackgroundColorFallback",
+	cssProperties: `--${require_index.BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX}`
+};
+const buttonSize = {
+	name: "buttonSize",
+	cssProperties: "--uds-button-size",
+	possibleFixtures: ["buttonSizes"],
+	twThemePath: () => {
+		return ``;
+	},
+	customValueRenderer: (schemaValue) => {
+		return String(schemaValue.value);
+	}
+};
+const buttonVariant = {
+	name: "buttonVariant",
+	cssProperties: "--uds-button-variant",
+	possibleFixtures: ["buttonVariantsFlat"],
+	twThemePath: () => {
+		return ``;
+	},
+	customValueRenderer: (schemaValue) => {
+		return String(schemaValue.value);
+	}
+};
+const iconVariant = {
+	name: "iconVariant",
+	cssProperties: "--uds-icon-variant",
+	possibleFixtures: ["iconVariants"],
+	twThemePath: () => {
+		return ``;
+	},
+	customValueRenderer: (schemaValue) => {
+		return String(schemaValue.value);
+	}
+};
+const paginationWidthVar = {
+	name: "paginationWidthVar",
+	cssProperties: "--uds-pagination-control-size",
+	possibleFixtures: ["positiveIntegers"],
+	twThemePath: (_, value) => `${value}px`
+};
 const publicProperties = {
 	backgroundColor,
 	borderWidth,
@@ -356,28 +443,8 @@ const publicProperties = {
 	borderColor,
 	underlineColor,
 	stroke,
-	buttonSize: {
-		name: "buttonSize",
-		cssProperties: "--uds-button-size",
-		possibleFixtures: ["buttonSizes"],
-		twThemePath: () => {
-			return ``;
-		},
-		customValueRenderer: (schemaValue) => {
-			return String(schemaValue.value);
-		}
-	},
-	buttonVariant: {
-		name: "buttonVariant",
-		cssProperties: "--uds-button-variant",
-		possibleFixtures: ["buttonVariantsFlat"],
-		twThemePath: () => {
-			return ``;
-		},
-		customValueRenderer: (schemaValue) => {
-			return String(schemaValue.value);
-		}
-	},
+	buttonSize,
+	buttonVariant,
 	fontFamily,
 	fontSize,
 	fontVariationSettings,
@@ -387,31 +454,11 @@ const publicProperties = {
 	gap,
 	color,
 	opacity,
-	fillOpacity: {
-		name: "fillOpacity",
-		cssProperties: "fill-opacity",
-		twThemePath: (_, value) => `opacity[${value}]`,
-		possibleFixtures: ["opacitySteps"]
-	},
+	fillOpacity,
 	fontWeight,
-	iconSize: {
-		name: "iconSize",
-		cssProperties: ["width", "height"],
-		twThemePath: (_, value) => `sizing.icon.${value}`,
-		possibleFixtures: ["iconSizes"]
-	},
+	iconSize,
 	spacing,
-	iconVariant: {
-		name: "iconVariant",
-		cssProperties: "--uds-icon-variant",
-		possibleFixtures: ["iconVariants"],
-		twThemePath: () => {
-			return ``;
-		},
-		customValueRenderer: (schemaValue) => {
-			return String(schemaValue.value);
-		}
-	},
+	iconVariant,
 	horizontalMargin,
 	bottomMargin,
 	spacingHorizontal,
@@ -453,44 +500,10 @@ const publicProperties = {
 	},
 	height,
 	width,
-	scaleEffect: {
-		name: "scaleEffect",
-		cssProperties: require_index.BUTTON_SCALE_EFFECT,
-		possibleFixtures: ["scaleEffects"],
-		twThemePath: () => {
-			return ``;
-		},
-		customValueRenderer: (schemaValue) => {
-			const value = schemaValue.value;
-			return String(require_index$1.SCALE_EFFECTS[String(value)] ?? require_index$1.SCALE_EFFECTS.none);
-		}
-	},
-	backdropBlur: {
-		name: "backdropBlur",
-		possibleFixtures: ["positiveIntegers"],
-		cssProperties: "--uds-backdrop-blur",
-		twThemePath: () => {
-			return ``;
-		},
-		customValueRenderer: (schemaValue, schema, _theme, originalPropertyDefinition) => {
-			if (originalPropertyDefinition && originalPropertyDefinition.layerReference) {
-				const { variablePath, propertyName } = originalPropertyDefinition.layerReference;
-				const property = schema.variables[variablePath][propertyName].rest;
-				if (property.type === "elevationAliases") return `var(--uds-background-blur-radius-${property.value})`;
-			}
-			return schemaValue.value === 0 ? "none" : `blur(${schemaValue.value}px)`;
-		}
-	},
-	blurBackgroundColor: {
-		...backgroundColor,
-		name: "blurBackgroundColor",
-		cssProperties: `--${require_index.BACKGROUND_BLUR_COLOR_PREFIX}`
-	},
-	blurBackgroundColorFallback: {
-		...backgroundColor,
-		name: "blurBackgroundColorFallback",
-		cssProperties: `--${require_index.BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX}`
-	},
+	scaleEffect,
+	backdropBlur,
+	blurBackgroundColor,
+	blurBackgroundColorFallback,
 	scrimBackgroundColor: {
 		name: "scrimBackgroundColor",
 		cssProperties: "--uds-scrim-background-color",
@@ -515,7 +528,8 @@ const publicProperties = {
 		cssProperties: "--uds-scrim-opacity",
 		twThemePath: () => "",
 		customValueRenderer: ({ value }) => `${String(value)}%`
-	}
+	},
+	paginationWidthVar
 };
 const internalProperties = {
 	outlineWidth,

package/dist/automated-config/dist/properties.d.cts

@@ -68,6 +68,7 @@ declare const publicProperties: {
   readonly blurBackgroundColorFallback: ConfigurableProperty<"backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases", unknown>;
   readonly scrimBackgroundColor: ConfigurableProperty<"backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases", unknown>;
   readonly scrimOpacity: ConfigurableProperty<"opacitySteps", unknown>;
+  readonly paginationWidthVar: ConfigurableProperty<"positiveIntegers", unknown>;
 };
 declare const configurableProperties: {
   outlineWidth: ConfigurableProperty<"borderWidths" | "spacingAliases", unknown>;
@@ -119,6 +120,7 @@ declare const configurableProperties: {
   blurBackgroundColorFallback: ConfigurableProperty<"backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases", unknown>;
   scrimBackgroundColor: ConfigurableProperty<"backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases", unknown>;
   scrimOpacity: ConfigurableProperty<"opacitySteps", unknown>;
+  paginationWidthVar: ConfigurableProperty<"positiveIntegers", unknown>;
 };
 type ExtendablePropertiesName = keyof typeof configurableProperties;
 type ConfigurablePropertiesName = keyof typeof publicProperties;

package/dist/automated-config/dist/properties.d.ts

@@ -68,6 +68,7 @@ declare const publicProperties: {
   readonly blurBackgroundColorFallback: ConfigurableProperty<"backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases", unknown>;
   readonly scrimBackgroundColor: ConfigurableProperty<"backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases", unknown>;
   readonly scrimOpacity: ConfigurableProperty<"opacitySteps", unknown>;
+  readonly paginationWidthVar: ConfigurableProperty<"positiveIntegers", unknown>;
 };
 declare const configurableProperties: {
   outlineWidth: ConfigurableProperty<"borderWidths" | "spacingAliases", unknown>;
@@ -119,6 +120,7 @@ declare const configurableProperties: {
   blurBackgroundColorFallback: ConfigurableProperty<"backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases", unknown>;
   scrimBackgroundColor: ConfigurableProperty<"backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases", unknown>;
   scrimOpacity: ConfigurableProperty<"opacitySteps", unknown>;
+  paginationWidthVar: ConfigurableProperty<"positiveIntegers", unknown>;
 };
 type ExtendablePropertiesName = keyof typeof configurableProperties;
 type ConfigurablePropertiesName = keyof typeof publicProperties;

package/dist/automated-config/dist/properties.js

@@ -280,9 +280,7 @@ const height = {
 const width = {
 	name: "width",
 	cssProperties: "width",
-	twThemePath: (_, value) => {
-		return `width[${value}]`;
-	},
+	twThemePath: (_, value) => `width[${value}]`,
 	possibleFixtures: ["spacingAliases"]
 };
 const shadow = {
@@ -346,6 +344,95 @@ const opacity = {
 	twThemePath: (_, value) => `opacity[${value}]`,
 	possibleFixtures: ["opacitySteps"]
 };
+const fillOpacity = {
+	name: "fillOpacity",
+	cssProperties: "fill-opacity",
+	twThemePath: (_, value) => `opacity[${value}]`,
+	possibleFixtures: ["opacitySteps"]
+};
+const iconSize = {
+	name: "iconSize",
+	cssProperties: ["width", "height"],
+	twThemePath: (_, value) => `sizing.icon.${value}`,
+	possibleFixtures: ["iconSizes"]
+};
+const scaleEffect = {
+	name: "scaleEffect",
+	cssProperties: BUTTON_SCALE_EFFECT,
+	possibleFixtures: ["scaleEffects"],
+	twThemePath: () => {
+		return ``;
+	},
+	customValueRenderer: (schemaValue) => {
+		const value = schemaValue.value;
+		return String(SCALE_EFFECTS[String(value)] ?? SCALE_EFFECTS.none);
+	}
+};
+const blurBackgroundColor = {
+	...backgroundColor,
+	name: "blurBackgroundColor",
+	cssProperties: `--${BACKGROUND_BLUR_COLOR_PREFIX}`
+};
+const backdropBlur = {
+	name: "backdropBlur",
+	possibleFixtures: ["positiveIntegers"],
+	cssProperties: "--uds-backdrop-blur",
+	twThemePath: () => {
+		return ``;
+	},
+	customValueRenderer: (schemaValue, schema, _theme, originalPropertyDefinition) => {
+		if (originalPropertyDefinition && originalPropertyDefinition.layerReference) {
+			const { variablePath, propertyName } = originalPropertyDefinition.layerReference;
+			const property = schema.variables[variablePath][propertyName].rest;
+			if (property.type === "elevationAliases") return `var(--uds-background-blur-radius-${property.value})`;
+		}
+		return schemaValue.value === 0 ? "none" : `blur(${schemaValue.value}px)`;
+	}
+};
+const blurBackgroundColorFallback = {
+	...backgroundColor,
+	name: "blurBackgroundColorFallback",
+	cssProperties: `--${BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX}`
+};
+const buttonSize = {
+	name: "buttonSize",
+	cssProperties: "--uds-button-size",
+	possibleFixtures: ["buttonSizes"],
+	twThemePath: () => {
+		return ``;
+	},
+	customValueRenderer: (schemaValue) => {
+		return String(schemaValue.value);
+	}
+};
+const buttonVariant = {
+	name: "buttonVariant",
+	cssProperties: "--uds-button-variant",
+	possibleFixtures: ["buttonVariantsFlat"],
+	twThemePath: () => {
+		return ``;
+	},
+	customValueRenderer: (schemaValue) => {
+		return String(schemaValue.value);
+	}
+};
+const iconVariant = {
+	name: "iconVariant",
+	cssProperties: "--uds-icon-variant",
+	possibleFixtures: ["iconVariants"],
+	twThemePath: () => {
+		return ``;
+	},
+	customValueRenderer: (schemaValue) => {
+		return String(schemaValue.value);
+	}
+};
+const paginationWidthVar = {
+	name: "paginationWidthVar",
+	cssProperties: "--uds-pagination-control-size",
+	possibleFixtures: ["positiveIntegers"],
+	twThemePath: (_, value) => `${value}px`
+};
 const publicProperties = {
 	backgroundColor,
 	borderWidth,
@@ -356,28 +443,8 @@ const publicProperties = {
 	borderColor,
 	underlineColor,
 	stroke,
-	buttonSize: {
-		name: "buttonSize",
-		cssProperties: "--uds-button-size",
-		possibleFixtures: ["buttonSizes"],
-		twThemePath: () => {
-			return ``;
-		},
-		customValueRenderer: (schemaValue) => {
-			return String(schemaValue.value);
-		}
-	},
-	buttonVariant: {
-		name: "buttonVariant",
-		cssProperties: "--uds-button-variant",
-		possibleFixtures: ["buttonVariantsFlat"],
-		twThemePath: () => {
-			return ``;
-		},
-		customValueRenderer: (schemaValue) => {
-			return String(schemaValue.value);
-		}
-	},
+	buttonSize,
+	buttonVariant,
 	fontFamily,
 	fontSize,
 	fontVariationSettings,
@@ -387,31 +454,11 @@ const publicProperties = {
 	gap,
 	color,
 	opacity,
-	fillOpacity: {
-		name: "fillOpacity",
-		cssProperties: "fill-opacity",
-		twThemePath: (_, value) => `opacity[${value}]`,
-		possibleFixtures: ["opacitySteps"]
-	},
+	fillOpacity,
 	fontWeight,
-	iconSize: {
-		name: "iconSize",
-		cssProperties: ["width", "height"],
-		twThemePath: (_, value) => `sizing.icon.${value}`,
-		possibleFixtures: ["iconSizes"]
-	},
+	iconSize,
 	spacing,
-	iconVariant: {
-		name: "iconVariant",
-		cssProperties: "--uds-icon-variant",
-		possibleFixtures: ["iconVariants"],
-		twThemePath: () => {
-			return ``;
-		},
-		customValueRenderer: (schemaValue) => {
-			return String(schemaValue.value);
-		}
-	},
+	iconVariant,
 	horizontalMargin,
 	bottomMargin,
 	spacingHorizontal,
@@ -453,44 +500,10 @@ const publicProperties = {
 	},
 	height,
 	width,
-	scaleEffect: {
-		name: "scaleEffect",
-		cssProperties: BUTTON_SCALE_EFFECT,
-		possibleFixtures: ["scaleEffects"],
-		twThemePath: () => {
-			return ``;
-		},
-		customValueRenderer: (schemaValue) => {
-			const value = schemaValue.value;
-			return String(SCALE_EFFECTS[String(value)] ?? SCALE_EFFECTS.none);
-		}
-	},
-	backdropBlur: {
-		name: "backdropBlur",
-		possibleFixtures: ["positiveIntegers"],
-		cssProperties: "--uds-backdrop-blur",
-		twThemePath: () => {
-			return ``;
-		},
-		customValueRenderer: (schemaValue, schema, _theme, originalPropertyDefinition) => {
-			if (originalPropertyDefinition && originalPropertyDefinition.layerReference) {
-				const { variablePath, propertyName } = originalPropertyDefinition.layerReference;
-				const property = schema.variables[variablePath][propertyName].rest;
-				if (property.type === "elevationAliases") return `var(--uds-background-blur-radius-${property.value})`;
-			}
-			return schemaValue.value === 0 ? "none" : `blur(${schemaValue.value}px)`;
-		}
-	},
-	blurBackgroundColor: {
-		...backgroundColor,
-		name: "blurBackgroundColor",
-		cssProperties: `--${BACKGROUND_BLUR_COLOR_PREFIX}`
-	},
-	blurBackgroundColorFallback: {
-		...backgroundColor,
-		name: "blurBackgroundColorFallback",
-		cssProperties: `--${BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX}`
-	},
+	scaleEffect,
+	backdropBlur,
+	blurBackgroundColor,
+	blurBackgroundColorFallback,
 	scrimBackgroundColor: {
 		name: "scrimBackgroundColor",
 		cssProperties: "--uds-scrim-background-color",
@@ -515,7 +528,8 @@ const publicProperties = {
 		cssProperties: "--uds-scrim-opacity",
 		twThemePath: () => "",
 		customValueRenderer: ({ value }) => `${String(value)}%`
-	}
+	},
+	paginationWidthVar
 };
 const internalProperties = {
 	outlineWidth,

package/dist/automated-config/dist/types/ComponentConfig.d.cts

@@ -44,6 +44,8 @@ interface VariantConfigWithProperties<O extends string = string> extends Variant
   layers: {
     root: LayerConfig;
   } & Record<string, LayerConfig>;
+  /** Properties scoped to the variant option (e.g. size/sm/width without a layer). */
+  variantProperties?: Readonly<Record<string, SelectedConfigurableProperty<ConfigurablePropertiesName, string>>>;
 }
 /** Variant with component state definitions (hover, focus, etc.) for each option */
 interface VariantConfigWithComponentStates<O extends string = string> extends VariantConfig<O> {

package/dist/automated-config/dist/types/ComponentConfig.d.ts

@@ -44,6 +44,8 @@ interface VariantConfigWithProperties<O extends string = string> extends Variant
   layers: {
     root: LayerConfig;
   } & Record<string, LayerConfig>;
+  /** Properties scoped to the variant option (e.g. size/sm/width without a layer). */
+  variantProperties?: Readonly<Record<string, SelectedConfigurableProperty<ConfigurablePropertiesName, string>>>;
 }
 /** Variant with component state definitions (hover, focus, etc.) for each option */
 interface VariantConfigWithComponentStates<O extends string = string> extends VariantConfig<O> {

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

@@ -65,6 +65,24 @@ function buildConfigSchema(config) {
 				}
 			}
 		} else if (require_variantConfigGuards.isVariantConfigWithProperties(variantConfig)) {
+			if (variantConfig.variantProperties) {
+				const variantSchemaKey = `${variantKey}/${variantOption}`;
+				result.variables[variantSchemaKey] = result.variables[variantSchemaKey] ?? {};
+				for (const propertyKey in variantConfig.variantProperties) {
+					const property = variantConfig.variantProperties[propertyKey];
+					const variableObject = { [propertyKey]: {} };
+					if (property?.skipRestState !== true) variableObject[propertyKey] = { rest: {
+						type: findFixtureType(property, variantOption),
+						valueType: "alias",
+						value: property.defaults[variantOption]
+					} };
+					appendPseudoStateVariables(variableObject, propertyKey, property, variantOption);
+					result.variables[variantSchemaKey] = {
+						...result.variables[variantSchemaKey],
+						...variableObject
+					};
+				}
+			}
 			const layers = variantConfig.layers;
 			for (const layerKey in layers) {
 				const layer = layers[layerKey];

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

@@ -40,8 +40,12 @@ type InferredLayerPropertiesForOption<Layer, ExcludedPseudoStates extends readon
 } ? { [PropKey in keyof Props]: InferredPropertyStatesForOption<Props[PropKey], ExcludedPseudoStates> } : {} : {};
 /** Generates schema key → properties mappings for a variant's layers or component states */
 type InferredSchemaMap<VarKey extends string, VarConfig extends VariantConfig, LayersOrStates extends NonNullable<VariantConfigWithComponentStates['componentStates']> | NonNullable<VariantConfigWithProperties['layers']>, Prefix extends string = ''> = LayersOrStates extends NonNullable<VariantConfigWithComponentStates['componentStates']> ? UnionToIntersection<{ [StateKey in keyof OmitIndexSignature<LayersOrStates>]: UnionToIntersection<{ [StateOption in LayersOrStates[StateKey]['options'][number]]: { [LayerKey in keyof OmitIndexSignature<LayersOrStates[StateKey]['layers']> as `${Prefix}${VarKey}/${VarConfig['options'][number]}/${StateKey & string}/${StateOption}/${LayerKey & string}`]: InferredLayerPropertiesForOption<LayersOrStates[StateKey]['layers'][LayerKey], GetExcludedPseudoStatesForOption<LayersOrStates[StateKey], StateOption>> } }[LayersOrStates[StateKey]['options'][number]]> }[keyof OmitIndexSignature<LayersOrStates>]> : { [LayerKey in keyof OmitIndexSignature<LayersOrStates> as `${Prefix}${VarKey}/${VarConfig['options'][number]}/${LayerKey & string}`]: InferredLayerProperties<LayersOrStates[LayerKey]> };
+type InferredVariantLevelProperties<Props extends Record<string, SelectedConfigurableProperty<ConfigurablePropertiesName, string>>> = { [PropKey in keyof Props]: InferredPropertyStates<Props[PropKey]> };
+type InferredVariantPropertiesMap<VarKey extends string, VarConfig extends VariantConfigWithProperties, Prefix extends string = ''> = VarConfig extends {
+  variantProperties: infer Props extends Record<string, SelectedConfigurableProperty<ConfigurablePropertiesName, string>>;
+} ? { [Option in VarConfig['options'][number] as `${Prefix}${VarKey}/${Option}`]: InferredVariantLevelProperties<Props> } : {};
 /** Routes to appropriate schema map generator based on variant configuration type */
-type InferredVariablesFilter<VarKey extends string, VarConfig extends VariantConfig, Prefix extends string = ''> = VarConfig extends VariantConfigWithComponentStates ? InferredSchemaMap<VarKey, VarConfig, VarConfig['componentStates'], Prefix> : VarConfig extends VariantConfigWithProperties ? InferredSchemaMap<VarKey, VarConfig, VarConfig['layers'], Prefix> : {};
+type InferredVariablesFilter<VarKey extends string, VarConfig extends VariantConfig, Prefix extends string = ''> = VarConfig extends VariantConfigWithComponentStates ? InferredSchemaMap<VarKey, VarConfig, VarConfig['componentStates'], Prefix> : VarConfig extends VariantConfigWithProperties ? InferredSchemaMap<VarKey, VarConfig, VarConfig['layers'], Prefix> & InferredVariantPropertiesMap<VarKey, VarConfig, Prefix> : {};
 /** Collects all schema mappings from component variants and subComponents */
 type InferredVariables<C extends ComponentConfig> = (C['variants'] extends NonNullable<ComponentConfig['variants']> ? UnionToIntersection<{ [VarKey in keyof C['variants']]: InferredVariablesFilter<VarKey & string, C['variants'][VarKey]> }[keyof C['variants']]> : {}) & (C['subComponents'] extends NonNullable<ComponentConfig['subComponents']> ? UnionToIntersection<{ [SubCompKey in keyof C['subComponents']]: UnionToIntersection<{ [VarKey in keyof C['subComponents'][SubCompKey]['variants']]: InferredVariablesFilter<VarKey & string, C['subComponents'][SubCompKey]['variants'][VarKey], `${SubCompKey & string}/`> }[keyof C['subComponents'][SubCompKey]['variants']]> }[keyof C['subComponents']]> : {});
 /** Component schema with inferred defaults and variable schema mappings */