@wordpress/theme 0.3.1-next.8b30e05b0.0 → 0.4.1-next.8fd3f8831.0

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 (125) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/README.md +114 -40
  3. package/build/color-ramps/{index.js → index.cjs} +8 -8
  4. package/build/color-ramps/lib/{color-utils.js → color-utils.cjs} +2 -2
  5. package/build/color-ramps/lib/{constants.js → constants.cjs} +2 -2
  6. package/build/color-ramps/lib/{default-ramps.js → default-ramps.cjs} +66 -66
  7. package/build/color-ramps/lib/{default-ramps.js.map → default-ramps.cjs.map} +1 -1
  8. package/build/color-ramps/lib/{find-color-with-constraints.js → find-color-with-constraints.cjs} +6 -6
  9. package/build/color-ramps/lib/find-color-with-constraints.cjs.map +7 -0
  10. package/build/color-ramps/lib/{index.js → index.cjs} +6 -6
  11. package/build/color-ramps/lib/index.cjs.map +7 -0
  12. package/build/color-ramps/lib/{ramp-configs.js → ramp-configs.cjs} +1 -1
  13. package/build/color-ramps/lib/{register-color-spaces.js → register-color-spaces.cjs} +1 -1
  14. package/build/color-ramps/lib/{taper-chroma.js → taper-chroma.cjs} +20 -46
  15. package/build/color-ramps/lib/taper-chroma.cjs.map +7 -0
  16. package/build/color-ramps/lib/{types.js → types.cjs} +1 -1
  17. package/build/color-ramps/lib/{utils.js → utils.cjs} +4 -4
  18. package/build/{context.js → context.cjs} +1 -1
  19. package/build/{index.js → index.cjs} +2 -2
  20. package/build/index.cjs.map +7 -0
  21. package/build/{lock-unlock.js → lock-unlock.cjs} +1 -1
  22. package/build/prebuilt/js/{design-tokens.js → design-tokens.cjs} +33 -7
  23. package/build/prebuilt/js/design-tokens.cjs.map +7 -0
  24. package/build/prebuilt/ts/{color-tokens.js → color-tokens.cjs} +36 -14
  25. package/build/prebuilt/ts/color-tokens.cjs.map +7 -0
  26. package/build/{token-id.js → prebuilt/ts/token-types.cjs} +4 -16
  27. package/build/prebuilt/ts/token-types.cjs.map +7 -0
  28. package/build/{private-apis.js → private-apis.cjs} +4 -4
  29. package/build/{theme-provider.js → theme-provider.cjs} +3 -3
  30. package/build/{types.js → types.cjs} +1 -1
  31. package/build/{use-theme-provider-styles.js → use-theme-provider-styles.cjs} +6 -6
  32. package/build-module/color-ramps/index.js +7 -7
  33. package/build-module/color-ramps/lib/color-utils.js +1 -1
  34. package/build-module/color-ramps/lib/constants.js +1 -1
  35. package/build-module/color-ramps/lib/default-ramps.js +65 -65
  36. package/build-module/color-ramps/lib/default-ramps.js.map +1 -1
  37. package/build-module/color-ramps/lib/find-color-with-constraints.js +5 -5
  38. package/build-module/color-ramps/lib/find-color-with-constraints.js.map +2 -2
  39. package/build-module/color-ramps/lib/index.js +5 -5
  40. package/build-module/color-ramps/lib/index.js.map +2 -2
  41. package/build-module/color-ramps/lib/taper-chroma.js +20 -47
  42. package/build-module/color-ramps/lib/taper-chroma.js.map +2 -2
  43. package/build-module/color-ramps/lib/utils.js +3 -3
  44. package/build-module/index.js +1 -1
  45. package/build-module/index.js.map +2 -2
  46. package/build-module/prebuilt/js/design-tokens.js +32 -6
  47. package/build-module/prebuilt/js/design-tokens.js.map +2 -2
  48. package/build-module/prebuilt/ts/color-tokens.js +35 -13
  49. package/build-module/prebuilt/ts/color-tokens.js.map +2 -2
  50. package/build-module/prebuilt/ts/token-types.js +1 -0
  51. package/build-module/private-apis.js +3 -3
  52. package/build-module/theme-provider.js +2 -2
  53. package/build-module/use-theme-provider-styles.js +4 -4
  54. package/build-types/color-ramps/lib/find-color-with-constraints.d.ts +3 -4
  55. package/build-types/color-ramps/lib/find-color-with-constraints.d.ts.map +1 -1
  56. package/build-types/color-ramps/lib/taper-chroma.d.ts +4 -4
  57. package/build-types/color-ramps/lib/taper-chroma.d.ts.map +1 -1
  58. package/build-types/index.d.ts +2 -0
  59. package/build-types/index.d.ts.map +1 -1
  60. package/build-types/prebuilt/ts/color-tokens.d.ts.map +1 -1
  61. package/build-types/prebuilt/ts/token-types.d.ts +49 -0
  62. package/build-types/prebuilt/ts/token-types.d.ts.map +1 -0
  63. package/package.json +15 -7
  64. package/src/color-ramps/lib/default-ramps.ts +65 -65
  65. package/src/color-ramps/lib/find-color-with-constraints.ts +11 -7
  66. package/src/color-ramps/lib/index.ts +4 -4
  67. package/src/color-ramps/lib/taper-chroma.ts +32 -63
  68. package/src/index.ts +2 -1
  69. package/src/prebuilt/css/design-tokens.css +72 -28
  70. package/src/prebuilt/js/design-tokens.js +32 -6
  71. package/src/prebuilt/ts/color-tokens.ts +31 -9
  72. package/src/prebuilt/ts/token-types.ts +125 -0
  73. package/bin/generate-default-ramps/index.ts +0 -49
  74. package/bin/generate-primitive-tokens/index.ts +0 -120
  75. package/bin/terrazzo-plugin-ds-tokens-docs/index.ts +0 -84
  76. package/bin/terrazzo-plugin-figma-ds-token-manager/index.ts +0 -217
  77. package/bin/terrazzo-plugin-figma-ds-token-manager/lib.ts +0 -1
  78. package/bin/terrazzo-plugin-inline-alias-values/index.ts +0 -113
  79. package/bin/terrazzo-plugin-known-wpds-css-variables/index.ts +0 -52
  80. package/build/color-ramps/lib/find-color-with-constraints.js.map +0 -7
  81. package/build/color-ramps/lib/index.js.map +0 -7
  82. package/build/color-ramps/lib/taper-chroma.js.map +0 -7
  83. package/build/index.js.map +0 -7
  84. package/build/prebuilt/js/design-tokens.js.map +0 -7
  85. package/build/prebuilt/json/figma.json +0 -715
  86. package/build/prebuilt/ts/color-tokens.js.map +0 -7
  87. package/build/token-id.js.map +0 -7
  88. package/build/types/css-modules.d.js +0 -1
  89. package/build/types/css-modules.d.js.map +0 -7
  90. package/build-module/prebuilt/json/figma.json +0 -715
  91. package/build-module/token-id.js +0 -6
  92. package/build-module/token-id.js.map +0 -7
  93. package/build-module/types/css-modules.d.js +0 -1
  94. package/build-types/token-id.d.ts +0 -9
  95. package/build-types/token-id.d.ts.map +0 -1
  96. package/docs/ds-tokens.md +0 -150
  97. package/src/prebuilt/json/figma.json +0 -715
  98. package/src/test/token-id.test.ts +0 -12
  99. package/src/token-id.ts +0 -9
  100. package/src/types/css-modules.d.ts +0 -4
  101. package/terrazzo.config.ts +0 -126
  102. package/tokens/border.json +0 -34
  103. package/tokens/color.json +0 -1029
  104. package/tokens/dimension.json +0 -109
  105. package/tokens/elevation.json +0 -201
  106. package/tokens/typography.json +0 -93
  107. package/tsconfig.bin.json +0 -13
  108. package/tsconfig.bin.tsbuildinfo +0 -1
  109. package/tsconfig.json +0 -11
  110. package/tsconfig.src.json +0 -9
  111. package/tsconfig.src.tsbuildinfo +0 -1
  112. /package/build/color-ramps/{index.js.map → index.cjs.map} +0 -0
  113. /package/build/color-ramps/lib/{color-utils.js.map → color-utils.cjs.map} +0 -0
  114. /package/build/color-ramps/lib/{constants.js.map → constants.cjs.map} +0 -0
  115. /package/build/color-ramps/lib/{ramp-configs.js.map → ramp-configs.cjs.map} +0 -0
  116. /package/build/color-ramps/lib/{register-color-spaces.js.map → register-color-spaces.cjs.map} +0 -0
  117. /package/build/color-ramps/lib/{types.js.map → types.cjs.map} +0 -0
  118. /package/build/color-ramps/lib/{utils.js.map → utils.cjs.map} +0 -0
  119. /package/build/{context.js.map → context.cjs.map} +0 -0
  120. /package/build/{lock-unlock.js.map → lock-unlock.cjs.map} +0 -0
  121. /package/build/{private-apis.js.map → private-apis.cjs.map} +0 -0
  122. /package/build/{theme-provider.js.map → theme-provider.cjs.map} +0 -0
  123. /package/build/{types.js.map → types.cjs.map} +0 -0
  124. /package/build/{use-theme-provider-styles.js.map → use-theme-provider-styles.cjs.map} +0 -0
  125. /package/build-module/{types/css-modules.d.js.map → prebuilt/ts/token-types.js.map} +0 -0
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/color-ramps/lib/index.ts"],
4
+ "sourcesContent": ["/**\n * External dependencies\n */\nimport {\n\tclone,\n\tget,\n\tOKLCH,\n\tparse,\n\tset,\n\ttype ColorTypes,\n\ttype PlainColorObject,\n} from 'colorjs.io/fn';\n\n/**\n * Internal dependencies\n */\nimport './register-color-spaces';\nimport { clampToGamut, getContrast, getColorString } from './color-utils';\nimport { findColorMeetingRequirements } from './find-color-with-constraints';\nimport {\n\tsortByDependency,\n\tcomputeBetterFgColorDirection,\n\tadjustContrastTarget,\n\tstepsForStep,\n\tsolveWithBisect,\n} from './utils';\n\nimport type {\n\tFollowDirection,\n\tRamp,\n\tRampDirection,\n\tRampConfig,\n\tRampResult,\n} from './types';\nimport { CONTRAST_EPSILON } from './constants';\n\n/**\n * Calculate a complete color ramp based on the provided configuration.\n *\n * @param params - The calculation parameters\n * @param params.seed - The base color to build the ramp from\n * @param params.sortedSteps - Steps sorted in dependency order\n * @param params.config - Ramp configuration defining contrast requirements\n * @param params.mainDir - Primary direction for the ramp (lighter/darker)\n * @param params.oppDir - Opposite direction from mainDir\n * @param params.pinLightness - Optional lightness override for a given step\n * @param params.pinLightness.stepName\n * @param params.pinLightness.value\n * @return Object containing ramp results and satisfaction status\n */\nfunction calculateRamp( {\n\tseed,\n\tsortedSteps,\n\tconfig,\n\tmainDir,\n\toppDir,\n\tpinLightness,\n}: {\n\tseed: PlainColorObject;\n\tsortedSteps: ( keyof Ramp )[];\n\tconfig: RampConfig;\n\tmainDir: RampDirection;\n\toppDir: RampDirection;\n\tpinLightness?: {\n\t\tstepName: keyof Ramp;\n\t\tvalue: number;\n\t};\n} ) {\n\tconst rampResults = {} as Record< keyof Ramp, string >;\n\tlet warnings: string[] | undefined;\n\tlet maxDeficit = -Infinity;\n\tlet maxDeficitDirection: RampDirection = 'lighter';\n\tlet maxDeficitStep;\n\n\t// Keep track of the calculated colors, as they are going to be useful\n\t// when other colors reference them.\n\tconst calculatedColors = new Map< keyof Ramp | 'seed', PlainColorObject >();\n\tcalculatedColors.set( 'seed', seed );\n\n\tfor ( const stepName of sortedSteps ) {\n\t\tconst {\n\t\t\tcontrast,\n\t\t\tlightness: stepLightnessConstraint,\n\t\t\ttaperChromaOptions,\n\t\t\tsameAsIfPossible,\n\t\t} = config[ stepName ];\n\n\t\tconst referenceColor = calculatedColors.get( contrast.reference );\n\t\tif ( ! referenceColor ) {\n\t\t\tthrow new Error(\n\t\t\t\t`Reference color for step ${ stepName } not found: ${ contrast.reference }`\n\t\t\t);\n\t\t}\n\n\t\t// Check if we can reuse color from the `sameAsIfPossible` config option\n\t\tif ( sameAsIfPossible ) {\n\t\t\tconst candidateColor = calculatedColors.get( sameAsIfPossible );\n\t\t\tif ( ! candidateColor ) {\n\t\t\t\tthrow new Error(\n\t\t\t\t\t`Same-as color for step ${ stepName } not found: ${ sameAsIfPossible }`\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tconst candidateContrast = getContrast(\n\t\t\t\treferenceColor,\n\t\t\t\tcandidateColor\n\t\t\t);\n\t\t\tconst adjustedTarget = adjustContrastTarget( contrast.target );\n\t\t\t// If the candidate meets the contrast requirement, use it\n\t\t\tif ( candidateContrast >= adjustedTarget ) {\n\t\t\t\t// Store the reused color\n\t\t\t\tcalculatedColors.set( stepName, candidateColor );\n\t\t\t\trampResults[ stepName ] = getColorString( candidateColor );\n\n\t\t\t\tcontinue; // Skip to next step\n\t\t\t}\n\t\t}\n\n\t\tfunction computeDirection(\n\t\t\tcolor: ColorTypes,\n\t\t\tfollowDirection: FollowDirection\n\t\t): RampDirection {\n\t\t\tif ( followDirection === 'main' ) {\n\t\t\t\treturn mainDir;\n\t\t\t}\n\n\t\t\tif ( followDirection === 'opposite' ) {\n\t\t\t\treturn oppDir;\n\t\t\t}\n\n\t\t\tif ( followDirection === 'best' ) {\n\t\t\t\treturn computeBetterFgColorDirection(\n\t\t\t\t\tcolor,\n\t\t\t\t\tcontrast.preferLighter\n\t\t\t\t).better;\n\t\t\t}\n\n\t\t\treturn followDirection;\n\t\t}\n\n\t\tconst computedDir = computeDirection(\n\t\t\treferenceColor,\n\t\t\tcontrast.followDirection\n\t\t);\n\n\t\tconst adjustedTarget = adjustContrastTarget( contrast.target );\n\n\t\t// Define the lightness constraint, if needed.\n\t\tlet lightnessConstraint;\n\t\tif ( pinLightness?.stepName === stepName ) {\n\t\t\tlightnessConstraint = {\n\t\t\t\tvalue: pinLightness.value,\n\t\t\t\ttype: 'force',\n\t\t\t} as const;\n\t\t} else if ( stepLightnessConstraint ) {\n\t\t\tlightnessConstraint = {\n\t\t\t\tvalue: stepLightnessConstraint( computedDir ),\n\t\t\t\ttype: 'onlyIfSucceeds',\n\t\t\t} as const;\n\t\t}\n\n\t\t// Calculate the color meeting the requirements\n\t\tconst searchResults = findColorMeetingRequirements(\n\t\t\treferenceColor,\n\t\t\tseed,\n\t\t\tadjustedTarget,\n\t\t\tcomputedDir,\n\t\t\t{\n\t\t\t\tlightnessConstraint,\n\t\t\t\ttaperChromaOptions,\n\t\t\t}\n\t\t);\n\n\t\t// When the target contrast is not met, take note of it and use\n\t\t// that information to guide the ramp calculation bisection.\n\t\tif (\n\t\t\t! contrast.ignoreWhenAdjustingSeed &&\n\t\t\tsearchResults.deficit &&\n\t\t\tsearchResults.deficit > maxDeficit\n\t\t) {\n\t\t\tmaxDeficit = searchResults.deficit;\n\t\t\tmaxDeficitDirection = computedDir;\n\t\t\tmaxDeficitStep = stepName;\n\t\t}\n\n\t\t// Store calculated color for future dependencies\n\t\tcalculatedColors.set( stepName, searchResults.color );\n\n\t\t// Add to results\n\t\trampResults[ stepName ] = getColorString( searchResults.color );\n\n\t\tif ( ! searchResults.reached && ! contrast.ignoreWhenAdjustingSeed ) {\n\t\t\twarnings ??= [];\n\t\t\twarnings.push( stepName );\n\t\t}\n\t}\n\n\treturn {\n\t\trampResults,\n\t\twarnings,\n\t\tmaxDeficit,\n\t\tmaxDeficitDirection,\n\t\tmaxDeficitStep,\n\t};\n}\n\nexport function buildRamp(\n\tseedArg: string,\n\tconfig: RampConfig,\n\t{\n\t\tmainDirection,\n\t\tpinLightness,\n\t\trescaleToFitContrastTargets = true,\n\t}: {\n\t\tmainDirection?: RampDirection;\n\t\tpinLightness?: {\n\t\t\tstepName: keyof Ramp;\n\t\t\tvalue: number;\n\t\t};\n\t\trescaleToFitContrastTargets?: boolean;\n\t} = {}\n): RampResult {\n\tlet seed: PlainColorObject;\n\ttry {\n\t\tseed = clampToGamut( parse( seedArg ) );\n\t} catch ( error ) {\n\t\tthrow new Error(\n\t\t\t`Invalid seed color \"${ seedArg }\": ${\n\t\t\t\terror instanceof Error ? error.message : 'Unknown error'\n\t\t\t}`\n\t\t);\n\t}\n\n\tlet mainDir: RampDirection = 'lighter';\n\tlet oppDir: RampDirection = 'darker';\n\n\tif ( mainDirection ) {\n\t\tmainDir = mainDirection;\n\t\toppDir = mainDirection === 'darker' ? 'lighter' : 'darker';\n\t} else {\n\t\tconst { better, worse } = computeBetterFgColorDirection( seed );\n\t\tmainDir = better;\n\t\toppDir = worse;\n\t}\n\n\t// Get the correct calculation order based on dependencies\n\tconst sortedSteps = sortByDependency( config );\n\n\t// Calculate the ramp with the initial seed.\n\tconst {\n\t\trampResults,\n\t\twarnings,\n\t\tmaxDeficit,\n\t\tmaxDeficitDirection,\n\t\tmaxDeficitStep,\n\t} = calculateRamp( {\n\t\tseed,\n\t\tsortedSteps,\n\t\tconfig,\n\t\tmainDir,\n\t\toppDir,\n\t\tpinLightness,\n\t} );\n\n\tlet bestRamp = rampResults;\n\n\tif ( maxDeficit > CONTRAST_EPSILON && rescaleToFitContrastTargets ) {\n\t\tconst iterSteps = stepsForStep( maxDeficitStep!, config );\n\n\t\tfunction getSeedForL( l: number ): PlainColorObject {\n\t\t\treturn clampToGamut( set( clone( seed ), [ OKLCH, 'l' ], l ) );\n\t\t}\n\n\t\tfunction getDeficitForSeed( s: PlainColorObject ): number {\n\t\t\tconst iterationResults = calculateRamp( {\n\t\t\t\tseed: s,\n\t\t\t\tsortedSteps: iterSteps,\n\t\t\t\tconfig,\n\t\t\t\tmainDir,\n\t\t\t\toppDir,\n\t\t\t\tpinLightness,\n\t\t\t} );\n\n\t\t\t// If the constraints start failing in the opposite direction to the original\n\t\t\t// iteration's direction, that means we've moved too far away from the target.\n\t\t\t// Don't use the `maxDeficit` value because it's not related to our search,\n\t\t\t// and might even be positive, which would confuse the bisection algorithm.\n\t\t\treturn iterationResults.maxDeficitDirection === maxDeficitDirection\n\t\t\t\t? iterationResults.maxDeficit\n\t\t\t\t: -maxDeficit;\n\t\t}\n\n\t\t// For a scale with the \"lighter\" direction, the contrast can be improved\n\t\t// by darkening the seed. For \"darker\" direction, by lightening the seed.\n\t\tconst lowerSeedL = maxDeficitDirection === 'lighter' ? 0 : 1;\n\t\tconst lowerDeficit = -maxDeficit;\n\t\tconst upperSeedL = get( seed, [ OKLCH, 'l' ] );\n\t\tconst upperDeficit = maxDeficit;\n\n\t\tconst bestSeed = solveWithBisect(\n\t\t\tgetSeedForL,\n\t\t\tgetDeficitForSeed,\n\t\t\tlowerSeedL,\n\t\t\tlowerDeficit,\n\t\t\tupperSeedL,\n\t\t\tupperDeficit\n\t\t);\n\n\t\t// Calculate the final ramp with adjusted seed.\n\t\tbestRamp = calculateRamp( {\n\t\t\tseed: bestSeed,\n\t\t\tsortedSteps,\n\t\t\tconfig,\n\t\t\tmainDir,\n\t\t\toppDir,\n\t\t\tpinLightness,\n\t\t} ).rampResults;\n\t}\n\n\t// Swap surface1 and surface3 for darker ramps to maintain visual elevation hierarchy.\n\t// This ensures surface1 appears \"behind\" surface2, and surface3 appears \"in front\",\n\t// regardless of the ramp's main direction.\n\tif ( mainDir === 'darker' ) {\n\t\tconst tmpSurface1 = bestRamp.surface1;\n\t\tbestRamp.surface1 = bestRamp.surface3;\n\t\tbestRamp.surface3 = tmpSurface1;\n\t}\n\n\treturn {\n\t\tramp: bestRamp,\n\t\twarnings,\n\t\tdirection: mainDir,\n\t};\n}\n"],
5
+ "mappings": "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",
6
+ "names": ["adjustedTarget"]
7
+ }
@@ -313,4 +313,4 @@ var ACCENT_RAMP_CONFIG = {
313
313
  ACCENT_RAMP_CONFIG,
314
314
  BG_RAMP_CONFIG
315
315
  });
316
- //# sourceMappingURL=ramp-configs.js.map
316
+ //# sourceMappingURL=ramp-configs.cjs.map
@@ -4,4 +4,4 @@ import_fn.ColorSpace.register(import_fn.sRGB);
4
4
  import_fn.ColorSpace.register(import_fn.OKLCH);
5
5
  import_fn.ColorSpace.register(import_fn.P3);
6
6
  import_fn.ColorSpace.register(import_fn.HSL);
7
- //# sourceMappingURL=register-color-spaces.js.map
7
+ //# sourceMappingURL=register-color-spaces.cjs.map
@@ -23,10 +23,9 @@ __export(taper_chroma_exports, {
23
23
  });
24
24
  module.exports = __toCommonJS(taper_chroma_exports);
25
25
  var import_fn = require("colorjs.io/fn");
26
- var import_register_color_spaces = require("./register-color-spaces");
26
+ var import_register_color_spaces = require("./register-color-spaces.cjs");
27
27
  function taperChroma(seed, lTarget, options = {}) {
28
- const gamut = options.gamut ?? "p3";
29
- const gamutSpace = gamut === "p3" ? import_fn.P3 : import_fn.sRGB;
28
+ const gamut = options.gamut ?? import_fn.sRGB;
30
29
  const alpha = options.alpha ?? 0.65;
31
30
  const carry = options.carry ?? 0.5;
32
31
  const cUpperBound = options.cUpperBound ?? 0.45;
@@ -44,22 +43,18 @@ function taperChroma(seed, lTarget, options = {}) {
44
43
  hSeed = normalizeHue(options.hueFallback);
45
44
  } else {
46
45
  return {
47
- spaceId: "oklch",
48
- coords: [clamp01(lTarget), 0, 0]
46
+ space: import_fn.OKLCH,
47
+ coords: [clamp01(lTarget), 0, 0],
48
+ alpha: 1
49
49
  };
50
50
  }
51
51
  }
52
52
  const lSeed = clamp01((0, import_fn.get)(seed, [import_fn.OKLCH, "l"]));
53
- const cmaxSeed = getCachedMaxChromaAtLH(
54
- lSeed,
55
- hSeed,
56
- gamutSpace,
57
- cUpperBound
58
- );
53
+ const cmaxSeed = getCachedMaxChromaAtLH(lSeed, hSeed, gamut, cUpperBound);
59
54
  const cmaxTarget = getCachedMaxChromaAtLH(
60
55
  clamp01(lTarget),
61
56
  hSeed,
62
- gamutSpace,
57
+ gamut,
63
58
  cUpperBound
64
59
  );
65
60
  let seedRelative = 0;
@@ -73,17 +68,8 @@ function taperChroma(seed, lTarget, options = {}) {
73
68
  kLight,
74
69
  kDark
75
70
  });
76
- let cPlanned = cWithCarry * t;
71
+ const cPlanned = cWithCarry * t;
77
72
  const lOut = clamp01(lTarget);
78
- const candidate = {
79
- spaceId: "oklch",
80
- coords: [lOut, cPlanned, hSeed]
81
- };
82
- if (!(0, import_fn.inGamut)(candidate, gamutSpace)) {
83
- const cap = Math.min(cPlanned, cUpperBound);
84
- cPlanned = getCachedMaxChromaAtLH(lOut, hSeed, gamutSpace, cap);
85
- }
86
- cPlanned = Math.min(cPlanned, cSeed);
87
73
  return { l: lOut, c: cPlanned };
88
74
  }
89
75
  function clamp01(x) {
@@ -119,9 +105,9 @@ function continuousTaper(seedL, targetL, opts) {
119
105
  }
120
106
  var maxChromaCache = /* @__PURE__ */ new Map();
121
107
  function keyMax(l, h, gamut, cap) {
122
- const lq = quantize(l, 1e-3);
123
- const hq = quantize(normalizeHue(h), 0.1);
124
- const cq = quantize(cap, 1e-3);
108
+ const lq = quantize(l, 0.05);
109
+ const hq = quantize(normalizeHue(h), 10);
110
+ const cq = quantize(cap, 0.05);
125
111
  return `${gamut}|L:${lq}|H:${hq}|cap:${cq}`;
126
112
  }
127
113
  function quantize(x, step) {
@@ -129,7 +115,7 @@ function quantize(x, step) {
129
115
  return k * step;
130
116
  }
131
117
  function getCachedMaxChromaAtLH(l, h, gamutSpace, cap) {
132
- const gamut = gamutSpace === import_fn.P3 ? "p3" : "srgb";
118
+ const gamut = gamutSpace.id;
133
119
  const key = keyMax(l, h, gamut, cap);
134
120
  const hit = maxChromaCache.get(key);
135
121
  if (typeof hit === "number") {
@@ -140,28 +126,16 @@ function getCachedMaxChromaAtLH(l, h, gamutSpace, cap) {
140
126
  return computed;
141
127
  }
142
128
  function maxInGamutChromaAtLH(l, h, gamutSpace, cap) {
143
- let lo = 0;
144
- let hi = cap;
145
- let ok = 0;
146
- const lFixed = clamp01(l);
147
- const hFixed = normalizeHue(h);
148
- for (let i = 0; i < 18; i++) {
149
- const mid = (lo + hi) / 2;
150
- const probe = {
151
- spaceId: "oklch",
152
- coords: [lFixed, mid, hFixed]
153
- };
154
- if ((0, import_fn.inGamut)(probe, gamutSpace)) {
155
- ok = mid;
156
- lo = mid;
157
- } else {
158
- hi = mid;
159
- }
160
- }
161
- return ok;
129
+ const probe = {
130
+ space: import_fn.OKLCH,
131
+ coords: [l, cap, h],
132
+ alpha: 1
133
+ };
134
+ const clamped = (0, import_fn.toGamut)(probe, { space: gamutSpace, method: "css" });
135
+ return (0, import_fn.get)(clamped, [import_fn.OKLCH, "c"]);
162
136
  }
163
137
  // Annotate the CommonJS export names for ESM import in node:
164
138
  0 && (module.exports = {
165
139
  taperChroma
166
140
  });
167
- //# sourceMappingURL=taper-chroma.js.map
141
+ //# sourceMappingURL=taper-chroma.cjs.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/color-ramps/lib/taper-chroma.ts"],
4
+ "sourcesContent": ["/**\n * External dependencies\n */\nimport {\n\tget,\n\ttoGamut,\n\tOKLCH,\n\tsRGB,\n\ttype PlainColorObject,\n\ttype ColorSpace,\n} from 'colorjs.io/fn';\n\n/**\n * Internal dependencies\n */\nimport './register-color-spaces';\n\nexport interface TaperChromaOptions {\n\tgamut?: ColorSpace; // target gamut (default `sRGB`)\n\talpha?: number; // base fraction of Cmax at target (default 0.62)\n\tcarry?: number; // seed vividness carry exponent \u03B2 in [0..1] (default 0.5)\n\tcUpperBound?: number; // hard search cap for C (default 0.45)\n\t// Continuous taper around the seed (desaturate both sides slightly)\n\tradiusLight?: number; // distance in L where kLight is reached (default 0.20)\n\tradiusDark?: number; // distance in L where kDark is reached (default 0.20)\n\tkLight?: number; // floor multiplier near lighter side (default 0.85)\n\tkDark?: number; // floor multiplier near darker side (default 0.85)\n\t// Achromatic handling\n\thueFallback?: number; // degrees: if seed is achromatic and you still want color\n\tachromaEpsilon?: number; // \u2264 this chroma \u2192 treat as achromatic (default 0.005)\n}\n\n/**\n * Given the seed and the target lightness, tapers the chroma smoothly.\n * - C_intended = Cmax(Lt,H0) * alpha * (seedRelative^carry)\n * - Continuous taper vs |Lt - Ls| to softly reduce chroma for neighbors\n * - Downward-only clamp on C (preserve L & H)\n * @param seed\n * @param lTarget\n * @param options\n */\nexport function taperChroma(\n\tseed: PlainColorObject, // already OKLCH\n\tlTarget: number, // [0..1]\n\toptions: TaperChromaOptions = {}\n): { l: number; c: number } | PlainColorObject {\n\tconst gamut = options.gamut ?? sRGB;\n\tconst alpha = options.alpha ?? 0.65; // 0.7-0.8 works well for accent surface\n\tconst carry = options.carry ?? 0.5;\n\tconst cUpperBound = options.cUpperBound ?? 0.45;\n\tconst radiusLight = options.radiusLight ?? 0.2;\n\tconst radiusDark = options.radiusDark ?? 0.2;\n\tconst kLight = options.kLight ?? 0.85;\n\tconst kDark = options.kDark ?? 0.85;\n\tconst achromaEpsilon = options.achromaEpsilon ?? 0.005;\n\n\tconst cSeed = Math.max( 0, get( seed, [ OKLCH, 'c' ] ) );\n\tlet hSeed = Number( get( seed, [ OKLCH, 'h' ] ) );\n\n\tconst chromaIsTiny = cSeed < achromaEpsilon;\n\tconst hueIsInvalid = ! Number.isFinite( hSeed );\n\n\tif ( chromaIsTiny || hueIsInvalid ) {\n\t\tif ( typeof options.hueFallback === 'number' ) {\n\t\t\thSeed = normalizeHue( options.hueFallback );\n\t\t} else {\n\t\t\t// Respect achromatic intent: grayscale at target L\n\t\t\treturn {\n\t\t\t\tspace: OKLCH,\n\t\t\t\tcoords: [ clamp01( lTarget ), 0, 0 ],\n\t\t\t\talpha: 1,\n\t\t\t};\n\t\t}\n\t}\n\n\t// Capacity at seed and target\n\tconst lSeed = clamp01( get( seed, [ OKLCH, 'l' ] ) );\n\tconst cmaxSeed = getCachedMaxChromaAtLH( lSeed, hSeed, gamut, cUpperBound );\n\tconst cmaxTarget = getCachedMaxChromaAtLH(\n\t\tclamp01( lTarget ),\n\t\thSeed,\n\t\tgamut,\n\t\tcUpperBound\n\t);\n\n\t// Seed vividness ratio (hue-fair normalization)\n\tlet seedRelative = 0;\n\tconst denom = cmaxSeed > 0 ? cmaxSeed : 1e-6;\n\tseedRelative = clamp01( cSeed / denom );\n\n\t// Intended chroma from local capacity, tempered by seed vividness\n\tconst cIntendedBase = alpha * cmaxTarget;\n\tconst cWithCarry =\n\t\tcIntendedBase * Math.pow( seedRelative, clamp01( carry ) );\n\n\t// Gentle, symmetric desaturation vs distance in L\n\tconst t = continuousTaper( lSeed, lTarget, {\n\t\tradiusLight,\n\t\tradiusDark,\n\t\tkLight,\n\t\tkDark,\n\t} );\n\tconst cPlanned = cWithCarry * t;\n\n\t// Downward-only clamp (preserve L & H)\n\tconst lOut = clamp01( lTarget );\n\n\treturn { l: lOut, c: cPlanned };\n}\n\n/* ---------------- helpers & caches ---------------- */\n\nfunction clamp01( x: number ): number {\n\tif ( x < 0 ) {\n\t\treturn 0;\n\t}\n\tif ( x > 1 ) {\n\t\treturn 1;\n\t}\n\treturn x;\n}\nfunction normalizeHue( h: number ): number {\n\tlet hue = h % 360;\n\tif ( hue < 0 ) {\n\t\thue += 360;\n\t}\n\treturn hue;\n}\nfunction raisedCosine( u: number ): number {\n\tconst x = clamp01( u );\n\treturn 0.5 - 0.5 * Math.cos( Math.PI * x );\n}\n\n/**\n * smooth, distance-from-seed chroma taper (raised-cosine per side)\n * @param seedL\n * @param targetL\n * @param opts\n * @param opts.radiusLight\n * @param opts.radiusDark\n * @param opts.kLight\n * @param opts.kDark\n */\nfunction continuousTaper(\n\tseedL: number,\n\ttargetL: number,\n\topts: {\n\t\tradiusLight: number;\n\t\tradiusDark: number;\n\t\tkLight: number;\n\t\tkDark: number;\n\t}\n): number {\n\tconst d = targetL - seedL;\n\tif ( d >= 0 ) {\n\t\tconst u = opts.radiusLight > 0 ? Math.abs( d ) / opts.radiusLight : 1;\n\t\tconst w = raisedCosine( u > 1 ? 1 : u );\n\t\treturn 1 - ( 1 - opts.kLight ) * w;\n\t}\n\tconst u = opts.radiusDark > 0 ? Math.abs( d ) / opts.radiusDark : 1;\n\tconst w = raisedCosine( u > 1 ? 1 : u );\n\treturn 1 - ( 1 - opts.kDark ) * w;\n}\n\n/* ---- chroma-capacity queries with small caches ---- */\n\nconst maxChromaCache = new Map< string, number >();\nfunction keyMax( l: number, h: number, gamut: string, cap: number ): string {\n\t// Quantize to keep cache compact\n\tconst lq = quantize( l, 0.05 );\n\tconst hq = quantize( normalizeHue( h ), 10 );\n\tconst cq = quantize( cap, 0.05 );\n\treturn `${ gamut }|L:${ lq }|H:${ hq }|cap:${ cq }`;\n}\n\nfunction quantize( x: number, step: number ): number {\n\tconst k = Math.round( x / step );\n\treturn k * step;\n}\n\nfunction getCachedMaxChromaAtLH(\n\tl: number,\n\th: number,\n\tgamutSpace: ColorSpace,\n\tcap: number\n): number {\n\tconst gamut = gamutSpace.id;\n\tconst key = keyMax( l, h, gamut, cap );\n\tconst hit = maxChromaCache.get( key );\n\tif ( typeof hit === 'number' ) {\n\t\treturn hit;\n\t}\n\n\tconst computed = maxInGamutChromaAtLH( l, h, gamutSpace, cap );\n\tmaxChromaCache.set( key, computed );\n\treturn computed;\n}\n\n/**\n * Find the max in-gamut chroma at fixed (L,H) in the target gamut\n * @param l\n * @param h\n * @param gamutSpace\n * @param cap\n */\nfunction maxInGamutChromaAtLH(\n\tl: number,\n\th: number,\n\tgamutSpace: ColorSpace,\n\tcap: number\n): number {\n\t// Construct a color with maximum chroma.\n\tconst probe: PlainColorObject = {\n\t\tspace: OKLCH,\n\t\tcoords: [ l, cap, h ],\n\t\talpha: 1,\n\t};\n\n\t// Let `toGamut` reduce the chroma to the gamut maximum.\n\tconst clamped = toGamut( probe, { space: gamutSpace, method: 'css' } );\n\n\treturn get( clamped, [ OKLCH, 'c' ] );\n}\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,gBAOO;AAKP,mCAAO;AA0BA,SAAS,YACf,MACA,SACA,UAA8B,CAAC,GACe;AAC9C,QAAM,QAAQ,QAAQ,SAAS;AAC/B,QAAM,QAAQ,QAAQ,SAAS;AAC/B,QAAM,QAAQ,QAAQ,SAAS;AAC/B,QAAM,cAAc,QAAQ,eAAe;AAC3C,QAAM,cAAc,QAAQ,eAAe;AAC3C,QAAM,aAAa,QAAQ,cAAc;AACzC,QAAM,SAAS,QAAQ,UAAU;AACjC,QAAM,QAAQ,QAAQ,SAAS;AAC/B,QAAM,iBAAiB,QAAQ,kBAAkB;AAEjD,QAAM,QAAQ,KAAK,IAAK,OAAG,eAAK,MAAM,CAAE,iBAAO,GAAI,CAAE,CAAE;AACvD,MAAI,QAAQ,WAAQ,eAAK,MAAM,CAAE,iBAAO,GAAI,CAAE,CAAE;AAEhD,QAAM,eAAe,QAAQ;AAC7B,QAAM,eAAe,CAAE,OAAO,SAAU,KAAM;AAE9C,MAAK,gBAAgB,cAAe;AACnC,QAAK,OAAO,QAAQ,gBAAgB,UAAW;AAC9C,cAAQ,aAAc,QAAQ,WAAY;AAAA,IAC3C,OAAO;AAEN,aAAO;AAAA,QACN,OAAO;AAAA,QACP,QAAQ,CAAE,QAAS,OAAQ,GAAG,GAAG,CAAE;AAAA,QACnC,OAAO;AAAA,MACR;AAAA,IACD;AAAA,EACD;AAGA,QAAM,QAAQ,YAAS,eAAK,MAAM,CAAE,iBAAO,GAAI,CAAE,CAAE;AACnD,QAAM,WAAW,uBAAwB,OAAO,OAAO,OAAO,WAAY;AAC1E,QAAM,aAAa;AAAA,IAClB,QAAS,OAAQ;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAGA,MAAI,eAAe;AACnB,QAAM,QAAQ,WAAW,IAAI,WAAW;AACxC,iBAAe,QAAS,QAAQ,KAAM;AAGtC,QAAM,gBAAgB,QAAQ;AAC9B,QAAM,aACL,gBAAgB,KAAK,IAAK,cAAc,QAAS,KAAM,CAAE;AAG1D,QAAM,IAAI,gBAAiB,OAAO,SAAS;AAAA,IAC1C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,CAAE;AACF,QAAM,WAAW,aAAa;AAG9B,QAAM,OAAO,QAAS,OAAQ;AAE9B,SAAO,EAAE,GAAG,MAAM,GAAG,SAAS;AAC/B;AAIA,SAAS,QAAS,GAAoB;AACrC,MAAK,IAAI,GAAI;AACZ,WAAO;AAAA,EACR;AACA,MAAK,IAAI,GAAI;AACZ,WAAO;AAAA,EACR;AACA,SAAO;AACR;AACA,SAAS,aAAc,GAAoB;AAC1C,MAAI,MAAM,IAAI;AACd,MAAK,MAAM,GAAI;AACd,WAAO;AAAA,EACR;AACA,SAAO;AACR;AACA,SAAS,aAAc,GAAoB;AAC1C,QAAM,IAAI,QAAS,CAAE;AACrB,SAAO,MAAM,MAAM,KAAK,IAAK,KAAK,KAAK,CAAE;AAC1C;AAYA,SAAS,gBACR,OACA,SACA,MAMS;AACT,QAAM,IAAI,UAAU;AACpB,MAAK,KAAK,GAAI;AACb,UAAMA,KAAI,KAAK,cAAc,IAAI,KAAK,IAAK,CAAE,IAAI,KAAK,cAAc;AACpE,UAAMC,KAAI,aAAcD,KAAI,IAAI,IAAIA,EAAE;AACtC,WAAO,KAAM,IAAI,KAAK,UAAWC;AAAA,EAClC;AACA,QAAM,IAAI,KAAK,aAAa,IAAI,KAAK,IAAK,CAAE,IAAI,KAAK,aAAa;AAClE,QAAM,IAAI,aAAc,IAAI,IAAI,IAAI,CAAE;AACtC,SAAO,KAAM,IAAI,KAAK,SAAU;AACjC;AAIA,IAAM,iBAAiB,oBAAI,IAAsB;AACjD,SAAS,OAAQ,GAAW,GAAW,OAAe,KAAsB;AAE3E,QAAM,KAAK,SAAU,GAAG,IAAK;AAC7B,QAAM,KAAK,SAAU,aAAc,CAAE,GAAG,EAAG;AAC3C,QAAM,KAAK,SAAU,KAAK,IAAK;AAC/B,SAAO,GAAI,KAAM,MAAO,EAAG,MAAO,EAAG,QAAS,EAAG;AAClD;AAEA,SAAS,SAAU,GAAW,MAAuB;AACpD,QAAM,IAAI,KAAK,MAAO,IAAI,IAAK;AAC/B,SAAO,IAAI;AACZ;AAEA,SAAS,uBACR,GACA,GACA,YACA,KACS;AACT,QAAM,QAAQ,WAAW;AACzB,QAAM,MAAM,OAAQ,GAAG,GAAG,OAAO,GAAI;AACrC,QAAM,MAAM,eAAe,IAAK,GAAI;AACpC,MAAK,OAAO,QAAQ,UAAW;AAC9B,WAAO;AAAA,EACR;AAEA,QAAM,WAAW,qBAAsB,GAAG,GAAG,YAAY,GAAI;AAC7D,iBAAe,IAAK,KAAK,QAAS;AAClC,SAAO;AACR;AASA,SAAS,qBACR,GACA,GACA,YACA,KACS;AAET,QAAM,QAA0B;AAAA,IAC/B,OAAO;AAAA,IACP,QAAQ,CAAE,GAAG,KAAK,CAAE;AAAA,IACpB,OAAO;AAAA,EACR;AAGA,QAAM,cAAU,mBAAS,OAAO,EAAE,OAAO,YAAY,QAAQ,MAAM,CAAE;AAErE,aAAO,eAAK,SAAS,CAAE,iBAAO,GAAI,CAAE;AACrC;",
6
+ "names": ["u", "w"]
7
+ }
@@ -15,4 +15,4 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
15
15
  // packages/theme/src/color-ramps/lib/types.ts
16
16
  var types_exports = {};
17
17
  module.exports = __toCommonJS(types_exports);
18
- //# sourceMappingURL=types.js.map
18
+ //# sourceMappingURL=types.cjs.map
@@ -27,9 +27,9 @@ __export(utils_exports, {
27
27
  stepsForStep: () => stepsForStep
28
28
  });
29
29
  module.exports = __toCommonJS(utils_exports);
30
- var import_register_color_spaces = require("./register-color-spaces");
31
- var import_constants = require("./constants");
32
- var import_color_utils = require("./color-utils");
30
+ var import_register_color_spaces = require("./register-color-spaces.cjs");
31
+ var import_constants = require("./constants.cjs");
32
+ var import_color_utils = require("./color-utils.cjs");
33
33
  function buildDependencyGraph(config) {
34
34
  const dependencies = /* @__PURE__ */ new Map();
35
35
  const dependents = /* @__PURE__ */ new Map();
@@ -163,4 +163,4 @@ function solveWithBisect(calculateC, calculateValue, initLowerL, initLowerValue,
163
163
  sortByDependency,
164
164
  stepsForStep
165
165
  });
166
- //# sourceMappingURL=utils.js.map
166
+ //# sourceMappingURL=utils.cjs.map
@@ -32,4 +32,4 @@ var ThemeContext = (0, import_element.createContext)({
32
32
  0 && (module.exports = {
33
33
  ThemeContext
34
34
  });
35
- //# sourceMappingURL=context.js.map
35
+ //# sourceMappingURL=context.cjs.map
@@ -22,9 +22,9 @@ __export(index_exports, {
22
22
  privateApis: () => import_private_apis.privateApis
23
23
  });
24
24
  module.exports = __toCommonJS(index_exports);
25
- var import_private_apis = require("./private-apis");
25
+ var import_private_apis = require("./private-apis.cjs");
26
26
  // Annotate the CommonJS export names for ESM import in node:
27
27
  0 && (module.exports = {
28
28
  privateApis
29
29
  });
30
- //# sourceMappingURL=index.js.map
30
+ //# sourceMappingURL=index.cjs.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../src/index.ts"],
4
+ "sourcesContent": ["export { privateApis } from './private-apis';\nexport type * from './prebuilt/ts/token-types';\nexport { type ThemeProvider } from './theme-provider';\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAA4B;",
6
+ "names": []
7
+ }
@@ -33,4 +33,4 @@ var { lock, unlock } = (0, import_private_apis.__dangerousOptInToUnstableAPIsOnl
33
33
  lock,
34
34
  unlock
35
35
  });
36
- //# sourceMappingURL=lock-unlock.js.map
36
+ //# sourceMappingURL=lock-unlock.cjs.map
@@ -23,11 +23,15 @@ __export(design_tokens_exports, {
23
23
  });
24
24
  module.exports = __toCommonJS(design_tokens_exports);
25
25
  var design_tokens_default = [
26
- "--wpds-border-radius-x-small",
27
- "--wpds-border-radius-small",
28
- "--wpds-border-radius-medium",
29
- "--wpds-border-radius-large",
30
- "--wpds-border-width-focus",
26
+ "--wpds-border-radius-surface-xs",
27
+ "--wpds-border-radius-surface-sm",
28
+ "--wpds-border-radius-surface-md",
29
+ "--wpds-border-radius-surface-lg",
30
+ "--wpds-border-width-surface-xs",
31
+ "--wpds-border-width-surface-sm",
32
+ "--wpds-border-width-surface-md",
33
+ "--wpds-border-width-surface-lg",
34
+ "--wpds-border-width-interactive-focus",
31
35
  "--wpds-color-bg-surface-neutral",
32
36
  "--wpds-color-bg-surface-neutral-strong",
33
37
  "--wpds-color-bg-surface-neutral-weak",
@@ -60,6 +64,15 @@ var design_tokens_default = [
60
64
  "--wpds-color-bg-interactive-brand-weak",
61
65
  "--wpds-color-bg-interactive-brand-weak-active",
62
66
  "--wpds-color-bg-interactive-brand-weak-disabled",
67
+ "--wpds-color-bg-interactive-error",
68
+ "--wpds-color-bg-interactive-error-active",
69
+ "--wpds-color-bg-interactive-error-disabled",
70
+ "--wpds-color-bg-interactive-error-strong",
71
+ "--wpds-color-bg-interactive-error-strong-active",
72
+ "--wpds-color-bg-interactive-error-strong-disabled",
73
+ "--wpds-color-bg-interactive-error-weak",
74
+ "--wpds-color-bg-interactive-error-weak-active",
75
+ "--wpds-color-bg-interactive-error-weak-disabled",
63
76
  "--wpds-color-bg-track-neutral-weak",
64
77
  "--wpds-color-bg-track-neutral",
65
78
  "--wpds-color-bg-thumb-neutral-weak",
@@ -93,6 +106,12 @@ var design_tokens_default = [
93
106
  "--wpds-color-fg-interactive-brand-strong",
94
107
  "--wpds-color-fg-interactive-brand-strong-active",
95
108
  "--wpds-color-fg-interactive-brand-strong-disabled",
109
+ "--wpds-color-fg-interactive-error",
110
+ "--wpds-color-fg-interactive-error-active",
111
+ "--wpds-color-fg-interactive-error-disabled",
112
+ "--wpds-color-fg-interactive-error-strong",
113
+ "--wpds-color-fg-interactive-error-strong-active",
114
+ "--wpds-color-fg-interactive-error-strong-disabled",
96
115
  "--wpds-color-stroke-surface-neutral",
97
116
  "--wpds-color-stroke-surface-neutral-weak",
98
117
  "--wpds-color-stroke-surface-neutral-strong",
@@ -112,7 +131,8 @@ var design_tokens_default = [
112
131
  "--wpds-color-stroke-interactive-neutral-strong",
113
132
  "--wpds-color-stroke-interactive-brand",
114
133
  "--wpds-color-stroke-interactive-brand-active",
115
- "--wpds-color-stroke-interactive-brand-disabled",
134
+ "--wpds-color-stroke-interactive-error",
135
+ "--wpds-color-stroke-interactive-error-active",
116
136
  "--wpds-color-stroke-interactive-error-strong",
117
137
  "--wpds-color-stroke-focus-brand",
118
138
  "--wpds-dimension-base",
@@ -121,6 +141,12 @@ var design_tokens_default = [
121
141
  "--wpds-dimension-padding-surface-sm",
122
142
  "--wpds-dimension-padding-surface-md",
123
143
  "--wpds-dimension-padding-surface-lg",
144
+ "--wpds-dimension-gap-2xs",
145
+ "--wpds-dimension-gap-xs",
146
+ "--wpds-dimension-gap-sm",
147
+ "--wpds-dimension-gap-md",
148
+ "--wpds-dimension-gap-lg",
149
+ "--wpds-dimension-gap-xl",
124
150
  "--wpds-elevation-x-small",
125
151
  "--wpds-elevation-small",
126
152
  "--wpds-elevation-medium",
@@ -141,4 +167,4 @@ var design_tokens_default = [
141
167
  "--wpds-font-line-height-x-large",
142
168
  "--wpds-font-line-height-2x-large"
143
169
  ];
144
- //# sourceMappingURL=design-tokens.js.map
170
+ //# sourceMappingURL=design-tokens.cjs.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/prebuilt/js/design-tokens.js"],
4
+ "sourcesContent": ["/**\n * This file is generated by the @terrazzo/plugin-known-wpds-css-variables plugin.\n * Do not edit this file directly.\n */\n\nexport default [\n\t'--wpds-border-radius-surface-xs',\n\t'--wpds-border-radius-surface-sm',\n\t'--wpds-border-radius-surface-md',\n\t'--wpds-border-radius-surface-lg',\n\t'--wpds-border-width-surface-xs',\n\t'--wpds-border-width-surface-sm',\n\t'--wpds-border-width-surface-md',\n\t'--wpds-border-width-surface-lg',\n\t'--wpds-border-width-interactive-focus',\n\t'--wpds-color-bg-surface-neutral',\n\t'--wpds-color-bg-surface-neutral-strong',\n\t'--wpds-color-bg-surface-neutral-weak',\n\t'--wpds-color-bg-surface-brand',\n\t'--wpds-color-bg-surface-success',\n\t'--wpds-color-bg-surface-success-weak',\n\t'--wpds-color-bg-surface-info',\n\t'--wpds-color-bg-surface-info-weak',\n\t'--wpds-color-bg-surface-warning',\n\t'--wpds-color-bg-surface-warning-weak',\n\t'--wpds-color-bg-surface-caution',\n\t'--wpds-color-bg-surface-caution-weak',\n\t'--wpds-color-bg-surface-error',\n\t'--wpds-color-bg-surface-error-weak',\n\t'--wpds-color-bg-interactive-neutral',\n\t'--wpds-color-bg-interactive-neutral-active',\n\t'--wpds-color-bg-interactive-neutral-disabled',\n\t'--wpds-color-bg-interactive-neutral-strong',\n\t'--wpds-color-bg-interactive-neutral-strong-active',\n\t'--wpds-color-bg-interactive-neutral-strong-disabled',\n\t'--wpds-color-bg-interactive-neutral-weak',\n\t'--wpds-color-bg-interactive-neutral-weak-active',\n\t'--wpds-color-bg-interactive-neutral-weak-disabled',\n\t'--wpds-color-bg-interactive-brand',\n\t'--wpds-color-bg-interactive-brand-active',\n\t'--wpds-color-bg-interactive-brand-disabled',\n\t'--wpds-color-bg-interactive-brand-strong',\n\t'--wpds-color-bg-interactive-brand-strong-active',\n\t'--wpds-color-bg-interactive-brand-strong-disabled',\n\t'--wpds-color-bg-interactive-brand-weak',\n\t'--wpds-color-bg-interactive-brand-weak-active',\n\t'--wpds-color-bg-interactive-brand-weak-disabled',\n\t'--wpds-color-bg-interactive-error',\n\t'--wpds-color-bg-interactive-error-active',\n\t'--wpds-color-bg-interactive-error-disabled',\n\t'--wpds-color-bg-interactive-error-strong',\n\t'--wpds-color-bg-interactive-error-strong-active',\n\t'--wpds-color-bg-interactive-error-strong-disabled',\n\t'--wpds-color-bg-interactive-error-weak',\n\t'--wpds-color-bg-interactive-error-weak-active',\n\t'--wpds-color-bg-interactive-error-weak-disabled',\n\t'--wpds-color-bg-track-neutral-weak',\n\t'--wpds-color-bg-track-neutral',\n\t'--wpds-color-bg-thumb-neutral-weak',\n\t'--wpds-color-bg-thumb-neutral-weak-active',\n\t'--wpds-color-bg-thumb-brand',\n\t'--wpds-color-bg-thumb-brand-active',\n\t'--wpds-color-bg-thumb-brand-disabled',\n\t'--wpds-color-fg-content-neutral',\n\t'--wpds-color-fg-content-neutral-weak',\n\t'--wpds-color-fg-content-success',\n\t'--wpds-color-fg-content-success-weak',\n\t'--wpds-color-fg-content-info',\n\t'--wpds-color-fg-content-info-weak',\n\t'--wpds-color-fg-content-warning',\n\t'--wpds-color-fg-content-warning-weak',\n\t'--wpds-color-fg-content-caution',\n\t'--wpds-color-fg-content-caution-weak',\n\t'--wpds-color-fg-content-error',\n\t'--wpds-color-fg-content-error-weak',\n\t'--wpds-color-fg-interactive-neutral',\n\t'--wpds-color-fg-interactive-neutral-active',\n\t'--wpds-color-fg-interactive-neutral-disabled',\n\t'--wpds-color-fg-interactive-neutral-strong',\n\t'--wpds-color-fg-interactive-neutral-strong-active',\n\t'--wpds-color-fg-interactive-neutral-strong-disabled',\n\t'--wpds-color-fg-interactive-neutral-weak',\n\t'--wpds-color-fg-interactive-neutral-weak-disabled',\n\t'--wpds-color-fg-interactive-brand',\n\t'--wpds-color-fg-interactive-brand-active',\n\t'--wpds-color-fg-interactive-brand-disabled',\n\t'--wpds-color-fg-interactive-brand-strong',\n\t'--wpds-color-fg-interactive-brand-strong-active',\n\t'--wpds-color-fg-interactive-brand-strong-disabled',\n\t'--wpds-color-fg-interactive-error',\n\t'--wpds-color-fg-interactive-error-active',\n\t'--wpds-color-fg-interactive-error-disabled',\n\t'--wpds-color-fg-interactive-error-strong',\n\t'--wpds-color-fg-interactive-error-strong-active',\n\t'--wpds-color-fg-interactive-error-strong-disabled',\n\t'--wpds-color-stroke-surface-neutral',\n\t'--wpds-color-stroke-surface-neutral-weak',\n\t'--wpds-color-stroke-surface-neutral-strong',\n\t'--wpds-color-stroke-surface-brand',\n\t'--wpds-color-stroke-surface-brand-strong',\n\t'--wpds-color-stroke-surface-success',\n\t'--wpds-color-stroke-surface-success-strong',\n\t'--wpds-color-stroke-surface-info',\n\t'--wpds-color-stroke-surface-info-strong',\n\t'--wpds-color-stroke-surface-warning',\n\t'--wpds-color-stroke-surface-warning-strong',\n\t'--wpds-color-stroke-surface-error',\n\t'--wpds-color-stroke-surface-error-strong',\n\t'--wpds-color-stroke-interactive-neutral',\n\t'--wpds-color-stroke-interactive-neutral-active',\n\t'--wpds-color-stroke-interactive-neutral-disabled',\n\t'--wpds-color-stroke-interactive-neutral-strong',\n\t'--wpds-color-stroke-interactive-brand',\n\t'--wpds-color-stroke-interactive-brand-active',\n\t'--wpds-color-stroke-interactive-error',\n\t'--wpds-color-stroke-interactive-error-active',\n\t'--wpds-color-stroke-interactive-error-strong',\n\t'--wpds-color-stroke-focus-brand',\n\t'--wpds-dimension-base',\n\t'--wpds-dimension-padding-surface-2xs',\n\t'--wpds-dimension-padding-surface-xs',\n\t'--wpds-dimension-padding-surface-sm',\n\t'--wpds-dimension-padding-surface-md',\n\t'--wpds-dimension-padding-surface-lg',\n\t'--wpds-dimension-gap-2xs',\n\t'--wpds-dimension-gap-xs',\n\t'--wpds-dimension-gap-sm',\n\t'--wpds-dimension-gap-md',\n\t'--wpds-dimension-gap-lg',\n\t'--wpds-dimension-gap-xl',\n\t'--wpds-elevation-x-small',\n\t'--wpds-elevation-small',\n\t'--wpds-elevation-medium',\n\t'--wpds-elevation-large',\n\t'--wpds-font-family-heading',\n\t'--wpds-font-family-body',\n\t'--wpds-font-family-mono',\n\t'--wpds-font-size-x-small',\n\t'--wpds-font-size-small',\n\t'--wpds-font-size-medium',\n\t'--wpds-font-size-large',\n\t'--wpds-font-size-x-large',\n\t'--wpds-font-size-2x-large',\n\t'--wpds-font-line-height-x-small',\n\t'--wpds-font-line-height-small',\n\t'--wpds-font-line-height-medium',\n\t'--wpds-font-line-height-large',\n\t'--wpds-font-line-height-x-large',\n\t'--wpds-font-line-height-2x-large',\n];\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA,IAAO,wBAAQ;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD;",
6
+ "names": []
7
+ }
@@ -25,19 +25,19 @@ module.exports = __toCommonJS(color_tokens_exports);
25
25
  var color_tokens_default = {
26
26
  "primary-bgFill1": ["bg-interactive-brand-strong"],
27
27
  "primary-fgFill": [
28
- "fg-interactive-brand-strong-active",
29
- "fg-interactive-brand-strong"
28
+ "fg-interactive-brand-strong",
29
+ "fg-interactive-brand-strong-active"
30
30
  ],
31
31
  "primary-bgFill2": ["bg-interactive-brand-strong-active"],
32
32
  "primary-surface2": ["bg-interactive-brand-active"],
33
33
  "primary-surface4": ["bg-interactive-brand-weak-active"],
34
34
  "primary-fgSurface3": [
35
- "fg-interactive-brand-active",
36
- "fg-interactive-brand"
35
+ "fg-interactive-brand",
36
+ "fg-interactive-brand-active"
37
37
  ],
38
38
  "primary-stroke3": [
39
- "bg-thumb-brand-active",
40
39
  "bg-thumb-brand",
40
+ "bg-thumb-brand-active",
41
41
  "stroke-focus-brand",
42
42
  "stroke-interactive-brand",
43
43
  "stroke-surface-brand-strong"
@@ -63,23 +63,44 @@ var color_tokens_default = {
63
63
  "warning-fgSurface3": ["fg-content-warning-weak"],
64
64
  "warning-stroke3": ["stroke-surface-warning-strong"],
65
65
  "warning-stroke1": ["stroke-surface-warning"],
66
- "error-surface2": ["bg-surface-error-weak"],
67
- "error-surface4": ["bg-surface-error"],
66
+ "error-bgFill1": ["bg-interactive-error-strong"],
67
+ "error-fgFill": [
68
+ "fg-interactive-error-strong",
69
+ "fg-interactive-error-strong-active"
70
+ ],
71
+ "error-bgFill2": ["bg-interactive-error-strong-active"],
72
+ "error-surface2": [
73
+ "bg-interactive-error-active",
74
+ "bg-surface-error-weak"
75
+ ],
76
+ "error-surface4": [
77
+ "bg-interactive-error-weak-active",
78
+ "bg-surface-error"
79
+ ],
68
80
  "error-fgSurface4": ["fg-content-error"],
69
- "error-fgSurface3": ["fg-content-error-weak"],
81
+ "error-fgSurface3": [
82
+ "fg-content-error-weak",
83
+ "fg-interactive-error",
84
+ "fg-interactive-error-active"
85
+ ],
70
86
  "error-stroke3": [
87
+ "stroke-interactive-error",
71
88
  "stroke-interactive-error-strong",
72
89
  "stroke-surface-error-strong"
73
90
  ],
91
+ "error-stroke4": ["stroke-interactive-error-active"],
74
92
  "error-stroke1": ["stroke-surface-error"],
75
93
  "bg-surface2": ["bg-surface-neutral"],
76
94
  "bg-surface6": [
77
95
  "bg-interactive-brand-strong-disabled",
96
+ "bg-interactive-error-strong-disabled",
78
97
  "bg-interactive-neutral-strong-disabled"
79
98
  ],
80
99
  "bg-surface5": [
81
100
  "bg-interactive-brand-disabled",
82
101
  "bg-interactive-brand-weak-disabled",
102
+ "bg-interactive-error-disabled",
103
+ "bg-interactive-error-weak-disabled",
83
104
  "bg-interactive-neutral-disabled",
84
105
  "bg-interactive-neutral-weak-disabled"
85
106
  ],
@@ -90,17 +111,19 @@ var color_tokens_default = {
90
111
  "bg-surface3": ["bg-surface-neutral-strong"],
91
112
  "bg-fgSurface4": [
92
113
  "fg-content-neutral",
93
- "fg-interactive-neutral-active",
94
- "fg-interactive-neutral"
114
+ "fg-interactive-neutral",
115
+ "fg-interactive-neutral-active"
95
116
  ],
96
117
  "bg-fgSurface3": [
97
118
  "fg-content-neutral-weak",
98
119
  "fg-interactive-brand-strong-disabled",
120
+ "fg-interactive-error-strong-disabled",
99
121
  "fg-interactive-neutral-strong-disabled",
100
122
  "fg-interactive-neutral-weak"
101
123
  ],
102
124
  "bg-fgSurface2": [
103
125
  "fg-interactive-brand-disabled",
126
+ "fg-interactive-error-disabled",
104
127
  "fg-interactive-neutral-disabled",
105
128
  "fg-interactive-neutral-weak-disabled"
106
129
  ],
@@ -117,7 +140,6 @@ var color_tokens_default = {
117
140
  "bg-stroke2": [
118
141
  "bg-thumb-brand-disabled",
119
142
  "bg-track-neutral",
120
- "stroke-interactive-brand-disabled",
121
143
  "stroke-interactive-neutral-disabled",
122
144
  "stroke-surface-neutral"
123
145
  ],
@@ -125,8 +147,8 @@ var color_tokens_default = {
125
147
  "bg-bgFillInverted2": ["bg-interactive-neutral-strong-active"],
126
148
  "bg-bgFillInverted1": ["bg-interactive-neutral-strong"],
127
149
  "bg-fgFillInverted": [
128
- "fg-interactive-neutral-strong-active",
129
- "fg-interactive-neutral-strong"
150
+ "fg-interactive-neutral-strong",
151
+ "fg-interactive-neutral-strong-active"
130
152
  ],
131
153
  "bg-surface1": ["bg-surface-neutral-weak"],
132
154
  "caution-surface2": ["bg-surface-caution-weak"],
@@ -134,4 +156,4 @@ var color_tokens_default = {
134
156
  "caution-fgSurface4": ["fg-content-caution"],
135
157
  "caution-fgSurface3": ["fg-content-caution-weak"]
136
158
  };
137
- //# sourceMappingURL=color-tokens.js.map
159
+ //# sourceMappingURL=color-tokens.cjs.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/prebuilt/ts/color-tokens.ts"],
4
+ "sourcesContent": ["/**\n * This file is generated by the @wordpress/terrazzo-plugin-inline-alias-values plugin.\n * Do not edit this file directly.\n */\n\nexport default {\n\t'primary-bgFill1': [ 'bg-interactive-brand-strong' ],\n\t'primary-fgFill': [\n\t\t'fg-interactive-brand-strong',\n\t\t'fg-interactive-brand-strong-active',\n\t],\n\t'primary-bgFill2': [ 'bg-interactive-brand-strong-active' ],\n\t'primary-surface2': [ 'bg-interactive-brand-active' ],\n\t'primary-surface4': [ 'bg-interactive-brand-weak-active' ],\n\t'primary-fgSurface3': [\n\t\t'fg-interactive-brand',\n\t\t'fg-interactive-brand-active',\n\t],\n\t'primary-stroke3': [\n\t\t'bg-thumb-brand',\n\t\t'bg-thumb-brand-active',\n\t\t'stroke-focus-brand',\n\t\t'stroke-interactive-brand',\n\t\t'stroke-surface-brand-strong',\n\t],\n\t'primary-stroke4': [ 'stroke-interactive-brand-active' ],\n\t'primary-stroke1': [ 'stroke-surface-brand' ],\n\t'primary-surface1': [ 'bg-surface-brand' ],\n\t'info-surface2': [ 'bg-surface-info-weak' ],\n\t'info-surface4': [ 'bg-surface-info' ],\n\t'info-fgSurface4': [ 'fg-content-info' ],\n\t'info-fgSurface3': [ 'fg-content-info-weak' ],\n\t'info-stroke3': [ 'stroke-surface-info-strong' ],\n\t'info-stroke1': [ 'stroke-surface-info' ],\n\t'success-surface2': [ 'bg-surface-success-weak' ],\n\t'success-surface4': [ 'bg-surface-success' ],\n\t'success-fgSurface4': [ 'fg-content-success' ],\n\t'success-fgSurface3': [ 'fg-content-success-weak' ],\n\t'success-stroke3': [ 'stroke-surface-success-strong' ],\n\t'success-stroke1': [ 'stroke-surface-success' ],\n\t'warning-surface2': [ 'bg-surface-warning-weak' ],\n\t'warning-surface4': [ 'bg-surface-warning' ],\n\t'warning-fgSurface4': [ 'fg-content-warning' ],\n\t'warning-fgSurface3': [ 'fg-content-warning-weak' ],\n\t'warning-stroke3': [ 'stroke-surface-warning-strong' ],\n\t'warning-stroke1': [ 'stroke-surface-warning' ],\n\t'error-bgFill1': [ 'bg-interactive-error-strong' ],\n\t'error-fgFill': [\n\t\t'fg-interactive-error-strong',\n\t\t'fg-interactive-error-strong-active',\n\t],\n\t'error-bgFill2': [ 'bg-interactive-error-strong-active' ],\n\t'error-surface2': [\n\t\t'bg-interactive-error-active',\n\t\t'bg-surface-error-weak',\n\t],\n\t'error-surface4': [\n\t\t'bg-interactive-error-weak-active',\n\t\t'bg-surface-error',\n\t],\n\t'error-fgSurface4': [ 'fg-content-error' ],\n\t'error-fgSurface3': [\n\t\t'fg-content-error-weak',\n\t\t'fg-interactive-error',\n\t\t'fg-interactive-error-active',\n\t],\n\t'error-stroke3': [\n\t\t'stroke-interactive-error',\n\t\t'stroke-interactive-error-strong',\n\t\t'stroke-surface-error-strong',\n\t],\n\t'error-stroke4': [ 'stroke-interactive-error-active' ],\n\t'error-stroke1': [ 'stroke-surface-error' ],\n\t'bg-surface2': [ 'bg-surface-neutral' ],\n\t'bg-surface6': [\n\t\t'bg-interactive-brand-strong-disabled',\n\t\t'bg-interactive-error-strong-disabled',\n\t\t'bg-interactive-neutral-strong-disabled',\n\t],\n\t'bg-surface5': [\n\t\t'bg-interactive-brand-disabled',\n\t\t'bg-interactive-brand-weak-disabled',\n\t\t'bg-interactive-error-disabled',\n\t\t'bg-interactive-error-weak-disabled',\n\t\t'bg-interactive-neutral-disabled',\n\t\t'bg-interactive-neutral-weak-disabled',\n\t],\n\t'bg-surface4': [\n\t\t'bg-interactive-neutral-active',\n\t\t'bg-interactive-neutral-weak-active',\n\t],\n\t'bg-surface3': [ 'bg-surface-neutral-strong' ],\n\t'bg-fgSurface4': [\n\t\t'fg-content-neutral',\n\t\t'fg-interactive-neutral',\n\t\t'fg-interactive-neutral-active',\n\t],\n\t'bg-fgSurface3': [\n\t\t'fg-content-neutral-weak',\n\t\t'fg-interactive-brand-strong-disabled',\n\t\t'fg-interactive-error-strong-disabled',\n\t\t'fg-interactive-neutral-strong-disabled',\n\t\t'fg-interactive-neutral-weak',\n\t],\n\t'bg-fgSurface2': [\n\t\t'fg-interactive-brand-disabled',\n\t\t'fg-interactive-error-disabled',\n\t\t'fg-interactive-neutral-disabled',\n\t\t'fg-interactive-neutral-weak-disabled',\n\t],\n\t'bg-stroke3': [\n\t\t'bg-thumb-neutral-weak',\n\t\t'stroke-interactive-neutral',\n\t\t'stroke-surface-neutral-strong',\n\t],\n\t'bg-stroke4': [\n\t\t'bg-thumb-neutral-weak-active',\n\t\t'stroke-interactive-neutral-active',\n\t\t'stroke-interactive-neutral-strong',\n\t],\n\t'bg-stroke2': [\n\t\t'bg-thumb-brand-disabled',\n\t\t'bg-track-neutral',\n\t\t'stroke-interactive-neutral-disabled',\n\t\t'stroke-surface-neutral',\n\t],\n\t'bg-stroke1': [ 'bg-track-neutral-weak', 'stroke-surface-neutral-weak' ],\n\t'bg-bgFillInverted2': [ 'bg-interactive-neutral-strong-active' ],\n\t'bg-bgFillInverted1': [ 'bg-interactive-neutral-strong' ],\n\t'bg-fgFillInverted': [\n\t\t'fg-interactive-neutral-strong',\n\t\t'fg-interactive-neutral-strong-active',\n\t],\n\t'bg-surface1': [ 'bg-surface-neutral-weak' ],\n\t'caution-surface2': [ 'bg-surface-caution-weak' ],\n\t'caution-surface4': [ 'bg-surface-caution' ],\n\t'caution-fgSurface4': [ 'fg-content-caution' ],\n\t'caution-fgSurface3': [ 'fg-content-caution-weak' ],\n} as Record< string, string[] >;\n"],
5
+ "mappings": "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",
6
+ "names": []
7
+ }
@@ -2,10 +2,6 @@ var __defProp = Object.defineProperty;
2
2
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
3
  var __getOwnPropNames = Object.getOwnPropertyNames;
4
4
  var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __export = (target, all) => {
6
- for (var name in all)
7
- __defProp(target, name, { get: all[name], enumerable: true });
8
- };
9
5
  var __copyProps = (to, from, except, desc) => {
10
6
  if (from && typeof from === "object" || typeof from === "function") {
11
7
  for (let key of __getOwnPropNames(from))
@@ -16,15 +12,7 @@ var __copyProps = (to, from, except, desc) => {
16
12
  };
17
13
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
18
14
 
19
- // packages/theme/src/token-id.ts
20
- var token_id_exports = {};
21
- __export(token_id_exports, {
22
- publicTokenId: () => publicTokenId
23
- });
24
- module.exports = __toCommonJS(token_id_exports);
25
- var publicTokenId = (id) => id.replace(/\.(normal|resting|semantic|primitive)/g, "");
26
- // Annotate the CommonJS export names for ESM import in node:
27
- 0 && (module.exports = {
28
- publicTokenId
29
- });
30
- //# sourceMappingURL=token-id.js.map
15
+ // packages/theme/src/prebuilt/ts/token-types.ts
16
+ var token_types_exports = {};
17
+ module.exports = __toCommonJS(token_types_exports);
18
+ //# sourceMappingURL=token-types.cjs.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/prebuilt/ts/token-types.ts"],
4
+ "sourcesContent": ["/**\n * This file is generated by the @wordpress/terrazzo-plugin-typescript-types plugin.\n * Do not edit this file directly.\n */\n\n/**\n * Size scale for padding tokens.\n */\nexport type PaddingSize = '2xs' | 'xs' | 'sm' | 'md' | 'lg';\n\n/**\n * Size scale for gap tokens.\n */\nexport type GapSize = '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\n/**\n * Size scale for border radius tokens.\n */\nexport type BorderRadiusSize = 'xs' | 'sm' | 'md' | 'lg';\n\n/**\n * Size scale for border width tokens.\n */\nexport type BorderWidthSize = 'xs' | 'sm' | 'md' | 'lg';\n\n/**\n * Target elements that tokens can be applied to.\n */\nexport type Target =\n\t| 'surface'\n\t| 'interactive'\n\t| 'track'\n\t| 'thumb'\n\t| 'content'\n\t| 'focus';\n\n/**\n * Background color variants for surface elements.\n */\nexport type SurfaceBackgroundColor =\n\t| 'neutral'\n\t| 'neutral-strong'\n\t| 'neutral-weak'\n\t| 'brand'\n\t| 'success'\n\t| 'success-weak'\n\t| 'info'\n\t| 'info-weak'\n\t| 'warning'\n\t| 'warning-weak'\n\t| 'caution'\n\t| 'caution-weak'\n\t| 'error'\n\t| 'error-weak';\n\n/**\n * Background color variants for interactive elements.\n */\nexport type InteractiveBackgroundColor =\n\t| 'neutral'\n\t| 'neutral-strong'\n\t| 'neutral-weak'\n\t| 'brand'\n\t| 'brand-strong'\n\t| 'brand-weak'\n\t| 'error'\n\t| 'error-strong'\n\t| 'error-weak';\n\n/**\n * Foreground color variants for content text and icons.\n */\nexport type ContentForegroundColor =\n\t| 'neutral'\n\t| 'neutral-weak'\n\t| 'success'\n\t| 'success-weak'\n\t| 'info'\n\t| 'info-weak'\n\t| 'warning'\n\t| 'warning-weak'\n\t| 'caution'\n\t| 'caution-weak'\n\t| 'error'\n\t| 'error-weak';\n\n/**\n * Foreground color variants for interactive element text and icons.\n */\nexport type InteractiveForegroundColor =\n\t| 'neutral'\n\t| 'neutral-strong'\n\t| 'neutral-weak'\n\t| 'brand'\n\t| 'brand-strong'\n\t| 'error'\n\t| 'error-strong';\n\n/**\n * Stroke color variants for surface borders.\n */\nexport type SurfaceStrokeColor =\n\t| 'neutral'\n\t| 'neutral-weak'\n\t| 'neutral-strong'\n\t| 'brand'\n\t| 'brand-strong'\n\t| 'success'\n\t| 'success-strong'\n\t| 'info'\n\t| 'info-strong'\n\t| 'warning'\n\t| 'warning-strong'\n\t| 'error'\n\t| 'error-strong';\n\n/**\n * Stroke color variants for interactive element borders.\n */\nexport type InteractiveStrokeColor =\n\t| 'neutral'\n\t| 'neutral-strong'\n\t| 'brand'\n\t| 'error'\n\t| 'error-strong';\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;",
6
+ "names": []
7
+ }
@@ -22,9 +22,9 @@ __export(private_apis_exports, {
22
22
  privateApis: () => privateApis
23
23
  });
24
24
  module.exports = __toCommonJS(private_apis_exports);
25
- var import_lock_unlock = require("./lock-unlock");
26
- var import_theme_provider = require("./theme-provider");
27
- var import_use_theme_provider_styles = require("./use-theme-provider-styles");
25
+ var import_lock_unlock = require("./lock-unlock.cjs");
26
+ var import_theme_provider = require("./theme-provider.cjs");
27
+ var import_use_theme_provider_styles = require("./use-theme-provider-styles.cjs");
28
28
  var privateApis = {};
29
29
  (0, import_lock_unlock.lock)(privateApis, {
30
30
  ThemeProvider: import_theme_provider.ThemeProvider,
@@ -34,4 +34,4 @@ var privateApis = {};
34
34
  0 && (module.exports = {
35
35
  privateApis
36
36
  });
37
- //# sourceMappingURL=private-apis.js.map
37
+ //# sourceMappingURL=private-apis.cjs.map
@@ -23,8 +23,8 @@ __export(theme_provider_exports, {
23
23
  });
24
24
  module.exports = __toCommonJS(theme_provider_exports);
25
25
  var import_element = require("@wordpress/element");
26
- var import_context = require("./context");
27
- var import_use_theme_provider_styles = require("./use-theme-provider-styles");
26
+ var import_context = require("./context.cjs");
27
+ var import_use_theme_provider_styles = require("./use-theme-provider-styles.cjs");
28
28
 
29
29
  // packages/theme/src/style.module.css
30
30
  var css = `.style-module__root__26kw6 {
@@ -93,4 +93,4 @@ var ThemeProvider = ({
93
93
  0 && (module.exports = {
94
94
  ThemeProvider
95
95
  });
96
- //# sourceMappingURL=theme-provider.js.map
96
+ //# sourceMappingURL=theme-provider.cjs.map
@@ -15,4 +15,4 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
15
15
  // packages/theme/src/types.ts
16
16
  var types_exports = {};
17
17
  module.exports = __toCommonJS(types_exports);
18
- //# sourceMappingURL=types.js.map
18
+ //# sourceMappingURL=types.cjs.map
@@ -33,12 +33,12 @@ __export(use_theme_provider_styles_exports, {
33
33
  });
34
34
  module.exports = __toCommonJS(use_theme_provider_styles_exports);
35
35
  var import_fn = require("colorjs.io/fn");
36
- var import_memize = __toESM(require("memize"));
36
+ var import_memize = __toESM(require("memize"), 1);
37
37
  var import_element = require("@wordpress/element");
38
- var import_register_color_spaces = require("./color-ramps/lib/register-color-spaces");
39
- var import_context = require("./context");
40
- var import_color_tokens = __toESM(require("./prebuilt/ts/color-tokens"));
41
- var import_color_ramps = require("./color-ramps");
38
+ var import_register_color_spaces = require("./color-ramps/lib/register-color-spaces.cjs");
39
+ var import_context = require("./context.cjs");
40
+ var import_color_tokens = __toESM(require("./prebuilt/ts/color-tokens.cjs"), 1);
41
+ var import_color_ramps = require("./color-ramps/index.cjs");
42
42
  var getCachedBgRamp = (0, import_memize.default)(import_color_ramps.buildBgRamp, { maxSize: 10 });
43
43
  var getCachedAccentRamp = (0, import_memize.default)(import_color_ramps.buildAccentRamp, { maxSize: 10 });
44
44
  var legacyWpComponentsOverridesCSS = [
@@ -229,4 +229,4 @@ function useThemeProviderStyles({
229
229
  0 && (module.exports = {
230
230
  useThemeProviderStyles
231
231
  });
232
- //# sourceMappingURL=use-theme-provider-styles.js.map
232
+ //# sourceMappingURL=use-theme-provider-styles.cjs.map