@terrazzo/plugin-css 0.9.1 → 0.10.0

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @terrazzo/plugin-css
 
+## 0.10.0
+
+### Minor Changes
+
+- [#507](https://github.com/terrazzoapp/terrazzo/pull/507) [`0060100`](https://github.com/terrazzoapp/terrazzo/commit/00601002a731dc009fb4ef2b438a01b087325a1a) Thanks [@drwpow](https://github.com/drwpow)! - ⚠️ Breaking change: remove HSV as a supported colorSpace, because it’s absent from CSS Color Module 4
+
+- [#507](https://github.com/terrazzoapp/terrazzo/pull/507) [`0060100`](https://github.com/terrazzoapp/terrazzo/commit/00601002a731dc009fb4ef2b438a01b087325a1a) Thanks [@drwpow](https://github.com/drwpow)! - ⚠️ Breaking change: align color token ranges to CSS Color Module 4. This results in breaking changes to HSL and HWB, which normalize to `0 - 100`, rather than `0 - 1`:
+
+  ```diff
+    {
+      "colorSpace": "hsl",
+  -   "components": [270, 0.5, 0.4]
+  +   "components": [270, 50, 40]
+    }
+  ```
+
+  All other color spaces should be unaffected, as they were already matching CSS Color Module 4.
+
+### Patch Changes
+
+- [#507](https://github.com/terrazzoapp/terrazzo/pull/507) [`0060100`](https://github.com/terrazzoapp/terrazzo/commit/00601002a731dc009fb4ef2b438a01b087325a1a) Thanks [@drwpow](https://github.com/drwpow)! - Fix a98-rgb colorSpace, accidentally referring to it as "a98"
+
+- Updated dependencies [[`0060100`](https://github.com/terrazzoapp/terrazzo/commit/00601002a731dc009fb4ef2b438a01b087325a1a), [`0060100`](https://github.com/terrazzoapp/terrazzo/commit/00601002a731dc009fb4ef2b438a01b087325a1a), [`0060100`](https://github.com/terrazzoapp/terrazzo/commit/00601002a731dc009fb4ef2b438a01b087325a1a)]:
+  - @terrazzo/token-tools@0.10.0
+  - @terrazzo/cli@0.10.0
+
 ## 0.9.1
 
 ### Patch Changes

package/dist/index.js

@@ -653,7 +653,7 @@ const definition$15 = {
 		b: 0
 	}
 };
-var definition_default$13 = definition$15;
+var definition_default$12 = definition$15;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/a98/convertA98ToXyz65.js
@@ -763,7 +763,7 @@ var convertXyz65ToRgb_default = convertXyz65ToRgb;
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/a98/definition.js
 const definition$14 = {
-	...definition_default$13,
+	...definition_default$12,
 	mode: "a98",
 	parse: ["a98-rgb"],
 	serialize: "a98-rgb",
@@ -1138,7 +1138,7 @@ const definition$12 = {
 	difference: { h: differenceHueSaturation },
 	average: { h: averageAngle }
 };
-var definition_default$2 = definition$12;
+var definition_default$15 = definition$12;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/hwb/convertHwbToRgb.js
@@ -1229,7 +1229,7 @@ const definition$11 = {
 	difference: { h: differenceHueNaive },
 	average: { h: averageAngle }
 };
-var definition_default$3 = definition$11;
+var definition_default$2 = definition$11;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/xyz50/constants.js
@@ -1388,7 +1388,7 @@ const definition$10 = {
 		}
 	}
 };
-var definition_default$4 = definition$10;
+var definition_default$3 = definition$10;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/xyz65/constants.js
@@ -1454,7 +1454,7 @@ var convertRgbToLab65_default = convertRgbToLab65;
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/lab65/definition.js
 const definition$9 = {
-	...definition_default$4,
+	...definition_default$3,
 	mode: "lab65",
 	parse: ["--lab-d65"],
 	serialize: "--lab-d65",
@@ -1472,7 +1472,7 @@ const definition$9 = {
 		b: [-107.86, 94.477]
 	}
 };
-var definition_default$5 = definition$9;
+var definition_default$4 = definition$9;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/lch/convertLabToLch.js
@@ -1566,19 +1566,19 @@ const definition$8 = {
 	difference: { h: differenceHueChroma },
 	average: { h: averageAngle }
 };
-var definition_default$6 = definition$8;
+var definition_default$5 = definition$8;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/lrgb/definition.js
 const definition$7 = {
-	...definition_default$13,
+	...definition_default$12,
 	mode: "lrgb",
 	toMode: { rgb: convertLrgbToRgb_default },
 	fromMode: { rgb: convertRgbToLrgb_default },
 	parse: ["srgb-linear"],
 	serialize: "srgb-linear"
 };
-var definition_default$7 = definition$7;
+var definition_default$6 = definition$7;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/oklab/convertOklabToLrgb.js
@@ -1652,7 +1652,7 @@ var parseOklab_default = parseOklab;
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/oklab/definition.js
 const definition$6 = {
-	...definition_default$4,
+	...definition_default$3,
 	mode: "oklab",
 	toMode: {
 		lrgb: convertOklabToLrgb_default,
@@ -1670,7 +1670,7 @@ const definition$6 = {
 	parse: [parseOklab_default],
 	serialize: (c$1) => `oklab(${c$1.l !== void 0 ? c$1.l : "none"} ${c$1.a !== void 0 ? c$1.a : "none"} ${c$1.b !== void 0 ? c$1.b : "none"}${c$1.alpha < 1 ? ` / ${c$1.alpha}` : ""})`
 };
-var definition_default$8 = definition$6;
+var definition_default$7 = definition$6;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/oklch/parseOklch.js
@@ -1695,7 +1695,7 @@ var parseOklch_default = parseOklch;
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/oklch/definition.js
 const definition$5 = {
-	...definition_default$6,
+	...definition_default$5,
 	mode: "oklch",
 	toMode: {
 		oklab: (c$1) => convertLchToLab_default(c$1, "oklab"),
@@ -1713,7 +1713,7 @@ const definition$5 = {
 		h: [0, 360]
 	}
 };
-var definition_default$9 = definition$5;
+var definition_default$8 = definition$5;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/p3/convertP3ToXyz65.js
@@ -1749,7 +1749,7 @@ var convertXyz65ToP3_default = convertXyz65ToP3;
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/p3/definition.js
 const definition$4 = {
-	...definition_default$13,
+	...definition_default$12,
 	mode: "p3",
 	parse: ["display-p3"],
 	serialize: "display-p3",
@@ -1762,7 +1762,7 @@ const definition$4 = {
 		xyz65: convertP3ToXyz65_default
 	}
 };
-var definition_default$10 = definition$4;
+var definition_default$9 = definition$4;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/prophoto/convertXyz50ToProphoto.js
@@ -1811,7 +1811,7 @@ var convertProphotoToXyz50_default = convertProphotoToXyz50;
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/prophoto/definition.js
 const definition$3 = {
-	...definition_default$13,
+	...definition_default$12,
 	mode: "prophoto",
 	parse: ["prophoto-rgb"],
 	serialize: "prophoto-rgb",
@@ -1824,7 +1824,7 @@ const definition$3 = {
 		rgb: (color) => convertXyz50ToRgb_default(convertProphotoToXyz50_default(color))
 	}
 };
-var definition_default$11 = definition$3;
+var definition_default$10 = definition$3;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/rec2020/convertXyz65ToRec2020.js
@@ -1877,7 +1877,7 @@ var convertRec2020ToXyz65_default = convertRec2020ToXyz65;
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/rec2020/definition.js
 const definition$2 = {
-	...definition_default$13,
+	...definition_default$12,
 	mode: "rec2020",
 	fromMode: {
 		xyz65: convertXyz65ToRec2020_default,
@@ -1890,7 +1890,7 @@ const definition$2 = {
 	parse: ["rec2020"],
 	serialize: "rec2020"
 };
-var definition_default$12 = definition$2;
+var definition_default$11 = definition$2;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/xyz50/definition.js
@@ -1927,7 +1927,7 @@ const definition$1 = {
 		}
 	}
 };
-var definition_default$14 = definition$1;
+var definition_default$13 = definition$1;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/xyz65/convertXyz65ToXyz50.js
@@ -2000,7 +2000,184 @@ const definition = {
 		}
 	}
 };
-var definition_default$15 = definition;
+var definition_default$14 = definition;
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/okhsl/helpers.js
+function toe(x) {
+	const k_1 = .206;
+	const k_2 = .03;
+	const k_3 = (1 + k_1) / (1 + k_2);
+	return .5 * (k_3 * x - k_1 + Math.sqrt((k_3 * x - k_1) * (k_3 * x - k_1) + 4 * k_2 * k_3 * x));
+}
+function toe_inv(x) {
+	const k_1 = .206;
+	const k_2 = .03;
+	const k_3 = (1 + k_1) / (1 + k_2);
+	return (x * x + k_1 * x) / (k_3 * (x + k_2));
+}
+function compute_max_saturation(a, b) {
+	let k0, k1, k2, k3, k4, wl, wm, ws;
+	if (-1.88170328 * a - .80936493 * b > 1) {
+		k0 = 1.19086277;
+		k1 = 1.76576728;
+		k2 = .59662641;
+		k3 = .75515197;
+		k4 = .56771245;
+		wl = 4.0767416621;
+		wm = -3.3077115913;
+		ws = .2309699292;
+	} else if (1.81444104 * a - 1.19445276 * b > 1) {
+		k0 = .73956515;
+		k1 = -.45954404;
+		k2 = .08285427;
+		k3 = .1254107;
+		k4 = .14503204;
+		wl = -1.2684380046;
+		wm = 2.6097574011;
+		ws = -.3413193965;
+	} else {
+		k0 = 1.35733652;
+		k1 = -.00915799;
+		k2 = -1.1513021;
+		k3 = -.50559606;
+		k4 = .00692167;
+		wl = -.0041960863;
+		wm = -.7034186147;
+		ws = 1.707614701;
+	}
+	let S = k0 + k1 * a + k2 * b + k3 * a * a + k4 * a * b;
+	let k_l = .3963377774 * a + .2158037573 * b;
+	let k_m = -.1055613458 * a - .0638541728 * b;
+	let k_s = -.0894841775 * a - 1.291485548 * b;
+	{
+		let l_ = 1 + S * k_l;
+		let m_ = 1 + S * k_m;
+		let s_ = 1 + S * k_s;
+		let l = l_ * l_ * l_;
+		let m = m_ * m_ * m_;
+		let s = s_ * s_ * s_;
+		let l_dS = 3 * k_l * l_ * l_;
+		let m_dS = 3 * k_m * m_ * m_;
+		let s_dS = 3 * k_s * s_ * s_;
+		let l_dS2 = 6 * k_l * k_l * l_;
+		let m_dS2 = 6 * k_m * k_m * m_;
+		let s_dS2 = 6 * k_s * k_s * s_;
+		let f$2 = wl * l + wm * m + ws * s;
+		let f1 = wl * l_dS + wm * m_dS + ws * s_dS;
+		let f2 = wl * l_dS2 + wm * m_dS2 + ws * s_dS2;
+		S = S - f$2 * f1 / (f1 * f1 - .5 * f$2 * f2);
+	}
+	return S;
+}
+function find_cusp(a, b) {
+	let S_cusp = compute_max_saturation(a, b);
+	let rgb$2 = convertOklabToLrgb_default({
+		l: 1,
+		a: S_cusp * a,
+		b: S_cusp * b
+	});
+	let L_cusp = Math.cbrt(1 / Math.max(rgb$2.r, rgb$2.g, rgb$2.b));
+	let C_cusp = L_cusp * S_cusp;
+	return [L_cusp, C_cusp];
+}
+function get_ST_max(a_, b_, cusp = null) {
+	if (!cusp) cusp = find_cusp(a_, b_);
+	let L = cusp[0];
+	let C = cusp[1];
+	return [C / L, C / (1 - L)];
+}
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/okhsv/convertOklabToOkhsv.js
+function convertOklabToOkhsv(lab) {
+	let l = lab.l !== void 0 ? lab.l : 0;
+	let a = lab.a !== void 0 ? lab.a : 0;
+	let b = lab.b !== void 0 ? lab.b : 0;
+	let c$1 = Math.sqrt(a * a + b * b);
+	let a_ = c$1 ? a / c$1 : 1;
+	let b_ = c$1 ? b / c$1 : 1;
+	let [S_max, T] = get_ST_max(a_, b_);
+	let S_0 = .5;
+	let k$3 = 1 - S_0 / S_max;
+	let t = T / (c$1 + l * T);
+	let L_v = t * l;
+	let C_v = t * c$1;
+	let L_vt = toe_inv(L_v);
+	let C_vt = C_v * L_vt / L_v;
+	let rgb_scale = convertOklabToLrgb_default({
+		l: L_vt,
+		a: a_ * C_vt,
+		b: b_ * C_vt
+	});
+	let scale_L = Math.cbrt(1 / Math.max(rgb_scale.r, rgb_scale.g, rgb_scale.b, 0));
+	l = l / scale_L;
+	c$1 = c$1 / scale_L * toe(l) / l;
+	l = toe(l);
+	const ret = {
+		mode: "okhsv",
+		s: c$1 ? (S_0 + T) * C_v / (T * S_0 + T * k$3 * C_v) : 0,
+		v: l ? l / L_v : 0
+	};
+	if (ret.s) ret.h = normalizeHue_default(Math.atan2(b, a) * 180 / Math.PI);
+	if (lab.alpha !== void 0) ret.alpha = lab.alpha;
+	return ret;
+}
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/okhsv/convertOkhsvToOklab.js
+function convertOkhsvToOklab(hsv) {
+	const ret = { mode: "oklab" };
+	if (hsv.alpha !== void 0) ret.alpha = hsv.alpha;
+	const h = hsv.h !== void 0 ? hsv.h : 0;
+	const s = hsv.s !== void 0 ? hsv.s : 0;
+	const v = hsv.v !== void 0 ? hsv.v : 0;
+	const a_ = Math.cos(h / 180 * Math.PI);
+	const b_ = Math.sin(h / 180 * Math.PI);
+	const [S_max, T] = get_ST_max(a_, b_);
+	const S_0 = .5;
+	const k$3 = 1 - S_0 / S_max;
+	const L_v = 1 - s * S_0 / (S_0 + T - T * k$3 * s);
+	const C_v = s * T * S_0 / (S_0 + T - T * k$3 * s);
+	const L_vt = toe_inv(L_v);
+	const C_vt = C_v * L_vt / L_v;
+	const rgb_scale = convertOklabToLrgb_default({
+		l: L_vt,
+		a: a_ * C_vt,
+		b: b_ * C_vt
+	});
+	const scale_L = Math.cbrt(1 / Math.max(rgb_scale.r, rgb_scale.g, rgb_scale.b, 0));
+	const L_new = toe_inv(v * L_v);
+	const C = C_v * L_new / L_v;
+	ret.l = L_new * scale_L;
+	ret.a = C * a_ * scale_L;
+	ret.b = C * b_ * scale_L;
+	return ret;
+}
+
+//#endregion
+//#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/okhsv/modeOkhsv.js
+const modeOkhsv = {
+	...definition_default$15,
+	mode: "okhsv",
+	channels: [
+		"h",
+		"s",
+		"v",
+		"alpha"
+	],
+	parse: ["--okhsv"],
+	serialize: "--okhsv",
+	fromMode: {
+		oklab: convertOklabToOkhsv,
+		rgb: (c$1) => convertOklabToOkhsv(convertRgbToOklab_default(c$1))
+	},
+	toMode: {
+		oklab: convertOkhsvToOklab,
+		rgb: (c$1) => convertOklabToRgb_default(convertOkhsvToOklab(c$1))
+	}
+};
+var modeOkhsv_default = modeOkhsv;
 
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.1/node_modules/culori/src/round.js
@@ -2132,12 +2309,11 @@ function toGamut(dest = "rgb", mode = "oklch", delta = differenceEuclidean("oklc
 }
 
 //#endregion
-//#region ../token-tools/dist/string-Cq7Oa0sE.js
+//#region ../token-tools/dist/string-BwN3ybNv.js
 const HEX_RE = /^#?([0-9a-f]{8}|[0-9a-f]{6}|[0-9a-f]{4}|[0-9a-f]{3})$/i;
 const CULORI_TO_CSS = {
-	a98: "a98",
+	a98: "a98-rgb",
 	hsl: "hsl",
-	hsv: "hsv",
 	hwb: "hwb",
 	lab: "lab",
 	lab65: "lab-d65",
@@ -2145,6 +2321,7 @@ const CULORI_TO_CSS = {
 	lrgb: "srgb-linear",
 	oklab: "oklab",
 	oklch: "oklch",
+	okhsv: "okhsv",
 	p3: "display-p3",
 	prophoto: "prophoto-rgb",
 	rec2020: "rec2020",
@@ -2153,20 +2330,21 @@ const CULORI_TO_CSS = {
 	xyz65: "xyz-d65"
 };
 const CSS_TO_CULORI = {
-	a98: "a98",
+	"a98-rgb": "a98",
 	"display-p3": "p3",
 	hsl: "hsl",
-	hsv: "hsv",
 	hwb: "hwb",
 	lab: "lab",
 	"lab-d65": "lab65",
 	lch: "lch",
 	oklab: "oklab",
 	oklch: "oklch",
+	okhsv: "okhsv",
 	"prophoto-rgb": "prophoto",
 	rec2020: "rec2020",
 	srgb: "rgb",
 	"srgb-linear": "lrgb",
+	xyz: "xyz65",
 	"xyz-d50": "xyz50",
 	"xyz-d65": "xyz65"
 };
@@ -2196,26 +2374,22 @@ function parseColor(color) {
 			break;
 		}
 		case "hsl": {
+			const maxS = COLORSPACE[colorSpace].ranges[1]?.[1] ?? 1;
+			const maxL = COLORSPACE[colorSpace].ranges[2]?.[1] ?? 1;
 			components = [
 				result.h ?? 0,
-				result.s,
-				result.l
-			];
-			break;
-		}
-		case "hsv": {
-			components = [
-				result.h ?? 0,
-				result.s,
-				result.v
+				result.s * maxS,
+				result.l * maxL
 			];
 			break;
 		}
 		case "hwb": {
+			const maxW = COLORSPACE[colorSpace].ranges[1]?.[1] ?? 1;
+			const maxB = COLORSPACE[colorSpace].ranges[2]?.[1] ?? 1;
 			components = [
 				result.h ?? 0,
-				result.w,
-				result.b
+				result.w * maxW,
+				result.b * maxB
 			];
 			break;
 		}
@@ -2238,6 +2412,14 @@ function parseColor(color) {
 			];
 			break;
 		}
+		case "okhsv": {
+			components = [
+				result.h ?? 0,
+				result.s,
+				result.v
+			];
+			break;
+		}
 		case "xyz50":
 		case "xyz65": {
 			components = [
@@ -2259,7 +2441,7 @@ function parseColor(color) {
 /** Convert a color token to a Culori color */
 function tokenToCulori(value) {
 	switch (value.colorSpace) {
-		case "a98":
+		case "a98-rgb":
 		case "display-p3":
 		case "prophoto-rgb":
 		case "rec2020":
@@ -2276,31 +2458,25 @@ function tokenToCulori(value) {
 		}
 		case "hsl": {
 			const [h, s, l] = value.components;
+			const maxS = COLORSPACE[value.colorSpace].ranges[1]?.[1] ?? 1;
+			const maxL = COLORSPACE[value.colorSpace].ranges[2]?.[1] ?? 1;
 			return {
 				mode: "hsl",
 				h,
-				s,
-				l,
-				alpha: value.alpha
-			};
-		}
-		case "hsv": {
-			const [h, s, v] = value.components;
-			return {
-				mode: "hsv",
-				h,
-				s,
-				v,
+				s: s / maxS,
+				l: l / maxL,
 				alpha: value.alpha
 			};
 		}
 		case "hwb": {
 			const [h, w, b] = value.components;
+			const maxW = COLORSPACE[value.colorSpace].ranges[1]?.[1] ?? 1;
+			const maxB = COLORSPACE[value.colorSpace].ranges[2]?.[1] ?? 1;
 			return {
 				mode: "hwb",
 				h,
-				w,
-				b,
+				w: w / maxW,
+				b: b / maxB,
 				alpha: value.alpha
 			};
 		}
@@ -2328,20 +2504,22 @@ function tokenToCulori(value) {
 				alpha: value.alpha
 			};
 		}
-		case "xyz-d50": {
-			const [x, y, z] = value.components;
+		case "okhsv": {
+			const [h, s, v] = value.components;
 			return {
-				mode: "xyz50",
-				x,
-				y,
-				z,
+				mode: value.colorSpace,
+				h,
+				s,
+				v,
 				alpha: value.alpha
 			};
 		}
+		case "xyz":
+		case "xyz-d50":
 		case "xyz-d65": {
 			const [x, y, z] = value.components;
 			return {
-				mode: "xyz65",
+				mode: CSS_TO_CULORI[value.colorSpace],
 				x,
 				y,
 				z,
@@ -2351,6 +2529,94 @@ function tokenToCulori(value) {
 		default: throw new Error(`Invalid colorSpace "${value.colorSpace}". Expected one of ${Object.keys(CSS_TO_CULORI).join(", ")}`);
 	}
 }
+/** Complete list of CSS Module 4 Colorspaces */
+const COLORSPACE = {
+	"a98-rgb": { ranges: [
+		[0, 1],
+		[0, 1],
+		[0, 1]
+	] },
+	"display-p3": { ranges: [
+		[0, 1],
+		[0, 1],
+		[0, 1]
+	] },
+	hsl: { ranges: [
+		[0, 360],
+		[0, 100],
+		[0, 100]
+	] },
+	hwb: { ranges: [
+		[0, 360],
+		[0, 100],
+		[0, 100]
+	] },
+	lab: { ranges: [
+		[0, 100],
+		[-125, 125],
+		[-125, 125]
+	] },
+	"lab-d65": { ranges: [
+		[0, 100],
+		[-125, 125],
+		[-125, 125]
+	] },
+	lch: { ranges: [
+		[0, 100],
+		[0, 150],
+		[0, 360]
+	] },
+	oklab: { ranges: [
+		[0, 1],
+		[-.4, .4],
+		[-.4, .4]
+	] },
+	oklch: { ranges: [
+		[0, 1],
+		[0, .4],
+		[0, 360]
+	] },
+	okhsv: { ranges: [
+		[0, 360],
+		[0, 1],
+		[0, 1]
+	] },
+	"prophoto-rgb": { ranges: [
+		[0, 1],
+		[0, 1],
+		[0, 1]
+	] },
+	rec2020: { ranges: [
+		[0, 1],
+		[0, 1],
+		[0, 1]
+	] },
+	srgb: { ranges: [
+		[0, 1],
+		[0, 1],
+		[0, 1]
+	] },
+	"srgb-linear": { ranges: [
+		[0, 1],
+		[0, 1],
+		[0, 1]
+	] },
+	"xyz-d50": { ranges: [
+		[0, 1],
+		[0, 1],
+		[0, 1]
+	] },
+	xyz: { ranges: [
+		[0, 1],
+		[0, 1],
+		[0, 1]
+	] },
+	"xyz-d65": { ranges: [
+		[0, 1],
+		[0, 1],
+		[0, 1]
+	] }
+};
 /** Turn a string into kebab-case */
 function kebabCase(str) {
 	let output = "";
@@ -2552,20 +2818,20 @@ function transformColor(token, options) {
 const converters = {
 	a98: useMode(definition_default),
 	hsl: useMode(definition_default$1),
-	hsv: useMode(definition_default$2),
-	hwb: useMode(definition_default$3),
-	lab: useMode(definition_default$4),
-	lab65: useMode(definition_default$5),
-	lch: useMode(definition_default$6),
-	lrgb: useMode(definition_default$7),
-	oklab: useMode(definition_default$8),
-	oklch: useMode(definition_default$9),
-	p3: useMode(definition_default$10),
-	prophoto: useMode(definition_default$11),
-	rec2020: useMode(definition_default$12),
-	rgb: useMode(definition_default$13),
-	xyz50: useMode(definition_default$14),
-	xyz65: useMode(definition_default$15)
+	hwb: useMode(definition_default$2),
+	lab: useMode(definition_default$3),
+	lab65: useMode(definition_default$4),
+	lch: useMode(definition_default$5),
+	lrgb: useMode(definition_default$6),
+	oklab: useMode(definition_default$7),
+	oklch: useMode(definition_default$8),
+	okhsv: useMode(modeOkhsv_default),
+	p3: useMode(definition_default$9),
+	prophoto: useMode(definition_default$10),
+	rec2020: useMode(definition_default$11),
+	rgb: useMode(definition_default$12),
+	xyz50: useMode(definition_default$13),
+	xyz65: useMode(definition_default$14)
 };
 /**
 * Downsample color to sRGB/Display P3/Rec2020 colorspaces.