@yahoo/uds 3.58.2-beta.1 → 3.59.0-beta.1

package/dist/tokens/automation/utils/index.d.ts

@@ -0,0 +1,146 @@
+import { ConfigurablePropertiesName, SelectedConfigurableProperty, configurableProperties } from "../properties.js";
+import { ComponentConfig, ComponentStateConfig, LayerConfig, PossibleStates, SubComponentConfig, VariantConfig, VariantConfigWithComponentStates, VariantConfigWithProperties } from "../types/ComponentConfig.js";
+import { cartesianProduct } from "./cartesianProduct.js";
+import { coalesceConfigVariant } from "./coalesceConfigVariant.js";
+import { getConfigDefaultValue, isConfigDefaultValue } from "./defaults.js";
+import { generateKeyFromFlatConfigPath } from "./generateKeyFromFlatConfigPath.js";
+import { generateSchemaKey } from "./generateSchemaKey.js";
+import { getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix } from "./getConfigVariantComponentStatesMatrix.js";
+import { getConfigVariantProperties } from "./getConfigVariantProperties.js";
+import { getConfigVariantPseudoStates } from "./getConfigVariantPseudoStates.js";
+import { getConfigVariants } from "./getConfigVariants.js";
+import { getConfigSubcomponents } from "./subcomponents.js";
+import { getConfigPseudoStateVariables, getConfigPseudoStateVariablesWithSetter, setConfigPseudoStateVariable } from "./variableData.js";
+import "../../index.js";
+
+//#region src/tokens/automation/utils/index.d.ts
+type ThemeFn = (path: string) => string;
+type SchemaStateValue<T = any> = {
+  type: string;
+  valueType: 'alias' | 'custom';
+  value: T;
+};
+declare const statePseudoMapDocsMode: Record<PossibleStates | 'rest', string>;
+declare function findFixtureType(property: SelectedConfigurableProperty<ConfigurablePropertiesName, string>, variantKey: string): string;
+declare function toMinimalDbConfigObject<C extends ComponentConfig>(config: C): any;
+declare function generateClassName({
+  componentName,
+  variantKey,
+  variantValue,
+  layer,
+  layerOptionalPseudoSelector,
+  subComponentName,
+  stateKey,
+  stateValue
+}: {
+  componentName: string;
+  variantKey: string;
+  variantValue?: string;
+  layer: string;
+  layerOptionalPseudoSelector?: string;
+  subComponentName?: string;
+  stateKey?: string;
+  stateValue?: string;
+}): string;
+declare function generateDeclaration({
+  componentName,
+  variantKey,
+  variantValue,
+  layer,
+  layerOptionalPseudoSelector,
+  subComponentName,
+  stateKey,
+  stateValue,
+  schema,
+  propertyKey,
+  originalPropertyDefinition,
+  theme,
+  currentStyles,
+  previewOptions
+}: {
+  componentName: string;
+  variantKey: string;
+  variantValue: string;
+  layer: string;
+  layerOptionalPseudoSelector?: string;
+  subComponentName?: string;
+  stateKey?: string;
+  stateValue?: string;
+  schema: unknown;
+  propertyKey: string;
+  originalPropertyDefinition: SelectedConfigurableProperty<ConfigurablePropertiesName, any>;
+  theme: ThemeFn;
+  currentStyles: Readonly<Record<string, Record<string, string>>>;
+  previewOptions?: {
+    generatePseudoStateClassModifier?: boolean;
+  };
+}): Record<string, Record<string, string>>;
+declare function generateStyles<C extends ComponentConfig>(config: C, schema: any, theme: ThemeFn, previewOptions?: {
+  generatePseudoStateClassModifier: boolean;
+}): Record<string, Record<string, string>>;
+declare function createConfigurableProperty<C extends ConfigurablePropertiesName, O extends string, T extends (typeof configurableProperties)[C]['possibleFixtures'], V extends readonly (readonly string[])[] = readonly (readonly string[])[]>(prop: {
+  name: C;
+  typeOfFixture: T;
+  values: V;
+  defaults: { [K in O]: V[number][number] };
+  label: string;
+  pseudoStates?: PossibleStates[];
+  supportsCustom?: boolean;
+}): SelectedConfigurableProperty<C, O, T, V>;
+/**
+ * @deprecated use the new functions instead
+ */
+declare function createVariantConfig<O extends string, T extends Record<string, SelectedConfigurableProperty<ConfigurablePropertiesName, O>>>(config: {
+  label: string;
+  description: string;
+  isConfigurable: boolean;
+  default: O;
+  options: readonly O[];
+  properties: T;
+}): VariantConfig<O>;
+declare function createComponentStateConfig(config: {
+  label: string;
+  options: string[];
+  layers: {
+    root: LayerConfig;
+  } & Record<string, LayerConfig>;
+}): ComponentStateConfig;
+declare function createVariantConfigWithProperties(config: {
+  label: string;
+  description: string;
+  isConfigurable: boolean;
+  default: string;
+  options: readonly string[];
+  layers: {
+    root: LayerConfig;
+  } & Record<string, LayerConfig>;
+}): VariantConfigWithProperties;
+declare function createVariantConfigWithComponentStates(config: {
+  label: string;
+  description: string;
+  isConfigurable: boolean;
+  default: string;
+  options: readonly string[];
+  componentStates: Record<string, ComponentStateConfig>;
+}): VariantConfigWithComponentStates;
+declare function createComponentStates(config: {
+  label: string;
+  options: string[];
+  layers: {
+    root: LayerConfig;
+  } & Record<string, LayerConfig>;
+}): ComponentStateConfig;
+declare function createLayerConfig(config: {
+  label: string;
+  pseudoSelector?: string;
+  properties: Readonly<Record<string, SelectedConfigurableProperty<ConfigurablePropertiesName, string>>>;
+}): LayerConfig;
+declare function createSubComponentConfig(config: {
+  label: string;
+  description: string;
+  overrideComponentName?: string;
+  variants: Record<string, VariantConfigWithProperties | VariantConfigWithComponentStates>;
+}): SubComponentConfig;
+//#endregion
+export { type SchemaStateValue, cartesianProduct, coalesceConfigVariant, createComponentStateConfig, createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, findFixtureType, generateClassName, generateDeclaration, generateKeyFromFlatConfigPath, generateSchemaKey, generateStyles, getConfigDefaultValue, getConfigPseudoStateVariables, getConfigPseudoStateVariablesWithSetter, getConfigSubcomponents, getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix, getConfigVariantProperties, getConfigVariantPseudoStates, getConfigVariants, isConfigDefaultValue, setConfigPseudoStateVariable, statePseudoMapDocsMode, toMinimalDbConfigObject };
+//# sourceMappingURL=index.d.ts.map

package/dist/tokens/automation/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/tokens/automation/utils/index.ts"],"sourcesContent":[],"mappings":"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"}

package/dist/tokens/automation/utils/index.js

@@ -0,0 +1,483 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { configurableProperties } from "../properties.js";
+import { generateSchemaKey } from "./generateSchemaKey.js";
+import { cartesianProduct } from "./cartesianProduct.js";
+import { coalesceConfigVariant } from "./coalesceConfigVariant.js";
+import { getConfigDefaultValue, isConfigDefaultValue } from "./defaults.js";
+import { generateKeyFromFlatConfigPath } from "./generateKeyFromFlatConfigPath.js";
+import { getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix } from "./getConfigVariantComponentStatesMatrix.js";
+import { getConfigVariantProperties } from "./getConfigVariantProperties.js";
+import { getConfigVariantPseudoStates } from "./getConfigVariantPseudoStates.js";
+import { getConfigSubcomponents } from "./subcomponents.js";
+import { getConfigVariants } from "./getConfigVariants.js";
+import { getConfigPseudoStateVariables, getConfigPseudoStateVariablesWithSetter, setConfigPseudoStateVariable } from "./variableData.js";
+import { isFunction, lowerCase, mergeWith } from "lodash-es";
+
+//#region src/tokens/automation/utils/index.ts
+/**
+* Map our "states" to pseudo-classes (hover => :hover, pressed => :active, etc.).
+* Adjust or extend as needed.
+*/
+const statePseudoMap = {
+	rest: "",
+	hover: ":hover:not(:has(:disabled))",
+	pressed: ":active:not(:has(:disabled))",
+	focused: ":focus",
+	"focus-within": ":focus-within",
+	invalid: ":has(input[aria-invalid=\"true\"])",
+	"focused-keyboard": ":focus-visible",
+	visited: ":visited",
+	readonly: ":has(input:read-only)",
+	disabled: ":has(:disabled)",
+	"invalid&hover": ":has(input[aria-invalid=\"true\"]):hover:not(:has(:disabled))",
+	"invalid&pressed": ":has(input[aria-invalid=\"true\"]):active:not(:has(:disabled))"
+};
+const statePseudoMapDocsMode = {
+	rest: "",
+	hover: "hover",
+	pressed: "active",
+	focused: "focus",
+	"focus-within": "focus-within",
+	invalid: "has-input-invalid",
+	"focused-keyboard": "focus-visible",
+	visited: "visited",
+	readonly: "input-readonly",
+	disabled: "has-disabled",
+	"invalid&hover": "has-input-invalid-and-hover",
+	"invalid&pressed": "has-input-invalid-and-active"
+};
+function findFixtureType(property, variantKey) {
+	const defaultValue = property.defaults[variantKey];
+	const typeOfFixture = property.typeOfFixture;
+	let index = 0;
+	property.values.forEach((arrayOfValues, i) => {
+		if (arrayOfValues.includes(defaultValue)) index = i;
+	});
+	return typeOfFixture[index];
+}
+function toMinimalDbConfigObject(config) {
+	const result = {};
+	const defaultsObj = {};
+	for (const variantKey in config.variants) defaultsObj[variantKey] = config.variants[variantKey].default;
+	result.defaults = defaultsObj;
+	result.variables = {};
+	for (const variantKey in config.variants) {
+		const variantConfig = config.variants[variantKey];
+		for (const variantOption of variantConfig.options) if (variantConfig.componentStates) {
+			const componentStates = variantConfig.componentStates;
+			for (const componentStateKey in componentStates) {
+				const componentState = componentStates[componentStateKey];
+				for (const componentStateOption of componentState.options) for (const layerKey in componentState.layers) {
+					const layer = componentState.layers[layerKey];
+					const schemaKey = generateSchemaKey({
+						variantKey,
+						variantValue: variantOption,
+						stateKey: componentStateKey,
+						stateValue: componentStateOption,
+						layer: layerKey
+					});
+					result.variables[schemaKey] = {};
+					for (const propKey in layer.properties) {
+						const prop = layer.properties[propKey];
+						const variableObject = { [propKey]: { rest: {
+							type: findFixtureType(prop, variantOption),
+							valueType: "alias",
+							value: prop.defaults[variantOption]
+						} } };
+						if (prop.pseudoStates) for (const pseudoState of prop.pseudoStates) variableObject[propKey][pseudoState] = {
+							type: findFixtureType(prop, variantOption),
+							valueType: "alias",
+							value: prop.defaults[variantOption]
+						};
+						result.variables[schemaKey] = {
+							...result.variables[schemaKey],
+							...variableObject
+						};
+					}
+				}
+			}
+		} else for (const layerKey in variantConfig.layers) {
+			const layer = variantConfig.layers[layerKey];
+			const schemaKey = generateSchemaKey({
+				variantKey,
+				variantValue: variantOption,
+				layer: layerKey
+			});
+			result.variables[schemaKey] = {};
+			for (const propKey in layer.properties) {
+				const prop = layer.properties[propKey];
+				const variableObject = { [propKey]: { rest: {
+					type: findFixtureType(prop, variantOption),
+					valueType: "alias",
+					value: prop.defaults[variantOption]
+				} } };
+				if (prop.pseudoStates) for (const pseudoState of prop.pseudoStates) variableObject[propKey][pseudoState] = {
+					type: findFixtureType(prop, variantOption),
+					valueType: "alias",
+					value: prop.defaults[variantOption]
+				};
+				result.variables[schemaKey] = {
+					...result.variables[schemaKey],
+					...variableObject
+				};
+			}
+		}
+	}
+	if (config.subComponents) {
+		const { subComponents } = config;
+		for (const subComponentKey in subComponents) for (const variantKey in subComponents[subComponentKey].variants) {
+			const variantConfig = subComponents[subComponentKey].variants[variantKey];
+			result.defaults[variantKey] = variantConfig.default;
+			for (const variantOption of variantConfig.options) if (variantConfig.componentStates) {
+				const componentStates = variantConfig.componentStates;
+				for (const componentStateKey in componentStates) {
+					const componentState = componentStates[componentStateKey];
+					for (const componentStateOption of componentState.options) for (const layerKey in componentState.layers) {
+						const layer = componentState.layers[layerKey];
+						const schemaKey = generateSchemaKey({
+							variantKey,
+							variantValue: variantOption,
+							stateKey: componentStateKey,
+							stateValue: componentStateOption,
+							layer: layerKey,
+							subComponentName: subComponentKey
+						});
+						result.variables[schemaKey] = {};
+						for (const propKey in layer.properties) {
+							const prop = layer.properties[propKey];
+							const variableObject = { [propKey]: { rest: {
+								type: findFixtureType(prop, variantOption),
+								valueType: "alias",
+								value: prop.defaults[variantOption]
+							} } };
+							if (prop.pseudoStates) for (const pseudoState of prop.pseudoStates) variableObject[propKey][pseudoState] = {
+								type: findFixtureType(prop, variantOption),
+								valueType: "alias",
+								value: prop.defaults[variantOption]
+							};
+							result.variables[schemaKey] = {
+								...result.variables[schemaKey],
+								...variableObject
+							};
+						}
+					}
+				}
+			} else for (const layerKey in variantConfig.layers) {
+				const layer = variantConfig.layers[layerKey];
+				const schemaKey = generateSchemaKey({
+					variantKey,
+					variantValue: variantOption,
+					layer: layerKey,
+					subComponentName: subComponentKey
+				});
+				result.variables[schemaKey] = {};
+				for (const propKey in layer.properties) {
+					const prop = layer.properties[propKey];
+					const variableObject = { [propKey]: { rest: {
+						type: findFixtureType(prop, variantOption),
+						valueType: "alias",
+						value: prop.defaults[variantOption]
+					} } };
+					if (prop.pseudoStates) for (const pseudoState of prop.pseudoStates) variableObject[propKey][pseudoState] = {
+						type: findFixtureType(prop, variantOption),
+						valueType: "alias",
+						value: prop.defaults[variantOption]
+					};
+					result.variables[schemaKey] = {
+						...result.variables[schemaKey],
+						...variableObject
+					};
+				}
+			}
+		}
+	}
+	return result;
+}
+function generateClassName({ componentName, variantKey, variantValue, layer, layerOptionalPseudoSelector, subComponentName, stateKey, stateValue }) {
+	let className = "";
+	if (subComponentName) className = `uds-${lowerCase(componentName)}-${lowerCase(subComponentName)}-${lowerCase(variantKey)}`;
+	else className = `uds-${lowerCase(componentName)}-${lowerCase(variantKey)}`;
+	if (variantValue) className = `${className}-${lowerCase(variantValue)}`;
+	if (stateKey && stateValue) className = `${className}-${lowerCase(stateKey)}-${lowerCase(stateValue)}`;
+	className = `${className}-${lowerCase(layer)}`;
+	if (layerOptionalPseudoSelector) className = `${className}${layerOptionalPseudoSelector}`;
+	return className.replaceAll(/\s+/g, "-");
+}
+function generateDeclaration({ componentName, variantKey, variantValue, layer, layerOptionalPseudoSelector, subComponentName, stateKey, stateValue, schema, propertyKey, originalPropertyDefinition, theme, currentStyles, previewOptions }) {
+	const schemaKey = generateSchemaKey({
+		variantKey,
+		variantValue,
+		layer,
+		subComponentName,
+		stateKey,
+		stateValue
+	});
+	let className = generateClassName({
+		componentName,
+		variantKey,
+		variantValue,
+		layer,
+		subComponentName,
+		stateKey,
+		stateValue
+	});
+	const propertySelectedValueInSchema = schema.variables[schemaKey][propertyKey];
+	if (!propertySelectedValueInSchema) {
+		if (schemaKey === "size/md/root" && propertyKey === "spacingHorizontal") console.log({
+			componentName,
+			schemaKey,
+			propertyKey
+		}, schema.variables);
+		throw new Error(`Prop definition (${componentName} - ${schemaKey} - ${propertyKey}) not found, this is not expected, please report the bug to the UDS team`);
+	}
+	const styles = {};
+	for (const stateStr in propertySelectedValueInSchema) {
+		const state = stateStr;
+		const pseudo = statePseudoMap[state] ?? "";
+		const schemaValueForState = propertySelectedValueInSchema[state];
+		let fullClassName = ``;
+		if (layer === "root") if (stateKey && stateValue) {
+			const rootVariantClass = generateClassName({
+				componentName,
+				variantKey,
+				variantValue,
+				layer,
+				subComponentName
+			});
+			className = generateClassName({
+				componentName,
+				variantKey,
+				layer,
+				subComponentName,
+				stateKey,
+				stateValue
+			});
+			fullClassName = `.${rootVariantClass}${pseudo}.${className}`;
+		} else fullClassName = `.${className}${pseudo}`;
+		else {
+			const rootVariantClassName = generateClassName({
+				componentName,
+				variantKey,
+				variantValue,
+				layer: "root",
+				subComponentName
+			});
+			if (stateKey && stateValue) {
+				const rootVariantClassNameWithComponentState = generateClassName({
+					componentName,
+					variantKey,
+					layer: "root",
+					subComponentName,
+					stateKey,
+					stateValue
+				});
+				className = generateClassName({
+					componentName,
+					variantKey,
+					variantValue,
+					layer,
+					layerOptionalPseudoSelector,
+					subComponentName
+				});
+				fullClassName = `.${rootVariantClassName}${pseudo}.${rootVariantClassNameWithComponentState} .${className}`;
+			} else fullClassName = `.${rootVariantClassName}${pseudo} .${className}`;
+		}
+		const getTheCssPropertyValue = (schemaStateValue, propertyName, theme$1, existingValue) => {
+			const { value, type } = schemaStateValue;
+			const propertyConfig = configurableProperties[propertyName];
+			let newValue;
+			if (configurableProperties[propertyName].customValueRenderer) newValue = configurableProperties[propertyName].customValueRenderer(schemaStateValue, schema, theme$1);
+			else newValue = theme$1(configurableProperties[propertyName].twThemePath(type, String(value)));
+			if (propertyConfig.concatenate && existingValue) return `${existingValue}${propertyConfig.concatenationDelimiter || ", "}${newValue}`;
+			return newValue;
+		};
+		const { cssProperties, extendedProperties: extendedPropertiesGetter } = configurableProperties[originalPropertyDefinition.name];
+		const cssDeclarations = {};
+		const isExtendedPropertiesFunction = isFunction(extendedPropertiesGetter);
+		const extendedProperties = isExtendedPropertiesFunction ? extendedPropertiesGetter({
+			componentName,
+			subComponentName,
+			layer,
+			propertyKey
+		}) : extendedPropertiesGetter;
+		if (extendedProperties && extendedProperties.length) {
+			if (!isExtendedPropertiesFunction && (typeof cssProperties === "string" || Array.isArray(cssProperties) && cssProperties.length > 0)) throw new Error("Invalid configuration: cssProperties should not be configured when extendedProperties are defined. Please update your property configuration accordingly.");
+			for (const extendedProp of extendedProperties) {
+				const cssPropertiesRef = configurableProperties[extendedProp].cssProperties;
+				if (typeof cssPropertiesRef === "string") {
+					const existingValue = currentStyles?.[fullClassName]?.[cssPropertiesRef];
+					cssDeclarations[cssPropertiesRef] = getTheCssPropertyValue(schemaValueForState, extendedProp, theme, existingValue);
+				} else if (Array.isArray(cssPropertiesRef)) for (const cssProp of cssPropertiesRef) {
+					const existingValue = currentStyles?.[fullClassName]?.[cssProp];
+					cssDeclarations[cssProp] = getTheCssPropertyValue(schemaValueForState, extendedProp, theme, existingValue);
+				}
+			}
+		} else if (typeof cssProperties === "string") {
+			const existingValue = currentStyles?.[fullClassName]?.[cssProperties];
+			cssDeclarations[cssProperties] = getTheCssPropertyValue(schemaValueForState, originalPropertyDefinition.name, theme, existingValue);
+		} else if (Array.isArray(cssProperties)) for (const cssProp of cssProperties) {
+			const existingValue = currentStyles?.[fullClassName]?.[cssProp];
+			cssDeclarations[cssProp] = getTheCssPropertyValue(schemaValueForState, originalPropertyDefinition.name, theme, existingValue);
+		}
+		if (!styles[fullClassName]) styles[fullClassName] = {
+			...cssDeclarations,
+			...styles[fullClassName]
+		};
+		if (previewOptions?.generatePseudoStateClassModifier) {
+			const pseudoPrefixClass = statePseudoMapDocsMode[state] ?? "";
+			if (pseudoPrefixClass.length > 0 && stateStr !== "root") {
+				const importantCssDeclarations = Object.fromEntries(Object.entries(cssDeclarations).map(([prop, value]) => [prop, `${value} !important`]));
+				styles[`.${pseudoPrefixClass}${fullClassName}`.replace(pseudo, "")] = {
+					...importantCssDeclarations,
+					...styles[`.${pseudoPrefixClass}${fullClassName}`.replace(pseudo, "")]
+				};
+			}
+		}
+	}
+	return styles;
+}
+function generateStyles(config, schema, theme, previewOptions) {
+	function deepMerge(target, source) {
+		return mergeWith({}, target, source);
+	}
+	let componentName = config.label.toLowerCase();
+	if (config.overrideComponentName) componentName = config.overrideComponentName.toLowerCase();
+	let styles = {};
+	for (const variantKey in config.variants) {
+		const variantConfig = config.variants[variantKey];
+		for (const variantOption of variantConfig.options) if (variantConfig.componentStates) {
+			const componentStates = variantConfig.componentStates;
+			for (const componentStateKey in componentStates) {
+				const componentState = componentStates[componentStateKey];
+				for (const componentStateOption of componentState.options) for (const layerKey in componentState.layers) {
+					const layer = componentState.layers[layerKey];
+					for (const propertyKey in layer.properties) {
+						const originalPropertyDefinition = layer.properties[propertyKey];
+						const declarations = generateDeclaration({
+							componentName,
+							variantKey,
+							variantValue: variantOption,
+							stateKey: componentStateKey,
+							stateValue: componentStateOption,
+							layer: layerKey,
+							layerOptionalPseudoSelector: layer.pseudoSelector,
+							propertyKey,
+							originalPropertyDefinition,
+							theme,
+							schema,
+							currentStyles: styles,
+							previewOptions
+						});
+						styles = deepMerge(styles, declarations);
+					}
+				}
+			}
+		} else for (const layerKey in variantConfig.layers) {
+			const layer = variantConfig.layers[layerKey];
+			for (const propertyKey in layer.properties) {
+				const originalPropertyDefinition = layer.properties[propertyKey];
+				const declarations = generateDeclaration({
+					componentName,
+					variantKey,
+					variantValue: variantOption,
+					layer: layerKey,
+					layerOptionalPseudoSelector: layer.pseudoSelector,
+					propertyKey,
+					originalPropertyDefinition,
+					theme,
+					schema,
+					currentStyles: styles,
+					previewOptions
+				});
+				styles = deepMerge(styles, declarations);
+			}
+		}
+	}
+	if (config.subComponents) {
+		const { subComponents } = config;
+		for (const subComponentKey in subComponents) for (const variantKey in subComponents[subComponentKey].variants) {
+			const variantConfig = subComponents[subComponentKey].variants[variantKey];
+			for (const variantOption of variantConfig.options) if (variantConfig.componentStates) {
+				const componentStates = variantConfig.componentStates;
+				for (const componentStateKey in componentStates) {
+					const componentState = componentStates[componentStateKey];
+					for (const componentStateOption of componentState.options) for (const layerKey in componentState.layers) {
+						const layer = componentState.layers[layerKey];
+						for (const propertyKey in layer.properties) {
+							const originalPropertyDefinition = layer.properties[propertyKey];
+							const declarations = generateDeclaration({
+								componentName,
+								variantKey,
+								variantValue: variantOption,
+								stateKey: componentStateKey,
+								stateValue: componentStateOption,
+								subComponentName: subComponentKey,
+								layer: layerKey,
+								layerOptionalPseudoSelector: layer.pseudoSelector,
+								propertyKey,
+								originalPropertyDefinition,
+								theme,
+								schema,
+								currentStyles: styles,
+								previewOptions
+							});
+							styles = deepMerge(styles, declarations);
+						}
+					}
+				}
+			} else for (const layerKey in variantConfig.layers) {
+				const layer = variantConfig.layers[layerKey];
+				for (const propertyKey in layer.properties) {
+					const originalPropertyDefinition = layer.properties[propertyKey];
+					const declarations = generateDeclaration({
+						componentName,
+						subComponentName: subComponentKey,
+						variantKey,
+						variantValue: variantOption,
+						layer: layerKey,
+						layerOptionalPseudoSelector: layer.pseudoSelector,
+						propertyKey,
+						originalPropertyDefinition,
+						theme,
+						schema,
+						currentStyles: styles,
+						previewOptions
+					});
+					styles = deepMerge(styles, declarations);
+				}
+			}
+		}
+	}
+	return styles;
+}
+function createConfigurableProperty(prop) {
+	return prop;
+}
+/**
+* @deprecated use the new functions instead
+*/
+function createVariantConfig(config) {
+	return config;
+}
+function createComponentStateConfig(config) {
+	return config;
+}
+function createVariantConfigWithProperties(config) {
+	return config;
+}
+function createVariantConfigWithComponentStates(config) {
+	return config;
+}
+function createComponentStates(config) {
+	return config;
+}
+function createLayerConfig(config) {
+	return config;
+}
+function createSubComponentConfig(config) {
+	return config;
+}
+
+//#endregion
+export { cartesianProduct, coalesceConfigVariant, createComponentStateConfig, createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, findFixtureType, generateClassName, generateDeclaration, generateKeyFromFlatConfigPath, generateSchemaKey, generateStyles, getConfigDefaultValue, getConfigPseudoStateVariables, getConfigPseudoStateVariablesWithSetter, getConfigSubcomponents, getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix, getConfigVariantProperties, getConfigVariantPseudoStates, getConfigVariants, isConfigDefaultValue, setConfigPseudoStateVariable, statePseudoMapDocsMode, toMinimalDbConfigObject };
+//# sourceMappingURL=index.js.map