@yahoo/uds 3.133.0-beta.2 → 3.133.0

package/dist/tailwind/dist/tailwind/plugins/borderWidth.js.map

@@ -1 +1 @@
-{"version":3,"file":"borderWidth.js","names":[],"sources":["../../../src/tailwind/plugins/borderWidth.ts"],"sourcesContent":["import { BORDER_WIDTH_PREFIX } from '@yahoo/uds-css-tokens';\nimport { DEFAULT_SCALE_MODE } from '@yahoo/uds-modes';\nimport type { BorderWidthConfig } 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_WIDTH_THEME_KEY = 'udsBorderWidth';\n\nconst udsBorderWidthToCSSVariable = (token: string) => `var(--${BORDER_WIDTH_PREFIX}-${token})`;\n\nconst getBorderWidthTheme = (config: BorderWidthConfig, mergeTokensIntoTailwindTheme: boolean) => {\n  /**\n   * Given the UDS border width tokens in config (none, thin, medium, thick), create a tailwind\n   * border width theme value that points to the corresponding UDS CSS variables.\n   *\n   * For example:\n   *\n   *   {\n   *     thin: 'var(--uds-border-width-thin)',\n   *     thick: 'var(--uds-border-width-thick)',\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 udsBorderWidths = fromEntries(\n    Object.keys(config).map((udsAlias) => [udsAlias, udsBorderWidthToCSSVariable(udsAlias)]),\n  );\n\n  if (!mergeTokensIntoTailwindTheme) {\n    // Store these values namespaced in the tailwind theme to avoid overwriting default Tailwind border width values.\n    // This will be used in the automation CSS generation to map stored values to UDS CSS variables.\n    return {\n      [UDS_BORDER_WIDTH_THEME_KEY]: udsBorderWidths,\n    };\n  }\n\n  const widths = {\n    ...udsBorderWidths,\n\n    // Set the Tailwind 'DEFAULT' tailwind border width to map to UDS 'thin' border width\n    DEFAULT: udsBorderWidthToCSSVariable('thin'),\n\n    // Set the Tailwind '2' tailwind border width to map to UDS 'medium' border width\n    '2': udsBorderWidthToCSSVariable('medium'),\n\n    // Set the Tailwind '4' tailwind border width to map to UDS 'thick' border width\n    '4': udsBorderWidthToCSSVariable('thick'),\n  };\n\n  return {\n    // Store these values namespaced in the tailwind theme to avoid overwriting default Tailwind border width values.\n    // This will be used in the automation CSS generation to map stored values to UDS CSS variables.\n    [UDS_BORDER_WIDTH_THEME_KEY]: udsBorderWidths,\n\n    // Also overwrite the default Tailwind border width theme values with UDS values for consistency.\n    borderWidth: widths,\n    outlineWidth: { ...widths, DEFAULT: '2px' },\n    outlineOffset: { ...widths, DEFAULT: '2px' },\n  };\n};\n\nconst borderWidthPlugin = plugin.withOptions<TailwindPluginOptions>(\n  () =>\n    ({ matchUtilities, theme }) => {\n      matchUtilities(\n        {\n          'uds-border-width': (value) => ({\n            'border-width': value,\n          }),\n\n          'uds-border-width-x': (value) => ({\n            'border-left-width': value,\n            'border-right-width': value,\n          }),\n\n          'uds-border-width-y': (value) => ({\n            'border-top-width': value,\n            'border-bottom-width': value,\n          }),\n\n          'uds-border-width-top': (value) => ({\n            'border-top-width': value,\n          }),\n\n          'uds-border-width-right': (value) => ({\n            'border-right-width': value,\n          }),\n\n          'uds-border-width-bottom': (value) => ({\n            'border-bottom-width': value,\n          }),\n\n          'uds-border-width-left': (value) => ({\n            'border-left-width': value,\n          }),\n\n          'uds-border-width-start': (value) => ({\n            'border-inline-start-width': value,\n          }),\n\n          'uds-border-width-end': (value) => ({\n            'border-inline-end-width': value,\n          }),\n        },\n        { values: theme(UDS_BORDER_WIDTH_THEME_KEY) },\n      );\n    },\n\n  ({ config, disableOverrideTailwindTheme }) => {\n    const shouldNotMergeBorderWidthTokensIntoTailwindTheme = shouldNotMergeTokensIntoTailwindTheme(\n      disableOverrideTailwindTheme,\n      'borderWidth',\n    );\n\n    return {\n      theme: {\n        extend: {\n          ...getBorderWidthTheme(\n            // The border width values are currently stored in the config from the default scale mode.\n            config.scaleMode[DEFAULT_SCALE_MODE].borderWidth,\n            !shouldNotMergeBorderWidthTokensIntoTailwindTheme,\n          ),\n        },\n      },\n    };\n  },\n);\n\nexport { borderWidthPlugin, UDS_BORDER_WIDTH_THEME_KEY, udsBorderWidthToCSSVariable };\n"],"mappings":";;;;;;;;AASA,MAAM,6BAA6B;AAEnC,MAAM,+BAA+B,UAAkB,SAAS,oBAAoB,GAAG,MAAM;AAE7F,MAAM,uBAAuB,QAA2B,iCAA0C;;;;;;;;;;;;;;;CAehG,MAAM,kBAAkB,YACtB,OAAO,KAAK,OAAO,CAAC,KAAK,aAAa,CAAC,UAAU,4BAA4B,SAAS,CAAC,CAAC,CACzF;AAED,KAAI,CAAC,6BAGH,QAAO,GACJ,6BAA6B,iBAC/B;CAGH,MAAM,SAAS;EACb,GAAG;EAGH,SAAS,4BAA4B,OAAO;EAG5C,KAAK,4BAA4B,SAAS;EAG1C,KAAK,4BAA4B,QAAQ;EAC1C;AAED,QAAO;GAGJ,6BAA6B;EAG9B,aAAa;EACb,cAAc;GAAE,GAAG;GAAQ,SAAS;GAAO;EAC3C,eAAe;GAAE,GAAG;GAAQ,SAAS;GAAO;EAC7C;;AAGH,MAAM,oBAAoB,OAAO,mBAE5B,EAAE,gBAAgB,YAAY;AAC7B,gBACE;EACE,qBAAqB,WAAW,EAC9B,gBAAgB,OACjB;EAED,uBAAuB,WAAW;GAChC,qBAAqB;GACrB,sBAAsB;GACvB;EAED,uBAAuB,WAAW;GAChC,oBAAoB;GACpB,uBAAuB;GACxB;EAED,yBAAyB,WAAW,EAClC,oBAAoB,OACrB;EAED,2BAA2B,WAAW,EACpC,sBAAsB,OACvB;EAED,4BAA4B,WAAW,EACrC,uBAAuB,OACxB;EAED,0BAA0B,WAAW,EACnC,qBAAqB,OACtB;EAED,2BAA2B,WAAW,EACpC,6BAA6B,OAC9B;EAED,yBAAyB,WAAW,EAClC,2BAA2B,OAC5B;EACF,EACD,EAAE,QAAQ,MAAM,2BAA2B,EAAE,CAC9C;IAGJ,EAAE,QAAQ,mCAAmC;CAC5C,MAAM,mDAAmD,sCACvD,8BACA,cACD;AAED,QAAO,EACL,OAAO,EACL,QAAQ,EACN,GAAG,oBAED,OAAO,UAAU,oBAAoB,aACrC,CAAC,iDACF,EACF,EACF,EACF;EAEJ"}
+{"version":3,"file":"borderWidth.js","names":[],"sources":["../../../src/tailwind/plugins/borderWidth.ts"],"sourcesContent":["import { BORDER_WIDTH_PREFIX } from '@yahoo/uds-css-tokens';\nimport { DEFAULT_SCALE_MODE } from '@yahoo/uds-modes';\nimport type { BorderWidthConfig } 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_WIDTH_THEME_KEY = 'udsBorderWidth';\n\nconst udsBorderWidthToCSSVariable = (token: string) => `var(--${BORDER_WIDTH_PREFIX}-${token})`;\n\nconst getBorderWidthTheme = (config: BorderWidthConfig, mergeTokensIntoTailwindTheme: boolean) => {\n  /**\n   * Given the UDS border width tokens in config (none, thin, medium, thick), create a tailwind\n   * border width theme value that points to the corresponding UDS CSS variables.\n   *\n   * For example:\n   *\n   *   {\n   *     thin: 'var(--uds-border-width-thin)',\n   *     thick: 'var(--uds-border-width-thick)',\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 udsBorderWidths = fromEntries(\n    Object.keys(config).map((udsAlias) => [udsAlias, udsBorderWidthToCSSVariable(udsAlias)]),\n  );\n\n  if (!mergeTokensIntoTailwindTheme) {\n    // Store these values namespaced in the tailwind theme to avoid overwriting default Tailwind border width values.\n    // This will be used in the automation CSS generation to map stored values to UDS CSS variables.\n    return {\n      [UDS_BORDER_WIDTH_THEME_KEY]: udsBorderWidths,\n    };\n  }\n\n  const widths = {\n    ...udsBorderWidths,\n\n    // Set the Tailwind 'DEFAULT' tailwind border width to map to UDS 'thin' border width\n    DEFAULT: udsBorderWidthToCSSVariable('thin'),\n\n    // Set the Tailwind '2' tailwind border width to map to UDS 'medium' border width\n    '2': udsBorderWidthToCSSVariable('medium'),\n\n    // Set the Tailwind '4' tailwind border width to map to UDS 'thick' border width\n    '4': udsBorderWidthToCSSVariable('thick'),\n  };\n\n  return {\n    // Store these values namespaced in the tailwind theme to avoid overwriting default Tailwind border width values.\n    // This will be used in the automation CSS generation to map stored values to UDS CSS variables.\n    [UDS_BORDER_WIDTH_THEME_KEY]: udsBorderWidths,\n\n    // Also overwrite the default Tailwind border width theme values with UDS values for consistency.\n    borderWidth: widths,\n    outlineWidth: { ...widths, DEFAULT: '2px' },\n    outlineOffset: { ...widths, DEFAULT: '2px' },\n  };\n};\n\nconst borderWidthPlugin = plugin.withOptions<TailwindPluginOptions>(\n  () =>\n    ({ matchUtilities, theme }) => {\n      matchUtilities(\n        {\n          'uds-border-width': (value) => ({\n            'border-width': value,\n          }),\n\n          'uds-border-width-x': (value) => ({\n            'border-left-width': value,\n            'border-right-width': value,\n          }),\n\n          'uds-border-width-y': (value) => ({\n            'border-top-width': value,\n            'border-bottom-width': value,\n          }),\n\n          'uds-border-width-top': (value) => ({\n            'border-top-width': value,\n          }),\n\n          'uds-border-width-right': (value) => ({\n            'border-right-width': value,\n          }),\n\n          'uds-border-width-bottom': (value) => ({\n            'border-bottom-width': value,\n          }),\n\n          'uds-border-width-left': (value) => ({\n            'border-left-width': value,\n          }),\n\n          'uds-border-width-start': (value) => ({\n            'border-inline-start-width': value,\n          }),\n\n          'uds-border-width-end': (value) => ({\n            'border-inline-end-width': value,\n          }),\n        },\n        { values: theme(UDS_BORDER_WIDTH_THEME_KEY) },\n      );\n    },\n\n  ({ config, disableOverrideTailwindTheme }) => {\n    const shouldNotMergeBorderWidthTokensIntoTailwindTheme = shouldNotMergeTokensIntoTailwindTheme(\n      disableOverrideTailwindTheme,\n      'borderWidth',\n    );\n\n    return {\n      theme: {\n        extend: {\n          ...getBorderWidthTheme(\n            // The border width values are currently stored in the config from the default scale mode.\n            config.scaleMode[DEFAULT_SCALE_MODE].borderWidth,\n            !shouldNotMergeBorderWidthTokensIntoTailwindTheme,\n          ),\n        },\n      },\n    };\n  },\n);\n\nexport { borderWidthPlugin, UDS_BORDER_WIDTH_THEME_KEY, udsBorderWidthToCSSVariable };\n"],"mappings":";;;;;;;AASA,MAAM,6BAA6B;AAEnC,MAAM,+BAA+B,UAAkB,SAAS,oBAAoB,GAAG,MAAM;AAE7F,MAAM,uBAAuB,QAA2B,iCAA0C;;;;;;;;;;;;;;;CAehG,MAAM,kBAAkB,YACtB,OAAO,KAAK,OAAO,CAAC,KAAK,aAAa,CAAC,UAAU,4BAA4B,SAAS,CAAC,CAAC,CACzF;AAED,KAAI,CAAC,6BAGH,QAAO,GACJ,6BAA6B,iBAC/B;CAGH,MAAM,SAAS;EACb,GAAG;EAGH,SAAS,4BAA4B,OAAO;EAG5C,KAAK,4BAA4B,SAAS;EAG1C,KAAK,4BAA4B,QAAQ;EAC1C;AAED,QAAO;GAGJ,6BAA6B;EAG9B,aAAa;EACb,cAAc;GAAE,GAAG;GAAQ,SAAS;GAAO;EAC3C,eAAe;GAAE,GAAG;GAAQ,SAAS;GAAO;EAC7C;;AAGH,MAAM,oBAAoB,OAAO,mBAE5B,EAAE,gBAAgB,YAAY;AAC7B,gBACE;EACE,qBAAqB,WAAW,EAC9B,gBAAgB,OACjB;EAED,uBAAuB,WAAW;GAChC,qBAAqB;GACrB,sBAAsB;GACvB;EAED,uBAAuB,WAAW;GAChC,oBAAoB;GACpB,uBAAuB;GACxB;EAED,yBAAyB,WAAW,EAClC,oBAAoB,OACrB;EAED,2BAA2B,WAAW,EACpC,sBAAsB,OACvB;EAED,4BAA4B,WAAW,EACrC,uBAAuB,OACxB;EAED,0BAA0B,WAAW,EACnC,qBAAqB,OACtB;EAED,2BAA2B,WAAW,EACpC,6BAA6B,OAC9B;EAED,yBAAyB,WAAW,EAClC,2BAA2B,OAC5B;EACF,EACD,EAAE,QAAQ,MAAM,2BAA2B,EAAE,CAC9C;IAGJ,EAAE,QAAQ,mCAAmC;CAC5C,MAAM,mDAAmD,sCACvD,8BACA,cACD;AAED,QAAO,EACL,OAAO,EACL,QAAQ,EACN,GAAG,oBAED,OAAO,UAAU,oBAAoB,aACrC,CAAC,iDACF,EACF,EACF,EACF;EAEJ"}

package/dist/tailwind/dist/tailwind/plugins/breakpoints.cjs

@@ -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_assertUnreachable = require('../../utils/assertUnreachable.cjs');
-const require_entries = require('../../utils/entries.cjs');
-const require_mapValues = require('../../utils/mapValues.cjs');
-const require_composeTailwindPlugins = require('../utils/composeTailwindPlugins.cjs');
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_assertUnreachable = require("../../utils/assertUnreachable.cjs");
+const require_entries = require("../../utils/entries.cjs");
+const require_mapValues = require("../../utils/mapValues.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/breakpoints.ts
 const UDS_BREAKPOINTS_THEME_KEY = "udsBreakpoints";
 const getScreensTheme = (config, mergeTokensIntoTailwindTheme) => {
@@ -29,6 +28,5 @@ const breakpointsPlugin = tailwindcss_plugin_js.default.withOptions(({ config })
 	const shouldNotMergeScreensTokensIntoTailwindTheme = require_composeTailwindPlugins.shouldNotMergeTokensIntoTailwindTheme(disableOverrideTailwindTheme, "screens");
 	return { theme: { extend: { ...getScreensTheme(config.breakpoints, !shouldNotMergeScreensTokensIntoTailwindTheme) } } };
 });
-
 //#endregion
-exports.breakpointsPlugin = breakpointsPlugin;
+exports.breakpointsPlugin = breakpointsPlugin;

package/dist/tailwind/dist/tailwind/plugins/breakpoints.js

@@ -4,7 +4,6 @@ import { entries } from "../../utils/entries.js";
 import { mapValues } from "../../utils/mapValues.js";
 import { shouldNotMergeTokensIntoTailwindTheme } from "../utils/composeTailwindPlugins.js";
 import plugin from "tailwindcss/plugin.js";
-
 //#region src/tailwind/plugins/breakpoints.ts
 const UDS_BREAKPOINTS_THEME_KEY = "udsBreakpoints";
 const getScreensTheme = (config, mergeTokensIntoTailwindTheme) => {
@@ -27,7 +26,7 @@ const breakpointsPlugin = plugin.withOptions(({ config }) => ({ addVariant }) =>
 	const shouldNotMergeScreensTokensIntoTailwindTheme = shouldNotMergeTokensIntoTailwindTheme(disableOverrideTailwindTheme, "screens");
 	return { theme: { extend: { ...getScreensTheme(config.breakpoints, !shouldNotMergeScreensTokensIntoTailwindTheme) } } };
 });
-
 //#endregion
 export { breakpointsPlugin };
+
 //# sourceMappingURL=breakpoints.js.map

package/dist/tailwind/dist/tailwind/plugins/breakpoints.js.map

@@ -1 +1 @@
-{"version":3,"file":"breakpoints.js","names":[],"sources":["../../../src/tailwind/plugins/breakpoints.ts"],"sourcesContent":["import type { BreakpointsConfig } from '@yahoo/uds-types';\nimport plugin from 'tailwindcss/plugin.js';\n\nimport { entries } from '../..//utils/entries';\nimport { mapValues } from '../..//utils/mapValues';\nimport { assertUnreachable } from '../../utils/assertUnreachable';\nimport type { TailwindPluginOptions } from '../utils/composeTailwindPlugins';\nimport { shouldNotMergeTokensIntoTailwindTheme } from '../utils/composeTailwindPlugins';\n\nconst UDS_BREAKPOINTS_THEME_KEY = 'udsBreakpoints';\n\nconst getScreensTheme = (config: BreakpointsConfig, mergeTokensIntoTailwindTheme: boolean) => {\n  const breakpoints = mapValues(config, (breakpoint) => {\n    switch (breakpoint.type) {\n      case 'px':\n        return `${breakpoint.value}px`;\n    }\n\n    return assertUnreachable(breakpoint.type);\n  });\n\n  if (!mergeTokensIntoTailwindTheme) {\n    // Store these values namespaced in the tailwind theme to avoid overwriting default Tailwind screens values.\n    // This will be used in the automation CSS generation to map stored values to UDS CSS variables.\n    return {\n      [UDS_BREAKPOINTS_THEME_KEY]: breakpoints,\n    };\n  }\n\n  return {\n    // Store these values namespaced in the tailwind theme to avoid overwriting default Tailwind screens values.\n    // This will be used in the automation CSS generation to map stored values to UDS CSS variables.\n    [UDS_BREAKPOINTS_THEME_KEY]: breakpoints,\n\n    // Also overwrite the default Tailwind screens theme values with UDS values for consistency.\n    screens: breakpoints,\n  };\n};\n\nconst breakpointsPlugin = plugin.withOptions<TailwindPluginOptions>(\n  // No code-generation needed.\n  ({ config }) =>\n    ({ addVariant }) => {\n      const breakpoints = entries(config.breakpoints).sort(\n        ([, { value: minWidthA }], [, { value: minWidthB }]) => minWidthA - minWidthB,\n      );\n\n      for (const [name, { value: minWidth }] of breakpoints) {\n        addVariant(`uds-${name}`, `@media (min-width: ${minWidth}px)`);\n      }\n    },\n\n  ({ config, disableOverrideTailwindTheme }) => {\n    const shouldNotMergeScreensTokensIntoTailwindTheme = shouldNotMergeTokensIntoTailwindTheme(\n      disableOverrideTailwindTheme,\n      'screens',\n    );\n\n    return {\n      theme: {\n        extend: {\n          ...getScreensTheme(config.breakpoints, !shouldNotMergeScreensTokensIntoTailwindTheme),\n        },\n      },\n    };\n  },\n);\n\nexport { breakpointsPlugin, getScreensTheme, UDS_BREAKPOINTS_THEME_KEY };\n"],"mappings":";;;;;;;;AASA,MAAM,4BAA4B;AAElC,MAAM,mBAAmB,QAA2B,iCAA0C;CAC5F,MAAM,cAAc,UAAU,SAAS,eAAe;AACpD,UAAQ,WAAW,MAAnB;GACE,KAAK,KACH,QAAO,GAAG,WAAW,MAAM;;AAG/B,SAAO,kBAAkB,WAAW,KAAK;GACzC;AAEF,KAAI,CAAC,6BAGH,QAAO,GACJ,4BAA4B,aAC9B;AAGH,QAAO;GAGJ,4BAA4B;EAG7B,SAAS;EACV;;AAGH,MAAM,oBAAoB,OAAO,aAE9B,EAAE,cACA,EAAE,iBAAiB;CAClB,MAAM,cAAc,QAAQ,OAAO,YAAY,CAAC,MAC7C,GAAG,EAAE,OAAO,cAAc,GAAG,EAAE,OAAO,iBAAiB,YAAY,UACrE;AAED,MAAK,MAAM,CAAC,MAAM,EAAE,OAAO,eAAe,YACxC,YAAW,OAAO,QAAQ,sBAAsB,SAAS,KAAK;IAInE,EAAE,QAAQ,mCAAmC;CAC5C,MAAM,+CAA+C,sCACnD,8BACA,UACD;AAED,QAAO,EACL,OAAO,EACL,QAAQ,EACN,GAAG,gBAAgB,OAAO,aAAa,CAAC,6CAA6C,EACtF,EACF,EACF;EAEJ"}
+{"version":3,"file":"breakpoints.js","names":[],"sources":["../../../src/tailwind/plugins/breakpoints.ts"],"sourcesContent":["import type { BreakpointsConfig } from '@yahoo/uds-types';\nimport plugin from 'tailwindcss/plugin.js';\n\nimport { entries } from '../..//utils/entries';\nimport { mapValues } from '../..//utils/mapValues';\nimport { assertUnreachable } from '../../utils/assertUnreachable';\nimport type { TailwindPluginOptions } from '../utils/composeTailwindPlugins';\nimport { shouldNotMergeTokensIntoTailwindTheme } from '../utils/composeTailwindPlugins';\n\nconst UDS_BREAKPOINTS_THEME_KEY = 'udsBreakpoints';\n\nconst getScreensTheme = (config: BreakpointsConfig, mergeTokensIntoTailwindTheme: boolean) => {\n  const breakpoints = mapValues(config, (breakpoint) => {\n    switch (breakpoint.type) {\n      case 'px':\n        return `${breakpoint.value}px`;\n    }\n\n    return assertUnreachable(breakpoint.type);\n  });\n\n  if (!mergeTokensIntoTailwindTheme) {\n    // Store these values namespaced in the tailwind theme to avoid overwriting default Tailwind screens values.\n    // This will be used in the automation CSS generation to map stored values to UDS CSS variables.\n    return {\n      [UDS_BREAKPOINTS_THEME_KEY]: breakpoints,\n    };\n  }\n\n  return {\n    // Store these values namespaced in the tailwind theme to avoid overwriting default Tailwind screens values.\n    // This will be used in the automation CSS generation to map stored values to UDS CSS variables.\n    [UDS_BREAKPOINTS_THEME_KEY]: breakpoints,\n\n    // Also overwrite the default Tailwind screens theme values with UDS values for consistency.\n    screens: breakpoints,\n  };\n};\n\nconst breakpointsPlugin = plugin.withOptions<TailwindPluginOptions>(\n  // No code-generation needed.\n  ({ config }) =>\n    ({ addVariant }) => {\n      const breakpoints = entries(config.breakpoints).sort(\n        ([, { value: minWidthA }], [, { value: minWidthB }]) => minWidthA - minWidthB,\n      );\n\n      for (const [name, { value: minWidth }] of breakpoints) {\n        addVariant(`uds-${name}`, `@media (min-width: ${minWidth}px)`);\n      }\n    },\n\n  ({ config, disableOverrideTailwindTheme }) => {\n    const shouldNotMergeScreensTokensIntoTailwindTheme = shouldNotMergeTokensIntoTailwindTheme(\n      disableOverrideTailwindTheme,\n      'screens',\n    );\n\n    return {\n      theme: {\n        extend: {\n          ...getScreensTheme(config.breakpoints, !shouldNotMergeScreensTokensIntoTailwindTheme),\n        },\n      },\n    };\n  },\n);\n\nexport { breakpointsPlugin, getScreensTheme, UDS_BREAKPOINTS_THEME_KEY };\n"],"mappings":";;;;;;;AASA,MAAM,4BAA4B;AAElC,MAAM,mBAAmB,QAA2B,iCAA0C;CAC5F,MAAM,cAAc,UAAU,SAAS,eAAe;AACpD,UAAQ,WAAW,MAAnB;GACE,KAAK,KACH,QAAO,GAAG,WAAW,MAAM;;AAG/B,SAAO,kBAAkB,WAAW,KAAK;GACzC;AAEF,KAAI,CAAC,6BAGH,QAAO,GACJ,4BAA4B,aAC9B;AAGH,QAAO;GAGJ,4BAA4B;EAG7B,SAAS;EACV;;AAGH,MAAM,oBAAoB,OAAO,aAE9B,EAAE,cACA,EAAE,iBAAiB;CAClB,MAAM,cAAc,QAAQ,OAAO,YAAY,CAAC,MAC7C,GAAG,EAAE,OAAO,cAAc,GAAG,EAAE,OAAO,iBAAiB,YAAY,UACrE;AAED,MAAK,MAAM,CAAC,MAAM,EAAE,OAAO,eAAe,YACxC,YAAW,OAAO,QAAQ,sBAAsB,SAAS,KAAK;IAInE,EAAE,QAAQ,mCAAmC;CAC5C,MAAM,+CAA+C,sCACnD,8BACA,UACD;AAED,QAAO,EACL,OAAO,EACL,QAAQ,EACN,GAAG,gBAAgB,OAAO,aAAa,CAAC,6CAA6C,EACtF,EACF,EACF;EAEJ"}

package/dist/tailwind/dist/tailwind/plugins/colors.cjs

@@ -1,18 +1,17 @@
 /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
-const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
-const require_index = require('../../palette/dist/index.cjs');
-const require_index$1 = require('../../css-tokens/dist/index.cjs');
-const require_mapValues = require('../../utils/mapValues.cjs');
-const require_parseTokens = require('../../utils/parseTokens.cjs');
-const require_index$2 = require('../../modes/dist/index.cjs');
-const require_addColorModeVars = require('../base/addColorModeVars.cjs');
-const require_addColorModeVarsV2 = require('../base/addColorModeVarsV2.cjs');
-const require_getTailwindAsUdsColors = require('./getTailwindAsUdsColors.cjs');
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_index = require("../../palette/dist/index.cjs");
+const require_index$1 = require("../../css-tokens/dist/index.cjs");
+const require_mapValues = require("../../utils/mapValues.cjs");
+const require_parseTokens = require("../../utils/parseTokens.cjs");
+const require_index$2 = require("../../modes/dist/index.cjs");
+const require_addColorModeVars = require("../base/addColorModeVars.cjs");
+const require_addColorModeVarsV2 = require("../base/addColorModeVarsV2.cjs");
+const require_getTailwindAsUdsColors = require("./getTailwindAsUdsColors.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);
 let lodash_mapKeys_js = require("lodash/mapKeys.js");
-lodash_mapKeys_js = require_runtime.__toESM(lodash_mapKeys_js);
-
+lodash_mapKeys_js = require_runtime.__toESM(lodash_mapKeys_js, 1);
 //#region src/tailwind/plugins/colors.ts
 const tailwindColorsAsUds = require_getTailwindAsUdsColors.getTailwindAsUdsColors();
 const colorsPlugin = tailwindcss_plugin_js.default.withOptions(({ config, enableSystemColorMode = false }) => (api) => {
@@ -46,23 +45,83 @@ const colorsPlugin = tailwindcss_plugin_js.default.withOptions(({ config, enable
 			require_index$1.INVERT_COLOR_MODE_CLASSNAME,
 			require_index$1.SYSTEM_COLOR_MODE_CLASSNAME
 		],
-		theme: { extend: {
+		theme: { 
+		/**
+		* Preserve the default values from Tailwind, but also add new values
+		* https://tailwindcss.com/docs/theme#extending-the-default-theme
+		*/
+extend: {
+			/**
+			* Colors object is included by default, but that does not include UDS semantic border colors
+			* https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L743
+			*/
 			outlineColor: {
 				...borderColors,
 				DEFAULT: colors.gray["15"]
 			},
+			/**
+			* https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L133
+			*/
 			colors,
+			/**
+			* Colors object is included by default, but that does not include UDS semantic background colors
+			* https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L42
+			*/
 			backgroundColor: backgroundColors,
+			/**
+			* Colors object is included by default, but that does not include UDS semantic text colors
+			* https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L889
+			*/
 			textColor: textColors,
+			/**
+			* Colors object is included by default, but that does not include UDS semantic border colors
+			* https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L82
+			*/
 			borderColor: borderColors,
+			/**
+			* Colors object is included by default, but that does not include UDS semantic background colors
+			* https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L253
+			*/
 			fill: backgroundColors,
+			/**
+			* Colors object is included by default, but that does not include UDS semantic text colors
+			* https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L132
+			*/
 			caretColor: textColors,
+			/**
+			* Colors object is included by default, but that does not include UDS semantic text colors
+			* https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L759
+			*/
 			placeholderColor: textColors,
+			/**
+			* Colors object is included by default, but that does not include UDS semantic text colors
+			* https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L890
+			*/
 			textDecorationColor: textColors,
+			/**
+			* Colors object is included by default, but that does not include UDS semantic border colors
+			* https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L241
+			*/
 			divideColor: borderColors,
+			/**
+			* Colors object is included by default, but that does not include UDS semantic border colors
+			* https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L761
+			*/
 			ringColor: borderColors,
+			/**
+			* Colors object is included by default, but that does not include UDS semantic border colors
+			* https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L765
+			*/
 			ringOffsetColor: borderColors,
+			/**
+			* Colors object is included by default, but that does not include UDS semantic border colors
+			* https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L878
+			*/
 			stroke: borderColors,
+			/**
+			* Gradient color stops object is included by default, but that does not include UDS palette background colors
+			* https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L42
+			*/
 			gradientColorStops: {
 				...backgroundColors,
 				...elevationBackgroundColors,
@@ -71,6 +130,5 @@ const colorsPlugin = tailwindcss_plugin_js.default.withOptions(({ config, enable
 		} }
 	};
 });
-
 //#endregion
-exports.colorsPlugin = colorsPlugin;
+exports.colorsPlugin = colorsPlugin;

package/dist/tailwind/dist/tailwind/plugins/colors.js

@@ -9,7 +9,6 @@ import { addColorModeVarsV2 } from "../base/addColorModeVarsV2.js";
 import { getTailwindAsUdsColors } from "./getTailwindAsUdsColors.js";
 import { mapKeys } from "lodash-es";
 import plugin from "tailwindcss/plugin.js";
-
 //#region src/tailwind/plugins/colors.ts
 const tailwindColorsAsUds = getTailwindAsUdsColors();
 const colorsPlugin = plugin.withOptions(({ config, enableSystemColorMode = false }) => (api) => {
@@ -43,23 +42,83 @@ const colorsPlugin = plugin.withOptions(({ config, enableSystemColorMode = false
 			INVERT_COLOR_MODE_CLASSNAME,
 			SYSTEM_COLOR_MODE_CLASSNAME
 		],
-		theme: { extend: {
+		theme: { 
+		/**
+		* Preserve the default values from Tailwind, but also add new values
+		* https://tailwindcss.com/docs/theme#extending-the-default-theme
+		*/
+extend: {
+			/**
+			* Colors object is included by default, but that does not include UDS semantic border colors
+			* https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L743
+			*/
 			outlineColor: {
 				...borderColors,
 				DEFAULT: colors.gray["15"]
 			},
+			/**
+			* https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L133
+			*/
 			colors,
+			/**
+			* Colors object is included by default, but that does not include UDS semantic background colors
+			* https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L42
+			*/
 			backgroundColor: backgroundColors,
+			/**
+			* Colors object is included by default, but that does not include UDS semantic text colors
+			* https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L889
+			*/
 			textColor: textColors,
+			/**
+			* Colors object is included by default, but that does not include UDS semantic border colors
+			* https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L82
+			*/
 			borderColor: borderColors,
+			/**
+			* Colors object is included by default, but that does not include UDS semantic background colors
+			* https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L253
+			*/
 			fill: backgroundColors,
+			/**
+			* Colors object is included by default, but that does not include UDS semantic text colors
+			* https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L132
+			*/
 			caretColor: textColors,
+			/**
+			* Colors object is included by default, but that does not include UDS semantic text colors
+			* https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L759
+			*/
 			placeholderColor: textColors,
+			/**
+			* Colors object is included by default, but that does not include UDS semantic text colors
+			* https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L890
+			*/
 			textDecorationColor: textColors,
+			/**
+			* Colors object is included by default, but that does not include UDS semantic border colors
+			* https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L241
+			*/
 			divideColor: borderColors,
+			/**
+			* Colors object is included by default, but that does not include UDS semantic border colors
+			* https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L761
+			*/
 			ringColor: borderColors,
+			/**
+			* Colors object is included by default, but that does not include UDS semantic border colors
+			* https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L765
+			*/
 			ringOffsetColor: borderColors,
+			/**
+			* Colors object is included by default, but that does not include UDS semantic border colors
+			* https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L878
+			*/
 			stroke: borderColors,
+			/**
+			* Gradient color stops object is included by default, but that does not include UDS palette background colors
+			* https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L42
+			*/
 			gradientColorStops: {
 				...backgroundColors,
 				...elevationBackgroundColors,
@@ -68,7 +127,7 @@ const colorsPlugin = plugin.withOptions(({ config, enableSystemColorMode = false
 		} }
 	};
 });
-
 //#endregion
 export { colorsPlugin };
+
 //# sourceMappingURL=colors.js.map

package/dist/tailwind/dist/tailwind/plugins/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","names":[],"sources":["../../../src/tailwind/plugins/colors.ts"],"sourcesContent":["import {\n  BACKGROUND_COLOR_PREFIX,\n  DARK_COLOR_MODE_CLASSNAME,\n  INVERT_COLOR_MODE_CLASSNAME,\n  LIGHT_COLOR_MODE_CLASSNAME,\n  SYSTEM_COLOR_MODE_CLASSNAME,\n} from '@yahoo/uds-css-tokens';\nimport { DEFAULT_COLOR_MODE } from '@yahoo/uds-modes';\nimport { ALWAYS_PREFIX, deprecatedAlwaysPalette, newAlwaysPalette } from '@yahoo/uds-palette';\nimport { mapKeys } from 'lodash';\nimport plugin from 'tailwindcss/plugin.js';\n\nimport { mapValues } from '../../utils/mapValues';\nimport { parseTokens } from '../../utils/parseTokens';\nimport { addColorModeVars } from '../base/addColorModeVars';\nimport { addColorModeVarsV2 } from '../base/addColorModeVarsV2';\nimport type { TailwindPluginOptions } from '../utils/composeTailwindPlugins';\nimport { getTailwindAsUdsColors } from './getTailwindAsUdsColors';\n\nconst tailwindColorsAsUds = getTailwindAsUdsColors();\n\nconst colorsPlugin = plugin.withOptions<TailwindPluginOptions>(\n  ({ config, enableSystemColorMode = false }) =>\n    (api) => {\n      const tokens = parseTokens(config);\n\n      if (enableSystemColorMode) {\n        addColorModeVarsV2(tokens, api);\n      } else {\n        addColorModeVars(tokens, api);\n      }\n    },\n\n  ({ config }) => {\n    const tokens = parseTokens(config);\n    const colorModeToken = tokens.colorMode[DEFAULT_COLOR_MODE].tailwindConfig;\n    const spectrumWithTailwind = mapValues(colorModeToken.spectrum, (hueConfig, hue) => {\n      return {\n        ...hueConfig,\n        ...tailwindColorsAsUds[hue as keyof typeof tailwindColorsAsUds]!,\n      };\n    });\n\n    /* --------------------------------- COLORS --------------------------------- */\n\n    const nestedNewAlwaysPalette = mapKeys(newAlwaysPalette, (_, key) =>\n      key.replace(ALWAYS_PREFIX, ''),\n    );\n\n    // Shared across all color groups (i.e. text color, border, background, etc)\n    const colors = {\n      ...tailwindColorsAsUds,\n      ...spectrumWithTailwind,\n      ...deprecatedAlwaysPalette,\n\n      // Allows accessing new always palette keys via nested path such as `theme('colors.always.white')`\n      always: nestedNewAlwaysPalette,\n    };\n    const textColors = colorModeToken.palette.foreground;\n    const backgroundColors = colorModeToken.palette.background;\n    const borderColors = colorModeToken.palette.line;\n\n    const elevationBackgroundColors = config.elevation\n      ? Object.fromEntries(\n          Object.keys(config.elevation).map((level) => [\n            `elevation-${level}`,\n            `var(--${BACKGROUND_COLOR_PREFIX}-elevation-${level})`,\n          ]),\n        )\n      : {};\n\n    return {\n      darkMode: ['class', DARK_COLOR_MODE_CLASSNAME],\n      // Guarantee that the dark mode class is not purged\n      safelist: [\n        // Guarantee that the light and dark mode class is not purged\n        LIGHT_COLOR_MODE_CLASSNAME,\n        DARK_COLOR_MODE_CLASSNAME,\n        INVERT_COLOR_MODE_CLASSNAME,\n        SYSTEM_COLOR_MODE_CLASSNAME,\n      ],\n      theme: {\n        /**\n         * Preserve the default values from Tailwind, but also add new values\n         * https://tailwindcss.com/docs/theme#extending-the-default-theme\n         */\n        extend: {\n          /**\n           * Colors object is included by default, but that does not include UDS semantic border colors\n           * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L743\n           */\n          outlineColor: {\n            ...borderColors,\n            DEFAULT: colors.gray['15'],\n          },\n          /**\n           * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L133\n           */\n          colors,\n          /**\n           * Colors object is included by default, but that does not include UDS semantic background colors\n           * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L42\n           */\n          backgroundColor: backgroundColors,\n          /**\n           * Colors object is included by default, but that does not include UDS semantic text colors\n           * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L889\n           */\n          textColor: textColors,\n          /**\n           * Colors object is included by default, but that does not include UDS semantic border colors\n           * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L82\n           */\n          borderColor: borderColors,\n          /**\n           * Colors object is included by default, but that does not include UDS semantic background colors\n           * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L253\n           */\n          fill: backgroundColors,\n          /**\n           * Colors object is included by default, but that does not include UDS semantic text colors\n           * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L132\n           */\n          caretColor: textColors,\n          /**\n           * Colors object is included by default, but that does not include UDS semantic text colors\n           * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L759\n           */\n          placeholderColor: textColors,\n          /**\n           * Colors object is included by default, but that does not include UDS semantic text colors\n           * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L890\n           */\n          textDecorationColor: textColors,\n          /**\n           * Colors object is included by default, but that does not include UDS semantic border colors\n           * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L241\n           */\n          divideColor: borderColors,\n          /**\n           * Colors object is included by default, but that does not include UDS semantic border colors\n           * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L761\n           */\n          ringColor: borderColors,\n          /**\n           * Colors object is included by default, but that does not include UDS semantic border colors\n           * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L765\n           */\n          ringOffsetColor: borderColors,\n          /**\n           * Colors object is included by default, but that does not include UDS semantic border colors\n           * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L878\n           */\n          stroke: borderColors,\n          /**\n           * Gradient color stops object is included by default, but that does not include UDS palette background colors\n           * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L42\n           */\n          gradientColorStops: {\n            ...backgroundColors,\n            ...elevationBackgroundColors,\n            ...colors,\n          },\n        },\n      },\n    };\n  },\n);\n\nexport { colorsPlugin };\n"],"mappings":";;;;;;;;;;;;;AAmBA,MAAM,sBAAsB,wBAAwB;AAEpD,MAAM,eAAe,OAAO,aACzB,EAAE,QAAQ,wBAAwB,aAChC,QAAQ;CACP,MAAM,SAAS,YAAY,OAAO;AAElC,KAAI,sBACF,oBAAmB,QAAQ,IAAI;KAE/B,kBAAiB,QAAQ,IAAI;IAIlC,EAAE,aAAa;CAEd,MAAM,iBADS,YAAY,OAAO,CACJ,UAAU,oBAAoB;CAC5D,MAAM,uBAAuB,UAAU,eAAe,WAAW,WAAW,QAAQ;AAClF,SAAO;GACL,GAAG;GACH,GAAG,oBAAoB;GACxB;GACD;CAIF,MAAM,yBAAyB,QAAQ,mBAAmB,GAAG,QAC3D,IAAI,QAAQ,eAAe,GAAG,CAC/B;CAGD,MAAM,SAAS;EACb,GAAG;EACH,GAAG;EACH,GAAG;EAGH,QAAQ;EACT;CACD,MAAM,aAAa,eAAe,QAAQ;CAC1C,MAAM,mBAAmB,eAAe,QAAQ;CAChD,MAAM,eAAe,eAAe,QAAQ;CAE5C,MAAM,4BAA4B,OAAO,YACrC,OAAO,YACL,OAAO,KAAK,OAAO,UAAU,CAAC,KAAK,UAAU,CAC3C,aAAa,SACb,SAAS,wBAAwB,aAAa,MAAM,GACrD,CAAC,CACJ,GACA,EAAE;AAEN,QAAO;EACL,UAAU,CAAC,SAAS,0BAA0B;EAE9C,UAAU;GAER;GACA;GACA;GACA;GACD;EACD,OAAO,EAKL,QAAQ;GAKN,cAAc;IACZ,GAAG;IACH,SAAS,OAAO,KAAK;IACtB;GAID;GAKA,iBAAiB;GAKjB,WAAW;GAKX,aAAa;GAKb,MAAM;GAKN,YAAY;GAKZ,kBAAkB;GAKlB,qBAAqB;GAKrB,aAAa;GAKb,WAAW;GAKX,iBAAiB;GAKjB,QAAQ;GAKR,oBAAoB;IAClB,GAAG;IACH,GAAG;IACH,GAAG;IACJ;GACF,EACF;EACF;EAEJ"}
+{"version":3,"file":"colors.js","names":[],"sources":["../../../src/tailwind/plugins/colors.ts"],"sourcesContent":["import {\n  BACKGROUND_COLOR_PREFIX,\n  DARK_COLOR_MODE_CLASSNAME,\n  INVERT_COLOR_MODE_CLASSNAME,\n  LIGHT_COLOR_MODE_CLASSNAME,\n  SYSTEM_COLOR_MODE_CLASSNAME,\n} from '@yahoo/uds-css-tokens';\nimport { DEFAULT_COLOR_MODE } from '@yahoo/uds-modes';\nimport { ALWAYS_PREFIX, deprecatedAlwaysPalette, newAlwaysPalette } from '@yahoo/uds-palette';\nimport { mapKeys } from 'lodash';\nimport plugin from 'tailwindcss/plugin.js';\n\nimport { mapValues } from '../../utils/mapValues';\nimport { parseTokens } from '../../utils/parseTokens';\nimport { addColorModeVars } from '../base/addColorModeVars';\nimport { addColorModeVarsV2 } from '../base/addColorModeVarsV2';\nimport type { TailwindPluginOptions } from '../utils/composeTailwindPlugins';\nimport { getTailwindAsUdsColors } from './getTailwindAsUdsColors';\n\nconst tailwindColorsAsUds = getTailwindAsUdsColors();\n\nconst colorsPlugin = plugin.withOptions<TailwindPluginOptions>(\n  ({ config, enableSystemColorMode = false }) =>\n    (api) => {\n      const tokens = parseTokens(config);\n\n      if (enableSystemColorMode) {\n        addColorModeVarsV2(tokens, api);\n      } else {\n        addColorModeVars(tokens, api);\n      }\n    },\n\n  ({ config }) => {\n    const tokens = parseTokens(config);\n    const colorModeToken = tokens.colorMode[DEFAULT_COLOR_MODE].tailwindConfig;\n    const spectrumWithTailwind = mapValues(colorModeToken.spectrum, (hueConfig, hue) => {\n      return {\n        ...hueConfig,\n        ...tailwindColorsAsUds[hue as keyof typeof tailwindColorsAsUds]!,\n      };\n    });\n\n    /* --------------------------------- COLORS --------------------------------- */\n\n    const nestedNewAlwaysPalette = mapKeys(newAlwaysPalette, (_, key) =>\n      key.replace(ALWAYS_PREFIX, ''),\n    );\n\n    // Shared across all color groups (i.e. text color, border, background, etc)\n    const colors = {\n      ...tailwindColorsAsUds,\n      ...spectrumWithTailwind,\n      ...deprecatedAlwaysPalette,\n\n      // Allows accessing new always palette keys via nested path such as `theme('colors.always.white')`\n      always: nestedNewAlwaysPalette,\n    };\n    const textColors = colorModeToken.palette.foreground;\n    const backgroundColors = colorModeToken.palette.background;\n    const borderColors = colorModeToken.palette.line;\n\n    const elevationBackgroundColors = config.elevation\n      ? Object.fromEntries(\n          Object.keys(config.elevation).map((level) => [\n            `elevation-${level}`,\n            `var(--${BACKGROUND_COLOR_PREFIX}-elevation-${level})`,\n          ]),\n        )\n      : {};\n\n    return {\n      darkMode: ['class', DARK_COLOR_MODE_CLASSNAME],\n      // Guarantee that the dark mode class is not purged\n      safelist: [\n        // Guarantee that the light and dark mode class is not purged\n        LIGHT_COLOR_MODE_CLASSNAME,\n        DARK_COLOR_MODE_CLASSNAME,\n        INVERT_COLOR_MODE_CLASSNAME,\n        SYSTEM_COLOR_MODE_CLASSNAME,\n      ],\n      theme: {\n        /**\n         * Preserve the default values from Tailwind, but also add new values\n         * https://tailwindcss.com/docs/theme#extending-the-default-theme\n         */\n        extend: {\n          /**\n           * Colors object is included by default, but that does not include UDS semantic border colors\n           * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L743\n           */\n          outlineColor: {\n            ...borderColors,\n            DEFAULT: colors.gray['15'],\n          },\n          /**\n           * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L133\n           */\n          colors,\n          /**\n           * Colors object is included by default, but that does not include UDS semantic background colors\n           * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L42\n           */\n          backgroundColor: backgroundColors,\n          /**\n           * Colors object is included by default, but that does not include UDS semantic text colors\n           * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L889\n           */\n          textColor: textColors,\n          /**\n           * Colors object is included by default, but that does not include UDS semantic border colors\n           * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L82\n           */\n          borderColor: borderColors,\n          /**\n           * Colors object is included by default, but that does not include UDS semantic background colors\n           * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L253\n           */\n          fill: backgroundColors,\n          /**\n           * Colors object is included by default, but that does not include UDS semantic text colors\n           * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L132\n           */\n          caretColor: textColors,\n          /**\n           * Colors object is included by default, but that does not include UDS semantic text colors\n           * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L759\n           */\n          placeholderColor: textColors,\n          /**\n           * Colors object is included by default, but that does not include UDS semantic text colors\n           * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L890\n           */\n          textDecorationColor: textColors,\n          /**\n           * Colors object is included by default, but that does not include UDS semantic border colors\n           * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L241\n           */\n          divideColor: borderColors,\n          /**\n           * Colors object is included by default, but that does not include UDS semantic border colors\n           * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L761\n           */\n          ringColor: borderColors,\n          /**\n           * Colors object is included by default, but that does not include UDS semantic border colors\n           * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L765\n           */\n          ringOffsetColor: borderColors,\n          /**\n           * Colors object is included by default, but that does not include UDS semantic border colors\n           * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L878\n           */\n          stroke: borderColors,\n          /**\n           * Gradient color stops object is included by default, but that does not include UDS palette background colors\n           * https://github.com/tailwindlabs/tailwindcss/blob/main/stubs/config.full.js#L42\n           */\n          gradientColorStops: {\n            ...backgroundColors,\n            ...elevationBackgroundColors,\n            ...colors,\n          },\n        },\n      },\n    };\n  },\n);\n\nexport { colorsPlugin };\n"],"mappings":";;;;;;;;;;;;AAmBA,MAAM,sBAAsB,wBAAwB;AAEpD,MAAM,eAAe,OAAO,aACzB,EAAE,QAAQ,wBAAwB,aAChC,QAAQ;CACP,MAAM,SAAS,YAAY,OAAO;AAElC,KAAI,sBACF,oBAAmB,QAAQ,IAAI;KAE/B,kBAAiB,QAAQ,IAAI;IAIlC,EAAE,aAAa;CAEd,MAAM,iBADS,YAAY,OACE,CAAC,UAAU,oBAAoB;CAC5D,MAAM,uBAAuB,UAAU,eAAe,WAAW,WAAW,QAAQ;AAClF,SAAO;GACL,GAAG;GACH,GAAG,oBAAoB;GACxB;GACD;CAIF,MAAM,yBAAyB,QAAQ,mBAAmB,GAAG,QAC3D,IAAI,QAAQ,eAAe,GAAG,CAC/B;CAGD,MAAM,SAAS;EACb,GAAG;EACH,GAAG;EACH,GAAG;EAGH,QAAQ;EACT;CACD,MAAM,aAAa,eAAe,QAAQ;CAC1C,MAAM,mBAAmB,eAAe,QAAQ;CAChD,MAAM,eAAe,eAAe,QAAQ;CAE5C,MAAM,4BAA4B,OAAO,YACrC,OAAO,YACL,OAAO,KAAK,OAAO,UAAU,CAAC,KAAK,UAAU,CAC3C,aAAa,SACb,SAAS,wBAAwB,aAAa,MAAM,GACrD,CAAC,CACJ,GACA,EAAE;AAEN,QAAO;EACL,UAAU,CAAC,SAAS,0BAA0B;EAE9C,UAAU;GAER;GACA;GACA;GACA;GACD;EACD,OAAO;;;;;AAKL,QAAQ;;;;;GAKN,cAAc;IACZ,GAAG;IACH,SAAS,OAAO,KAAK;IACtB;;;;GAID;;;;;GAKA,iBAAiB;;;;;GAKjB,WAAW;;;;;GAKX,aAAa;;;;;GAKb,MAAM;;;;;GAKN,YAAY;;;;;GAKZ,kBAAkB;;;;;GAKlB,qBAAqB;;;;;GAKrB,aAAa;;;;;GAKb,WAAW;;;;;GAKX,iBAAiB;;;;;GAKjB,QAAQ;;;;;GAKR,oBAAoB;IAClB,GAAG;IACH,GAAG;IACH,GAAG;IACJ;GACF,EACF;EACF;EAEJ"}

package/dist/tailwind/dist/tailwind/plugins/components.cjs

@@ -1,11 +1,10 @@
 /*! © 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_generatedConfigs = require('../../automated-config/dist/generated/generatedConfigs.cjs');
-const require_index$1 = require('../../automated-config/dist/utils/index.cjs');
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_index = require("../../fixtures/dist/index.cjs");
+const require_generatedConfigs = require("../../automated-config/dist/generated/generatedConfigs.cjs");
+const require_index$1 = require("../../automated-config/dist/utils/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/components.ts
 const componentsPlugin = tailwindcss_plugin_js.default.withOptions(({ config, previewOptions = { generatePseudoStateClassModifier: false } }) => ({ addComponents, theme }) => {
 	if (config.button || config.iconButton) {
@@ -32,6 +31,5 @@ const componentsPlugin = tailwindcss_plugin_js.default.withOptions(({ config, pr
 	addComponents(require_index$1.generateStyles(require_generatedConfigs.TabConfig, config.tab, theme, previewOptions));
 	addComponents(require_index$1.generateStyles(require_generatedConfigs.TabsConfig, config.tabs, theme, previewOptions));
 }, () => ({ theme: { extend: { opacity: require_index.opacityMap } } }));
-
 //#endregion
-exports.componentsPlugin = componentsPlugin;
+exports.componentsPlugin = componentsPlugin;

package/dist/tailwind/dist/tailwind/plugins/components.js

@@ -3,7 +3,6 @@ import { opacityMap } from "../../fixtures/dist/index.js";
 import { AvatarConfig, BadgeConfig, BannerConfig, BottomSheetConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, PopoverConfig, RadioConfig, ScrimConfig, SwitchConfig, TabConfig, TabsConfig, ToastConfig, TooltipConfig } from "../../automated-config/dist/generated/generatedConfigs.js";
 import { generateStyles } from "../../automated-config/dist/utils/index.js";
 import plugin from "tailwindcss/plugin.js";
-
 //#region src/tailwind/plugins/components.ts
 const componentsPlugin = plugin.withOptions(({ config, previewOptions = { generatePseudoStateClassModifier: false } }) => ({ addComponents, theme }) => {
 	if (config.button || config.iconButton) {
@@ -30,7 +29,7 @@ const componentsPlugin = plugin.withOptions(({ config, previewOptions = { genera
 	addComponents(generateStyles(TabConfig, config.tab, theme, previewOptions));
 	addComponents(generateStyles(TabsConfig, config.tabs, theme, previewOptions));
 }, () => ({ theme: { extend: { opacity: opacityMap } } }));
-
 //#endregion
 export { componentsPlugin };
+
 //# sourceMappingURL=components.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"components.js","names":[],"sources":["../../../src/tailwind/plugins/components.ts"],"sourcesContent":["import {\n  AvatarConfig,\n  BadgeConfig,\n  BannerConfig,\n  BottomSheetConfig,\n  ButtonConfig,\n  CheckboxConfig,\n  ChipConfig,\n  DividerConfig,\n  IconButtonConfig,\n  InputConfig,\n  LinkConfig,\n  MenuContentConfig,\n  MenuItemConfig,\n  PopoverConfig,\n  RadioConfig,\n  ScrimConfig,\n  SwitchConfig,\n  TabConfig,\n  TabsConfig,\n  ToastConfig,\n  TooltipConfig,\n} from '@yahoo/uds-automated-config/generatedConfigs';\nimport { generateStyles } from '@yahoo/uds-automated-config/utils';\nimport { opacityMap } from '@yahoo/uds-fixtures';\nimport plugin from 'tailwindcss/plugin.js';\n\nimport type { TailwindPluginOptions } from '../utils/composeTailwindPlugins';\n\nconst componentsPlugin = plugin.withOptions<TailwindPluginOptions>(\n  ({\n    config,\n    previewOptions = {\n      generatePseudoStateClassModifier: false,\n    },\n  }) =>\n    ({ addComponents, theme }) => {\n      // IconButton inherits Button variant styles\n      if (config.button || config.iconButton) {\n        const buttonStyles = generateStyles(ButtonConfig, config.button, theme, previewOptions);\n        addComponents(buttonStyles);\n\n        if (config.iconButton) {\n          const iconButtonStyles = generateStyles(\n            IconButtonConfig,\n            config.iconButton,\n            theme,\n            previewOptions,\n          );\n          addComponents(iconButtonStyles);\n        }\n      }\n\n      if (config.divider) {\n        const dividerStyles = generateStyles(DividerConfig, config.divider, theme, previewOptions);\n        addComponents(dividerStyles);\n      }\n\n      if (config.link) {\n        const linkStyles = generateStyles(LinkConfig, config.link, theme, previewOptions);\n        addComponents(linkStyles);\n      }\n\n      if (config.badge) {\n        const badgeStyles = generateStyles(BadgeConfig, config.badge, theme, previewOptions);\n        addComponents(badgeStyles);\n      }\n\n      if (config.radio) {\n        const radioStyles = generateStyles(RadioConfig, config.radio, theme, previewOptions);\n        addComponents(radioStyles);\n      }\n\n      if (config.avatar) {\n        const avatarStyles = generateStyles(AvatarConfig, config.avatar, theme, previewOptions);\n        addComponents(avatarStyles);\n      }\n\n      if (config.chip) {\n        const chipStyles = generateStyles(ChipConfig, config.chip, theme, previewOptions);\n        addComponents(chipStyles);\n      }\n\n      if (config.switch) {\n        const switchStyles = generateStyles(SwitchConfig, config.switch, theme, previewOptions);\n        addComponents(switchStyles);\n      }\n\n      if (config.checkbox) {\n        const checkboxStyles = generateStyles(\n          CheckboxConfig,\n          config.checkbox,\n          theme,\n          previewOptions,\n        );\n        addComponents(checkboxStyles);\n      }\n\n      // TODO: May need to ensure portal is inside a importNamespace class\n      if (config.menuItem) {\n        const menuStyles = generateStyles(MenuItemConfig, config.menuItem, theme, previewOptions);\n        addComponents(menuStyles);\n      }\n\n      if (config.menuContent) {\n        const menuContentStyles = generateStyles(\n          MenuContentConfig,\n          config.menuContent,\n          theme,\n          previewOptions,\n        );\n        addComponents(menuContentStyles);\n      }\n\n      if (config.input) {\n        const inputStyles = generateStyles(InputConfig, config.input, theme, previewOptions);\n        addComponents(inputStyles);\n      }\n\n      if (config?.toast) {\n        const toastStyles = generateStyles(ToastConfig, config.toast, theme, previewOptions);\n        addComponents(toastStyles);\n      }\n\n      if (config.tooltip) {\n        const tooltipStyles = generateStyles(TooltipConfig, config.tooltip, theme, previewOptions);\n        addComponents(tooltipStyles);\n      }\n\n      if (config?.bottomSheet) {\n        const bottomSheetStyles = generateStyles(\n          BottomSheetConfig,\n          config.bottomSheet,\n          theme,\n          previewOptions,\n        );\n        addComponents(bottomSheetStyles);\n      }\n\n      if (config?.scrim) {\n        const scrimStyles = generateStyles(ScrimConfig, config.scrim, theme, previewOptions);\n        addComponents(scrimStyles);\n      }\n\n      if (config.popover) {\n        const popoverStyles = generateStyles(PopoverConfig, config.popover, theme, previewOptions);\n        addComponents(popoverStyles);\n      }\n\n      const bannerStyles = generateStyles(BannerConfig, config.banner, theme, previewOptions);\n      addComponents(bannerStyles);\n\n      const tabStyles = generateStyles(TabConfig, config.tab, theme, previewOptions);\n      addComponents(tabStyles);\n\n      const tabsStyles = generateStyles(TabsConfig, config.tabs, theme, previewOptions);\n      addComponents(tabsStyles);\n    },\n  () => ({\n    theme: {\n      extend: {\n        // Added to route configurable opacity steps through to button opacity/disabled property rendering.\n        opacity: opacityMap,\n      },\n    },\n  }),\n);\n\nexport { componentsPlugin };\n"],"mappings":";;;;;;;AA6BA,MAAM,mBAAmB,OAAO,aAC7B,EACC,QACA,iBAAiB,EACf,kCAAkC,OACnC,QAEA,EAAE,eAAe,YAAY;AAE5B,KAAI,OAAO,UAAU,OAAO,YAAY;AAEtC,gBADqB,eAAe,cAAc,OAAO,QAAQ,OAAO,eAAe,CAC5D;AAE3B,MAAI,OAAO,WAOT,eANyB,eACvB,kBACA,OAAO,YACP,OACA,eACD,CAC8B;;AAInC,KAAI,OAAO,QAET,eADsB,eAAe,eAAe,OAAO,SAAS,OAAO,eAAe,CAC9D;AAG9B,KAAI,OAAO,KAET,eADmB,eAAe,YAAY,OAAO,MAAM,OAAO,eAAe,CACxD;AAG3B,KAAI,OAAO,MAET,eADoB,eAAe,aAAa,OAAO,OAAO,OAAO,eAAe,CAC1D;AAG5B,KAAI,OAAO,MAET,eADoB,eAAe,aAAa,OAAO,OAAO,OAAO,eAAe,CAC1D;AAG5B,KAAI,OAAO,OAET,eADqB,eAAe,cAAc,OAAO,QAAQ,OAAO,eAAe,CAC5D;AAG7B,KAAI,OAAO,KAET,eADmB,eAAe,YAAY,OAAO,MAAM,OAAO,eAAe,CACxD;AAG3B,KAAI,OAAO,OAET,eADqB,eAAe,cAAc,OAAO,QAAQ,OAAO,eAAe,CAC5D;AAG7B,KAAI,OAAO,SAOT,eANuB,eACrB,gBACA,OAAO,UACP,OACA,eACD,CAC4B;AAI/B,KAAI,OAAO,SAET,eADmB,eAAe,gBAAgB,OAAO,UAAU,OAAO,eAAe,CAChE;AAG3B,KAAI,OAAO,YAOT,eAN0B,eACxB,mBACA,OAAO,aACP,OACA,eACD,CAC+B;AAGlC,KAAI,OAAO,MAET,eADoB,eAAe,aAAa,OAAO,OAAO,OAAO,eAAe,CAC1D;AAG5B,KAAI,QAAQ,MAEV,eADoB,eAAe,aAAa,OAAO,OAAO,OAAO,eAAe,CAC1D;AAG5B,KAAI,OAAO,QAET,eADsB,eAAe,eAAe,OAAO,SAAS,OAAO,eAAe,CAC9D;AAG9B,KAAI,QAAQ,YAOV,eAN0B,eACxB,mBACA,OAAO,aACP,OACA,eACD,CAC+B;AAGlC,KAAI,QAAQ,MAEV,eADoB,eAAe,aAAa,OAAO,OAAO,OAAO,eAAe,CAC1D;AAG5B,KAAI,OAAO,QAET,eADsB,eAAe,eAAe,OAAO,SAAS,OAAO,eAAe,CAC9D;AAI9B,eADqB,eAAe,cAAc,OAAO,QAAQ,OAAO,eAAe,CAC5D;AAG3B,eADkB,eAAe,WAAW,OAAO,KAAK,OAAO,eAAe,CACtD;AAGxB,eADmB,eAAe,YAAY,OAAO,MAAM,OAAO,eAAe,CACxD;UAEtB,EACL,OAAO,EACL,QAAQ,EAEN,SAAS,YACV,EACF,EACF,EACF"}
+{"version":3,"file":"components.js","names":[],"sources":["../../../src/tailwind/plugins/components.ts"],"sourcesContent":["import {\n  AvatarConfig,\n  BadgeConfig,\n  BannerConfig,\n  BottomSheetConfig,\n  ButtonConfig,\n  CheckboxConfig,\n  ChipConfig,\n  DividerConfig,\n  IconButtonConfig,\n  InputConfig,\n  LinkConfig,\n  MenuContentConfig,\n  MenuItemConfig,\n  PopoverConfig,\n  RadioConfig,\n  ScrimConfig,\n  SwitchConfig,\n  TabConfig,\n  TabsConfig,\n  ToastConfig,\n  TooltipConfig,\n} from '@yahoo/uds-automated-config/generatedConfigs';\nimport { generateStyles } from '@yahoo/uds-automated-config/utils';\nimport { opacityMap } from '@yahoo/uds-fixtures';\nimport plugin from 'tailwindcss/plugin.js';\n\nimport type { TailwindPluginOptions } from '../utils/composeTailwindPlugins';\n\nconst componentsPlugin = plugin.withOptions<TailwindPluginOptions>(\n  ({\n    config,\n    previewOptions = {\n      generatePseudoStateClassModifier: false,\n    },\n  }) =>\n    ({ addComponents, theme }) => {\n      // IconButton inherits Button variant styles\n      if (config.button || config.iconButton) {\n        const buttonStyles = generateStyles(ButtonConfig, config.button, theme, previewOptions);\n        addComponents(buttonStyles);\n\n        if (config.iconButton) {\n          const iconButtonStyles = generateStyles(\n            IconButtonConfig,\n            config.iconButton,\n            theme,\n            previewOptions,\n          );\n          addComponents(iconButtonStyles);\n        }\n      }\n\n      if (config.divider) {\n        const dividerStyles = generateStyles(DividerConfig, config.divider, theme, previewOptions);\n        addComponents(dividerStyles);\n      }\n\n      if (config.link) {\n        const linkStyles = generateStyles(LinkConfig, config.link, theme, previewOptions);\n        addComponents(linkStyles);\n      }\n\n      if (config.badge) {\n        const badgeStyles = generateStyles(BadgeConfig, config.badge, theme, previewOptions);\n        addComponents(badgeStyles);\n      }\n\n      if (config.radio) {\n        const radioStyles = generateStyles(RadioConfig, config.radio, theme, previewOptions);\n        addComponents(radioStyles);\n      }\n\n      if (config.avatar) {\n        const avatarStyles = generateStyles(AvatarConfig, config.avatar, theme, previewOptions);\n        addComponents(avatarStyles);\n      }\n\n      if (config.chip) {\n        const chipStyles = generateStyles(ChipConfig, config.chip, theme, previewOptions);\n        addComponents(chipStyles);\n      }\n\n      if (config.switch) {\n        const switchStyles = generateStyles(SwitchConfig, config.switch, theme, previewOptions);\n        addComponents(switchStyles);\n      }\n\n      if (config.checkbox) {\n        const checkboxStyles = generateStyles(\n          CheckboxConfig,\n          config.checkbox,\n          theme,\n          previewOptions,\n        );\n        addComponents(checkboxStyles);\n      }\n\n      // TODO: May need to ensure portal is inside a importNamespace class\n      if (config.menuItem) {\n        const menuStyles = generateStyles(MenuItemConfig, config.menuItem, theme, previewOptions);\n        addComponents(menuStyles);\n      }\n\n      if (config.menuContent) {\n        const menuContentStyles = generateStyles(\n          MenuContentConfig,\n          config.menuContent,\n          theme,\n          previewOptions,\n        );\n        addComponents(menuContentStyles);\n      }\n\n      if (config.input) {\n        const inputStyles = generateStyles(InputConfig, config.input, theme, previewOptions);\n        addComponents(inputStyles);\n      }\n\n      if (config?.toast) {\n        const toastStyles = generateStyles(ToastConfig, config.toast, theme, previewOptions);\n        addComponents(toastStyles);\n      }\n\n      if (config.tooltip) {\n        const tooltipStyles = generateStyles(TooltipConfig, config.tooltip, theme, previewOptions);\n        addComponents(tooltipStyles);\n      }\n\n      if (config?.bottomSheet) {\n        const bottomSheetStyles = generateStyles(\n          BottomSheetConfig,\n          config.bottomSheet,\n          theme,\n          previewOptions,\n        );\n        addComponents(bottomSheetStyles);\n      }\n\n      if (config?.scrim) {\n        const scrimStyles = generateStyles(ScrimConfig, config.scrim, theme, previewOptions);\n        addComponents(scrimStyles);\n      }\n\n      if (config.popover) {\n        const popoverStyles = generateStyles(PopoverConfig, config.popover, theme, previewOptions);\n        addComponents(popoverStyles);\n      }\n\n      const bannerStyles = generateStyles(BannerConfig, config.banner, theme, previewOptions);\n      addComponents(bannerStyles);\n\n      const tabStyles = generateStyles(TabConfig, config.tab, theme, previewOptions);\n      addComponents(tabStyles);\n\n      const tabsStyles = generateStyles(TabsConfig, config.tabs, theme, previewOptions);\n      addComponents(tabsStyles);\n    },\n  () => ({\n    theme: {\n      extend: {\n        // Added to route configurable opacity steps through to button opacity/disabled property rendering.\n        opacity: opacityMap,\n      },\n    },\n  }),\n);\n\nexport { componentsPlugin };\n"],"mappings":";;;;;;AA6BA,MAAM,mBAAmB,OAAO,aAC7B,EACC,QACA,iBAAiB,EACf,kCAAkC,OACnC,QAEA,EAAE,eAAe,YAAY;AAE5B,KAAI,OAAO,UAAU,OAAO,YAAY;AAEtC,gBADqB,eAAe,cAAc,OAAO,QAAQ,OAAO,eAC9C,CAAC;AAE3B,MAAI,OAAO,WAOT,eANyB,eACvB,kBACA,OAAO,YACP,OACA,eAE4B,CAAC;;AAInC,KAAI,OAAO,QAET,eADsB,eAAe,eAAe,OAAO,SAAS,OAAO,eAChD,CAAC;AAG9B,KAAI,OAAO,KAET,eADmB,eAAe,YAAY,OAAO,MAAM,OAAO,eAC1C,CAAC;AAG3B,KAAI,OAAO,MAET,eADoB,eAAe,aAAa,OAAO,OAAO,OAAO,eAC5C,CAAC;AAG5B,KAAI,OAAO,MAET,eADoB,eAAe,aAAa,OAAO,OAAO,OAAO,eAC5C,CAAC;AAG5B,KAAI,OAAO,OAET,eADqB,eAAe,cAAc,OAAO,QAAQ,OAAO,eAC9C,CAAC;AAG7B,KAAI,OAAO,KAET,eADmB,eAAe,YAAY,OAAO,MAAM,OAAO,eAC1C,CAAC;AAG3B,KAAI,OAAO,OAET,eADqB,eAAe,cAAc,OAAO,QAAQ,OAAO,eAC9C,CAAC;AAG7B,KAAI,OAAO,SAOT,eANuB,eACrB,gBACA,OAAO,UACP,OACA,eAE0B,CAAC;AAI/B,KAAI,OAAO,SAET,eADmB,eAAe,gBAAgB,OAAO,UAAU,OAAO,eAClD,CAAC;AAG3B,KAAI,OAAO,YAOT,eAN0B,eACxB,mBACA,OAAO,aACP,OACA,eAE6B,CAAC;AAGlC,KAAI,OAAO,MAET,eADoB,eAAe,aAAa,OAAO,OAAO,OAAO,eAC5C,CAAC;AAG5B,KAAI,QAAQ,MAEV,eADoB,eAAe,aAAa,OAAO,OAAO,OAAO,eAC5C,CAAC;AAG5B,KAAI,OAAO,QAET,eADsB,eAAe,eAAe,OAAO,SAAS,OAAO,eAChD,CAAC;AAG9B,KAAI,QAAQ,YAOV,eAN0B,eACxB,mBACA,OAAO,aACP,OACA,eAE6B,CAAC;AAGlC,KAAI,QAAQ,MAEV,eADoB,eAAe,aAAa,OAAO,OAAO,OAAO,eAC5C,CAAC;AAG5B,KAAI,OAAO,QAET,eADsB,eAAe,eAAe,OAAO,SAAS,OAAO,eAChD,CAAC;AAI9B,eADqB,eAAe,cAAc,OAAO,QAAQ,OAAO,eAC9C,CAAC;AAG3B,eADkB,eAAe,WAAW,OAAO,KAAK,OAAO,eACxC,CAAC;AAGxB,eADmB,eAAe,YAAY,OAAO,MAAM,OAAO,eAC1C,CAAC;UAEtB,EACL,OAAO,EACL,QAAQ,EAEN,SAAS,YACV,EACF,EACF,EACF"}

package/dist/tailwind/dist/tailwind/plugins/elevation.cjs

@@ -1,14 +1,13 @@
 /*! © 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_entries = require('../../utils/entries.cjs');
-const require_fromEntries = require('../../utils/fromEntries.cjs');
-const require_composeTailwindPlugins = require('../utils/composeTailwindPlugins.cjs');
-const require_borderWidth = require('./borderWidth.cjs');
-const require_getElevationStyles = require('../utils/getElevationStyles.cjs');
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_index = require("../../css-tokens/dist/index.cjs");
+const require_entries = require("../../utils/entries.cjs");
+const require_fromEntries = require("../../utils/fromEntries.cjs");
+const require_composeTailwindPlugins = require("../utils/composeTailwindPlugins.cjs");
+const require_borderWidth = require("./borderWidth.cjs");
+const require_getElevationStyles = require("../utils/getElevationStyles.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/elevation.ts
 const getBorderWidthTheme = (config, mergeTokensIntoTailwindTheme) => {
 	const elevationBorderWidths = require_fromEntries.fromEntries(require_entries.entries(config || {}).map(([level]) => [`elevation-${level}`, `var(--${require_index.BORDER_WIDTH_PREFIX}-elevation-${level})`]));
@@ -32,6 +31,5 @@ const elevationPlugin = tailwindcss_plugin_js.default.withOptions(({ config }) =
 		...getBorderWidthTheme(config.elevation, !shouldNotMergeBorderWidthTokensIntoTailwindTheme)
 	} } };
 });
-
 //#endregion
-exports.elevationPlugin = elevationPlugin;
+exports.elevationPlugin = elevationPlugin;

package/dist/tailwind/dist/tailwind/plugins/elevation.js

@@ -6,7 +6,6 @@ import { shouldNotMergeTokensIntoTailwindTheme } from "../utils/composeTailwindP
 import { UDS_BORDER_WIDTH_THEME_KEY } from "./borderWidth.js";
 import { getElevationStyles } from "../utils/getElevationStyles.js";
 import plugin from "tailwindcss/plugin.js";
-
 //#region src/tailwind/plugins/elevation.ts
 const getBorderWidthTheme = (config, mergeTokensIntoTailwindTheme) => {
 	const elevationBorderWidths = fromEntries(entries(config || {}).map(([level]) => [`elevation-${level}`, `var(--${BORDER_WIDTH_PREFIX}-elevation-${level})`]));
@@ -30,7 +29,7 @@ const elevationPlugin = plugin.withOptions(({ config }) => ({ addUtilities }) =>
 		...getBorderWidthTheme(config.elevation, !shouldNotMergeBorderWidthTokensIntoTailwindTheme)
 	} } };
 });
-
 //#endregion
 export { elevationPlugin };
+
 //# sourceMappingURL=elevation.js.map

package/dist/tailwind/dist/tailwind/plugins/elevation.js.map

@@ -1 +1 @@
-{"version":3,"file":"elevation.js","names":[],"sources":["../../../src/tailwind/plugins/elevation.ts"],"sourcesContent":["import { BORDER_WIDTH_PREFIX, LINE_COLOR_PREFIX } from '@yahoo/uds-css-tokens';\nimport type { ElevationConfig } from '@yahoo/uds-types';\nimport plugin from 'tailwindcss/plugin.js';\n\nimport { entries } from '../../utils/entries';\nimport { fromEntries } from '../../utils/fromEntries';\nimport type { TailwindPluginOptions } from '../utils/composeTailwindPlugins';\nimport { shouldNotMergeTokensIntoTailwindTheme } from '../utils/composeTailwindPlugins';\nimport { getElevationStyles } from '../utils/getElevationStyles';\nimport { UDS_BORDER_WIDTH_THEME_KEY } from './borderWidth';\n\nconst getBorderWidthTheme = (config: ElevationConfig, mergeTokensIntoTailwindTheme: boolean) => {\n  const elevationBorderWidths = fromEntries(\n    entries(config || {}).map(([level]) => [\n      `elevation-${level}`,\n      `var(--${BORDER_WIDTH_PREFIX}-elevation-${level})`,\n    ]),\n  );\n\n  if (!mergeTokensIntoTailwindTheme) {\n    // Store these values namespaced in the tailwind theme to avoid overwriting default Tailwind border width values.\n    // This will be used in the automation CSS generation to map stored values to UDS CSS variables.\n    return {\n      [UDS_BORDER_WIDTH_THEME_KEY]: elevationBorderWidths,\n    };\n  }\n\n  // Add a \"width-\" prefix to these so they don't collide with border colors\n  const namespacedBorderWidths = fromEntries(\n    entries(elevationBorderWidths).map(([key, cssVar]) => [`width-${key}`, cssVar]),\n  );\n\n  return {\n    // Store these values namespaced in the tailwind theme to avoid overwriting default Tailwind border width values.\n    // This will be used in the automation CSS generation to map stored values to UDS CSS variables.\n    [UDS_BORDER_WIDTH_THEME_KEY]: elevationBorderWidths,\n\n    // Also overwrite the default Tailwind border width theme values with UDS values for consistency.\n    borderWidth: namespacedBorderWidths,\n    outlineWidth: namespacedBorderWidths,\n    outlineOffset: namespacedBorderWidths,\n  };\n};\n\nconst elevationPlugin = plugin.withOptions<TailwindPluginOptions>(\n  ({ config }) =>\n    ({ addUtilities }) => {\n      const elevationStyles = getElevationStyles({ config });\n      addUtilities(elevationStyles);\n    },\n\n  ({ config, disableOverrideTailwindTheme }) => {\n    const shouldNotMergeBorderWidthTokensIntoTailwindTheme = shouldNotMergeTokensIntoTailwindTheme(\n      disableOverrideTailwindTheme,\n      'borderWidth',\n    );\n\n    const borderColor = fromEntries(\n      entries(config.elevation || {}).map(([level]) => [\n        `elevation-${level}`,\n        `var(--${LINE_COLOR_PREFIX}-elevation-${level})`,\n      ]),\n    );\n\n    return {\n      theme: {\n        extend: {\n          borderColor,\n          outlineColor: borderColor,\n\n          ...getBorderWidthTheme(\n            config.elevation,\n            !shouldNotMergeBorderWidthTokensIntoTailwindTheme,\n          ),\n        },\n      },\n    };\n  },\n);\n\nexport { elevationPlugin };\n"],"mappings":";;;;;;;;;;AAWA,MAAM,uBAAuB,QAAyB,iCAA0C;CAC9F,MAAM,wBAAwB,YAC5B,QAAQ,UAAU,EAAE,CAAC,CAAC,KAAK,CAAC,WAAW,CACrC,aAAa,SACb,SAAS,oBAAoB,aAAa,MAAM,GACjD,CAAC,CACH;AAED,KAAI,CAAC,6BAGH,QAAO,GACJ,6BAA6B,uBAC/B;CAIH,MAAM,yBAAyB,YAC7B,QAAQ,sBAAsB,CAAC,KAAK,CAAC,KAAK,YAAY,CAAC,SAAS,OAAO,OAAO,CAAC,CAChF;AAED,QAAO;GAGJ,6BAA6B;EAG9B,aAAa;EACb,cAAc;EACd,eAAe;EAChB;;AAGH,MAAM,kBAAkB,OAAO,aAC5B,EAAE,cACA,EAAE,mBAAmB;AAEpB,cADwB,mBAAmB,EAAE,QAAQ,CAAC,CACzB;IAGhC,EAAE,QAAQ,mCAAmC;CAC5C,MAAM,mDAAmD,sCACvD,8BACA,cACD;CAED,MAAM,cAAc,YAClB,QAAQ,OAAO,aAAa,EAAE,CAAC,CAAC,KAAK,CAAC,WAAW,CAC/C,aAAa,SACb,SAAS,kBAAkB,aAAa,MAAM,GAC/C,CAAC,CACH;AAED,QAAO,EACL,OAAO,EACL,QAAQ;EACN;EACA,cAAc;EAEd,GAAG,oBACD,OAAO,WACP,CAAC,iDACF;EACF,EACF,EACF;EAEJ"}
+{"version":3,"file":"elevation.js","names":[],"sources":["../../../src/tailwind/plugins/elevation.ts"],"sourcesContent":["import { BORDER_WIDTH_PREFIX, LINE_COLOR_PREFIX } from '@yahoo/uds-css-tokens';\nimport type { ElevationConfig } from '@yahoo/uds-types';\nimport plugin from 'tailwindcss/plugin.js';\n\nimport { entries } from '../../utils/entries';\nimport { fromEntries } from '../../utils/fromEntries';\nimport type { TailwindPluginOptions } from '../utils/composeTailwindPlugins';\nimport { shouldNotMergeTokensIntoTailwindTheme } from '../utils/composeTailwindPlugins';\nimport { getElevationStyles } from '../utils/getElevationStyles';\nimport { UDS_BORDER_WIDTH_THEME_KEY } from './borderWidth';\n\nconst getBorderWidthTheme = (config: ElevationConfig, mergeTokensIntoTailwindTheme: boolean) => {\n  const elevationBorderWidths = fromEntries(\n    entries(config || {}).map(([level]) => [\n      `elevation-${level}`,\n      `var(--${BORDER_WIDTH_PREFIX}-elevation-${level})`,\n    ]),\n  );\n\n  if (!mergeTokensIntoTailwindTheme) {\n    // Store these values namespaced in the tailwind theme to avoid overwriting default Tailwind border width values.\n    // This will be used in the automation CSS generation to map stored values to UDS CSS variables.\n    return {\n      [UDS_BORDER_WIDTH_THEME_KEY]: elevationBorderWidths,\n    };\n  }\n\n  // Add a \"width-\" prefix to these so they don't collide with border colors\n  const namespacedBorderWidths = fromEntries(\n    entries(elevationBorderWidths).map(([key, cssVar]) => [`width-${key}`, cssVar]),\n  );\n\n  return {\n    // Store these values namespaced in the tailwind theme to avoid overwriting default Tailwind border width values.\n    // This will be used in the automation CSS generation to map stored values to UDS CSS variables.\n    [UDS_BORDER_WIDTH_THEME_KEY]: elevationBorderWidths,\n\n    // Also overwrite the default Tailwind border width theme values with UDS values for consistency.\n    borderWidth: namespacedBorderWidths,\n    outlineWidth: namespacedBorderWidths,\n    outlineOffset: namespacedBorderWidths,\n  };\n};\n\nconst elevationPlugin = plugin.withOptions<TailwindPluginOptions>(\n  ({ config }) =>\n    ({ addUtilities }) => {\n      const elevationStyles = getElevationStyles({ config });\n      addUtilities(elevationStyles);\n    },\n\n  ({ config, disableOverrideTailwindTheme }) => {\n    const shouldNotMergeBorderWidthTokensIntoTailwindTheme = shouldNotMergeTokensIntoTailwindTheme(\n      disableOverrideTailwindTheme,\n      'borderWidth',\n    );\n\n    const borderColor = fromEntries(\n      entries(config.elevation || {}).map(([level]) => [\n        `elevation-${level}`,\n        `var(--${LINE_COLOR_PREFIX}-elevation-${level})`,\n      ]),\n    );\n\n    return {\n      theme: {\n        extend: {\n          borderColor,\n          outlineColor: borderColor,\n\n          ...getBorderWidthTheme(\n            config.elevation,\n            !shouldNotMergeBorderWidthTokensIntoTailwindTheme,\n          ),\n        },\n      },\n    };\n  },\n);\n\nexport { elevationPlugin };\n"],"mappings":";;;;;;;;;AAWA,MAAM,uBAAuB,QAAyB,iCAA0C;CAC9F,MAAM,wBAAwB,YAC5B,QAAQ,UAAU,EAAE,CAAC,CAAC,KAAK,CAAC,WAAW,CACrC,aAAa,SACb,SAAS,oBAAoB,aAAa,MAAM,GACjD,CAAC,CACH;AAED,KAAI,CAAC,6BAGH,QAAO,GACJ,6BAA6B,uBAC/B;CAIH,MAAM,yBAAyB,YAC7B,QAAQ,sBAAsB,CAAC,KAAK,CAAC,KAAK,YAAY,CAAC,SAAS,OAAO,OAAO,CAAC,CAChF;AAED,QAAO;GAGJ,6BAA6B;EAG9B,aAAa;EACb,cAAc;EACd,eAAe;EAChB;;AAGH,MAAM,kBAAkB,OAAO,aAC5B,EAAE,cACA,EAAE,mBAAmB;AAEpB,cADwB,mBAAmB,EAAE,QAAQ,CACzB,CAAC;IAGhC,EAAE,QAAQ,mCAAmC;CAC5C,MAAM,mDAAmD,sCACvD,8BACA,cACD;CAED,MAAM,cAAc,YAClB,QAAQ,OAAO,aAAa,EAAE,CAAC,CAAC,KAAK,CAAC,WAAW,CAC/C,aAAa,SACb,SAAS,kBAAkB,aAAa,MAAM,GAC/C,CAAC,CACH;AAED,QAAO,EACL,OAAO,EACL,QAAQ;EACN;EACA,cAAc;EAEd,GAAG,oBACD,OAAO,WACP,CAAC,iDACF;EACF,EACF,EACF;EAEJ"}

package/dist/tailwind/dist/tailwind/plugins/getTailwindAsUdsColors.cjs

@@ -1,7 +1,6 @@
 /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
-const require_entries = require('../../utils/entries.cjs');
-const require_index = require('../../config/dist/index.cjs');
-
+const require_entries = require("../../utils/entries.cjs");
+const require_index = require("../../config/dist/index.cjs");
 //#region src/tailwind/plugins/getTailwindAsUdsColors.ts
 const SPECTRUM_COLOR_PREFIX = "uds-spectrum-color";
 const lightSpectrum = require_index.defaultTokensConfig.colorMode.light.spectrum;
@@ -353,6 +352,5 @@ function getTailwindAsUdsColors() {
 	}
 	return tailwindColorsAsUds;
 }
-
 //#endregion
-exports.getTailwindAsUdsColors = getTailwindAsUdsColors;
+exports.getTailwindAsUdsColors = getTailwindAsUdsColors;

package/dist/tailwind/dist/tailwind/plugins/getTailwindAsUdsColors.js

@@ -1,7 +1,6 @@
 /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
 import { entries } from "../../utils/entries.js";
 import { defaultTokensConfig } from "../../config/dist/index.js";
-
 //#region src/tailwind/plugins/getTailwindAsUdsColors.ts
 const SPECTRUM_COLOR_PREFIX = "uds-spectrum-color";
 const lightSpectrum = defaultTokensConfig.colorMode.light.spectrum;
@@ -353,7 +352,7 @@ function getTailwindAsUdsColors() {
 	}
 	return tailwindColorsAsUds;
 }
-
 //#endregion
 export { getTailwindAsUdsColors };
+
 //# sourceMappingURL=getTailwindAsUdsColors.js.map