@yahoo/uds 3.100.0-beta.2 → 3.100.0

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;

package/dist/tailwind/{theme → dist/tailwind/theme}/getFontFamilyTheme.js

@@ -1,9 +1,10 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-import { FONT_FAMILY_PREFIX } from "../../css-tokens/dist/index.js";
+import { fontAliases, textVariants } from "../../../../fixtures/dist/index.js";
+import { FONT_FAMILY_PREFIX } from "../../../../css-tokens/dist/index.js";
 import { textVariantsSafe } from "../components/getResponsiveTextStyles.js";
-import { fontAliases, textVariants } from "@yahoo/uds/fixtures";
 
-//#region src/tailwind/theme/getFontFamilyTheme.ts
+//#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(fontAliases.map((fontAlias) => {

package/dist/tailwind/dist/tailwind/utils/addFontsPlugin.cjs

@@ -0,0 +1,16 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+const require_runtime = require('../../../../_virtual/_rolldown/runtime.cjs');
+const require_addFontFaceDeclarations = require('../base/addFontFaceDeclarations.cjs');
+let tailwindcss_plugin_js = require("tailwindcss/plugin.js");
+tailwindcss_plugin_js = require_runtime.__toESM(tailwindcss_plugin_js);
+
+//#region ../tailwind/dist/tailwind/utils/addFontsPlugin.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
+const addFontsPlugin = tailwindcss_plugin_js.default.withOptions(function addFontsPlugin({ fontIds }) {
+	return function({ addBase }) {
+		require_addFontFaceDeclarations.addFontFaceDeclarations(fontIds, { addBase });
+	};
+});
+
+//#endregion
+exports.addFontsPlugin = addFontsPlugin;

package/dist/tailwind/{utils → dist/tailwind/utils}/addFontsPlugin.d.cts

@@ -1,8 +1,8 @@
 
-import { FontID } from "../../fonts/dist/index.cjs";
-import "../../tokens/index.cjs";
+import { FontID } from "../../../../fonts/dist/index.cjs";
 import * as tailwindcss_types_config0 from "tailwindcss/types/config";
 
+//#region ../tailwind/dist/tailwind/utils/addFontsPlugin.d.ts
 //#region src/tailwind/utils/addFontsPlugin.d.ts
 interface AddFontsPluginOptions {
   fontIds: FontID[];
@@ -13,6 +13,6 @@ declare const addFontsPlugin: {
     config?: Partial<tailwindcss_types_config0.Config>;
   };
   __isOptionsFunction: true;
-};
+}; //#endregion
 //#endregion
 export { AddFontsPluginOptions, addFontsPlugin };

package/dist/tailwind/{utils → dist/tailwind/utils}/addFontsPlugin.d.ts

@@ -1,8 +1,8 @@
 
-import { FontID } from "../../fonts/dist/index.js";
-import "../../tokens/index.js";
+import { FontID } from "../../../../fonts/dist/index.js";
 import * as tailwindcss_types_config0 from "tailwindcss/types/config";
 
+//#region ../tailwind/dist/tailwind/utils/addFontsPlugin.d.ts
 //#region src/tailwind/utils/addFontsPlugin.d.ts
 interface AddFontsPluginOptions {
   fontIds: FontID[];
@@ -13,6 +13,6 @@ declare const addFontsPlugin: {
     config?: Partial<tailwindcss_types_config0.Config>;
   };
   __isOptionsFunction: true;
-};
+}; //#endregion
 //#endregion
 export { AddFontsPluginOptions, addFontsPlugin };

package/dist/tailwind/{utils → dist/tailwind/utils}/addFontsPlugin.js

@@ -2,7 +2,8 @@
 import { addFontFaceDeclarations } from "../base/addFontFaceDeclarations.js";
 import plugin from "tailwindcss/plugin.js";
 
-//#region src/tailwind/utils/addFontsPlugin.ts
+//#region ../tailwind/dist/tailwind/utils/addFontsPlugin.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 const addFontsPlugin = plugin.withOptions(function addFontsPlugin({ fontIds }) {
 	return function({ addBase }) {
 		addFontFaceDeclarations(fontIds, { addBase });

package/dist/tailwind/{utils → dist/tailwind/utils}/composeTailwindPlugins.cjs

@@ -1,19 +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_utils_entries = require('../../utils/entries.cjs');
-let lodash_isFunction_js = require("lodash/isFunction.js");
-lodash_isFunction_js = require_runtime.__toESM(lodash_isFunction_js);
-let lodash_merge_js = require("lodash/merge.js");
-lodash_merge_js = require_runtime.__toESM(lodash_merge_js);
-let lodash_isString_js = require("lodash/isString.js");
-lodash_isString_js = require_runtime.__toESM(lodash_isString_js);
+const require_runtime = require('../../../../_virtual/_rolldown/runtime.cjs');
+const require_entries = require('../../utils/entries.cjs');
+let lodash_es = require("lodash-es");
 let tailwindcss_plugin_js = require("tailwindcss/plugin.js");
 tailwindcss_plugin_js = require_runtime.__toESM(tailwindcss_plugin_js);
-let lodash_partition_js = require("lodash/partition.js");
-lodash_partition_js = require_runtime.__toESM(lodash_partition_js);
 
-//#region src/tailwind/utils/composeTailwindPlugins.ts
+//#region ../tailwind/dist/tailwind/utils/composeTailwindPlugins.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 const shouldNotMergeTokensIntoTailwindTheme = (disableOverrideTailwindTheme, feature) => {
 	return disableOverrideTailwindTheme === true || Array.isArray(disableOverrideTailwindTheme) && disableOverrideTailwindTheme.includes(feature);
 };
@@ -23,12 +16,12 @@ const composeTailwindPlugins = (...plugins) => tailwindcss_plugin_js.default.wit
 	return (api) => {
 		const { addBase, addComponents, addUtilities, config } = api;
 		const parentConfigImportant = config().important;
-		const useImportNamespace = (0, lodash_isString_js.default)(parentConfigImportant);
+		const useImportNamespace = (0, lodash_es.isString)(parentConfigImportant);
 		const rootSelector = useImportNamespace ? parentConfigImportant : ":root";
 		const fns = {
 			...api,
 			addBase(css) {
-				const [vars, classes] = (Array.isArray(css) ? css : [css]).map((rule) => require_utils_entries.entries(rule)).map((pairs) => (0, lodash_partition_js.default)(pairs, ([key]) => key.startsWith("--"))).reduce((acc, [vars, classes]) => [{
+				const [vars, classes] = (Array.isArray(css) ? css : [css]).map((rule) => require_entries.entries(rule)).map((pairs) => (0, lodash_es.partition)(pairs, ([key]) => key.startsWith("--"))).reduce((acc, [vars, classes]) => [{
 					...acc[0],
 					...Object.fromEntries(vars)
 				}, {
@@ -57,11 +50,11 @@ const composeTailwindPlugins = (...plugins) => tailwindcss_plugin_js.default.wit
 }, (options) => {
 	if (!options.config) throw new Error("`tailwindPlugin` requires a config object. If your project has not yet sync'd a config, you can import `defaultTokensConfig` from `@yahoo/uds/defaultTokensConfig` and pass it to `tailwindPlugin`.");
 	const pluginConfigs = plugins.map((plugin) => plugin(options).config ?? {});
-	for (const config of pluginConfigs) for (const [key, value] of require_utils_entries.entries(config.theme?.extend ?? {})) {
-		if (!(0, lodash_isFunction_js.default)(value)) continue;
+	for (const config of pluginConfigs) for (const [key, value] of require_entries.entries(config.theme?.extend ?? {})) {
+		if (!(0, lodash_es.isFunction)(value)) continue;
 		throw new Error(`The theme.extend.${key} value cannot be a function when using composeTailwindPlugins. Please resolve the function to an object instead.`);
 	}
-	const mergedConfig = (0, lodash_merge_js.default)({}, ...pluginConfigs);
+	const mergedConfig = (0, lodash_es.merge)({}, ...pluginConfigs);
 	const safelist = new Set([...options.safelist ?? [], ...pluginConfigs.flatMap((c) => c.safelist ?? [])]);
 	mergedConfig.safelist = Array.from(safelist);
 	return mergedConfig;

package/dist/tailwind/{utils → dist/tailwind/utils}/composeTailwindPlugins.d.cts

@@ -1,10 +1,8 @@
 
-import { UniversalTokensConfig } from "../../config/dist/index.cjs";
-import "../../tokens/index.cjs";
-import * as tailwindcss_types_config0 from "tailwindcss/types/config";
+import { UniversalTokensConfig } from "../../../../config/dist/index.cjs";
 import { Config } from "tailwindcss";
-import plugin from "tailwindcss/plugin.js";
 
+//#region ../tailwind/dist/tailwind/utils/composeTailwindPlugins.d.ts
 //#region src/tailwind/utils/composeTailwindPlugins.d.ts
 interface TailwindPluginOptions {
   config: UniversalTokensConfig;
@@ -44,16 +42,6 @@ interface TailwindPluginOptions {
      */
     generatePseudoStateClassModifier: boolean;
   };
-}
-type Plugin = ReturnType<typeof plugin.withOptions<TailwindPluginOptions>>;
-type PossiblePlugins = Array<Plugin>;
-declare const shouldNotMergeTokensIntoTailwindTheme: (disableOverrideTailwindTheme: TailwindPluginOptions["disableOverrideTailwindTheme"], feature: Exclude<TailwindPluginOptions["disableOverrideTailwindTheme"], boolean | undefined>[number]) => boolean;
-declare const composeTailwindPlugins: (...plugins: PossiblePlugins) => {
-  (options: TailwindPluginOptions): {
-    handler: tailwindcss_types_config0.PluginCreator;
-    config?: Partial<tailwindcss_types_config0.Config>;
-  };
-  __isOptionsFunction: true;
-};
+} //#endregion
 //#endregion
-export { type TailwindPluginOptions, composeTailwindPlugins, shouldNotMergeTokensIntoTailwindTheme };
+export { type TailwindPluginOptions };

package/dist/tailwind/{utils → dist/tailwind/utils}/composeTailwindPlugins.d.ts

@@ -1,10 +1,9 @@
 
-import { UniversalTokensConfig } from "../../config/dist/index.js";
-import "../../tokens/index.js";
+import { UniversalTokensConfig } from "../../../../config/dist/index.js";
 import plugin from "tailwindcss/plugin.js";
-import * as tailwindcss_types_config0 from "tailwindcss/types/config";
 import { Config } from "tailwindcss";
 
+//#region ../tailwind/dist/tailwind/utils/composeTailwindPlugins.d.ts
 //#region src/tailwind/utils/composeTailwindPlugins.d.ts
 interface TailwindPluginOptions {
   config: UniversalTokensConfig;
@@ -44,16 +43,6 @@ interface TailwindPluginOptions {
      */
     generatePseudoStateClassModifier: boolean;
   };
-}
-type Plugin = ReturnType<typeof plugin.withOptions<TailwindPluginOptions>>;
-type PossiblePlugins = Array<Plugin>;
-declare const shouldNotMergeTokensIntoTailwindTheme: (disableOverrideTailwindTheme: TailwindPluginOptions["disableOverrideTailwindTheme"], feature: Exclude<TailwindPluginOptions["disableOverrideTailwindTheme"], boolean | undefined>[number]) => boolean;
-declare const composeTailwindPlugins: (...plugins: PossiblePlugins) => {
-  (options: TailwindPluginOptions): {
-    handler: tailwindcss_types_config0.PluginCreator;
-    config?: Partial<tailwindcss_types_config0.Config>;
-  };
-  __isOptionsFunction: true;
-};
+} //#endregion
 //#endregion
-export { type TailwindPluginOptions, composeTailwindPlugins, shouldNotMergeTokensIntoTailwindTheme };
+export { type TailwindPluginOptions };

package/dist/tailwind/{utils → dist/tailwind/utils}/composeTailwindPlugins.js

@@ -3,7 +3,8 @@ import { entries as entries$1 } from "../../utils/entries.js";
 import { isFunction, isString, merge, partition } from "lodash-es";
 import plugin from "tailwindcss/plugin.js";
 
-//#region src/tailwind/utils/composeTailwindPlugins.ts
+//#region ../tailwind/dist/tailwind/utils/composeTailwindPlugins.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 const shouldNotMergeTokensIntoTailwindTheme = (disableOverrideTailwindTheme, feature) => {
 	return disableOverrideTailwindTheme === true || Array.isArray(disableOverrideTailwindTheme) && disableOverrideTailwindTheme.includes(feature);
 };

package/dist/tailwind/{utils → dist/tailwind/utils}/flattenColorPalette.cjs

@@ -1,7 +1,7 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-//#region src/tailwind/utils/flattenColorPalette.ts
+//#region ../tailwind/dist/tailwind/utils/flattenColorPalette.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 const flattenColorPalette = (colors) => Object.assign({}, ...Object.entries(colors !== null && colors !== void 0 ? colors : {}).flatMap(([color, values]) => typeof values == "object" ? Object.entries(flattenColorPalette(values)).map(([number, hex]) => ({ [color + (number === "DEFAULT" ? "" : `-${number}`)]: hex })) : [{ [`${color}`]: values }]));
 
 //#endregion

package/dist/tailwind/{utils → dist/tailwind/utils}/flattenColorPalette.js

@@ -1,5 +1,6 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-//#region src/tailwind/utils/flattenColorPalette.ts
+//#region ../tailwind/dist/tailwind/utils/flattenColorPalette.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 const flattenColorPalette = (colors) => Object.assign({}, ...Object.entries(colors !== null && colors !== void 0 ? colors : {}).flatMap(([color, values]) => typeof values == "object" ? Object.entries(flattenColorPalette(values)).map(([number, hex]) => ({ [color + (number === "DEFAULT" ? "" : `-${number}`)]: hex })) : [{ [`${color}`]: values }]));
 
 //#endregion

package/dist/tailwind/{utils → dist/tailwind/utils}/getColorModeStyles.cjs

@@ -1,7 +1,7 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-//#region src/tailwind/utils/getColorModeStyles.ts
+//#region ../tailwind/dist/tailwind/utils/getColorModeStyles.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 function getColorModeStyles(tokens) {
 	return {
 		light: {

package/dist/tailwind/{utils → dist/tailwind/utils}/getColorModeStyles.d.cts

@@ -1,6 +1,7 @@
 
-import { WebTokens } from "../../tokens/parseTokens.cjs";
+import { WebTokens } from "../../utils/parseTokens.cjs";
 
+//#region ../tailwind/dist/tailwind/utils/getColorModeStyles.d.ts
 //#region src/tailwind/utils/getColorModeStyles.d.ts
 declare function getColorModeStyles(tokens: WebTokens): {
   light: {
@@ -13,6 +14,6 @@ declare function getColorModeStyles(tokens: WebTokens): {
     '--uds-light-mode-icon': string;
     '--uds-dark-mode-icon': string;
   };
-};
+}; //#endregion
 //#endregion
 export { getColorModeStyles };

package/dist/tailwind/{utils → dist/tailwind/utils}/getColorModeStyles.d.ts

@@ -1,6 +1,7 @@
 
-import { WebTokens } from "../../tokens/parseTokens.js";
+import { WebTokens } from "../../utils/parseTokens.js";
 
+//#region ../tailwind/dist/tailwind/utils/getColorModeStyles.d.ts
 //#region src/tailwind/utils/getColorModeStyles.d.ts
 declare function getColorModeStyles(tokens: WebTokens): {
   light: {
@@ -13,6 +14,6 @@ declare function getColorModeStyles(tokens: WebTokens): {
     '--uds-light-mode-icon': string;
     '--uds-dark-mode-icon': string;
   };
-};
+}; //#endregion
 //#endregion
 export { getColorModeStyles };

package/dist/tailwind/{utils → dist/tailwind/utils}/getColorModeStyles.js

@@ -1,5 +1,6 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-//#region src/tailwind/utils/getColorModeStyles.ts
+//#region ../tailwind/dist/tailwind/utils/getColorModeStyles.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 function getColorModeStyles(tokens) {
 	return {
 		light: {

package/dist/tailwind/dist/tailwind/utils/getElevationStyles.cjs

@@ -0,0 +1,33 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+const require_index = require('../../../../css-tokens/dist/index.cjs');
+const require_entries = require('../../utils/entries.cjs');
+const require_fromEntries = require('../../utils/fromEntries.cjs');
+const require_getShadowStyles = require('./getShadowStyles.cjs');
+
+//#region ../tailwind/dist/tailwind/utils/getElevationStyles.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
+function getElevationStyles({ config }) {
+	const styles = require_fromEntries.fromEntries(require_entries.entries(config.elevation).map(([level]) => require_getShadowStyles.shadowVariantToCSS("drop", `elevation-${level}`)));
+	require_entries.entries(config.elevation).forEach(([level]) => {
+		styles[`.bg-elevation-${level}`] = {
+			backgroundColor: `var(--${require_index.BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX}-elevation-${level})`,
+			["@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))"]: {
+				backgroundColor: `var(--${require_index.BACKGROUND_COLOR_PREFIX}-elevation-${level})`,
+				WebkitBackdropFilter: `var(--${require_index.BACKGROUND_BLUR_RADIUS_PREFIX}-elevation-${level})`,
+				backdropFilter: `var(--${require_index.BACKGROUND_BLUR_RADIUS_PREFIX}-elevation-${level})`
+			}
+		};
+	});
+	styles["@media (prefers-reduced-transparency)"] = require_entries.entries(config.elevation).reduce((acc, [level]) => {
+		acc[`.bg-elevation-${level}`] = {
+			backgroundColor: `var(--${require_index.BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX}-elevation-${level})`,
+			WebkitBackdropFilter: "none",
+			backdropFilter: "none"
+		};
+		return acc;
+	}, {});
+	return styles;
+}
+
+//#endregion
+exports.getElevationStyles = getElevationStyles;

package/dist/tailwind/{utils → dist/tailwind/utils}/getElevationStyles.d.cts

@@ -1,13 +1,13 @@
 
-import { UniversalTokensConfig } from "../../config/dist/index.cjs";
-import "../../tokens/index.cjs";
+import { UniversalTokensConfig } from "../../../../config/dist/index.cjs";
 import { CSSRuleObject } from "tailwindcss/types/config";
 
+//#region ../tailwind/dist/tailwind/utils/getElevationStyles.d.ts
 //#region src/tailwind/utils/getElevationStyles.d.ts
 declare function getElevationStyles({
   config
 }: {
   config: UniversalTokensConfig;
-}): CSSRuleObject;
+}): CSSRuleObject; //#endregion
 //#endregion
 export { getElevationStyles };

package/dist/tailwind/{utils → dist/tailwind/utils}/getElevationStyles.d.ts

@@ -1,13 +1,13 @@
 
-import { UniversalTokensConfig } from "../../config/dist/index.js";
-import "../../tokens/index.js";
+import { UniversalTokensConfig } from "../../../../config/dist/index.js";
 import { CSSRuleObject } from "tailwindcss/types/config";
 
+//#region ../tailwind/dist/tailwind/utils/getElevationStyles.d.ts
 //#region src/tailwind/utils/getElevationStyles.d.ts
 declare function getElevationStyles({
   config
 }: {
   config: UniversalTokensConfig;
-}): CSSRuleObject;
+}): CSSRuleObject; //#endregion
 //#endregion
 export { getElevationStyles };

package/dist/tailwind/{utils → dist/tailwind/utils}/getElevationStyles.js

@@ -1,10 +1,11 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-import { BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX, BACKGROUND_BLUR_RADIUS_PREFIX, BACKGROUND_COLOR_PREFIX } from "../../css-tokens/dist/index.js";
-import { entries } from "../../tokens/utils/entries.js";
-import { fromEntries } from "../../tokens/utils/fromEntries.js";
+import { BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX, BACKGROUND_BLUR_RADIUS_PREFIX, BACKGROUND_COLOR_PREFIX } from "../../../../css-tokens/dist/index.js";
+import { entries } from "../../utils/entries.js";
+import { fromEntries } from "../../utils/fromEntries.js";
 import { shadowVariantToCSS } from "./getShadowStyles.js";
 
-//#region src/tailwind/utils/getElevationStyles.ts
+//#region ../tailwind/dist/tailwind/utils/getElevationStyles.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 function getElevationStyles({ config }) {
 	const styles = fromEntries(entries(config.elevation).map(([level]) => shadowVariantToCSS("drop", `elevation-${level}`)));
 	entries(config.elevation).forEach(([level]) => {

package/dist/tailwind/{utils → dist/tailwind/utils}/getFontFaceDeclarations.cjs

@@ -1,8 +1,8 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_index = require('../../fonts/dist/index.cjs');
+const require_index = require('../../../../fonts/dist/index.cjs');
 
-//#region src/tailwind/utils/getFontFaceDeclarations.ts
+//#region ../tailwind/dist/tailwind/utils/getFontFaceDeclarations.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 /**
 * Get all font face declarations for a given set of font IDs.
 */

package/dist/tailwind/{utils → dist/tailwind/utils}/getFontFaceDeclarations.d.cts

@@ -1,7 +1,7 @@
 
-import { FontID } from "../../fonts/dist/index.cjs";
-import "../../tokens/index.cjs";
+import { FontID } from "../../../../fonts/dist/index.cjs";
 
+//#region ../tailwind/dist/tailwind/utils/getFontFaceDeclarations.d.ts
 //#region src/tailwind/utils/getFontFaceDeclarations.d.ts
 /**
  * Get all font face declarations for a given set of font IDs.
@@ -336,6 +336,6 @@ declare function getFontFaceDeclarations(fontIds: FontID[]): ({
   fontWeight: "700";
   fontFamily: "Centra No2" | "Gelica" | "YA Sans VF" | "Inter" | "Roboto Mono" | "Yahoo Sans" | "Yahoo CR4 BETA VF" | "Yahoo Product Sans VF" | "YahooPd_Eval202412" | "Yahoo Sans Cond" | "Yahoo Serif Display" | "Yahoo Serif Text";
   fontDisplay: string;
-})[];
+})[]; //#endregion
 //#endregion
 export { getFontFaceDeclarations };

package/dist/tailwind/{utils → dist/tailwind/utils}/getFontFaceDeclarations.d.ts

@@ -1,7 +1,7 @@
 
-import { FontID } from "../../fonts/dist/index.js";
-import "../../tokens/index.js";
+import { FontID } from "../../../../fonts/dist/index.js";
 
+//#region ../tailwind/dist/tailwind/utils/getFontFaceDeclarations.d.ts
 //#region src/tailwind/utils/getFontFaceDeclarations.d.ts
 /**
  * Get all font face declarations for a given set of font IDs.
@@ -336,6 +336,6 @@ declare function getFontFaceDeclarations(fontIds: FontID[]): ({
   fontWeight: "700";
   fontFamily: "Centra No2" | "Gelica" | "YA Sans VF" | "Inter" | "Roboto Mono" | "Yahoo Sans" | "Yahoo CR4 BETA VF" | "Yahoo Product Sans VF" | "YahooPd_Eval202412" | "Yahoo Sans Cond" | "Yahoo Serif Display" | "Yahoo Serif Text";
   fontDisplay: string;
-})[];
+})[]; //#endregion
 //#endregion
 export { getFontFaceDeclarations };

package/dist/tailwind/{utils → dist/tailwind/utils}/getFontFaceDeclarations.js

@@ -1,7 +1,8 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-import { FONT_DECLARATIONS_MAP } from "../../fonts/dist/index.js";
+import { FONT_DECLARATIONS_MAP } from "../../../../fonts/dist/index.js";
 
-//#region src/tailwind/utils/getFontFaceDeclarations.ts
+//#region ../tailwind/dist/tailwind/utils/getFontFaceDeclarations.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 /**
 * Get all font face declarations for a given set of font IDs.
 */

package/dist/tailwind/{utils → dist/tailwind/utils}/getFontStyles.cjs

@@ -1,11 +1,11 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_index = require('../../css-tokens/dist/index.cjs');
-const require_index$1 = require('../../fonts/dist/index.cjs');
-const require_tokens_utils_entries = require('../../tokens/utils/entries.cjs');
-const require_tokens_utils_fromEntries = require('../../tokens/utils/fromEntries.cjs');
+const require_index = require('../../../../css-tokens/dist/index.cjs');
+const require_index$1 = require('../../../../fonts/dist/index.cjs');
+const require_entries = require('../../utils/entries.cjs');
+const require_fromEntries = require('../../utils/fromEntries.cjs');
 
-//#region src/tailwind/utils/getFontStyles.ts
+//#region ../tailwind/dist/tailwind/utils/getFontStyles.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 /**
 * Tailwind does not automatically escape font names for you.
 * If you’re using a font that contains an invalid identifier, wrap it in quotes or escape the invalid characters.
@@ -31,7 +31,7 @@ function escapeFontFamilyName(fontFamily) {
 *
 */
 function getFontStyles(fontConfig) {
-	return require_tokens_utils_fromEntries.fromEntries(require_tokens_utils_entries.entries(fontConfig).map(([fontAlias, fontID]) => {
+	return require_fromEntries.fromEntries(require_entries.entries(fontConfig).map(([fontAlias, fontID]) => {
 		const cssVar = `--${require_index.FONT_FAMILY_PREFIX}-${fontAlias}`;
 		const font = require_index$1.FONT_DECLARATIONS_MAP[fontID];
 		return [cssVar, [font.fontFamily, ...font.fallback].map(escapeFontFamilyName).join(", ")];