@wordpress/theme 0.1.0 → 0.2.0

package/build-types/color-ramps/lib/find-color-with-constraints.d.ts

@@ -1,7 +1,11 @@
 /**
  * External dependencies
  */
-import Color from 'colorjs.io';
+import { type ColorTypes } from 'colorjs.io/fn';
+/**
+ * Internal dependencies
+ */
+import './register-color-spaces';
 import { type TaperChromaOptions } from './taper-chroma';
 /**
  * Solve for L such that:
@@ -14,24 +18,21 @@ import { type TaperChromaOptions } from './taper-chroma';
  * @param target
  * @param direction
  * @param options
- * @param options.strict
- * @param options.debug
  * @param options.lightnessConstraint
  * @param options.lightnessConstraint.type
  * @param options.lightnessConstraint.value
  * @param options.taperChromaOptions
  */
-export declare function findColorMeetingRequirements(reference: Color, seed: Color, target: number, direction: 'lighter' | 'darker', { lightnessConstraint, taperChromaOptions, strict, debug, }?: {
+export declare function findColorMeetingRequirements(reference: ColorTypes, seed: ColorTypes, target: number, direction: 'lighter' | 'darker', { lightnessConstraint, taperChromaOptions, }?: {
     lightnessConstraint?: {
         type: 'force' | 'onlyIfSucceeds';
         value: number;
     };
     taperChromaOptions?: TaperChromaOptions;
-    strict?: boolean;
-    debug?: boolean;
 }): {
-    color: Color;
+    color: ColorTypes;
     reached: boolean;
     achieved: number;
+    deficit?: number;
 };
 //# sourceMappingURL=find-color-with-constraints.d.ts.map

package/build-types/color-ramps/lib/find-color-with-constraints.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"find-color-with-constraints.d.ts","sourceRoot":"","sources":["../../../src/color-ramps/lib/find-color-with-constraints.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,MAAM,YAAY,CAAC;AAa/B,OAAO,EAAE,KAAK,kBAAkB,EAAe,MAAM,gBAAgB,CAAC;AAEtE;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,4BAA4B,CAC3C,SAAS,EAAE,KAAK,EAChB,IAAI,EAAE,KAAK,EACX,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,GAAG,QAAQ,EAC/B,EACC,mBAAmB,EACnB,kBAAkB,EAClB,MAAa,EACb,KAAa,GACb,GAAE;IACF,mBAAmB,CAAC,EAAE;QACrB,IAAI,EAAE,OAAO,GAAG,gBAAgB,CAAC;QACjC,KAAK,EAAE,MAAM,CAAC;KACd,CAAC;IACF,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;CACX,GACJ;IAAE,KAAK,EAAE,KAAK,CAAC;IAAC,OAAO,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAsItD"}
+{"version":3,"file":"find-color-with-constraints.d.ts","sourceRoot":"","sources":["../../../src/color-ramps/lib/find-color-with-constraints.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAc,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AAE5D;;GAEG;AACH,OAAO,yBAAyB,CAAC;AAIjC,OAAO,EAAE,KAAK,kBAAkB,EAAe,MAAM,gBAAgB,CAAC;AAatE;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,4BAA4B,CAC3C,SAAS,EAAE,UAAU,EACrB,IAAI,EAAE,UAAU,EAChB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,GAAG,QAAQ,EAC/B,EACC,mBAAmB,EACnB,kBAAkB,GAClB,GAAE;IACF,mBAAmB,CAAC,EAAE;QACrB,IAAI,EAAE,OAAO,GAAG,gBAAgB,CAAC;QACjC,KAAK,EAAE,MAAM,CAAC;KACd,CAAC;IACF,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;CACnC,GACJ;IAAE,KAAK,EAAE,UAAU,CAAC;IAAC,OAAO,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,CAoG7E"}

package/build-types/color-ramps/lib/index.d.ts

@@ -1,11 +1,14 @@
+/**
+ * Internal dependencies
+ */
+import './register-color-spaces';
 import type { Ramp, RampDirection, RampConfig, RampResult } from './types';
-export declare function buildRamp(seedArg: string, config: RampConfig, { mainDirection, pinLightness, debug, rescaleToFitContrastTargets, }?: {
+export declare function buildRamp(seedArg: string, config: RampConfig, { mainDirection, pinLightness, rescaleToFitContrastTargets, }?: {
     mainDirection?: RampDirection;
     pinLightness?: {
         stepName: keyof Ramp;
         value: number;
     };
     rescaleToFitContrastTargets?: boolean;
-    debug?: boolean;
 }): RampResult;
 //# sourceMappingURL=index.d.ts.map

package/build-types/color-ramps/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/color-ramps/lib/index.ts"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAEX,IAAI,EACJ,aAAa,EACb,UAAU,EACV,UAAU,EACV,MAAM,SAAS,CAAC;AA0LjB,wBAAgB,SAAS,CACxB,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,UAAU,EAClB,EACC,aAAa,EACb,YAAY,EACZ,KAAa,EACb,2BAAkC,GAClC,GAAE;IACF,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,YAAY,CAAC,EAAE;QACd,QAAQ,EAAE,MAAM,IAAI,CAAC;QACrB,KAAK,EAAE,MAAM,CAAC;KACd,CAAC;IACF,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,KAAK,CAAC,EAAE,OAAO,CAAC;CACX,GACJ,UAAU,CA8IZ"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/color-ramps/lib/index.ts"],"names":[],"mappings":"AAaA;;GAEG;AACH,OAAO,yBAAyB,CAAC;AAYjC,OAAO,KAAK,EAEX,IAAI,EACJ,aAAa,EACb,UAAU,EACV,UAAU,EACV,MAAM,SAAS,CAAC;AA+KjB,wBAAgB,SAAS,CACxB,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,UAAU,EAClB,EACC,aAAa,EACb,YAAY,EACZ,2BAAkC,GAClC,GAAE;IACF,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,YAAY,CAAC,EAAE;QACd,QAAQ,EAAE,MAAM,IAAI,CAAC;QACrB,KAAK,EAAE,MAAM,CAAC;KACd,CAAC;IACF,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACjC,GACJ,UAAU,CA0GZ"}

package/build-types/color-ramps/lib/register-color-spaces.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=register-color-spaces.d.ts.map

package/build-types/color-ramps/lib/register-color-spaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"register-color-spaces.d.ts","sourceRoot":"","sources":["../../../src/color-ramps/lib/register-color-spaces.ts"],"names":[],"mappings":""}

package/build-types/color-ramps/lib/taper-chroma.d.ts

@@ -1,7 +1,11 @@
 /**
  * External dependencies
  */
-import Color from 'colorjs.io';
+import { type ColorTypes, type ColorObject } from 'colorjs.io/fn';
+/**
+ * Internal dependencies
+ */
+import './register-color-spaces';
 export interface TaperChromaOptions {
     gamut?: 'p3' | 'srgb';
     alpha?: number;
@@ -23,10 +27,10 @@ export interface TaperChromaOptions {
  * @param lTarget
  * @param options
  */
-export declare function taperChroma(seed: Color, // already OKLCH
+export declare function taperChroma(seed: ColorTypes, // already OKLCH
 lTarget: number, // [0..1]
 options?: TaperChromaOptions): {
     l: number;
     c: number;
-};
+} | ColorObject;
 //# sourceMappingURL=taper-chroma.d.ts.map

package/build-types/color-ramps/lib/taper-chroma.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"taper-chroma.d.ts","sourceRoot":"","sources":["../../../src/color-ramps/lib/taper-chroma.ts"],"names":[],"mappings":"AACA;;GAEG;AACH,OAAO,KAAK,MAAM,YAAY,CAAC;AAE/B,MAAM,WAAW,kBAAkB;IAClC,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAC1B,IAAI,EAAE,KAAK,EAAE,gBAAgB;AAC7B,OAAO,EAAE,MAAM,EAAE,SAAS;AAC1B,OAAO,GAAE,kBAAuB,GAC9B;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAkE1B"}
+{"version":3,"file":"taper-chroma.d.ts","sourceRoot":"","sources":["../../../src/color-ramps/lib/taper-chroma.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAMN,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,MAAM,eAAe,CAAC;AAEvB;;GAEG;AACH,OAAO,yBAAyB,CAAC;AAEjC,MAAM,WAAW,kBAAkB;IAClC,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAC1B,IAAI,EAAE,UAAU,EAAE,gBAAgB;AAClC,OAAO,EAAE,MAAM,EAAE,SAAS;AAC1B,OAAO,GAAE,kBAAuB,GAC9B;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,WAAW,CA8ExC"}

package/build-types/color-ramps/lib/utils.d.ts

@@ -1,18 +1,29 @@
 /**
  * External dependencies
  */
-import type Color from 'colorjs.io';
-import type { Ramp, RampStepConfig, RampDirection } from './types';
+import { type ColorTypes } from 'colorjs.io/fn';
+/**
+ * Internal dependencies
+ */
+import './register-color-spaces';
+import type { Ramp, RampConfig, RampDirection } from './types';
 /**
  * Make sure that a color is valid in the p3 gamut, and converts it to oklch.
  * @param c
  */
-export declare const clampToGamut: (c: Color) => Color;
+export declare const clampToGamut: (c: ColorTypes) => import("colorjs.io/fn").PlainColorObject;
 /**
  * Topologically sort steps based on their dependencies
  * @param config - The steps configuration object
  */
-export declare function sortByDependency(config: Record<keyof Ramp, RampStepConfig>): (keyof Ramp)[];
+export declare function sortByDependency(config: RampConfig): (keyof Ramp)[];
+/**
+ * Return minimal set of steps that are needed to calculate `stepName` from the seed.
+ * @param stepName Name of the step.
+ * @param config   Configuration of the ramp.
+ * @return Array of steps that `stepName` depends on.
+ */
+export declare function stepsForStep(stepName: keyof Ramp, config: RampConfig): (keyof Ramp)[];
 /**
  * Finds out whether a lighter or a darker foreground color achieves a better
  * contrast against the seed
@@ -21,7 +32,7 @@ export declare function sortByDependency(config: Record<keyof Ramp, RampStepConf
  * @return An object with "better" and "worse" properties, each holding a
  * ramp direction value.
  */
-export declare function computeBetterFgColorDirection(seed: Color, preferLighter?: boolean): {
+export declare function computeBetterFgColorDirection(seed: ColorTypes, preferLighter?: boolean): {
     better: RampDirection;
     worse: RampDirection;
 };
@@ -35,4 +46,16 @@ export declare function adjustContrastTarget(target: number): number;
  * @return The clamped lightness value
  */
 export declare function clampAccentScaleReferenceLightness(rawLightness: number, direction: RampDirection): number;
+/**
+ * Find the value of of `L` (luminance) that produces a `C` (color) that has a
+ * `value` (contrast delta) equal to zero.
+ * @param calculateC     Calculate `C` from a given `L`.
+ * @param calculateValue Calculate value (delta) for a given `C`.
+ * @param initLowerL     Initial lower value of `L`.
+ * @param initLowerValue Initial lower delta (negative).
+ * @param initUpperL     Initial upper value of `L`.
+ * @param initUpperValue Initial upper delta (positive).
+ * @return Resulting value of type `C`.
+ */
+export declare function solveWithBisect<C>(calculateC: (l: number) => C, calculateValue: (t: C) => number, initLowerL: number, initLowerValue: number, initUpperL: number, initUpperValue: number): C;
 //# sourceMappingURL=utils.d.ts.map

package/build-types/color-ramps/lib/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/color-ramps/lib/utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,YAAY,CAAC;AAYpC,OAAO,KAAK,EAAE,IAAI,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAGnE;;;GAGG;AACH,eAAO,MAAM,YAAY,MAAQ,KAAK,UAGtB,CAAC;AAwCjB;;;GAGG;AACH,wBAAgB,gBAAgB,CAC/B,MAAM,EAAE,MAAM,CAAE,MAAM,IAAI,EAAE,cAAc,CAAE,GAC1C,CAAE,MAAM,IAAI,CAAE,EAAE,CAuClB;AAED;;;;;;;GAOG;AACH,wBAAgB,6BAA6B,CAC5C,IAAI,EAAE,KAAK,EACX,aAAa,CAAC,EAAE,OAAO,GACrB;IACF,MAAM,EAAE,aAAa,CAAC;IACtB,KAAK,EAAE,aAAa,CAAC;CACrB,CASA;AAED,wBAAgB,oBAAoB,CAAE,MAAM,EAAE,MAAM,UAOnD;AAED;;;;;;;GAOG;AACH,wBAAgB,kCAAkC,CACjD,YAAY,EAAE,MAAM,EACpB,SAAS,EAAE,aAAa,UAIxB"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/color-ramps/lib/utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAA0B,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AAExE;;GAEG;AACH,OAAO,yBAAyB,CAAC;AAUjC,OAAO,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAG/D;;;GAGG;AACH,eAAO,MAAM,YAAY,GAAK,GAAG,UAAU,6CACa,CAAC;AAwCzD;;;GAGG;AACH,wBAAgB,gBAAgB,CAAE,MAAM,EAAE,UAAU,GAAI,CAAE,MAAM,IAAI,CAAE,EAAE,CAuCvE;AACD;;;;;GAKG;AACH,wBAAgB,YAAY,CAC3B,QAAQ,EAAE,MAAM,IAAI,EACpB,MAAM,EAAE,UAAU,GAChB,CAAE,MAAM,IAAI,CAAE,EAAE,CAqBlB;AAED;;;;;;;GAOG;AACH,wBAAgB,6BAA6B,CAC5C,IAAI,EAAE,UAAU,EAChB,aAAa,CAAC,EAAE,OAAO,GACrB;IACF,MAAM,EAAE,aAAa,CAAC;IACtB,KAAK,EAAE,aAAa,CAAC;CACrB,CASA;AAED,wBAAgB,oBAAoB,CAAE,MAAM,EAAE,MAAM,UAOnD;AAED;;;;;;;GAOG;AACH,wBAAgB,kCAAkC,CACjD,YAAY,EAAE,MAAM,EACpB,SAAS,EAAE,aAAa,UAIxB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,eAAe,CAAE,CAAC,EACjC,UAAU,EAAE,CAAE,CAAC,EAAE,MAAM,KAAM,CAAC,EAC9B,cAAc,EAAE,CAAE,CAAC,EAAE,CAAC,KAAM,MAAM,EAClC,UAAU,EAAE,MAAM,EAClB,cAAc,EAAE,MAAM,EACtB,UAAU,EAAE,MAAM,EAClB,cAAc,EAAE,MAAM,GACpB,CAAC,CAqDH"}

package/build-types/color-ramps/stories/index.story.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/color-ramps/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AASvD,QAAA,MAAM,QAAQ,UAAY;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,gCAEA,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,QAAQ,CAmBhC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAE,OAAO,QAAQ,CAkI9C,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,QAAQ,CAAE,OAAO,QAAQ,CAyFzD,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/color-ramps/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AASvD,QAAA,MAAM,QAAQ,GAAK,OAAO;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,gCAEA,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,QAAQ,CAmBhC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAE,OAAO,QAAQ,CA4H9C,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,QAAQ,CAAE,OAAO,QAAQ,CAyFzD,CAAC"}

package/build-types/prebuilt/ts/color-tokens.d.ts

@@ -0,0 +1,7 @@
+/**
+ * This file is generated by the @wordpress/terrazzo-plugin-inline-alias-values plugin.
+ * Do not edit this file directly.
+ */
+declare const _default: Record<string, string[]>;
+export default _default;
+//# sourceMappingURL=color-tokens.d.ts.map

package/build-types/prebuilt/ts/color-tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-tokens.d.ts","sourceRoot":"","sources":["../../../src/prebuilt/ts/color-tokens.ts"],"names":[],"mappings":"AAAA;;;GAGG;wBAiHE,MAAM,CAAE,MAAM,EAAE,MAAM,EAAE,CAAE;AA/G/B,wBA+GgC"}

package/build-types/stories/index.story.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../src/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAavD;;GAEG;AACH,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,aAAa,CAgBrC,CAAC;AACF,eAAe,IAAI,CAAC;AAyHpB,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAE,OAAO,aAAa,CAInD,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAE,OAAO,aAAa,CA+CtD,CAAC;AA6CF,eAAO,MAAM,oBAAoB,EAAE,QAAQ,CAAE,OAAO,aAAa,CAiDhE,CAAC;AA0EF,eAAO,MAAM,aAAa,EAAE,QAAQ,CAAE,OAAO,aAAa,CA6CzD,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../src/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAavD;;GAEG;AACH,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,aAAa,CAgBrC,CAAC;AACF,eAAe,IAAI,CAAC;AA2GpB,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAE,OAAO,aAAa,CAInD,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAE,OAAO,aAAa,CA+CtD,CAAC;AA6CF,eAAO,MAAM,oBAAoB,EAAE,QAAQ,CAAE,OAAO,aAAa,CAiDhE,CAAC;AA0EF,eAAO,MAAM,aAAa,EAAE,QAAQ,CAAE,OAAO,aAAa,CA6CzD,CAAC"}

package/build-types/theme-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme-provider.d.ts","sourceRoot":"","sources":["../src/theme-provider.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAgClD,eAAO,MAAM,aAAa,iCAIvB,kBAAkB,gCAmCpB,CAAC"}
+{"version":3,"file":"theme-provider.d.ts","sourceRoot":"","sources":["../src/theme-provider.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAgClD,eAAO,MAAM,aAAa,GAAK,8BAI5B,kBAAkB,gCAmCpB,CAAC"}

package/build-types/token-id.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Normalizes a token ID by removing default states and visibility identifiers,
+ * making it human-readable as a publicly-accessible variable name.
+ *
+ * @param id The token ID to normalize.
+ * @return The normalized token ID.
+ */
+export declare const publicTokenId: (id: string) => string;
+//# sourceMappingURL=token-id.d.ts.map

package/build-types/token-id.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"token-id.d.ts","sourceRoot":"","sources":["../src/token-id.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,GAAK,IAAI,MAAM,WACkB,CAAC"}

package/build-types/use-theme-provider-styles.d.ts

@@ -2,6 +2,10 @@
  * External dependencies
  */
 import type { CSSProperties } from 'react';
+/**
+ * Internal dependencies
+ */
+import './color-ramps/lib/register-color-spaces';
 import type { ThemeProviderProps } from './types';
 export declare function useThemeProviderStyles({ color, }?: {
     color?: ThemeProviderProps['color'];

package/build-types/use-theme-provider-styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-theme-provider-styles.d.ts","sourceRoot":"","sources":["../src/use-theme-provider-styles.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAmB3C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAiKlD,wBAAgB,sBAAsB,CAAE,EACvC,KAAU,GACV,GAAE;IACF,KAAK,CAAC,EAAE,kBAAkB,CAAE,OAAO,CAAE,CAAC;CACjC;;;;;;;;EA2DL"}
+{"version":3,"file":"use-theme-provider-styles.d.ts","sourceRoot":"","sources":["../src/use-theme-provider-styles.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAiB3C;;GAEG;AACH,OAAO,yCAAyC,CAAC;AASjD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAiKlD,wBAAgB,sBAAsB,CAAE,EACvC,KAAU,GACV,GAAE;IACF,KAAK,CAAC,EAAE,kBAAkB,CAAE,OAAO,CAAE,CAAC;CACjC;;;;;;;;EAwDL"}

package/docs/ds-tokens.md

@@ -31,6 +31,8 @@ Do not edit directly.
 | `--wpds-color-bg-surface-info-weak`                   | Background color for surfaces with info tone and weak emphasis.                                                                             |
 | `--wpds-color-bg-surface-warning`                     | Background color for surfaces with warning tone and normal emphasis.                                                                        |
 | `--wpds-color-bg-surface-warning-weak`                | Background color for surfaces with warning tone and weak emphasis.                                                                          |
+| `--wpds-color-bg-surface-caution`                     | Background color for surfaces with caution tone and normal emphasis.                                                                        |
+| `--wpds-color-bg-surface-caution-weak`                | Background color for surfaces with caution tone and weak emphasis.                                                                          |
 | `--wpds-color-bg-surface-error`                       | Background color for surfaces with error tone and normal emphasis.                                                                          |
 | `--wpds-color-bg-surface-error-weak`                  | Background color for surfaces with error tone and weak emphasis.                                                                            |
 | `--wpds-color-bg-interactive-neutral`                 | Background color for interactive elements with neutral tone and normal emphasis.                                                            |
@@ -60,6 +62,16 @@ Do not edit directly.
 | `--wpds-color-bg-thumb-brand-disabled`                | Background color for thumbs with a brand tone and normal emphasis (eg. slider thumb and filled track), in their disabled state.             |
 | `--wpds-color-fg-content-neutral`                     | Foreground color for content like text with normal emphasis.                                                                                |
 | `--wpds-color-fg-content-neutral-weak`                | Foreground color for content like text with weak emphasis.                                                                                  |
+| `--wpds-color-fg-content-success`                     | Foreground color for content like text with success tone and normal emphasis.                                                               |
+| `--wpds-color-fg-content-success-weak`                | Foreground color for content like text with success tone and weak emphasis.                                                                 |
+| `--wpds-color-fg-content-info`                        | Foreground color for content like text with info tone and normal emphasis.                                                                  |
+| `--wpds-color-fg-content-info-weak`                   | Foreground color for content like text with info tone and weak emphasis.                                                                    |
+| `--wpds-color-fg-content-warning`                     | Foreground color for content like text with warning tone and normal emphasis.                                                               |
+| `--wpds-color-fg-content-warning-weak`                | Foreground color for content like text with warning tone and weak emphasis.                                                                 |
+| `--wpds-color-fg-content-caution`                     | Foreground color for content like text with caution tone and normal emphasis.                                                               |
+| `--wpds-color-fg-content-caution-weak`                | Foreground color for content like text with caution tone and weak emphasis.                                                                 |
+| `--wpds-color-fg-content-error`                       | Foreground color for content like text with error tone and normal emphasis.                                                                 |
+| `--wpds-color-fg-content-error-weak`                  | Foreground color for content like text with error tone and weak emphasis.                                                                   |
 | `--wpds-color-fg-interactive-neutral`                 | Foreground color for interactive elements with neutral tone and normal emphasis.                                                            |
 | `--wpds-color-fg-interactive-neutral-active`          | Foreground color for interactive elements with neutral tone and normal emphasis that are hovered, focused, or active.                       |
 | `--wpds-color-fg-interactive-neutral-disabled`        | Foreground color for interactive elements with neutral tone and normal emphasis, in their disabled state.                                   |
@@ -97,6 +109,16 @@ Do not edit directly.
 | `--wpds-color-stroke-interactive-error-strong`        | Accessible stroke color used for interactive error-toned elements with strong emphasis.                                                     |
 | `--wpds-color-stroke-focus-brand`                     | Accessible stroke color applied to focus rings.                                                                                             |
 
+### Dimension
+
+| Variable name                              | Description                      |
+| ------------------------------------------ | -------------------------------- |
+| `--wpds-dimension-base`                    | Base dimension unit              |
+| `--wpds-dimension-padding-surface-x-small` | Extra small spacing for surfaces |
+| `--wpds-dimension-padding-surface-small`   | Small spacing for surfaces       |
+| `--wpds-dimension-padding-surface-medium`  | Medium spacing for surfaces      |
+| `--wpds-dimension-padding-surface-large`   | Large spacing for surfaces       |
+
 ### Elevation
 
 | Variable name              | Description                                                                                                                       |
@@ -106,21 +128,6 @@ Do not edit directly.
 | `--wpds-elevation-medium`  | For components that offer additional actions. Example: Menus, Command Palette                                                     |
 | `--wpds-elevation-large`   | For components that confirm decisions or handle necessary interruptions. Example: Modals.                                         |
 
-### Spacing
-
-| Variable name       | Description         |
-| ------------------- | ------------------- |
-| `--wpds-spacing-05` | Extra small spacing |
-| `--wpds-spacing-10` | Small spacing       |
-| `--wpds-spacing-15` | Medium spacing      |
-| `--wpds-spacing-20` | Large spacing       |
-| `--wpds-spacing-30` | Extra large spacing |
-| `--wpds-spacing-40` | 2X large spacing    |
-| `--wpds-spacing-50` | 3X large spacing    |
-| `--wpds-spacing-60` | 4X large spacing    |
-| `--wpds-spacing-70` | 5X large spacing    |
-| `--wpds-spacing-80` | 6X large spacing    |
-
 ### Typography
 
 | Variable name                      | Description             |
@@ -140,144 +147,3 @@ Do not edit directly.
 | `--wpds-font-line-height-large`    | Large line height       |
 | `--wpds-font-line-height-x-large`  | Extra large line height |
 | `--wpds-font-line-height-2x-large` | 2X large line height    |
-
-## Primitive tokens
-
-**🚨 Note: These tokens are only private implementation details of the Theme, and should never be referenced / consumed directly in the code.**
-
-### Color (private)
-
-| Variable name                                    | Description |
-| ------------------------------------------------ | ----------- |
-| `--wpds-color-private-primary-bg-fill1`          | N/A         |
-| `--wpds-color-private-primary-fg-fill`           | N/A         |
-| `--wpds-color-private-primary-bg-fill2`          | N/A         |
-| `--wpds-color-private-primary-surface2`          | N/A         |
-| `--wpds-color-private-primary-surface6`          | N/A         |
-| `--wpds-color-private-primary-surface5`          | N/A         |
-| `--wpds-color-private-primary-surface4`          | N/A         |
-| `--wpds-color-private-primary-surface3`          | N/A         |
-| `--wpds-color-private-primary-fg-surface4`       | N/A         |
-| `--wpds-color-private-primary-fg-surface3`       | N/A         |
-| `--wpds-color-private-primary-fg-surface2`       | N/A         |
-| `--wpds-color-private-primary-fg-surface1`       | N/A         |
-| `--wpds-color-private-primary-stroke3`           | N/A         |
-| `--wpds-color-private-primary-stroke4`           | N/A         |
-| `--wpds-color-private-primary-stroke2`           | N/A         |
-| `--wpds-color-private-primary-stroke1`           | N/A         |
-| `--wpds-color-private-primary-bg-fill-dark`      | N/A         |
-| `--wpds-color-private-primary-fg-fill-dark`      | N/A         |
-| `--wpds-color-private-primary-bg-fill-inverted2` | N/A         |
-| `--wpds-color-private-primary-bg-fill-inverted1` | N/A         |
-| `--wpds-color-private-primary-fg-fill-inverted`  | N/A         |
-| `--wpds-color-private-primary-surface1`          | N/A         |
-| `--wpds-color-private-info-bg-fill1`             | N/A         |
-| `--wpds-color-private-info-fg-fill`              | N/A         |
-| `--wpds-color-private-info-bg-fill2`             | N/A         |
-| `--wpds-color-private-info-surface2`             | N/A         |
-| `--wpds-color-private-info-surface6`             | N/A         |
-| `--wpds-color-private-info-surface5`             | N/A         |
-| `--wpds-color-private-info-surface4`             | N/A         |
-| `--wpds-color-private-info-surface3`             | N/A         |
-| `--wpds-color-private-info-fg-surface4`          | N/A         |
-| `--wpds-color-private-info-fg-surface3`          | N/A         |
-| `--wpds-color-private-info-fg-surface2`          | N/A         |
-| `--wpds-color-private-info-fg-surface1`          | N/A         |
-| `--wpds-color-private-info-stroke3`              | N/A         |
-| `--wpds-color-private-info-stroke4`              | N/A         |
-| `--wpds-color-private-info-stroke2`              | N/A         |
-| `--wpds-color-private-info-stroke1`              | N/A         |
-| `--wpds-color-private-info-bg-fill-dark`         | N/A         |
-| `--wpds-color-private-info-fg-fill-dark`         | N/A         |
-| `--wpds-color-private-info-bg-fill-inverted2`    | N/A         |
-| `--wpds-color-private-info-bg-fill-inverted1`    | N/A         |
-| `--wpds-color-private-info-fg-fill-inverted`     | N/A         |
-| `--wpds-color-private-info-surface1`             | N/A         |
-| `--wpds-color-private-success-bg-fill1`          | N/A         |
-| `--wpds-color-private-success-fg-fill`           | N/A         |
-| `--wpds-color-private-success-bg-fill2`          | N/A         |
-| `--wpds-color-private-success-surface2`          | N/A         |
-| `--wpds-color-private-success-surface6`          | N/A         |
-| `--wpds-color-private-success-surface5`          | N/A         |
-| `--wpds-color-private-success-surface4`          | N/A         |
-| `--wpds-color-private-success-surface3`          | N/A         |
-| `--wpds-color-private-success-fg-surface4`       | N/A         |
-| `--wpds-color-private-success-fg-surface3`       | N/A         |
-| `--wpds-color-private-success-fg-surface2`       | N/A         |
-| `--wpds-color-private-success-fg-surface1`       | N/A         |
-| `--wpds-color-private-success-stroke3`           | N/A         |
-| `--wpds-color-private-success-stroke4`           | N/A         |
-| `--wpds-color-private-success-stroke2`           | N/A         |
-| `--wpds-color-private-success-stroke1`           | N/A         |
-| `--wpds-color-private-success-bg-fill-dark`      | N/A         |
-| `--wpds-color-private-success-fg-fill-dark`      | N/A         |
-| `--wpds-color-private-success-bg-fill-inverted2` | N/A         |
-| `--wpds-color-private-success-bg-fill-inverted1` | N/A         |
-| `--wpds-color-private-success-fg-fill-inverted`  | N/A         |
-| `--wpds-color-private-success-surface1`          | N/A         |
-| `--wpds-color-private-warning-bg-fill1`          | N/A         |
-| `--wpds-color-private-warning-fg-fill`           | N/A         |
-| `--wpds-color-private-warning-bg-fill2`          | N/A         |
-| `--wpds-color-private-warning-surface2`          | N/A         |
-| `--wpds-color-private-warning-surface6`          | N/A         |
-| `--wpds-color-private-warning-surface5`          | N/A         |
-| `--wpds-color-private-warning-surface4`          | N/A         |
-| `--wpds-color-private-warning-surface3`          | N/A         |
-| `--wpds-color-private-warning-fg-surface4`       | N/A         |
-| `--wpds-color-private-warning-fg-surface3`       | N/A         |
-| `--wpds-color-private-warning-fg-surface2`       | N/A         |
-| `--wpds-color-private-warning-fg-surface1`       | N/A         |
-| `--wpds-color-private-warning-stroke3`           | N/A         |
-| `--wpds-color-private-warning-stroke4`           | N/A         |
-| `--wpds-color-private-warning-stroke2`           | N/A         |
-| `--wpds-color-private-warning-stroke1`           | N/A         |
-| `--wpds-color-private-warning-bg-fill-dark`      | N/A         |
-| `--wpds-color-private-warning-fg-fill-dark`      | N/A         |
-| `--wpds-color-private-warning-bg-fill-inverted2` | N/A         |
-| `--wpds-color-private-warning-bg-fill-inverted1` | N/A         |
-| `--wpds-color-private-warning-fg-fill-inverted`  | N/A         |
-| `--wpds-color-private-warning-surface1`          | N/A         |
-| `--wpds-color-private-error-bg-fill1`            | N/A         |
-| `--wpds-color-private-error-fg-fill`             | N/A         |
-| `--wpds-color-private-error-bg-fill2`            | N/A         |
-| `--wpds-color-private-error-surface2`            | N/A         |
-| `--wpds-color-private-error-surface6`            | N/A         |
-| `--wpds-color-private-error-surface5`            | N/A         |
-| `--wpds-color-private-error-surface4`            | N/A         |
-| `--wpds-color-private-error-surface3`            | N/A         |
-| `--wpds-color-private-error-fg-surface4`         | N/A         |
-| `--wpds-color-private-error-fg-surface3`         | N/A         |
-| `--wpds-color-private-error-fg-surface2`         | N/A         |
-| `--wpds-color-private-error-fg-surface1`         | N/A         |
-| `--wpds-color-private-error-stroke3`             | N/A         |
-| `--wpds-color-private-error-stroke4`             | N/A         |
-| `--wpds-color-private-error-stroke2`             | N/A         |
-| `--wpds-color-private-error-stroke1`             | N/A         |
-| `--wpds-color-private-error-bg-fill-dark`        | N/A         |
-| `--wpds-color-private-error-fg-fill-dark`        | N/A         |
-| `--wpds-color-private-error-bg-fill-inverted2`   | N/A         |
-| `--wpds-color-private-error-bg-fill-inverted1`   | N/A         |
-| `--wpds-color-private-error-fg-fill-inverted`    | N/A         |
-| `--wpds-color-private-error-surface1`            | N/A         |
-| `--wpds-color-private-bg-surface2`               | N/A         |
-| `--wpds-color-private-bg-bg-fill1`               | N/A         |
-| `--wpds-color-private-bg-fg-fill`                | N/A         |
-| `--wpds-color-private-bg-bg-fill2`               | N/A         |
-| `--wpds-color-private-bg-surface6`               | N/A         |
-| `--wpds-color-private-bg-surface5`               | N/A         |
-| `--wpds-color-private-bg-surface4`               | N/A         |
-| `--wpds-color-private-bg-surface3`               | N/A         |
-| `--wpds-color-private-bg-fg-surface4`            | N/A         |
-| `--wpds-color-private-bg-fg-surface3`            | N/A         |
-| `--wpds-color-private-bg-fg-surface2`            | N/A         |
-| `--wpds-color-private-bg-fg-surface1`            | N/A         |
-| `--wpds-color-private-bg-stroke3`                | N/A         |
-| `--wpds-color-private-bg-stroke4`                | N/A         |
-| `--wpds-color-private-bg-stroke2`                | N/A         |
-| `--wpds-color-private-bg-stroke1`                | N/A         |
-| `--wpds-color-private-bg-bg-fill-dark`           | N/A         |
-| `--wpds-color-private-bg-fg-fill-dark`           | N/A         |
-| `--wpds-color-private-bg-bg-fill-inverted2`      | N/A         |
-| `--wpds-color-private-bg-bg-fill-inverted1`      | N/A         |
-| `--wpds-color-private-bg-fg-fill-inverted`       | N/A         |
-| `--wpds-color-private-bg-surface1`               | N/A         |

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/theme",
-	"version": "0.1.0",
+	"version": "0.2.0",
 	"description": "Theme and context provider for the WordPress Design System.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -32,17 +32,24 @@
 		},
 		"./design-tokens.css": "./src/prebuilt/css/design-tokens.css",
 		"./design-tokens.js": "./src/prebuilt/js/design-tokens.js",
-		"./package.json": "./package.json",
-		"./build-style/": "./build-style/"
+		"./package.json": "./package.json"
 	},
 	"react-native": "src/index",
 	"wpScript": true,
 	"types": "build-types",
-	"sideEffects": false,
+	"sideEffects": [
+		"src/color-ramps/lib/register-color-spaces.ts",
+		"build/color-ramps/lib/register-color-spaces.js",
+		"build-module/color-ramps/lib/register-color-spaces.js"
+	],
 	"dependencies": {
-		"@wordpress/element": "^6.34.0",
-		"@wordpress/private-apis": "^1.34.0",
-		"colorjs.io": "^0.5.2"
+		"@wordpress/element": "^6.35.0",
+		"@wordpress/private-apis": "^1.35.0",
+		"colorjs.io": "^0.5.2",
+		"memize": "^2.1.0"
+	},
+	"devDependencies": {
+		"esbuild-esm-loader": "0.3.3"
 	},
 	"peerDependencies": {
 		"react": "^18.0.0",
@@ -52,7 +59,10 @@
 		"access": "public"
 	},
 	"scripts": {
-		"build": "rimraf src/prebuilt docs && node bin/build-tokens.js && prettier --write tokens/color.json src/prebuilt docs"
+		"build:default-ramps": "node --import=esbuild-esm-loader/register bin/generate-default-ramps/index.ts",
+		"build:tokens": "node --import=esbuild-esm-loader/register bin/generate-primitive-tokens/index.ts && cross-env NODE_OPTIONS=--import=esbuild-esm-loader/register tz build --config terrazzo.config.ts",
+		"build": "npm run build:tokens && npm run build:default-ramps",
+		"postbuild": "prettier --write tokens/color.json src/prebuilt src/color-ramps/lib/default-ramps.ts docs"
 	},
-	"gitHead": "ceebff807958d2e8fc755b5a20473939c78b4d1d"
+	"gitHead": "77aa1f194edceafe8ac2a1b9438bf84b557e76e3"
 }