@yahoo/uds 3.66.1 → 3.67.0-beta.2

package/dist/tailwind/plugins/borders.cjs

@@ -0,0 +1,54 @@
+/*! © 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_tokens_consts_defaultModes = require('../../tokens/consts/defaultModes.cjs');
+const require_tokens_utils_entries = require('../../tokens/utils/entries.cjs');
+const require_tokens_utils_fromEntries = require('../../tokens/utils/fromEntries.cjs');
+const require_tailwind_defaultTailwindThemeAsUdsConfig = require('../defaultTailwindThemeAsUdsConfig.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/borders.ts
+const bordersPlugin = tailwindcss_plugin_js.default.withOptions(() => () => void 0, ({ config }) => {
+	const scaleModeToken = require_tokens_parseTokens.parseTokens(config).scaleMode[require_tokens_consts_defaultModes.DEFAULT_SCALE_MODE];
+	/**
+	* The following tokens do not collide with UDS's border radius
+	* so we are not going to try and map them:
+	*  - '2xl': 16,
+	*  - '3xl': 24,
+	*/
+	const tailwindBorderRadius = require_tokens_utils_fromEntries.fromEntries(require_tokens_utils_entries.entries(require_tailwind_defaultTailwindThemeAsUdsConfig.udsToTailwindMap.borderRadius).map(([udsAlias, twAlias]) => {
+		return [twAlias, `var(--${require_tokens_consts_cssTokens.BORDER_RADIUS_PREFIX}-${udsAlias})`];
+	}));
+	const borderRadius = {
+		...scaleModeToken.borderRadius.tailwindConfig,
+		...tailwindBorderRadius
+	};
+	/**
+	* Reassign Tailwind's border width aliases to UDS's border width aliases
+	* This makes it so UDS configs can power both Tailwind and UDS components
+	*/
+	const tailwindBorderWidth = require_tokens_utils_fromEntries.fromEntries(require_tokens_utils_entries.entries(require_tailwind_defaultTailwindThemeAsUdsConfig.udsToTailwindMap.borderWidth).map(([udsAlias, twAlias]) => {
+		return [twAlias, `var(--${require_tokens_consts_cssTokens.BORDER_WIDTH_PREFIX}-${udsAlias})`];
+	}));
+	const borderWidth = {
+		...scaleModeToken.borderWidth.tailwindConfig,
+		...tailwindBorderWidth
+	};
+	return { theme: { extend: {
+		borderRadius,
+		borderWidth,
+		outlineWidth: {
+			...borderWidth,
+			DEFAULT: "2px"
+		},
+		outlineOffset: {
+			...borderWidth,
+			DEFAULT: "2px"
+		}
+	} } };
+});
+
+//#endregion
+exports.bordersPlugin = bordersPlugin;

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

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

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

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

package/dist/tailwind/plugins/borders.js

@@ -0,0 +1,52 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX } from "../../tokens/consts/cssTokens.js";
+import { DEFAULT_SCALE_MODE } from "../../tokens/consts/defaultModes.js";
+import { entries } from "../../tokens/utils/entries.js";
+import { fromEntries } from "../../tokens/utils/fromEntries.js";
+import { udsToTailwindMap } from "../defaultTailwindThemeAsUdsConfig.js";
+import { parseTokens } from "../../tokens/parseTokens.js";
+import plugin from "tailwindcss/plugin.js";
+
+//#region src/tailwind/plugins/borders.ts
+const bordersPlugin = plugin.withOptions(() => () => void 0, ({ config }) => {
+	const scaleModeToken = parseTokens(config).scaleMode[DEFAULT_SCALE_MODE];
+	/**
+	* The following tokens do not collide with UDS's border radius
+	* so we are not going to try and map them:
+	*  - '2xl': 16,
+	*  - '3xl': 24,
+	*/
+	const tailwindBorderRadius = fromEntries(entries(udsToTailwindMap.borderRadius).map(([udsAlias, twAlias]) => {
+		return [twAlias, `var(--${BORDER_RADIUS_PREFIX}-${udsAlias})`];
+	}));
+	const borderRadius = {
+		...scaleModeToken.borderRadius.tailwindConfig,
+		...tailwindBorderRadius
+	};
+	/**
+	* Reassign Tailwind's border width aliases to UDS's border width aliases
+	* This makes it so UDS configs can power both Tailwind and UDS components
+	*/
+	const tailwindBorderWidth = fromEntries(entries(udsToTailwindMap.borderWidth).map(([udsAlias, twAlias]) => {
+		return [twAlias, `var(--${BORDER_WIDTH_PREFIX}-${udsAlias})`];
+	}));
+	const borderWidth = {
+		...scaleModeToken.borderWidth.tailwindConfig,
+		...tailwindBorderWidth
+	};
+	return { theme: { extend: {
+		borderRadius,
+		borderWidth,
+		outlineWidth: {
+			...borderWidth,
+			DEFAULT: "2px"
+		},
+		outlineOffset: {
+			...borderWidth,
+			DEFAULT: "2px"
+		}
+	} } };
+});
+
+//#endregion
+export { bordersPlugin };

package/dist/tailwind/plugins/colors.cjs

@@ -0,0 +1,69 @@
+/*! © 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_tokens_configs_palette = require('../../tokens/configs/palette.cjs');
+const require_tokens_consts_defaultModes = require('../../tokens/consts/defaultModes.cjs');
+const require_tokens_utils_mapValues = require('../../tokens/utils/mapValues.cjs');
+const require_tokens_parseTokens = require('../../tokens/parseTokens.cjs');
+const require_tailwind_base_addColorModeVars = require('../base/addColorModeVars.cjs');
+const require_tailwind_base_addColorModeVarsV2 = require('../base/addColorModeVarsV2.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/colors.ts
+const colorsPlugin = tailwindcss_plugin_js.default.withOptions(({ config, enableSystemColorMode = false }) => (api) => {
+	const tokens = require_tokens_parseTokens.parseTokens(config);
+	if (enableSystemColorMode) require_tailwind_base_addColorModeVarsV2.addColorModeVarsV2(tokens, api);
+	else require_tailwind_base_addColorModeVars.addColorModeVars(tokens, api);
+}, ({ config }) => {
+	const colorModeToken = require_tokens_parseTokens.parseTokens(config).colorMode[require_tokens_consts_defaultModes.DEFAULT_COLOR_MODE].tailwindConfig;
+	const spectrumWithTailwind = require_tokens_utils_mapValues.mapValues(colorModeToken.spectrum, (hueConfig, hue) => {
+		return {
+			...hueConfig,
+			...__yahoo_uds_fixtures.tailwindColorsAsUds[hue]
+		};
+	});
+	const colors = {
+		...__yahoo_uds_fixtures.tailwindColorsAsUds,
+		...spectrumWithTailwind,
+		...require_tokens_configs_palette.alwaysPalette
+	};
+	const textColors = colorModeToken.palette.foreground;
+	const backgroundColors = colorModeToken.palette.background;
+	const borderColors = colorModeToken.palette.line;
+	return {
+		darkMode: ["class", require_tokens_consts_cssTokens.DARK_COLOR_MODE_CLASSNAME],
+		safelist: [
+			require_tokens_consts_cssTokens.LIGHT_COLOR_MODE_CLASSNAME,
+			require_tokens_consts_cssTokens.DARK_COLOR_MODE_CLASSNAME,
+			require_tokens_consts_cssTokens.INVERT_COLOR_MODE_CLASSNAME,
+			require_tokens_consts_cssTokens.SYSTEM_COLOR_MODE_CLASSNAME
+		],
+		theme: { extend: {
+			outlineColor: {
+				...borderColors,
+				DEFAULT: colors.gray["15"]
+			},
+			colors,
+			backgroundColor: backgroundColors,
+			textColor: textColors,
+			borderColor: borderColors,
+			fill: backgroundColors,
+			caretColor: textColors,
+			placeholderColor: textColors,
+			textDecorationColor: textColors,
+			divideColor: borderColors,
+			ringColor: borderColors,
+			ringOffsetColor: borderColors,
+			stroke: borderColors,
+			gradientColorStops: {
+				...backgroundColors,
+				...colors
+			}
+		} }
+	};
+});
+
+//#endregion
+exports.colorsPlugin = colorsPlugin;

package/dist/tailwind/plugins/colors.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/colors.d.ts
+declare const colorsPlugin: {
+  (options: TailwindPluginOptions): {
+    handler: tailwindcss_types_config21.PluginCreator;
+    config?: Partial<tailwindcss_types_config21.Config>;
+  };
+  __isOptionsFunction: true;
+};
+//#endregion
+export { colorsPlugin };

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

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

package/dist/tailwind/plugins/colors.js

@@ -0,0 +1,67 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { DARK_COLOR_MODE_CLASSNAME, INVERT_COLOR_MODE_CLASSNAME, LIGHT_COLOR_MODE_CLASSNAME, SYSTEM_COLOR_MODE_CLASSNAME } from "../../tokens/consts/cssTokens.js";
+import { alwaysPalette } from "../../tokens/configs/palette.js";
+import { DEFAULT_COLOR_MODE } from "../../tokens/consts/defaultModes.js";
+import { mapValues } from "../../tokens/utils/mapValues.js";
+import { parseTokens } from "../../tokens/parseTokens.js";
+import { addColorModeVars } from "../base/addColorModeVars.js";
+import { addColorModeVarsV2 } from "../base/addColorModeVarsV2.js";
+import { tailwindColorsAsUds } from "@yahoo/uds/fixtures";
+import plugin from "tailwindcss/plugin.js";
+
+//#region src/tailwind/plugins/colors.ts
+const colorsPlugin = plugin.withOptions(({ config, enableSystemColorMode = false }) => (api) => {
+	const tokens = parseTokens(config);
+	if (enableSystemColorMode) addColorModeVarsV2(tokens, api);
+	else addColorModeVars(tokens, api);
+}, ({ config }) => {
+	const colorModeToken = parseTokens(config).colorMode[DEFAULT_COLOR_MODE].tailwindConfig;
+	const spectrumWithTailwind = mapValues(colorModeToken.spectrum, (hueConfig, hue) => {
+		return {
+			...hueConfig,
+			...tailwindColorsAsUds[hue]
+		};
+	});
+	const colors = {
+		...tailwindColorsAsUds,
+		...spectrumWithTailwind,
+		...alwaysPalette
+	};
+	const textColors = colorModeToken.palette.foreground;
+	const backgroundColors$1 = colorModeToken.palette.background;
+	const borderColors = colorModeToken.palette.line;
+	return {
+		darkMode: ["class", DARK_COLOR_MODE_CLASSNAME],
+		safelist: [
+			LIGHT_COLOR_MODE_CLASSNAME,
+			DARK_COLOR_MODE_CLASSNAME,
+			INVERT_COLOR_MODE_CLASSNAME,
+			SYSTEM_COLOR_MODE_CLASSNAME
+		],
+		theme: { extend: {
+			outlineColor: {
+				...borderColors,
+				DEFAULT: colors.gray["15"]
+			},
+			colors,
+			backgroundColor: backgroundColors$1,
+			textColor: textColors,
+			borderColor: borderColors,
+			fill: backgroundColors$1,
+			caretColor: textColors,
+			placeholderColor: textColors,
+			textDecorationColor: textColors,
+			divideColor: borderColors,
+			ringColor: borderColors,
+			ringOffsetColor: borderColors,
+			stroke: borderColors,
+			gradientColorStops: {
+				...backgroundColors$1,
+				...colors
+			}
+		} }
+	};
+});
+
+//#endregion
+export { colorsPlugin };

package/dist/tailwind/plugins/components.cjs

@@ -0,0 +1,28 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_tokens_automation_utils_index = require('../../tokens/automation/utils/index.cjs');
+const require_generatedConfigs = require('../../generated/generatedConfigs.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/components.ts
+const componentsPlugin = tailwindcss_plugin_js.default.withOptions(({ config, previewOptions = { generatePseudoStateClassModifier: false } }) => ({ addComponents, theme }) => {
+	if (config.button || config.iconButton) {
+		addComponents(require_tokens_automation_utils_index.generateStyles(require_generatedConfigs.ButtonConfig, config.button, theme, previewOptions));
+		if (config.iconButton) addComponents(require_tokens_automation_utils_index.generateStyles(require_generatedConfigs.IconButtonConfig, config.iconButton, theme, previewOptions));
+	}
+	if (config.divider) addComponents(require_tokens_automation_utils_index.generateStyles(require_generatedConfigs.DividerConfig, config.divider, theme, previewOptions));
+	if (config.link) addComponents(require_tokens_automation_utils_index.generateStyles(require_generatedConfigs.LinkConfig, config.link, theme, previewOptions));
+	if (config.badge) addComponents(require_tokens_automation_utils_index.generateStyles(require_generatedConfigs.BadgeConfig, config.badge, theme, previewOptions));
+	if (config.radio) addComponents(require_tokens_automation_utils_index.generateStyles(require_generatedConfigs.RadioConfig, config.radio, theme, previewOptions));
+	if (config.avatar) addComponents(require_tokens_automation_utils_index.generateStyles(require_generatedConfigs.AvatarConfig, config.avatar, theme, previewOptions));
+	if (config.chip) addComponents(require_tokens_automation_utils_index.generateStyles(require_generatedConfigs.ChipConfig, config.chip, theme, previewOptions));
+	if (config.switch) addComponents(require_tokens_automation_utils_index.generateStyles(require_generatedConfigs.SwitchConfig, config.switch, theme, previewOptions));
+	if (config.checkbox) addComponents(require_tokens_automation_utils_index.generateStyles(require_generatedConfigs.CheckboxConfig, config.checkbox, theme, previewOptions));
+	if (config.menu) addComponents(require_tokens_automation_utils_index.generateStyles(require_generatedConfigs.MenuConfig, config.menu, theme, previewOptions));
+	if (config.input) addComponents(require_tokens_automation_utils_index.generateStyles(require_generatedConfigs.InputConfig, config.input, theme, previewOptions));
+}, () => ({ theme: { extend: { opacity: __yahoo_uds_fixtures.opacityMap } } }));
+
+//#endregion
+exports.componentsPlugin = componentsPlugin;

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

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

package/dist/tailwind/plugins/components.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/components.d.ts
+declare const componentsPlugin: {
+  (options: TailwindPluginOptions): {
+    handler: tailwindcss_types_config13.PluginCreator;
+    config?: Partial<tailwindcss_types_config13.Config>;
+  };
+  __isOptionsFunction: true;
+};
+//#endregion
+export { componentsPlugin };

package/dist/tailwind/plugins/components.js

@@ -0,0 +1,26 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { generateStyles } from "../../tokens/automation/utils/index.js";
+import { AvatarConfig, BadgeConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuConfig, RadioConfig, SwitchConfig } from "../../generated/generatedConfigs.js";
+import { opacityMap } from "@yahoo/uds/fixtures";
+import plugin from "tailwindcss/plugin.js";
+
+//#region src/tailwind/plugins/components.ts
+const componentsPlugin = plugin.withOptions(({ config, previewOptions = { generatePseudoStateClassModifier: false } }) => ({ addComponents, theme }) => {
+	if (config.button || config.iconButton) {
+		addComponents(generateStyles(ButtonConfig, config.button, theme, previewOptions));
+		if (config.iconButton) addComponents(generateStyles(IconButtonConfig, config.iconButton, theme, previewOptions));
+	}
+	if (config.divider) addComponents(generateStyles(DividerConfig, config.divider, theme, previewOptions));
+	if (config.link) addComponents(generateStyles(LinkConfig, config.link, theme, previewOptions));
+	if (config.badge) addComponents(generateStyles(BadgeConfig, config.badge, theme, previewOptions));
+	if (config.radio) addComponents(generateStyles(RadioConfig, config.radio, theme, previewOptions));
+	if (config.avatar) addComponents(generateStyles(AvatarConfig, config.avatar, theme, previewOptions));
+	if (config.chip) addComponents(generateStyles(ChipConfig, config.chip, theme, previewOptions));
+	if (config.switch) addComponents(generateStyles(SwitchConfig, config.switch, theme, previewOptions));
+	if (config.checkbox) addComponents(generateStyles(CheckboxConfig, config.checkbox, theme, previewOptions));
+	if (config.menu) addComponents(generateStyles(MenuConfig, config.menu, theme, previewOptions));
+	if (config.input) addComponents(generateStyles(InputConfig, config.input, theme, previewOptions));
+}, () => ({ theme: { extend: { opacity: opacityMap } } }));
+
+//#endregion
+export { componentsPlugin };

package/dist/tailwind/plugins/elevation.cjs

@@ -0,0 +1,30 @@
+/*! © 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_tokens_utils_entries = require('../../tokens/utils/entries.cjs');
+const require_tokens_utils_fromEntries = require('../../tokens/utils/fromEntries.cjs');
+const require_tailwind_utils_getElevationStyles = require('../utils/getElevationStyles.cjs');
+let tailwindcss_plugin_js = require("tailwindcss/plugin.js");
+tailwindcss_plugin_js = require_rolldown_runtime.__toESM(tailwindcss_plugin_js);
+
+//#region src/tailwind/plugins/elevation.ts
+const elevationPlugin = tailwindcss_plugin_js.default.withOptions(({ config }) => ({ addUtilities }) => {
+	if (!config.elevation) return;
+	addUtilities(require_tailwind_utils_getElevationStyles.getElevationStyles({ config }));
+}, ({ config }) => {
+	if (!config.elevation) return {};
+	const backgroundColor = require_tokens_utils_fromEntries.fromEntries(require_tokens_utils_entries.entries(config.elevation || {}).map(([level]) => [`elevation-${level}`, `var(--${require_tokens_consts_cssTokens.BACKGROUND_COLOR_PREFIX}-elevation-${level})`]));
+	const borderColor = require_tokens_utils_fromEntries.fromEntries(require_tokens_utils_entries.entries(config.elevation || {}).map(([level]) => [`elevation-${level}`, `var(--${require_tokens_consts_cssTokens.LINE_COLOR_PREFIX}-elevation-${level})`]));
+	const borderWidth = require_tokens_utils_fromEntries.fromEntries(require_tokens_utils_entries.entries(config.elevation || {}).map(([level]) => [`width-elevation-${level}`, `var(--${require_tokens_consts_cssTokens.BORDER_WIDTH_PREFIX}-elevation-${level})`]));
+	return { theme: { extend: {
+		borderWidth,
+		borderColor,
+		outlineWidth: borderWidth,
+		outlineOffset: borderWidth,
+		outlineColor: borderColor,
+		backgroundColor
+	} } };
+});
+
+//#endregion
+exports.elevationPlugin = elevationPlugin;

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

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

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

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

package/dist/tailwind/plugins/elevation.js

@@ -0,0 +1,28 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { BACKGROUND_COLOR_PREFIX, BORDER_WIDTH_PREFIX, LINE_COLOR_PREFIX } from "../../tokens/consts/cssTokens.js";
+import { entries } from "../../tokens/utils/entries.js";
+import { fromEntries } from "../../tokens/utils/fromEntries.js";
+import { getElevationStyles } from "../utils/getElevationStyles.js";
+import plugin from "tailwindcss/plugin.js";
+
+//#region src/tailwind/plugins/elevation.ts
+const elevationPlugin = plugin.withOptions(({ config }) => ({ addUtilities }) => {
+	if (!config.elevation) return;
+	addUtilities(getElevationStyles({ config }));
+}, ({ config }) => {
+	if (!config.elevation) return {};
+	const backgroundColor = fromEntries(entries(config.elevation || {}).map(([level]) => [`elevation-${level}`, `var(--${BACKGROUND_COLOR_PREFIX}-elevation-${level})`]));
+	const borderColor = fromEntries(entries(config.elevation || {}).map(([level]) => [`elevation-${level}`, `var(--${LINE_COLOR_PREFIX}-elevation-${level})`]));
+	const borderWidth = fromEntries(entries(config.elevation || {}).map(([level]) => [`width-elevation-${level}`, `var(--${BORDER_WIDTH_PREFIX}-elevation-${level})`]));
+	return { theme: { extend: {
+		borderWidth,
+		borderColor,
+		outlineWidth: borderWidth,
+		outlineOffset: borderWidth,
+		outlineColor: borderColor,
+		backgroundColor
+	} } };
+});
+
+//#endregion
+export { elevationPlugin };

package/dist/tailwind/plugins/icons.cjs

@@ -0,0 +1,13 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_tailwind_components_getIconStyles = require('../components/getIconStyles.cjs');
+let tailwindcss_plugin_js = require("tailwindcss/plugin.js");
+tailwindcss_plugin_js = require_rolldown_runtime.__toESM(tailwindcss_plugin_js);
+
+//#region src/tailwind/plugins/icons.ts
+const iconsPlugin = tailwindcss_plugin_js.default.withOptions(() => ({ addBase }) => {
+	addBase(require_tailwind_components_getIconStyles.getIconStyles());
+}, () => ({ safelist: ["uds-light-mode-icon", "uds-dark-mode-icon"] }));
+
+//#endregion
+exports.iconsPlugin = iconsPlugin;

package/dist/tailwind/plugins/icons.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/icons.d.ts
+declare const iconsPlugin: {
+  (options: TailwindPluginOptions): {
+    handler: tailwindcss_types_config25.PluginCreator;
+    config?: Partial<tailwindcss_types_config25.Config>;
+  };
+  __isOptionsFunction: true;
+};
+//#endregion
+export { iconsPlugin };

package/dist/tailwind/plugins/icons.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/icons.d.ts
+declare const iconsPlugin: {
+  (options: TailwindPluginOptions): {
+    handler: tailwindcss_types_config17.PluginCreator;
+    config?: Partial<tailwindcss_types_config17.Config>;
+  };
+  __isOptionsFunction: true;
+};
+//#endregion
+export { iconsPlugin };

package/dist/tailwind/plugins/icons.js

@@ -0,0 +1,11 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { getIconStyles } from "../components/getIconStyles.js";
+import plugin from "tailwindcss/plugin.js";
+
+//#region src/tailwind/plugins/icons.ts
+const iconsPlugin = plugin.withOptions(() => ({ addBase }) => {
+	addBase(getIconStyles());
+}, () => ({ safelist: ["uds-light-mode-icon", "uds-dark-mode-icon"] }));
+
+//#endregion
+export { iconsPlugin };

package/dist/tailwind/plugins/input.cjs

@@ -0,0 +1,20 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_tailwind_components_getInputStyles = require('../components/getInputStyles.cjs');
+let tailwindcss_plugin_js = require("tailwindcss/plugin.js");
+tailwindcss_plugin_js = require_rolldown_runtime.__toESM(tailwindcss_plugin_js);
+
+//#region src/tailwind/plugins/input.ts
+/**
+* @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());
+}, () => ({ safelist: [
+	"uds-input[list]::-webkit-calendar-picker-indicator",
+	"uds-input::-webkit-datetime-edit",
+	"uds-input::-webkit-calendar-picker-indicator"
+] }));
+
+//#endregion
+exports.inputPlugin = inputPlugin;

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

@@ -0,0 +1,16 @@
+import { TailwindPluginOptions } from "../utils/composeTailwindPlugins.cjs";
+import * as tailwindcss_types_config29 from "tailwindcss/types/config";
+
+//#region src/tailwind/plugins/input.d.ts
+/**
+ * @deprecated Should be removed or moved into componentsPlugin in the future
+ */
+declare const inputPlugin: {
+  (options: TailwindPluginOptions): {
+    handler: tailwindcss_types_config29.PluginCreator;
+    config?: Partial<tailwindcss_types_config29.Config>;
+  };
+  __isOptionsFunction: true;
+};
+//#endregion
+export { inputPlugin };

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

@@ -0,0 +1,16 @@
+import { TailwindPluginOptions } from "../utils/composeTailwindPlugins.js";
+import * as tailwindcss_types_config19 from "tailwindcss/types/config";
+
+//#region src/tailwind/plugins/input.d.ts
+/**
+ * @deprecated Should be removed or moved into componentsPlugin in the future
+ */
+declare const inputPlugin: {
+  (options: TailwindPluginOptions): {
+    handler: tailwindcss_types_config19.PluginCreator;
+    config?: Partial<tailwindcss_types_config19.Config>;
+  };
+  __isOptionsFunction: true;
+};
+//#endregion
+export { inputPlugin };

package/dist/tailwind/plugins/input.js

@@ -0,0 +1,18 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { getInputStyles } from "../components/getInputStyles.js";
+import plugin from "tailwindcss/plugin.js";
+
+//#region src/tailwind/plugins/input.ts
+/**
+* @deprecated Should be removed or moved into componentsPlugin in the future
+*/
+const inputPlugin = plugin.withOptions(() => ({ addComponents }) => {
+	addComponents(getInputStyles());
+}, () => ({ safelist: [
+	"uds-input[list]::-webkit-calendar-picker-indicator",
+	"uds-input::-webkit-datetime-edit",
+	"uds-input::-webkit-calendar-picker-indicator"
+] }));
+
+//#endregion
+export { inputPlugin };

package/dist/tailwind/plugins/motion.cjs

@@ -0,0 +1,14 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_tailwind_base_addMotionVars = require('../base/addMotionVars.cjs');
+let tailwindcss_plugin_js = require("tailwindcss/plugin.js");
+tailwindcss_plugin_js = require_rolldown_runtime.__toESM(tailwindcss_plugin_js);
+
+//#region src/tailwind/plugins/motion.ts
+const motionPlugin = tailwindcss_plugin_js.default.withOptions(({ config }) => (api) => {
+	if (!config.motion) return;
+	require_tailwind_base_addMotionVars.addMotionVars(config.motion, api);
+});
+
+//#endregion
+exports.motionPlugin = motionPlugin;

package/dist/tailwind/plugins/motion.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/motion.d.ts
+declare const motionPlugin: {
+  (options: TailwindPluginOptions): {
+    handler: tailwindcss_types_config31.PluginCreator;
+    config?: Partial<tailwindcss_types_config31.Config>;
+  };
+  __isOptionsFunction: true;
+};
+//#endregion
+export { motionPlugin };