@yahoo/uds 3.117.4 → 3.117.5

package/dist/tailwind/dist/automated-config/dist/mapTextVariantFixtureToValue.cjs

@@ -0,0 +1,20 @@
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
+const require_index = require('../../css-tokens/dist/index.cjs');
+const require_assertUnreachable = require('./utils/assertUnreachable.cjs');
+
+//#region ../automated-config/dist/mapTextVariantFixtureToValue.js
+/*! © 2026 Yahoo, Inc. UDS Default Config v0.0.0-development */
+const mapTextVariantFixtureToValue = (key) => (selected, value) => {
+	switch (key) {
+		case "fontFamily": return `udsFontFamily[${require_index.textVariantsSafe(value)}]`;
+		case "fontSize": return `udsFontSize[${require_index.textVariantsSafe(value)}]`;
+		case "lineHeight": return `udsLineHeight[${require_index.textVariantsSafe(value)}]`;
+		case "letterSpacing": return `udsLetterSpacing[${require_index.textVariantsSafe(value)}]`;
+		case "textTransform": return `udsTextTransform[${require_index.textVariantsSafe(value)}]`;
+		case "fontWeight": return `udsFontWeight[${require_index.textVariantsSafe(value)}]`;
+	}
+	return require_assertUnreachable.assertUnreachable(key);
+};
+
+//#endregion
+exports.mapTextVariantFixtureToValue = mapTextVariantFixtureToValue;

package/dist/tailwind/dist/automated-config/dist/mapTextVariantFixtureToValue.js

@@ -0,0 +1,21 @@
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
+import { textVariantsSafe } from "../../css-tokens/dist/index.js";
+import { assertUnreachable } from "./utils/assertUnreachable.js";
+
+//#region ../automated-config/dist/mapTextVariantFixtureToValue.js
+/*! © 2026 Yahoo, Inc. UDS Default Config v0.0.0-development */
+const mapTextVariantFixtureToValue = (key) => (selected, value) => {
+	switch (key) {
+		case "fontFamily": return `udsFontFamily[${textVariantsSafe(value)}]`;
+		case "fontSize": return `udsFontSize[${textVariantsSafe(value)}]`;
+		case "lineHeight": return `udsLineHeight[${textVariantsSafe(value)}]`;
+		case "letterSpacing": return `udsLetterSpacing[${textVariantsSafe(value)}]`;
+		case "textTransform": return `udsTextTransform[${textVariantsSafe(value)}]`;
+		case "fontWeight": return `udsFontWeight[${textVariantsSafe(value)}]`;
+	}
+	return assertUnreachable(key);
+};
+
+//#endregion
+export { mapTextVariantFixtureToValue };
+//# sourceMappingURL=mapTextVariantFixtureToValue.js.map

package/dist/tailwind/dist/automated-config/dist/mapTextVariantFixtureToValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapTextVariantFixtureToValue.js","names":[],"sources":["../../../../automated-config/dist/mapTextVariantFixtureToValue.js"],"sourcesContent":["/*! © 2026 Yahoo, Inc. UDS Default Config v0.0.0-development */\nimport { assertUnreachable } from \"./utils/assertUnreachable.js\";\nimport { textVariantsSafe } from \"@yahoo/uds-css-tokens\";\n\n//#region src/mapTextVariantFixtureToValue.ts\nconst mapTextVariantFixtureToValue = (key) => (selected, value) => {\n\tswitch (key) {\n\t\tcase \"fontFamily\": return `udsFontFamily[${textVariantsSafe(value)}]`;\n\t\tcase \"fontSize\": return `udsFontSize[${textVariantsSafe(value)}]`;\n\t\tcase \"lineHeight\": return `udsLineHeight[${textVariantsSafe(value)}]`;\n\t\tcase \"letterSpacing\": return `udsLetterSpacing[${textVariantsSafe(value)}]`;\n\t\tcase \"textTransform\": return `udsTextTransform[${textVariantsSafe(value)}]`;\n\t\tcase \"fontWeight\": return `udsFontWeight[${textVariantsSafe(value)}]`;\n\t}\n\treturn assertUnreachable(key);\n};\n\n//#endregion\nexport { mapTextVariantFixtureToValue };\n//# sourceMappingURL=mapTextVariantFixtureToValue.js.map"],"mappings":";;;;;;AAKA,MAAM,gCAAgC,SAAS,UAAU,UAAU;AAClE,SAAQ,KAAR;EACC,KAAK,aAAc,QAAO,iBAAiB,iBAAiB,MAAM,CAAC;EACnE,KAAK,WAAY,QAAO,eAAe,iBAAiB,MAAM,CAAC;EAC/D,KAAK,aAAc,QAAO,iBAAiB,iBAAiB,MAAM,CAAC;EACnE,KAAK,gBAAiB,QAAO,oBAAoB,iBAAiB,MAAM,CAAC;EACzE,KAAK,gBAAiB,QAAO,oBAAoB,iBAAiB,MAAM,CAAC;EACzE,KAAK,aAAc,QAAO,iBAAiB,iBAAiB,MAAM,CAAC;;AAEpE,QAAO,kBAAkB,IAAI"}

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

@@ -0,0 +1,480 @@
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
+const require_index = require('../../css-tokens/dist/index.cjs');
+const require_assertUnreachable = require('./utils/assertUnreachable.cjs');
+const require_mapTextVariantFixtureToValue = require('./mapTextVariantFixtureToValue.cjs');
+const require_mapColorFixtureToValue = require('./utils/mapColorFixtureToValue.cjs');
+const require_index$1 = require('../../motion-tokens/dist/index.cjs');
+
+//#region ../automated-config/dist/properties.js
+/*! © 2026 Yahoo, Inc. UDS Default Config v0.0.0-development */
+const isInputWrapperCtx = (context) => {
+	return context.componentName === "input" && context.layer === "inputWrapper";
+};
+const hexToRgb = (hex) => {
+	hex = hex.replace("#", "");
+	if (hex.length === 3) hex = hex.split("").map((char) => char + char).join("");
+	return `${parseInt(hex.substring(0, 2), 16)} ${parseInt(hex.substring(2, 4), 16)} ${parseInt(hex.substring(4, 6), 16)}`;
+};
+const backgroundColor = {
+	name: "backgroundColor",
+	cssProperties: "background-color",
+	twThemePath: () => {
+		return ``;
+	},
+	possibleFixtures: [
+		"backgroundPaletteColors",
+		"spectrumColors",
+		"alwaysPaletteAliases",
+		"elevationAliases"
+	],
+	customValueRenderer: ({ value, type }, schema, theme) => {
+		if (type === "elevationAliases") return `var(--uds-background-color-${value})`;
+		return theme(require_mapColorFixtureToValue.mapColorFixtureToValue(type, value));
+	}
+};
+const color = {
+	name: "color",
+	cssProperties: "color",
+	twThemePath: require_mapColorFixtureToValue.mapColorFixtureToValue,
+	possibleFixtures: [
+		"alwaysPaletteAliases",
+		"spectrumColors",
+		"foregroundPaletteColors"
+	]
+};
+const fontSize = {
+	name: "fontSize",
+	cssProperties: "font-size",
+	twThemePath: require_mapTextVariantFixtureToValue.mapTextVariantFixtureToValue("fontSize"),
+	possibleFixtures: ["textVariants"]
+};
+const fontVariationSettings = {
+	name: "fontVariationSettings",
+	cssProperties: "font-variation-settings",
+	twThemePath: () => {
+		return ``;
+	},
+	possibleFixtures: ["textVariants"],
+	customValueRenderer: (schemaValue) => {
+		const { value: rawValue } = schemaValue;
+		const value = require_index.textVariantsSafe(rawValue);
+		return `"wght" var(--uds-font-weight-${value}), "slnt" var(--uds-font-slant-${value}), "ital" var(--uds-font-slant-${value}), "wdth" var(--uds-font-width-${value})`;
+	}
+};
+const fontWeight = {
+	name: "fontWeight",
+	cssProperties: "font-weight",
+	twThemePath: require_mapTextVariantFixtureToValue.mapTextVariantFixtureToValue("fontWeight"),
+	possibleFixtures: ["textVariants"]
+};
+const fontFamily = {
+	name: "fontFamily",
+	cssProperties: "font-family",
+	twThemePath: require_mapTextVariantFixtureToValue.mapTextVariantFixtureToValue("fontFamily"),
+	possibleFixtures: ["textVariants"]
+};
+const textTransform = {
+	name: "textTransform",
+	cssProperties: "text-transform",
+	twThemePath: require_mapTextVariantFixtureToValue.mapTextVariantFixtureToValue("textTransform"),
+	possibleFixtures: ["textVariants"]
+};
+const lineHeight = {
+	name: "lineHeight",
+	cssProperties: "line-height",
+	twThemePath: require_mapTextVariantFixtureToValue.mapTextVariantFixtureToValue("lineHeight"),
+	possibleFixtures: ["textVariants"]
+};
+const letterSpacing = {
+	name: "letterSpacing",
+	cssProperties: "letter-spacing",
+	twThemePath: require_mapTextVariantFixtureToValue.mapTextVariantFixtureToValue("letterSpacing"),
+	possibleFixtures: ["textVariants"]
+};
+const textVariant = {
+	name: "textVariant",
+	cssProperties: [],
+	twThemePath: () => {
+		return ``;
+	},
+	possibleFixtures: ["textVariants"],
+	extendedProperties: [
+		"fontSize",
+		"fontWeight",
+		"fontFamily",
+		"lineHeight",
+		"textTransform",
+		"fontVariationSettings",
+		"letterSpacing"
+	]
+};
+const textDecorationLine = {
+	name: "textDecorationLine",
+	cssProperties: "text-decoration-line",
+	possibleFixtures: ["textDecorationLines"],
+	twThemePath: () => {
+		return ``;
+	},
+	customValueRenderer: (schemaValue) => {
+		return String(schemaValue.value);
+	}
+};
+const gap = {
+	name: "gap",
+	cssProperties: "gap",
+	twThemePath: (fixtureType, value) => fixtureType === "spacingAliases" ? `spacing[${value}]` : "",
+	possibleFixtures: ["spacingAliases"]
+};
+const borderWidth = {
+	name: "borderWidth",
+	cssProperties: "border-width",
+	twThemePath: (fixtureType, value) => {
+		switch (fixtureType) {
+			case "borderWidths":
+			case "elevationAliases": return `udsBorderWidth[${value}]`;
+			case "spacingAliases": return `spacing[${value}]`;
+		}
+		return require_assertUnreachable.assertUnreachable(fixtureType);
+	},
+	possibleFixtures: [
+		"borderWidths",
+		"spacingAliases",
+		"elevationAliases"
+	],
+	extendedProperties: (context) => {
+		if (isInputWrapperCtx(context)) return [
+			"outlineWidth",
+			"insetOutlineOffset",
+			"solidOutline"
+		];
+		return false;
+	}
+};
+const strokeWidth = {
+	...borderWidth,
+	name: "strokeWidth",
+	cssProperties: "stroke-width"
+};
+const borderColor = {
+	name: "borderColor",
+	cssProperties: "border-color",
+	twThemePath: require_mapColorFixtureToValue.mapColorFixtureToValue,
+	possibleFixtures: [
+		"alwaysPaletteAliases",
+		"spectrumColors",
+		"linePaletteColors",
+		"elevationAliases"
+	],
+	extendedProperties: (context) => {
+		if (isInputWrapperCtx(context)) return ["outlineColor"];
+		return false;
+	}
+};
+const stroke = {
+	...borderColor,
+	name: "stroke",
+	cssProperties: "stroke"
+};
+const outlineWidth = {
+	name: "outlineWidth",
+	cssProperties: "outline-width",
+	twThemePath: (type, value) => type === "borderWidths" ? `udsBorderWidth[${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(`udsBorderWidth[${value}]`) : theme(`spacing[${value}]`)})`;
+	},
+	possibleFixtures: ["borderWidths", "spacingAliases"]
+};
+const outlineColor = {
+	name: "outlineColor",
+	cssProperties: "outline-color",
+	twThemePath: require_mapColorFixtureToValue.mapColorFixtureToValue,
+	possibleFixtures: [
+		"alwaysPaletteAliases",
+		"spectrumColors",
+		"linePaletteColors"
+	]
+};
+const borderRadius = {
+	name: "borderRadius",
+	cssProperties: "border-radius",
+	twThemePath: (_, value) => `udsBorderRadius.${value}`,
+	possibleFixtures: ["borderRadii"]
+};
+const borderRadiusVar = {
+	...borderRadius,
+	name: "borderRadiusVar",
+	cssProperties: `--${require_index.BORDER_RADIUS_PREFIX}`
+};
+const spacing = {
+	name: "spacing",
+	cssProperties: "padding",
+	twThemePath: (_, value) => `spacing[${value}]`,
+	possibleFixtures: ["spacingAliases"]
+};
+const spacingHorizontal = {
+	name: "spacingHorizontal",
+	cssProperties: ["padding-right", "padding-left"],
+	twThemePath: (_, value) => `spacing[${value}]`,
+	possibleFixtures: ["spacingAliases"]
+};
+const spacingVertical = {
+	name: "spacingVertical",
+	cssProperties: ["padding-top", "padding-bottom"],
+	twThemePath: (_, value) => `spacing[${value}]`,
+	possibleFixtures: ["spacingAliases"]
+};
+const horizontalMargin = {
+	name: "horizontalMargin",
+	cssProperties: ["margin-left", "margin-right"],
+	twThemePath: (_, value) => `spacing[${value}]`,
+	possibleFixtures: ["spacingAliases"]
+};
+const bottomMargin = {
+	name: "bottomMargin",
+	cssProperties: "margin-bottom",
+	twThemePath: (_, value) => `spacing[${value}]`,
+	possibleFixtures: ["spacingAliases"]
+};
+const height = {
+	name: "height",
+	cssProperties: "height",
+	twThemePath: (_, value) => {
+		return `height[${value}]`;
+	},
+	possibleFixtures: ["spacingAliases"]
+};
+const width = {
+	name: "width",
+	cssProperties: "width",
+	twThemePath: (_, value) => {
+		return `width[${value}]`;
+	},
+	possibleFixtures: ["spacingAliases"]
+};
+const 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 = "0 0 0 transparent";
+			if (schemaValue.value === "none") return noneValue;
+			if (schemaValue.value !== "custom") return `var(--uds-${shadowType}-shadow-${schemaValue.value})`;
+		} else if (schemaValue.valueType === "custom") return schemaValue.value.map((preset, index) => require_index.getShadowLayerValue({
+			preset,
+			shadowType,
+			prefix: index > 0 ? `${index + 1}` : void 0
+		}))?.join(", ") || noneValue;
+		throw new Error("Invalid valueType");
+	},
+	possibleFixtures: [
+		"shadowVariants",
+		"shadowVariantConfig",
+		"elevationAliases"
+	]
+};
+const 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 = "0 0 0 transparent";
+			if (schemaValue.value === "none") return noneValue;
+			if (schemaValue.value !== "custom") return `var(--uds-${shadowType}-shadow-${schemaValue.value})`;
+		} else if (schemaValue.valueType === "custom") return schemaValue.value.map((preset, index) => require_index.getShadowLayerValue({
+			preset,
+			shadowType,
+			prefix: index > 0 ? `${index + 1}` : void 0
+		}))?.join(", ") || noneValue;
+		throw new Error("Invalid valueType");
+	},
+	possibleFixtures: ["shadowVariantsWithInvert"]
+};
+const shadowVar = {
+	...shadow,
+	name: "shadowVar",
+	cssProperties: `--${require_index.DROP_SHADOW_PREFIX}`
+};
+const opacity = {
+	name: "opacity",
+	cssProperties: "opacity",
+	twThemePath: (_, value) => `opacity[${value}]`,
+	possibleFixtures: ["opacitySteps"]
+};
+const publicProperties = {
+	backgroundColor,
+	borderWidth,
+	strokeWidth,
+	borderRadius,
+	borderRadiusVar,
+	borderColor,
+	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);
+		}
+	},
+	fontFamily,
+	fontSize,
+	fontVariationSettings,
+	lineHeight,
+	textTransform,
+	letterSpacing,
+	gap,
+	color,
+	opacity,
+	fillOpacity: {
+		name: "fillOpacity",
+		cssProperties: "fill-opacity",
+		twThemePath: (_, value) => `opacity[${value}]`,
+		possibleFixtures: ["opacitySteps"]
+	},
+	fontWeight,
+	iconSize: {
+		name: "iconSize",
+		cssProperties: ["width", "height"],
+		twThemePath: (_, value) => `sizing.icon.${value}`,
+		possibleFixtures: ["iconSizes"]
+	},
+	spacing,
+	iconVariant: {
+		name: "iconVariant",
+		cssProperties: "--uds-icon-variant",
+		possibleFixtures: ["iconVariants"],
+		twThemePath: () => {
+			return ``;
+		},
+		customValueRenderer: (schemaValue) => {
+			return String(schemaValue.value);
+		}
+	},
+	horizontalMargin,
+	bottomMargin,
+	spacingHorizontal,
+	spacingVertical,
+	textVariant,
+	textDecorationLine,
+	shadow,
+	shadowVar,
+	insetShadow,
+	height,
+	width,
+	scaleEffect: {
+		name: "scaleEffect",
+		cssProperties: require_index.BUTTON_SCALE_EFFECT,
+		possibleFixtures: ["scaleEffects"],
+		twThemePath: () => {
+			return ``;
+		},
+		customValueRenderer: (schemaValue) => {
+			const value = schemaValue.value;
+			const stringValue = String(value);
+			return String(require_index$1.SCALE_EFFECTS[stringValue] ?? 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 `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}`
+	},
+	scrimBackgroundColor: {
+		name: "scrimBackgroundColor",
+		cssProperties: "--uds-scrim-background-color",
+		twThemePath: () => {
+			return ``;
+		},
+		possibleFixtures: [
+			"backgroundPaletteColors",
+			"spectrumColors",
+			"alwaysPaletteAliases"
+		],
+		customValueRenderer: ({ value, type }, schema, theme) => {
+			const resolved = theme(require_mapColorFixtureToValue.mapColorFixtureToValue(type, value));
+			if (resolved.startsWith("#")) return hexToRgb(resolved) ?? resolved;
+			if (resolved.startsWith("rgb(") && resolved.endsWith(")")) return resolved.slice(4, -1);
+			return resolved;
+		}
+	},
+	scrimOpacity: {
+		...opacity,
+		name: "scrimOpacity",
+		cssProperties: "--uds-scrim-opacity",
+		twThemePath: () => "",
+		customValueRenderer: ({ value }) => `${String(value)}%`
+	}
+};
+const internalProperties = {
+	outlineWidth,
+	outlineColor,
+	insetOutlineOffset,
+	solidOutline
+};
+const configurableProperties = {
+	...publicProperties,
+	...internalProperties
+};
+
+//#endregion
+exports.configurableProperties = configurableProperties;