@yahoo/uds 3.66.0 → 3.67.0-beta.1

package/dist/tailwind/plugins/motion.d.ts

@@ -0,0 +1,13 @@
+import { TailwindPluginOptions } from "../utils/composeTailwindPlugins.js";
+import * as tailwindcss_types_config7 from "tailwindcss/types/config";
+
+//#region src/tailwind/plugins/motion.d.ts
+declare const motionPlugin: {
+  (options: TailwindPluginOptions): {
+    handler: tailwindcss_types_config7.PluginCreator;
+    config?: Partial<tailwindcss_types_config7.Config>;
+  };
+  __isOptionsFunction: true;
+};
+//#endregion
+export { motionPlugin };

package/dist/tailwind/plugins/motion.js

@@ -0,0 +1,12 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { addMotionVars } from "../base/addMotionVars.js";
+import plugin from "tailwindcss/plugin.js";
+
+//#region src/tailwind/plugins/motion.ts
+const motionPlugin = plugin.withOptions(({ config }) => (api) => {
+	if (!config.motion) return;
+	addMotionVars(config.motion, api);
+});
+
+//#endregion
+export { motionPlugin };

package/dist/tailwind/plugins/nestedBorderRadius.cjs

@@ -0,0 +1,19 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_tailwind_utils_getNestedBorderRadiusUtilities = require('../utils/getNestedBorderRadiusUtilities.cjs');
+let tailwindcss_plugin_js = require("tailwindcss/plugin.js");
+tailwindcss_plugin_js = require_rolldown_runtime.__toESM(tailwindcss_plugin_js);
+
+//#region src/tailwind/plugins/nestedBorderRadius.ts
+const nestedBorderRadiusPlugin = tailwindcss_plugin_js.default.withOptions(() => ({ addUtilities, theme, matchUtilities }) => {
+	addUtilities(require_tailwind_utils_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("borderRadius") });
+	/** 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("borderWidth") });
+});
+
+//#endregion
+exports.nestedBorderRadiusPlugin = nestedBorderRadiusPlugin;

package/dist/tailwind/plugins/nestedBorderRadius.d.cts

@@ -0,0 +1,13 @@
+import { TailwindPluginOptions } from "../utils/composeTailwindPlugins.cjs";
+import * as tailwindcss_types_config21 from "tailwindcss/types/config";
+
+//#region src/tailwind/plugins/nestedBorderRadius.d.ts
+declare const nestedBorderRadiusPlugin: {
+  (options: TailwindPluginOptions): {
+    handler: tailwindcss_types_config21.PluginCreator;
+    config?: Partial<tailwindcss_types_config21.Config>;
+  };
+  __isOptionsFunction: true;
+};
+//#endregion
+export { nestedBorderRadiusPlugin };

package/dist/tailwind/plugins/nestedBorderRadius.d.ts

@@ -0,0 +1,13 @@
+import { TailwindPluginOptions } from "../utils/composeTailwindPlugins.js";
+import * as tailwindcss_types_config9 from "tailwindcss/types/config";
+
+//#region src/tailwind/plugins/nestedBorderRadius.d.ts
+declare const nestedBorderRadiusPlugin: {
+  (options: TailwindPluginOptions): {
+    handler: tailwindcss_types_config9.PluginCreator;
+    config?: Partial<tailwindcss_types_config9.Config>;
+  };
+  __isOptionsFunction: true;
+};
+//#endregion
+export { nestedBorderRadiusPlugin };

package/dist/tailwind/plugins/nestedBorderRadius.js

@@ -0,0 +1,17 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { getNestedBorderRadiusUtilities } from "../utils/getNestedBorderRadiusUtilities.js";
+import plugin from "tailwindcss/plugin.js";
+
+//#region src/tailwind/plugins/nestedBorderRadius.ts
+const nestedBorderRadiusPlugin = plugin.withOptions(() => ({ addUtilities, theme, matchUtilities }) => {
+	addUtilities(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("borderRadius") });
+	/** 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("borderWidth") });
+});
+
+//#endregion
+export { nestedBorderRadiusPlugin };

package/dist/tailwind/plugins/scaleMode.cjs

@@ -0,0 +1,17 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_tokens_parseTokens = require('../../tokens/parseTokens.cjs');
+const require_tailwind_base_addScaleModeVars = require('../base/addScaleModeVars.cjs');
+let tailwindcss_plugin_js = require("tailwindcss/plugin.js");
+tailwindcss_plugin_js = require_rolldown_runtime.__toESM(tailwindcss_plugin_js);
+
+//#region src/tailwind/plugins/scaleMode.ts
+/**
+* @deprecated Should be removed once the DB no longer uses it.
+*/
+const scaleModePlugin = tailwindcss_plugin_js.default.withOptions(({ config }) => (api) => {
+	require_tailwind_base_addScaleModeVars.addScaleModeVars(require_tokens_parseTokens.parseTokens(config), api);
+});
+
+//#endregion
+exports.scaleModePlugin = scaleModePlugin;

package/dist/tailwind/plugins/scaleMode.d.cts

@@ -0,0 +1,16 @@
+import { TailwindPluginOptions } from "../utils/composeTailwindPlugins.cjs";
+import * as tailwindcss_types_config23 from "tailwindcss/types/config";
+
+//#region src/tailwind/plugins/scaleMode.d.ts
+/**
+ * @deprecated Should be removed once the DB no longer uses it.
+ */
+declare const scaleModePlugin: {
+  (options: TailwindPluginOptions): {
+    handler: tailwindcss_types_config23.PluginCreator;
+    config?: Partial<tailwindcss_types_config23.Config>;
+  };
+  __isOptionsFunction: true;
+};
+//#endregion
+export { scaleModePlugin };

package/dist/tailwind/plugins/scaleMode.d.ts

@@ -0,0 +1,16 @@
+import { TailwindPluginOptions } from "../utils/composeTailwindPlugins.js";
+import * as tailwindcss_types_config11 from "tailwindcss/types/config";
+
+//#region src/tailwind/plugins/scaleMode.d.ts
+/**
+ * @deprecated Should be removed once the DB no longer uses it.
+ */
+declare const scaleModePlugin: {
+  (options: TailwindPluginOptions): {
+    handler: tailwindcss_types_config11.PluginCreator;
+    config?: Partial<tailwindcss_types_config11.Config>;
+  };
+  __isOptionsFunction: true;
+};
+//#endregion
+export { scaleModePlugin };

package/dist/tailwind/plugins/scaleMode.js

@@ -0,0 +1,15 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { parseTokens } from "../../tokens/parseTokens.js";
+import { addScaleModeVars } from "../base/addScaleModeVars.js";
+import plugin from "tailwindcss/plugin.js";
+
+//#region src/tailwind/plugins/scaleMode.ts
+/**
+* @deprecated Should be removed once the DB no longer uses it.
+*/
+const scaleModePlugin = plugin.withOptions(({ config }) => (api) => {
+	addScaleModeVars(parseTokens(config), api);
+});
+
+//#endregion
+export { scaleModePlugin };

package/dist/tailwind/plugins/shadows.cjs

@@ -0,0 +1,45 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_tailwind_utils_getShadowPresetValues = require('../utils/getShadowPresetValues.cjs');
+const require_tailwind_utils_getShadowStyles = require('../utils/getShadowStyles.cjs');
+let __yahoo_uds_fixtures = require("@yahoo/uds/fixtures");
+let tailwindcss_plugin_js = require("tailwindcss/plugin.js");
+tailwindcss_plugin_js = require_rolldown_runtime.__toESM(tailwindcss_plugin_js);
+
+//#region src/tailwind/plugins/shadows.ts
+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_tailwind_utils_getShadowPresetValues.getShadowPresetValues({
+		config,
+		shadowType: "drop"
+	});
+	const insetShadowVariables = require_tailwind_utils_getShadowPresetValues.getShadowPresetValues({
+		config,
+		shadowType: "inset"
+	});
+	addBase({
+		...dropShadowVariables,
+		...insetShadowVariables
+	});
+	const dropShadowStyles = require_tailwind_utils_getShadowStyles.getShadowStyles({
+		config,
+		shadowType: "drop"
+	});
+	const insetShadowStyles = require_tailwind_utils_getShadowStyles.getShadowStyles({
+		config,
+		shadowType: "inset"
+	});
+	addUtilities({
+		...dropShadowStyles,
+		...insetShadowStyles
+	});
+}, () => ({ theme: { extend: {
+	shadowOpacity: __yahoo_uds_fixtures.shadowOpacityMap,
+	shadowSpread: __yahoo_uds_fixtures.shadowSpreadRadiusMap,
+	shadowOffset: __yahoo_uds_fixtures.shadowOffsetMap,
+	shadowBlur: __yahoo_uds_fixtures.shadowOffsetMap
+} } }));
+
+//#endregion
+exports.shadowsPlugin = shadowsPlugin;

package/dist/tailwind/plugins/shadows.d.cts

@@ -0,0 +1,13 @@
+import { TailwindPluginOptions } from "../utils/composeTailwindPlugins.cjs";
+import * as tailwindcss_types_config25 from "tailwindcss/types/config";
+
+//#region src/tailwind/plugins/shadows.d.ts
+declare const shadowsPlugin: {
+  (options: TailwindPluginOptions): {
+    handler: tailwindcss_types_config25.PluginCreator;
+    config?: Partial<tailwindcss_types_config25.Config>;
+  };
+  __isOptionsFunction: true;
+};
+//#endregion
+export { shadowsPlugin };

package/dist/tailwind/plugins/shadows.d.ts

@@ -0,0 +1,13 @@
+import { TailwindPluginOptions } from "../utils/composeTailwindPlugins.js";
+import * as tailwindcss_types_config13 from "tailwindcss/types/config";
+
+//#region src/tailwind/plugins/shadows.d.ts
+declare const shadowsPlugin: {
+  (options: TailwindPluginOptions): {
+    handler: tailwindcss_types_config13.PluginCreator;
+    config?: Partial<tailwindcss_types_config13.Config>;
+  };
+  __isOptionsFunction: true;
+};
+//#endregion
+export { shadowsPlugin };

package/dist/tailwind/plugins/shadows.js

@@ -0,0 +1,43 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { getShadowPresetValues } from "../utils/getShadowPresetValues.js";
+import { getShadowStyles } from "../utils/getShadowStyles.js";
+import { shadowOffsetMap, shadowOpacityMap, shadowSpreadRadiusMap } from "@yahoo/uds/fixtures";
+import plugin from "tailwindcss/plugin.js";
+
+//#region src/tailwind/plugins/shadows.ts
+const shadowsPlugin = plugin.withOptions(({ config }) => ({ addUtilities, addBase }) => {
+	/** Add shadow utilities to make shadow props available in Tailwind */
+	if (!config.shadow) return;
+	const dropShadowVariables = getShadowPresetValues({
+		config,
+		shadowType: "drop"
+	});
+	const insetShadowVariables = getShadowPresetValues({
+		config,
+		shadowType: "inset"
+	});
+	addBase({
+		...dropShadowVariables,
+		...insetShadowVariables
+	});
+	const dropShadowStyles = getShadowStyles({
+		config,
+		shadowType: "drop"
+	});
+	const insetShadowStyles = getShadowStyles({
+		config,
+		shadowType: "inset"
+	});
+	addUtilities({
+		...dropShadowStyles,
+		...insetShadowStyles
+	});
+}, () => ({ theme: { extend: {
+	shadowOpacity: shadowOpacityMap,
+	shadowSpread: shadowSpreadRadiusMap,
+	shadowOffset: shadowOffsetMap,
+	shadowBlur: shadowOffsetMap
+} } }));
+
+//#endregion
+export { shadowsPlugin };

package/dist/tailwind/plugins/sizing.cjs

@@ -0,0 +1,32 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_tokens_consts_defaultModes = require('../../tokens/consts/defaultModes.cjs');
+const require_tokens_parseTokens = require('../../tokens/parseTokens.cjs');
+let tailwindcss_plugin_js = require("tailwindcss/plugin.js");
+tailwindcss_plugin_js = require_rolldown_runtime.__toESM(tailwindcss_plugin_js);
+
+//#region src/tailwind/plugins/sizing.ts
+/**
+* @deprecated The resulting CSS does not seem to be in use anywhere.
+*/
+const sizingPlugin = tailwindcss_plugin_js.default.withOptions(() => ({ matchUtilities, theme }) => {
+	matchUtilities({ iconSize: (value) => ({
+		width: value,
+		height: value,
+		fontSize: value,
+		lineHeight: value
+	}) }, { values: theme("sizing.icon") });
+	matchUtilities({ avatarSize: (value) => ({
+		width: value,
+		height: value
+	}) }, { values: theme("sizing.avatar") });
+}, ({ config }) => {
+	const scaleModeToken = require_tokens_parseTokens.parseTokens(config).scaleMode[require_tokens_consts_defaultModes.DEFAULT_SCALE_MODE];
+	return { theme: { extend: { sizing: {
+		icon: scaleModeToken.iconSizes.tailwindConfig,
+		avatar: scaleModeToken.avatarSizes.tailwindConfig
+	} } } };
+});
+
+//#endregion
+exports.sizingPlugin = sizingPlugin;

package/dist/tailwind/plugins/sizing.d.cts

@@ -0,0 +1,16 @@
+import { TailwindPluginOptions } from "../utils/composeTailwindPlugins.cjs";
+import * as tailwindcss_types_config27 from "tailwindcss/types/config";
+
+//#region src/tailwind/plugins/sizing.d.ts
+/**
+ * @deprecated The resulting CSS does not seem to be in use anywhere.
+ */
+declare const sizingPlugin: {
+  (options: TailwindPluginOptions): {
+    handler: tailwindcss_types_config27.PluginCreator;
+    config?: Partial<tailwindcss_types_config27.Config>;
+  };
+  __isOptionsFunction: true;
+};
+//#endregion
+export { sizingPlugin };

package/dist/tailwind/plugins/sizing.d.ts

@@ -0,0 +1,16 @@
+import { TailwindPluginOptions } from "../utils/composeTailwindPlugins.js";
+import * as tailwindcss_types_config15 from "tailwindcss/types/config";
+
+//#region src/tailwind/plugins/sizing.d.ts
+/**
+ * @deprecated The resulting CSS does not seem to be in use anywhere.
+ */
+declare const sizingPlugin: {
+  (options: TailwindPluginOptions): {
+    handler: tailwindcss_types_config15.PluginCreator;
+    config?: Partial<tailwindcss_types_config15.Config>;
+  };
+  __isOptionsFunction: true;
+};
+//#endregion
+export { sizingPlugin };

package/dist/tailwind/plugins/sizing.js

@@ -0,0 +1,30 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { DEFAULT_SCALE_MODE } from "../../tokens/consts/defaultModes.js";
+import { parseTokens } from "../../tokens/parseTokens.js";
+import plugin from "tailwindcss/plugin.js";
+
+//#region src/tailwind/plugins/sizing.ts
+/**
+* @deprecated The resulting CSS does not seem to be in use anywhere.
+*/
+const sizingPlugin = plugin.withOptions(() => ({ matchUtilities, theme }) => {
+	matchUtilities({ iconSize: (value) => ({
+		width: value,
+		height: value,
+		fontSize: value,
+		lineHeight: value
+	}) }, { values: theme("sizing.icon") });
+	matchUtilities({ avatarSize: (value) => ({
+		width: value,
+		height: value
+	}) }, { values: theme("sizing.avatar") });
+}, ({ config }) => {
+	const scaleModeToken = parseTokens(config).scaleMode[DEFAULT_SCALE_MODE];
+	return { theme: { extend: { sizing: {
+		icon: scaleModeToken.iconSizes.tailwindConfig,
+		avatar: scaleModeToken.avatarSizes.tailwindConfig
+	} } } };
+});
+
+//#endregion
+export { sizingPlugin };

package/dist/tailwind/plugins/spacing.cjs

@@ -0,0 +1,13 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let tailwindcss_plugin_js = require("tailwindcss/plugin.js");
+tailwindcss_plugin_js = require_rolldown_runtime.__toESM(tailwindcss_plugin_js);
+
+//#region src/tailwind/plugins/spacing.ts
+const spacingPlugin = tailwindcss_plugin_js.default.withOptions(() => () => void 0, () => ({ theme: { extend: { spacing: {
+	"4.5": "1.125rem",
+	"5.5": "1.375rem"
+} } } }));
+
+//#endregion
+exports.spacingPlugin = spacingPlugin;

package/dist/tailwind/plugins/spacing.d.cts

@@ -0,0 +1,13 @@
+import { TailwindPluginOptions } from "../utils/composeTailwindPlugins.cjs";
+import * as tailwindcss_types_config29 from "tailwindcss/types/config";
+
+//#region src/tailwind/plugins/spacing.d.ts
+declare const spacingPlugin: {
+  (options: TailwindPluginOptions): {
+    handler: tailwindcss_types_config29.PluginCreator;
+    config?: Partial<tailwindcss_types_config29.Config>;
+  };
+  __isOptionsFunction: true;
+};
+//#endregion
+export { spacingPlugin };

package/dist/tailwind/plugins/spacing.d.ts

@@ -0,0 +1,13 @@
+import { TailwindPluginOptions } from "../utils/composeTailwindPlugins.js";
+import * as tailwindcss_types_config29 from "tailwindcss/types/config";
+
+//#region src/tailwind/plugins/spacing.d.ts
+declare const spacingPlugin: {
+  (options: TailwindPluginOptions): {
+    handler: tailwindcss_types_config29.PluginCreator;
+    config?: Partial<tailwindcss_types_config29.Config>;
+  };
+  __isOptionsFunction: true;
+};
+//#endregion
+export { spacingPlugin };

package/dist/tailwind/plugins/spacing.js

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

package/dist/tailwind/plugins/typography.cjs

@@ -0,0 +1,77 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_tokens_consts_cssTokens = require('../../tokens/consts/cssTokens.cjs');
+const require_utils_assertUnreachable = require('../../utils/assertUnreachable.cjs');
+const require_tailwind_components_getResponsiveTextStyles = require('../components/getResponsiveTextStyles.cjs');
+const require_tokens_configs_typography = require('../../tokens/configs/typography.cjs');
+const require_tokens_utils_entries = require('../../tokens/utils/entries.cjs');
+const require_tokens_utils_fromEntries = require('../../tokens/utils/fromEntries.cjs');
+const require_tokens_utils_mapValues = require('../../tokens/utils/mapValues.cjs');
+const require_tailwind_defaultTailwindThemeAsUdsConfig = require('../defaultTailwindThemeAsUdsConfig.cjs');
+const require_tailwind_base_addFontFaceDeclarations = require('../base/addFontFaceDeclarations.cjs');
+const require_tailwind_base_addFontVars = require('../base/addFontVars.cjs');
+const require_tailwind_components_getGroupedTextStyles = require('../components/getGroupedTextStyles.cjs');
+const require_tailwind_theme_getFontFamilyTheme = require('../theme/getFontFamilyTheme.cjs');
+let __yahoo_uds_fixtures = require("@yahoo/uds/fixtures");
+let tailwindcss_plugin_js = require("tailwindcss/plugin.js");
+tailwindcss_plugin_js = require_rolldown_runtime.__toESM(tailwindcss_plugin_js);
+
+//#region src/tailwind/plugins/typography.ts
+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_tailwind_base_addFontFaceDeclarations.addFontFaceDeclarations(fontIds, api);
+	require_tailwind_base_addFontVars.addFontVars(config.font, api);
+	addBase(require_tailwind_components_getResponsiveTextStyles.getBaseTextVars(config));
+	addBase(require_tailwind_components_getGroupedTextStyles.getGroupedTextStyles());
+	if ((config.globalDefaults.enableResponsiveType ?? false) && config.typography && config.breakpoints) addComponents(require_tailwind_components_getResponsiveTextStyles.getResponsiveTextStyles(config));
+	matchUtilities({ case: (value) => ({ "text-transform": value }) }, { values: theme("typography.textTransform") });
+	const namedFontWeightsFromPlugin = theme("typography.fontWeight") || {};
+	const fontWeightsWithDescriptives = {
+		...require_tokens_configs_typography.fontWeightMap,
+		...namedFontWeightsFromPlugin
+	};
+	Object.entries(fontWeightsWithDescriptives).forEach(([fontWeight, value]) => {
+		const styles = {};
+		if (__yahoo_uds_fixtures.textVariants.map(require_tailwind_components_getResponsiveTextStyles.textVariantsSafe).includes(fontWeight)) {
+			const textVariant = fontWeight;
+			styles["font-weight"] = value;
+			styles["font-variation-settings"] = `"wght" ${value}, "slnt" ${theme(`typography.fontSlant.${textVariant}`)}, "wdth" ${theme(`typography.fontWidth.${textVariant}`)}`;
+			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") });
+}, ({ config }) => {
+	const enableResponsiveTypeRamp = config.globalDefaults.enableResponsiveType ?? false;
+	/**
+	* TODO: use tuple format like tailwind does to reduce having to use
+	* separate className utils for font size & line height
+	*/
+	const fontSize = require_tokens_utils_fromEntries.fromEntries(require_tokens_utils_entries.entries(require_tailwind_defaultTailwindThemeAsUdsConfig.udsToTailwindMap.fontSize).map(([udsAlias, twAlias]) => {
+		return [twAlias, [`var(--${require_tokens_consts_cssTokens.FONT_SIZE_PREFIX}-${require_tailwind_components_getResponsiveTextStyles.textVariantsSafe(udsAlias)})`, { lineHeight: `var(--${require_tokens_consts_cssTokens.LINE_HEIGHT_PREFIX}-${require_tailwind_components_getResponsiveTextStyles.textVariantsSafe(udsAlias)})` }]];
+	}));
+	const textClasses = __yahoo_uds_fixtures.textVariants.map((variant) => `uds-text-${require_tailwind_components_getResponsiveTextStyles.textVariantsSafe(variant)}`);
+	const responsiveTextClasses = [require_tokens_consts_cssTokens.TEXT_RESPONSIVE_CLASSNAME, ...Object.keys(require_tokens_consts_cssTokens.TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES).map((variant) => require_tokens_consts_cssTokens.TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES[variant])];
+	return {
+		safelist: [...textClasses, ...responsiveTextClasses],
+		theme: { extend: {
+			...enableResponsiveTypeRamp ? { screens: require_tokens_utils_mapValues.mapValues(config.breakpoints, (breakpoint) => {
+				switch (breakpoint.type) {
+					case "px": return `${breakpoint.value}px`;
+				}
+				return require_utils_assertUnreachable.assertUnreachable(breakpoint.type);
+			}) } : {},
+			fontFamily: require_tailwind_theme_getFontFamilyTheme.getFontFamilyTheme(),
+			fontSize,
+			lineHeight: require_tailwind_components_getResponsiveTextStyles.RESPONSIVE_TAILWIND_CONFIG_MAP.lineHeight,
+			letterSpacing: require_tailwind_components_getResponsiveTextStyles.RESPONSIVE_TAILWIND_CONFIG_MAP.letterSpacing,
+			typography: require_tailwind_components_getResponsiveTextStyles.RESPONSIVE_TAILWIND_CONFIG_MAP
+		} }
+	};
+});
+
+//#endregion
+exports.typographyPlugin = typographyPlugin;

package/dist/tailwind/plugins/typography.d.cts

@@ -0,0 +1,13 @@
+import { TailwindPluginOptions } from "../utils/composeTailwindPlugins.cjs";
+import * as tailwindcss_types_config31 from "tailwindcss/types/config";
+
+//#region src/tailwind/plugins/typography.d.ts
+declare const typographyPlugin: {
+  (options: TailwindPluginOptions): {
+    handler: tailwindcss_types_config31.PluginCreator;
+    config?: Partial<tailwindcss_types_config31.Config>;
+  };
+  __isOptionsFunction: true;
+};
+//#endregion
+export { typographyPlugin };

package/dist/tailwind/plugins/typography.d.ts

@@ -0,0 +1,13 @@
+import { TailwindPluginOptions } from "../utils/composeTailwindPlugins.js";
+import * as tailwindcss_types_config17 from "tailwindcss/types/config";
+
+//#region src/tailwind/plugins/typography.d.ts
+declare const typographyPlugin: {
+  (options: TailwindPluginOptions): {
+    handler: tailwindcss_types_config17.PluginCreator;
+    config?: Partial<tailwindcss_types_config17.Config>;
+  };
+  __isOptionsFunction: true;
+};
+//#endregion
+export { typographyPlugin };

package/dist/tailwind/plugins/typography.js

@@ -0,0 +1,75 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { FONT_SIZE_PREFIX, LINE_HEIGHT_PREFIX, TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, TEXT_RESPONSIVE_CLASSNAME } from "../../tokens/consts/cssTokens.js";
+import { assertUnreachable } from "../../utils/assertUnreachable.js";
+import { RESPONSIVE_TAILWIND_CONFIG_MAP, getBaseTextVars, getResponsiveTextStyles, textVariantsSafe } from "../components/getResponsiveTextStyles.js";
+import { fontWeightMap } from "../../tokens/configs/typography.js";
+import { entries } from "../../tokens/utils/entries.js";
+import { fromEntries } from "../../tokens/utils/fromEntries.js";
+import { mapValues } from "../../tokens/utils/mapValues.js";
+import { udsToTailwindMap } from "../defaultTailwindThemeAsUdsConfig.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
+const typographyPlugin = plugin.withOptions(({ config, disableFontFaceDeclarations = false }) => (api) => {
+	const { addBase, addUtilities, addComponents, matchUtilities, theme } = api;
+	const fontIds = Object.values(config.font);
+	if (disableFontFaceDeclarations === false) addFontFaceDeclarations(fontIds, api);
+	addFontVars(config.font, api);
+	addBase(getBaseTextVars(config));
+	addBase(getGroupedTextStyles());
+	if ((config.globalDefaults.enableResponsiveType ?? false) && config.typography && config.breakpoints) addComponents(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 (textVariants.map(textVariantsSafe).includes(fontWeight)) {
+			const textVariant = fontWeight;
+			styles["font-weight"] = value;
+			styles["font-variation-settings"] = `"wght" ${value}, "slnt" ${theme(`typography.fontSlant.${textVariant}`)}, "wdth" ${theme(`typography.fontWidth.${textVariant}`)}`;
+			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") });
+}, ({ config }) => {
+	const enableResponsiveTypeRamp = config.globalDefaults.enableResponsiveType ?? false;
+	/**
+	* TODO: use tuple format like tailwind does to reduce having to use
+	* separate className utils for font size & line height
+	*/
+	const fontSize = fromEntries(entries(udsToTailwindMap.fontSize).map(([udsAlias, twAlias]) => {
+		return [twAlias, [`var(--${FONT_SIZE_PREFIX}-${textVariantsSafe(udsAlias)})`, { lineHeight: `var(--${LINE_HEIGHT_PREFIX}-${textVariantsSafe(udsAlias)})` }]];
+	}));
+	const textClasses = textVariants.map((variant) => `uds-text-${textVariantsSafe(variant)}`);
+	const responsiveTextClasses = [TEXT_RESPONSIVE_CLASSNAME, ...Object.keys(TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES).map((variant) => TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES[variant])];
+	return {
+		safelist: [...textClasses, ...responsiveTextClasses],
+		theme: { extend: {
+			...enableResponsiveTypeRamp ? { screens: mapValues(config.breakpoints, (breakpoint) => {
+				switch (breakpoint.type) {
+					case "px": return `${breakpoint.value}px`;
+				}
+				return assertUnreachable(breakpoint.type);
+			}) } : {},
+			fontFamily: getFontFamilyTheme(),
+			fontSize,
+			lineHeight: RESPONSIVE_TAILWIND_CONFIG_MAP.lineHeight,
+			letterSpacing: RESPONSIVE_TAILWIND_CONFIG_MAP.letterSpacing,
+			typography: RESPONSIVE_TAILWIND_CONFIG_MAP
+		} }
+	};
+});
+
+//#endregion
+export { typographyPlugin };

package/dist/tailwind/postcss.config.cjs

@@ -0,0 +1,9 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+
+//#region src/tailwind/postcss.config.ts
+module.exports = { plugins: {
+	tailwindcss: {},
+	autoprefixer: {}
+} };
+
+//#endregion

package/dist/tailwind/postcss.config.d.cts

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

package/dist/tailwind/postcss.config.d.ts

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