@yahoo/uds 3.100.0-beta.4 → 3.101.0-beta.1

package/dist/tokens/index.js

@@ -1,6 +1,6 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 import { ALWAYS_PREFIX, alwaysPalette, deprecatedAlwaysPalette, newAlwaysPalette } from "../palette/dist/index.js";
-import { AVATAR_SIZE_PREFIX, BACKGROUND_BLUR_COLOR_PREFIX, BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX, BACKGROUND_BLUR_RADIUS_PREFIX, BACKGROUND_COLOR_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, BUTTON_GAP_VAR, BUTTON_SCALE_EFFECT, BUTTON_SCALE_EFFECT_HOVER, BUTTON_SCALE_EFFECT_PRESSED, BUTTON_SCALE_EFFECT_REST, DARK_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE_CLASSNAME, DEFAULT_SCALE_MODE_CLASSNAME, DROP_SHADOW_PREFIX, FONT_FAMILY_PREFIX, FONT_SIZE_PREFIX, FONT_SLANT_PREFIX, FONT_WEIGHT_PREFIX, FONT_WIDTH_PREFIX, ICON_SIZE_PREFIX, INVERT_COLOR_MODE_CLASSNAME, LARGE_SCALE_MODE_CLASSNAME, LETTER_SPACING_PREFIX, LIGHT_COLOR_MODE_CLASSNAME, LINE_COLOR_PREFIX, LINE_HEIGHT_PREFIX, MEDIUM_SCALE_MODE_CLASSNAME, MOTION_PREFIX, PSEUDO_STYLE_SELECTOR_MAP, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, SYSTEM_COLOR_MODE_CLASSNAME, TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, TEXT_RESPONSIVE_CLASSNAME, TEXT_TRANSFORM_PREFIX, UDS_PREFIX, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME, getShadowLayerValue, textVariantsSafe } from "../css-tokens/dist/index.js";
+import { AVATAR_SIZE_PREFIX, BACKGROUND_BLUR_COLOR_PREFIX, BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX, BACKGROUND_BLUR_RADIUS_PREFIX, BACKGROUND_COLOR_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, BUTTON_GAP_VAR, BUTTON_SCALE_EFFECT, BUTTON_SCALE_EFFECT_HOVER, BUTTON_SCALE_EFFECT_PRESSED, BUTTON_SCALE_EFFECT_REST, DARK_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE_CLASSNAME, DEFAULT_SCALE_MODE_CLASSNAME, DROP_SHADOW_PREFIX, FONT_FAMILY_PREFIX, FONT_SIZE_PREFIX, FONT_SLANT_PREFIX, FONT_WEIGHT_PREFIX, FONT_WIDTH_PREFIX, ICON_SIZE_PREFIX, INVERT_COLOR_MODE_CLASSNAME, LARGE_SCALE_MODE_CLASSNAME, LETTER_SPACING_PREFIX, LIGHT_COLOR_MODE_CLASSNAME, LINE_COLOR_PREFIX, LINE_HEIGHT_PREFIX, MEDIUM_SCALE_MODE_CLASSNAME, MOTION_PREFIX, PSEUDO_STYLE_SELECTOR_MAP, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, SYSTEM_COLOR_MODE_CLASSNAME, TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, TEXT_RESPONSIVE_CLASSNAME, TEXT_TRANSFORM_PREFIX, UDS_PREFIX, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME, getMotionVar, getShadowLayerValue, textVariantsSafe } from "../css-tokens/dist/index.js";
 import { variants } from "../styles/variants.js";
 import { generateSchemaKey } from "../automated-config/dist/utils/generateSchemaKey.js";
 import { buildConfigSchema, findFixtureType } from "../automated-config/dist/utils/buildConfigSchema.js";
@@ -14,16 +14,14 @@ import { getConfigVariantProperties } from "../automated-config/dist/utils/getCo
 import { getConfigVariantPseudoStates } from "../automated-config/dist/utils/getConfigVariantPseudoStates.js";
 import { getConfigVariants } from "../automated-config/dist/utils/getConfigVariants.js";
 import { createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, generateClassName, generateConfigStyles, generateDeclaration, generateDefaultClassName, generateStyles, statePseudoMapDocsMode } from "../automated-config/dist/utils/index.js";
+import { fromEntries } from "./utils/fromEntries.js";
 import { AvatarConfig, BadgeConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, RadioConfig, SwitchConfig, ToastConfig, TooltipConfig } from "../automated-config/dist/generated/generatedConfigs.js";
 import { shadow } from "./configs/shadow.js";
-import { fontWeightMap } from "./configs/typography.js";
 import { DEFAULT_COLOR_MODE, DEFAULT_COLOR_MODE_FOR_APP, DEFAULT_HIGH_CONTRAST_MODE, DEFAULT_REGION_MODE, DEFAULT_SCALE_MODE, DEFAULT_SCALE_MODE_FOR_APP } from "../modes/dist/index.js";
 import { FONT_DECLARATIONS_MAP } from "../fonts/dist/index.js";
 import { parseButtonVariantFlat } from "./parseButtonVariants.js";
 import { entries } from "./utils/entries.js";
-import { fromEntries } from "./utils/fromEntries.js";
 import { fontUrls, getFontUrls, getFontUrlsByIds } from "./utils/getFontUrls.js";
 import { mapValues } from "./utils/mapValues.js";
-import { parseOpacityStep } from "./utils/opacity.js";
 
-export { ALWAYS_PREFIX, AVATAR_SIZE_PREFIX, AvatarConfig, BACKGROUND_BLUR_COLOR_PREFIX, BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX, BACKGROUND_BLUR_RADIUS_PREFIX, BACKGROUND_COLOR_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, BUTTON_GAP_VAR, BUTTON_SCALE_EFFECT, BUTTON_SCALE_EFFECT_HOVER, BUTTON_SCALE_EFFECT_PRESSED, BUTTON_SCALE_EFFECT_REST, BadgeConfig, ButtonConfig, CheckboxConfig, ChipConfig, DARK_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE, DEFAULT_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE_FOR_APP, DEFAULT_HIGH_CONTRAST_MODE, DEFAULT_REGION_MODE, DEFAULT_SCALE_MODE, DEFAULT_SCALE_MODE_CLASSNAME, DEFAULT_SCALE_MODE_FOR_APP, DROP_SHADOW_PREFIX, DividerConfig, FONT_DECLARATIONS_MAP, FONT_FAMILY_PREFIX, FONT_SIZE_PREFIX, FONT_SLANT_PREFIX, FONT_WEIGHT_PREFIX, FONT_WIDTH_PREFIX, ICON_SIZE_PREFIX, INVERT_COLOR_MODE_CLASSNAME, IconButtonConfig, InputConfig, LARGE_SCALE_MODE_CLASSNAME, LETTER_SPACING_PREFIX, LIGHT_COLOR_MODE_CLASSNAME, LINE_COLOR_PREFIX, LINE_HEIGHT_PREFIX, LinkConfig, MEDIUM_SCALE_MODE_CLASSNAME, MOTION_PREFIX, MenuContentConfig, MenuItemConfig, PSEUDO_STYLE_SELECTOR_MAP, RadioConfig, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, SYSTEM_COLOR_MODE_CLASSNAME, SwitchConfig, TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, TEXT_RESPONSIVE_CLASSNAME, TEXT_TRANSFORM_PREFIX, ToastConfig, TooltipConfig, UDS_PREFIX, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME, alwaysPalette, buildConfigSchema, cartesianProduct, coalesceConfigVariant, createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, deprecatedAlwaysPalette, entries, findFixtureType, fontUrls, fontWeightMap, fromEntries, generateClassName, generateConfigStyles, generateDeclaration, generateDefaultClassName, generateKeyFromFlatConfigPath, generateSchemaKey, generateStyles, getConfigDefaultValue, getConfigSubcomponents, getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix, getConfigVariantProperties, getConfigVariantPseudoStates, getConfigVariants, getFontUrls, getFontUrlsByIds, getShadowLayerValue, isConfigDefaultValue, mapValues, newAlwaysPalette, parseButtonVariantFlat, parseOpacityStep, shadow, statePseudoMapDocsMode, textVariantsSafe, variants };
+export { ALWAYS_PREFIX, AVATAR_SIZE_PREFIX, AvatarConfig, BACKGROUND_BLUR_COLOR_PREFIX, BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX, BACKGROUND_BLUR_RADIUS_PREFIX, BACKGROUND_COLOR_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, BUTTON_GAP_VAR, BUTTON_SCALE_EFFECT, BUTTON_SCALE_EFFECT_HOVER, BUTTON_SCALE_EFFECT_PRESSED, BUTTON_SCALE_EFFECT_REST, BadgeConfig, ButtonConfig, CheckboxConfig, ChipConfig, DARK_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE, DEFAULT_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE_FOR_APP, DEFAULT_HIGH_CONTRAST_MODE, DEFAULT_REGION_MODE, DEFAULT_SCALE_MODE, DEFAULT_SCALE_MODE_CLASSNAME, DEFAULT_SCALE_MODE_FOR_APP, DROP_SHADOW_PREFIX, DividerConfig, FONT_DECLARATIONS_MAP, FONT_FAMILY_PREFIX, FONT_SIZE_PREFIX, FONT_SLANT_PREFIX, FONT_WEIGHT_PREFIX, FONT_WIDTH_PREFIX, ICON_SIZE_PREFIX, INVERT_COLOR_MODE_CLASSNAME, IconButtonConfig, InputConfig, LARGE_SCALE_MODE_CLASSNAME, LETTER_SPACING_PREFIX, LIGHT_COLOR_MODE_CLASSNAME, LINE_COLOR_PREFIX, LINE_HEIGHT_PREFIX, LinkConfig, MEDIUM_SCALE_MODE_CLASSNAME, MOTION_PREFIX, MenuContentConfig, MenuItemConfig, PSEUDO_STYLE_SELECTOR_MAP, RadioConfig, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, SYSTEM_COLOR_MODE_CLASSNAME, SwitchConfig, TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, TEXT_RESPONSIVE_CLASSNAME, TEXT_TRANSFORM_PREFIX, ToastConfig, TooltipConfig, UDS_PREFIX, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME, alwaysPalette, buildConfigSchema, cartesianProduct, coalesceConfigVariant, createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, deprecatedAlwaysPalette, entries, findFixtureType, fontUrls, fromEntries, generateClassName, generateConfigStyles, generateDeclaration, generateDefaultClassName, generateKeyFromFlatConfigPath, generateSchemaKey, generateStyles, getConfigDefaultValue, getConfigSubcomponents, getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix, getConfigVariantProperties, getConfigVariantPseudoStates, getConfigVariants, getFontUrls, getFontUrlsByIds, getMotionVar, getShadowLayerValue, isConfigDefaultValue, mapValues, newAlwaysPalette, parseButtonVariantFlat, shadow, statePseudoMapDocsMode, textVariantsSafe, variants };

package/dist/tokens/parseTokens.cjs

@@ -1,136 +1,5 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_index = require('../palette/dist/index.cjs');
-const require_index$1 = require('../css-tokens/dist/index.cjs');
-const require_tokens_utils_entries = require('./utils/entries.cjs');
-const require_tokens_utils_mapValues = require('./utils/mapValues.cjs');
-const require_tokens_utils_opacity = require('./utils/opacity.cjs');
+const require_parseTokens = require('../tailwind/dist/utils/parseTokens.cjs');
 
-//#region src/tokens/parseTokens.ts
-function shouldIncludeOpacity(opacity) {
-	if (!opacity) return false;
-	const parsedOpacity = parseInt(opacity, 10);
-	return !isNaN(parsedOpacity) && parsedOpacity !== 100;
-}
-function transformColors(colors, elevationPresets) {
-	const { palette, spectrum } = colors;
-	const rootVars = {};
-	const tailwindConfig = {
-		spectrum: {},
-		palette: {}
-	};
-	for (const [hue, hueSteps] of require_tokens_utils_entries.entries(spectrum)) for (const [hueStep, value] of require_tokens_utils_entries.entries(hueSteps)) {
-		const varKey = `--${require_index$1.SPECTRUM_COLOR_PREFIX}-${`${hue}-${hueStep}`}`;
-		if (!tailwindConfig.spectrum[hue]) tailwindConfig.spectrum[hue] = {};
-		tailwindConfig.spectrum[hue][hueStep] = `rgb(var(${varKey}))`;
-		rootVars[varKey] = value;
-	}
-	require_tokens_utils_entries.entries(palette).forEach(([paletteType, paletteConfig]) => {
-		for (const [paletteKey, { hue, step, opacity }] of Object.entries(paletteConfig)) {
-			if (!(paletteType in tailwindConfig.palette)) tailwindConfig.palette[paletteType] = {};
-			const name = `--${require_index$1.UDS_PREFIX}-${paletteType}-color-${paletteKey}`;
-			rootVars[name] = `var(--${require_index$1.SPECTRUM_COLOR_PREFIX}-${hue}-${step})`;
-			const opacityValue = opacity !== void 0 ? require_tokens_utils_opacity.parseOpacityStep(opacity) : void 0;
-			tailwindConfig.palette[paletteType][paletteKey] = shouldIncludeOpacity(opacityValue) ? `rgb(var(${name}) / ${opacityValue}%)` : `rgb(var(${name}))`;
-		}
-	});
-	require_tokens_utils_entries.entries(elevationPresets).forEach(([level, elevationPreset]) => {
-		if (elevationPreset) require_tokens_utils_entries.entries(elevationPreset).forEach(([key]) => {
-			if (key === "finalBackgroundValue") {
-				const { r, g, b, a } = elevationPreset[key];
-				const alpha = parseInt(a) / 100;
-				const name = `--${require_index$1.BACKGROUND_COLOR_PREFIX}-elevation-${level}`;
-				rootVars[name] = `rgba(${r}, ${g}, ${b}, ${alpha})`;
-			}
-			if (key === "borderColor") {
-				const name = `--${require_index$1.LINE_COLOR_PREFIX}-elevation-${level}`;
-				switch (elevationPreset[key].type) {
-					case "always":
-						rootVars[name] = require_index.alwaysPalette[elevationPreset[key].value];
-						break;
-					case "spectrum":
-						rootVars[name] = `rgb(var(--${require_index$1.SPECTRUM_COLOR_PREFIX}-${elevationPreset[key].value.hue}-${elevationPreset[key].value.step}))`;
-						break;
-					case "line":
-						rootVars[name] = `rgb(var(--${require_index$1.LINE_COLOR_PREFIX}-${elevationPreset[key].value}))`;
-						break;
-				}
-			}
-			if (key === "borderWidth") {
-				const name = `--${require_index$1.BORDER_WIDTH_PREFIX}-elevation-${level}`;
-				rootVars[name] = `var(--${require_index$1.BORDER_WIDTH_PREFIX}-${elevationPreset[key]})`;
-			}
-			if (key === "dropShadow") {
-				const name = `--${require_index$1.DROP_SHADOW_PREFIX}-elevation-${level}`;
-				const configValue = elevationPreset[key];
-				rootVars[name] = Array.isArray(configValue) ? configValue.map((preset, index) => require_index$1.getShadowLayerValue({
-					preset,
-					prefix: index > 0 ? `${index + 1}` : void 0,
-					shadowType: "drop"
-				})).join(", ") : `var(--${require_index$1.DROP_SHADOW_PREFIX}-${elevationPreset[key]})`;
-			}
-			if (key === "backgroundBlurRadius") {
-				const name = `--${require_index$1.BACKGROUND_BLUR_RADIUS_PREFIX}-elevation-${level}`;
-				rootVars[name] = `blur(${elevationPreset[key]}px)`;
-			}
-			if (key === "fallbackBlurredBackgroundValue") {
-				const { r, g, b } = elevationPreset[key];
-				const name = `--${require_index$1.BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX}-elevation-${level}`;
-				rootVars[name] = `rgb(${r}, ${g}, ${b})`;
-			}
-		});
-	});
-	return {
-		_vars: rootVars,
-		_raw: colors,
-		tailwindConfig
-	};
-}
-function transformNumericToPx(prefix, config) {
-	if (!config) return {
-		_vars: {},
-		_raw: {},
-		tailwindConfig: {}
-	};
-	const rootVars = {};
-	const tailwindConfig = {};
-	for (const [variant, value] of require_tokens_utils_entries.entries(config)) {
-		const rootVarKey = `--${prefix}-${variant}`;
-		rootVars[rootVarKey] = `${value}px`;
-		tailwindConfig[variant] = `var(${rootVarKey})`;
-	}
-	return {
-		_vars: rootVars,
-		_raw: config,
-		tailwindConfig
-	};
-}
-function getElevationPresetsForColorMode(colorMode, config) {
-	if (!config.elevation) return {};
-	const result = {};
-	require_tokens_utils_entries.entries(config.elevation).forEach(([level, levelPreset]) => {
-		result[level] = levelPreset[colorMode];
-	});
-	return result;
-}
-function parseTokens(config) {
-	const { colorMode, scaleMode } = config;
-	return {
-		...config,
-		colorMode: {
-			light: transformColors(colorMode.light, getElevationPresetsForColorMode("light", config)),
-			dark: transformColors(colorMode.dark, getElevationPresetsForColorMode("dark", config))
-		},
-		scaleMode: require_tokens_utils_mapValues.mapValues(scaleMode, ({ borderRadius, borderWidth, avatarSizes, iconSizes }) => {
-			return {
-				borderRadius: transformNumericToPx(require_index$1.BORDER_RADIUS_PREFIX, borderRadius),
-				borderWidth: transformNumericToPx(require_index$1.BORDER_WIDTH_PREFIX, borderWidth),
-				avatarSizes: transformNumericToPx(require_index$1.AVATAR_SIZE_PREFIX, avatarSizes),
-				iconSizes: transformNumericToPx(require_index$1.ICON_SIZE_PREFIX, iconSizes)
-			};
-		})
-	};
-}
-
-//#endregion
-exports.parseTokens = parseTokens;
+exports.parseTokens = require_parseTokens.parseTokens;

package/dist/tokens/parseTokens.d.cts

@@ -1,32 +1,4 @@
 
-import { ColorMode, ColorsConfig, ElevationLevel, ElevationPreset, Hue, HueStep, PaletteConfig, PaletteType, ScaleMode } from "../types/dist/index.cjs";
-import { UniversalTokensConfig } from "../config/dist/index.cjs";
-import "./types.cjs";
-
-//#region src/tokens/parseTokens.d.ts
-type ColorModeElevationPresets = Partial<Record<ElevationLevel, ElevationPreset>>;
-declare function transformColors(colors: ColorsConfig, elevationPresets: ColorModeElevationPresets): {
-  _vars: Record<string, string>;
-  _raw: ColorsConfig;
-  tailwindConfig: {
-    spectrum: Record<Hue, Record<HueStep, string>>;
-    palette: { [key in PaletteType]: Record<keyof PaletteConfig[key], string> };
-  };
-};
-declare function transformNumericToPx<T extends Record<string, number>>(prefix: string, config: T): {
-  _vars: Record<string, string>;
-  _raw: Record<string, number>;
-  tailwindConfig: Record<string, string>;
-};
-type WebTokens = Omit<UniversalTokensConfig, 'colorMode' | 'scaleMode' | 'fontFamily'> & {
-  colorMode: Record<ColorMode, ReturnType<typeof transformColors>>;
-  scaleMode: Record<ScaleMode, {
-    borderRadius: ReturnType<typeof transformNumericToPx>;
-    borderWidth: ReturnType<typeof transformNumericToPx>;
-    avatarSizes: ReturnType<typeof transformNumericToPx>;
-    iconSizes: ReturnType<typeof transformNumericToPx>;
-  }>;
-};
-declare function parseTokens(config: UniversalTokensConfig): WebTokens;
-//#endregion
+import { WebTokens, parseTokens } from "../tailwind/dist/utils/parseTokens.cjs";
+import "../tailwind/dist/index.cjs";
 export { type WebTokens, parseTokens };

package/dist/tokens/parseTokens.d.ts

@@ -1,32 +1,4 @@
 
-import { ColorMode, ColorsConfig, ElevationLevel, ElevationPreset, Hue, HueStep, PaletteConfig, PaletteType, ScaleMode } from "../types/dist/index.js";
-import { UniversalTokensConfig } from "../config/dist/index.js";
-import "./types.js";
-
-//#region src/tokens/parseTokens.d.ts
-type ColorModeElevationPresets = Partial<Record<ElevationLevel, ElevationPreset>>;
-declare function transformColors(colors: ColorsConfig, elevationPresets: ColorModeElevationPresets): {
-  _vars: Record<string, string>;
-  _raw: ColorsConfig;
-  tailwindConfig: {
-    spectrum: Record<Hue, Record<HueStep, string>>;
-    palette: { [key in PaletteType]: Record<keyof PaletteConfig[key], string> };
-  };
-};
-declare function transformNumericToPx<T extends Record<string, number>>(prefix: string, config: T): {
-  _vars: Record<string, string>;
-  _raw: Record<string, number>;
-  tailwindConfig: Record<string, string>;
-};
-type WebTokens = Omit<UniversalTokensConfig, 'colorMode' | 'scaleMode' | 'fontFamily'> & {
-  colorMode: Record<ColorMode, ReturnType<typeof transformColors>>;
-  scaleMode: Record<ScaleMode, {
-    borderRadius: ReturnType<typeof transformNumericToPx>;
-    borderWidth: ReturnType<typeof transformNumericToPx>;
-    avatarSizes: ReturnType<typeof transformNumericToPx>;
-    iconSizes: ReturnType<typeof transformNumericToPx>;
-  }>;
-};
-declare function parseTokens(config: UniversalTokensConfig): WebTokens;
-//#endregion
+import { WebTokens, parseTokens } from "../tailwind/dist/utils/parseTokens.js";
+import "../tailwind/dist/index.js";
 export { type WebTokens, parseTokens };

package/dist/tokens/parseTokens.js

@@ -1,135 +1,4 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-import { alwaysPalette } from "../palette/dist/index.js";
-import { AVATAR_SIZE_PREFIX, BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX, BACKGROUND_BLUR_RADIUS_PREFIX, BACKGROUND_COLOR_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, DROP_SHADOW_PREFIX, ICON_SIZE_PREFIX, LINE_COLOR_PREFIX, SPECTRUM_COLOR_PREFIX, UDS_PREFIX, getShadowLayerValue } from "../css-tokens/dist/index.js";
-import { entries } from "./utils/entries.js";
-import { mapValues } from "./utils/mapValues.js";
-import { parseOpacityStep } from "./utils/opacity.js";
+import { parseTokens } from "../tailwind/dist/utils/parseTokens.js";
 
-//#region src/tokens/parseTokens.ts
-function shouldIncludeOpacity(opacity) {
-	if (!opacity) return false;
-	const parsedOpacity = parseInt(opacity, 10);
-	return !isNaN(parsedOpacity) && parsedOpacity !== 100;
-}
-function transformColors(colors, elevationPresets) {
-	const { palette, spectrum } = colors;
-	const rootVars = {};
-	const tailwindConfig = {
-		spectrum: {},
-		palette: {}
-	};
-	for (const [hue, hueSteps] of entries(spectrum)) for (const [hueStep, value] of entries(hueSteps)) {
-		const varKey = `--${SPECTRUM_COLOR_PREFIX}-${`${hue}-${hueStep}`}`;
-		if (!tailwindConfig.spectrum[hue]) tailwindConfig.spectrum[hue] = {};
-		tailwindConfig.spectrum[hue][hueStep] = `rgb(var(${varKey}))`;
-		rootVars[varKey] = value;
-	}
-	entries(palette).forEach(([paletteType, paletteConfig]) => {
-		for (const [paletteKey, { hue, step, opacity }] of Object.entries(paletteConfig)) {
-			if (!(paletteType in tailwindConfig.palette)) tailwindConfig.palette[paletteType] = {};
-			const name = `--${UDS_PREFIX}-${paletteType}-color-${paletteKey}`;
-			rootVars[name] = `var(--${SPECTRUM_COLOR_PREFIX}-${hue}-${step})`;
-			const opacityValue = opacity !== void 0 ? parseOpacityStep(opacity) : void 0;
-			tailwindConfig.palette[paletteType][paletteKey] = shouldIncludeOpacity(opacityValue) ? `rgb(var(${name}) / ${opacityValue}%)` : `rgb(var(${name}))`;
-		}
-	});
-	entries(elevationPresets).forEach(([level, elevationPreset]) => {
-		if (elevationPreset) entries(elevationPreset).forEach(([key]) => {
-			if (key === "finalBackgroundValue") {
-				const { r, g, b, a } = elevationPreset[key];
-				const alpha = parseInt(a) / 100;
-				const name = `--${BACKGROUND_COLOR_PREFIX}-elevation-${level}`;
-				rootVars[name] = `rgba(${r}, ${g}, ${b}, ${alpha})`;
-			}
-			if (key === "borderColor") {
-				const name = `--${LINE_COLOR_PREFIX}-elevation-${level}`;
-				switch (elevationPreset[key].type) {
-					case "always":
-						rootVars[name] = alwaysPalette[elevationPreset[key].value];
-						break;
-					case "spectrum":
-						rootVars[name] = `rgb(var(--${SPECTRUM_COLOR_PREFIX}-${elevationPreset[key].value.hue}-${elevationPreset[key].value.step}))`;
-						break;
-					case "line":
-						rootVars[name] = `rgb(var(--${LINE_COLOR_PREFIX}-${elevationPreset[key].value}))`;
-						break;
-				}
-			}
-			if (key === "borderWidth") {
-				const name = `--${BORDER_WIDTH_PREFIX}-elevation-${level}`;
-				rootVars[name] = `var(--${BORDER_WIDTH_PREFIX}-${elevationPreset[key]})`;
-			}
-			if (key === "dropShadow") {
-				const name = `--${DROP_SHADOW_PREFIX}-elevation-${level}`;
-				const configValue = elevationPreset[key];
-				rootVars[name] = Array.isArray(configValue) ? configValue.map((preset, index) => getShadowLayerValue({
-					preset,
-					prefix: index > 0 ? `${index + 1}` : void 0,
-					shadowType: "drop"
-				})).join(", ") : `var(--${DROP_SHADOW_PREFIX}-${elevationPreset[key]})`;
-			}
-			if (key === "backgroundBlurRadius") {
-				const name = `--${BACKGROUND_BLUR_RADIUS_PREFIX}-elevation-${level}`;
-				rootVars[name] = `blur(${elevationPreset[key]}px)`;
-			}
-			if (key === "fallbackBlurredBackgroundValue") {
-				const { r, g, b } = elevationPreset[key];
-				const name = `--${BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX}-elevation-${level}`;
-				rootVars[name] = `rgb(${r}, ${g}, ${b})`;
-			}
-		});
-	});
-	return {
-		_vars: rootVars,
-		_raw: colors,
-		tailwindConfig
-	};
-}
-function transformNumericToPx(prefix, config) {
-	if (!config) return {
-		_vars: {},
-		_raw: {},
-		tailwindConfig: {}
-	};
-	const rootVars = {};
-	const tailwindConfig = {};
-	for (const [variant, value] of entries(config)) {
-		const rootVarKey = `--${prefix}-${variant}`;
-		rootVars[rootVarKey] = `${value}px`;
-		tailwindConfig[variant] = `var(${rootVarKey})`;
-	}
-	return {
-		_vars: rootVars,
-		_raw: config,
-		tailwindConfig
-	};
-}
-function getElevationPresetsForColorMode(colorMode, config) {
-	if (!config.elevation) return {};
-	const result = {};
-	entries(config.elevation).forEach(([level, levelPreset]) => {
-		result[level] = levelPreset[colorMode];
-	});
-	return result;
-}
-function parseTokens(config) {
-	const { colorMode, scaleMode } = config;
-	return {
-		...config,
-		colorMode: {
-			light: transformColors(colorMode.light, getElevationPresetsForColorMode("light", config)),
-			dark: transformColors(colorMode.dark, getElevationPresetsForColorMode("dark", config))
-		},
-		scaleMode: mapValues(scaleMode, ({ borderRadius, borderWidth, avatarSizes, iconSizes }) => {
-			return {
-				borderRadius: transformNumericToPx(BORDER_RADIUS_PREFIX, borderRadius),
-				borderWidth: transformNumericToPx(BORDER_WIDTH_PREFIX, borderWidth),
-				avatarSizes: transformNumericToPx(AVATAR_SIZE_PREFIX, avatarSizes),
-				iconSizes: transformNumericToPx(ICON_SIZE_PREFIX, iconSizes)
-			};
-		})
-	};
-}
-
-//#endregion
 export { parseTokens };

package/dist/uds/package.cjs

@@ -0,0 +1,285 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+
+//#region package.json
+var package_default = {
+	name: "@yahoo/uds",
+	description: "Yahoo Universal System",
+	version: "0.0.0-development",
+	type: "module",
+	main: "./dist/index.cjs",
+	module: "./dist/index.js",
+	types: "./dist/index.d.ts",
+	bin: { "uds": "./uds.js" },
+	files: ["uds.js", "dist/**"],
+	sideEffects: false,
+	exports: {
+		".": {
+			"import": {
+				"types": "./dist/index.d.ts",
+				"default": "./dist/index.js"
+			},
+			"require": {
+				"types": "./dist/index.d.cts",
+				"default": "./dist/index.cjs"
+			}
+		},
+		"./flags": {
+			"import": {
+				"types": "./dist/flags.d.ts",
+				"default": "./dist/flags.js"
+			},
+			"require": {
+				"types": "./dist/flags.d.cts",
+				"default": "./dist/flags.cjs"
+			}
+		},
+		"./client": {
+			"import": {
+				"types": "./dist/components/client/index.d.ts",
+				"default": "./dist/components/client/index.js"
+			},
+			"require": {
+				"types": "./dist/components/client/index.d.cts",
+				"default": "./dist/components/client/index.cjs"
+			}
+		},
+		"./experimental": {
+			"import": {
+				"types": "./dist/components/experimental/index.d.ts",
+				"default": "./dist/components/experimental/index.js"
+			},
+			"require": {
+				"types": "./dist/components/experimental/index.d.cts",
+				"default": "./dist/components/experimental/index.cjs"
+			}
+		},
+		"./experimental/client": {
+			"import": {
+				"types": "./dist/components/experimental/client/index.d.ts",
+				"default": "./dist/components/experimental/client/index.js"
+			},
+			"require": {
+				"types": "./dist/components/experimental/client/index.d.cts",
+				"default": "./dist/components/experimental/client/index.cjs"
+			}
+		},
+		"./__private/motionFeatures/domMax": {
+			"import": {
+				"types": "./dist/components/client/motionFeatures/domMax.d.ts",
+				"default": "./dist/components/client/motionFeatures/domMax.js"
+			},
+			"require": {
+				"types": "./dist/components/client/motionFeatures/domMax.d.cts",
+				"default": "./dist/components/client/motionFeatures/domMax.cjs"
+			}
+		},
+		"./__private/motionFeatures/domAnimation": {
+			"import": {
+				"types": "./dist/components/client/motionFeatures/domAnimation.d.ts",
+				"default": "./dist/components/client/motionFeatures/domAnimation.js"
+			},
+			"require": {
+				"types": "./dist/components/client/motionFeatures/domAnimation.d.cts",
+				"default": "./dist/components/client/motionFeatures/domAnimation.cjs"
+			}
+		},
+		"./fixtures": {
+			"import": {
+				"types": "./dist/fixtures/index.d.ts",
+				"default": "./dist/fixtures/index.js"
+			},
+			"require": {
+				"types": "./dist/fixtures/index.d.cts",
+				"default": "./dist/fixtures/index.cjs"
+			}
+		},
+		"./package.json": "./package.json",
+		"./styles/*": "./dist/styles/*",
+		"./tailwind/plugin": {
+			"import": {
+				"types": "./dist/tailwind/plugin.d.ts",
+				"default": "./dist/tailwind/plugin.js"
+			},
+			"require": {
+				"types": "./dist/tailwind/plugin.d.cts",
+				"default": "./dist/tailwind/plugin.cjs"
+			}
+		},
+		"./tailwind/purger": {
+			"import": {
+				"types": "./dist/tailwind/purger.d.ts",
+				"default": "./dist/tailwind/purger.js"
+			},
+			"require": {
+				"types": "./dist/tailwind/purger.d.cts",
+				"default": "./dist/tailwind/purger.cjs"
+			}
+		},
+		"./tailwind/utils": {
+			"import": {
+				"types": "./dist/tailwind/utils.d.ts",
+				"default": "./dist/tailwind/utils.js"
+			},
+			"require": {
+				"types": "./dist/tailwind/utils.d.cts",
+				"default": "./dist/tailwind/utils.cjs"
+			}
+		},
+		"./tokens": {
+			"import": {
+				"types": "./dist/tokens/index.d.ts",
+				"default": "./dist/tokens/index.js"
+			},
+			"require": {
+				"types": "./dist/tokens/index.d.cts",
+				"default": "./dist/tokens/index.cjs"
+			}
+		},
+		"./tokens/parseTokens": {
+			"import": {
+				"types": "./dist/tokens/parseTokens.d.ts",
+				"default": "./dist/tokens/parseTokens.js"
+			},
+			"require": {
+				"types": "./dist/tokens/parseTokens.d.cts",
+				"default": "./dist/tokens/parseTokens.cjs"
+			}
+		},
+		"./tokens/automation/configs": {
+			"import": {
+				"types": "./dist/tokens/automation/configs/index.d.ts",
+				"default": "./dist/tokens/automation/configs/index.js"
+			},
+			"require": {
+				"types": "./dist/tokens/automation/configs/index.d.cts",
+				"default": "./dist/tokens/automation/configs/index.cjs"
+			}
+		},
+		"./tokens/automation/properties": {
+			"import": {
+				"types": "./dist/tokens/automation/properties.d.ts",
+				"default": "./dist/tokens/automation/properties.js"
+			},
+			"require": {
+				"types": "./dist/tokens/automation/properties.d.cts",
+				"default": "./dist/tokens/automation/properties.cjs"
+			}
+		},
+		"./defaultTokensConfig": {
+			"import": {
+				"types": "./dist/defaultTokensConfig.d.ts",
+				"default": "./dist/defaultTokensConfig.js"
+			},
+			"require": {
+				"types": "./dist/defaultTokensConfig.d.cts",
+				"default": "./dist/defaultTokensConfig.cjs"
+			}
+		},
+		"./runtime": {
+			"import": {
+				"types": "./dist/runtime/index.d.ts",
+				"default": "./dist/runtime/index.js"
+			},
+			"require": {
+				"types": "./dist/runtime/index.d.cts",
+				"default": "./dist/runtime/index.cjs"
+			}
+		},
+		"./__private/motion": {
+			"import": {
+				"types": "./dist/tokens/configs/motion.d.ts",
+				"default": "./dist/tokens/configs/motion.js"
+			},
+			"require": {
+				"types": "./dist/tokens/configs/motion.d.cts",
+				"default": "./dist/tokens/configs/motion.cjs"
+			}
+		}
+	},
+	scripts: {
+		"build": "NODE_OPTIONS=\"--max-old-space-size=12288\" bun run ./scripts/build.ts",
+		"ci:publish": "bun semantic-release -e semantic-release-monorepo",
+		"clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist && rm -rf .coverage",
+		"dev": "concurrently bun:dev:*",
+		"dev:fixtures": "bun run ./scripts/buildFixtures.ts --watch",
+		"dev:purgeCSSData": "bun run ./scripts/generatePurgeCSSData.ts --watch",
+		"dev:ts": "tsdown --watch",
+		"format:pkg": "bun --cwd ../../ syncpack format",
+		"lint": "eslint -c eslint.config.mjs .",
+		"lint:fix": "bun run lint --fix",
+		"lint:pkg": "bun publint",
+		"test": "vitest run",
+		"test:coverage": "vitest run --coverage",
+		"test:e2e": "bun run e2e/verifyCLI.ts && bun run e2e/enforcePublicImportsAPI.ts",
+		"test:ui": "vitest --ui --coverage",
+		"test:update": "vitest run -u",
+		"test:watch": "vitest",
+		"typecheck": "concurrently bun:typecheck:*",
+		"typecheck:scripts": "tsc -p ./scripts --noEmit",
+		"typecheck:uds": "tsc -p . --noEmit"
+	},
+	dependencies: {
+		"@ariakit/react": "^0.4.20",
+		"clsx": "^2.1.1",
+		"fast-glob": "^3.3.3",
+		"lodash": "^4.17.21",
+		"lodash-es": "^4.17.21",
+		"motion": "^12.23.26",
+		"prompts": "^2.4.2",
+		"react-toastify": "^11.0.5",
+		"semver": "^7.7.4",
+		"simple-update-notifier": "^2.0.0",
+		"tailwind-merge": "^2.6.0",
+		"ts-morph": "^26.0.0",
+		"type-fest": "^5.3.1",
+		"uuid": "^13.0.0"
+	},
+	devDependencies: {
+		"@fullhuman/postcss-purgecss": "^7.0.2",
+		"@next/env": "^16.1.4",
+		"@optimize-lodash/transform": "^3.0.6",
+		"@types/bun": "1.3.3",
+		"@types/lodash": "^4.17.21",
+		"@types/react": "^19.2.7",
+		"@types/react-dom": "^19.2.3",
+		"@types/semver": "^7.7.1",
+		"@yahoo/uds-automated-config": "workspace:*",
+		"@yahoo/uds-cli": "workspace:*",
+		"@yahoo/uds-config": "workspace:*",
+		"@yahoo/uds-css-tokens": "workspace:*",
+		"@yahoo/uds-fixtures": "workspace:*",
+		"@yahoo/uds-fonts": "workspace:*",
+		"@yahoo/uds-icons": "workspace:*",
+		"@yahoo/uds-modes": "workspace:*",
+		"@yahoo/uds-motion-tokens": "workspace:*",
+		"@yahoo/uds-palette": "workspace:*",
+		"@yahoo/uds-tailwind": "workspace:*",
+		"@yahoo/uds-test-utils": "workspace:*",
+		"@yahoo/uds-types": "workspace:*",
+		"autoprefixer": "^10.4.23",
+		"bun-types": "1.3.3",
+		"chalk": "^5.6.2",
+		"concurrently": "^9.2.1",
+		"eslint-config-custom": "workspace:*",
+		"postcss": "^8.5.6",
+		"rolldown": "^1.0.0-rc.1",
+		"tailwindcss": "^3.4.19",
+		"tsconfig": "workspace:*",
+		"tsdown": "^0.20.3",
+		"typescript": "^5.9.3"
+	},
+	peerDependencies: {
+		"react": "^18.3.1 || ^19.0.0",
+		"react-dom": "^18.3.1 || ^19.0.0",
+		"tailwindcss": "^3.4.13"
+	},
+	license: "MIT"
+};
+
+//#endregion
+Object.defineProperty(exports, 'default', {
+  enumerable: true,
+  get: function () {
+    return package_default;
+  }
+});