npm - @yahoo/uds - Versions diffs - 3.133.0-beta.2 → 3.133.1 - Mend

@yahoo/uds 3.133.0-beta.2 → 3.133.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1107) hide show

package/dist/tailwind/dist/tailwind/components/getFocusRingStyles.js CHANGED Viewed

@@ -1,6 +1,5 @@
 /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 import { PSEUDO_STYLE_SELECTOR_MAP } from "../../css-tokens/dist/index.js";
 //#region src/tailwind/components/getFocusRingStyles.ts
 const ringStyles = {
 	outlineOffset: "var(--uds-outline-offset)",
@@ -14,12 +13,13 @@ const ringStyles = {
 */
 function getFocusRingStyles() {
 	return {
+		/** Apply styles */
 		[`.uds-ring${PSEUDO_STYLE_SELECTOR_MAP.focused}:not(:disabled)`]: ringStyles,
 		[`.focused .uds-ring:not(:disabled)`]: ringStyles,
 		[`.uds-ring.uds-ring-within${PSEUDO_STYLE_SELECTOR_MAP.focusedWithin}:not(:disabled)`]: ringStyles
 	};
 }
 //#endregion
 export { getFocusRingStyles };
 //# sourceMappingURL=getFocusRingStyles.js.map

package/dist/tailwind/dist/tailwind/components/getFocusRingStyles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"getFocusRingStyles.js","names":[],"sources":["../../../src/tailwind/components/getFocusRingStyles.ts"],"sourcesContent":["import { PSEUDO_STYLE_SELECTOR_MAP } from '@yahoo/uds-css-tokens';\n\nimport type { CssStyleObject } from './types';\n\n// Using css vars so consumers have a css only path to customize\nconst ringStyles = {\n outlineOffset: 'var(--uds-outline-offset)',\n outlineWidth: 'var(--uds-outline-width)',\n outlineColor: 'var(--uds-outline-color)',\n outlineStyle: 'var(--uds-outline-style)',\n};\n\n/*\n Generates focus ring styles using CSS variables.\n * The CSS variable values (--uds-outline-) are set per color mode via parseTokens/UdsThemeProvider.\n /\nfunction getFocusRingStyles() {\n return {\n /** Apply styles */\n [`.uds-ring${PSEUDO_STYLE_SELECTOR_MAP.focused}:not(:disabled)`]: ringStyles,\n [`.focused .uds-ring:not(:disabled)`]: ringStyles,\n [`.uds-ring.uds-ring-within${PSEUDO_STYLE_SELECTOR_MAP.focusedWithin}:not(:disabled)`]:\n ringStyles,\n } as CssStyleObject;\n}\n\nexport { getFocusRingStyles };\n"],"mappings":"~~;;;;~~AAKA,MAAM,aAAa;CACjB,eAAe;CACf,cAAc;CACd,cAAc;CACd,cAAc;CACf;;;;;AAMD,SAAS,qBAAqB;AAC5B,QAAO;GAEJ,YAAY,0BAA0B,QAAQ,mBAAmB;GACjE,sCAAsC;GACtC,4BAA4B,0BAA0B,cAAc,mBACnE;EACH"}
1	+ {"version":3,"file":"getFocusRingStyles.js","names":[],"sources":["../../../src/tailwind/components/getFocusRingStyles.ts"],"sourcesContent":["import { PSEUDO_STYLE_SELECTOR_MAP } from '@yahoo/uds-css-tokens';\n\nimport type { CssStyleObject } from './types';\n\n// Using css vars so consumers have a css only path to customize\nconst ringStyles = {\n outlineOffset: 'var(--uds-outline-offset)',\n outlineWidth: 'var(--uds-outline-width)',\n outlineColor: 'var(--uds-outline-color)',\n outlineStyle: 'var(--uds-outline-style)',\n};\n\n/*\n Generates focus ring styles using CSS variables.\n * The CSS variable values (--uds-outline-) are set per color mode via parseTokens/UdsThemeProvider.\n /\nfunction getFocusRingStyles() {\n return {\n /** Apply styles */\n [`.uds-ring${PSEUDO_STYLE_SELECTOR_MAP.focused}:not(:disabled)`]: ringStyles,\n [`.focused .uds-ring:not(:disabled)`]: ringStyles,\n [`.uds-ring.uds-ring-within${PSEUDO_STYLE_SELECTOR_MAP.focusedWithin}:not(:disabled)`]:\n ringStyles,\n } as CssStyleObject;\n}\n\nexport { getFocusRingStyles };\n"],"mappings":";;;AAKA,MAAM,aAAa;CACjB,eAAe;CACf,cAAc;CACd,cAAc;CACd,cAAc;CACf;;;;;AAMD,SAAS,qBAAqB;AAC5B,QAAO;;GAEJ,YAAY,0BAA0B,QAAQ,mBAAmB;GACjE,sCAAsC;GACtC,4BAA4B,0BAA0B,cAAc,mBACnE;EACH"}

package/dist/tailwind/dist/tailwind/components/getGroupedTextStyles.cjs CHANGED Viewed

@@ -1,19 +1,23 @@
 /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
-const require_index = require('../../fixtures/dist/index.cjs');
-const require_index$1 = require('../../css-tokens/dist/index.cjs');
-const require_getResponsiveTextStyles = require('./getResponsiveTextStyles.cjs');
+const require_index = require("../../fixtures/dist/index.cjs");
+const require_index$1 = require("../../css-tokens/dist/index.cjs");
+const require_getResponsiveTextStyles = require("./getResponsiveTextStyles.cjs");
 //#region src/tailwind/components/getGroupedTextStyles.ts
 const getGroupedTextStyles = () => Object.fromEntries(require_index.textVariants.map(require_getResponsiveTextStyles.textVariantsSafe).map((variant) => [`.uds-text-${variant}`, {
 	fontFamily: `var(--${require_index$1.FONT_FAMILY_PREFIX}-${variant})`,
 	fontSize: `var(--${require_index$1.FONT_SIZE_PREFIX}-${variant})`,
 	fontWeight: `var(--${require_index$1.FONT_WEIGHT_PREFIX}-${variant})`,
+	/**
+	* Include both "slnt" and "ital" axes to support fonts using either axis type:
+	* - slnt (slant): continuous angle, e.g., Inter uses -10 to 0
+	* - ital (italic): binary toggle, e.g., YAS uses 0 or 1
+	* Fonts will ignore axes they don't support.
+	*/
 	fontVariationSettings: `"wght" var(--${require_index$1.FONT_WEIGHT_PREFIX}-${variant}), "slnt" var(--${require_index$1.FONT_SLANT_PREFIX}-${variant}), "ital" var(--${require_index$1.FONT_SLANT_PREFIX}-${variant}), "wdth" var(--${require_index$1.FONT_WIDTH_PREFIX}-${variant})`,
 	lineHeight: `var(--${require_index$1.LINE_HEIGHT_PREFIX}-${variant})`,
 	textTransform: `var(--${require_index$1.TEXT_TRANSFORM_PREFIX}-${variant})`,
 	b: { fontVariationSettings: "normal" },
 	strong: { fontVariationSettings: "normal" }
 }]));
 //#endregion
-exports.getGroupedTextStyles = getGroupedTextStyles;
+exports.getGroupedTextStyles = getGroupedTextStyles;

package/dist/tailwind/dist/tailwind/components/getGroupedTextStyles.js CHANGED Viewed

@@ -2,19 +2,24 @@
 import { textVariants } from "../../fixtures/dist/index.js";
 import { FONT_FAMILY_PREFIX, FONT_SIZE_PREFIX, FONT_SLANT_PREFIX, FONT_WEIGHT_PREFIX, FONT_WIDTH_PREFIX, LINE_HEIGHT_PREFIX, TEXT_TRANSFORM_PREFIX } from "../../css-tokens/dist/index.js";
 import { textVariantsSafe } from "./getResponsiveTextStyles.js";
 //#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})`,
+	/**
+	* Include both "slnt" and "ital" axes to support fonts using either axis type:
+	* - slnt (slant): continuous angle, e.g., Inter uses -10 to 0
+	* - ital (italic): binary toggle, e.g., YAS uses 0 or 1
+	* Fonts will ignore axes they don't support.
+	*/
 	fontVariationSettings: `"wght" var(--${FONT_WEIGHT_PREFIX}-${variant}), "slnt" var(--${FONT_SLANT_PREFIX}-${variant}), "ital" 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 };
 //# sourceMappingURL=getGroupedTextStyles.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"getGroupedTextStyles.js","names":[],"sources":["../../../src/tailwind/components/getGroupedTextStyles.ts"],"sourcesContent":["import {\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 '@yahoo/uds-css-tokens';\nimport { textVariants } from '@yahoo/uds-fixtures';\n\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 /*\n Include both \"slnt\" and \"ital\" axes to support fonts using either axis type:\n * - slnt (slant): continuous angle, e.g., Inter uses -10 to 0\n * - ital (italic): binary toggle, e.g., YAS uses 0 or 1\n * Fonts will ignore axes they don't support.\n */\n fontVariationSettings: `\"wght\" var(--${FONT_WEIGHT_PREFIX}-${variant}), \"slnt\" var(--${FONT_SLANT_PREFIX}-${variant}), \"ital\" 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 // Reset font-variation-settings for b/strong tags to ensure they appear bolder.\n b: { fontVariationSettings: 'normal' },\n strong: { fontVariationSettings: 'normal' },\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;CAOnD,uBAAuB,gBAAgB,mBAAmB,GAAG,QAAQ,kBAAkB,kBAAkB,GAAG,QAAQ,kBAAkB,kBAAkB,GAAG,QAAQ,kBAAkB,kBAAkB,GAAG,QAAQ;CAClN,YAAY,SAAS,mBAAmB,GAAG,QAAQ;CACnD,eAAe,SAAS,sBAAsB,GAAG,QAAQ;CAGzD,GAAG,EAAE,uBAAuB,UAAU;CACtC,QAAQ,EAAE,uBAAuB,UAAU;CAC5C,CACF,CAAC,CACH"}
1	+ {"version":3,"file":"getGroupedTextStyles.js","names":[],"sources":["../../../src/tailwind/components/getGroupedTextStyles.ts"],"sourcesContent":["import {\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 '@yahoo/uds-css-tokens';\nimport { textVariants } from '@yahoo/uds-fixtures';\n\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 /*\n Include both \"slnt\" and \"ital\" axes to support fonts using either axis type:\n * - slnt (slant): continuous angle, e.g., Inter uses -10 to 0\n * - ital (italic): binary toggle, e.g., YAS uses 0 or 1\n * Fonts will ignore axes they don't support.\n */\n fontVariationSettings: `\"wght\" var(--${FONT_WEIGHT_PREFIX}-${variant}), \"slnt\" var(--${FONT_SLANT_PREFIX}-${variant}), \"ital\" 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 // Reset font-variation-settings for b/strong tags to ensure they appear bolder.\n b: { fontVariationSettings: 'normal' },\n strong: { fontVariationSettings: 'normal' },\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;;;;;;;CAOnD,uBAAuB,gBAAgB,mBAAmB,GAAG,QAAQ,kBAAkB,kBAAkB,GAAG,QAAQ,kBAAkB,kBAAkB,GAAG,QAAQ,kBAAkB,kBAAkB,GAAG,QAAQ;CAClN,YAAY,SAAS,mBAAmB,GAAG,QAAQ;CACnD,eAAe,SAAS,sBAAsB,GAAG,QAAQ;CAGzD,GAAG,EAAE,uBAAuB,UAAU;CACtC,QAAQ,EAAE,uBAAuB,UAAU;CAC5C,CACF,CAAC,CACH"}

package/dist/tailwind/dist/tailwind/components/getHitTargetStyles.cjs CHANGED Viewed

@@ -1,5 +1,4 @@
 /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 //#region src/tailwind/components/getHitTargetStyles.ts
 const MINIMUM_TAP_TARGET = "44px";
 function getHitTargetStyles() {
@@ -16,6 +15,5 @@ function getHitTargetStyles() {
 		} }
 	};
 }
 //#endregion
-exports.getHitTargetStyles = getHitTargetStyles;
+exports.getHitTargetStyles = getHitTargetStyles;

package/dist/tailwind/dist/tailwind/components/getHitTargetStyles.js CHANGED Viewed

@@ -15,7 +15,7 @@ function getHitTargetStyles() {
 		} }
 	};
 }
 //#endregion
 export { getHitTargetStyles };
 //# sourceMappingURL=getHitTargetStyles.js.map

package/dist/tailwind/dist/tailwind/components/getIconStyles.cjs CHANGED Viewed

@@ -1,5 +1,4 @@
 /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 //#region src/tailwind/components/getIconStyles.ts
 /**
 * Generates icon styles for light/dark mode using CSS variables
@@ -10,6 +9,5 @@ function getIconStyles() {
 		".uds-dark-mode-icon": { display: "var(--uds-dark-mode-icon, none)" }
 	};
 }
 //#endregion
-exports.getIconStyles = getIconStyles;
+exports.getIconStyles = getIconStyles;

package/dist/tailwind/dist/tailwind/components/getIconStyles.js CHANGED Viewed

@@ -9,7 +9,7 @@ function getIconStyles() {
 		".uds-dark-mode-icon": { display: "var(--uds-dark-mode-icon, none)" }
 	};
 }
 //#endregion
 export { getIconStyles };
 //# sourceMappingURL=getIconStyles.js.map

package/dist/tailwind/dist/tailwind/components/getInputStyles.cjs CHANGED Viewed

@@ -1,5 +1,4 @@
 /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 //#region src/tailwind/components/getInputStyles.ts
 /**
 * Generates input styles
@@ -11,6 +10,5 @@ function getInputStyles() {
 		[".uds-input::-webkit-calendar-picker-indicator"]: { display: "none" }
 	};
 }
 //#endregion
-exports.getInputStyles = getInputStyles;
+exports.getInputStyles = getInputStyles;

package/dist/tailwind/dist/tailwind/components/getInputStyles.js CHANGED Viewed

@@ -10,7 +10,7 @@ function getInputStyles() {
 		[".uds-input::-webkit-calendar-picker-indicator"]: { display: "none" }
 	};
 }
 //#endregion
 export { getInputStyles };
 //# sourceMappingURL=getInputStyles.js.map

package/dist/tailwind/dist/tailwind/components/getResponsiveTextStyles.cjs CHANGED Viewed

@@ -1,12 +1,11 @@
 /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
-const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
-const require_index = require('../../fixtures/dist/index.cjs');
-const require_index$1 = require('../../css-tokens/dist/index.cjs');
-const require_assertUnreachable = require('../../utils/assertUnreachable.cjs');
-const require_entries = require('../../utils/entries.cjs');
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_index = require("../../fixtures/dist/index.cjs");
+const require_index$1 = require("../../css-tokens/dist/index.cjs");
+const require_assertUnreachable = require("../../utils/assertUnreachable.cjs");
+const require_entries = require("../../utils/entries.cjs");
 let lodash_isString_js = require("lodash/isString.js");
-lodash_isString_js = require_runtime.__toESM(lodash_isString_js);
+lodash_isString_js = require_runtime.__toESM(lodash_isString_js, 1);
 //#region src/tailwind/components/getResponsiveTextStyles.ts
 const textVariantsSafe = (variant) => variant.replace("/", "-");
 const BASE_SIZE = 16;
@@ -64,9 +63,8 @@ const getResponsiveTextStyles = (config) => {
 		...Object.fromEntries(breakpoints.map(([name]) => [mapClassNames(name), cssVariablesForBreakpoint(config, name)]))
 	};
 };
 //#endregion
 exports.RESPONSIVE_TAILWIND_CONFIG_MAP = RESPONSIVE_TAILWIND_CONFIG_MAP;
 exports.getBaseTextVars = getBaseTextVars;
 exports.getResponsiveTextStyles = getResponsiveTextStyles;
-exports.textVariantsSafe = textVariantsSafe;
+exports.textVariantsSafe = textVariantsSafe;

package/dist/tailwind/dist/tailwind/components/getResponsiveTextStyles.js CHANGED Viewed

@@ -4,7 +4,6 @@ import { FONT_FAMILY_PREFIX, FONT_SIZE_PREFIX, FONT_SLANT_PREFIX, FONT_WEIGHT_PR
 import { assertUnreachable } from "../../utils/assertUnreachable.js";
 import { entries } from "../../utils/entries.js";
 import { isString } from "lodash-es";
 //#region src/tailwind/components/getResponsiveTextStyles.ts
 const textVariantsSafe = (variant) => variant.replace("/", "-");
 const BASE_SIZE = 16;
@@ -62,7 +61,7 @@ const getResponsiveTextStyles = (config) => {
 		...Object.fromEntries(breakpoints.map(([name]) => [mapClassNames(name), cssVariablesForBreakpoint(config, name)]))
 	};
 };
 //#endregion
 export { RESPONSIVE_TAILWIND_CONFIG_MAP, getBaseTextVars, getResponsiveTextStyles, textVariantsSafe };
 //# sourceMappingURL=getResponsiveTextStyles.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"getResponsiveTextStyles.js","names":[],"sources":["../../../src/tailwind/components/getResponsiveTextStyles.ts"],"sourcesContent":["import type { UniversalTokensConfig } from '@yahoo/uds-config';\nimport {\n FONT_FAMILY_PREFIX,\n FONT_SIZE_PREFIX,\n FONT_SLANT_PREFIX,\n FONT_WEIGHT_PREFIX,\n FONT_WIDTH_PREFIX,\n LETTER_SPACING_PREFIX,\n LINE_HEIGHT_PREFIX,\n TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES,\n TEXT_RESPONSIVE_CLASSNAME,\n TEXT_TRANSFORM_PREFIX,\n} from '@yahoo/uds-css-tokens';\nimport { textVariants } from '@yahoo/uds-fixtures';\nimport type { BreakpointWithBase, TypographyStyle } from '@yahoo/uds-types';\nimport { isString } from 'lodash';\n\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 `--${LETTER_SPACING_PREFIX}-${safeVariant}`,\n getValue(config, variant, 'letterSpacing', 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 letterSpacing: tailwindConfigPerVariant(LETTER_SPACING_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":"~~;;;;;;;;~~AAqBA,MAAM,oBAAoB,YAAoB,QAAQ,QAAQ,KAAK,IAAI;AACvE,MAAM,YAAY;AAElB,MAAM,SAAS,SAAiB,GAAG,OAAO,UAAU;AAEpD,MAAM,iBAAiB,SACrB,MAAM,sCAAsC;AAE9C,MAAM,YACJ,QACA,SACA,KACA,eACW;CACX,MAAM,OAAO,OAAO,WAAW,WAAW;AAE1C,KAAI,CAAC,KACH,OAAM,IAAI,MAAM,wCAAwC,QAAQ,aAAa,IAAI,GAAG;CAGtF,MAAM,QAAQ,eAAe,SAAS,KAAK,OAAO,KAAK,cAAc;AAErE,KAAI,CAAC,MACH,OAAM,IAAI,MACR,8BAA8B,QAAQ,UAAU,IAAI,qBAAqB,WAAW,GACrF;AAGH,KAAI,SAAS,MAAM,CACjB,QAAO;AAGT,SAAQ,MAAM,MAAd;EACE,KAAK,KACH,QAAO,MAAM,MAAM,MAAM;EAC3B,KAAK,WACH,QAAO,OAAO,MAAM,MAAM;;AAG9B,QAAO,kBAAkB,MAAM;;AAGjC,MAAM,oBAAoB,QAA+B,UAAkB;AACzE,KAAI,SAAS,OAAO,KAClB,QAAO,SAAS,mBAAmB,GAAG,MAAM;AAG9C,QAAO;;AAGT,MAAM,6BAA6B,QAA+B,eAChE,OAAO,YACL,aAAa,SAAS,YAAY;CAChC,MAAM,cAAc,iBAAiB,QAAQ;AAE7C,QAAO;EACL,CACE,KAAK,mBAAmB,GAAG,eAC3B,iBAAiB,QAAQ,SAAS,QAAQ,SAAS,cAAc,WAAW,CAAC,CAC9E;EACD,CAAC,KAAK,iBAAiB,GAAG,eAAe,SAAS,QAAQ,SAAS,YAAY,WAAW,CAAC;EAC3F,CACE,KAAK,mBAAmB,GAAG,eAC3B,SAAS,QAAQ,SAAS,cAAc,WAAW,CACpD;EACD,CACE,KAAK,kBAAkB,GAAG,eAC1B,SAAS,QAAQ,SAAS,aAAa,WAAW,CACnD;EACD,CACE,KAAK,kBAAkB,GAAG,eAC1B,SAAS,QAAQ,SAAS,aAAa,WAAW,CACnD;EACD,CACE,KAAK,mBAAmB,GAAG,eAC3B,SAAS,QAAQ,SAAS,cAAc,WAAW,CACpD;EACD,CACE,KAAK,sBAAsB,GAAG,eAC9B,SAAS,QAAQ,SAAS,iBAAiB,WAAW,CACvD;EACD,CACE,KAAK,sBAAsB,GAAG,eAC9B,SAAS,QAAQ,SAAS,iBAAiB,WAAW,CACvD;EACF;EACD,CACH;AAEH,MAAM,4BAA4B,WAChC,OAAO,YACL,aAAa,IAAI,iBAAiB,CAAC,KAAK,YAAY,CAAC,SAAS,SAAS,OAAO,GAAG,QAAQ,GAAG,CAAC,CAC9F;AAEH,MAAM,iCAAiC;CACrC,YAAY,yBAAyB,mBAAmB;CACxD,YAAY,yBAAyB,mBAAmB;CACxD,WAAW,yBAAyB,kBAAkB;CACtD,WAAW,yBAAyB,kBAAkB;CACtD,UAAU,yBAAyB,iBAAiB;CACpD,YAAY,yBAAyB,mBAAmB;CACxD,eAAe,yBAAyB,sBAAsB;CAC9D,eAAe,yBAAyB,sBAAsB;CAC/D;AAED,MAAM,mBAAmB,WAAkC;AACzD,QAAO,0BAA0B,QAAQ,OAAO;;AAGlD,MAAM,2BAA2B,WAAkC;CAEjE,MAAM,cAAc,QAAQ,OAAO,YAAY,CAAC,MAC7C,GAAG,EAAE,OAAO,cAAc,GAAG,EAAE,OAAO,iBAAiB,YAAY,UACrE;AAED,QAAO;GAGJ,IAAI,8BAA8B,OAAO,YACxC,YAAY,KAAK,CAAC,MAAM,EAAE,OAAO,gBAAgB,CAE/C,sBAAsB,SAAS,MAC/B,0BAA0B,QAAQ,KAAK,CACxC,CAAC,CACH;GAGA,cAAc,OAAO,GAAG,0BAA0B,QAAQ,OAAO;GAEjE,cAAc,oBAAoB,GAAG,0BACpC,QACA,OAAO,eAAe,WACvB;EAED,GAAG,OAAO,YACR,YAAY,KAAK,CAAC,UAAU,CAAC,cAAc,KAAK,EAAE,0BAA0B,QAAQ,KAAK,CAAC,CAAC,CAC5F;EACF"}
1	+ {"version":3,"file":"getResponsiveTextStyles.js","names":[],"sources":["../../../src/tailwind/components/getResponsiveTextStyles.ts"],"sourcesContent":["import type { UniversalTokensConfig } from '@yahoo/uds-config';\nimport {\n FONT_FAMILY_PREFIX,\n FONT_SIZE_PREFIX,\n FONT_SLANT_PREFIX,\n FONT_WEIGHT_PREFIX,\n FONT_WIDTH_PREFIX,\n LETTER_SPACING_PREFIX,\n LINE_HEIGHT_PREFIX,\n TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES,\n TEXT_RESPONSIVE_CLASSNAME,\n TEXT_TRANSFORM_PREFIX,\n} from '@yahoo/uds-css-tokens';\nimport { textVariants } from '@yahoo/uds-fixtures';\nimport type { BreakpointWithBase, TypographyStyle } from '@yahoo/uds-types';\nimport { isString } from 'lodash';\n\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 `--${LETTER_SPACING_PREFIX}-${safeVariant}`,\n getValue(config, variant, 'letterSpacing', 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 letterSpacing: tailwindConfigPerVariant(LETTER_SPACING_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/dist/tailwind/defaultTailwindThemeAsUdsConfig.cjs CHANGED Viewed

@@ -1,5 +1,4 @@
 /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 //#region src/tailwind/defaultTailwindThemeAsUdsConfig.ts
 const fontSizeMap = {
 	display1: "6xl",
@@ -49,6 +48,5 @@ const udsToTailwindMap = {
 	fontSize: fontSizeMap,
 	lineHeight: fontSizeMap
 };
 //#endregion
-exports.udsToTailwindMap = udsToTailwindMap;
+exports.udsToTailwindMap = udsToTailwindMap;

package/dist/tailwind/dist/tailwind/defaultTailwindThemeAsUdsConfig.d.cts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { TextVariantUi } from "../types/dist/index.cjs";
-import defaultTailwindTheme from "tailwindcss/defaultTheme";
+import defaultTailwindTheme from "tailwindcss/defaultTheme.js";
 //#region src/tailwind/defaultTailwindThemeAsUdsConfig.d.ts
 type TwFontSizeToExclude = '7xl' | '8xl' | '9xl';

package/dist/tailwind/dist/tailwind/defaultTailwindThemeAsUdsConfig.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { TextVariantUi } from "../types/dist/index.js";
-import defaultTailwindTheme from "tailwindcss/defaultTheme";
+import defaultTailwindTheme from "tailwindcss/defaultTheme.js";
 //#region src/tailwind/defaultTailwindThemeAsUdsConfig.d.ts
 type TwFontSizeToExclude = '7xl' | '8xl' | '9xl';

package/dist/tailwind/dist/tailwind/defaultTailwindThemeAsUdsConfig.js CHANGED Viewed

@@ -48,7 +48,7 @@ const udsToTailwindMap = {
 	fontSize: fontSizeMap,
 	lineHeight: fontSizeMap
 };
 //#endregion
 export { udsToTailwindMap };
 //# sourceMappingURL=defaultTailwindThemeAsUdsConfig.js.map

package/dist/tailwind/dist/tailwind/plugins/a11y.cjs CHANGED Viewed

@@ -1,10 +1,9 @@
 /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
-const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
-const require_getFocusRingStyles = require('../components/getFocusRingStyles.cjs');
-const require_getHitTargetStyles = require('../components/getHitTargetStyles.cjs');
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_getFocusRingStyles = require("../components/getFocusRingStyles.cjs");
+const require_getHitTargetStyles = require("../components/getHitTargetStyles.cjs");
 let tailwindcss_plugin_js = require("tailwindcss/plugin.js");
-tailwindcss_plugin_js = require_runtime.__toESM(tailwindcss_plugin_js);
+tailwindcss_plugin_js = require_runtime.__toESM(tailwindcss_plugin_js, 1);
 //#region src/tailwind/plugins/a11y.ts
 const a11yPlugin = tailwindcss_plugin_js.default.withOptions(() => ({ addComponents }) => {
 	addComponents(require_getHitTargetStyles.getHitTargetStyles());
@@ -12,12 +11,28 @@ const a11yPlugin = tailwindcss_plugin_js.default.withOptions(() => ({ addCompone
 }, () => ({
 	safelist: ["uds-hit-target", "uds-ring"],
 	theme: { extend: {
+		/**
+		* Used in @ariakit/react https://ariakit.org/guide/styling#aria
+		* By default, Tailwind offers all of these. Including in this config
+		* to provide links to ariakit docs for ones that are shared between the two.
+		* This is not exhaustive, and only includes the shared ones at the moment.
+		* https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L17
+		*/
 		aria: {
+			/** https://ariakit.org/guide/styling#aria-checked */
 			checked: "checked=\"true\"",
+			/** https://ariakit.org/guide/styling#aria-disabled */
 			disabled: "disabled=\"true\"",
+			/** https://ariakit.org/guide/styling#aria-expanded */
 			expanded: "expanded=\"true\"",
+			/** https://ariakit.org/guide/styling#aria-invalid */
 			invalid: "aria-invalid=\"true\""
 		},
+		/**
+		* Used in @ariakit/react https://ariakit.org/guide/styling#css-selectors
+		* By default, Tailwind does not include any values for this option
+		* https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L888
+		*/
 		data: {
 			active: "active=\"true\"",
 			"active-item": "active-item=\"true\"",
@@ -29,6 +44,5 @@ const a11yPlugin = tailwindcss_plugin_js.default.withOptions(() => ({ addCompone
 		}
 	} }
 }));
 //#endregion
-exports.a11yPlugin = a11yPlugin;
+exports.a11yPlugin = a11yPlugin;

package/dist/tailwind/dist/tailwind/plugins/a11y.js CHANGED Viewed

@@ -2,7 +2,6 @@
 import { getFocusRingStyles } from "../components/getFocusRingStyles.js";
 import { getHitTargetStyles } from "../components/getHitTargetStyles.js";
 import plugin from "tailwindcss/plugin.js";
 //#region src/tailwind/plugins/a11y.ts
 const a11yPlugin = plugin.withOptions(() => ({ addComponents }) => {
 	addComponents(getHitTargetStyles());
@@ -10,12 +9,28 @@ const a11yPlugin = plugin.withOptions(() => ({ addComponents }) => {
 }, () => ({
 	safelist: ["uds-hit-target", "uds-ring"],
 	theme: { extend: {
+		/**
+		* Used in @ariakit/react https://ariakit.org/guide/styling#aria
+		* By default, Tailwind offers all of these. Including in this config
+		* to provide links to ariakit docs for ones that are shared between the two.
+		* This is not exhaustive, and only includes the shared ones at the moment.
+		* https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L17
+		*/
 		aria: {
+			/** https://ariakit.org/guide/styling#aria-checked */
 			checked: "checked=\"true\"",
+			/** https://ariakit.org/guide/styling#aria-disabled */
 			disabled: "disabled=\"true\"",
+			/** https://ariakit.org/guide/styling#aria-expanded */
 			expanded: "expanded=\"true\"",
+			/** https://ariakit.org/guide/styling#aria-invalid */
 			invalid: "aria-invalid=\"true\""
 		},
+		/**
+		* Used in @ariakit/react https://ariakit.org/guide/styling#css-selectors
+		* By default, Tailwind does not include any values for this option
+		* https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L888
+		*/
 		data: {
 			active: "active=\"true\"",
 			"active-item": "active-item=\"true\"",
@@ -27,7 +42,7 @@ const a11yPlugin = plugin.withOptions(() => ({ addComponents }) => {
 		}
 	} }
 }));
 //#endregion
 export { a11yPlugin };
 //# sourceMappingURL=a11y.js.map

package/dist/tailwind/dist/tailwind/plugins/a11y.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"a11y.js","names":[],"sources":["../../../src/tailwind/plugins/a11y.ts"],"sourcesContent":["import plugin from 'tailwindcss/plugin.js';\n\nimport { getFocusRingStyles } from '../components/getFocusRingStyles';\nimport { getHitTargetStyles } from '../components/getHitTargetStyles';\nimport type { TailwindPluginOptions } from '../utils/composeTailwindPlugins';\n\nconst a11yPlugin = plugin.withOptions<TailwindPluginOptions>(\n () =>\n ({ addComponents }) => {\n // TODO: Skip when `useImportNamespace`?\n const hitTargetStyles = getHitTargetStyles();\n addComponents(hitTargetStyles);\n\n // TODO: Skip when `useImportNamespace`?\n const focusRingStyles = getFocusRingStyles();\n addComponents(focusRingStyles);\n },\n\n () => ({\n // Guarantee that the dark mode class is not purged\n safelist: ['uds-hit-target', 'uds-ring'],\n theme: {\n extend: {\n /*\n Used in @ariakit/react https://ariakit.org/guide/styling#aria\n * By default, Tailwind offers all of these. Including in this config\n * to provide links to ariakit docs for ones that are shared between the two.\n * This is not exhaustive, and only includes the shared ones at the moment.\n * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L17\n /\n aria: {\n /* https://ariakit.org/guide/styling#aria-checked /\n checked: 'checked=\"true\"',\n /* https://ariakit.org/guide/styling#aria-disabled /\n disabled: 'disabled=\"true\"',\n /* https://ariakit.org/guide/styling#aria-expanded /\n expanded: 'expanded=\"true\"',\n /* https://ariakit.org/guide/styling#aria-invalid /\n invalid: 'aria-invalid=\"true\"',\n },\n /\n Used in @ariakit/react https://ariakit.org/guide/styling#css-selectors\n * By default, Tailwind does not include any values for this option\n * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L888\n */\n data: {\n active: 'active=\"true\"',\n 'active-item': 'active-item=\"true\"',\n autofill: 'autofill=\"true\"',\n backdrop: 'backdrop=\"true\"',\n enter: 'enter=\"true\"',\n leave: 'leave=\"true\"',\n 'focus-visible': 'focus-visible=\"true\"',\n },\n },\n },\n }),\n);\n\nexport { a11yPlugin };\n"],"mappings":"~~;;;;;;~~AAMA,MAAM,aAAa,OAAO,mBAErB,EAAE,oBAAoB;AAGrB,eADwB,~~oBAAoB~~,~~CACd~~;AAI9B,eADwB,~~oBAAoB~~,~~CACd~~;UAG3B;CAEL,UAAU,CAAC,kBAAkB,WAAW;CACxC,OAAO,EACL,QAAQ;EAQN,MAAM;GAEJ,SAAS;GAET,UAAU;GAEV,UAAU;GAEV,SAAS;GACV;EAMD,MAAM;GACJ,QAAQ;GACR,eAAe;GACf,UAAU;GACV,UAAU;GACV,OAAO;GACP,OAAO;GACP,iBAAiB;GAClB;EACF,EACF;CACF,EACF"}
1	+ {"version":3,"file":"a11y.js","names":[],"sources":["../../../src/tailwind/plugins/a11y.ts"],"sourcesContent":["import plugin from 'tailwindcss/plugin.js';\n\nimport { getFocusRingStyles } from '../components/getFocusRingStyles';\nimport { getHitTargetStyles } from '../components/getHitTargetStyles';\nimport type { TailwindPluginOptions } from '../utils/composeTailwindPlugins';\n\nconst a11yPlugin = plugin.withOptions<TailwindPluginOptions>(\n () =>\n ({ addComponents }) => {\n // TODO: Skip when `useImportNamespace`?\n const hitTargetStyles = getHitTargetStyles();\n addComponents(hitTargetStyles);\n\n // TODO: Skip when `useImportNamespace`?\n const focusRingStyles = getFocusRingStyles();\n addComponents(focusRingStyles);\n },\n\n () => ({\n // Guarantee that the dark mode class is not purged\n safelist: ['uds-hit-target', 'uds-ring'],\n theme: {\n extend: {\n /*\n Used in @ariakit/react https://ariakit.org/guide/styling#aria\n * By default, Tailwind offers all of these. Including in this config\n * to provide links to ariakit docs for ones that are shared between the two.\n * This is not exhaustive, and only includes the shared ones at the moment.\n * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L17\n /\n aria: {\n /* https://ariakit.org/guide/styling#aria-checked /\n checked: 'checked=\"true\"',\n /* https://ariakit.org/guide/styling#aria-disabled /\n disabled: 'disabled=\"true\"',\n /* https://ariakit.org/guide/styling#aria-expanded /\n expanded: 'expanded=\"true\"',\n /* https://ariakit.org/guide/styling#aria-invalid /\n invalid: 'aria-invalid=\"true\"',\n },\n /\n Used in @ariakit/react https://ariakit.org/guide/styling#css-selectors\n * By default, Tailwind does not include any values for this option\n * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L888\n */\n data: {\n active: 'active=\"true\"',\n 'active-item': 'active-item=\"true\"',\n autofill: 'autofill=\"true\"',\n backdrop: 'backdrop=\"true\"',\n enter: 'enter=\"true\"',\n leave: 'leave=\"true\"',\n 'focus-visible': 'focus-visible=\"true\"',\n },\n },\n },\n }),\n);\n\nexport { a11yPlugin };\n"],"mappings":";;;;;AAMA,MAAM,aAAa,OAAO,mBAErB,EAAE,oBAAoB;AAGrB,eADwB,oBACK,CAAC;AAI9B,eADwB,oBACK,CAAC;UAG3B;CAEL,UAAU,CAAC,kBAAkB,WAAW;CACxC,OAAO,EACL,QAAQ;;;;;;;;EAQN,MAAM;;GAEJ,SAAS;;GAET,UAAU;;GAEV,UAAU;;GAEV,SAAS;GACV;;;;;;EAMD,MAAM;GACJ,QAAQ;GACR,eAAe;GACf,UAAU;GACV,UAAU;GACV,OAAO;GACP,OAAO;GACP,iBAAiB;GAClB;EACF,EACF;CACF,EACF"}

package/dist/tailwind/dist/tailwind/plugins/blurBgFallback.cjs CHANGED Viewed

@@ -1,9 +1,8 @@
 /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
-const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
-const require_index = require('../../css-tokens/dist/index.cjs');
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_index = require("../../css-tokens/dist/index.cjs");
 let tailwindcss_plugin_js = require("tailwindcss/plugin.js");
-tailwindcss_plugin_js = require_runtime.__toESM(tailwindcss_plugin_js);
+tailwindcss_plugin_js = require_runtime.__toESM(tailwindcss_plugin_js, 1);
 //#region src/tailwind/plugins/blurBgFallback.ts
 const blurBgFallbackPlugin = tailwindcss_plugin_js.default.withOptions(() => ({ addUtilities }) => {
 	addUtilities({
@@ -24,6 +23,5 @@ const blurBgFallbackPlugin = tailwindcss_plugin_js.default.withOptions(() => ({
 		}
 	});
 }, () => ({ safelist: ["uds-bgBlurFillFallback", "uds-bgBlurFallback"] }));
 //#endregion
-exports.blurBgFallbackPlugin = blurBgFallbackPlugin;
+exports.blurBgFallbackPlugin = blurBgFallbackPlugin;

package/dist/tailwind/dist/tailwind/plugins/blurBgFallback.js CHANGED Viewed

@@ -1,7 +1,6 @@
 /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 import { BACKGROUND_BLUR_COLOR_PREFIX, BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX } from "../../css-tokens/dist/index.js";
 import plugin from "tailwindcss/plugin.js";
 //#region src/tailwind/plugins/blurBgFallback.ts
 const blurBgFallbackPlugin = plugin.withOptions(() => ({ addUtilities }) => {
 	addUtilities({
@@ -22,7 +21,7 @@ const blurBgFallbackPlugin = plugin.withOptions(() => ({ addUtilities }) => {
 		}
 	});
 }, () => ({ safelist: ["uds-bgBlurFillFallback", "uds-bgBlurFallback"] }));
 //#endregion
 export { blurBgFallbackPlugin };
 //# sourceMappingURL=blurBgFallback.js.map

package/dist/tailwind/dist/tailwind/plugins/blurBgFallback.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"blurBgFallback.js","names":[],"sources":["../../../src/tailwind/plugins/blurBgFallback.ts"],"sourcesContent":["import {\n BACKGROUND_BLUR_COLOR_PREFIX,\n BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX,\n} from '@yahoo/uds-css-tokens';\nimport plugin from 'tailwindcss/plugin.js';\n\nimport type { TailwindPluginOptions } from '../utils/composeTailwindPlugins';\n\n// .uds-bgBlurFillFallback — for the element that has the fill property\n// .uds-bgBlurFallback — for the element that has the backdrop-filter property\n\nconst blurBgFallbackPlugin = plugin.withOptions<TailwindPluginOptions>(\n () =>\n ({ addUtilities }) => {\n addUtilities({\n '.uds-bgBlurFillFallback': {\n fill: `var(--${BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX})`,\n },\n\n '@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))': {\n '.uds-bgBlurFillFallback': {\n fill: `var(--${BACKGROUND_BLUR_COLOR_PREFIX})`,\n },\n '.uds-bgBlurFallback': {\n WebkitBackdropFilter: 'var(--uds-backdrop-blur)',\n backdropFilter: 'var(--uds-backdrop-blur)',\n },\n },\n\n '@media (prefers-reduced-transparency)': {\n '.uds-bgBlurFillFallback': {\n fill: `var(--${BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX})`,\n },\n '.uds-bgBlurFallback': {\n WebkitBackdropFilter: 'none',\n backdropFilter: 'none',\n },\n },\n });\n },\n\n () => ({\n safelist: ['uds-bgBlurFillFallback', 'uds-bgBlurFallback'],\n }),\n);\n\nexport { blurBgFallbackPlugin };\n"],"mappings":"~~;;;;;~~AAWA,MAAM,uBAAuB,OAAO,mBAE/B,EAAE,mBAAmB;AACpB,cAAa;EACX,2BAA2B,EACzB,MAAM,SAAS,sCAAsC,IACtD;EAED,kFAAkF;GAChF,2BAA2B,EACzB,MAAM,SAAS,6BAA6B,IAC7C;GACD,uBAAuB;IACrB,sBAAsB;IACtB,gBAAgB;IACjB;GACF;EAED,yCAAyC;GACvC,2BAA2B,EACzB,MAAM,SAAS,sCAAsC,IACtD;GACD,uBAAuB;IACrB,sBAAsB;IACtB,gBAAgB;IACjB;GACF;EACF,CAAC;UAGC,EACL,UAAU,CAAC,0BAA0B,qBAAqB,EAC3D,EACF"}
1	+ {"version":3,"file":"blurBgFallback.js","names":[],"sources":["../../../src/tailwind/plugins/blurBgFallback.ts"],"sourcesContent":["import {\n BACKGROUND_BLUR_COLOR_PREFIX,\n BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX,\n} from '@yahoo/uds-css-tokens';\nimport plugin from 'tailwindcss/plugin.js';\n\nimport type { TailwindPluginOptions } from '../utils/composeTailwindPlugins';\n\n// .uds-bgBlurFillFallback — for the element that has the fill property\n// .uds-bgBlurFallback — for the element that has the backdrop-filter property\n\nconst blurBgFallbackPlugin = plugin.withOptions<TailwindPluginOptions>(\n () =>\n ({ addUtilities }) => {\n addUtilities({\n '.uds-bgBlurFillFallback': {\n fill: `var(--${BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX})`,\n },\n\n '@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))': {\n '.uds-bgBlurFillFallback': {\n fill: `var(--${BACKGROUND_BLUR_COLOR_PREFIX})`,\n },\n '.uds-bgBlurFallback': {\n WebkitBackdropFilter: 'var(--uds-backdrop-blur)',\n backdropFilter: 'var(--uds-backdrop-blur)',\n },\n },\n\n '@media (prefers-reduced-transparency)': {\n '.uds-bgBlurFillFallback': {\n fill: `var(--${BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX})`,\n },\n '.uds-bgBlurFallback': {\n WebkitBackdropFilter: 'none',\n backdropFilter: 'none',\n },\n },\n });\n },\n\n () => ({\n safelist: ['uds-bgBlurFillFallback', 'uds-bgBlurFallback'],\n }),\n);\n\nexport { blurBgFallbackPlugin };\n"],"mappings":";;;;AAWA,MAAM,uBAAuB,OAAO,mBAE/B,EAAE,mBAAmB;AACpB,cAAa;EACX,2BAA2B,EACzB,MAAM,SAAS,sCAAsC,IACtD;EAED,kFAAkF;GAChF,2BAA2B,EACzB,MAAM,SAAS,6BAA6B,IAC7C;GACD,uBAAuB;IACrB,sBAAsB;IACtB,gBAAgB;IACjB;GACF;EAED,yCAAyC;GACvC,2BAA2B,EACzB,MAAM,SAAS,sCAAsC,IACtD;GACD,uBAAuB;IACrB,sBAAsB;IACtB,gBAAgB;IACjB;GACF;EACF,CAAC;UAGC,EACL,UAAU,CAAC,0BAA0B,qBAAqB,EAC3D,EACF"}

package/dist/tailwind/dist/tailwind/plugins/borderRadius.cjs CHANGED Viewed

@@ -1,12 +1,11 @@
 /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
-const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
-const require_index = require('../../css-tokens/dist/index.cjs');
-const require_index$1 = require('../../modes/dist/index.cjs');
-const require_fromEntries = require('../../utils/fromEntries.cjs');
-const require_composeTailwindPlugins = require('../utils/composeTailwindPlugins.cjs');
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_index = require("../../css-tokens/dist/index.cjs");
+const require_index$1 = require("../../modes/dist/index.cjs");
+const require_fromEntries = require("../../utils/fromEntries.cjs");
+const require_composeTailwindPlugins = require("../utils/composeTailwindPlugins.cjs");
 let tailwindcss_plugin_js = require("tailwindcss/plugin.js");
-tailwindcss_plugin_js = require_runtime.__toESM(tailwindcss_plugin_js);
+tailwindcss_plugin_js = require_runtime.__toESM(tailwindcss_plugin_js, 1);
 //#region src/tailwind/plugins/borderRadius.ts
 const UDS_BORDER_RADIUS_THEME_KEY = "udsBorderRadius";
 const udsBorderRadiusToCSSVariable = (token) => `var(--${require_index.BORDER_RADIUS_PREFIX}-${token})`;
@@ -48,7 +47,6 @@ const borderRadiusPlugin = tailwindcss_plugin_js.default.withOptions(() => ({ ma
 	const shouldNotMergeBorderRadiusTokensIntoTailwindTheme = require_composeTailwindPlugins.shouldNotMergeTokensIntoTailwindTheme(disableOverrideTailwindTheme, "borderRadius");
 	return { theme: { extend: { ...getBorderRadiusTheme(config.scaleMode[require_index$1.DEFAULT_SCALE_MODE].borderRadius, !shouldNotMergeBorderRadiusTokensIntoTailwindTheme) } } };
 });
 //#endregion
 exports.UDS_BORDER_RADIUS_THEME_KEY = UDS_BORDER_RADIUS_THEME_KEY;
-exports.borderRadiusPlugin = borderRadiusPlugin;
+exports.borderRadiusPlugin = borderRadiusPlugin;

package/dist/tailwind/dist/tailwind/plugins/borderRadius.js CHANGED Viewed

@@ -4,7 +4,6 @@ import { DEFAULT_SCALE_MODE } from "../../modes/dist/index.js";
 import { fromEntries } from "../../utils/fromEntries.js";
 import { shouldNotMergeTokensIntoTailwindTheme } from "../utils/composeTailwindPlugins.js";
 import plugin from "tailwindcss/plugin.js";
 //#region src/tailwind/plugins/borderRadius.ts
 const UDS_BORDER_RADIUS_THEME_KEY = "udsBorderRadius";
 const udsBorderRadiusToCSSVariable = (token) => `var(--${BORDER_RADIUS_PREFIX}-${token})`;
@@ -46,7 +45,7 @@ const borderRadiusPlugin = plugin.withOptions(() => ({ matchUtilities, theme })
 	const shouldNotMergeBorderRadiusTokensIntoTailwindTheme = shouldNotMergeTokensIntoTailwindTheme(disableOverrideTailwindTheme, "borderRadius");
 	return { theme: { extend: { ...getBorderRadiusTheme(config.scaleMode[DEFAULT_SCALE_MODE].borderRadius, !shouldNotMergeBorderRadiusTokensIntoTailwindTheme) } } };
 });
 //#endregion
 export { UDS_BORDER_RADIUS_THEME_KEY, borderRadiusPlugin };
 //# sourceMappingURL=borderRadius.js.map

package/dist/tailwind/dist/tailwind/plugins/borderRadius.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"borderRadius.js","names":[],"sources":["../../../src/tailwind/plugins/borderRadius.ts"],"sourcesContent":["import { BORDER_RADIUS_PREFIX } from '@yahoo/uds-css-tokens';\nimport { DEFAULT_SCALE_MODE } from '@yahoo/uds-modes';\nimport type { BorderRadiusConfig } from '@yahoo/uds-types';\nimport plugin from 'tailwindcss/plugin.js';\n\nimport { fromEntries } from '../../utils/fromEntries';\nimport type { TailwindPluginOptions } from '../utils/composeTailwindPlugins';\nimport { shouldNotMergeTokensIntoTailwindTheme } from '../utils/composeTailwindPlugins';\n\nconst UDS_BORDER_RADIUS_THEME_KEY = 'udsBorderRadius';\n\nconst udsBorderRadiusToCSSVariable = (token: string) => `var(--${BORDER_RADIUS_PREFIX}-${token})`;\n\nconst getBorderRadiusTheme = (\n config: BorderRadiusConfig,\n mergeTokensIntoTailwindTheme: boolean,\n) => {\n /*\n Given the UDS border radius tokens in config (none, xs, sm, md, lg, xl, full), create a tailwind\n * border radius theme value that points to the corresponding UDS CSS variables.\n \n For example:\n \n {\n * sm: 'var(--uds-border-radius-sm)',\n * md: 'var(--uds-border-radius-md)',\n * }\n \n Note: The values of the CSS variables are defined elsewhere. This code only ensures the Tailwind-generated\n * classes are mapped to the correct CSS variable.\n */\n const udsBorderRadii = fromEntries(\n Object.keys(config).map((udsAlias) => [udsAlias, udsBorderRadiusToCSSVariable(udsAlias)]),\n );\n\n if (!mergeTokensIntoTailwindTheme) {\n // Store these values namespaced in the tailwind theme to avoid overwriting default Tailwind border radius values.\n // This will be used in the automation CSS generation to map stored values to UDS CSS variables.\n return {\n [UDS_BORDER_RADIUS_THEME_KEY]: udsBorderRadii,\n };\n }\n\n return {\n // Store these values namespaced in the tailwind theme to avoid overwriting default Tailwind border radius values.\n // This will be used in the automation CSS generation to map stored values to UDS CSS variables.\n [UDS_BORDER_RADIUS_THEME_KEY]: udsBorderRadii,\n\n // Also overwrite the default Tailwind border radius theme values with UDS values for consistency.\n borderRadius: {\n ...udsBorderRadii,\n\n // Set the Tailwind 'DEFAULT' tailwind border radius to map to UDS 'sm' border radius\n DEFAULT: udsBorderRadiusToCSSVariable('sm'),\n\n // Set the Tailwind 'sm' tailwind border radius to map to UDS 'xs' border radius\n // See: https://ouryahoo.slack.com/archives/C04TLTQN6EM/p1724352657515249\n sm: udsBorderRadiusToCSSVariable('xs'),\n },\n };\n};\n\nconst borderRadiusPlugin = plugin.withOptions<TailwindPluginOptions>(\n () =>\n ({ matchUtilities, theme }) => {\n matchUtilities(\n {\n 'uds-border-radius': (value) => ({\n 'border-radius': value,\n }),\n\n 'uds-border-top-start-radius': (value) => ({\n 'border-start-start-radius': value,\n }),\n\n 'uds-border-top-end-radius': (value) => ({\n 'border-start-end-radius': value,\n }),\n\n 'uds-border-bottom-start-radius': (value) => ({\n 'border-end-start-radius': value,\n }),\n\n 'uds-border-bottom-end-radius': (value) => ({\n 'border-end-end-radius': value,\n }),\n },\n { values: theme(UDS_BORDER_RADIUS_THEME_KEY) },\n );\n },\n\n ({ config, disableOverrideTailwindTheme }) => {\n const shouldNotMergeBorderRadiusTokensIntoTailwindTheme = shouldNotMergeTokensIntoTailwindTheme(\n disableOverrideTailwindTheme,\n 'borderRadius',\n );\n\n return {\n theme: {\n extend: {\n ...getBorderRadiusTheme(\n // The border radius values are currently stored in the config from the default scale mode.\n config.scaleMode[DEFAULT_SCALE_MODE].borderRadius,\n !shouldNotMergeBorderRadiusTokensIntoTailwindTheme,\n ),\n },\n },\n };\n },\n);\n\nexport {\n borderRadiusPlugin,\n getBorderRadiusTheme,\n UDS_BORDER_RADIUS_THEME_KEY,\n udsBorderRadiusToCSSVariable,\n};\n"],"mappings":"~~;;;;;;;;~~AASA,MAAM,8BAA8B;AAEpC,MAAM,gCAAgC,UAAkB,SAAS,qBAAqB,GAAG,MAAM;AAE/F,MAAM,wBACJ,QACA,iCACG;;;;;;;;;;;;;;;CAeH,MAAM,iBAAiB,YACrB,OAAO,KAAK,OAAO,CAAC,KAAK,aAAa,CAAC,UAAU,6BAA6B,SAAS,CAAC,CAAC,CAC1F;AAED,KAAI,CAAC,6BAGH,QAAO,GACJ,8BAA8B,gBAChC;AAGH,QAAO;GAGJ,8BAA8B;EAG/B,cAAc;GACZ,GAAG;GAGH,SAAS,6BAA6B,KAAK;GAI3C,IAAI,6BAA6B,KAAK;GACvC;EACF;;AAGH,MAAM,qBAAqB,OAAO,mBAE7B,EAAE,gBAAgB,YAAY;AAC7B,gBACE;EACE,sBAAsB,WAAW,EAC/B,iBAAiB,OAClB;EAED,gCAAgC,WAAW,EACzC,6BAA6B,OAC9B;EAED,8BAA8B,WAAW,EACvC,2BAA2B,OAC5B;EAED,mCAAmC,WAAW,EAC5C,2BAA2B,OAC5B;EAED,iCAAiC,WAAW,EAC1C,yBAAyB,OAC1B;EACF,EACD,EAAE,QAAQ,MAAM,4BAA4B,EAAE,CAC/C;IAGJ,EAAE,QAAQ,mCAAmC;CAC5C,MAAM,oDAAoD,sCACxD,8BACA,eACD;AAED,QAAO,EACL,OAAO,EACL,QAAQ,EACN,GAAG,qBAED,OAAO,UAAU,oBAAoB,cACrC,CAAC,kDACF,EACF,EACF,EACF;EAEJ"}
1	+ {"version":3,"file":"borderRadius.js","names":[],"sources":["../../../src/tailwind/plugins/borderRadius.ts"],"sourcesContent":["import { BORDER_RADIUS_PREFIX } from '@yahoo/uds-css-tokens';\nimport { DEFAULT_SCALE_MODE } from '@yahoo/uds-modes';\nimport type { BorderRadiusConfig } from '@yahoo/uds-types';\nimport plugin from 'tailwindcss/plugin.js';\n\nimport { fromEntries } from '../../utils/fromEntries';\nimport type { TailwindPluginOptions } from '../utils/composeTailwindPlugins';\nimport { shouldNotMergeTokensIntoTailwindTheme } from '../utils/composeTailwindPlugins';\n\nconst UDS_BORDER_RADIUS_THEME_KEY = 'udsBorderRadius';\n\nconst udsBorderRadiusToCSSVariable = (token: string) => `var(--${BORDER_RADIUS_PREFIX}-${token})`;\n\nconst getBorderRadiusTheme = (\n config: BorderRadiusConfig,\n mergeTokensIntoTailwindTheme: boolean,\n) => {\n /*\n Given the UDS border radius tokens in config (none, xs, sm, md, lg, xl, full), create a tailwind\n * border radius theme value that points to the corresponding UDS CSS variables.\n \n For example:\n \n {\n * sm: 'var(--uds-border-radius-sm)',\n * md: 'var(--uds-border-radius-md)',\n * }\n \n Note: The values of the CSS variables are defined elsewhere. This code only ensures the Tailwind-generated\n * classes are mapped to the correct CSS variable.\n */\n const udsBorderRadii = fromEntries(\n Object.keys(config).map((udsAlias) => [udsAlias, udsBorderRadiusToCSSVariable(udsAlias)]),\n );\n\n if (!mergeTokensIntoTailwindTheme) {\n // Store these values namespaced in the tailwind theme to avoid overwriting default Tailwind border radius values.\n // This will be used in the automation CSS generation to map stored values to UDS CSS variables.\n return {\n [UDS_BORDER_RADIUS_THEME_KEY]: udsBorderRadii,\n };\n }\n\n return {\n // Store these values namespaced in the tailwind theme to avoid overwriting default Tailwind border radius values.\n // This will be used in the automation CSS generation to map stored values to UDS CSS variables.\n [UDS_BORDER_RADIUS_THEME_KEY]: udsBorderRadii,\n\n // Also overwrite the default Tailwind border radius theme values with UDS values for consistency.\n borderRadius: {\n ...udsBorderRadii,\n\n // Set the Tailwind 'DEFAULT' tailwind border radius to map to UDS 'sm' border radius\n DEFAULT: udsBorderRadiusToCSSVariable('sm'),\n\n // Set the Tailwind 'sm' tailwind border radius to map to UDS 'xs' border radius\n // See: https://ouryahoo.slack.com/archives/C04TLTQN6EM/p1724352657515249\n sm: udsBorderRadiusToCSSVariable('xs'),\n },\n };\n};\n\nconst borderRadiusPlugin = plugin.withOptions<TailwindPluginOptions>(\n () =>\n ({ matchUtilities, theme }) => {\n matchUtilities(\n {\n 'uds-border-radius': (value) => ({\n 'border-radius': value,\n }),\n\n 'uds-border-top-start-radius': (value) => ({\n 'border-start-start-radius': value,\n }),\n\n 'uds-border-top-end-radius': (value) => ({\n 'border-start-end-radius': value,\n }),\n\n 'uds-border-bottom-start-radius': (value) => ({\n 'border-end-start-radius': value,\n }),\n\n 'uds-border-bottom-end-radius': (value) => ({\n 'border-end-end-radius': value,\n }),\n },\n { values: theme(UDS_BORDER_RADIUS_THEME_KEY) },\n );\n },\n\n ({ config, disableOverrideTailwindTheme }) => {\n const shouldNotMergeBorderRadiusTokensIntoTailwindTheme = shouldNotMergeTokensIntoTailwindTheme(\n disableOverrideTailwindTheme,\n 'borderRadius',\n );\n\n return {\n theme: {\n extend: {\n ...getBorderRadiusTheme(\n // The border radius values are currently stored in the config from the default scale mode.\n config.scaleMode[DEFAULT_SCALE_MODE].borderRadius,\n !shouldNotMergeBorderRadiusTokensIntoTailwindTheme,\n ),\n },\n },\n };\n },\n);\n\nexport {\n borderRadiusPlugin,\n getBorderRadiusTheme,\n UDS_BORDER_RADIUS_THEME_KEY,\n udsBorderRadiusToCSSVariable,\n};\n"],"mappings":";;;;;;;AASA,MAAM,8BAA8B;AAEpC,MAAM,gCAAgC,UAAkB,SAAS,qBAAqB,GAAG,MAAM;AAE/F,MAAM,wBACJ,QACA,iCACG;;;;;;;;;;;;;;;CAeH,MAAM,iBAAiB,YACrB,OAAO,KAAK,OAAO,CAAC,KAAK,aAAa,CAAC,UAAU,6BAA6B,SAAS,CAAC,CAAC,CAC1F;AAED,KAAI,CAAC,6BAGH,QAAO,GACJ,8BAA8B,gBAChC;AAGH,QAAO;GAGJ,8BAA8B;EAG/B,cAAc;GACZ,GAAG;GAGH,SAAS,6BAA6B,KAAK;GAI3C,IAAI,6BAA6B,KAAK;GACvC;EACF;;AAGH,MAAM,qBAAqB,OAAO,mBAE7B,EAAE,gBAAgB,YAAY;AAC7B,gBACE;EACE,sBAAsB,WAAW,EAC/B,iBAAiB,OAClB;EAED,gCAAgC,WAAW,EACzC,6BAA6B,OAC9B;EAED,8BAA8B,WAAW,EACvC,2BAA2B,OAC5B;EAED,mCAAmC,WAAW,EAC5C,2BAA2B,OAC5B;EAED,iCAAiC,WAAW,EAC1C,yBAAyB,OAC1B;EACF,EACD,EAAE,QAAQ,MAAM,4BAA4B,EAAE,CAC/C;IAGJ,EAAE,QAAQ,mCAAmC;CAC5C,MAAM,oDAAoD,sCACxD,8BACA,eACD;AAED,QAAO,EACL,OAAO,EACL,QAAQ,EACN,GAAG,qBAED,OAAO,UAAU,oBAAoB,cACrC,CAAC,kDACF,EACF,EACF,EACF;EAEJ"}

package/dist/tailwind/dist/tailwind/plugins/borderWidth.cjs CHANGED Viewed

@@ -1,12 +1,11 @@
 /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
-const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
-const require_index = require('../../css-tokens/dist/index.cjs');
-const require_index$1 = require('../../modes/dist/index.cjs');
-const require_fromEntries = require('../../utils/fromEntries.cjs');
-const require_composeTailwindPlugins = require('../utils/composeTailwindPlugins.cjs');
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_index = require("../../css-tokens/dist/index.cjs");
+const require_index$1 = require("../../modes/dist/index.cjs");
+const require_fromEntries = require("../../utils/fromEntries.cjs");
+const require_composeTailwindPlugins = require("../utils/composeTailwindPlugins.cjs");
 let tailwindcss_plugin_js = require("tailwindcss/plugin.js");
-tailwindcss_plugin_js = require_runtime.__toESM(tailwindcss_plugin_js);
+tailwindcss_plugin_js = require_runtime.__toESM(tailwindcss_plugin_js, 1);
 //#region src/tailwind/plugins/borderWidth.ts
 const UDS_BORDER_WIDTH_THEME_KEY = "udsBorderWidth";
 const udsBorderWidthToCSSVariable = (token) => `var(--${require_index.BORDER_WIDTH_PREFIX}-${token})`;
@@ -68,7 +67,6 @@ const borderWidthPlugin = tailwindcss_plugin_js.default.withOptions(() => ({ mat
 	const shouldNotMergeBorderWidthTokensIntoTailwindTheme = require_composeTailwindPlugins.shouldNotMergeTokensIntoTailwindTheme(disableOverrideTailwindTheme, "borderWidth");
 	return { theme: { extend: { ...getBorderWidthTheme(config.scaleMode[require_index$1.DEFAULT_SCALE_MODE].borderWidth, !shouldNotMergeBorderWidthTokensIntoTailwindTheme) } } };
 });
 //#endregion
 exports.UDS_BORDER_WIDTH_THEME_KEY = UDS_BORDER_WIDTH_THEME_KEY;
-exports.borderWidthPlugin = borderWidthPlugin;
+exports.borderWidthPlugin = borderWidthPlugin;

package/dist/tailwind/dist/tailwind/plugins/borderWidth.js CHANGED Viewed

@@ -4,7 +4,6 @@ import { DEFAULT_SCALE_MODE } from "../../modes/dist/index.js";
 import { fromEntries } from "../../utils/fromEntries.js";
 import { shouldNotMergeTokensIntoTailwindTheme } from "../utils/composeTailwindPlugins.js";
 import plugin from "tailwindcss/plugin.js";
 //#region src/tailwind/plugins/borderWidth.ts
 const UDS_BORDER_WIDTH_THEME_KEY = "udsBorderWidth";
 const udsBorderWidthToCSSVariable = (token) => `var(--${BORDER_WIDTH_PREFIX}-${token})`;
@@ -66,7 +65,7 @@ const borderWidthPlugin = plugin.withOptions(() => ({ matchUtilities, theme }) =
 	const shouldNotMergeBorderWidthTokensIntoTailwindTheme = shouldNotMergeTokensIntoTailwindTheme(disableOverrideTailwindTheme, "borderWidth");
 	return { theme: { extend: { ...getBorderWidthTheme(config.scaleMode[DEFAULT_SCALE_MODE].borderWidth, !shouldNotMergeBorderWidthTokensIntoTailwindTheme) } } };
 });
 //#endregion
 export { UDS_BORDER_WIDTH_THEME_KEY, borderWidthPlugin };
 //# sourceMappingURL=borderWidth.js.map