@terrazzo/plugin-tailwind 0.2.1 → 0.3.1

package/CHANGELOG.md

@@ -1,5 +1,44 @@
 # @terrazzo/plugin-tailwind
 
+## 0.3.1
+
+### Patch Changes
+
+- [#510](https://github.com/terrazzoapp/terrazzo/pull/510) [`4493731`](https://github.com/terrazzoapp/terrazzo/commit/4493731a4d458af45a1bb4c56e3fe0d42d66aeef) Thanks [@drwpow](https://github.com/drwpow)! - Reduce decimal places in color output.
+  - [plugin-css] ⚠️ Minor breaking change: decimals have been simplified in output. To restore original behavior, pass in `colorDepth: 'unlimited'`
+
+- Updated dependencies [[`4493731`](https://github.com/terrazzoapp/terrazzo/commit/4493731a4d458af45a1bb4c56e3fe0d42d66aeef)]:
+  - @terrazzo/token-tools@0.10.1
+  - @terrazzo/plugin-css@0.10.1
+  - @terrazzo/cli@0.10.1
+
+## 0.3.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
+  - @terrazzo/plugin-css@0.10.0
+
 ## 0.2.1
 
 ### Patch Changes

package/dist/index.js

@@ -605,7 +605,7 @@ const definition$15 = {
 		b: 0
 	}
 };
-var definition_default$13 = definition$15;
+var definition_default$12 = definition$15;
 const linearize$2 = (v = 0) => Math.pow(Math.abs(v), 563 / 256) * Math.sign(v);
 const convertA98ToXyz65 = (a98) => {
 	let r$1 = linearize$2(a98.r);
@@ -694,7 +694,7 @@ const convertXyz65ToRgb = ({ x, y, z, alpha }) => {
 };
 var convertXyz65ToRgb_default = convertXyz65ToRgb;
 const definition$14 = {
-	...definition_default$13,
+	...definition_default$12,
 	mode: "a98",
 	parse: ["a98-rgb"],
 	serialize: "a98-rgb",
@@ -1011,7 +1011,7 @@ const definition$12 = {
 	difference: { h: differenceHueSaturation },
 	average: { h: averageAngle }
 };
-var definition_default$2 = definition$12;
+var definition_default$15 = definition$12;
 function convertHwbToRgb({ h, w, b, alpha }) {
 	if (w === void 0) w = 0;
 	if (b === void 0) b = 0;
@@ -1090,7 +1090,7 @@ const definition$11 = {
 	difference: { h: differenceHueNaive },
 	average: { h: averageAngle }
 };
-var definition_default$3 = definition$11;
+var definition_default$2 = definition$11;
 const k$1 = Math.pow(29, 3) / Math.pow(3, 3);
 const e$1 = Math.pow(6, 3) / Math.pow(29, 3);
 const D50 = {
@@ -1204,8 +1204,8 @@ const definition$10 = {
 	],
 	ranges: {
 		l: [0, 100],
-		a: [-100, 100],
-		b: [-100, 100]
+		a: [-125, 125],
+		b: [-125, 125]
 	},
 	parse: [parseLab_default],
 	serialize: (c$1) => `lab(${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}` : ""})`,
@@ -1219,7 +1219,7 @@ const definition$10 = {
 		}
 	}
 };
-var definition_default$4 = definition$10;
+var definition_default$3 = definition$10;
 const k = Math.pow(29, 3) / Math.pow(3, 3);
 const e = Math.pow(6, 3) / Math.pow(29, 3);
 let fn = (v) => Math.pow(v, 3) > e ? Math.pow(v, 3) : (116 * v - 16) / k;
@@ -1267,7 +1267,7 @@ const convertRgbToLab65 = (rgb$2) => {
 };
 var convertRgbToLab65_default = convertRgbToLab65;
 const definition$9 = {
-	...definition_default$4,
+	...definition_default$3,
 	mode: "lab65",
 	parse: ["--lab-d65"],
 	serialize: "--lab-d65",
@@ -1281,11 +1281,11 @@ const definition$9 = {
 	},
 	ranges: {
 		l: [0, 100],
-		a: [-86.182, 98.234],
-		b: [-107.86, 94.477]
+		a: [-125, 125],
+		b: [-125, 125]
 	}
 };
-var definition_default$5 = definition$9;
+var definition_default$4 = definition$9;
 const convertLabToLch = ({ l, a, b, alpha }, mode = "lch") => {
 	if (a === void 0) a = 0;
 	if (b === void 0) b = 0;
@@ -1367,28 +1367,28 @@ const definition$8 = {
 	difference: { h: differenceHueChroma },
 	average: { h: averageAngle }
 };
-var definition_default$6 = definition$8;
+var definition_default$5 = definition$8;
 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;
 const convertOklabToLrgb = ({ l, a, b, alpha }) => {
 	if (l === void 0) l = 0;
 	if (a === void 0) a = 0;
 	if (b === void 0) b = 0;
-	let L = Math.pow(l * .9999999984505198 + .39633779217376786 * a + .2158037580607588 * b, 3);
-	let M = Math.pow(l * 1.0000000088817609 - .10556134232365635 * a - .06385417477170591 * b, 3);
-	let S = Math.pow(l * 1.0000000546724108 - .08948418209496575 * a - 1.2914855378640917 * b, 3);
+	let L = Math.pow(l + .3963377773761749 * a + .2158037573099136 * b, 3);
+	let M = Math.pow(l - .1055613458156586 * a - .0638541728258133 * b, 3);
+	let S = Math.pow(l - .0894841775298119 * a - 1.2914855480194092 * b, 3);
 	let res = {
 		mode: "lrgb",
-		r: 4.076741661347994 * L - 3.307711590408193 * M + .230969928729428 * S,
-		g: -1.2684380040921763 * L + 2.6097574006633715 * M - .3413193963102197 * S,
-		b: -.004196086541837188 * L - .7034186144594493 * M + 1.7076147009309444 * S
+		r: 4.076741636075957 * L - 3.3077115392580616 * M + .2309699031821044 * S,
+		g: -1.2684379732850317 * L + 2.6097573492876887 * M - .3413193760026573 * S,
+		b: -.0041960761386756 * L - .7034186179359362 * M + 1.7076146940746117 * S
 	};
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
@@ -1398,14 +1398,14 @@ const convertLrgbToOklab = ({ r: r$1, g, b, alpha }) => {
 	if (r$1 === void 0) r$1 = 0;
 	if (g === void 0) g = 0;
 	if (b === void 0) b = 0;
-	let L = Math.cbrt(.41222147079999993 * r$1 + .5363325363 * g + .0514459929 * b);
-	let M = Math.cbrt(.2119034981999999 * r$1 + .6806995450999999 * g + .1073969566 * b);
-	let S = Math.cbrt(.08830246189999998 * r$1 + .2817188376 * g + .6299787005000002 * b);
+	let L = Math.cbrt(.412221469470763 * r$1 + .5363325372617348 * g + .0514459932675022 * b);
+	let M = Math.cbrt(.2119034958178252 * r$1 + .6806995506452344 * g + .1073969535369406 * b);
+	let S = Math.cbrt(.0883024591900564 * r$1 + .2817188391361215 * g + .6299787016738222 * b);
 	let res = {
 		mode: "oklab",
-		l: .2104542553 * L + .793617785 * M - .0040720468 * S,
-		a: 1.9779984951 * L - 2.428592205 * M + .4505937099 * S,
-		b: .0259040371 * L + .7827717662 * M - .808675766 * S
+		l: .210454268309314 * L + .7936177747023054 * M - .0040720430116193 * S,
+		a: 1.9779985324311684 * L - 2.42859224204858 * M + .450593709617411 * S,
+		b: .0259040424655478 * L + .7827717124575296 * M - .8086757549230774 * S
 	};
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
@@ -1432,7 +1432,7 @@ function parseOklab(color, parsed) {
 }
 var parseOklab_default = parseOklab;
 const definition$6 = {
-	...definition_default$4,
+	...definition_default$3,
 	mode: "oklab",
 	toMode: {
 		lrgb: convertOklabToLrgb_default,
@@ -1450,7 +1450,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;
 function parseOklch(color, parsed) {
 	if (!parsed || parsed[0] !== "oklch") return void 0;
 	const res = { mode: "oklch" };
@@ -1469,7 +1469,7 @@ function parseOklch(color, parsed) {
 }
 var parseOklch_default = parseOklch;
 const definition$5 = {
-	...definition_default$6,
+	...definition_default$5,
 	mode: "oklch",
 	toMode: {
 		oklab: (c$1) => convertLchToLab_default(c$1, "oklab"),
@@ -1487,7 +1487,7 @@ const definition$5 = {
 		h: [0, 360]
 	}
 };
-var definition_default$9 = definition$5;
+var definition_default$8 = definition$5;
 const convertP3ToXyz65 = (rgb$2) => {
 	let { r: r$1, g, b, alpha } = convertRgbToLrgb_default(rgb$2);
 	let res = {
@@ -1514,7 +1514,7 @@ const convertXyz65ToP3 = ({ x, y, z, alpha }) => {
 };
 var convertXyz65ToP3_default = convertXyz65ToP3;
 const definition$4 = {
-	...definition_default$13,
+	...definition_default$12,
 	mode: "p3",
 	parse: ["display-p3"],
 	serialize: "display-p3",
@@ -1527,7 +1527,7 @@ const definition$4 = {
 		xyz65: convertP3ToXyz65_default
 	}
 };
-var definition_default$10 = definition$4;
+var definition_default$9 = definition$4;
 const gamma$1 = (v) => {
 	let abs = Math.abs(v);
 	if (abs >= 1 / 512) return Math.sign(v) * Math.pow(abs, 1 / 1.8);
@@ -1567,7 +1567,7 @@ const convertProphotoToXyz50 = (prophoto) => {
 };
 var convertProphotoToXyz50_default = convertProphotoToXyz50;
 const definition$3 = {
-	...definition_default$13,
+	...definition_default$12,
 	mode: "prophoto",
 	parse: ["prophoto-rgb"],
 	serialize: "prophoto-rgb",
@@ -1580,7 +1580,7 @@ const definition$3 = {
 		rgb: (color) => convertXyz50ToRgb_default(convertProphotoToXyz50_default(color))
 	}
 };
-var definition_default$11 = definition$3;
+var definition_default$10 = definition$3;
 const α$1 = 1.09929682680944;
 const β$1 = .018053968510807;
 const gamma = (v) => {
@@ -1624,7 +1624,7 @@ const convertRec2020ToXyz65 = (rec2020) => {
 };
 var convertRec2020ToXyz65_default = convertRec2020ToXyz65;
 const definition$2 = {
-	...definition_default$13,
+	...definition_default$12,
 	mode: "rec2020",
 	fromMode: {
 		xyz65: convertXyz65ToRec2020_default,
@@ -1637,7 +1637,7 @@ const definition$2 = {
 	parse: ["rec2020"],
 	serialize: "rec2020"
 };
-var definition_default$12 = definition$2;
+var definition_default$11 = definition$2;
 const definition$1 = {
 	mode: "xyz50",
 	parse: ["xyz-d50"],
@@ -1671,7 +1671,7 @@ const definition$1 = {
 		}
 	}
 };
-var definition_default$14 = definition$1;
+var definition_default$13 = definition$1;
 const convertXyz65ToXyz50 = (xyz65) => {
 	let { x, y, z, alpha } = xyz65;
 	if (x === void 0) x = 0;
@@ -1735,7 +1735,172 @@ const definition = {
 		}
 	}
 };
-var definition_default$15 = definition;
+var definition_default$14 = definition;
+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)];
+}
+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;
+}
+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;
+}
+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;
 const r = (value, precision) => Math.round(value * (precision = Math.pow(10, precision))) / precision;
 const round = (precision = 4) => (value) => typeof value === "number" ? r(value, precision) : value;
 var round_default = round;
@@ -1746,20 +1911,26 @@ const rgb = converter_default("rgb");
 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)
+};
+const DEPTH_ROUNDING = {
+	24: round_default(4),
+	30: round_default(4),
+	36: round_default(5),
+	48: round_default(6)
 };
 const FORMAT_ID$1 = "css";