@yahoo/uds 3.66.0 → 3.67.0-beta.1

package/dist/tokens/automation/properties.js

@@ -1 +1,316 @@
-export{configurableProperties}from"../../chunk-YZE72XPR.js";
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { BUTTON_SCALE_EFFECT } from "../consts/cssTokens.js";
+import { textVariantsSafe } from "../../tailwind/components/getResponsiveTextStyles.js";
+import { getShadowLayerValue } from "../../tailwind/utils/getShadowPresetValues.js";
+import { mapTextVariantFixtureToValue } from "./mapTextVariantFixtureToValue.js";
+import { mapColorFixtureToValue } from "./utils/mapColorFixtureToValue.js";
+
+//#region src/tokens/automation/properties.ts
+const shouldUseOutlineInsteadOfBorder = ({ componentName, layer, propertyKey }) => {
+	if (componentName === "chip" && layer === "root" && ["borderColor", "borderWidth"].includes(propertyKey)) return true;
+	if (componentName === "input" && layer === "inputWrapper" && ["borderColor", "borderWidth"].includes(propertyKey)) return true;
+	return false;
+};
+const backgroundColor = {
+	name: "backgroundColor",
+	cssProperties: "background-color",
+	twThemePath: mapColorFixtureToValue,
+	possibleFixtures: [
+		"backgroundPaletteColors",
+		"spectrumColors",
+		"alwaysPaletteAliases"
+	]
+};
+const fontSize = {
+	name: "fontSize",
+	cssProperties: "font-size",
+	twThemePath: mapTextVariantFixtureToValue("fontSize"),
+	possibleFixtures: ["textVariants"]
+};
+const fontVariationSettings = {
+	name: "fontVariationSettings",
+	cssProperties: "font-variation-settings",
+	twThemePath: () => {
+		return ``;
+	},
+	possibleFixtures: ["textVariants"],
+	customValueRenderer: (schemaValue) => {
+		const { value: rawValue } = schemaValue;
+		const value = textVariantsSafe(rawValue);
+		return `"wght" var(--uds-font-weight-${value}), "slnt" var(--uds-font-slant-${value}), "wdth" var(--uds-font-width-${value});`;
+	}
+};
+const fontWeight = {
+	name: "fontWeight",
+	cssProperties: "font-weight",
+	twThemePath: mapTextVariantFixtureToValue("fontWeight"),
+	possibleFixtures: ["textVariants"]
+};
+const fontFamily = {
+	name: "fontFamily",
+	cssProperties: "font-family",
+	twThemePath: mapTextVariantFixtureToValue("fontFamily"),
+	possibleFixtures: ["textVariants"]
+};
+const gap = {
+	name: "gap",
+	cssProperties: "gap",
+	twThemePath: (selected, value) => `spacing[${value}]`,
+	possibleFixtures: ["spacingAliases"]
+};
+const color = {
+	name: "color",
+	cssProperties: "color",
+	twThemePath: mapColorFixtureToValue,
+	possibleFixtures: [
+		"alwaysPaletteAliases",
+		"spectrumColors",
+		"foregroundPaletteColors"
+	]
+};
+const opacity = {
+	name: "opacity",
+	cssProperties: "opacity",
+	twThemePath: (_, value) => `opacity[${value}]`,
+	possibleFixtures: ["opacitySteps"]
+};
+const borderWidth = {
+	name: "borderWidth",
+	cssProperties: "border-width",
+	twThemePath: (selected, value) => {
+		if (selected === "borderWidths") return `borderWidth[${value}]`;
+		else return `spacing[${value}]`;
+	},
+	possibleFixtures: ["borderWidths", "spacingAliases"],
+	extendedProperties: (context) => shouldUseOutlineInsteadOfBorder(context) && [
+		"outlineWidth",
+		"insetOutlineOffset",
+		"solidOutline"
+	]
+};
+const borderColor = {
+	name: "borderColor",
+	cssProperties: "border-color",
+	twThemePath: mapColorFixtureToValue,
+	possibleFixtures: [
+		"alwaysPaletteAliases",
+		"spectrumColors",
+		"linePaletteColors"
+	],
+	extendedProperties: (context) => shouldUseOutlineInsteadOfBorder(context) && ["outlineColor"]
+};
+const outlineWidth = {
+	name: "outlineWidth",
+	cssProperties: "outline-width",
+	twThemePath: (type, value) => type === "borderWidths" ? `borderWidth[${value}]` : `spacing[${value}]`,
+	possibleFixtures: ["borderWidths", "spacingAliases"]
+};
+const solidOutline = {
+	name: "solidOutline",
+	cssProperties: "outline-style",
+	twThemePath: () => "",
+	customValueRenderer: () => "solid",
+	possibleFixtures: []
+};
+const insetOutlineOffset = {
+	name: "insetOutlineOffset",
+	cssProperties: "outline-offset",
+	twThemePath: () => "",
+	customValueRenderer: ({ value, type }, schema, theme) => {
+		return `calc(-1 * ${type === "borderWidths" ? theme(`borderWidth[${value}]`) : theme(`spacing[${value}]`)})`;
+	},
+	possibleFixtures: ["borderWidths", "spacingAliases"]
+};
+const outlineColor = {
+	name: "outlineColor",
+	cssProperties: "outline-color",
+	twThemePath: mapColorFixtureToValue,
+	possibleFixtures: [
+		"alwaysPaletteAliases",
+		"spectrumColors",
+		"linePaletteColors"
+	]
+};
+const borderRadius = {
+	name: "borderRadius",
+	cssProperties: "border-radius",
+	twThemePath: (selected, value) => `borderRadius.${value}`,
+	possibleFixtures: ["borderRadii"]
+};
+const padding = {
+	name: "padding",
+	cssProperties: "padding",
+	twThemePath: (selected, value) => `spacing[${value}]`,
+	possibleFixtures: ["spacingAliases"]
+};
+const iconSize = {
+	name: "iconSize",
+	cssProperties: ["width", "height"],
+	twThemePath: (selected, value) => `sizing.icon.${value}`,
+	possibleFixtures: ["iconSizes"]
+};
+const spacingHorizontal = {
+	name: "spacingHorizontal",
+	cssProperties: ["padding-right", "padding-left"],
+	twThemePath: (selected, value) => `spacing[${value}]`,
+	possibleFixtures: ["spacingAliases"]
+};
+const spacingVertical = {
+	name: "spacingVertical",
+	cssProperties: ["padding-top", "padding-bottom"],
+	twThemePath: (selected, value) => `spacing[${value}]`,
+	possibleFixtures: ["spacingAliases"]
+};
+const textTransform = {
+	name: "textTransform",
+	cssProperties: "text-transform",
+	twThemePath: mapTextVariantFixtureToValue("textTransform"),
+	possibleFixtures: ["textVariants"]
+};
+const publicProperties = {
+	backgroundColor,
+	borderWidth,
+	borderRadius,
+	borderColor,
+	fontFamily,
+	fontSize,
+	fontVariationSettings,
+	lineHeight: {
+		name: "lineHeight",
+		cssProperties: "line-height",
+		twThemePath: mapTextVariantFixtureToValue("lineHeight"),
+		possibleFixtures: ["textVariants"]
+	},
+	textTransform,
+	letterSpacing: {
+		name: "letterSpacing",
+		cssProperties: "letter-spacing",
+		twThemePath: mapTextVariantFixtureToValue("letterSpacing"),
+		possibleFixtures: ["textVariants"]
+	},
+	padding,
+	gap,
+	color,
+	opacity,
+	fontWeight,
+	iconSize,
+	spacingHorizontal,
+	spacingVertical,
+	textVariant: {
+		name: "textVariant",
+		cssProperties: [],
+		twThemePath: () => {
+			return ``;
+		},
+		possibleFixtures: ["textVariants"],
+		extendedProperties: [
+			"fontSize",
+			"fontWeight",
+			"fontFamily",
+			"lineHeight",
+			"textTransform",
+			"fontVariationSettings",
+			"letterSpacing"
+		]
+	},
+	textDecorationLine: {
+		name: "textDecorationLine",
+		cssProperties: "text-decoration-line",
+		possibleFixtures: ["textDecorationLines"],
+		twThemePath: () => {
+			return ``;
+		},
+		customValueRenderer: (schemaValue) => {
+			return String(schemaValue.value);
+		}
+	},
+	shadow: {
+		name: "drop shadow",
+		cssProperties: "box-shadow",
+		twThemePath: () => {
+			return ``;
+		},
+		concatenate: true,
+		customValueRenderer: (schemaValue) => {
+			const shadowType = "drop";
+			const noneValue = "0 0 0 transparent";
+			if (schemaValue.valueType === "alias") {
+				const noneValue$1 = "0 0 0 transparent";
+				if (schemaValue.value === "none") return noneValue$1;
+				if (schemaValue.value !== "custom") return `var(--uds-${shadowType}-shadow-${schemaValue.value})`;
+			} else if (schemaValue.valueType === "custom") return schemaValue.value.map((preset, index) => getShadowLayerValue({
+				preset,
+				shadowType,
+				prefix: index > 0 ? `${index + 1}` : void 0
+			}))?.join(", ") || noneValue;
+			throw new Error("Invalid valueType");
+		},
+		possibleFixtures: ["shadowVariants"]
+	},
+	insetShadow: {
+		name: "inset shadow",
+		cssProperties: "box-shadow",
+		twThemePath: () => {
+			return ``;
+		},
+		concatenate: true,
+		customValueRenderer: (schemaValue) => {
+			const shadowType = "inset";
+			const noneValue = "0 0 0 transparent";
+			if (schemaValue.valueType === "alias") {
+				const noneValue$1 = "0 0 0 transparent";
+				if (schemaValue.value === "none") return noneValue$1;
+				if (schemaValue.value !== "custom") return `var(--uds-${shadowType}-shadow-${schemaValue.value})`;
+			} else if (schemaValue.valueType === "custom") return schemaValue.value.map((preset, index) => getShadowLayerValue({
+				preset,
+				shadowType,
+				prefix: index > 0 ? `${index + 1}` : void 0
+			}))?.join(", ") || noneValue;
+			throw new Error("Invalid valueType");
+		},
+		possibleFixtures: ["shadowVariantsWithInvert"]
+	},
+	height: {
+		name: "height",
+		cssProperties: "height",
+		twThemePath: (selected, value) => {
+			return `height[${value}]`;
+		},
+		possibleFixtures: ["spacingAliases"]
+	},
+	width: {
+		name: "width",
+		cssProperties: "width",
+		twThemePath: (selected, value) => {
+			return `width[${value}]`;
+		},
+		possibleFixtures: ["spacingAliases"]
+	},
+	scaleEffect: {
+		name: "scaleEffect",
+		cssProperties: BUTTON_SCALE_EFFECT,
+		possibleFixtures: ["scaleEffects"],
+		twThemePath: () => {
+			return ``;
+		},
+		customValueRenderer: (schemaValue) => {
+			const value = String(schemaValue.value);
+			if (value === "up") return "1.03";
+			if (value === "down") return "0.97";
+			return "1";
+		}
+	}
+};
+const internalProperties = {
+	outlineWidth,
+	outlineColor,
+	insetOutlineOffset,
+	solidOutline
+};
+const configurableProperties = {
+	...publicProperties,
+	...internalProperties
+};
+
+//#endregion
+export { configurableProperties };

package/dist/tokens/automation/types/ComponentConfig.cjs

@@ -0,0 +1 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */

package/dist/tokens/automation/types/ComponentConfig.d.cts

@@ -0,0 +1,54 @@
+import { ConfigurablePropertiesName, SelectedConfigurableProperty } from "../properties.cjs";
+import { UniversalTokensConfig } from "../../types.cjs";
+import "../../index.cjs";
+import * as properties from "@yahoo/uds/fixtures";
+
+//#region src/tokens/automation/types/ComponentConfig.d.ts
+type AllPossibleProperties = Exclude<keyof typeof properties, 'iconButtonSize' | 'iconButtonStates' | 'buttonIconSvgSize' | 'buttonPalettes' | 'buttonSizes' | 'buttonStates' | 'buttonVariants' | 'elevationLevels'> | 'shadowVariantConfig';
+type PossibleStates = 'hover' | 'pressed' | 'focused' | 'invalid' | 'focus-within' | 'focused-keyboard' | 'visited' | 'readonly' | 'disabled' | 'invalid&hover' | 'invalid&pressed';
+type PossibleStatesWithRest = 'rest' | PossibleStates;
+interface LayerConfig {
+  label: string;
+  properties: Readonly<Record<string, SelectedConfigurableProperty<ConfigurablePropertiesName, string>>>;
+  pseudoSelector?: string;
+}
+interface ComponentStateConfig {
+  label: string;
+  options: string[];
+  layers: {
+    root: LayerConfig;
+  } & Record<string, LayerConfig>;
+}
+interface SubComponentConfig {
+  label: string;
+  description: string;
+  overrideComponentName?: string;
+  variants: Record<string, VariantConfigWithProperties | VariantConfigWithComponentStates>;
+}
+interface VariantConfig<O extends string = string> {
+  label: string;
+  description: string;
+  isConfigurable: boolean;
+  default: O;
+  options: readonly O[];
+}
+interface VariantConfigWithProperties<O extends string = string> extends VariantConfig<O> {
+  layers: {
+    root: LayerConfig;
+  } & Record<string, LayerConfig>;
+}
+interface VariantConfigWithComponentStates<O extends string = string> extends VariantConfig<O> {
+  componentStates?: Readonly<Record<string, ComponentStateConfig>>;
+}
+interface ComponentConfig {
+  label: string;
+  description: string;
+  overrideComponentName?: string;
+  subComponents?: Record<string, SubComponentConfig>;
+  variants?: Record<string, VariantConfigWithProperties | VariantConfigWithComponentStates | VariantConfig>;
+}
+type AutoComponents = Omit<UniversalTokensConfig, 'colorMode' | 'font' | 'scaleMode' | 'version' | 'motion' | 'shadow' | 'breakpoints' | 'typography' | 'globalDefaults' | 'elevation'>;
+type AutoComponentName = keyof AutoComponents;
+type AllVariantKeys = { [K in keyof AutoComponents]: { [V in keyof AutoComponents[K]['defaults']]: V }[keyof AutoComponents[K]['defaults']] }[keyof AutoComponents];
+//#endregion
+export { AllPossibleProperties, AllVariantKeys, AutoComponentName, AutoComponents, ComponentConfig, ComponentStateConfig, LayerConfig, PossibleStates, PossibleStatesWithRest, SubComponentConfig, VariantConfig, VariantConfigWithComponentStates, VariantConfigWithProperties };

package/dist/tokens/automation/types/ComponentConfig.d.ts

@@ -0,0 +1,54 @@
+import { ConfigurablePropertiesName, SelectedConfigurableProperty } from "../properties.js";
+import { UniversalTokensConfig } from "../../types.js";
+import "../../index.js";
+import * as properties from "@yahoo/uds/fixtures";
+
+//#region src/tokens/automation/types/ComponentConfig.d.ts
+type AllPossibleProperties = Exclude<keyof typeof properties, 'iconButtonSize' | 'iconButtonStates' | 'buttonIconSvgSize' | 'buttonPalettes' | 'buttonSizes' | 'buttonStates' | 'buttonVariants' | 'elevationLevels'> | 'shadowVariantConfig';
+type PossibleStates = 'hover' | 'pressed' | 'focused' | 'invalid' | 'focus-within' | 'focused-keyboard' | 'visited' | 'readonly' | 'disabled' | 'invalid&hover' | 'invalid&pressed';
+type PossibleStatesWithRest = 'rest' | PossibleStates;
+interface LayerConfig {
+  label: string;
+  properties: Readonly<Record<string, SelectedConfigurableProperty<ConfigurablePropertiesName, string>>>;
+  pseudoSelector?: string;
+}
+interface ComponentStateConfig {
+  label: string;
+  options: string[];
+  layers: {
+    root: LayerConfig;
+  } & Record<string, LayerConfig>;
+}
+interface SubComponentConfig {
+  label: string;
+  description: string;
+  overrideComponentName?: string;
+  variants: Record<string, VariantConfigWithProperties | VariantConfigWithComponentStates>;
+}
+interface VariantConfig<O extends string = string> {
+  label: string;
+  description: string;
+  isConfigurable: boolean;
+  default: O;
+  options: readonly O[];
+}
+interface VariantConfigWithProperties<O extends string = string> extends VariantConfig<O> {
+  layers: {
+    root: LayerConfig;
+  } & Record<string, LayerConfig>;
+}
+interface VariantConfigWithComponentStates<O extends string = string> extends VariantConfig<O> {
+  componentStates?: Readonly<Record<string, ComponentStateConfig>>;
+}
+interface ComponentConfig {
+  label: string;
+  description: string;
+  overrideComponentName?: string;
+  subComponents?: Record<string, SubComponentConfig>;
+  variants?: Record<string, VariantConfigWithProperties | VariantConfigWithComponentStates | VariantConfig>;
+}
+type AutoComponents = Omit<UniversalTokensConfig, 'colorMode' | 'font' | 'scaleMode' | 'version' | 'motion' | 'shadow' | 'breakpoints' | 'typography' | 'globalDefaults' | 'elevation'>;
+type AutoComponentName = keyof AutoComponents;
+type AllVariantKeys = { [K in keyof AutoComponents]: { [V in keyof AutoComponents[K]['defaults']]: V }[keyof AutoComponents[K]['defaults']] }[keyof AutoComponents];
+//#endregion
+export { AllPossibleProperties, AllVariantKeys, AutoComponentName, AutoComponents, ComponentConfig, ComponentStateConfig, LayerConfig, PossibleStates, PossibleStatesWithRest, SubComponentConfig, VariantConfig, VariantConfigWithComponentStates, VariantConfigWithProperties };

package/dist/tokens/automation/types/ComponentConfig.js

@@ -0,0 +1 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */

package/dist/tokens/automation/types/ComponentDB.cjs

@@ -0,0 +1 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */

package/dist/tokens/automation/types/ComponentDB.d.cts

@@ -0,0 +1 @@
+export { };

package/dist/tokens/automation/types/ComponentDB.d.ts

@@ -0,0 +1 @@
+export { };

package/dist/tokens/automation/types/ComponentDB.js

@@ -0,0 +1 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */

package/dist/tokens/automation/types/ComponentStyles.cjs

@@ -0,0 +1 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */

package/dist/tokens/automation/types/ComponentStyles.d.cts

@@ -0,0 +1,35 @@
+import { ComponentConfig } from "./ComponentConfig.cjs";
+import "./index.cjs";
+
+//#region src/tokens/automation/types/ComponentStyles.d.ts
+
+/**
+ * For each variant in `config.variants`, for each option in `variant.options`,
+ * produce a string `.uds-{lowercase(label)}-{variantKey}-{optionValue}`.
+ */
+/**
+ * The union of all possible selectors for a given config,
+ * e.g. ".uds-avatar" | ".uds-avatar-size-xs" | ".uds-avatar-size-sm" ...
+ */
+type AllSelectors<C extends ComponentConfig> = BaseSelector<C>;
+/**
+ * A generic "Tailwind style object":
+ *   - Keys are CSS selectors (like ".uds-avatar-size-sm")
+ *   - Values are style declarations (like { [varName]: "1rem", display: "inline-block", ... })
+ *
+ * You can refine these Declarations to be more typed if you want
+ * (e.g. only allow certain var names, only allow CSS property keys, etc.).
+ */
+type CssStyleObject<C extends ComponentConfig> = { [Selector in AllSelectors<C>]?: Record<string, string> };
+/**
+ * Base class is just `.uds-{label}`
+ */
+type BaseSelector<C extends ComponentConfig> = C['overrideComponentName'] extends string ? `uds-${Lowercase<C['overrideComponentName']>}` : `uds-${Lowercase<C['label']>}`;
+/**
+ * Represents a selector for a parent variant in the component configuration.
+ * For each variant in `config.variants`, it produces a string in the format:
+ * `.uds-{lowercase(label)}-{variantKey}`.
+ */
+type ParentVariantSelector<C extends ComponentConfig> = { [K in keyof C['variants']]: `uds-${Lowercase<C['label']>}-${string & K}` }[keyof C['variants']];
+//#endregion
+export { AllSelectors, BaseSelector, CssStyleObject, ParentVariantSelector };

package/dist/tokens/automation/types/ComponentStyles.d.ts

@@ -0,0 +1,35 @@
+import { ComponentConfig } from "./ComponentConfig.js";
+import "./index.js";
+
+//#region src/tokens/automation/types/ComponentStyles.d.ts
+
+/**
+ * For each variant in `config.variants`, for each option in `variant.options`,
+ * produce a string `.uds-{lowercase(label)}-{variantKey}-{optionValue}`.
+ */
+/**
+ * The union of all possible selectors for a given config,
+ * e.g. ".uds-avatar" | ".uds-avatar-size-xs" | ".uds-avatar-size-sm" ...
+ */
+type AllSelectors<C extends ComponentConfig> = BaseSelector<C>;
+/**
+ * A generic "Tailwind style object":
+ *   - Keys are CSS selectors (like ".uds-avatar-size-sm")
+ *   - Values are style declarations (like { [varName]: "1rem", display: "inline-block", ... })
+ *
+ * You can refine these Declarations to be more typed if you want
+ * (e.g. only allow certain var names, only allow CSS property keys, etc.).
+ */
+type CssStyleObject<C extends ComponentConfig> = { [Selector in AllSelectors<C>]?: Record<string, string> };
+/**
+ * Base class is just `.uds-{label}`
+ */
+type BaseSelector<C extends ComponentConfig> = C['overrideComponentName'] extends string ? `uds-${Lowercase<C['overrideComponentName']>}` : `uds-${Lowercase<C['label']>}`;
+/**
+ * Represents a selector for a parent variant in the component configuration.
+ * For each variant in `config.variants`, it produces a string in the format:
+ * `.uds-{lowercase(label)}-{variantKey}`.
+ */
+type ParentVariantSelector<C extends ComponentConfig> = { [K in keyof C['variants']]: `uds-${Lowercase<C['label']>}-${string & K}` }[keyof C['variants']];
+//#endregion
+export { AllSelectors, BaseSelector, CssStyleObject, ParentVariantSelector };

package/dist/tokens/automation/types/ComponentStyles.js

@@ -0,0 +1 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */

package/dist/tokens/automation/types/index.cjs

@@ -0,0 +1 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */

package/dist/tokens/automation/types/index.d.cts

@@ -0,0 +1,3 @@
+import { AllPossibleProperties, AllVariantKeys, AutoComponentName, AutoComponents, ComponentConfig, ComponentStateConfig, LayerConfig, PossibleStates, PossibleStatesWithRest, SubComponentConfig, VariantConfig, VariantConfigWithComponentStates, VariantConfigWithProperties } from "./ComponentConfig.cjs";
+import { AllSelectors, BaseSelector, CssStyleObject, ParentVariantSelector } from "./ComponentStyles.cjs";
+export { AllPossibleProperties, AllSelectors, AllVariantKeys, AutoComponentName, AutoComponents, BaseSelector, ComponentConfig, ComponentStateConfig, CssStyleObject, LayerConfig, ParentVariantSelector, PossibleStates, PossibleStatesWithRest, SubComponentConfig, VariantConfig, VariantConfigWithComponentStates, VariantConfigWithProperties };

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

@@ -0,0 +1,3 @@
+import { AllPossibleProperties, AllVariantKeys, AutoComponentName, AutoComponents, ComponentConfig, ComponentStateConfig, LayerConfig, PossibleStates, PossibleStatesWithRest, SubComponentConfig, VariantConfig, VariantConfigWithComponentStates, VariantConfigWithProperties } from "./ComponentConfig.js";
+import { AllSelectors, BaseSelector, CssStyleObject, ParentVariantSelector } from "./ComponentStyles.js";
+export { AllPossibleProperties, AllSelectors, AllVariantKeys, AutoComponentName, AutoComponents, BaseSelector, ComponentConfig, ComponentStateConfig, CssStyleObject, LayerConfig, ParentVariantSelector, PossibleStates, PossibleStatesWithRest, SubComponentConfig, VariantConfig, VariantConfigWithComponentStates, VariantConfigWithProperties };

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

@@ -0,0 +1 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */

package/dist/tokens/automation/utils/cartesianProduct.cjs

@@ -0,0 +1,7 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+
+//#region src/tokens/automation/utils/cartesianProduct.ts
+const cartesianProduct = (sets) => sets.reduce((a, b) => a.flatMap((d) => b.map((e) => [d, e].flat())));
+
+//#endregion
+exports.cartesianProduct = cartesianProduct;

package/dist/tokens/automation/utils/cartesianProduct.d.cts

@@ -0,0 +1,7 @@
+//#region src/tokens/automation/utils/cartesianProduct.d.ts
+type ElementType<A> = A extends Array<infer T> ? T : never;
+type ElementsOfAll<Inputs, R extends Array<unknown> = []> = Inputs extends readonly [infer F, ...infer M] ? ElementsOfAll<M, [...R, ElementType<F>]> : R;
+type CartesianProduct<Inputs> = ElementsOfAll<Inputs>[];
+declare const cartesianProduct: <Sets extends Array<Array<unknown>>>(sets: Sets) => CartesianProduct<Sets>;
+//#endregion
+export { cartesianProduct };

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

@@ -0,0 +1,7 @@
+//#region src/tokens/automation/utils/cartesianProduct.d.ts
+type ElementType<A> = A extends Array<infer T> ? T : never;
+type ElementsOfAll<Inputs, R extends Array<unknown> = []> = Inputs extends readonly [infer F, ...infer M] ? ElementsOfAll<M, [...R, ElementType<F>]> : R;
+type CartesianProduct<Inputs> = ElementsOfAll<Inputs>[];
+declare const cartesianProduct: <Sets extends Array<Array<unknown>>>(sets: Sets) => CartesianProduct<Sets>;
+//#endregion
+export { cartesianProduct };

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

@@ -0,0 +1,6 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+//#region src/tokens/automation/utils/cartesianProduct.ts
+const cartesianProduct = (sets) => sets.reduce((a, b) => a.flatMap((d) => b.map((e) => [d, e].flat())));
+
+//#endregion
+export { cartesianProduct };

package/dist/tokens/automation/utils/coalesceConfigVariant.cjs

@@ -0,0 +1,21 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_tokens_utils_mapValues = require('../../utils/mapValues.cjs');
+const require_tokens_automation_utils_subcomponents = require('./subcomponents.cjs');
+
+//#region src/tokens/automation/utils/coalesceConfigVariant.ts
+function coalesceConfigVariant(config, variantKey) {
+	const rootVariantDef = config.variants?.[variantKey];
+	if (rootVariantDef) return {
+		type: "no-sub-components",
+		variant: rootVariantDef
+	};
+	const subComponents = require_tokens_automation_utils_subcomponents.getConfigSubcomponents(config);
+	if (!subComponents) return { type: "no-variants" };
+	return {
+		type: "has-sub-components",
+		variants: require_tokens_utils_mapValues.mapValues(subComponents, (subComponent) => subComponent.variants[variantKey])
+	};
+}
+
+//#endregion
+exports.coalesceConfigVariant = coalesceConfigVariant;

package/dist/tokens/automation/utils/coalesceConfigVariant.d.cts

@@ -0,0 +1,16 @@
+import { ComponentConfig, VariantConfig } from "../types/ComponentConfig.cjs";
+import "../types/index.cjs";
+
+//#region src/tokens/automation/utils/coalesceConfigVariant.d.ts
+type ConfigVariants = {
+  type: 'has-sub-components';
+  variants: Record<string, VariantConfig>;
+} | {
+  type: 'no-sub-components';
+  variant: VariantConfig;
+} | {
+  type: 'no-variants';
+};
+declare function coalesceConfigVariant<C extends ComponentConfig>(config: C, variantKey: string): ConfigVariants;
+//#endregion
+export { coalesceConfigVariant };

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

@@ -0,0 +1,16 @@
+import { ComponentConfig, VariantConfig } from "../types/ComponentConfig.js";
+import "../types/index.js";
+
+//#region src/tokens/automation/utils/coalesceConfigVariant.d.ts
+type ConfigVariants = {
+  type: 'has-sub-components';
+  variants: Record<string, VariantConfig>;
+} | {
+  type: 'no-sub-components';
+  variant: VariantConfig;
+} | {
+  type: 'no-variants';
+};
+declare function coalesceConfigVariant<C extends ComponentConfig>(config: C, variantKey: string): ConfigVariants;
+//#endregion
+export { coalesceConfigVariant };

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

@@ -0,0 +1,21 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { mapValues } from "../../utils/mapValues.js";
+import { getConfigSubcomponents } from "./subcomponents.js";
+
+//#region src/tokens/automation/utils/coalesceConfigVariant.ts
+function coalesceConfigVariant(config, variantKey) {
+	const rootVariantDef = config.variants?.[variantKey];
+	if (rootVariantDef) return {
+		type: "no-sub-components",
+		variant: rootVariantDef
+	};
+	const subComponents = getConfigSubcomponents(config);
+	if (!subComponents) return { type: "no-variants" };
+	return {
+		type: "has-sub-components",
+		variants: mapValues(subComponents, (subComponent) => subComponent.variants[variantKey])
+	};
+}
+
+//#endregion
+export { coalesceConfigVariant };