@yahoo/uds 3.58.1 → 3.59.0-beta.1

package/dist/tailwind/components/getGroupedTextStyles.js

@@ -0,0 +1,18 @@
+/*! © 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})`
+}]));
+
+//#endregion
+export { getGroupedTextStyles };
+//# sourceMappingURL=getGroupedTextStyles.js.map

package/dist/tailwind/components/getGroupedTextStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getGroupedTextStyles.js","names":[],"sources":["../../../src/tailwind/components/getGroupedTextStyles.ts"],"sourcesContent":["import { textVariants } from '@yahoo/uds/fixtures';\n\nimport {\n  FONT_FAMILY_PREFIX,\n  FONT_SIZE_PREFIX,\n  FONT_SLANT_PREFIX,\n  FONT_WEIGHT_PREFIX,\n  FONT_WIDTH_PREFIX,\n  LINE_HEIGHT_PREFIX,\n  TEXT_TRANSFORM_PREFIX,\n} from '../../tokens/consts/cssTokens';\nimport { textVariantsSafe } from './getResponsiveTextStyles';\n\nconst getGroupedTextStyles = () =>\n  Object.fromEntries(\n    textVariants.map(textVariantsSafe).map((variant) => [\n      `.uds-text-${variant}`,\n      {\n        fontFamily: `var(--${FONT_FAMILY_PREFIX}-${variant})`,\n        fontSize: `var(--${FONT_SIZE_PREFIX}-${variant})`,\n        fontWeight: `var(--${FONT_WEIGHT_PREFIX}-${variant})`,\n        fontVariationSettings: `\"wght\" var(--${FONT_WEIGHT_PREFIX}-${variant}), \"slnt\" var(--${FONT_SLANT_PREFIX}-${variant}), \"wdth\" var(--${FONT_WIDTH_PREFIX}-${variant})`,\n        lineHeight: `var(--${LINE_HEIGHT_PREFIX}-${variant})`,\n        textTransform: `var(--${TEXT_TRANSFORM_PREFIX}-${variant})`,\n      },\n    ]),\n  );\n\nexport { getGroupedTextStyles };\n"],"mappings":";;;;;;AAaA,MAAM,6BACJ,OAAO,YACL,aAAa,IAAI,iBAAiB,CAAC,KAAK,YAAY,CAClD,aAAa,WACb;CACE,YAAY,SAAS,mBAAmB,GAAG,QAAQ;CACnD,UAAU,SAAS,iBAAiB,GAAG,QAAQ;CAC/C,YAAY,SAAS,mBAAmB,GAAG,QAAQ;CACnD,uBAAuB,gBAAgB,mBAAmB,GAAG,QAAQ,kBAAkB,kBAAkB,GAAG,QAAQ,kBAAkB,kBAAkB,GAAG,QAAQ;CACnK,YAAY,SAAS,mBAAmB,GAAG,QAAQ;CACnD,eAAe,SAAS,sBAAsB,GAAG,QAAQ;CAC1D,CACF,CAAC,CACH"}

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,8 @@
+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 };
+//# sourceMappingURL=getHitTargetStyles.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getHitTargetStyles.d.cts","names":[],"sources":["../../../src/tailwind/components/getHitTargetStyles.ts"],"sourcesContent":[],"mappings":";;;cAEM,kBAAA,CAAA,CAAA;iBACG,kBAAA,CAAA,GAgBF"}

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

@@ -0,0 +1,8 @@
+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 };
+//# sourceMappingURL=getHitTargetStyles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getHitTargetStyles.d.ts","names":[],"sources":["../../../src/tailwind/components/getHitTargetStyles.ts"],"sourcesContent":[],"mappings":";;;cAEM,kBAAA,CAAA,CAAA;iBACG,kBAAA,CAAA,GAgBF"}

package/dist/tailwind/components/getHitTargetStyles.js

@@ -0,0 +1,21 @@
+/*! © 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 };
+//# sourceMappingURL=getHitTargetStyles.js.map

package/dist/tailwind/components/getHitTargetStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getHitTargetStyles.js","names":[],"sources":["../../../src/tailwind/components/getHitTargetStyles.ts"],"sourcesContent":["import type { CssStyleObject } from './types';\n\nconst MINIMUM_TAP_TARGET = '44px';\nfunction getHitTargetStyles() {\n  return {\n    ['.uds-hit-target']: {\n      position: 'relative',\n    },\n    ['.uds-hit-target::before']: {\n      '@media (hover: none)': {\n        content: `''`,\n        position: 'absolute',\n        top: '50%',\n        left: '50%',\n        width: `max(${MINIMUM_TAP_TARGET}, 100%)`,\n        height: `max(${MINIMUM_TAP_TARGET}, 100%)`,\n        transform: 'translate(-50%, -50%)',\n      },\n    },\n  } as CssStyleObject;\n}\n\nexport { getHitTargetStyles, MINIMUM_TAP_TARGET };\n"],"mappings":";;AAEA,MAAM,qBAAqB;AAC3B,SAAS,qBAAqB;AAC5B,QAAO;GACJ,oBAAoB,EACnB,UAAU,YACX;GACA,4BAA4B,EAC3B,wBAAwB;GACtB,SAAS;GACT,UAAU;GACV,KAAK;GACL,MAAM;GACN,OAAO,OAAO,mBAAmB;GACjC,QAAQ,OAAO,mBAAmB;GAClC,WAAW;GACZ,EACF;EACF"}

package/dist/tailwind/components/getIconButtonStyles.cjs

@@ -0,0 +1,39 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_tokens_consts_cssTokens = require('../../tokens/consts/cssTokens.cjs');
+const require_tokens_utils_entries = require('../../tokens/utils/entries.cjs');
+const require_tailwind_components_utils = require('./utils.cjs');
+
+//#region src/tailwind/components/getIconButtonStyles.ts
+function getSizeStyles(sizeConfig, theme) {
+	const { spacing, iconSize } = sizeConfig;
+	return {
+		[require_tokens_consts_cssTokens.ICON_BUTTON_CSS_VAR_MAP.padding]: theme(`spacing[${spacing}]`),
+		[require_tokens_consts_cssTokens.ICON_BUTTON_CSS_VAR_MAP.iconSize]: theme(`sizing.icon.${iconSize}`)
+	};
+}
+function getIconButtonStyles(iconButton, theme) {
+	const defaultSize = iconButton.size[iconButton.defaults.size];
+	const variables = getSizeStyles(defaultSize, theme);
+	/** Assign variables to configurable properties and fallback with default value */
+	const defaultStyles = { padding: require_tailwind_components_utils.getVar(require_tokens_consts_cssTokens.ICON_BUTTON_CSS_VAR_MAP, "padding", variables) };
+	const css = {
+		[`.uds-icon-button`]: {
+			display: "inline-flex",
+			alignItems: "center",
+			...defaultStyles
+		},
+		[".uds-icon-button .uds-button-icon"]: {
+			width: require_tailwind_components_utils.getVar(require_tokens_consts_cssTokens.ICON_BUTTON_CSS_VAR_MAP, "iconSize", variables),
+			height: require_tailwind_components_utils.getVar(require_tokens_consts_cssTokens.ICON_BUTTON_CSS_VAR_MAP, "iconSize", variables)
+		}
+	};
+	for (const [size, sizeConfig] of require_tokens_utils_entries.entries(iconButton.size)) css[`.uds-icon-button-${size}`] = getSizeStyles(sizeConfig, theme);
+	return css;
+}
+function getTailwindIconButtonStyles(iconButton, theme) {
+	return getIconButtonStyles(iconButton, theme);
+}
+
+//#endregion
+exports.getIconButtonStyles = getIconButtonStyles;
+exports.getTailwindIconButtonStyles = getTailwindIconButtonStyles;

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

@@ -0,0 +1,11 @@
+import { IconButtonClassMap, UniversalTokensConfig } from "../../tokens/types.cjs";
+import "../../tokens/index.cjs";
+import { CssStyleObject, ThemeFn } from "./types.cjs";
+
+//#region src/tailwind/components/getIconButtonStyles.d.ts
+type IconButtonConfig = Exclude<UniversalTokensConfig['iconButton'], undefined>;
+declare function getIconButtonStyles(iconButton: IconButtonConfig, theme: ThemeFn): IconButtonClassMap;
+declare function getTailwindIconButtonStyles(iconButton: IconButtonConfig, theme: ThemeFn): CssStyleObject;
+//#endregion
+export { getIconButtonStyles, getTailwindIconButtonStyles };
+//# sourceMappingURL=getIconButtonStyles.d.cts.map

package/dist/tailwind/components/getIconButtonStyles.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getIconButtonStyles.d.cts","names":[],"sources":["../../../src/tailwind/components/getIconButtonStyles.ts"],"sourcesContent":[],"mappings":";;;;;KAKK,gBAAA,CAAA,CAAA,CAAmB,QAAQ;iBAUvB,mBAAA,aAAgC,yBAAyB,UA0BlD;iBAGP,2BAAA,aAAwC,yBAAyB,UACvB"}

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

@@ -0,0 +1,11 @@
+import { IconButtonClassMap, UniversalTokensConfig } from "../../tokens/types.js";
+import "../../tokens/index.js";
+import { CssStyleObject, ThemeFn } from "./types.js";
+
+//#region src/tailwind/components/getIconButtonStyles.d.ts
+type IconButtonConfig = Exclude<UniversalTokensConfig['iconButton'], undefined>;
+declare function getIconButtonStyles(iconButton: IconButtonConfig, theme: ThemeFn): IconButtonClassMap;
+declare function getTailwindIconButtonStyles(iconButton: IconButtonConfig, theme: ThemeFn): CssStyleObject;
+//#endregion
+export { getIconButtonStyles, getTailwindIconButtonStyles };
+//# sourceMappingURL=getIconButtonStyles.d.ts.map

package/dist/tailwind/components/getIconButtonStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getIconButtonStyles.d.ts","names":[],"sources":["../../../src/tailwind/components/getIconButtonStyles.ts"],"sourcesContent":[],"mappings":";;;;;KAKK,gBAAA,CAAA,CAAA,CAAmB,QAAQ;iBAUvB,mBAAA,aAAgC,yBAAyB,UA0BlD;iBAGP,2BAAA,aAAwC,yBAAyB,UACvB"}

package/dist/tailwind/components/getIconButtonStyles.js

@@ -0,0 +1,39 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { ICON_BUTTON_CSS_VAR_MAP } from "../../tokens/consts/cssTokens.js";
+import { entries } from "../../tokens/utils/entries.js";
+import { getVar } from "./utils.js";
+
+//#region src/tailwind/components/getIconButtonStyles.ts
+function getSizeStyles(sizeConfig, theme) {
+	const { spacing, iconSize } = sizeConfig;
+	return {
+		[ICON_BUTTON_CSS_VAR_MAP.padding]: theme(`spacing[${spacing}]`),
+		[ICON_BUTTON_CSS_VAR_MAP.iconSize]: theme(`sizing.icon.${iconSize}`)
+	};
+}
+function getIconButtonStyles(iconButton, theme) {
+	const defaultSize = iconButton.size[iconButton.defaults.size];
+	const variables = getSizeStyles(defaultSize, theme);
+	/** Assign variables to configurable properties and fallback with default value */
+	const defaultStyles = { padding: getVar(ICON_BUTTON_CSS_VAR_MAP, "padding", variables) };
+	const css = {
+		[`.uds-icon-button`]: {
+			display: "inline-flex",
+			alignItems: "center",
+			...defaultStyles
+		},
+		[".uds-icon-button .uds-button-icon"]: {
+			width: getVar(ICON_BUTTON_CSS_VAR_MAP, "iconSize", variables),
+			height: getVar(ICON_BUTTON_CSS_VAR_MAP, "iconSize", variables)
+		}
+	};
+	for (const [size, sizeConfig] of entries(iconButton.size)) css[`.uds-icon-button-${size}`] = getSizeStyles(sizeConfig, theme);
+	return css;
+}
+function getTailwindIconButtonStyles(iconButton, theme) {
+	return getIconButtonStyles(iconButton, theme);
+}
+
+//#endregion
+export { getIconButtonStyles, getTailwindIconButtonStyles };
+//# sourceMappingURL=getIconButtonStyles.js.map

package/dist/tailwind/components/getIconButtonStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getIconButtonStyles.js","names":["css: CssStyleObject"],"sources":["../../../src/tailwind/components/getIconButtonStyles.ts"],"sourcesContent":["import type { IconButtonClassMap, IconButtonSize, UniversalTokensConfig } from '@yahoo/uds/tokens';\nimport { entries, ICON_BUTTON_CSS_VAR_MAP } from '@yahoo/uds/tokens';\n\nimport type { CssStyleObject, ThemeFn } from './types';\nimport { getVar } from './utils';\ntype IconButtonConfig = Exclude<UniversalTokensConfig['iconButton'], undefined>;\n\nfunction getSizeStyles(sizeConfig: IconButtonConfig['size'][IconButtonSize], theme: ThemeFn) {\n  const { spacing, iconSize } = sizeConfig;\n  return {\n    [ICON_BUTTON_CSS_VAR_MAP.padding]: theme(`spacing[${spacing}]`),\n    [ICON_BUTTON_CSS_VAR_MAP.iconSize]: theme(`sizing.icon.${iconSize}`),\n  };\n}\n\nfunction getIconButtonStyles(iconButton: IconButtonConfig, theme: ThemeFn) {\n  const defaultSize = iconButton.size[iconButton.defaults.size];\n  const variables = getSizeStyles(defaultSize, theme);\n\n  /** Assign variables to configurable properties and fallback with default value */\n  const defaultStyles = {\n    padding: getVar(ICON_BUTTON_CSS_VAR_MAP, 'padding', variables),\n  };\n\n  const css: CssStyleObject = {\n    [`.uds-icon-button`]: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      ...defaultStyles,\n    },\n    ['.uds-icon-button .uds-button-icon']: {\n      width: getVar(ICON_BUTTON_CSS_VAR_MAP, 'iconSize', variables),\n      height: getVar(ICON_BUTTON_CSS_VAR_MAP, 'iconSize', variables),\n    },\n  };\n\n  // Generate styles for each size\n  for (const [size, sizeConfig] of entries(iconButton.size)) {\n    css[`.uds-icon-button-${size}`] = getSizeStyles(sizeConfig, theme);\n  }\n\n  return css as IconButtonClassMap;\n}\n\nfunction getTailwindIconButtonStyles(iconButton: IconButtonConfig, theme: ThemeFn) {\n  return getIconButtonStyles(iconButton, theme) as CssStyleObject;\n}\n\nexport { getIconButtonStyles, getTailwindIconButtonStyles };\n"],"mappings":";;;;;;AAOA,SAAS,cAAc,YAAsD,OAAgB;CAC3F,MAAM,EAAE,SAAS,aAAa;AAC9B,QAAO;GACJ,wBAAwB,UAAU,MAAM,WAAW,QAAQ,GAAG;GAC9D,wBAAwB,WAAW,MAAM,eAAe,WAAW;EACrE;;AAGH,SAAS,oBAAoB,YAA8B,OAAgB;CACzE,MAAM,cAAc,WAAW,KAAK,WAAW,SAAS;CACxD,MAAM,YAAY,cAAc,aAAa,MAAM;;CAGnD,MAAM,gBAAgB,EACpB,SAAS,OAAO,yBAAyB,WAAW,UAAU,EAC/D;CAED,MAAMA,MAAsB;GACzB,qBAAqB;GACpB,SAAS;GACT,YAAY;GACZ,GAAG;GACJ;GACA,sCAAsC;GACrC,OAAO,OAAO,yBAAyB,YAAY,UAAU;GAC7D,QAAQ,OAAO,yBAAyB,YAAY,UAAU;GAC/D;EACF;AAGD,MAAK,MAAM,CAAC,MAAM,eAAe,QAAQ,WAAW,KAAK,CACvD,KAAI,oBAAoB,UAAU,cAAc,YAAY,MAAM;AAGpE,QAAO;;AAGT,SAAS,4BAA4B,YAA8B,OAAgB;AACjF,QAAO,oBAAoB,YAAY,MAAM"}

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;

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

@@ -0,0 +1,11 @@
+import { CssStyleObject } from "./types.cjs";
+
+//#region src/tailwind/components/getIconStyles.d.ts
+
+/**
+ * Generates icon styles for light/dark mode using CSS variables
+ */
+declare function getIconStyles(): CssStyleObject;
+//#endregion
+export { getIconStyles };
+//# sourceMappingURL=getIconStyles.d.cts.map

package/dist/tailwind/components/getIconStyles.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getIconStyles.d.cts","names":[],"sources":["../../../src/tailwind/components/getIconStyles.ts"],"sourcesContent":[],"mappings":";;;;;;AAA8C,CAAA,CAAA;iBAKrC,aAAA,CAAA,GAIF"}

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

@@ -0,0 +1,11 @@
+import { CssStyleObject } from "./types.js";
+
+//#region src/tailwind/components/getIconStyles.d.ts
+
+/**
+ * Generates icon styles for light/dark mode using CSS variables
+ */
+declare function getIconStyles(): CssStyleObject;
+//#endregion
+export { getIconStyles };
+//# sourceMappingURL=getIconStyles.d.ts.map

package/dist/tailwind/components/getIconStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getIconStyles.d.ts","names":[],"sources":["../../../src/tailwind/components/getIconStyles.ts"],"sourcesContent":[],"mappings":";;;;;;AAA8C,CAAA,CAAA;iBAKrC,aAAA,CAAA,GAIF"}

package/dist/tailwind/components/getIconStyles.js

@@ -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
+export { getIconStyles };
+//# sourceMappingURL=getIconStyles.js.map

package/dist/tailwind/components/getIconStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getIconStyles.js","names":[],"sources":["../../../src/tailwind/components/getIconStyles.ts"],"sourcesContent":["import type { CssStyleObject } from './types';\n\n/**\n * Generates icon styles for light/dark mode using CSS variables\n */\nfunction getIconStyles() {\n  return {\n    '.uds-light-mode-icon': { display: 'var(--uds-light-mode-icon, inline)' },\n    '.uds-dark-mode-icon': { display: 'var(--uds-dark-mode-icon, none)' },\n  } as CssStyleObject;\n}\n\nexport { getIconStyles };\n"],"mappings":";;;;;AAKA,SAAS,gBAAgB;AACvB,QAAO;EACL,wBAAwB,EAAE,SAAS,sCAAsC;EACzE,uBAAuB,EAAE,SAAS,mCAAmC;EACtE"}

package/dist/tailwind/components/getInputStyles.cjs

@@ -0,0 +1,16 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+
+//#region src/tailwind/components/getInputStyles.ts
+/**
+* Generates input styles
+*/
+function getInputStyles() {
+	return {
+		[".uds-input[list]::-webkit-calendar-picker-indicator"]: { blockSize: "100% !important" },
+		[".uds-input::-webkit-datetime-edit"]: { color: `rgb(var(--uds-foreground-color-muted))` },
+		[".uds-input::-webkit-calendar-picker-indicator"]: { display: "none" }
+	};
+}
+
+//#endregion
+exports.getInputStyles = getInputStyles;

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

@@ -0,0 +1,11 @@
+import { CssStyleObject } from "./types.cjs";
+
+//#region src/tailwind/components/getInputStyles.d.ts
+
+/**
+ * Generates input styles
+ */
+declare function getInputStyles(): CssStyleObject;
+//#endregion
+export { getInputStyles };
+//# sourceMappingURL=getInputStyles.d.cts.map

package/dist/tailwind/components/getInputStyles.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getInputStyles.d.cts","names":[],"sources":["../../../src/tailwind/components/getInputStyles.ts"],"sourcesContent":[],"mappings":";;;;;;AAA8C,CAAA,CAAA;iBAKrC,cAAA,CAAA,GAWF"}

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

@@ -0,0 +1,11 @@
+import { CssStyleObject } from "./types.js";
+
+//#region src/tailwind/components/getInputStyles.d.ts
+
+/**
+ * Generates input styles
+ */
+declare function getInputStyles(): CssStyleObject;
+//#endregion
+export { getInputStyles };
+//# sourceMappingURL=getInputStyles.d.ts.map

package/dist/tailwind/components/getInputStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getInputStyles.d.ts","names":[],"sources":["../../../src/tailwind/components/getInputStyles.ts"],"sourcesContent":[],"mappings":";;;;;;AAA8C,CAAA,CAAA;iBAKrC,cAAA,CAAA,GAWF"}

package/dist/tailwind/components/getInputStyles.js

@@ -0,0 +1,16 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+//#region src/tailwind/components/getInputStyles.ts
+/**
+* Generates input styles
+*/
+function getInputStyles() {
+	return {
+		[".uds-input[list]::-webkit-calendar-picker-indicator"]: { blockSize: "100% !important" },
+		[".uds-input::-webkit-datetime-edit"]: { color: `rgb(var(--uds-foreground-color-muted))` },
+		[".uds-input::-webkit-calendar-picker-indicator"]: { display: "none" }
+	};
+}
+
+//#endregion
+export { getInputStyles };
+//# sourceMappingURL=getInputStyles.js.map

package/dist/tailwind/components/getInputStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getInputStyles.js","names":[],"sources":["../../../src/tailwind/components/getInputStyles.ts"],"sourcesContent":["import type { CssStyleObject } from './types';\n\n/**\n * Generates input styles\n */\nfunction getInputStyles() {\n  return {\n    ['.uds-input[list]::-webkit-calendar-picker-indicator']: {\n      blockSize: '100% !important', // Fix datalist dropdown arrow positioning.\n    },\n    ['.uds-input::-webkit-datetime-edit']: {\n      color: `rgb(var(--uds-foreground-color-muted))`,\n    },\n    ['.uds-input::-webkit-calendar-picker-indicator']: {\n      display: 'none',\n    },\n  } as CssStyleObject;\n}\n\nexport { getInputStyles };\n"],"mappings":";;;;;AAKA,SAAS,iBAAiB;AACxB,QAAO;GACJ,wDAAwD,EACvD,WAAW,mBACZ;GACA,sCAAsC,EACrC,OAAO,0CACR;GACA,kDAAkD,EACjD,SAAS,QACV;EACF"}

package/dist/tailwind/components/getResponsiveTextStyles.cjs

@@ -0,0 +1,71 @@
+/*! © 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_utils_entries = require('../../utils/entries.cjs');
+let __yahoo_uds_fixtures = require("@yahoo/uds/fixtures");
+let lodash_isString_js = require("lodash/isString.js");
+lodash_isString_js = require_rolldown_runtime.__toESM(lodash_isString_js);
+
+//#region src/tailwind/components/getResponsiveTextStyles.ts
+const textVariantsSafe = (variant) => variant.replace("/", "-");
+const BASE_SIZE = 16;
+const toRem = (size) => `${size / BASE_SIZE}rem`;
+const mapClassNames = (name) => "." + require_tokens_consts_cssTokens.TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES[name];
+const getValue = (config, variant, key, breakpoint) => {
+	const data = config.typography[variant]?.[key];
+	if (!data) throw new Error(`Missing typography data for variant "${variant}" and key "${key}"`);
+	const value = breakpoint === "base" ? data.base : data.breakpoints?.[breakpoint];
+	if (!value) throw new Error(`Missing value for variant "${variant}", key "${key}", and breakpoint "${breakpoint}"`);
+	if ((0, lodash_isString_js.default)(value)) return value;
+	switch (value.type) {
+		case "px": return toRem(value.value);
+		case "unitless": return String(value.value);
+	}
+	return require_utils_assertUnreachable.assertUnreachable(value);
+};
+const convertFontAlias = (config, value) => {
+	if (value in config.font) return `var(--${require_tokens_consts_cssTokens.FONT_FAMILY_PREFIX}-${value})`;
+	return value;
+};
+const cssVariablesForBreakpoint = (config, breakpoint) => Object.fromEntries(__yahoo_uds_fixtures.textVariants.flatMap((variant) => {
+	const safeVariant = textVariantsSafe(variant);
+	return [
+		[`--${require_tokens_consts_cssTokens.FONT_FAMILY_PREFIX}-${safeVariant}`, convertFontAlias(config, getValue(config, variant, "fontFamily", breakpoint))],
+		[`--${require_tokens_consts_cssTokens.FONT_SIZE_PREFIX}-${safeVariant}`, getValue(config, variant, "fontSize", breakpoint)],
+		[`--${require_tokens_consts_cssTokens.FONT_WEIGHT_PREFIX}-${safeVariant}`, getValue(config, variant, "fontWeight", breakpoint)],
+		[`--${require_tokens_consts_cssTokens.FONT_SLANT_PREFIX}-${safeVariant}`, getValue(config, variant, "fontSlant", breakpoint)],
+		[`--${require_tokens_consts_cssTokens.FONT_WIDTH_PREFIX}-${safeVariant}`, getValue(config, variant, "fontWidth", breakpoint)],
+		[`--${require_tokens_consts_cssTokens.LINE_HEIGHT_PREFIX}-${safeVariant}`, getValue(config, variant, "lineHeight", breakpoint)],
+		[`--${require_tokens_consts_cssTokens.TEXT_TRANSFORM_PREFIX}-${safeVariant}`, getValue(config, variant, "textTransform", breakpoint)]
+	];
+}));
+const tailwindConfigPerVariant = (prefix) => Object.fromEntries(__yahoo_uds_fixtures.textVariants.map(textVariantsSafe).map((variant) => [variant, `var(--${prefix}-${variant})`]));
+const RESPONSIVE_TAILWIND_CONFIG_MAP = {
+	fontFamily: tailwindConfigPerVariant(require_tokens_consts_cssTokens.FONT_FAMILY_PREFIX),
+	fontWeight: tailwindConfigPerVariant(require_tokens_consts_cssTokens.FONT_WEIGHT_PREFIX),
+	fontSlant: tailwindConfigPerVariant(require_tokens_consts_cssTokens.FONT_SLANT_PREFIX),
+	fontWidth: tailwindConfigPerVariant(require_tokens_consts_cssTokens.FONT_WIDTH_PREFIX),
+	fontSize: tailwindConfigPerVariant(require_tokens_consts_cssTokens.FONT_SIZE_PREFIX),
+	lineHeight: tailwindConfigPerVariant(require_tokens_consts_cssTokens.LINE_HEIGHT_PREFIX),
+	textTransform: tailwindConfigPerVariant(require_tokens_consts_cssTokens.TEXT_TRANSFORM_PREFIX)
+};
+const getBaseTextVars = (config) => {
+	return cssVariablesForBreakpoint(config, "base");
+};
+const getResponsiveTextStyles = (config) => {
+	const breakpoints = require_utils_entries.entries(config.breakpoints).sort(([, { value: minWidthA }], [, { value: minWidthB }]) => minWidthA - minWidthB);
+	return {
+		[`.${require_tokens_consts_cssTokens.TEXT_RESPONSIVE_CLASSNAME}`]: Object.fromEntries(breakpoints.map(([name, { value: minWidth }]) => [`@media (min-width: ${minWidth}px)`, cssVariablesForBreakpoint(config, name)])),
+		[mapClassNames("base")]: cssVariablesForBreakpoint(config, "base"),
+		[mapClassNames("defaultBreakpoint")]: cssVariablesForBreakpoint(config, config.globalDefaults.breakpoint),
+		...Object.fromEntries(breakpoints.map(([name]) => [mapClassNames(name), cssVariablesForBreakpoint(config, name)]))
+	};
+};
+
+//#endregion
+exports.RESPONSIVE_TAILWIND_CONFIG_MAP = RESPONSIVE_TAILWIND_CONFIG_MAP;
+exports.cssVariablesForBreakpoint = cssVariablesForBreakpoint;
+exports.getBaseTextVars = getBaseTextVars;
+exports.getResponsiveTextStyles = getResponsiveTextStyles;
+exports.textVariantsSafe = textVariantsSafe;

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

@@ -0,0 +1,35 @@
+import { BreakpointWithBase, UniversalTokensConfig } from "../../tokens/types.cjs";
+import "../../tokens/index.cjs";
+import { CssStyleObject } from "./types.cjs";
+
+//#region src/tailwind/components/getResponsiveTextStyles.d.ts
+declare const textVariantsSafe: (variant: string) => string;
+declare const cssVariablesForBreakpoint: (config: UniversalTokensConfig, breakpoint: BreakpointWithBase) => CssStyleObject;
+declare const RESPONSIVE_TAILWIND_CONFIG_MAP: {
+  fontFamily: {
+    [k: string]: string;
+  };
+  fontWeight: {
+    [k: string]: string;
+  };
+  fontSlant: {
+    [k: string]: string;
+  };
+  fontWidth: {
+    [k: string]: string;
+  };
+  fontSize: {
+    [k: string]: string;
+  };
+  lineHeight: {
+    [k: string]: string;
+  };
+  textTransform: {
+    [k: string]: string;
+  };
+};
+declare const getBaseTextVars: (config: UniversalTokensConfig) => CssStyleObject;
+declare const getResponsiveTextStyles: (config: UniversalTokensConfig) => CssStyleObject;
+//#endregion
+export { RESPONSIVE_TAILWIND_CONFIG_MAP, cssVariablesForBreakpoint, getBaseTextVars, getResponsiveTextStyles, textVariantsSafe };
+//# sourceMappingURL=getResponsiveTextStyles.d.cts.map

package/dist/tailwind/components/getResponsiveTextStyles.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getResponsiveTextStyles.d.cts","names":[],"sources":["../../../src/tailwind/components/getResponsiveTextStyles.ts"],"sourcesContent":[],"mappings":";;;;;cAmBM;cAkDA,oCAAqC,mCAAmC,uBAiC5D;cAOZ;EA1FA,UAAA,CAAA,CAAA;IAkDA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,MAAA;EAAqC,CAAA;EAAmC,UAAA,CAAA,CAAA;IAiC5D,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,MAAA;EAAc,CAAA;EAO1B,SAAA,CAAA,CAAA;IAUA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,MAEL;EAEK,CAAA;;;;;;;;;;;;;;cAJA,0BAA2B,0BAAqB;cAIhD,kCAAmC,0BA4BlC"}

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

@@ -0,0 +1,35 @@
+import { BreakpointWithBase, UniversalTokensConfig } from "../../tokens/types.js";
+import "../../tokens/index.js";
+import { CssStyleObject } from "./types.js";
+
+//#region src/tailwind/components/getResponsiveTextStyles.d.ts
+declare const textVariantsSafe: (variant: string) => string;
+declare const cssVariablesForBreakpoint: (config: UniversalTokensConfig, breakpoint: BreakpointWithBase) => CssStyleObject;
+declare const RESPONSIVE_TAILWIND_CONFIG_MAP: {
+  fontFamily: {
+    [k: string]: string;
+  };
+  fontWeight: {
+    [k: string]: string;
+  };
+  fontSlant: {
+    [k: string]: string;
+  };
+  fontWidth: {
+    [k: string]: string;
+  };
+  fontSize: {
+    [k: string]: string;
+  };
+  lineHeight: {
+    [k: string]: string;
+  };
+  textTransform: {
+    [k: string]: string;
+  };
+};
+declare const getBaseTextVars: (config: UniversalTokensConfig) => CssStyleObject;
+declare const getResponsiveTextStyles: (config: UniversalTokensConfig) => CssStyleObject;
+//#endregion
+export { RESPONSIVE_TAILWIND_CONFIG_MAP, cssVariablesForBreakpoint, getBaseTextVars, getResponsiveTextStyles, textVariantsSafe };
+//# sourceMappingURL=getResponsiveTextStyles.d.ts.map

package/dist/tailwind/components/getResponsiveTextStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getResponsiveTextStyles.d.ts","names":[],"sources":["../../../src/tailwind/components/getResponsiveTextStyles.ts"],"sourcesContent":[],"mappings":";;;;;cAmBM;cAkDA,oCAAqC,mCAAmC,uBAiC5D;cAOZ;EA1FA,UAAA,CAAA,CAAA;IAkDA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,MAAA;EAAqC,CAAA;EAAmC,UAAA,CAAA,CAAA;IAiC5D,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,MAAA;EAAc,CAAA;EAO1B,SAAA,CAAA,CAAA;IAUA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,MAEL;EAEK,CAAA;;;;;;;;;;;;;;cAJA,0BAA2B,0BAAqB;cAIhD,kCAAmC,0BA4BlC"}

package/dist/tailwind/components/getResponsiveTextStyles.js

@@ -0,0 +1,66 @@
+/*! © 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_RESPONSIVE_BREAKPOINT_CLASSNAMES, TEXT_RESPONSIVE_CLASSNAME, TEXT_TRANSFORM_PREFIX } from "../../tokens/consts/cssTokens.js";
+import { assertUnreachable } from "../../utils/assertUnreachable.js";
+import { entries as entries$1 } from "../../utils/entries.js";
+import { textVariants } from "@yahoo/uds/fixtures";
+import { isString } from "lodash-es";
+
+//#region src/tailwind/components/getResponsiveTextStyles.ts
+const textVariantsSafe = (variant) => variant.replace("/", "-");
+const BASE_SIZE = 16;
+const toRem = (size) => `${size / BASE_SIZE}rem`;
+const mapClassNames = (name) => "." + TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES[name];
+const getValue = (config, variant, key, breakpoint) => {
+	const data = config.typography[variant]?.[key];
+	if (!data) throw new Error(`Missing typography data for variant "${variant}" and key "${key}"`);
+	const value = breakpoint === "base" ? data.base : data.breakpoints?.[breakpoint];
+	if (!value) throw new Error(`Missing value for variant "${variant}", key "${key}", and breakpoint "${breakpoint}"`);
+	if (isString(value)) return value;
+	switch (value.type) {
+		case "px": return toRem(value.value);
+		case "unitless": return String(value.value);
+	}
+	return assertUnreachable(value);
+};
+const convertFontAlias = (config, value) => {
+	if (value in config.font) return `var(--${FONT_FAMILY_PREFIX}-${value})`;
+	return value;
+};
+const cssVariablesForBreakpoint = (config, breakpoint) => Object.fromEntries(textVariants.flatMap((variant) => {
+	const safeVariant = textVariantsSafe(variant);
+	return [
+		[`--${FONT_FAMILY_PREFIX}-${safeVariant}`, convertFontAlias(config, getValue(config, variant, "fontFamily", breakpoint))],
+		[`--${FONT_SIZE_PREFIX}-${safeVariant}`, getValue(config, variant, "fontSize", breakpoint)],
+		[`--${FONT_WEIGHT_PREFIX}-${safeVariant}`, getValue(config, variant, "fontWeight", breakpoint)],
+		[`--${FONT_SLANT_PREFIX}-${safeVariant}`, getValue(config, variant, "fontSlant", breakpoint)],
+		[`--${FONT_WIDTH_PREFIX}-${safeVariant}`, getValue(config, variant, "fontWidth", breakpoint)],
+		[`--${LINE_HEIGHT_PREFIX}-${safeVariant}`, getValue(config, variant, "lineHeight", breakpoint)],
+		[`--${TEXT_TRANSFORM_PREFIX}-${safeVariant}`, getValue(config, variant, "textTransform", breakpoint)]
+	];
+}));
+const tailwindConfigPerVariant = (prefix) => Object.fromEntries(textVariants.map(textVariantsSafe).map((variant) => [variant, `var(--${prefix}-${variant})`]));
+const RESPONSIVE_TAILWIND_CONFIG_MAP = {
+	fontFamily: tailwindConfigPerVariant(FONT_FAMILY_PREFIX),
+	fontWeight: tailwindConfigPerVariant(FONT_WEIGHT_PREFIX),
+	fontSlant: tailwindConfigPerVariant(FONT_SLANT_PREFIX),
+	fontWidth: tailwindConfigPerVariant(FONT_WIDTH_PREFIX),
+	fontSize: tailwindConfigPerVariant(FONT_SIZE_PREFIX),
+	lineHeight: tailwindConfigPerVariant(LINE_HEIGHT_PREFIX),
+	textTransform: tailwindConfigPerVariant(TEXT_TRANSFORM_PREFIX)
+};
+const getBaseTextVars = (config) => {
+	return cssVariablesForBreakpoint(config, "base");
+};
+const getResponsiveTextStyles = (config) => {
+	const breakpoints = entries$1(config.breakpoints).sort(([, { value: minWidthA }], [, { value: minWidthB }]) => minWidthA - minWidthB);
+	return {
+		[`.${TEXT_RESPONSIVE_CLASSNAME}`]: Object.fromEntries(breakpoints.map(([name, { value: minWidth }]) => [`@media (min-width: ${minWidth}px)`, cssVariablesForBreakpoint(config, name)])),
+		[mapClassNames("base")]: cssVariablesForBreakpoint(config, "base"),
+		[mapClassNames("defaultBreakpoint")]: cssVariablesForBreakpoint(config, config.globalDefaults.breakpoint),
+		...Object.fromEntries(breakpoints.map(([name]) => [mapClassNames(name), cssVariablesForBreakpoint(config, name)]))
+	};
+};
+
+//#endregion
+export { RESPONSIVE_TAILWIND_CONFIG_MAP, cssVariablesForBreakpoint, getBaseTextVars, getResponsiveTextStyles, textVariantsSafe };
+//# sourceMappingURL=getResponsiveTextStyles.js.map

package/dist/tailwind/components/getResponsiveTextStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getResponsiveTextStyles.js","names":[],"sources":["../../../src/tailwind/components/getResponsiveTextStyles.ts"],"sourcesContent":["import { textVariants } from '@yahoo/uds/fixtures';\nimport type { BreakpointWithBase, TypographyStyle, UniversalTokensConfig } from '@yahoo/uds/tokens';\nimport { isString } from 'lodash';\n\nimport {\n  FONT_FAMILY_PREFIX,\n  FONT_SIZE_PREFIX,\n  FONT_SLANT_PREFIX,\n  FONT_WEIGHT_PREFIX,\n  FONT_WIDTH_PREFIX,\n  LINE_HEIGHT_PREFIX,\n  TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES,\n  TEXT_RESPONSIVE_CLASSNAME,\n  TEXT_TRANSFORM_PREFIX,\n} from '../../tokens/consts/cssTokens';\nimport { assertUnreachable } from '../../utils/assertUnreachable';\nimport { entries } from '../../utils/entries';\nimport type { CssStyleObject } from './types';\n\nconst textVariantsSafe = (variant: string) => variant.replace('/', '-');\nconst BASE_SIZE = 16; // Base size in pixels for rem calculations\n\nconst toRem = (size: number) => `${size / BASE_SIZE}rem`;\n\nconst mapClassNames = (name: keyof typeof TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES) =>\n  '.' + TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES[name];\n\nconst getValue = (\n  config: UniversalTokensConfig,\n  variant: keyof UniversalTokensConfig['typography'],\n  key: keyof TypographyStyle,\n  breakpoint: BreakpointWithBase,\n): string => {\n  const data = config.typography[variant]?.[key];\n\n  if (!data) {\n    throw new Error(`Missing typography data for variant \"${variant}\" and key \"${key}\"`);\n  }\n\n  const value = breakpoint === 'base' ? data.base : data.breakpoints?.[breakpoint];\n\n  if (!value) {\n    throw new Error(\n      `Missing value for variant \"${variant}\", key \"${key}\", and breakpoint \"${breakpoint}\"`,\n    );\n  }\n\n  if (isString(value)) {\n    return value;\n  }\n\n  switch (value.type) {\n    case 'px':\n      return toRem(value.value);\n    case 'unitless':\n      return String(value.value);\n  }\n\n  return assertUnreachable(value);\n};\n\nconst convertFontAlias = (config: UniversalTokensConfig, value: string) => {\n  if (value in config.font) {\n    return `var(--${FONT_FAMILY_PREFIX}-${value})`;\n  }\n\n  return value;\n};\n\nconst cssVariablesForBreakpoint = (config: UniversalTokensConfig, breakpoint: BreakpointWithBase) =>\n  Object.fromEntries(\n    textVariants.flatMap((variant) => {\n      const safeVariant = textVariantsSafe(variant);\n\n      return [\n        [\n          `--${FONT_FAMILY_PREFIX}-${safeVariant}`,\n          convertFontAlias(config, getValue(config, variant, 'fontFamily', breakpoint)),\n        ],\n        [`--${FONT_SIZE_PREFIX}-${safeVariant}`, getValue(config, variant, 'fontSize', breakpoint)],\n        [\n          `--${FONT_WEIGHT_PREFIX}-${safeVariant}`,\n          getValue(config, variant, 'fontWeight', breakpoint),\n        ],\n        [\n          `--${FONT_SLANT_PREFIX}-${safeVariant}`,\n          getValue(config, variant, 'fontSlant', breakpoint),\n        ],\n        [\n          `--${FONT_WIDTH_PREFIX}-${safeVariant}`,\n          getValue(config, variant, 'fontWidth', breakpoint),\n        ],\n        [\n          `--${LINE_HEIGHT_PREFIX}-${safeVariant}`,\n          getValue(config, variant, 'lineHeight', breakpoint),\n        ],\n        [\n          `--${TEXT_TRANSFORM_PREFIX}-${safeVariant}`,\n          getValue(config, variant, 'textTransform', breakpoint),\n        ],\n      ];\n    }),\n  ) as unknown as CssStyleObject;\n\nconst tailwindConfigPerVariant = (prefix: string) =>\n  Object.fromEntries(\n    textVariants.map(textVariantsSafe).map((variant) => [variant, `var(--${prefix}-${variant})`]),\n  );\n\nconst RESPONSIVE_TAILWIND_CONFIG_MAP = {\n  fontFamily: tailwindConfigPerVariant(FONT_FAMILY_PREFIX),\n  fontWeight: tailwindConfigPerVariant(FONT_WEIGHT_PREFIX),\n  fontSlant: tailwindConfigPerVariant(FONT_SLANT_PREFIX),\n  fontWidth: tailwindConfigPerVariant(FONT_WIDTH_PREFIX),\n  fontSize: tailwindConfigPerVariant(FONT_SIZE_PREFIX),\n  lineHeight: tailwindConfigPerVariant(LINE_HEIGHT_PREFIX),\n  textTransform: tailwindConfigPerVariant(TEXT_TRANSFORM_PREFIX),\n};\n\nconst getBaseTextVars = (config: UniversalTokensConfig) => {\n  return cssVariablesForBreakpoint(config, 'base');\n};\n\nconst getResponsiveTextStyles = (config: UniversalTokensConfig) => {\n  // Mobile first approach: find the smallest breakpoint\n  const breakpoints = entries(config.breakpoints).sort(\n    ([, { value: minWidthA }], [, { value: minWidthB }]) => minWidthA - minWidthB,\n  );\n\n  return {\n    // Order necessary for CSS specificity.\n    // 1. Class to opt-in an element and its children to responsive text styles.\n    [`.${TEXT_RESPONSIVE_CLASSNAME}`]: Object.fromEntries(\n      breakpoints.map(([name, { value: minWidth }]) => [\n        // If its the smallest breakpoint, we set the base styles\n        `@media (min-width: ${minWidth}px)`,\n        cssVariablesForBreakpoint(config, name),\n      ]),\n    ),\n\n    // 2. Classes for locking to a specific breakpoint.\n    [mapClassNames('base')]: cssVariablesForBreakpoint(config, 'base'),\n\n    [mapClassNames('defaultBreakpoint')]: cssVariablesForBreakpoint(\n      config,\n      config.globalDefaults.breakpoint,\n    ),\n\n    ...Object.fromEntries(\n      breakpoints.map(([name]) => [mapClassNames(name), cssVariablesForBreakpoint(config, name)]),\n    ),\n  } as CssStyleObject;\n};\n\nexport {\n  cssVariablesForBreakpoint,\n  getBaseTextVars,\n  getResponsiveTextStyles,\n  RESPONSIVE_TAILWIND_CONFIG_MAP,\n  textVariantsSafe,\n};\n"],"mappings":"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"}

package/dist/tailwind/components/types.cjs

@@ -0,0 +1 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */

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

@@ -0,0 +1,10 @@
+import { CSSRuleObject } from "tailwindcss/types/config";
+
+//#region src/tailwind/components/types.d.ts
+/** TODO: create typed theme function to ensure valid paths are being used */
+type ThemeFn = (path: string) => string;
+type SimpleStyleObject = Record<string, string> | CSSRuleObject;
+type CssStyleObject = Record<`.${string}`, SimpleStyleObject | Record<string, SimpleStyleObject>>;
+//#endregion
+export { CssStyleObject, SimpleStyleObject, ThemeFn };
+//# sourceMappingURL=types.d.cts.map

package/dist/tailwind/components/types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.cts","names":[],"sources":["../../../src/tailwind/components/types.ts"],"sourcesContent":[],"mappings":";;;;KAMY,OAAA,CAAA,CAAA;AAAA,IAAA,CAEA,iBAAA,CAAA,CAAA,CAAoB,MAFb,CAAA,MAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAEsC,aAFtC;AAEP,IAAA,CAEA,cAAA,CAAA,CAAA,CAAiB,MAFA,CAAA,CAAA,CAAA,CAAA,CAAG,MAAyB,CAAA,CAAA,CAAA,CAIvD,iBAJoE,CAAA,CAAA,CAIhD,MAJgD,CAAA,MAAA,CAAA,CAIjC,iBAJiC,CAAA,CAAA"}