@yahoo/uds 3.66.0 → 3.67.0-beta.1

package/dist/tailwind/base/addColorModeVars.cjs

@@ -0,0 +1,21 @@
+/*! © 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_tailwind_utils_getColorModeStyles = require('../utils/getColorModeStyles.cjs');
+let lodash_isString_js = require("lodash/isString.js");
+lodash_isString_js = require_rolldown_runtime.__toESM(lodash_isString_js);
+
+//#region src/tailwind/base/addColorModeVars.ts
+function addColorModeVars(tokens, { addBase, config }) {
+	const styles = require_tailwind_utils_getColorModeStyles.getColorModeStyles(tokens);
+	const parentConfigImportant = config().important;
+	addBase({
+		[(0, lodash_isString_js.default)(parentConfigImportant) ? parentConfigImportant : ":root"]: styles[require_tokens_consts_defaultModes.DEFAULT_COLOR_MODE],
+		[`.${require_tokens_consts_cssTokens.LIGHT_COLOR_MODE_CLASSNAME}`]: styles.light,
+		[`.${require_tokens_consts_cssTokens.DARK_COLOR_MODE_CLASSNAME}`]: styles.dark
+	});
+}
+
+//#endregion
+exports.addColorModeVars = addColorModeVars;

package/dist/tailwind/base/addColorModeVars.d.cts

@@ -0,0 +1,10 @@
+import { WebTokens } from "../../tokens/parseTokens.cjs";
+import { PluginAPI } from "tailwindcss/types/config";
+
+//#region src/tailwind/base/addColorModeVars.d.ts
+declare function addColorModeVars(tokens: WebTokens, {
+  addBase,
+  config
+}: PluginAPI): void;
+//#endregion
+export { addColorModeVars };

package/dist/tailwind/base/addColorModeVars.d.ts

@@ -0,0 +1,10 @@
+import { WebTokens } from "../../tokens/parseTokens.js";
+import { PluginAPI } from "tailwindcss/types/config";
+
+//#region src/tailwind/base/addColorModeVars.d.ts
+declare function addColorModeVars(tokens: WebTokens, {
+  addBase,
+  config
+}: PluginAPI): void;
+//#endregion
+export { addColorModeVars };

package/dist/tailwind/base/addColorModeVars.js

@@ -0,0 +1,19 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { DARK_COLOR_MODE_CLASSNAME, LIGHT_COLOR_MODE_CLASSNAME } from "../../tokens/consts/cssTokens.js";
+import { DEFAULT_COLOR_MODE } from "../../tokens/consts/defaultModes.js";
+import { getColorModeStyles } from "../utils/getColorModeStyles.js";
+import { isString } from "lodash-es";
+
+//#region src/tailwind/base/addColorModeVars.ts
+function addColorModeVars(tokens, { addBase, config }) {
+	const styles = getColorModeStyles(tokens);
+	const parentConfigImportant = config().important;
+	addBase({
+		[isString(parentConfigImportant) ? parentConfigImportant : ":root"]: styles[DEFAULT_COLOR_MODE],
+		[`.${LIGHT_COLOR_MODE_CLASSNAME}`]: styles.light,
+		[`.${DARK_COLOR_MODE_CLASSNAME}`]: styles.dark
+	});
+}
+
+//#endregion
+export { addColorModeVars };

package/dist/tailwind/base/addColorModeVarsV2.cjs

@@ -0,0 +1,45 @@
+/*! © 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_tailwind_utils_getColorModeStyles = require('../utils/getColorModeStyles.cjs');
+let lodash_isString_js = require("lodash/isString.js");
+lodash_isString_js = require_rolldown_runtime.__toESM(lodash_isString_js);
+
+//#region src/tailwind/base/addColorModeVarsV2.ts
+function addColorModeVarsV2(tokens, { addBase, config }) {
+	const parentConfigImportant = config().important;
+	const rootSelector = (0, lodash_isString_js.default)(parentConfigImportant) ? parentConfigImportant : ":root";
+	const styles = require_tailwind_utils_getColorModeStyles.getColorModeStyles(tokens);
+	const stylesWithInvert = (key) => {
+		const { colorScheme: _, ...stylesDefault } = styles[key];
+		const { colorScheme: __, ...stylesInvert } = styles[key === "light" ? "dark" : "light"];
+		return {
+			...stylesDefault,
+			[`.${require_tokens_consts_cssTokens.INVERT_COLOR_MODE_CLASSNAME}`]: stylesInvert
+		};
+	};
+	const lightWithInvert = stylesWithInvert("light");
+	const darkWithInvert = stylesWithInvert("dark");
+	addBase({
+		[rootSelector]: {
+			colorScheme: require_tokens_consts_defaultModes.DEFAULT_COLOR_MODE,
+			...stylesWithInvert(require_tokens_consts_defaultModes.DEFAULT_COLOR_MODE)
+		},
+		[`.${require_tokens_consts_cssTokens.SYSTEM_COLOR_MODE_CLASSNAME}`]: {
+			colorScheme: "light dark",
+			"@media (prefers-color-scheme: dark)": darkWithInvert
+		},
+		[`.${require_tokens_consts_cssTokens.LIGHT_COLOR_MODE_CLASSNAME}`]: {
+			colorScheme: "light",
+			...lightWithInvert
+		},
+		[`.${require_tokens_consts_cssTokens.DARK_COLOR_MODE_CLASSNAME}`]: {
+			colorScheme: "dark",
+			...darkWithInvert
+		}
+	});
+}
+
+//#endregion
+exports.addColorModeVarsV2 = addColorModeVarsV2;

package/dist/tailwind/base/addColorModeVarsV2.d.cts

@@ -0,0 +1,10 @@
+import { WebTokens } from "../../tokens/parseTokens.cjs";
+import { PluginAPI } from "tailwindcss/types/config";
+
+//#region src/tailwind/base/addColorModeVarsV2.d.ts
+declare function addColorModeVarsV2(tokens: WebTokens, {
+  addBase,
+  config
+}: PluginAPI): void;
+//#endregion
+export { addColorModeVarsV2 };

package/dist/tailwind/base/addColorModeVarsV2.d.ts

@@ -0,0 +1,10 @@
+import { WebTokens } from "../../tokens/parseTokens.js";
+import { PluginAPI } from "tailwindcss/types/config";
+
+//#region src/tailwind/base/addColorModeVarsV2.d.ts
+declare function addColorModeVarsV2(tokens: WebTokens, {
+  addBase,
+  config
+}: PluginAPI): void;
+//#endregion
+export { addColorModeVarsV2 };

package/dist/tailwind/base/addColorModeVarsV2.js

@@ -0,0 +1,43 @@
+/*! © 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 { DEFAULT_COLOR_MODE } from "../../tokens/consts/defaultModes.js";
+import { getColorModeStyles } from "../utils/getColorModeStyles.js";
+import { isString } from "lodash-es";
+
+//#region src/tailwind/base/addColorModeVarsV2.ts
+function addColorModeVarsV2(tokens, { addBase, config }) {
+	const parentConfigImportant = config().important;
+	const rootSelector = isString(parentConfigImportant) ? parentConfigImportant : ":root";
+	const styles = getColorModeStyles(tokens);
+	const stylesWithInvert = (key) => {
+		const { colorScheme: _, ...stylesDefault } = styles[key];
+		const { colorScheme: __, ...stylesInvert } = styles[key === "light" ? "dark" : "light"];
+		return {
+			...stylesDefault,
+			[`.${INVERT_COLOR_MODE_CLASSNAME}`]: stylesInvert
+		};
+	};
+	const lightWithInvert = stylesWithInvert("light");
+	const darkWithInvert = stylesWithInvert("dark");
+	addBase({
+		[rootSelector]: {
+			colorScheme: DEFAULT_COLOR_MODE,
+			...stylesWithInvert(DEFAULT_COLOR_MODE)
+		},
+		[`.${SYSTEM_COLOR_MODE_CLASSNAME}`]: {
+			colorScheme: "light dark",
+			"@media (prefers-color-scheme: dark)": darkWithInvert
+		},
+		[`.${LIGHT_COLOR_MODE_CLASSNAME}`]: {
+			colorScheme: "light",
+			...lightWithInvert
+		},
+		[`.${DARK_COLOR_MODE_CLASSNAME}`]: {
+			colorScheme: "dark",
+			...darkWithInvert
+		}
+	});
+}
+
+//#endregion
+export { addColorModeVarsV2 };

package/dist/tailwind/base/addFontFaceDeclarations.cjs

@@ -0,0 +1,11 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_tailwind_utils_getFontFaceDeclarations = require('../utils/getFontFaceDeclarations.cjs');
+
+//#region src/tailwind/base/addFontFaceDeclarations.ts
+function addFontFaceDeclarations(fontIds, { addBase }) {
+	const declarations = require_tailwind_utils_getFontFaceDeclarations.getFontFaceDeclarations(fontIds);
+	for (const declaration of declarations) addBase({ "@font-face": declaration });
+}
+
+//#endregion
+exports.addFontFaceDeclarations = addFontFaceDeclarations;

package/dist/tailwind/base/addFontFaceDeclarations.d.cts

@@ -0,0 +1,10 @@
+import { FontID } from "../../tokens/types.cjs";
+import "../../tokens/index.cjs";
+import { PluginAPI } from "tailwindcss/types/config";
+
+//#region src/tailwind/base/addFontFaceDeclarations.d.ts
+declare function addFontFaceDeclarations(fontIds: FontID[], {
+  addBase
+}: PluginAPI): void;
+//#endregion
+export { addFontFaceDeclarations };

package/dist/tailwind/base/addFontFaceDeclarations.d.ts

@@ -0,0 +1,10 @@
+import { FontID } from "../../tokens/types.js";
+import "../../tokens/index.js";
+import { PluginAPI } from "tailwindcss/types/config";
+
+//#region src/tailwind/base/addFontFaceDeclarations.d.ts
+declare function addFontFaceDeclarations(fontIds: FontID[], {
+  addBase
+}: PluginAPI): void;
+//#endregion
+export { addFontFaceDeclarations };

package/dist/tailwind/base/addFontFaceDeclarations.js

@@ -0,0 +1,11 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { getFontFaceDeclarations } from "../utils/getFontFaceDeclarations.js";
+
+//#region src/tailwind/base/addFontFaceDeclarations.ts
+function addFontFaceDeclarations(fontIds, { addBase }) {
+	const declarations = getFontFaceDeclarations(fontIds);
+	for (const declaration of declarations) addBase({ "@font-face": declaration });
+}
+
+//#endregion
+export { addFontFaceDeclarations };

package/dist/tailwind/base/addFontVars.cjs

@@ -0,0 +1,10 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_tailwind_utils_getFontStyles = require('../utils/getFontStyles.cjs');
+
+//#region src/tailwind/base/addFontVars.ts
+function addFontVars(config, { addBase }) {
+	addBase(require_tailwind_utils_getFontStyles.getFontStyles(config));
+}
+
+//#endregion
+exports.addFontVars = addFontVars;

package/dist/tailwind/base/addFontVars.d.cts

@@ -0,0 +1,10 @@
+import { FontConfig } from "../../tokens/types.cjs";
+import "../../tokens/index.cjs";
+import { PluginAPI } from "tailwindcss/types/config";
+
+//#region src/tailwind/base/addFontVars.d.ts
+declare function addFontVars(config: FontConfig, {
+  addBase
+}: PluginAPI): void;
+//#endregion
+export { addFontVars };

package/dist/tailwind/base/addFontVars.d.ts

@@ -0,0 +1,10 @@
+import { FontConfig } from "../../tokens/types.js";
+import "../../tokens/index.js";
+import { PluginAPI } from "tailwindcss/types/config";
+
+//#region src/tailwind/base/addFontVars.d.ts
+declare function addFontVars(config: FontConfig, {
+  addBase
+}: PluginAPI): void;
+//#endregion
+export { addFontVars };

package/dist/tailwind/base/addFontVars.js

@@ -0,0 +1,10 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { getFontStyles } from "../utils/getFontStyles.js";
+
+//#region src/tailwind/base/addFontVars.ts
+function addFontVars(config, { addBase }) {
+	addBase(getFontStyles(config));
+}
+
+//#endregion
+export { addFontVars };

package/dist/tailwind/base/addMotionVars.cjs

@@ -0,0 +1,10 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_tailwind_utils_getMotionStyles = require('../utils/getMotionStyles.cjs');
+
+//#region src/tailwind/base/addMotionVars.ts
+function addMotionVars(config, { addBase }) {
+	addBase(require_tailwind_utils_getMotionStyles.getMotionStyles(config));
+}
+
+//#endregion
+exports.addMotionVars = addMotionVars;

package/dist/tailwind/base/addMotionVars.d.cts

@@ -0,0 +1,10 @@
+import { MotionConfig } from "../../tokens/types.cjs";
+import "../../tokens/index.cjs";
+import { PluginAPI } from "tailwindcss/types/config";
+
+//#region src/tailwind/base/addMotionVars.d.ts
+declare function addMotionVars(config: MotionConfig, {
+  addBase
+}: PluginAPI): void;
+//#endregion
+export { addMotionVars };

package/dist/tailwind/base/addMotionVars.d.ts

@@ -0,0 +1,10 @@
+import { MotionConfig } from "../../tokens/types.js";
+import "../../tokens/index.js";
+import { PluginAPI } from "tailwindcss/types/config";
+
+//#region src/tailwind/base/addMotionVars.d.ts
+declare function addMotionVars(config: MotionConfig, {
+  addBase
+}: PluginAPI): void;
+//#endregion
+export { addMotionVars };

package/dist/tailwind/base/addMotionVars.js

@@ -0,0 +1,10 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { getMotionStyles } from "../utils/getMotionStyles.js";
+
+//#region src/tailwind/base/addMotionVars.ts
+function addMotionVars(config, { addBase }) {
+	addBase(getMotionStyles(config));
+}
+
+//#endregion
+export { addMotionVars };

package/dist/tailwind/base/addScaleModeVars.cjs

@@ -0,0 +1,22 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_tokens_consts_cssTokens = require('../../tokens/consts/cssTokens.cjs');
+const require_tokens_consts_defaultModes = require('../../tokens/consts/defaultModes.cjs');
+const require_tailwind_utils_getScaleModeStyles = require('../utils/getScaleModeStyles.cjs');
+
+//#region src/tailwind/base/addScaleModeVars.ts
+function addScaleModeVars(tokens, { addBase }) {
+	const styles = require_tailwind_utils_getScaleModeStyles.getScaleModeStyles(tokens);
+	addBase({
+		...styles[require_tokens_consts_defaultModes.DEFAULT_SCALE_MODE],
+		[`.${require_tokens_consts_cssTokens.XSMALL_SCALE_MODE_CLASSNAME}`]: styles.xSmall,
+		[`.${require_tokens_consts_cssTokens.SMALL_SCALE_MODE_CLASSNAME}`]: styles.small,
+		[`.${require_tokens_consts_cssTokens.MEDIUM_SCALE_MODE_CLASSNAME}`]: styles.medium,
+		[`.${require_tokens_consts_cssTokens.LARGE_SCALE_MODE_CLASSNAME}`]: styles.large,
+		[`.${require_tokens_consts_cssTokens.XLARGE_SCALE_MODE_CLASSNAME}`]: styles.xLarge,
+		[`.${require_tokens_consts_cssTokens.XXLARGE_SCALE_MODE_CLASSNAME}`]: styles.xxLarge,
+		[`.${require_tokens_consts_cssTokens.XXXLARGE_SCALE_MODE_CLASSNAME}`]: styles.xxxLarge
+	});
+}
+
+//#endregion
+exports.addScaleModeVars = addScaleModeVars;

package/dist/tailwind/base/addScaleModeVars.d.cts

@@ -0,0 +1,9 @@
+import { WebTokens } from "../../tokens/parseTokens.cjs";
+import { PluginAPI } from "tailwindcss/types/config";
+
+//#region src/tailwind/base/addScaleModeVars.d.ts
+declare function addScaleModeVars(tokens: WebTokens, {
+  addBase
+}: PluginAPI): void;
+//#endregion
+export { addScaleModeVars };

package/dist/tailwind/base/addScaleModeVars.d.ts

@@ -0,0 +1,9 @@
+import { WebTokens } from "../../tokens/parseTokens.js";
+import { PluginAPI } from "tailwindcss/types/config";
+
+//#region src/tailwind/base/addScaleModeVars.d.ts
+declare function addScaleModeVars(tokens: WebTokens, {
+  addBase
+}: PluginAPI): void;
+//#endregion
+export { addScaleModeVars };

package/dist/tailwind/base/addScaleModeVars.js

@@ -0,0 +1,22 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { LARGE_SCALE_MODE_CLASSNAME, MEDIUM_SCALE_MODE_CLASSNAME, SMALL_SCALE_MODE_CLASSNAME, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME } from "../../tokens/consts/cssTokens.js";
+import { DEFAULT_SCALE_MODE } from "../../tokens/consts/defaultModes.js";
+import { getScaleModeStyles } from "../utils/getScaleModeStyles.js";
+
+//#region src/tailwind/base/addScaleModeVars.ts
+function addScaleModeVars(tokens, { addBase }) {
+	const styles = getScaleModeStyles(tokens);
+	addBase({
+		...styles[DEFAULT_SCALE_MODE],
+		[`.${XSMALL_SCALE_MODE_CLASSNAME}`]: styles.xSmall,
+		[`.${SMALL_SCALE_MODE_CLASSNAME}`]: styles.small,
+		[`.${MEDIUM_SCALE_MODE_CLASSNAME}`]: styles.medium,
+		[`.${LARGE_SCALE_MODE_CLASSNAME}`]: styles.large,
+		[`.${XLARGE_SCALE_MODE_CLASSNAME}`]: styles.xLarge,
+		[`.${XXLARGE_SCALE_MODE_CLASSNAME}`]: styles.xxLarge,
+		[`.${XXXLARGE_SCALE_MODE_CLASSNAME}`]: styles.xxxLarge
+	});
+}
+
+//#endregion
+export { addScaleModeVars };

package/dist/tailwind/components/getFocusRingStyles.cjs

@@ -0,0 +1,29 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_tokens_consts_cssTokens = require('../../tokens/consts/cssTokens.cjs');
+
+//#region src/tailwind/components/getFocusRingStyles.ts
+const ringStyles = {
+	outlineOffset: "var(--uds-outline-offset)",
+	outlineWidth: "var(--uds-outline-width)",
+	outlineColor: "var(--uds-outline-color)",
+	outlineStyle: "var(--uds-outline-style)"
+};
+/**
+* Generates focus ring styles using Tailwind theme values and CSS variables.
+*/
+function getFocusRingStyles({ theme }) {
+	return {
+		".uds-ring": {
+			"--uds-outline-offset": theme("outlineOffset.DEFAULT"),
+			"--uds-outline-width": theme("outlineWidth.DEFAULT"),
+			"--uds-outline-color": theme("outlineColor.DEFAULT"),
+			"--uds-outline-style": "solid"
+		},
+		[`.uds-ring${require_tokens_consts_cssTokens.PSEUDO_STYLE_SELECTOR_MAP.focused}`]: ringStyles,
+		[".focused .uds-ring"]: ringStyles,
+		[`.uds-ring.uds-ring-within${require_tokens_consts_cssTokens.PSEUDO_STYLE_SELECTOR_MAP.focusedWithin}`]: ringStyles
+	};
+}
+
+//#endregion
+exports.getFocusRingStyles = getFocusRingStyles;

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

@@ -0,0 +1,14 @@
+import { CssStyleObject, ThemeFn } from "./types.cjs";
+
+//#region src/tailwind/components/getFocusRingStyles.d.ts
+
+/**
+ * Generates focus ring styles using Tailwind theme values and CSS variables.
+ */
+declare function getFocusRingStyles({
+  theme
+}: {
+  theme: ThemeFn;
+}): CssStyleObject;
+//#endregion
+export { getFocusRingStyles };

package/dist/tailwind/components/getFocusRingStyles.d.ts

@@ -0,0 +1,14 @@
+import { CssStyleObject, ThemeFn } from "./types.js";
+
+//#region src/tailwind/components/getFocusRingStyles.d.ts
+
+/**
+ * Generates focus ring styles using Tailwind theme values and CSS variables.
+ */
+declare function getFocusRingStyles({
+  theme
+}: {
+  theme: ThemeFn;
+}): CssStyleObject;
+//#endregion
+export { getFocusRingStyles };

package/dist/tailwind/components/getFocusRingStyles.js

@@ -0,0 +1,29 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { PSEUDO_STYLE_SELECTOR_MAP } from "../../tokens/consts/cssTokens.js";
+
+//#region src/tailwind/components/getFocusRingStyles.ts
+const ringStyles = {
+	outlineOffset: "var(--uds-outline-offset)",
+	outlineWidth: "var(--uds-outline-width)",
+	outlineColor: "var(--uds-outline-color)",
+	outlineStyle: "var(--uds-outline-style)"
+};
+/**
+* Generates focus ring styles using Tailwind theme values and CSS variables.
+*/
+function getFocusRingStyles({ theme }) {
+	return {
+		".uds-ring": {
+			"--uds-outline-offset": theme("outlineOffset.DEFAULT"),
+			"--uds-outline-width": theme("outlineWidth.DEFAULT"),
+			"--uds-outline-color": theme("outlineColor.DEFAULT"),
+			"--uds-outline-style": "solid"
+		},
+		[`.uds-ring${PSEUDO_STYLE_SELECTOR_MAP.focused}`]: ringStyles,
+		[".focused .uds-ring"]: ringStyles,
+		[`.uds-ring.uds-ring-within${PSEUDO_STYLE_SELECTOR_MAP.focusedWithin}`]: ringStyles
+	};
+}
+
+//#endregion
+export { getFocusRingStyles };

package/dist/tailwind/components/getGroupedTextStyles.cjs

@@ -0,0 +1,20 @@
+/*! © 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_tailwind_components_getResponsiveTextStyles = require('./getResponsiveTextStyles.cjs');
+let __yahoo_uds_fixtures = require("@yahoo/uds/fixtures");
+
+//#region src/tailwind/components/getGroupedTextStyles.ts
+const getGroupedTextStyles = () => Object.fromEntries(__yahoo_uds_fixtures.textVariants.map(require_tailwind_components_getResponsiveTextStyles.textVariantsSafe).map((variant) => [`.uds-text-${variant}`, {
+	fontFamily: `var(--${require_tokens_consts_cssTokens.FONT_FAMILY_PREFIX}-${variant})`,
+	fontSize: `var(--${require_tokens_consts_cssTokens.FONT_SIZE_PREFIX}-${variant})`,
+	fontWeight: `var(--${require_tokens_consts_cssTokens.FONT_WEIGHT_PREFIX}-${variant})`,
+	fontVariationSettings: `"wght" var(--${require_tokens_consts_cssTokens.FONT_WEIGHT_PREFIX}-${variant}), "slnt" var(--${require_tokens_consts_cssTokens.FONT_SLANT_PREFIX}-${variant}), "wdth" var(--${require_tokens_consts_cssTokens.FONT_WIDTH_PREFIX}-${variant})`,
+	lineHeight: `var(--${require_tokens_consts_cssTokens.LINE_HEIGHT_PREFIX}-${variant})`,
+	textTransform: `var(--${require_tokens_consts_cssTokens.TEXT_TRANSFORM_PREFIX}-${variant})`,
+	b: { fontVariationSettings: "normal" },
+	strong: { fontVariationSettings: "normal" }
+}]));
+
+//#endregion
+exports.getGroupedTextStyles = getGroupedTextStyles;

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

@@ -0,0 +1,19 @@
+//#region src/tailwind/components/getGroupedTextStyles.d.ts
+declare const getGroupedTextStyles: () => {
+  [k: string]: {
+    fontFamily: string;
+    fontSize: string;
+    fontWeight: string;
+    fontVariationSettings: string;
+    lineHeight: string;
+    textTransform: string;
+    b: {
+      fontVariationSettings: string;
+    };
+    strong: {
+      fontVariationSettings: string;
+    };
+  };
+};
+//#endregion
+export { getGroupedTextStyles };

package/dist/tailwind/components/getGroupedTextStyles.d.ts

@@ -0,0 +1,19 @@
+//#region src/tailwind/components/getGroupedTextStyles.d.ts
+declare const getGroupedTextStyles: () => {
+  [k: string]: {
+    fontFamily: string;
+    fontSize: string;
+    fontWeight: string;
+    fontVariationSettings: string;
+    lineHeight: string;
+    textTransform: string;
+    b: {
+      fontVariationSettings: string;
+    };
+    strong: {
+      fontVariationSettings: string;
+    };
+  };
+};
+//#endregion
+export { getGroupedTextStyles };

package/dist/tailwind/components/getGroupedTextStyles.js

@@ -0,0 +1,19 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { FONT_FAMILY_PREFIX, FONT_SIZE_PREFIX, FONT_SLANT_PREFIX, FONT_WEIGHT_PREFIX, FONT_WIDTH_PREFIX, LINE_HEIGHT_PREFIX, TEXT_TRANSFORM_PREFIX } from "../../tokens/consts/cssTokens.js";
+import { textVariantsSafe } from "./getResponsiveTextStyles.js";
+import { textVariants } from "@yahoo/uds/fixtures";
+
+//#region src/tailwind/components/getGroupedTextStyles.ts
+const getGroupedTextStyles = () => Object.fromEntries(textVariants.map(textVariantsSafe).map((variant) => [`.uds-text-${variant}`, {
+	fontFamily: `var(--${FONT_FAMILY_PREFIX}-${variant})`,
+	fontSize: `var(--${FONT_SIZE_PREFIX}-${variant})`,
+	fontWeight: `var(--${FONT_WEIGHT_PREFIX}-${variant})`,
+	fontVariationSettings: `"wght" var(--${FONT_WEIGHT_PREFIX}-${variant}), "slnt" var(--${FONT_SLANT_PREFIX}-${variant}), "wdth" var(--${FONT_WIDTH_PREFIX}-${variant})`,
+	lineHeight: `var(--${LINE_HEIGHT_PREFIX}-${variant})`,
+	textTransform: `var(--${TEXT_TRANSFORM_PREFIX}-${variant})`,
+	b: { fontVariationSettings: "normal" },
+	strong: { fontVariationSettings: "normal" }
+}]));
+
+//#endregion
+export { getGroupedTextStyles };

package/dist/tailwind/components/getHitTargetStyles.cjs

@@ -0,0 +1,22 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+
+//#region src/tailwind/components/getHitTargetStyles.ts
+const MINIMUM_TAP_TARGET = "44px";
+function getHitTargetStyles() {
+	return {
+		[".uds-hit-target"]: { position: "relative" },
+		[".uds-hit-target::before"]: { "@media (hover: none)": {
+			content: `''`,
+			position: "absolute",
+			top: "50%",
+			left: "50%",
+			width: `max(${MINIMUM_TAP_TARGET}, 100%)`,
+			height: `max(${MINIMUM_TAP_TARGET}, 100%)`,
+			transform: "translate(-50%, -50%)"
+		} }
+	};
+}
+
+//#endregion
+exports.MINIMUM_TAP_TARGET = MINIMUM_TAP_TARGET;
+exports.getHitTargetStyles = getHitTargetStyles;

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

@@ -0,0 +1,7 @@
+import { CssStyleObject } from "./types.cjs";
+
+//#region src/tailwind/components/getHitTargetStyles.d.ts
+declare const MINIMUM_TAP_TARGET = "44px";
+declare function getHitTargetStyles(): CssStyleObject;
+//#endregion
+export { MINIMUM_TAP_TARGET, getHitTargetStyles };

package/dist/tailwind/components/getHitTargetStyles.d.ts

@@ -0,0 +1,7 @@
+import { CssStyleObject } from "./types.js";
+
+//#region src/tailwind/components/getHitTargetStyles.d.ts
+declare const MINIMUM_TAP_TARGET = "44px";
+declare function getHitTargetStyles(): CssStyleObject;
+//#endregion
+export { MINIMUM_TAP_TARGET, getHitTargetStyles };

package/dist/tailwind/components/getHitTargetStyles.js

@@ -0,0 +1,20 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+//#region src/tailwind/components/getHitTargetStyles.ts
+const MINIMUM_TAP_TARGET = "44px";
+function getHitTargetStyles() {
+	return {
+		[".uds-hit-target"]: { position: "relative" },
+		[".uds-hit-target::before"]: { "@media (hover: none)": {
+			content: `''`,
+			position: "absolute",
+			top: "50%",
+			left: "50%",
+			width: `max(${MINIMUM_TAP_TARGET}, 100%)`,
+			height: `max(${MINIMUM_TAP_TARGET}, 100%)`,
+			transform: "translate(-50%, -50%)"
+		} }
+	};
+}
+
+//#endregion
+export { MINIMUM_TAP_TARGET, getHitTargetStyles };

package/dist/tailwind/components/getIconStyles.cjs

@@ -0,0 +1,15 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+
+//#region src/tailwind/components/getIconStyles.ts
+/**
+* Generates icon styles for light/dark mode using CSS variables
+*/
+function getIconStyles() {
+	return {
+		".uds-light-mode-icon": { display: "var(--uds-light-mode-icon, inline)" },
+		".uds-dark-mode-icon": { display: "var(--uds-dark-mode-icon, none)" }
+	};
+}
+
+//#endregion
+exports.getIconStyles = getIconStyles;