@yahoo/uds 3.117.4 → 3.117.5

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 (161) hide show
  1. package/dist/styles/styler.d.cts +41 -41
  2. package/dist/styles/styler.d.ts +41 -41
  3. package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.cjs +637 -0
  4. package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.js +637 -0
  5. package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.js.map +1 -0
  6. package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.cjs +36541 -0
  7. package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.js +36524 -0
  8. package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.js.map +1 -0
  9. package/dist/tailwind/dist/automated-config/dist/mapTextVariantFixtureToValue.cjs +20 -0
  10. package/dist/tailwind/dist/automated-config/dist/mapTextVariantFixtureToValue.js +21 -0
  11. package/dist/tailwind/dist/automated-config/dist/mapTextVariantFixtureToValue.js.map +1 -0
  12. package/dist/tailwind/dist/automated-config/dist/properties.cjs +480 -0
  13. package/dist/tailwind/dist/automated-config/dist/properties.js +481 -0
  14. package/dist/tailwind/dist/automated-config/dist/properties.js.map +1 -0
  15. package/dist/tailwind/dist/automated-config/dist/utils/assertUnreachable.cjs +10 -0
  16. package/dist/tailwind/dist/automated-config/dist/utils/assertUnreachable.js +10 -0
  17. package/dist/tailwind/dist/automated-config/dist/utils/assertUnreachable.js.map +1 -0
  18. package/dist/tailwind/dist/automated-config/dist/utils/generateDefaultClassName.cjs +18 -0
  19. package/dist/tailwind/dist/automated-config/dist/utils/generateDefaultClassName.js +18 -0
  20. package/dist/tailwind/dist/automated-config/dist/utils/generateDefaultClassName.js.map +1 -0
  21. package/dist/tailwind/dist/automated-config/dist/utils/generateSchemaKey.cjs +15 -0
  22. package/dist/tailwind/dist/automated-config/dist/utils/generateSchemaKey.js +15 -0
  23. package/dist/tailwind/dist/automated-config/dist/utils/generateSchemaKey.js.map +1 -0
  24. package/dist/tailwind/dist/automated-config/dist/utils/index.cjs +479 -0
  25. package/dist/tailwind/dist/automated-config/dist/utils/index.js +479 -0
  26. package/dist/tailwind/dist/automated-config/dist/utils/index.js.map +1 -0
  27. package/dist/tailwind/dist/automated-config/dist/utils/mapColorFixtureToValue.cjs +28 -0
  28. package/dist/tailwind/dist/automated-config/dist/utils/mapColorFixtureToValue.js +29 -0
  29. package/dist/tailwind/dist/automated-config/dist/utils/mapColorFixtureToValue.js.map +1 -0
  30. package/dist/tailwind/dist/automated-config/dist/utils/variantConfigGuards.cjs +10 -0
  31. package/dist/tailwind/dist/automated-config/dist/utils/variantConfigGuards.js +9 -0
  32. package/dist/tailwind/dist/automated-config/dist/utils/variantConfigGuards.js.map +1 -0
  33. package/dist/tailwind/dist/config/dist/index.cjs +27057 -0
  34. package/dist/tailwind/dist/config/dist/index.d.cts +11 -0
  35. package/dist/tailwind/dist/config/dist/index.d.cts.map +1 -0
  36. package/dist/tailwind/dist/config/dist/index.d.ts +11 -0
  37. package/dist/tailwind/dist/config/dist/index.d.ts.map +1 -0
  38. package/dist/tailwind/dist/config/dist/index.js +27057 -0
  39. package/dist/tailwind/dist/config/dist/index.js.map +1 -0
  40. package/dist/tailwind/dist/css/generate.cjs +2 -2
  41. package/dist/tailwind/dist/css/generate.d.cts +0 -1
  42. package/dist/tailwind/dist/css/generate.d.cts.map +1 -1
  43. package/dist/tailwind/dist/css/generate.d.ts +0 -1
  44. package/dist/tailwind/dist/css/generate.d.ts.map +1 -1
  45. package/dist/tailwind/dist/css/generate.js +1 -1
  46. package/dist/tailwind/dist/css/runner.cjs +3 -3
  47. package/dist/tailwind/dist/css/runner.js +1 -1
  48. package/dist/tailwind/dist/css/utils.cjs +2 -3
  49. package/dist/tailwind/dist/css/utils.js +1 -1
  50. package/dist/tailwind/dist/css-tokens/dist/index.cjs +168 -0
  51. package/dist/tailwind/dist/css-tokens/dist/index.js +127 -0
  52. package/dist/tailwind/dist/css-tokens/dist/index.js.map +1 -0
  53. package/dist/tailwind/dist/fixtures/dist/index.cjs +596 -0
  54. package/dist/tailwind/dist/fixtures/dist/index.js +589 -0
  55. package/dist/tailwind/dist/fixtures/dist/index.js.map +1 -0
  56. package/dist/tailwind/dist/fonts/dist/index.cjs +809 -0
  57. package/dist/tailwind/dist/fonts/dist/index.d.cts +632 -0
  58. package/dist/tailwind/dist/fonts/dist/index.d.cts.map +1 -0
  59. package/dist/tailwind/dist/fonts/dist/index.d.ts +632 -0
  60. package/dist/tailwind/dist/fonts/dist/index.d.ts.map +1 -0
  61. package/dist/tailwind/dist/fonts/dist/index.js +809 -0
  62. package/dist/tailwind/dist/fonts/dist/index.js.map +1 -0
  63. package/dist/tailwind/dist/modes/dist/index.cjs +9 -0
  64. package/dist/tailwind/dist/modes/dist/index.js +8 -0
  65. package/dist/tailwind/dist/modes/dist/index.js.map +1 -0
  66. package/dist/tailwind/dist/motion-tokens/dist/index.cjs +27 -0
  67. package/dist/tailwind/dist/motion-tokens/dist/index.js +26 -0
  68. package/dist/tailwind/dist/motion-tokens/dist/index.js.map +1 -0
  69. package/dist/tailwind/dist/palette/dist/index.cjs +29 -0
  70. package/dist/tailwind/dist/palette/dist/index.js +26 -0
  71. package/dist/tailwind/dist/palette/dist/index.js.map +1 -0
  72. package/dist/tailwind/dist/purger/legacy/purgeCSS.cjs +10 -10
  73. package/dist/tailwind/dist/purger/legacy/purgeCSS.js +1 -1
  74. package/dist/tailwind/dist/purger/legacy/purgeFromCode.cjs +4 -4
  75. package/dist/tailwind/dist/purger/legacy/purgeFromCode.js +1 -1
  76. package/dist/tailwind/dist/purger/optimized/utils/componentAnalyzer.cjs +3 -3
  77. package/dist/tailwind/dist/purger/optimized/utils/componentAnalyzer.js +1 -1
  78. package/dist/tailwind/dist/purger/optimized/utils/safelist.cjs +3 -3
  79. package/dist/tailwind/dist/purger/optimized/utils/safelist.js +1 -1
  80. package/dist/tailwind/dist/tailwind/base/addColorModeVars.cjs +5 -5
  81. package/dist/tailwind/dist/tailwind/base/addColorModeVars.js +2 -2
  82. package/dist/tailwind/dist/tailwind/base/addColorModeVarsV2.cjs +8 -8
  83. package/dist/tailwind/dist/tailwind/base/addColorModeVarsV2.js +2 -2
  84. package/dist/tailwind/dist/tailwind/base/addScaleModeVars.cjs +10 -11
  85. package/dist/tailwind/dist/tailwind/base/addScaleModeVars.js +2 -2
  86. package/dist/tailwind/dist/tailwind/components/getFocusRingStyles.cjs +3 -4
  87. package/dist/tailwind/dist/tailwind/components/getFocusRingStyles.js +1 -1
  88. package/dist/tailwind/dist/tailwind/components/getGroupedTextStyles.cjs +9 -10
  89. package/dist/tailwind/dist/tailwind/components/getGroupedTextStyles.js +2 -2
  90. package/dist/tailwind/dist/tailwind/components/getResponsiveTextStyles.cjs +23 -23
  91. package/dist/tailwind/dist/tailwind/components/getResponsiveTextStyles.d.cts +1 -1
  92. package/dist/tailwind/dist/tailwind/components/getResponsiveTextStyles.d.ts +1 -1
  93. package/dist/tailwind/dist/tailwind/components/getResponsiveTextStyles.js +2 -2
  94. package/dist/tailwind/dist/tailwind/defaultTailwindThemeAsUdsConfig.d.cts +3 -3
  95. package/dist/tailwind/dist/tailwind/defaultTailwindThemeAsUdsConfig.d.cts.map +1 -1
  96. package/dist/tailwind/dist/tailwind/defaultTailwindThemeAsUdsConfig.d.ts +3 -3
  97. package/dist/tailwind/dist/tailwind/defaultTailwindThemeAsUdsConfig.d.ts.map +1 -1
  98. package/dist/tailwind/dist/tailwind/plugins/blurBgFallback.cjs +4 -4
  99. package/dist/tailwind/dist/tailwind/plugins/blurBgFallback.js +1 -1
  100. package/dist/tailwind/dist/tailwind/plugins/borderRadius.cjs +4 -4
  101. package/dist/tailwind/dist/tailwind/plugins/borderRadius.js +2 -2
  102. package/dist/tailwind/dist/tailwind/plugins/borderWidth.cjs +4 -4
  103. package/dist/tailwind/dist/tailwind/plugins/borderWidth.js +2 -2
  104. package/dist/tailwind/dist/tailwind/plugins/colors.cjs +12 -12
  105. package/dist/tailwind/dist/tailwind/plugins/colors.js +3 -3
  106. package/dist/tailwind/dist/tailwind/plugins/components.cjs +22 -22
  107. package/dist/tailwind/dist/tailwind/plugins/components.js +3 -3
  108. package/dist/tailwind/dist/tailwind/plugins/elevation.cjs +3 -3
  109. package/dist/tailwind/dist/tailwind/plugins/elevation.js +1 -1
  110. package/dist/tailwind/dist/tailwind/plugins/getTailwindAsUdsColors.cjs +2 -3
  111. package/dist/tailwind/dist/tailwind/plugins/getTailwindAsUdsColors.js +1 -1
  112. package/dist/tailwind/dist/tailwind/plugins/shadows.cjs +5 -5
  113. package/dist/tailwind/dist/tailwind/plugins/shadows.js +1 -1
  114. package/dist/tailwind/dist/tailwind/plugins/sizing.cjs +2 -2
  115. package/dist/tailwind/dist/tailwind/plugins/sizing.js +1 -1
  116. package/dist/tailwind/dist/tailwind/plugins/typography.cjs +6 -6
  117. package/dist/tailwind/dist/tailwind/plugins/typography.js +2 -2
  118. package/dist/tailwind/dist/tailwind/theme/getFontFamilyTheme.cjs +6 -7
  119. package/dist/tailwind/dist/tailwind/theme/getFontFamilyTheme.js +2 -2
  120. package/dist/tailwind/dist/tailwind/utils/addFontsPlugin.d.cts +1 -1
  121. package/dist/tailwind/dist/tailwind/utils/addFontsPlugin.d.ts +1 -1
  122. package/dist/tailwind/dist/tailwind/utils/composeTailwindPlugins.d.cts +1 -1
  123. package/dist/tailwind/dist/tailwind/utils/composeTailwindPlugins.d.ts +1 -1
  124. package/dist/tailwind/dist/tailwind/utils/getElevationStyles.cjs +6 -7
  125. package/dist/tailwind/dist/tailwind/utils/getElevationStyles.d.cts +1 -1
  126. package/dist/tailwind/dist/tailwind/utils/getElevationStyles.d.ts +1 -1
  127. package/dist/tailwind/dist/tailwind/utils/getElevationStyles.js +1 -1
  128. package/dist/tailwind/dist/tailwind/utils/getFontFaceDeclarations.cjs +2 -3
  129. package/dist/tailwind/dist/tailwind/utils/getFontFaceDeclarations.d.cts +1 -1
  130. package/dist/tailwind/dist/tailwind/utils/getFontFaceDeclarations.d.ts +1 -1
  131. package/dist/tailwind/dist/tailwind/utils/getFontFaceDeclarations.js +1 -1
  132. package/dist/tailwind/dist/tailwind/utils/getFontStyles.cjs +4 -5
  133. package/dist/tailwind/dist/tailwind/utils/getFontStyles.d.cts +1 -1
  134. package/dist/tailwind/dist/tailwind/utils/getFontStyles.d.ts +1 -1
  135. package/dist/tailwind/dist/tailwind/utils/getFontStyles.js +2 -2
  136. package/dist/tailwind/dist/tailwind/utils/getMotionStyles.cjs +4 -5
  137. package/dist/tailwind/dist/tailwind/utils/getMotionStyles.d.cts +1 -1
  138. package/dist/tailwind/dist/tailwind/utils/getMotionStyles.d.ts +1 -1
  139. package/dist/tailwind/dist/tailwind/utils/getMotionStyles.js +2 -2
  140. package/dist/tailwind/dist/tailwind/utils/getShadowPresetValues.cjs +2 -3
  141. package/dist/tailwind/dist/tailwind/utils/getShadowPresetValues.d.cts +2 -2
  142. package/dist/tailwind/dist/tailwind/utils/getShadowPresetValues.d.ts +2 -2
  143. package/dist/tailwind/dist/tailwind/utils/getShadowPresetValues.js +1 -1
  144. package/dist/tailwind/dist/tailwind/utils/getShadowStyles.cjs +3 -4
  145. package/dist/tailwind/dist/tailwind/utils/getShadowStyles.d.cts +2 -2
  146. package/dist/tailwind/dist/tailwind/utils/getShadowStyles.d.ts +2 -2
  147. package/dist/tailwind/dist/tailwind/utils/getShadowStyles.js +1 -1
  148. package/dist/tailwind/dist/types/dist/index.d.cts +295 -0
  149. package/dist/tailwind/dist/types/dist/index.d.cts.map +1 -0
  150. package/dist/tailwind/dist/types/dist/index.d.ts +295 -0
  151. package/dist/tailwind/dist/types/dist/index.d.ts.map +1 -0
  152. package/dist/tailwind/dist/utils/generatePurgeCSSData.cjs +5 -5
  153. package/dist/tailwind/dist/utils/generatePurgeCSSData.js +2 -2
  154. package/dist/tailwind/dist/utils/parseTokens.cjs +29 -30
  155. package/dist/tailwind/dist/utils/parseTokens.d.cts +2 -2
  156. package/dist/tailwind/dist/utils/parseTokens.d.ts +2 -2
  157. package/dist/tailwind/dist/utils/parseTokens.js +2 -2
  158. package/dist/uds/generated/componentData.cjs +1105 -1105
  159. package/dist/uds/generated/componentData.js +1105 -1105
  160. package/generated/componentData.json +1508 -1508
  161. package/package.json +1 -1
@@ -5,6 +5,7 @@ const require_print = require('../cli/dist/lib/print.cjs');
5
5
  const require_spinner = require('../cli/dist/lib/spinner.cjs');
6
6
  const require_entryPoints = require('../utils/entryPoints.cjs');
7
7
  const require_nodeUtils = require('./nodeUtils.cjs');
8
+ const require_index = require('../config/dist/index.cjs');
8
9
  const require_safelist = require('../purger/optimized/utils/safelist.cjs');
9
10
  const require_utils = require('./utils.cjs');
10
11
  const require_generate_helpers = require('./generate.helpers.cjs');
@@ -12,7 +13,6 @@ let node_fs = require("node:fs");
12
13
  node_fs = require_runtime.__toESM(node_fs);
13
14
  let node_path = require("node:path");
14
15
  node_path = require_runtime.__toESM(node_path);
15
- let _yahoo_uds_config = require("@yahoo/uds-config");
16
16
  let node_zlib = require("node:zlib");
17
17
  let postcss = require("postcss");
18
18
  postcss = require_runtime.__toESM(postcss);
@@ -78,7 +78,7 @@ const generateSimpleModeCSS = async (options) => {
78
78
  const shouldLogStats = !(options.silent === true) && !isWatch;
79
79
  const startTime = performance.now();
80
80
  const colorModes = ["dark"];
81
- let tokensConfig = _yahoo_uds_config.defaultTokensConfig;
81
+ let tokensConfig = require_index.defaultTokensConfig;
82
82
  if (options.configPath) {
83
83
  const loadedConfig = await require_nodeUtils.loadConfigFile(options.configPath);
84
84
  if (loadedConfig) tokensConfig = loadedConfig;
@@ -1,6 +1,5 @@
1
1
 
2
2
  import { UDSCSSOptimizationOptions } from "./theme.cjs";
3
- import { UniversalTokensConfig } from "@yahoo/uds-config";
4
3
  import { SafelistConfig } from "tailwindcss/types/config";
5
4
 
6
5
  //#region src/css/generate.d.ts
@@ -1 +1 @@
1
- {"version":3,"file":"generate.d.cts","names":[],"sources":["../../src/css/generate.ts"],"mappings":";;;;;;;;;UA8CU,aAAA;;EAER,KAAA;;EAEA,QAAA,GAAW,cAAA;;EAEX,YAAA,GAAe,yBAAA;;EAEf,SAAA;;EAEA,oBAAA;;EAEA,aAAA;AAAA"}
1
+ {"version":3,"file":"generate.d.cts","names":[],"sources":["../../src/css/generate.ts"],"mappings":";;;;;;;;UA8CU,aAAA;;EAER,KAAA;;EAEA,QAAA,GAAW,cAAA;;EAEX,YAAA,GAAe,yBAAA;;EAEf,SAAA;;EAEA,oBAAA;;EAEA,aAAA;AAAA"}
@@ -1,7 +1,6 @@
1
1
 
2
2
  import "../commands/generateComponentData.js";
3
3
  import { UDSCSSOptimizationOptions } from "./theme.js";
4
- import { UniversalTokensConfig } from "@yahoo/uds-config";
5
4
  import { SafelistConfig } from "tailwindcss/types/config";
6
5
 
7
6
  //#region src/css/generate.d.ts
@@ -1 +1 @@
1
- {"version":3,"file":"generate.d.ts","names":[],"sources":["../../src/css/generate.ts"],"mappings":";;;;;;;;;;UA8CU,aAAA;;EAER,KAAA;;EAEA,QAAA,GAAW,cAAA;;EAEX,YAAA,GAAe,yBAAA;;EAEf,SAAA;;EAEA,oBAAA;;EAEA,aAAA;AAAA"}
1
+ {"version":3,"file":"generate.d.ts","names":[],"sources":["../../src/css/generate.ts"],"mappings":";;;;;;;;;UA8CU,aAAA;;EAER,KAAA;;EAEA,QAAA,GAAW,cAAA;;EAEX,YAAA,GAAe,yBAAA;;EAEf,SAAA;;EAEA,oBAAA;;EAEA,aAAA;AAAA"}
@@ -4,12 +4,12 @@ import { print } from "../cli/dist/lib/print.js";
4
4
  import { spinStop } from "../cli/dist/lib/spinner.js";
5
5
  import { resolveEntryPaths } from "../utils/entryPoints.js";
6
6
  import { loadConfigFile, scanDirectoriesForSafelist } from "./nodeUtils.js";
7
+ import { defaultTokensConfig } from "../config/dist/index.js";
7
8
  import { deduplicateSafelist, getThemeAndScaleClasses } from "../purger/optimized/utils/safelist.js";
8
9
  import { extractVariantDefaults, getConfigurableCssVariables, getMotionVarPrefixes } from "./utils.js";
9
10
  import { applyScopedColorModeFix, buildPostcssPlugins, createTailwindPlugin, getCssFeatureFlags, optimizeGeneratedCss, printSimpleModeStats } from "./generate.helpers.js";
10
11
  import fs from "node:fs";
11
12
  import path from "node:path";
12
- import { defaultTokensConfig } from "@yahoo/uds-config";
13
13
  import { gzipSync } from "node:zlib";
14
14
  import postcss from "postcss";
15
15
 
@@ -6,6 +6,7 @@ const require_spinner = require('../cli/dist/lib/spinner.cjs');
6
6
  const require_logger = require('../cli/dist/lib/logger.cjs');
7
7
  const require_entryPoints = require('../utils/entryPoints.cjs');
8
8
  const require_nodeUtils = require('./nodeUtils.cjs');
9
+ const require_index = require('../config/dist/index.cjs');
9
10
  const require_safelist = require('../purger/optimized/utils/safelist.cjs');
10
11
  const require_utils = require('./utils.cjs');
11
12
  const require_generate = require('./generate.cjs');
@@ -14,7 +15,6 @@ let node_fs = require("node:fs");
14
15
  node_fs = require_runtime.__toESM(node_fs);
15
16
  let node_path = require("node:path");
16
17
  node_path = require_runtime.__toESM(node_path);
17
- let _yahoo_uds_config = require("@yahoo/uds-config");
18
18
 
19
19
  //#region src/css/runner.ts
20
20
  const SOURCE_FILE_PATTERN = /\.(jsx?|tsx?)$/i;
@@ -171,7 +171,7 @@ const loadThemeModeSetup = async (options) => {
171
171
  watch: options.watch
172
172
  };
173
173
  const themeConfig = typeof themeConfigInput === "function" ? await themeConfigInput(themeContext) : themeConfigInput;
174
- let appConfig = _yahoo_uds_config.defaultTokensConfig;
174
+ let appConfig = require_index.defaultTokensConfig;
175
175
  if (themeConfig.config) {
176
176
  const loadedConfig = await require_nodeUtils.loadConfigFile(themeConfig.config);
177
177
  if (loadedConfig) appConfig = loadedConfig;
@@ -203,7 +203,7 @@ const runThemeMode = async (options, context) => {
203
203
  log = require_logger.createLogger({ silent: effectiveSilent });
204
204
  const entryDirs = entries.map((entry) => entry.absolutePath);
205
205
  if (!effectiveSilent) log.spinStop("✅", "Theme configuration loaded");
206
- if (themeConfig.config && appConfig === _yahoo_uds_config.defaultTokensConfig) log.warn(`App config not found: ${themeConfig.config}, using defaults`);
206
+ if (themeConfig.config && appConfig === require_index.defaultTokensConfig) log.warn(`App config not found: ${themeConfig.config}, using defaults`);
207
207
  const packageDirs = [];
208
208
  const generateThemeModeCSS = async (opts) => {
209
209
  const genStartTime = performance.now();
@@ -5,13 +5,13 @@ import { spinStart, spinStop } from "../cli/dist/lib/spinner.js";
5
5
  import { createLogger } from "../cli/dist/lib/logger.js";
6
6
  import { DEFAULT_ENTRY, resolveEntryPaths } from "../utils/entryPoints.js";
7
7
  import { findPackageSourceDir, loadConfigFile, scanDirectoriesForSafelist, scanDirectoryForSafelist } from "./nodeUtils.js";
8
+ import { defaultTokensConfig } from "../config/dist/index.js";
8
9
  import { deduplicateSafelist, getThemeAndScaleClasses } from "../purger/optimized/utils/safelist.js";
9
10
  import { extractVariantDefaults, formatBytes, getConfigurableCssVariables, getMotionVarPrefixes } from "./utils.js";
10
11
  import { generateCSS, generateSimpleModeCSS } from "./generate.js";
11
12
  import { getMainCssSummaryMessage, getWatchDirectoryGroups } from "./runner.helpers.js";
12
13
  import fs from "node:fs";
13
14
  import path from "node:path";
14
- import { defaultTokensConfig } from "@yahoo/uds-config";
15
15
 
16
16
  //#region src/css/runner.ts
17
17
  const SOURCE_FILE_PATTERN = /\.(jsx?|tsx?)$/i;
@@ -1,6 +1,5 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
2
- const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
3
- let _yahoo_uds_automated_config_properties = require("@yahoo/uds-automated-config/properties");
2
+ const require_properties = require('../automated-config/dist/properties.cjs');
4
3
 
5
4
  //#region src/css/utils.ts
6
5
  /**
@@ -57,7 +56,7 @@ const getMotionVarPrefixes = (componentData, components) => {
57
56
  */
58
57
  const getConfigurableCssVariables = () => {
59
58
  const udsVarPrefix = "--uds";
60
- const cssVars = Object.values(_yahoo_uds_automated_config_properties.configurableProperties).flatMap(({ cssProperties }) => {
59
+ const cssVars = Object.values(require_properties.configurableProperties).flatMap(({ cssProperties }) => {
61
60
  if (typeof cssProperties === "string") return cssProperties.startsWith(udsVarPrefix) ? [cssProperties] : [];
62
61
  if (Array.isArray(cssProperties)) return cssProperties.filter((cssProperty) => typeof cssProperty === "string" && cssProperty.startsWith(udsVarPrefix));
63
62
  return [];
@@ -1,5 +1,5 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
2
- import { configurableProperties } from "@yahoo/uds-automated-config/properties";
2
+ import { configurableProperties } from "../automated-config/dist/properties.js";
3
3
 
4
4
  //#region src/css/utils.ts
5
5
  /**
@@ -0,0 +1,168 @@
1
+ /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
2
+ const require_index = require('../../fixtures/dist/index.cjs');
3
+ const require_index$1 = require('../../palette/dist/index.cjs');
4
+
5
+ //#region ../css-tokens/dist/index.js
6
+ /*! © 2026 Yahoo, Inc. UDS Motion Tokens v0.0.0-development */
7
+ const UDS_PREFIX = "uds";
8
+ const AVATAR_SIZE_PREFIX = `${UDS_PREFIX}-avatar-size`;
9
+ const BACKGROUND_COLOR_PREFIX = `${UDS_PREFIX}-background-color`;
10
+ const BORDER_RADIUS_PREFIX = `${UDS_PREFIX}-border-radius`;
11
+ const BORDER_WIDTH_PREFIX = `${UDS_PREFIX}-border-width`;
12
+ const DROP_SHADOW_PREFIX = `${UDS_PREFIX}-drop-shadow`;
13
+ const BACKGROUND_BLUR_RADIUS_PREFIX = `${UDS_PREFIX}-background-blur-radius`;
14
+ const BACKGROUND_BLUR_COLOR_PREFIX = `${UDS_PREFIX}-background-blur-color`;
15
+ const BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX = `${UDS_PREFIX}-background-blur-fallback-color`;
16
+ const FONT_FAMILY_PREFIX = `${UDS_PREFIX}-font`;
17
+ const FONT_SIZE_PREFIX = `${UDS_PREFIX}-font-size`;
18
+ const FONT_WEIGHT_PREFIX = `${UDS_PREFIX}-font-weight`;
19
+ const FONT_SLANT_PREFIX = `${UDS_PREFIX}-font-slant`;
20
+ const FONT_WIDTH_PREFIX = `${UDS_PREFIX}-font-width`;
21
+ const ICON_SIZE_PREFIX = `${UDS_PREFIX}-icon-size`;
22
+ const LINE_COLOR_PREFIX = `${UDS_PREFIX}-line-color`;
23
+ const LINE_HEIGHT_PREFIX = `${UDS_PREFIX}-line-height`;
24
+ const LETTER_SPACING_PREFIX = `${UDS_PREFIX}-letter-spacing`;
25
+ const MOTION_PREFIX = `${UDS_PREFIX}-motion`;
26
+ const OUTLINE_PREFIX = `${UDS_PREFIX}-outline`;
27
+ const SPECTRUM_COLOR_PREFIX = `${UDS_PREFIX}-spectrum-color`;
28
+ const TEXT_TRANSFORM_PREFIX = `${UDS_PREFIX}-text-transform`;
29
+ const DARK_COLOR_MODE_CLASSNAME = `${UDS_PREFIX}-color-mode-dark`;
30
+ const LIGHT_COLOR_MODE_CLASSNAME = `${UDS_PREFIX}-color-mode-light`;
31
+ const SYSTEM_COLOR_MODE_CLASSNAME = `${UDS_PREFIX}-color-mode-system`;
32
+ const INVERT_COLOR_MODE_CLASSNAME = `${UDS_PREFIX}-color-mode-invert`;
33
+ const XSMALL_SCALE_MODE_CLASSNAME = `${UDS_PREFIX}-scale-mode-xsmall`;
34
+ const SMALL_SCALE_MODE_CLASSNAME = `${UDS_PREFIX}-scale-mode-small`;
35
+ const MEDIUM_SCALE_MODE_CLASSNAME = `${UDS_PREFIX}-scale-mode-medium`;
36
+ const LARGE_SCALE_MODE_CLASSNAME = `${UDS_PREFIX}-scale-mode-large`;
37
+ const XLARGE_SCALE_MODE_CLASSNAME = `${UDS_PREFIX}-scale-mode-xlarge`;
38
+ const XXLARGE_SCALE_MODE_CLASSNAME = `${UDS_PREFIX}-scale-mode-xxlarge`;
39
+ const XXXLARGE_SCALE_MODE_CLASSNAME = `${UDS_PREFIX}-scale-mode-xxxlarge`;
40
+ const TEXT_RESPONSIVE_CLASSNAME = "uds-text-responsive";
41
+ const TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES = {
42
+ defaultBreakpoint: "uds-text-default",
43
+ base: "uds-text-base",
44
+ sm: "uds-text-sm",
45
+ md: "uds-text-md",
46
+ lg: "uds-text-lg",
47
+ xl: "uds-text-xl",
48
+ "2xl": "uds-text-2xl"
49
+ };
50
+ const BUTTON_GAP_VAR = `--${UDS_PREFIX}-button-gap`;
51
+ const BUTTON_SCALE_EFFECT = `--${UDS_PREFIX}-button-scale-effect`;
52
+ const BUTTON_SCALE_EFFECT_REST = `${BUTTON_SCALE_EFFECT}-rest`;
53
+ const BUTTON_SCALE_EFFECT_HOVER = `${BUTTON_SCALE_EFFECT}-hover`;
54
+ const BUTTON_SCALE_EFFECT_PRESSED = `${BUTTON_SCALE_EFFECT}-pressed`;
55
+ const PSEUDO_STYLE_SELECTOR_MAP = {
56
+ hover: ":hover:not([disabled])",
57
+ pressed: ":active:not([disabled])",
58
+ disabled: ":disabled",
59
+ focused: ":focus-visible",
60
+ focusedWithin: ":has(:focus-visible)",
61
+ notDisabled: ":not(:has(:disabled))"
62
+ };
63
+ /**
64
+ * These CSS utilities are temporarily housed here because they are shared
65
+ * dependencies between:
66
+ * - @yahoo/uds-automated-config (component automation/styling generation)
67
+ * - @yahoo/uds (tailwind plugin for shadow generation)
68
+ *
69
+ * Placing them in css-tokens avoids circular dependencies between these packages.
70
+ * TODO: Consider creating a dedicated shared utilities package if this grows.
71
+ */
72
+ const textVariantsSafe = (variant) => variant.replace("/", "-");
73
+ function hexToRgb(hex) {
74
+ hex = hex.replace("#", "");
75
+ if (hex.length === 3) hex = hex.split("").map((char) => char + char).join("");
76
+ return `${parseInt(hex.substring(0, 2), 16)} ${parseInt(hex.substring(2, 4), 16)} ${parseInt(hex.substring(4, 6), 16)}`;
77
+ }
78
+ const RGB = {
79
+ white: hexToRgb(require_index$1.newAlwaysPalette["always/white"]),
80
+ black: hexToRgb(require_index$1.newAlwaysPalette["always/black"]),
81
+ brand: hexToRgb(require_index$1.newAlwaysPalette["always/brand"]),
82
+ accent: hexToRgb(require_index$1.newAlwaysPalette["always/accent"])
83
+ };
84
+ const ALWAYS_AS_RGB = {
85
+ black: RGB.black,
86
+ white: RGB.white,
87
+ "always/black": RGB.black,
88
+ "always/white": RGB.white,
89
+ "always/brand": RGB.brand,
90
+ "always/accent": RGB.accent
91
+ };
92
+ /**
93
+ * Generate a single shadow value from a shadow preset configuration
94
+ *
95
+ * @param preset - The shadow preset configuration
96
+ * @param index - Optional index for numbered shadows (2-5)
97
+ * @param shadowType - The type of shadow (drop or inset)
98
+ * @returns A CSS box-shadow value string
99
+ */
100
+ function getShadowLayerValue({ preset, prefix, shadowType }) {
101
+ const varPrefix = `--uds-${shadowType}-shadow-`;
102
+ const isPaletteColor = preset.color?.type === "palette";
103
+ const isAlwaysColor = preset.color?.type === "always";
104
+ let shadowColor = `var(--uds-${isPaletteColor ? "shadow" : "spectrum"}-color-${preset?.color?.value})`;
105
+ if (isAlwaysColor) shadowColor = ALWAYS_AS_RGB[preset.color.value];
106
+ const defaultColor = `var(${varPrefix}${prefix ? `${prefix}-` : ""}color, ${shadowColor})`;
107
+ const cssValues = [
108
+ `${require_index.shadowOffsetMap[preset.offsetX]}px`,
109
+ `${require_index.shadowOffsetMap[preset.offsetY]}px`,
110
+ `${require_index.spacingMap[preset.blur]}px`,
111
+ `${require_index.shadowSpreadRadiusMap[preset.spread]}px`
112
+ ].map((value) => value).join(" ");
113
+ const colorValue = `rgb(${defaultColor} / var(${varPrefix}${prefix ? `${prefix}-` : ""}opacity, ${Number(preset.opacity) / 100}))`;
114
+ return `${shadowType === "inset" ? "inset " : ""}${cssValues} ${colorValue}`;
115
+ }
116
+ function getMotionVar({ variant, speed, control }) {
117
+ return `${[
118
+ `--${MOTION_PREFIX}`,
119
+ variant,
120
+ speed,
121
+ control
122
+ ].join("-")}`;
123
+ }
124
+
125
+ //#endregion
126
+ exports.AVATAR_SIZE_PREFIX = AVATAR_SIZE_PREFIX;
127
+ exports.BACKGROUND_BLUR_COLOR_PREFIX = BACKGROUND_BLUR_COLOR_PREFIX;
128
+ exports.BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX = BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX;
129
+ exports.BACKGROUND_BLUR_RADIUS_PREFIX = BACKGROUND_BLUR_RADIUS_PREFIX;
130
+ exports.BACKGROUND_COLOR_PREFIX = BACKGROUND_COLOR_PREFIX;
131
+ exports.BORDER_RADIUS_PREFIX = BORDER_RADIUS_PREFIX;
132
+ exports.BORDER_WIDTH_PREFIX = BORDER_WIDTH_PREFIX;
133
+ exports.BUTTON_GAP_VAR = BUTTON_GAP_VAR;
134
+ exports.BUTTON_SCALE_EFFECT = BUTTON_SCALE_EFFECT;
135
+ exports.BUTTON_SCALE_EFFECT_HOVER = BUTTON_SCALE_EFFECT_HOVER;
136
+ exports.BUTTON_SCALE_EFFECT_PRESSED = BUTTON_SCALE_EFFECT_PRESSED;
137
+ exports.BUTTON_SCALE_EFFECT_REST = BUTTON_SCALE_EFFECT_REST;
138
+ exports.DARK_COLOR_MODE_CLASSNAME = DARK_COLOR_MODE_CLASSNAME;
139
+ exports.DROP_SHADOW_PREFIX = DROP_SHADOW_PREFIX;
140
+ exports.FONT_FAMILY_PREFIX = FONT_FAMILY_PREFIX;
141
+ exports.FONT_SIZE_PREFIX = FONT_SIZE_PREFIX;
142
+ exports.FONT_SLANT_PREFIX = FONT_SLANT_PREFIX;
143
+ exports.FONT_WEIGHT_PREFIX = FONT_WEIGHT_PREFIX;
144
+ exports.FONT_WIDTH_PREFIX = FONT_WIDTH_PREFIX;
145
+ exports.ICON_SIZE_PREFIX = ICON_SIZE_PREFIX;
146
+ exports.INVERT_COLOR_MODE_CLASSNAME = INVERT_COLOR_MODE_CLASSNAME;
147
+ exports.LARGE_SCALE_MODE_CLASSNAME = LARGE_SCALE_MODE_CLASSNAME;
148
+ exports.LETTER_SPACING_PREFIX = LETTER_SPACING_PREFIX;
149
+ exports.LIGHT_COLOR_MODE_CLASSNAME = LIGHT_COLOR_MODE_CLASSNAME;
150
+ exports.LINE_COLOR_PREFIX = LINE_COLOR_PREFIX;
151
+ exports.LINE_HEIGHT_PREFIX = LINE_HEIGHT_PREFIX;
152
+ exports.MEDIUM_SCALE_MODE_CLASSNAME = MEDIUM_SCALE_MODE_CLASSNAME;
153
+ exports.OUTLINE_PREFIX = OUTLINE_PREFIX;
154
+ exports.PSEUDO_STYLE_SELECTOR_MAP = PSEUDO_STYLE_SELECTOR_MAP;
155
+ exports.SMALL_SCALE_MODE_CLASSNAME = SMALL_SCALE_MODE_CLASSNAME;
156
+ exports.SPECTRUM_COLOR_PREFIX = SPECTRUM_COLOR_PREFIX;
157
+ exports.SYSTEM_COLOR_MODE_CLASSNAME = SYSTEM_COLOR_MODE_CLASSNAME;
158
+ exports.TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES = TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES;
159
+ exports.TEXT_RESPONSIVE_CLASSNAME = TEXT_RESPONSIVE_CLASSNAME;
160
+ exports.TEXT_TRANSFORM_PREFIX = TEXT_TRANSFORM_PREFIX;
161
+ exports.UDS_PREFIX = UDS_PREFIX;
162
+ exports.XLARGE_SCALE_MODE_CLASSNAME = XLARGE_SCALE_MODE_CLASSNAME;
163
+ exports.XSMALL_SCALE_MODE_CLASSNAME = XSMALL_SCALE_MODE_CLASSNAME;
164
+ exports.XXLARGE_SCALE_MODE_CLASSNAME = XXLARGE_SCALE_MODE_CLASSNAME;
165
+ exports.XXXLARGE_SCALE_MODE_CLASSNAME = XXXLARGE_SCALE_MODE_CLASSNAME;
166
+ exports.getMotionVar = getMotionVar;
167
+ exports.getShadowLayerValue = getShadowLayerValue;
168
+ exports.textVariantsSafe = textVariantsSafe;
@@ -0,0 +1,127 @@
1
+ /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
2
+ import { shadowOffsetMap, shadowSpreadRadiusMap, spacingMap } from "../../fixtures/dist/index.js";
3
+ import { newAlwaysPalette } from "../../palette/dist/index.js";
4
+
5
+ //#region ../css-tokens/dist/index.js
6
+ /*! © 2026 Yahoo, Inc. UDS Motion Tokens v0.0.0-development */
7
+ const UDS_PREFIX = "uds";
8
+ const AVATAR_SIZE_PREFIX = `${UDS_PREFIX}-avatar-size`;
9
+ const BACKGROUND_COLOR_PREFIX = `${UDS_PREFIX}-background-color`;
10
+ const BORDER_RADIUS_PREFIX = `${UDS_PREFIX}-border-radius`;
11
+ const BORDER_WIDTH_PREFIX = `${UDS_PREFIX}-border-width`;
12
+ const DROP_SHADOW_PREFIX = `${UDS_PREFIX}-drop-shadow`;
13
+ const BACKGROUND_BLUR_RADIUS_PREFIX = `${UDS_PREFIX}-background-blur-radius`;
14
+ const BACKGROUND_BLUR_COLOR_PREFIX = `${UDS_PREFIX}-background-blur-color`;
15
+ const BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX = `${UDS_PREFIX}-background-blur-fallback-color`;
16
+ const FONT_FAMILY_PREFIX = `${UDS_PREFIX}-font`;
17
+ const FONT_SIZE_PREFIX = `${UDS_PREFIX}-font-size`;
18
+ const FONT_WEIGHT_PREFIX = `${UDS_PREFIX}-font-weight`;
19
+ const FONT_SLANT_PREFIX = `${UDS_PREFIX}-font-slant`;
20
+ const FONT_WIDTH_PREFIX = `${UDS_PREFIX}-font-width`;
21
+ const ICON_SIZE_PREFIX = `${UDS_PREFIX}-icon-size`;
22
+ const LINE_COLOR_PREFIX = `${UDS_PREFIX}-line-color`;
23
+ const LINE_HEIGHT_PREFIX = `${UDS_PREFIX}-line-height`;
24
+ const LETTER_SPACING_PREFIX = `${UDS_PREFIX}-letter-spacing`;
25
+ const MOTION_PREFIX = `${UDS_PREFIX}-motion`;
26
+ const OUTLINE_PREFIX = `${UDS_PREFIX}-outline`;
27
+ const SPECTRUM_COLOR_PREFIX = `${UDS_PREFIX}-spectrum-color`;
28
+ const TEXT_TRANSFORM_PREFIX = `${UDS_PREFIX}-text-transform`;
29
+ const DARK_COLOR_MODE_CLASSNAME = `${UDS_PREFIX}-color-mode-dark`;
30
+ const LIGHT_COLOR_MODE_CLASSNAME = `${UDS_PREFIX}-color-mode-light`;
31
+ const SYSTEM_COLOR_MODE_CLASSNAME = `${UDS_PREFIX}-color-mode-system`;
32
+ const INVERT_COLOR_MODE_CLASSNAME = `${UDS_PREFIX}-color-mode-invert`;
33
+ const XSMALL_SCALE_MODE_CLASSNAME = `${UDS_PREFIX}-scale-mode-xsmall`;
34
+ const SMALL_SCALE_MODE_CLASSNAME = `${UDS_PREFIX}-scale-mode-small`;
35
+ const MEDIUM_SCALE_MODE_CLASSNAME = `${UDS_PREFIX}-scale-mode-medium`;
36
+ const LARGE_SCALE_MODE_CLASSNAME = `${UDS_PREFIX}-scale-mode-large`;
37
+ const XLARGE_SCALE_MODE_CLASSNAME = `${UDS_PREFIX}-scale-mode-xlarge`;
38
+ const XXLARGE_SCALE_MODE_CLASSNAME = `${UDS_PREFIX}-scale-mode-xxlarge`;
39
+ const XXXLARGE_SCALE_MODE_CLASSNAME = `${UDS_PREFIX}-scale-mode-xxxlarge`;
40
+ const TEXT_RESPONSIVE_CLASSNAME = "uds-text-responsive";
41
+ const TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES = {
42
+ defaultBreakpoint: "uds-text-default",
43
+ base: "uds-text-base",
44
+ sm: "uds-text-sm",
45
+ md: "uds-text-md",
46
+ lg: "uds-text-lg",
47
+ xl: "uds-text-xl",
48
+ "2xl": "uds-text-2xl"
49
+ };
50
+ const BUTTON_GAP_VAR = `--${UDS_PREFIX}-button-gap`;
51
+ const BUTTON_SCALE_EFFECT = `--${UDS_PREFIX}-button-scale-effect`;
52
+ const BUTTON_SCALE_EFFECT_REST = `${BUTTON_SCALE_EFFECT}-rest`;
53
+ const BUTTON_SCALE_EFFECT_HOVER = `${BUTTON_SCALE_EFFECT}-hover`;
54
+ const BUTTON_SCALE_EFFECT_PRESSED = `${BUTTON_SCALE_EFFECT}-pressed`;
55
+ const PSEUDO_STYLE_SELECTOR_MAP = {
56
+ hover: ":hover:not([disabled])",
57
+ pressed: ":active:not([disabled])",
58
+ disabled: ":disabled",
59
+ focused: ":focus-visible",
60
+ focusedWithin: ":has(:focus-visible)",
61
+ notDisabled: ":not(:has(:disabled))"
62
+ };
63
+ /**
64
+ * These CSS utilities are temporarily housed here because they are shared
65
+ * dependencies between:
66
+ * - @yahoo/uds-automated-config (component automation/styling generation)
67
+ * - @yahoo/uds (tailwind plugin for shadow generation)
68
+ *
69
+ * Placing them in css-tokens avoids circular dependencies between these packages.
70
+ * TODO: Consider creating a dedicated shared utilities package if this grows.
71
+ */
72
+ const textVariantsSafe = (variant) => variant.replace("/", "-");
73
+ function hexToRgb(hex) {
74
+ hex = hex.replace("#", "");
75
+ if (hex.length === 3) hex = hex.split("").map((char) => char + char).join("");
76
+ return `${parseInt(hex.substring(0, 2), 16)} ${parseInt(hex.substring(2, 4), 16)} ${parseInt(hex.substring(4, 6), 16)}`;
77
+ }
78
+ const RGB = {
79
+ white: hexToRgb(newAlwaysPalette["always/white"]),
80
+ black: hexToRgb(newAlwaysPalette["always/black"]),
81
+ brand: hexToRgb(newAlwaysPalette["always/brand"]),
82
+ accent: hexToRgb(newAlwaysPalette["always/accent"])
83
+ };
84
+ const ALWAYS_AS_RGB = {
85
+ black: RGB.black,
86
+ white: RGB.white,
87
+ "always/black": RGB.black,
88
+ "always/white": RGB.white,
89
+ "always/brand": RGB.brand,
90
+ "always/accent": RGB.accent
91
+ };
92
+ /**
93
+ * Generate a single shadow value from a shadow preset configuration
94
+ *
95
+ * @param preset - The shadow preset configuration
96
+ * @param index - Optional index for numbered shadows (2-5)
97
+ * @param shadowType - The type of shadow (drop or inset)
98
+ * @returns A CSS box-shadow value string
99
+ */
100
+ function getShadowLayerValue({ preset, prefix, shadowType }) {
101
+ const varPrefix = `--uds-${shadowType}-shadow-`;
102
+ const isPaletteColor = preset.color?.type === "palette";
103
+ const isAlwaysColor = preset.color?.type === "always";
104
+ let shadowColor = `var(--uds-${isPaletteColor ? "shadow" : "spectrum"}-color-${preset?.color?.value})`;
105
+ if (isAlwaysColor) shadowColor = ALWAYS_AS_RGB[preset.color.value];
106
+ const defaultColor = `var(${varPrefix}${prefix ? `${prefix}-` : ""}color, ${shadowColor})`;
107
+ const cssValues = [
108
+ `${shadowOffsetMap[preset.offsetX]}px`,
109
+ `${shadowOffsetMap[preset.offsetY]}px`,
110
+ `${spacingMap[preset.blur]}px`,
111
+ `${shadowSpreadRadiusMap[preset.spread]}px`
112
+ ].map((value) => value).join(" ");
113
+ const colorValue = `rgb(${defaultColor} / var(${varPrefix}${prefix ? `${prefix}-` : ""}opacity, ${Number(preset.opacity) / 100}))`;
114
+ return `${shadowType === "inset" ? "inset " : ""}${cssValues} ${colorValue}`;
115
+ }
116
+ function getMotionVar({ variant, speed, control }) {
117
+ return `${[
118
+ `--${MOTION_PREFIX}`,
119
+ variant,
120
+ speed,
121
+ control
122
+ ].join("-")}`;
123
+ }
124
+
125
+ //#endregion
126
+ export { AVATAR_SIZE_PREFIX, BACKGROUND_BLUR_COLOR_PREFIX, BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX, BACKGROUND_BLUR_RADIUS_PREFIX, BACKGROUND_COLOR_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, BUTTON_GAP_VAR, BUTTON_SCALE_EFFECT, BUTTON_SCALE_EFFECT_HOVER, BUTTON_SCALE_EFFECT_PRESSED, BUTTON_SCALE_EFFECT_REST, DARK_COLOR_MODE_CLASSNAME, DROP_SHADOW_PREFIX, FONT_FAMILY_PREFIX, FONT_SIZE_PREFIX, FONT_SLANT_PREFIX, FONT_WEIGHT_PREFIX, FONT_WIDTH_PREFIX, ICON_SIZE_PREFIX, INVERT_COLOR_MODE_CLASSNAME, LARGE_SCALE_MODE_CLASSNAME, LETTER_SPACING_PREFIX, LIGHT_COLOR_MODE_CLASSNAME, LINE_COLOR_PREFIX, LINE_HEIGHT_PREFIX, MEDIUM_SCALE_MODE_CLASSNAME, OUTLINE_PREFIX, PSEUDO_STYLE_SELECTOR_MAP, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, SYSTEM_COLOR_MODE_CLASSNAME, TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, TEXT_RESPONSIVE_CLASSNAME, TEXT_TRANSFORM_PREFIX, UDS_PREFIX, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME, getMotionVar, getShadowLayerValue, textVariantsSafe };
127
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","names":[],"sources":["../../../../css-tokens/dist/index.js"],"sourcesContent":["/*! © 2026 Yahoo, Inc. UDS Motion Tokens v0.0.0-development */\nimport { shadowOffsetMap, shadowSpreadRadiusMap, spacingMap } from \"@yahoo/uds-fixtures\";\nimport { newAlwaysPalette } from \"@yahoo/uds-palette\";\n\n//#region src/index.ts\nconst UDS_PREFIX = \"uds\";\nconst AVATAR_SIZE_PREFIX = `${UDS_PREFIX}-avatar-size`;\nconst BACKGROUND_COLOR_PREFIX = `${UDS_PREFIX}-background-color`;\nconst BORDER_RADIUS_PREFIX = `${UDS_PREFIX}-border-radius`;\nconst BORDER_WIDTH_PREFIX = `${UDS_PREFIX}-border-width`;\nconst DROP_SHADOW_PREFIX = `${UDS_PREFIX}-drop-shadow`;\nconst BACKGROUND_BLUR_RADIUS_PREFIX = `${UDS_PREFIX}-background-blur-radius`;\nconst BACKGROUND_BLUR_COLOR_PREFIX = `${UDS_PREFIX}-background-blur-color`;\nconst BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX = `${UDS_PREFIX}-background-blur-fallback-color`;\nconst FONT_FAMILY_PREFIX = `${UDS_PREFIX}-font`;\nconst FONT_SIZE_PREFIX = `${UDS_PREFIX}-font-size`;\nconst FONT_WEIGHT_PREFIX = `${UDS_PREFIX}-font-weight`;\nconst FONT_SLANT_PREFIX = `${UDS_PREFIX}-font-slant`;\nconst FONT_WIDTH_PREFIX = `${UDS_PREFIX}-font-width`;\nconst ICON_SIZE_PREFIX = `${UDS_PREFIX}-icon-size`;\nconst LINE_COLOR_PREFIX = `${UDS_PREFIX}-line-color`;\nconst LINE_HEIGHT_PREFIX = `${UDS_PREFIX}-line-height`;\nconst LETTER_SPACING_PREFIX = `${UDS_PREFIX}-letter-spacing`;\nconst MOTION_PREFIX = `${UDS_PREFIX}-motion`;\nconst OUTLINE_PREFIX = `${UDS_PREFIX}-outline`;\nconst SPECTRUM_COLOR_PREFIX = `${UDS_PREFIX}-spectrum-color`;\nconst TEXT_TRANSFORM_PREFIX = `${UDS_PREFIX}-text-transform`;\nconst DARK_COLOR_MODE_CLASSNAME = `${UDS_PREFIX}-color-mode-dark`;\nconst LIGHT_COLOR_MODE_CLASSNAME = `${UDS_PREFIX}-color-mode-light`;\nconst SYSTEM_COLOR_MODE_CLASSNAME = `${UDS_PREFIX}-color-mode-system`;\nconst INVERT_COLOR_MODE_CLASSNAME = `${UDS_PREFIX}-color-mode-invert`;\nconst XSMALL_SCALE_MODE_CLASSNAME = `${UDS_PREFIX}-scale-mode-xsmall`;\nconst SMALL_SCALE_MODE_CLASSNAME = `${UDS_PREFIX}-scale-mode-small`;\nconst MEDIUM_SCALE_MODE_CLASSNAME = `${UDS_PREFIX}-scale-mode-medium`;\nconst LARGE_SCALE_MODE_CLASSNAME = `${UDS_PREFIX}-scale-mode-large`;\nconst XLARGE_SCALE_MODE_CLASSNAME = `${UDS_PREFIX}-scale-mode-xlarge`;\nconst XXLARGE_SCALE_MODE_CLASSNAME = `${UDS_PREFIX}-scale-mode-xxlarge`;\nconst XXXLARGE_SCALE_MODE_CLASSNAME = `${UDS_PREFIX}-scale-mode-xxxlarge`;\nconst DEFAULT_COLOR_MODE_CLASSNAME = LIGHT_COLOR_MODE_CLASSNAME;\nconst DEFAULT_SCALE_MODE_CLASSNAME = LARGE_SCALE_MODE_CLASSNAME;\nconst TEXT_RESPONSIVE_CLASSNAME = \"uds-text-responsive\";\nconst TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES = {\n\tdefaultBreakpoint: \"uds-text-default\",\n\tbase: \"uds-text-base\",\n\tsm: \"uds-text-sm\",\n\tmd: \"uds-text-md\",\n\tlg: \"uds-text-lg\",\n\txl: \"uds-text-xl\",\n\t\"2xl\": \"uds-text-2xl\"\n};\nconst BUTTON_GAP_VAR = `--${UDS_PREFIX}-button-gap`;\nconst BUTTON_SCALE_EFFECT = `--${UDS_PREFIX}-button-scale-effect`;\nconst BUTTON_SCALE_EFFECT_REST = `${BUTTON_SCALE_EFFECT}-rest`;\nconst BUTTON_SCALE_EFFECT_HOVER = `${BUTTON_SCALE_EFFECT}-hover`;\nconst BUTTON_SCALE_EFFECT_PRESSED = `${BUTTON_SCALE_EFFECT}-pressed`;\nconst PSEUDO_STYLE_SELECTOR_MAP = {\n\thover: \":hover:not([disabled])\",\n\tpressed: \":active:not([disabled])\",\n\tdisabled: \":disabled\",\n\tfocused: \":focus-visible\",\n\tfocusedWithin: \":has(:focus-visible)\",\n\tnotDisabled: \":not(:has(:disabled))\"\n};\n/**\n* These CSS utilities are temporarily housed here because they are shared\n* dependencies between:\n* - @yahoo/uds-automated-config (component automation/styling generation)\n* - @yahoo/uds (tailwind plugin for shadow generation)\n*\n* Placing them in css-tokens avoids circular dependencies between these packages.\n* TODO: Consider creating a dedicated shared utilities package if this grows.\n*/\nconst textVariantsSafe = (variant) => variant.replace(\"/\", \"-\");\nfunction hexToRgb(hex) {\n\thex = hex.replace(\"#\", \"\");\n\tif (hex.length === 3) hex = hex.split(\"\").map((char) => char + char).join(\"\");\n\treturn `${parseInt(hex.substring(0, 2), 16)} ${parseInt(hex.substring(2, 4), 16)} ${parseInt(hex.substring(4, 6), 16)}`;\n}\nconst RGB = {\n\twhite: hexToRgb(newAlwaysPalette[\"always/white\"]),\n\tblack: hexToRgb(newAlwaysPalette[\"always/black\"]),\n\tbrand: hexToRgb(newAlwaysPalette[\"always/brand\"]),\n\taccent: hexToRgb(newAlwaysPalette[\"always/accent\"])\n};\nconst ALWAYS_AS_RGB = {\n\tblack: RGB.black,\n\twhite: RGB.white,\n\t\"always/black\": RGB.black,\n\t\"always/white\": RGB.white,\n\t\"always/brand\": RGB.brand,\n\t\"always/accent\": RGB.accent\n};\n/**\n* Generate a single shadow value from a shadow preset configuration\n*\n* @param preset - The shadow preset configuration\n* @param index - Optional index for numbered shadows (2-5)\n* @param shadowType - The type of shadow (drop or inset)\n* @returns A CSS box-shadow value string\n*/\nfunction getShadowLayerValue({ preset, prefix, shadowType }) {\n\tconst varPrefix = `--uds-${shadowType}-shadow-`;\n\tconst isPaletteColor = preset.color?.type === \"palette\";\n\tconst isAlwaysColor = preset.color?.type === \"always\";\n\tlet shadowColor = `var(--uds-${isPaletteColor ? \"shadow\" : \"spectrum\"}-color-${preset?.color?.value})`;\n\tif (isAlwaysColor) shadowColor = ALWAYS_AS_RGB[preset.color.value];\n\tconst defaultColor = `var(${varPrefix}${prefix ? `${prefix}-` : \"\"}color, ${shadowColor})`;\n\tconst cssValues = [\n\t\t`${shadowOffsetMap[preset.offsetX]}px`,\n\t\t`${shadowOffsetMap[preset.offsetY]}px`,\n\t\t`${spacingMap[preset.blur]}px`,\n\t\t`${shadowSpreadRadiusMap[preset.spread]}px`\n\t].map((value) => value).join(\" \");\n\tconst colorValue = `rgb(${defaultColor} / var(${varPrefix}${prefix ? `${prefix}-` : \"\"}opacity, ${Number(preset.opacity) / 100}))`;\n\treturn `${shadowType === \"inset\" ? \"inset \" : \"\"}${cssValues} ${colorValue}`;\n}\nfunction getMotionVar({ variant, speed, control }) {\n\treturn `${[\n\t\t`--${MOTION_PREFIX}`,\n\t\tvariant,\n\t\tspeed,\n\t\tcontrol\n\t].join(\"-\")}`;\n}\n\n//#endregion\nexport { AVATAR_SIZE_PREFIX, BACKGROUND_BLUR_COLOR_PREFIX, BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX, BACKGROUND_BLUR_RADIUS_PREFIX, BACKGROUND_COLOR_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, BUTTON_GAP_VAR, BUTTON_SCALE_EFFECT, BUTTON_SCALE_EFFECT_HOVER, BUTTON_SCALE_EFFECT_PRESSED, BUTTON_SCALE_EFFECT_REST, DARK_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE_CLASSNAME, DEFAULT_SCALE_MODE_CLASSNAME, DROP_SHADOW_PREFIX, FONT_FAMILY_PREFIX, FONT_SIZE_PREFIX, FONT_SLANT_PREFIX, FONT_WEIGHT_PREFIX, FONT_WIDTH_PREFIX, ICON_SIZE_PREFIX, INVERT_COLOR_MODE_CLASSNAME, LARGE_SCALE_MODE_CLASSNAME, LETTER_SPACING_PREFIX, LIGHT_COLOR_MODE_CLASSNAME, LINE_COLOR_PREFIX, LINE_HEIGHT_PREFIX, MEDIUM_SCALE_MODE_CLASSNAME, MOTION_PREFIX, OUTLINE_PREFIX, PSEUDO_STYLE_SELECTOR_MAP, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, SYSTEM_COLOR_MODE_CLASSNAME, TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, TEXT_RESPONSIVE_CLASSNAME, TEXT_TRANSFORM_PREFIX, UDS_PREFIX, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME, getMotionVar, getShadowLayerValue, textVariantsSafe };\n//# sourceMappingURL=index.js.map"],"mappings":"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"}