@wordpress/theme 0.1.0

package/build/color-ramps/index.js

@@ -0,0 +1,132 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var color_ramps_exports = {};
+__export(color_ramps_exports, {
+  DEFAULT_SEED_COLORS: () => import_constants2.DEFAULT_SEED_COLORS,
+  buildAccentRamp: () => buildAccentRamp,
+  buildBgRamp: () => buildBgRamp,
+  checkAccessibleCombinations: () => checkAccessibleCombinations
+});
+module.exports = __toCommonJS(color_ramps_exports);
+var import_colorjs = __toESM(require("colorjs.io"));
+var import_lib = require("./lib/index");
+var import_utils = require("./lib/utils");
+var import_ramp_configs = require("./lib/ramp-configs");
+var import_cache_utils = require("./lib/cache-utils");
+var import_constants = require("./lib/constants");
+var import_constants2 = require("./lib/constants");
+function buildBgRamp({
+  seed,
+  debug
+}) {
+  if (typeof seed !== "string" || seed.trim() === "") {
+    throw new Error("Seed color must be a non-empty string");
+  }
+  return (0, import_lib.buildRamp)(seed, import_ramp_configs.BG_RAMP_CONFIG, { debug });
+}
+const STEP_TO_PIN = "surface2";
+function getBgRampInfo(ramp) {
+  return {
+    mainDirection: ramp.direction,
+    pinLightness: {
+      stepName: STEP_TO_PIN,
+      value: (0, import_utils.clampAccentScaleReferenceLightness)(
+        new import_colorjs.default(ramp.ramp[STEP_TO_PIN].color).oklch.l,
+        ramp.direction
+      )
+    }
+  };
+}
+function buildAccentRamp({
+  seed,
+  bgRamp,
+  debug
+}) {
+  if (typeof seed !== "string" || seed.trim() === "") {
+    throw new Error("Seed color must be a non-empty string");
+  }
+  const bgRampInfo = bgRamp ? getBgRampInfo(bgRamp) : void 0;
+  return (0, import_lib.buildRamp)(seed, import_ramp_configs.ACCENT_RAMP_CONFIG, {
+    ...bgRampInfo,
+    debug
+  });
+}
+function checkAccessibleCombinations({
+  bgRamp,
+  accentRamps = []
+}) {
+  const unmetTargets = [];
+  [bgRamp, ...accentRamps].forEach((ramp) => {
+    import_constants.CONTRAST_COMBINATIONS.forEach(({ bgs, fgs, target }) => {
+      for (const bg of bgs) {
+        for (const fg of fgs) {
+          const bgColor = new import_colorjs.default(ramp.ramp[bg].color);
+          const fgColor = new import_colorjs.default(ramp.ramp[fg].color);
+          if ((0, import_cache_utils.getCachedContrast)(bgColor, fgColor) < target) {
+            unmetTargets.push({
+              bgName: bg,
+              bgColor: bgColor.toString(),
+              fgName: fg,
+              fgColor: fgColor.toString(),
+              unmetContrast: target
+            });
+          }
+        }
+      }
+    });
+  });
+  accentRamps.forEach((ramp) => {
+    import_constants.CONTRAST_COMBINATIONS.forEach(({ bgs, fgs, target }) => {
+      for (const bg of bgs) {
+        for (const fg of fgs) {
+          const bgColor = new import_colorjs.default(bgRamp.ramp[bg].color);
+          const fgColor = new import_colorjs.default(ramp.ramp[fg].color);
+          if ((0, import_cache_utils.getCachedContrast)(bgColor, fgColor) < target) {
+            unmetTargets.push({
+              bgName: bg,
+              bgColor: bgColor.toString(),
+              fgName: fg,
+              fgColor: fgColor.toString(),
+              unmetContrast: target
+            });
+          }
+        }
+      }
+    });
+  });
+  return unmetTargets;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DEFAULT_SEED_COLORS,
+  buildAccentRamp,
+  buildBgRamp,
+  checkAccessibleCombinations
+});
+//# sourceMappingURL=index.js.map

package/build/color-ramps/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/color-ramps/index.ts"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport Color from 'colorjs.io';\n\n/**\n * Internal dependencies\n */\nimport { buildRamp } from './lib/index';\nimport { clampAccentScaleReferenceLightness } from './lib/utils';\nimport { BG_RAMP_CONFIG, ACCENT_RAMP_CONFIG } from './lib/ramp-configs';\nimport type {\n\tRampResult as InternalRampResult,\n\tRampDirection,\n\tRamp,\n} from './lib/types';\nimport { getCachedContrast } from './lib/cache-utils';\nimport { CONTRAST_COMBINATIONS } from './lib/constants';\nexport { DEFAULT_SEED_COLORS } from './lib/constants';\n\n/**\n * Creates a background ramp.\n * @param params\n * @param params.seed\n * @param params.debug\n */\nexport function buildBgRamp( {\n\tseed,\n\tdebug,\n}: {\n\tseed: string;\n\tdebug?: boolean;\n} ): InternalRampResult {\n\tif ( typeof seed !== 'string' || seed.trim() === '' ) {\n\t\tthrow new Error( 'Seed color must be a non-empty string' );\n\t}\n\n\treturn buildRamp( seed, BG_RAMP_CONFIG, { debug } );\n}\n\nconst STEP_TO_PIN = 'surface2';\nfunction getBgRampInfo( ramp: InternalRampResult ): {\n\tmainDirection: RampDirection;\n\tpinLightness: {\n\t\tstepName: keyof Ramp;\n\t\tvalue: number;\n\t};\n} {\n\treturn {\n\t\tmainDirection: ramp.direction,\n\t\tpinLightness: {\n\t\t\tstepName: STEP_TO_PIN,\n\t\t\tvalue: clampAccentScaleReferenceLightness(\n\t\t\t\tnew Color( ramp.ramp[ STEP_TO_PIN ].color ).oklch.l,\n\t\t\t\tramp.direction\n\t\t\t),\n\t\t},\n\t};\n}\n\n/**\n * Creates an accent ramp (ie used by primary, success, info, warning and error\n * ramps).\n * @param params\n * @param params.seed\n * @param params.bgRamp\n * @param params.debug\n */\nexport function buildAccentRamp( {\n\tseed,\n\tbgRamp,\n\tdebug,\n}: {\n\tseed: string;\n\tbgRamp?: InternalRampResult;\n\tdebug?: boolean;\n} ): InternalRampResult {\n\tif ( typeof seed !== 'string' || seed.trim() === '' ) {\n\t\tthrow new Error( 'Seed color must be a non-empty string' );\n\t}\n\n\tconst bgRampInfo = bgRamp ? getBgRampInfo( bgRamp ) : undefined;\n\treturn buildRamp( seed, ACCENT_RAMP_CONFIG, {\n\t\t...bgRampInfo,\n\t\tdebug,\n\t} );\n}\n\n/**\n * Checks that all bg/fg combinations generated by the ramps meet contrast\n * targets.\n * @param params\n * @param params.bgRamp\n * @param params.accentRamps\n */\nexport function checkAccessibleCombinations( {\n\tbgRamp,\n\taccentRamps = [],\n}: {\n\tbgRamp: InternalRampResult;\n\taccentRamps?: InternalRampResult[];\n} ) {\n\tconst unmetTargets: {\n\t\tbgName: keyof Ramp;\n\t\tbgColor: string;\n\t\tfgName: keyof Ramp;\n\t\tfgColor: string;\n\t\tunmetContrast: number;\n\t}[] = [];\n\n\t// Assess combinations within each ramp\n\t[ bgRamp, ...accentRamps ].forEach( ( ramp ) => {\n\t\tCONTRAST_COMBINATIONS.forEach( ( { bgs, fgs, target } ) => {\n\t\t\tfor ( const bg of bgs ) {\n\t\t\t\tfor ( const fg of fgs ) {\n\t\t\t\t\tconst bgColor = new Color( ramp.ramp[ bg ].color );\n\t\t\t\t\tconst fgColor = new Color( ramp.ramp[ fg ].color );\n\t\t\t\t\tif ( getCachedContrast( bgColor, fgColor ) < target ) {\n\t\t\t\t\t\tunmetTargets.push( {\n\t\t\t\t\t\t\tbgName: bg,\n\t\t\t\t\t\t\tbgColor: bgColor.toString(),\n\t\t\t\t\t\t\tfgName: fg,\n\t\t\t\t\t\t\tfgColor: fgColor.toString(),\n\t\t\t\t\t\t\tunmetContrast: target,\n\t\t\t\t\t\t} );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t} );\n\t// Assess each accent ramp's fg color against bg ramp\n\taccentRamps.forEach( ( ramp ) => {\n\t\tCONTRAST_COMBINATIONS.forEach( ( { bgs, fgs, target } ) => {\n\t\t\tfor ( const bg of bgs ) {\n\t\t\t\tfor ( const fg of fgs ) {\n\t\t\t\t\tconst bgColor = new Color( bgRamp.ramp[ bg ].color );\n\t\t\t\t\tconst fgColor = new Color( ramp.ramp[ fg ].color );\n\t\t\t\t\tif ( getCachedContrast( bgColor, fgColor ) < target ) {\n\t\t\t\t\t\tunmetTargets.push( {\n\t\t\t\t\t\t\tbgName: bg,\n\t\t\t\t\t\t\tbgColor: bgColor.toString(),\n\t\t\t\t\t\t\tfgName: fg,\n\t\t\t\t\t\t\tfgColor: fgColor.toString(),\n\t\t\t\t\t\t\tunmetContrast: target,\n\t\t\t\t\t\t} );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t} );\n\n\treturn unmetTargets;\n}\n\nexport type RampResult = InternalRampResult;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAkB;AAKlB,iBAA0B;AAC1B,mBAAmD;AACnD,0BAAmD;AAMnD,yBAAkC;AAClC,uBAAsC;AACtC,IAAAA,oBAAoC;AAQ7B,SAAS,YAAa;AAAA,EAC5B;AAAA,EACA;AACD,GAGwB;AACvB,MAAK,OAAO,SAAS,YAAY,KAAK,KAAK,MAAM,IAAK;AACrD,UAAM,IAAI,MAAO,uCAAwC;AAAA,EAC1D;AAEA,aAAO,sBAAW,MAAM,oCAAgB,EAAE,MAAM,CAAE;AACnD;AAEA,MAAM,cAAc;AACpB,SAAS,cAAe,MAMtB;AACD,SAAO;AAAA,IACN,eAAe,KAAK;AAAA,IACpB,cAAc;AAAA,MACb,UAAU;AAAA,MACV,WAAO;AAAA,QACN,IAAI,eAAAC,QAAO,KAAK,KAAM,WAAY,EAAE,KAAM,EAAE,MAAM;AAAA,QAClD,KAAK;AAAA,MACN;AAAA,IACD;AAAA,EACD;AACD;AAUO,SAAS,gBAAiB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AACD,GAIwB;AACvB,MAAK,OAAO,SAAS,YAAY,KAAK,KAAK,MAAM,IAAK;AACrD,UAAM,IAAI,MAAO,uCAAwC;AAAA,EAC1D;AAEA,QAAM,aAAa,SAAS,cAAe,MAAO,IAAI;AACtD,aAAO,sBAAW,MAAM,wCAAoB;AAAA,IAC3C,GAAG;AAAA,IACH;AAAA,EACD,CAAE;AACH;AASO,SAAS,4BAA6B;AAAA,EAC5C;AAAA,EACA,cAAc,CAAC;AAChB,GAGI;AACH,QAAM,eAMA,CAAC;AAGP,GAAE,QAAQ,GAAG,WAAY,EAAE,QAAS,CAAE,SAAU;AAC/C,2CAAsB,QAAS,CAAE,EAAE,KAAK,KAAK,OAAO,MAAO;AAC1D,iBAAY,MAAM,KAAM;AACvB,mBAAY,MAAM,KAAM;AACvB,gBAAM,UAAU,IAAI,eAAAA,QAAO,KAAK,KAAM,EAAG,EAAE,KAAM;AACjD,gBAAM,UAAU,IAAI,eAAAA,QAAO,KAAK,KAAM,EAAG,EAAE,KAAM;AACjD,kBAAK,sCAAmB,SAAS,OAAQ,IAAI,QAAS;AACrD,yBAAa,KAAM;AAAA,cAClB,QAAQ;AAAA,cACR,SAAS,QAAQ,SAAS;AAAA,cAC1B,QAAQ;AAAA,cACR,SAAS,QAAQ,SAAS;AAAA,cAC1B,eAAe;AAAA,YAChB,CAAE;AAAA,UACH;AAAA,QACD;AAAA,MACD;AAAA,IACD,CAAE;AAAA,EACH,CAAE;AAEF,cAAY,QAAS,CAAE,SAAU;AAChC,2CAAsB,QAAS,CAAE,EAAE,KAAK,KAAK,OAAO,MAAO;AAC1D,iBAAY,MAAM,KAAM;AACvB,mBAAY,MAAM,KAAM;AACvB,gBAAM,UAAU,IAAI,eAAAA,QAAO,OAAO,KAAM,EAAG,EAAE,KAAM;AACnD,gBAAM,UAAU,IAAI,eAAAA,QAAO,KAAK,KAAM,EAAG,EAAE,KAAM;AACjD,kBAAK,sCAAmB,SAAS,OAAQ,IAAI,QAAS;AACrD,yBAAa,KAAM;AAAA,cAClB,QAAQ;AAAA,cACR,SAAS,QAAQ,SAAS;AAAA,cAC1B,QAAQ;AAAA,cACR,SAAS,QAAQ,SAAS;AAAA,cAC1B,eAAe;AAAA,YAChB,CAAE;AAAA,UACH;AAAA,QACD;AAAA,MACD;AAAA,IACD,CAAE;AAAA,EACH,CAAE;AAEF,SAAO;AACR;",
+  "names": ["import_constants", "Color"]
+}

package/build/color-ramps/lib/cache-utils.js

@@ -0,0 +1,57 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var cache_utils_exports = {};
+__export(cache_utils_exports, {
+  clearCaches: () => clearCaches,
+  getCachedContrast: () => getCachedContrast,
+  getColorString: () => getColorString
+});
+module.exports = __toCommonJS(cache_utils_exports);
+const contrastCache = /* @__PURE__ */ new Map();
+const colorStringCache = /* @__PURE__ */ new Map();
+function getColorString(color) {
+  let str = colorStringCache.get(color);
+  if (str === void 0) {
+    str = color.to("srgb").toString({ format: "hex", inGamut: true });
+    colorStringCache.set(color, str);
+  }
+  return str;
+}
+function getCachedContrast(colorA, colorB) {
+  const keyA = getColorString(colorA);
+  const keyB = getColorString(colorB);
+  const cacheKey = keyA < keyB ? `${keyA}|${keyB}` : `${keyB}|${keyA}`;
+  let contrast = contrastCache.get(cacheKey);
+  if (contrast === void 0) {
+    contrast = colorA.contrastWCAG21(colorB);
+    contrastCache.set(cacheKey, contrast);
+  }
+  return contrast;
+}
+function clearCaches() {
+  contrastCache.clear();
+  colorStringCache.clear();
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  clearCaches,
+  getCachedContrast,
+  getColorString
+});
+//# sourceMappingURL=cache-utils.js.map

package/build/color-ramps/lib/cache-utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/color-ramps/lib/cache-utils.ts"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport type Color from 'colorjs.io';\n\n/**\n * Cache for WCAG contrast calculations\n */\nconst contrastCache = new Map< string, number >();\n\n/**\n * Cache for color string representations\n */\nconst colorStringCache = new Map< Color, string >();\n\n/**\n * Get cached string representation of a color\n * @param color - Color object to stringify\n * @return Cached string representation\n */\nexport function getColorString( color: Color ): string {\n\tlet str = colorStringCache.get( color );\n\tif ( str === undefined ) {\n\t\tstr = color.to( 'srgb' ).toString( { format: 'hex', inGamut: true } );\n\t\tcolorStringCache.set( color, str );\n\t}\n\treturn str;\n}\n\n/**\n * Get cached contrast calculation between two colors\n * @param colorA - First color\n * @param colorB - Second color\n * @return WCAG 2.1 contrast ratio\n */\nexport function getCachedContrast( colorA: Color, colorB: Color ): number {\n\tconst keyA = getColorString( colorA );\n\tconst keyB = getColorString( colorB );\n\tconst cacheKey =\n\t\tkeyA < keyB ? `${ keyA }|${ keyB }` : `${ keyB }|${ keyA }`;\n\n\tlet contrast = contrastCache.get( cacheKey );\n\tif ( contrast === undefined ) {\n\t\tcontrast = colorA.contrastWCAG21( colorB );\n\t\tcontrastCache.set( cacheKey, contrast );\n\t}\n\treturn contrast;\n}\n\n/**\n * Clear all caches - useful for memory management or testing\n */\nexport function clearCaches(): void {\n\tcontrastCache.clear();\n\tcolorStringCache.clear();\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA,MAAM,gBAAgB,oBAAI,IAAsB;AAKhD,MAAM,mBAAmB,oBAAI,IAAqB;AAO3C,SAAS,eAAgB,OAAuB;AACtD,MAAI,MAAM,iBAAiB,IAAK,KAAM;AACtC,MAAK,QAAQ,QAAY;AACxB,UAAM,MAAM,GAAI,MAAO,EAAE,SAAU,EAAE,QAAQ,OAAO,SAAS,KAAK,CAAE;AACpE,qBAAiB,IAAK,OAAO,GAAI;AAAA,EAClC;AACA,SAAO;AACR;AAQO,SAAS,kBAAmB,QAAe,QAAwB;AACzE,QAAM,OAAO,eAAgB,MAAO;AACpC,QAAM,OAAO,eAAgB,MAAO;AACpC,QAAM,WACL,OAAO,OAAO,GAAI,IAAK,IAAK,IAAK,KAAK,GAAI,IAAK,IAAK,IAAK;AAE1D,MAAI,WAAW,cAAc,IAAK,QAAS;AAC3C,MAAK,aAAa,QAAY;AAC7B,eAAW,OAAO,eAAgB,MAAO;AACzC,kBAAc,IAAK,UAAU,QAAS;AAAA,EACvC;AACA,SAAO;AACR;AAKO,SAAS,cAAoB;AACnC,gBAAc,MAAM;AACpB,mBAAiB,MAAM;AACxB;",
+  "names": []
+}

package/build/color-ramps/lib/constants.js

@@ -0,0 +1,105 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var constants_exports = {};
+__export(constants_exports, {
+  ACCENT_SCALE_BASE_LIGHTNESS_THRESHOLDS: () => ACCENT_SCALE_BASE_LIGHTNESS_THRESHOLDS,
+  BLACK: () => BLACK,
+  CONTRAST_COMBINATIONS: () => CONTRAST_COMBINATIONS,
+  DEFAULT_SEED_COLORS: () => DEFAULT_SEED_COLORS,
+  LIGHTNESS_EPSILON: () => LIGHTNESS_EPSILON,
+  MAX_BISECTION_ITERATIONS: () => MAX_BISECTION_ITERATIONS,
+  UNIVERSAL_CONTRAST_TOPUP: () => UNIVERSAL_CONTRAST_TOPUP,
+  WHITE: () => WHITE,
+  WHITE_TEXT_CONTRAST_MARGIN: () => WHITE_TEXT_CONTRAST_MARGIN
+});
+module.exports = __toCommonJS(constants_exports);
+var import_colorjs = __toESM(require("colorjs.io"));
+const WHITE = new import_colorjs.default("#fff").to("oklch");
+const BLACK = new import_colorjs.default("#000").to("oklch");
+const UNIVERSAL_CONTRAST_TOPUP = 0.05;
+const WHITE_TEXT_CONTRAST_MARGIN = 3.1;
+const ACCENT_SCALE_BASE_LIGHTNESS_THRESHOLDS = {
+  lighter: { min: 0.2, max: 0.4 },
+  darker: { min: 0.75, max: 0.98 }
+};
+const LIGHTNESS_EPSILON = 1e-3;
+const MAX_BISECTION_ITERATIONS = 25;
+const CONTRAST_COMBINATIONS = [
+  {
+    bgs: ["surface1", "surface2", "surface3"],
+    fgs: ["fgSurface3", "fgSurface4"],
+    target: 4.5
+  },
+  {
+    bgs: ["surface4", "surface5"],
+    fgs: ["fgSurface4"],
+    target: 4.5
+  },
+  {
+    bgs: ["bgFill1"],
+    fgs: ["fgFill"],
+    target: 4.5
+  },
+  {
+    bgs: ["bgFillInverted1"],
+    fgs: ["fgFillInverted"],
+    target: 4.5
+  },
+  {
+    bgs: ["bgFillInverted1"],
+    fgs: ["fgFillInverted"],
+    target: 4.5
+  },
+  {
+    bgs: ["surface1", "surface2", "surface3"],
+    fgs: ["stroke3"],
+    target: 3
+  }
+];
+const DEFAULT_SEED_COLORS = {
+  bg: "#f8f8f8",
+  primary: "#3858e9",
+  info: "#0090ff",
+  success: "#4ab866",
+  warning: "#f0b849",
+  error: "#cc1818"
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ACCENT_SCALE_BASE_LIGHTNESS_THRESHOLDS,
+  BLACK,
+  CONTRAST_COMBINATIONS,
+  DEFAULT_SEED_COLORS,
+  LIGHTNESS_EPSILON,
+  MAX_BISECTION_ITERATIONS,
+  UNIVERSAL_CONTRAST_TOPUP,
+  WHITE,
+  WHITE_TEXT_CONTRAST_MARGIN
+});
+//# sourceMappingURL=constants.js.map

package/build/color-ramps/lib/constants.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/color-ramps/lib/constants.ts"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport Color from 'colorjs.io';\n\n/**\n * Internal dependencies\n */\nimport type { Ramp } from './types';\n\nexport const WHITE = new Color( '#fff' ).to( 'oklch' );\nexport const BLACK = new Color( '#000' ).to( 'oklch' );\n\n// Margin added to target contrasts to counter for algorithm approximations\n// and rounding errors.\nexport const UNIVERSAL_CONTRAST_TOPUP = 0.05;\n\n// When enabling \"lighter direction\" bias, this is the amount by which\n// black text contrast needs to be greater than white text contrast.\n// The higher the value, the stronger the preference for white text.\n// The current value has been determined empirically as the highest value\n// that won't cause the algo not to be able to correctly solve all contrasts.\nexport const WHITE_TEXT_CONTRAST_MARGIN = 3.1;\n\n// These values are used as thresholds when trying to match the background\n// ramp's lightness while calculating an accent ramp. They prevent the accent\n// scale from being pinned to lightness values in the middle of the range,\n// which would cause the algorithm to struggle to satisfy the accent scale\n// constraints and therefore produce unexpected results.\nexport const ACCENT_SCALE_BASE_LIGHTNESS_THRESHOLDS = {\n\tlighter: { min: 0.2, max: 0.4 },\n\tdarker: { min: 0.75, max: 0.98 },\n} as const;\n\n// Minimum lightness difference noticed by the algorithm.\nexport const LIGHTNESS_EPSILON = 1e-3;\n\nexport const MAX_BISECTION_ITERATIONS = 25;\n\nexport const CONTRAST_COMBINATIONS: {\n\tbgs: ( keyof Ramp )[];\n\tfgs: ( keyof Ramp )[];\n\ttarget: number;\n}[] = [\n\t{\n\t\tbgs: [ 'surface1', 'surface2', 'surface3' ],\n\t\tfgs: [ 'fgSurface3', 'fgSurface4' ],\n\t\ttarget: 4.5,\n\t},\n\t{\n\t\tbgs: [ 'surface4', 'surface5' ],\n\t\tfgs: [ 'fgSurface4' ],\n\t\ttarget: 4.5,\n\t},\n\t{\n\t\tbgs: [ 'bgFill1' ],\n\t\tfgs: [ 'fgFill' ],\n\t\ttarget: 4.5,\n\t},\n\t{\n\t\tbgs: [ 'bgFillInverted1' ],\n\t\tfgs: [ 'fgFillInverted' ],\n\t\ttarget: 4.5,\n\t},\n\t{\n\t\tbgs: [ 'bgFillInverted1' ],\n\t\tfgs: [ 'fgFillInverted' ],\n\t\ttarget: 4.5,\n\t},\n\t{\n\t\tbgs: [ 'surface1', 'surface2', 'surface3' ],\n\t\tfgs: [ 'stroke3' ],\n\t\ttarget: 3,\n\t},\n];\n\n// Used when generating the DTCG tokens and the static color ramps.\nexport const DEFAULT_SEED_COLORS = {\n\tbg: '#f8f8f8',\n\tprimary: '#3858e9',\n\tinfo: '#0090ff',\n\tsuccess: '#4ab866',\n\twarning: '#f0b849',\n\terror: '#cc1818',\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAkB;AAOX,MAAM,QAAQ,IAAI,eAAAA,QAAO,MAAO,EAAE,GAAI,OAAQ;AAC9C,MAAM,QAAQ,IAAI,eAAAA,QAAO,MAAO,EAAE,GAAI,OAAQ;AAI9C,MAAM,2BAA2B;AAOjC,MAAM,6BAA6B;AAOnC,MAAM,yCAAyC;AAAA,EACrD,SAAS,EAAE,KAAK,KAAK,KAAK,IAAI;AAAA,EAC9B,QAAQ,EAAE,KAAK,MAAM,KAAK,KAAK;AAChC;AAGO,MAAM,oBAAoB;AAE1B,MAAM,2BAA2B;AAEjC,MAAM,wBAIP;AAAA,EACL;AAAA,IACC,KAAK,CAAE,YAAY,YAAY,UAAW;AAAA,IAC1C,KAAK,CAAE,cAAc,YAAa;AAAA,IAClC,QAAQ;AAAA,EACT;AAAA,EACA;AAAA,IACC,KAAK,CAAE,YAAY,UAAW;AAAA,IAC9B,KAAK,CAAE,YAAa;AAAA,IACpB,QAAQ;AAAA,EACT;AAAA,EACA;AAAA,IACC,KAAK,CAAE,SAAU;AAAA,IACjB,KAAK,CAAE,QAAS;AAAA,IAChB,QAAQ;AAAA,EACT;AAAA,EACA;AAAA,IACC,KAAK,CAAE,iBAAkB;AAAA,IACzB,KAAK,CAAE,gBAAiB;AAAA,IACxB,QAAQ;AAAA,EACT;AAAA,EACA;AAAA,IACC,KAAK,CAAE,iBAAkB;AAAA,IACzB,KAAK,CAAE,gBAAiB;AAAA,IACxB,QAAQ;AAAA,EACT;AAAA,EACA;AAAA,IACC,KAAK,CAAE,YAAY,YAAY,UAAW;AAAA,IAC1C,KAAK,CAAE,SAAU;AAAA,IACjB,QAAQ;AAAA,EACT;AACD;AAGO,MAAM,sBAAsB;AAAA,EAClC,IAAI;AAAA,EACJ,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AACR;",
+  "names": ["Color"]
+}

package/build/color-ramps/lib/find-color-with-constraints.js

@@ -0,0 +1,141 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var find_color_with_constraints_exports = {};
+__export(find_color_with_constraints_exports, {
+  findColorMeetingRequirements: () => findColorMeetingRequirements
+});
+module.exports = __toCommonJS(find_color_with_constraints_exports);
+var import_colorjs = __toESM(require("colorjs.io"));
+var import_utils = require("./utils");
+var import_constants = require("./constants");
+var import_cache_utils = require("./cache-utils");
+var import_taper_chroma = require("./taper-chroma");
+function findColorMeetingRequirements(reference, seed, target, direction, {
+  lightnessConstraint,
+  taperChromaOptions,
+  strict = true,
+  debug = false
+} = {}) {
+  if (target <= 1) {
+    return { color: seed.clone(), reached: true, achieved: 1 };
+  }
+  if (lightnessConstraint) {
+    let newL = lightnessConstraint.value;
+    let newC = seed.oklch.c;
+    if (taperChromaOptions) {
+      ({ l: newL, c: newC } = (0, import_taper_chroma.taperChroma)(
+        seed,
+        newL,
+        taperChromaOptions
+      ));
+    }
+    const colorWithExactL = (0, import_utils.clampToGamut)(
+      new import_colorjs.default("oklch", [newL, newC, seed.oklch.h])
+    );
+    const exactLContrast = (0, import_cache_utils.getCachedContrast)(reference, colorWithExactL);
+    if (debug) {
+      console.log(
+        `Succeeded with ${lightnessConstraint.type} lightness`,
+        lightnessConstraint.value,
+        colorWithExactL.oklch.l
+      );
+    }
+    if (lightnessConstraint.type === "force" || exactLContrast >= target) {
+      return {
+        color: colorWithExactL,
+        reached: exactLContrast >= target,
+        achieved: exactLContrast
+      };
+    }
+  }
+  const mostContrastingL = direction === "lighter" ? 1 : 0;
+  const mostContrastingColor = direction === "lighter" ? import_constants.WHITE : import_constants.BLACK;
+  const highestPossibleContrast = (0, import_cache_utils.getCachedContrast)(
+    reference,
+    mostContrastingColor
+  );
+  if (highestPossibleContrast < target) {
+    if (strict) {
+      throw new Error(
+        `Contrast target ${target.toFixed(
+          2
+        )}:1 unreachable in ${direction} direction against ${mostContrastingColor.toString()}(boundary achieves ${highestPossibleContrast.toFixed(
+          3
+        )}:1).`
+      );
+    }
+    if (debug) {
+      console.log(
+        "Did not succeeded because it reached the limit",
+        mostContrastingL
+      );
+    }
+    return {
+      color: mostContrastingColor,
+      reached: false,
+      achieved: highestPossibleContrast
+    };
+  }
+  let worseL = reference.oklch.l;
+  let betterL = mostContrastingL;
+  let bestContrastFound = highestPossibleContrast;
+  let resultingColor = mostContrastingColor;
+  for (let i = 0; i < import_constants.MAX_BISECTION_ITERATIONS && Math.abs(betterL - worseL) > import_constants.LIGHTNESS_EPSILON; i++) {
+    let newL = (worseL + betterL) / 2;
+    let newC = seed.oklch.c;
+    if (taperChromaOptions) {
+      ({ l: newL, c: newC } = (0, import_taper_chroma.taperChroma)(
+        seed,
+        newL,
+        taperChromaOptions
+      ));
+    }
+    const newColor = (0, import_utils.clampToGamut)(
+      new import_colorjs.default("oklch", [newL, newC, seed.oklch.h])
+    );
+    const newContrast = (0, import_cache_utils.getCachedContrast)(reference, newColor);
+    if (newContrast >= target) {
+      betterL = newL;
+      bestContrastFound = newContrast;
+      resultingColor = newColor;
+    } else {
+      worseL = newL;
+    }
+  }
+  return {
+    color: resultingColor,
+    reached: true,
+    achieved: bestContrastFound
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  findColorMeetingRequirements
+});
+//# sourceMappingURL=find-color-with-constraints.js.map

package/build/color-ramps/lib/find-color-with-constraints.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/color-ramps/lib/find-color-with-constraints.ts"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport Color from 'colorjs.io';\n\n/**\n * Internal dependencies\n */\nimport { clampToGamut } from './utils';\nimport {\n\tWHITE,\n\tBLACK,\n\tLIGHTNESS_EPSILON,\n\tMAX_BISECTION_ITERATIONS,\n} from './constants';\nimport { getCachedContrast } from './cache-utils';\nimport { type TaperChromaOptions, taperChroma } from './taper-chroma';\n\n/**\n * Solve for L such that:\n *  - the L applied to the seed meets the contrast target against the reference\n *  - the search is performed in one direction (ie lighter / darker)\n *  - more constraints can be applied around lightness\n *  - chroma could be tapered\n * @param reference\n * @param seed\n * @param target\n * @param direction\n * @param options\n * @param options.strict\n * @param options.debug\n * @param options.lightnessConstraint\n * @param options.lightnessConstraint.type\n * @param options.lightnessConstraint.value\n * @param options.taperChromaOptions\n */\nexport function findColorMeetingRequirements(\n\treference: Color,\n\tseed: Color,\n\ttarget: number,\n\tdirection: 'lighter' | 'darker',\n\t{\n\t\tlightnessConstraint,\n\t\ttaperChromaOptions,\n\t\tstrict = true,\n\t\tdebug = false,\n\t}: {\n\t\tlightnessConstraint?: {\n\t\t\ttype: 'force' | 'onlyIfSucceeds';\n\t\t\tvalue: number;\n\t\t};\n\t\ttaperChromaOptions?: TaperChromaOptions;\n\t\tstrict?: boolean;\n\t\tdebug?: boolean;\n\t} = {}\n): { color: Color; reached: boolean; achieved: number } {\n\t// A target of 1 means same color.\n\t// A target lower than 1 doesn't make sense.\n\tif ( target <= 1 ) {\n\t\treturn { color: seed.clone(), reached: true, achieved: 1 };\n\t}\n\n\tif ( lightnessConstraint ) {\n\t\t// Apply a specific L value.\n\t\t// Useful when pinning a step to a specific lightness, of to specify\n\t\t// min/max L values.\n\t\tlet newL = lightnessConstraint.value;\n\t\tlet newC = seed.oklch.c;\n\n\t\tif ( taperChromaOptions ) {\n\t\t\t( { l: newL, c: newC } = taperChroma(\n\t\t\t\tseed,\n\t\t\t\tnewL,\n\t\t\t\ttaperChromaOptions\n\t\t\t) );\n\t\t}\n\n\t\tconst colorWithExactL = clampToGamut(\n\t\t\tnew Color( 'oklch', [ newL, newC, seed.oklch.h ] )\n\t\t);\n\t\tconst exactLContrast = getCachedContrast( reference, colorWithExactL );\n\n\t\tif ( debug ) {\n\t\t\t// eslint-disable-next-line no-console\n\t\t\tconsole.log(\n\t\t\t\t`Succeeded with ${ lightnessConstraint.type } lightness`,\n\t\t\t\tlightnessConstraint.value,\n\t\t\t\tcolorWithExactL.oklch.l\n\t\t\t);\n\t\t}\n\n\t\t// If the L constraint is of \"force\" type, apply it even when it doesn't\n\t\t// meet the contrast target.\n\t\tif (\n\t\t\tlightnessConstraint.type === 'force' ||\n\t\t\texactLContrast >= target\n\t\t) {\n\t\t\treturn {\n\t\t\t\tcolor: colorWithExactL,\n\t\t\t\treached: exactLContrast >= target,\n\t\t\t\tachieved: exactLContrast,\n\t\t\t};\n\t\t}\n\t}\n\n\t// Set the boundary based on the direction.\n\tconst mostContrastingL = direction === 'lighter' ? 1 : 0;\n\tconst mostContrastingColor = direction === 'lighter' ? WHITE : BLACK;\n\tconst highestPossibleContrast = getCachedContrast(\n\t\treference,\n\t\tmostContrastingColor\n\t);\n\n\t// If even the most contrasting color can't reach the target,\n\t// the target is unreachable.\n\tif ( highestPossibleContrast < target ) {\n\t\tif ( strict ) {\n\t\t\tthrow new Error(\n\t\t\t\t`Contrast target ${ target.toFixed(\n\t\t\t\t\t2\n\t\t\t\t) }:1 unreachable in ${ direction } direction against ${ mostContrastingColor.toString() }` +\n\t\t\t\t\t`(boundary achieves ${ highestPossibleContrast.toFixed(\n\t\t\t\t\t\t3\n\t\t\t\t\t) }:1).`\n\t\t\t);\n\t\t}\n\n\t\tif ( debug ) {\n\t\t\t// eslint-disable-next-line no-console\n\t\t\tconsole.log(\n\t\t\t\t'Did not succeeded because it reached the limit',\n\t\t\t\tmostContrastingL\n\t\t\t);\n\t\t}\n\t\treturn {\n\t\t\tcolor: mostContrastingColor,\n\t\t\treached: false,\n\t\t\tachieved: highestPossibleContrast,\n\t\t};\n\t}\n\n\t// Bracket: low fails, high meets.\n\t// Originally this was seed.oklch.l \u2014 although it's an assumption that works\n\t// only when we know for sure the direction of the search.\n\t// TODO: can we bring this back to seed.oklch.l ?\n\tlet worseL = reference.oklch.l;\n\tlet betterL = mostContrastingL;\n\n\tlet bestContrastFound = highestPossibleContrast;\n\tlet resultingColor = mostContrastingColor;\n\n\tfor (\n\t\tlet i = 0;\n\t\ti < MAX_BISECTION_ITERATIONS &&\n\t\tMath.abs( betterL - worseL ) > LIGHTNESS_EPSILON;\n\t\ti++\n\t) {\n\t\tlet newL = ( worseL + betterL ) / 2;\n\t\tlet newC = seed.oklch.c;\n\n\t\tif ( taperChromaOptions ) {\n\t\t\t( { l: newL, c: newC } = taperChroma(\n\t\t\t\tseed,\n\t\t\t\tnewL,\n\t\t\t\ttaperChromaOptions\n\t\t\t) );\n\t\t}\n\n\t\tconst newColor = clampToGamut(\n\t\t\tnew Color( 'oklch', [ newL, newC, seed.oklch.h ] )\n\t\t);\n\t\tconst newContrast = getCachedContrast( reference, newColor );\n\n\t\tif ( newContrast >= target ) {\n\t\t\tbetterL = newL;\n\t\t\t// Only update the resulting color when the target is met, this ensuring\n\t\t\t// at the end of the search the target is always met.\n\t\t\tbestContrastFound = newContrast;\n\t\t\tresultingColor = newColor;\n\t\t} else {\n\t\t\tworseL = newL;\n\t\t}\n\t}\n\n\treturn {\n\t\tcolor: resultingColor,\n\t\treached: true,\n\t\tachieved: bestContrastFound,\n\t};\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAkB;AAKlB,mBAA6B;AAC7B,uBAKO;AACP,yBAAkC;AAClC,0BAAqD;AAoB9C,SAAS,6BACf,WACA,MACA,QACA,WACA;AAAA,EACC;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,QAAQ;AACT,IAQI,CAAC,GACkD;AAGvD,MAAK,UAAU,GAAI;AAClB,WAAO,EAAE,OAAO,KAAK,MAAM,GAAG,SAAS,MAAM,UAAU,EAAE;AAAA,EAC1D;AAEA,MAAK,qBAAsB;AAI1B,QAAI,OAAO,oBAAoB;AAC/B,QAAI,OAAO,KAAK,MAAM;AAEtB,QAAK,oBAAqB;AACzB,OAAE,EAAE,GAAG,MAAM,GAAG,KAAK,QAAI;AAAA,QACxB;AAAA,QACA;AAAA,QACA;AAAA,MACD;AAAA,IACD;AAEA,UAAM,sBAAkB;AAAA,MACvB,IAAI,eAAAA,QAAO,SAAS,CAAE,MAAM,MAAM,KAAK,MAAM,CAAE,CAAE;AAAA,IAClD;AACA,UAAM,qBAAiB,sCAAmB,WAAW,eAAgB;AAErE,QAAK,OAAQ;AAEZ,cAAQ;AAAA,QACP,kBAAmB,oBAAoB,IAAK;AAAA,QAC5C,oBAAoB;AAAA,QACpB,gBAAgB,MAAM;AAAA,MACvB;AAAA,IACD;AAIA,QACC,oBAAoB,SAAS,WAC7B,kBAAkB,QACjB;AACD,aAAO;AAAA,QACN,OAAO;AAAA,QACP,SAAS,kBAAkB;AAAA,QAC3B,UAAU;AAAA,MACX;AAAA,IACD;AAAA,EACD;AAGA,QAAM,mBAAmB,cAAc,YAAY,IAAI;AACvD,QAAM,uBAAuB,cAAc,YAAY,yBAAQ;AAC/D,QAAM,8BAA0B;AAAA,IAC/B;AAAA,IACA;AAAA,EACD;AAIA,MAAK,0BAA0B,QAAS;AACvC,QAAK,QAAS;AACb,YAAM,IAAI;AAAA,QACT,mBAAoB,OAAO;AAAA,UAC1B;AAAA,QACD,CAAE,qBAAsB,SAAU,sBAAuB,qBAAqB,SAAS,CAAE,sBACjE,wBAAwB;AAAA,UAC9C;AAAA,QACD,CAAE;AAAA,MACJ;AAAA,IACD;AAEA,QAAK,OAAQ;AAEZ,cAAQ;AAAA,QACP;AAAA,QACA;AAAA,MACD;AAAA,IACD;AACA,WAAO;AAAA,MACN,OAAO;AAAA,MACP,SAAS;AAAA,MACT,UAAU;AAAA,IACX;AAAA,EACD;AAMA,MAAI,SAAS,UAAU,MAAM;AAC7B,MAAI,UAAU;AAEd,MAAI,oBAAoB;AACxB,MAAI,iBAAiB;AAErB,WACK,IAAI,GACR,IAAI,6CACJ,KAAK,IAAK,UAAU,MAAO,IAAI,oCAC/B,KACC;AACD,QAAI,QAAS,SAAS,WAAY;AAClC,QAAI,OAAO,KAAK,MAAM;AAEtB,QAAK,oBAAqB;AACzB,OAAE,EAAE,GAAG,MAAM,GAAG,KAAK,QAAI;AAAA,QACxB;AAAA,QACA;AAAA,QACA;AAAA,MACD;AAAA,IACD;AAEA,UAAM,eAAW;AAAA,MAChB,IAAI,eAAAA,QAAO,SAAS,CAAE,MAAM,MAAM,KAAK,MAAM,CAAE,CAAE;AAAA,IAClD;AACA,UAAM,kBAAc,sCAAmB,WAAW,QAAS;AAE3D,QAAK,eAAe,QAAS;AAC5B,gBAAU;AAGV,0BAAoB;AACpB,uBAAiB;AAAA,IAClB,OAAO;AACN,eAAS;AAAA,IACV;AAAA,EACD;AAEA,SAAO;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,IACT,UAAU;AAAA,EACX;AACD;",
+  "names": ["Color"]
+}