@yahoo/uds 3.100.0-beta.3 → 3.100.0

package/dist/tailwind/{plugins → dist/tailwind/plugins}/components.js

@@ -1,10 +1,11 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-import { generateStyles } from "../../automated-config/dist/utils/index.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 { opacityMap } from "@yahoo/uds/fixtures";
+import { opacityMap } from "../../../../fixtures/dist/index.js";
+import { generateStyles } from "../../../../automated-config/dist/utils/index.js";
+import { AvatarConfig, BadgeConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, RadioConfig, SwitchConfig, ToastConfig } from "../../../../automated-config/dist/generated/generatedConfigs.js";
 import plugin from "tailwindcss/plugin.js";
 
-//#region src/tailwind/plugins/components.ts
+//#region ../tailwind/dist/tailwind/plugins/components.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 const componentsPlugin = plugin.withOptions(({ config, previewOptions = { generatePseudoStateClassModifier: false } }) => ({ addComponents, theme }) => {
 	if (config.button || config.iconButton) {
 		addComponents(generateStyles(ButtonConfig, config.button, theme, previewOptions));
@@ -22,7 +23,6 @@ const componentsPlugin = plugin.withOptions(({ config, previewOptions = { genera
 	if (config.menuContent) addComponents(generateStyles(MenuContentConfig, config.menuContent, theme, previewOptions));
 	if (config.input) addComponents(generateStyles(InputConfig, config.input, theme, previewOptions));
 	if (config?.toast) addComponents(generateStyles(ToastConfig, config.toast, theme, previewOptions));
-	if (config.tooltip) addComponents(generateStyles(TooltipConfig, config.tooltip, theme, previewOptions));
 }, () => ({ theme: { extend: { opacity: opacityMap } } }));
 
 //#endregion

package/dist/tailwind/dist/tailwind/plugins/elevation.cjs

@@ -0,0 +1,38 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+const require_runtime = require('../../../../_virtual/_rolldown/runtime.cjs');
+const require_index = require('../../../../css-tokens/dist/index.cjs');
+const require_entries = require('../../utils/entries.cjs');
+const require_composeTailwindPlugins = require('../utils/composeTailwindPlugins.cjs');
+const require_fromEntries = require('../../utils/fromEntries.cjs');
+const require_borderWidth = require('./borderWidth.cjs');
+const require_getElevationStyles = require('../utils/getElevationStyles.cjs');
+let tailwindcss_plugin_js = require("tailwindcss/plugin.js");
+tailwindcss_plugin_js = require_runtime.__toESM(tailwindcss_plugin_js);
+
+//#region ../tailwind/dist/tailwind/plugins/elevation.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
+const getBorderWidthTheme = (config, mergeTokensIntoTailwindTheme) => {
+	const elevationBorderWidths = require_fromEntries.fromEntries(require_entries.entries(config || {}).map(([level]) => [`elevation-${level}`, `var(--${require_index.BORDER_WIDTH_PREFIX}-elevation-${level})`]));
+	if (!mergeTokensIntoTailwindTheme) return { [require_borderWidth.UDS_BORDER_WIDTH_THEME_KEY]: elevationBorderWidths };
+	const namespacedBorderWidths = require_fromEntries.fromEntries(require_entries.entries(elevationBorderWidths).map(([key, cssVar]) => [`width-${key}`, cssVar]));
+	return {
+		[require_borderWidth.UDS_BORDER_WIDTH_THEME_KEY]: elevationBorderWidths,
+		borderWidth: namespacedBorderWidths,
+		outlineWidth: namespacedBorderWidths,
+		outlineOffset: namespacedBorderWidths
+	};
+};
+const elevationPlugin = tailwindcss_plugin_js.default.withOptions(({ config }) => ({ addUtilities }) => {
+	addUtilities(require_getElevationStyles.getElevationStyles({ config }));
+}, ({ config, disableOverrideTailwindTheme }) => {
+	const shouldNotMergeBorderWidthTokensIntoTailwindTheme = require_composeTailwindPlugins.shouldNotMergeTokensIntoTailwindTheme(disableOverrideTailwindTheme, "borderWidth");
+	const borderColor = require_fromEntries.fromEntries(require_entries.entries(config.elevation || {}).map(([level]) => [`elevation-${level}`, `var(--${require_index.LINE_COLOR_PREFIX}-elevation-${level})`]));
+	return { theme: { extend: {
+		borderColor,
+		outlineColor: borderColor,
+		...getBorderWidthTheme(config.elevation, !shouldNotMergeBorderWidthTokensIntoTailwindTheme)
+	} } };
+});
+
+//#endregion
+exports.elevationPlugin = elevationPlugin;

package/dist/tailwind/{plugins → dist/tailwind/plugins}/elevation.js

@@ -1,13 +1,14 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-import { BORDER_WIDTH_PREFIX, LINE_COLOR_PREFIX } from "../../css-tokens/dist/index.js";
-import { entries } from "../../tokens/utils/entries.js";
-import { fromEntries } from "../../tokens/utils/fromEntries.js";
+import { BORDER_WIDTH_PREFIX, LINE_COLOR_PREFIX } from "../../../../css-tokens/dist/index.js";
+import { entries } from "../../utils/entries.js";
 import { shouldNotMergeTokensIntoTailwindTheme } from "../utils/composeTailwindPlugins.js";
+import { fromEntries } from "../../utils/fromEntries.js";
 import { UDS_BORDER_WIDTH_THEME_KEY } from "./borderWidth.js";
 import { getElevationStyles } from "../utils/getElevationStyles.js";
 import plugin from "tailwindcss/plugin.js";
 
-//#region src/tailwind/plugins/elevation.ts
+//#region ../tailwind/dist/tailwind/plugins/elevation.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 const getBorderWidthTheme = (config, mergeTokensIntoTailwindTheme) => {
 	const elevationBorderWidths = fromEntries(entries(config || {}).map(([level]) => [`elevation-${level}`, `var(--${BORDER_WIDTH_PREFIX}-elevation-${level})`]));
 	if (!mergeTokensIntoTailwindTheme) return { [UDS_BORDER_WIDTH_THEME_KEY]: elevationBorderWidths };

package/dist/tailwind/{utils → dist/tailwind/plugins}/getTailwindAsUdsColors.cjs

@@ -1,19 +1,19 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
-const require_index = require('../../config/dist/index.cjs');
-const require_utils_entries = require('../../utils/entries.cjs');
-const require_utils_mapValues = require('../../utils/mapValues.cjs');
-const require_tailwind_utils_flattenColorPalette = require('./flattenColorPalette.cjs');
+const require_runtime = require('../../../../_virtual/_rolldown/runtime.cjs');
+const require_index = require('../../../../config/dist/index.cjs');
+const require_entries = require('../../utils/entries.cjs');
+const require_mapValues = require('../../utils/mapValues.cjs');
+const require_flattenColorPalette = require('../utils/flattenColorPalette.cjs');
 let node_module = require("node:module");
 
-//#region src/tailwind/utils/getTailwindAsUdsColors.ts
+//#region ../tailwind/dist/tailwind/plugins/getTailwindAsUdsColors.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 const SPECTRUM_COLOR_PREFIX = "uds-spectrum-color";
 const lightSpectrum = require_index.defaultTokensConfig.colorMode.light.spectrum;
 const tailwindColorsConfig = (0, node_module.createRequire)(require("url").pathToFileURL(__filename).href)("tailwindcss/colors.js");
 const udsLightColors = spaceSeparatedRgbToRgbObject(lightSpectrum);
 function spaceSeparatedRgbToRgbObject(spectrum) {
-	return require_utils_mapValues.mapValues(require_tailwind_utils_flattenColorPalette.flattenColorPalette(require_tailwind_utils_flattenColorPalette.flattenColorPalette(spectrum)), (val) => {
+	return require_mapValues.mapValues(require_flattenColorPalette.flattenColorPalette(require_flattenColorPalette.flattenColorPalette(spectrum)), (val) => {
 		const [red, green, blue] = val.split(" ");
 		return {
 			r: Number(red),
@@ -37,7 +37,7 @@ const getClosestUdsColor = (targetColor) => {
 	const targetRgb = hexToRgb(targetColor);
 	let closestDistance = null;
 	let closestColor = [];
-	for (const [name, color] of require_utils_entries.entries(udsLightColors)) {
+	for (const [name, color] of require_entries.entries(udsLightColors)) {
 		const varName = `rgb(var(--${SPECTRUM_COLOR_PREFIX}-${name}))`;
 		const distance = getDiffColor(color, targetRgb);
 		if (closestDistance === null || distance < closestDistance) {
@@ -55,9 +55,9 @@ function getTailwindAsUdsColors() {
 	delete tailwindColorsConfig["trueGray"];
 	delete tailwindColorsConfig["coolGray"];
 	delete tailwindColorsConfig["blueGray"];
-	for (const [name, colorOrConfig] of require_utils_entries.entries(tailwindColorsConfig)) if (typeof colorOrConfig === "object") if (name === "lightBlue" || name === "warmGray" || name === "trueGray" || name === "coolGray" || name === "blueGray") continue;
+	for (const [name, colorOrConfig] of require_entries.entries(tailwindColorsConfig)) if (typeof colorOrConfig === "object") if (name === "lightBlue" || name === "warmGray" || name === "trueGray" || name === "coolGray" || name === "blueGray") continue;
 	else {
-		for (const [shade, color] of require_utils_entries.entries(colorOrConfig)) {
+		for (const [shade, color] of require_entries.entries(colorOrConfig)) {
 			if (!tailwindColorsAsUds[name]) tailwindColorsAsUds[name] = {};
 			tailwindColorsAsUds[name][shade] = getClosestUdsColor(color);
 		}

package/dist/tailwind/{utils → dist/tailwind/plugins}/getTailwindAsUdsColors.js

@@ -1,11 +1,12 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-import { defaultTokensConfig } from "../../config/dist/index.js";
+import { defaultTokensConfig } from "../../../../config/dist/index.js";
 import { entries } from "../../utils/entries.js";
 import { mapValues } from "../../utils/mapValues.js";
-import { flattenColorPalette } from "./flattenColorPalette.js";
+import { flattenColorPalette } from "../utils/flattenColorPalette.js";
 import { createRequire } from "node:module";
 
-//#region src/tailwind/utils/getTailwindAsUdsColors.ts
+//#region ../tailwind/dist/tailwind/plugins/getTailwindAsUdsColors.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 const SPECTRUM_COLOR_PREFIX = "uds-spectrum-color";
 const lightSpectrum = defaultTokensConfig.colorMode.light.spectrum;
 const tailwindColorsConfig = createRequire(import.meta.url)("tailwindcss/colors.js");

package/dist/tailwind/dist/tailwind/plugins/icons.cjs

@@ -0,0 +1,14 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+const require_runtime = require('../../../../_virtual/_rolldown/runtime.cjs');
+const require_getIconStyles = require('../components/getIconStyles.cjs');
+let tailwindcss_plugin_js = require("tailwindcss/plugin.js");
+tailwindcss_plugin_js = require_runtime.__toESM(tailwindcss_plugin_js);
+
+//#region ../tailwind/dist/tailwind/plugins/icons.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
+const iconsPlugin = tailwindcss_plugin_js.default.withOptions(() => ({ addBase }) => {
+	addBase(require_getIconStyles.getIconStyles());
+}, () => ({ safelist: ["uds-light-mode-icon", "uds-dark-mode-icon"] }));
+
+//#endregion
+exports.iconsPlugin = iconsPlugin;

package/dist/tailwind/{plugins → dist/tailwind/plugins}/icons.js

@@ -2,7 +2,8 @@
 import { getIconStyles } from "../components/getIconStyles.js";
 import plugin from "tailwindcss/plugin.js";
 
-//#region src/tailwind/plugins/icons.ts
+//#region ../tailwind/dist/tailwind/plugins/icons.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 const iconsPlugin = plugin.withOptions(() => ({ addBase }) => {
 	addBase(getIconStyles());
 }, () => ({ safelist: ["uds-light-mode-icon", "uds-dark-mode-icon"] }));

package/dist/tailwind/{plugins → dist/tailwind/plugins}/input.cjs

@@ -1,16 +1,16 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
-const require_tailwind_components_getInputStyles = require('../components/getInputStyles.cjs');
+const require_runtime = require('../../../../_virtual/_rolldown/runtime.cjs');
+const require_getInputStyles = require('../components/getInputStyles.cjs');
 let tailwindcss_plugin_js = require("tailwindcss/plugin.js");
 tailwindcss_plugin_js = require_runtime.__toESM(tailwindcss_plugin_js);
 
-//#region src/tailwind/plugins/input.ts
+//#region ../tailwind/dist/tailwind/plugins/input.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 /**
 * @deprecated Should be removed or moved into componentsPlugin in the future
 */
 const inputPlugin = tailwindcss_plugin_js.default.withOptions(() => ({ addComponents }) => {
-	addComponents(require_tailwind_components_getInputStyles.getInputStyles());
+	addComponents(require_getInputStyles.getInputStyles());
 }, () => ({ safelist: [
 	"uds-input[list]::-webkit-calendar-picker-indicator",
 	"uds-input::-webkit-datetime-edit",

package/dist/tailwind/{plugins → dist/tailwind/plugins}/input.js

@@ -2,7 +2,8 @@
 import { getInputStyles } from "../components/getInputStyles.js";
 import plugin from "tailwindcss/plugin.js";
 
-//#region src/tailwind/plugins/input.ts
+//#region ../tailwind/dist/tailwind/plugins/input.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 /**
 * @deprecated Should be removed or moved into componentsPlugin in the future
 */

package/dist/tailwind/dist/tailwind/plugins/motion.cjs

@@ -0,0 +1,15 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+const require_runtime = require('../../../../_virtual/_rolldown/runtime.cjs');
+const require_addMotionVars = require('../base/addMotionVars.cjs');
+let tailwindcss_plugin_js = require("tailwindcss/plugin.js");
+tailwindcss_plugin_js = require_runtime.__toESM(tailwindcss_plugin_js);
+
+//#region ../tailwind/dist/tailwind/plugins/motion.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
+const motionPlugin = tailwindcss_plugin_js.default.withOptions(({ config }) => (api) => {
+	if (!config.motion) return;
+	require_addMotionVars.addMotionVars(config.motion, api);
+});
+
+//#endregion
+exports.motionPlugin = motionPlugin;

package/dist/tailwind/{plugins → dist/tailwind/plugins}/motion.js

@@ -2,7 +2,8 @@
 import { addMotionVars } from "../base/addMotionVars.js";
 import plugin from "tailwindcss/plugin.js";
 
-//#region src/tailwind/plugins/motion.ts
+//#region ../tailwind/dist/tailwind/plugins/motion.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 const motionPlugin = plugin.withOptions(({ config }) => (api) => {
 	if (!config.motion) return;
 	addMotionVars(config.motion, api);

package/dist/tailwind/{plugins → dist/tailwind/plugins}/nestedBorderRadius.cjs

@@ -1,21 +1,21 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
-const require_tailwind_plugins_borderRadius = require('./borderRadius.cjs');
-const require_tailwind_plugins_borderWidth = require('./borderWidth.cjs');
-const require_tailwind_utils_getNestedBorderRadiusUtilities = require('../utils/getNestedBorderRadiusUtilities.cjs');
+const require_runtime = require('../../../../_virtual/_rolldown/runtime.cjs');
+const require_borderRadius = require('./borderRadius.cjs');
+const require_borderWidth = require('./borderWidth.cjs');
+const require_getNestedBorderRadiusUtilities = require('../utils/getNestedBorderRadiusUtilities.cjs');
 let tailwindcss_plugin_js = require("tailwindcss/plugin.js");
 tailwindcss_plugin_js = require_runtime.__toESM(tailwindcss_plugin_js);
 
-//#region src/tailwind/plugins/nestedBorderRadius.ts
+//#region ../tailwind/dist/tailwind/plugins/nestedBorderRadius.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 const nestedBorderRadiusPlugin = tailwindcss_plugin_js.default.withOptions(() => ({ addUtilities, theme, matchUtilities }) => {
-	addUtilities(require_tailwind_utils_getNestedBorderRadiusUtilities.getNestedBorderRadiusUtilities());
+	addUtilities(require_getNestedBorderRadiusUtilities.getNestedBorderRadiusUtilities());
 	/** Add utilities that set --radius variable for nested border radius calculations */
-	matchUtilities({ "uds-nested-border-radius-size": (value) => ({ "--uds-nested-border-radius-size": value }) }, { values: theme(require_tailwind_plugins_borderRadius.UDS_BORDER_RADIUS_THEME_KEY) });
+	matchUtilities({ "uds-nested-border-radius-size": (value) => ({ "--uds-nested-border-radius-size": value }) }, { values: theme(require_borderRadius.UDS_BORDER_RADIUS_THEME_KEY) });
 	/** Add utilities that set --padding variable for nested border radius calculations */
 	matchUtilities({ "uds-nested-border-radius-spacing": (value) => ({ "--uds-nested-border-radius-spacing": value }) }, { values: theme("spacing") });
 	/** Add utilities that set --border-width variable for nested border radius calculations */
-	matchUtilities({ "uds-nested-border-radius-width": (value) => ({ "--uds-nested-border-radius-width": value }) }, { values: theme(require_tailwind_plugins_borderWidth.UDS_BORDER_WIDTH_THEME_KEY) });
+	matchUtilities({ "uds-nested-border-radius-width": (value) => ({ "--uds-nested-border-radius-width": value }) }, { values: theme(require_borderWidth.UDS_BORDER_WIDTH_THEME_KEY) });
 });
 
 //#endregion

package/dist/tailwind/{plugins → dist/tailwind/plugins}/nestedBorderRadius.js

@@ -4,7 +4,8 @@ import { UDS_BORDER_WIDTH_THEME_KEY } from "./borderWidth.js";
 import { getNestedBorderRadiusUtilities } from "../utils/getNestedBorderRadiusUtilities.js";
 import plugin from "tailwindcss/plugin.js";
 
-//#region src/tailwind/plugins/nestedBorderRadius.ts
+//#region ../tailwind/dist/tailwind/plugins/nestedBorderRadius.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 const nestedBorderRadiusPlugin = plugin.withOptions(() => ({ addUtilities, theme, matchUtilities }) => {
 	addUtilities(getNestedBorderRadiusUtilities());
 	/** Add utilities that set --radius variable for nested border radius calculations */

package/dist/tailwind/dist/tailwind/plugins/scaleMode.cjs

@@ -0,0 +1,18 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+const require_runtime = require('../../../../_virtual/_rolldown/runtime.cjs');
+const require_parseTokens = require('../../utils/parseTokens.cjs');
+const require_addScaleModeVars = require('../base/addScaleModeVars.cjs');
+let tailwindcss_plugin_js = require("tailwindcss/plugin.js");
+tailwindcss_plugin_js = require_runtime.__toESM(tailwindcss_plugin_js);
+
+//#region ../tailwind/dist/tailwind/plugins/scaleMode.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
+/**
+* @deprecated Should be removed once the DB no longer uses it.
+*/
+const scaleModePlugin = tailwindcss_plugin_js.default.withOptions(({ config }) => (api) => {
+	require_addScaleModeVars.addScaleModeVars(require_parseTokens.parseTokens(config), api);
+});
+
+//#endregion
+exports.scaleModePlugin = scaleModePlugin;

package/dist/tailwind/{plugins → dist/tailwind/plugins}/scaleMode.js

@@ -1,9 +1,10 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-import { parseTokens } from "../../tokens/parseTokens.js";
+import { parseTokens } from "../../utils/parseTokens.js";
 import { addScaleModeVars } from "../base/addScaleModeVars.js";
 import plugin from "tailwindcss/plugin.js";
 
-//#region src/tailwind/plugins/scaleMode.ts
+//#region ../tailwind/dist/tailwind/plugins/scaleMode.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 /**
 * @deprecated Should be removed once the DB no longer uses it.
 */

package/dist/tailwind/dist/tailwind/plugins/shadows.cjs

@@ -0,0 +1,46 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+const require_runtime = require('../../../../_virtual/_rolldown/runtime.cjs');
+const require_index = require('../../../../fixtures/dist/index.cjs');
+const require_getShadowStyles = require('../utils/getShadowStyles.cjs');
+const require_getShadowPresetValues = require('../utils/getShadowPresetValues.cjs');
+let tailwindcss_plugin_js = require("tailwindcss/plugin.js");
+tailwindcss_plugin_js = require_runtime.__toESM(tailwindcss_plugin_js);
+
+//#region ../tailwind/dist/tailwind/plugins/shadows.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
+const shadowsPlugin = tailwindcss_plugin_js.default.withOptions(({ config }) => ({ addUtilities, addBase }) => {
+	/** Add shadow utilities to make shadow props available in Tailwind */
+	if (!config.shadow) return;
+	const dropShadowVariables = require_getShadowPresetValues.getShadowPresetValues({
+		config,
+		shadowType: "drop"
+	});
+	const insetShadowVariables = require_getShadowPresetValues.getShadowPresetValues({
+		config,
+		shadowType: "inset"
+	});
+	addBase({
+		...dropShadowVariables,
+		...insetShadowVariables
+	});
+	const dropShadowStyles = require_getShadowStyles.getShadowStyles({
+		config,
+		shadowType: "drop"
+	});
+	const insetShadowStyles = require_getShadowStyles.getShadowStyles({
+		config,
+		shadowType: "inset"
+	});
+	addUtilities({
+		...dropShadowStyles,
+		...insetShadowStyles
+	});
+}, () => ({ theme: { extend: {
+	shadowOpacity: require_index.shadowOpacityMap,
+	shadowSpread: require_index.shadowSpreadRadiusMap,
+	shadowOffset: require_index.shadowOffsetMap,
+	shadowBlur: require_index.shadowOffsetMap
+} } }));
+
+//#endregion
+exports.shadowsPlugin = shadowsPlugin;

package/dist/tailwind/{plugins → dist/tailwind/plugins}/shadows.js

@@ -1,10 +1,11 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+import { shadowOffsetMap, shadowOpacityMap, shadowSpreadRadiusMap } from "../../../../fixtures/dist/index.js";
 import { getShadowStyles } from "../utils/getShadowStyles.js";
 import { getShadowPresetValues } from "../utils/getShadowPresetValues.js";
-import { shadowOffsetMap, shadowOpacityMap, shadowSpreadRadiusMap } from "@yahoo/uds/fixtures";
 import plugin from "tailwindcss/plugin.js";
 
-//#region src/tailwind/plugins/shadows.ts
+//#region ../tailwind/dist/tailwind/plugins/shadows.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 const shadowsPlugin = plugin.withOptions(({ config }) => ({ addUtilities, addBase }) => {
 	/** Add shadow utilities to make shadow props available in Tailwind */
 	if (!config.shadow) return;

package/dist/tailwind/{plugins → dist/tailwind/plugins}/sizing.cjs

@@ -1,12 +1,12 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
-const require_index = require('../../modes/dist/index.cjs');
-const require_tokens_parseTokens = require('../../tokens/parseTokens.cjs');
+const require_runtime = require('../../../../_virtual/_rolldown/runtime.cjs');
+const require_index = require('../../../../modes/dist/index.cjs');
+const require_parseTokens = require('../../utils/parseTokens.cjs');
 let tailwindcss_plugin_js = require("tailwindcss/plugin.js");
 tailwindcss_plugin_js = require_runtime.__toESM(tailwindcss_plugin_js);
 
-//#region src/tailwind/plugins/sizing.ts
+//#region ../tailwind/dist/tailwind/plugins/sizing.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 /**
 * @deprecated The resulting CSS does not seem to be in use anywhere.
 */
@@ -22,7 +22,7 @@ const sizingPlugin = tailwindcss_plugin_js.default.withOptions(() => ({ matchUti
 		height: value
 	}) }, { values: theme("sizing.avatar") });
 }, ({ config }) => {
-	const scaleModeToken = require_tokens_parseTokens.parseTokens(config).scaleMode[require_index.DEFAULT_SCALE_MODE];
+	const scaleModeToken = require_parseTokens.parseTokens(config).scaleMode[require_index.DEFAULT_SCALE_MODE];
 	return { theme: { extend: { sizing: {
 		icon: scaleModeToken.iconSizes.tailwindConfig,
 		avatar: scaleModeToken.avatarSizes.tailwindConfig

package/dist/tailwind/{plugins → dist/tailwind/plugins}/sizing.js

@@ -1,9 +1,10 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-import { DEFAULT_SCALE_MODE } from "../../modes/dist/index.js";
-import { parseTokens } from "../../tokens/parseTokens.js";
+import { DEFAULT_SCALE_MODE } from "../../../../modes/dist/index.js";
+import { parseTokens } from "../../utils/parseTokens.js";
 import plugin from "tailwindcss/plugin.js";
 
-//#region src/tailwind/plugins/sizing.ts
+//#region ../tailwind/dist/tailwind/plugins/sizing.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 /**
 * @deprecated The resulting CSS does not seem to be in use anywhere.
 */

package/dist/tailwind/{plugins → dist/tailwind/plugins}/spacing.cjs

@@ -1,10 +1,10 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
+const require_runtime = require('../../../../_virtual/_rolldown/runtime.cjs');
 let tailwindcss_plugin_js = require("tailwindcss/plugin.js");
 tailwindcss_plugin_js = require_runtime.__toESM(tailwindcss_plugin_js);
 
-//#region src/tailwind/plugins/spacing.ts
+//#region ../tailwind/dist/tailwind/plugins/spacing.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 const spacingPlugin = tailwindcss_plugin_js.default.withOptions(() => () => void 0, () => ({ theme: { extend: { spacing: {
 	"4.5": "1.125rem",
 	"5.5": "1.375rem"

package/dist/tailwind/{plugins → dist/tailwind/plugins}/spacing.js

@@ -1,7 +1,8 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 import plugin from "tailwindcss/plugin.js";
 
-//#region src/tailwind/plugins/spacing.ts
+//#region ../tailwind/dist/tailwind/plugins/spacing.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 const spacingPlugin = plugin.withOptions(() => () => void 0, () => ({ theme: { extend: { spacing: {
 	"4.5": "1.125rem",
 	"5.5": "1.375rem"

package/dist/tailwind/dist/tailwind/plugins/typography.cjs

@@ -0,0 +1,86 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+const require_runtime = require('../../../../_virtual/_rolldown/runtime.cjs');
+const require_index = require('../../../../fixtures/dist/index.cjs');
+const require_index$1 = require('../../../../css-tokens/dist/index.cjs');
+const require_entries = require('../../utils/entries.cjs');
+const require_getResponsiveTextStyles = require('../components/getResponsiveTextStyles.cjs');
+const require_defaultTailwindThemeAsUdsConfig = require('../defaultTailwindThemeAsUdsConfig.cjs');
+const require_composeTailwindPlugins = require('../utils/composeTailwindPlugins.cjs');
+const require_fromEntries = require('../../utils/fromEntries.cjs');
+const require_addFontFaceDeclarations = require('../base/addFontFaceDeclarations.cjs');
+const require_addFontVars = require('../base/addFontVars.cjs');
+const require_getGroupedTextStyles = require('../components/getGroupedTextStyles.cjs');
+const require_getFontFamilyTheme = require('../theme/getFontFamilyTheme.cjs');
+let tailwindcss_plugin_js = require("tailwindcss/plugin.js");
+tailwindcss_plugin_js = require_runtime.__toESM(tailwindcss_plugin_js);
+
+//#region ../tailwind/dist/tailwind/plugins/typography.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
+/** @deprecated Descriptive font weights vary based on font, so this is not correct for each font we support
+* This is used as a baseline for using native font weights in the system IE. <Text fontWeight="bold" />
+*/
+const fontWeightMap = {
+	thin: "100",
+	extralight: "200",
+	light: "300",
+	regular: "400",
+	medium: "500",
+	semibold: "600",
+	bold: "700",
+	extrabold: "800",
+	black: "900"
+};
+const typographyPlugin = tailwindcss_plugin_js.default.withOptions(({ config, disableFontFaceDeclarations = false }) => (api) => {
+	const { addBase, addUtilities, addComponents, matchUtilities, theme } = api;
+	const fontIds = Object.values(config.font);
+	if (disableFontFaceDeclarations === false) require_addFontFaceDeclarations.addFontFaceDeclarations(fontIds, api);
+	require_addFontVars.addFontVars(config.font, api);
+	addBase(require_getResponsiveTextStyles.getBaseTextVars(config));
+	addBase(require_getGroupedTextStyles.getGroupedTextStyles());
+	if ((config.globalDefaults.enableResponsiveType ?? false) && config.typography && config.breakpoints) addComponents(require_getResponsiveTextStyles.getResponsiveTextStyles(config));
+	matchUtilities({ case: (value) => ({ "text-transform": value }) }, { values: theme("typography.textTransform") });
+	const namedFontWeightsFromPlugin = theme("typography.fontWeight") || {};
+	const fontWeightsWithDescriptives = {
+		...fontWeightMap,
+		...namedFontWeightsFromPlugin
+	};
+	Object.entries(fontWeightsWithDescriptives).forEach(([fontWeight, value]) => {
+		const styles = {};
+		if (require_index.textVariants.map(require_getResponsiveTextStyles.textVariantsSafe).includes(fontWeight)) {
+			const textVariant = fontWeight;
+			const slantValue = theme(`typography.fontSlant.${textVariant}`);
+			const widthValue = theme(`typography.fontWidth.${textVariant}`);
+			styles["font-weight"] = value;
+			styles["font-variation-settings"] = `"wght" ${value}, "slnt" ${slantValue}, "ital" ${slantValue}, "wdth" ${widthValue}`;
+			const bolderStyles = { "font-variation-settings": "normal" };
+			styles["b"] = bolderStyles;
+			styles["strong"] = bolderStyles;
+		} else styles["font-weight"] = value;
+		addUtilities({ [`.font-weight-${fontWeight}`]: styles });
+	});
+	matchUtilities({ "font-size": (value) => ({ "font-size": value }) }, { values: theme("typography.fontSize") });
+}, ({ disableOverrideTailwindTheme }) => {
+	const shouldNotMergeFontSizeTokensIntoTailwindTheme = require_composeTailwindPlugins.shouldNotMergeTokensIntoTailwindTheme(disableOverrideTailwindTheme, "textSize");
+	/**
+	* Reassign Tailwind's font size aliases to UDS's font size aliases
+	* This makes it so UDS configs can power both Tailwind and UDS components
+	*/
+	const tailwindFontSize = require_fromEntries.fromEntries(require_entries.entries(require_defaultTailwindThemeAsUdsConfig.udsToTailwindMap.fontSize).map(([udsAlias, twAlias]) => {
+		return [twAlias, [`var(--${require_index$1.FONT_SIZE_PREFIX}-${require_getResponsiveTextStyles.textVariantsSafe(udsAlias)})`, { lineHeight: `var(--${require_index$1.LINE_HEIGHT_PREFIX}-${require_getResponsiveTextStyles.textVariantsSafe(udsAlias)})` }]];
+	}));
+	const textClasses = require_index.textVariants.map((variant) => `uds-text-${require_getResponsiveTextStyles.textVariantsSafe(variant)}`);
+	const responsiveTextClasses = [require_index$1.TEXT_RESPONSIVE_CLASSNAME, ...Object.keys(require_index$1.TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES).map((variant) => require_index$1.TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES[variant])];
+	return {
+		safelist: [...textClasses, ...responsiveTextClasses],
+		theme: { extend: {
+			fontFamily: require_getFontFamilyTheme.getFontFamilyTheme(),
+			...shouldNotMergeFontSizeTokensIntoTailwindTheme ? {} : { fontSize: tailwindFontSize },
+			lineHeight: require_getResponsiveTextStyles.RESPONSIVE_TAILWIND_CONFIG_MAP.lineHeight,
+			letterSpacing: require_getResponsiveTextStyles.RESPONSIVE_TAILWIND_CONFIG_MAP.letterSpacing,
+			typography: require_getResponsiveTextStyles.RESPONSIVE_TAILWIND_CONFIG_MAP
+		} }
+	};
+});
+
+//#endregion
+exports.typographyPlugin = typographyPlugin;

package/dist/tailwind/{plugins → dist/tailwind/plugins}/typography.js

@@ -1,19 +1,33 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-import { FONT_SIZE_PREFIX, LINE_HEIGHT_PREFIX, TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, TEXT_RESPONSIVE_CLASSNAME } from "../../css-tokens/dist/index.js";
-import { fontWeightMap } from "../../tokens/configs/typography.js";
-import { entries } from "../../tokens/utils/entries.js";
-import { fromEntries } from "../../tokens/utils/fromEntries.js";
+import { textVariants } from "../../../../fixtures/dist/index.js";
+import { FONT_SIZE_PREFIX, LINE_HEIGHT_PREFIX, TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, TEXT_RESPONSIVE_CLASSNAME } from "../../../../css-tokens/dist/index.js";
+import { entries } from "../../utils/entries.js";
+import { RESPONSIVE_TAILWIND_CONFIG_MAP, getBaseTextVars, getResponsiveTextStyles, textVariantsSafe } from "../components/getResponsiveTextStyles.js";
 import { udsToTailwindMap } from "../defaultTailwindThemeAsUdsConfig.js";
 import { shouldNotMergeTokensIntoTailwindTheme } from "../utils/composeTailwindPlugins.js";
-import { RESPONSIVE_TAILWIND_CONFIG_MAP, getBaseTextVars, getResponsiveTextStyles, textVariantsSafe } from "../components/getResponsiveTextStyles.js";
+import { fromEntries } from "../../utils/fromEntries.js";
 import { addFontFaceDeclarations } from "../base/addFontFaceDeclarations.js";
 import { addFontVars } from "../base/addFontVars.js";
 import { getGroupedTextStyles } from "../components/getGroupedTextStyles.js";
 import { getFontFamilyTheme } from "../theme/getFontFamilyTheme.js";
-import { textVariants } from "@yahoo/uds/fixtures";
 import plugin from "tailwindcss/plugin.js";
 
-//#region src/tailwind/plugins/typography.ts
+//#region ../tailwind/dist/tailwind/plugins/typography.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
+/** @deprecated Descriptive font weights vary based on font, so this is not correct for each font we support
+* This is used as a baseline for using native font weights in the system IE. <Text fontWeight="bold" />
+*/
+const fontWeightMap = {
+	thin: "100",
+	extralight: "200",
+	light: "300",
+	regular: "400",
+	medium: "500",
+	semibold: "600",
+	bold: "700",
+	extrabold: "800",
+	black: "900"
+};
 const typographyPlugin = plugin.withOptions(({ config, disableFontFaceDeclarations = false }) => (api) => {
 	const { addBase, addUtilities, addComponents, matchUtilities, theme } = api;
 	const fontIds = Object.values(config.font);

package/dist/tailwind/dist/tailwind/theme/getFontFamilyTheme.cjs

@@ -0,0 +1,24 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+const require_index = require('../../../../fixtures/dist/index.cjs');
+const require_index$1 = require('../../../../css-tokens/dist/index.cjs');
+const require_getResponsiveTextStyles = require('../components/getResponsiveTextStyles.cjs');
+
+//#region ../tailwind/dist/tailwind/theme/getFontFamilyTheme.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
+function getFontFamilyTheme() {
+	/** Global font family aliases i.e. font-sans, font-serif, etc */
+	const globalFonts = Object.fromEntries(require_index.fontAliases.map((fontAlias) => {
+		return [fontAlias, `var(--${require_index$1.FONT_FAMILY_PREFIX}-${fontAlias})`];
+	}));
+	/** Text variant font family assignments i.e. font-display1 */
+	const textVariantFonts = Object.fromEntries(require_index.textVariants.map(require_getResponsiveTextStyles.textVariantsSafe).map((textVariant) => {
+		return [textVariant, `var(--${require_index$1.FONT_FAMILY_PREFIX}-${textVariant})`];
+	}));
+	return {
+		...globalFonts,
+		...textVariantFonts
+	};
+}
+
+//#endregion
+exports.getFontFamilyTheme = getFontFamilyTheme;