postcss-lab-function 4.0.1 → 4.1.0

package/CHANGELOG.md

@@ -0,0 +1,93 @@
+# Changes to PostCSS Lab Function
+
+### 4.1.0 (minor)
+
+- Add gamut mapping for out of gamut colors.
+- Add conversion to `display-p3` as a wider gamut fallback.
+
+[Read more about out of gamut colors](https://github.com/csstools/postcss-plugins/blob/main/plugins/postcss-lab-function/README.md#out-of-gamut-colors)
+
+[Read more about `color(display-p3 0 0 0)`](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/color())
+
+```css
+.color-lab {
+	color: lab(40% 56.6 39);
+}
+
+/* with a display-p3 fallback : */
+.color {
+	color: rgb(179, 35, 35);
+	color: color(display-p3 0.64331 0.19245 0.16771);
+}
+```
+
+### 4.0.4 (February 5, 2022)
+
+- Improved `es module` and `commonjs` compatibility
+
+### 4.0.3 (January 2, 2022)
+
+- Removed Sourcemaps from package tarball.
+- Moved CLI to CLI Package. See [announcement](https://github.com/csstools/postcss-plugins/discussions/121).
+
+### 4.0.2 (December 13, 2021)
+
+- Changed: now uses `postcss-value-parser` for parsing.
+- Updated: documentation
+- Added: support for CSS variables with `preserve: true` option.
+- Fixed: Hue values with units in `lch` functions are now correctly handled.
+- Fixed: Rounding of values to match current browser behavior.
+
+### 4.0.1 (November 18, 2021)
+
+- Added: Safeguards against postcss-values-parser potentially throwing an error.
+- Updated: postcss-value-parser to 6.0.1 (patch)
+
+### 4.0.0 (September 17, 2021)
+
+- Updated: Support for PostCS 8+ (major).
+- Updated: Support for Node 12+ (major).
+
+### 3.1.2 (April 25, 2020)
+
+- Updated: Publish
+
+### 3.1.1 (April 25, 2020)
+
+- Updated: Using `walkType` to evade walker bug in `postcss-values-parser`
+
+### 3.1.0 (April 25, 2020)
+
+- Updated: `postcss-values-parser` to 3.2.0 (minor).
+
+### 3.0.1 (April 12, 2020)
+
+- Updated: Ownership moved to CSSTools.
+
+### 3.0.0 (April 12, 2020)
+
+- Updated: `postcss-values-parser` to 3.1.1 (major).
+- Updated: Node support to 10.0.0 (major).
+- Updated: Feature to use new percentage syntax.
+- Removed: Support for the removed `gray()` function.
+
+### 2.0.1 (September 18, 2018)
+
+- Updated: PostCSS Values Parser 2.0.0
+
+### 2.0.0 (September 17, 2018)
+
+- Updated: Support for PostCSS 7+
+- Updated: Support for Node 6+
+
+### 1.1.0 (July 24, 2018)
+
+- Added: Support for `gray(a / b)` as `lab(a 0 0 / b)`
+
+### 1.0.1 (May 11, 2018)
+
+- Fixed: Values beyond the acceptable 0-255 RGB range
+
+### 1.0.0 (May 11, 2018)
+
+- Initial version

package/README.md

@@ -1,25 +1,33 @@
 # PostCSS Lab Function [<img src="https://postcss.github.io/postcss/logo.svg" alt="PostCSS Logo" width="90" height="90" align="right">][postcss]
 
 [<img alt="npm version" src="https://img.shields.io/npm/v/postcss-lab-function.svg" height="20">][npm-url]
-[<img alt="CSS Standard Status" src="https://cssdb.org/badge/lab-function.svg" height="20">][css-url]
-[<img alt="Build Status" src="https://github.com/csstools/postcss-lab-function/workflows/test/badge.svg" height="20">][cli-url]
-[<img alt="support chat" src="https://img.shields.io/badge/support-chat-blue.svg" height="20">][git-url]
+[<img alt="CSS Standard Status" src="https://cssdb.org/images/badges/lab-function.svg" height="20">][css-url]
+[<img alt="Build Status" src="https://github.com/csstools/postcss-plugins/workflows/test/badge.svg" height="20">][cli-url]
+[<img alt="Discord" src="https://shields.io/badge/Discord-5865F2?logo=discord&logoColor=white">][discord]
 
 
-  [PostCSS Lab Function] lets you use `lab` and `lch` color functions in
-  CSS, following the [CSS Color] specification.
+[PostCSS Lab Function] lets you use `lab` and `lch` color functions in
+CSS, following the [CSS Color] specification.
 
 ```pcss
-:root {
-  --firebrick: lab(40% 56.6 39);
-  --firebrick-a50: lch(40% 68.8 34.5 / 50%);
+.color-lab {
+	color: lab(40% 56.6 39);
+}
+
+.color-lch {
+	color: lch(40% 68.735435 34.568626);
 }
 
 /* becomes */
 
-:root {
-  --firebrick: rgb(178, 34, 34);
-  --firebrick-a50: rgba(178, 34, 34, .5);
+.color {
+	color: rgb(179, 35, 35);
+	color: color(display-p3 0.64331 0.19245 0.16771);
+}
+
+.color-lch {
+	color: rgb(179, 35, 35);
+	color: color(display-p3 0.64331 0.19245 0.16771);
 }
 ```
 
@@ -59,25 +67,96 @@ is preserved. By default, it is not preserved.
 postcssLabFunction({ preserve: true })
 ```
 
+```pcss
+.color {
+	color: lab(40% 56.6 39);
+}
+
+/* becomes */
+
+.color {
+	color: rgb(179, 35, 35);
+	color: color(display-p3 0.64331 0.19245 0.16771);
+	color: lab(40% 56.6 39);
+}
+```
+
+### enableProgressiveCustomProperties
+
+The `enableProgressiveCustomProperties` option determines whether the original notation
+is wrapped with `@supports` when used in Custom Properties. By default, it is enabled.
+
+⚠️ We only recommend disabling this when you set `preserve` to `false` or if you bring your own fix for Custom Properties. See what the plugin does in its [README](https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-progressive-custom-properties#readme).
+
+```js
+postcssLabFunction({ enableProgressiveCustomProperties: false })
+```
+
 ```pcss
 :root {
-  --firebrick: lab(40% 56.6 39);
-  --firebrick-a50: lch(40% 68.8 34.5 / 50%);
+	--firebrick: lab(40% 56.6 39);
 }
 
 /* becomes */
 
 :root {
-  --firebrick: rgb(178, 34, 34);
-  --firebrick: lab(40% 56.6 39);
-  --firebrick-a50: rgba(178, 34, 34, .5);
-  --firebrick-a50: lch(40% 68.8 34.5 / 50%);
+	--firebrick: rgb(178, 34, 34); /* will never be used, not even in older browser */
+	--firebrick: color(display-p3 0.64331 0.19245 0.16771); /* will never be used, not even in older browser */
+	--firebrick: lab(40% 56.6 39);
 }
 ```
 
-[cli-url]: https://github.com/csstools/postcss-lab-function/actions/workflows/test.yml?query=workflow/test
+### subFeatures
+
+#### displayP3
+
+The `subFeatures.displayP3` option determines if `color(display-p3 ...)` is used as a fallback.<br>
+By default, it is enabled.
+
+`display-p3` can display wider gamut colors than `rgb` on some devices.
+
+```js
+postcssOKLabFunction({
+	subFeatures: {
+		displayP3: false
+	}
+})
+```
+
+```pcss
+.color {
+	color: lab(40% 56.6 39);
+}
+
+/* becomes */
+
+.color {
+	color: rgb(179, 35, 35);
+	color: lab(40% 56.6 39);
+}
+```
+
+## Out of gamut colors
+
+Depending on the browser implementation out of gamut colors may be clipped, resulting in a different color.<br>
+Fallback values generated by [PostCSS Lab Function] are always mapped to a close alternative in sRGB.
+
+When setting `preserve` to `true` the original values will be used by some browsers and these may be clipped.<br>
+Certain browsers will have an incorrect color if this occurs.
+
+If the plugin detects out of gamut colors it will emit a warning :
+
+> "lch(95% 210 285)" is out of gamut for "display-p3". When "preserve: true" is set this will lead to unexpected results in some browsers.
+
+To resolve this warning you can use a color that is in gamut for `display-p3`.
+
+## Copyright : color conversions
+
+This software or document includes material copied from or derived from https://github.com/w3c/csswg-drafts/tree/main/css-color-4. Copyright © 2022 W3C® (MIT, ERCIM, Keio, Beihang).
+
+[cli-url]: https://github.com/csstools/postcss-plugins/actions/workflows/test.yml?query=workflow/test
 [css-url]: https://cssdb.org/#lab-function
-[git-url]: https://gitter.im/postcss/postcss
+[discord]: https://discord.gg/bUadyRwkJS
 [npm-url]: https://www.npmjs.com/package/postcss-lab-function
 
 [CSS Color]: https://drafts.csswg.org/css-color/#specifying-lab-lch
@@ -85,4 +164,4 @@ postcssLabFunction({ preserve: true })
 [Grunt PostCSS]: https://github.com/nDmitry/grunt-postcss
 [PostCSS]: https://github.com/postcss/postcss
 [PostCSS Loader]: https://github.com/postcss/postcss-loader
-[PostCSS Lab Function]: https://github.com/csstools/postcss-lab-function
+[PostCSS Lab Function]: https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-lab-function

package/dist/convert-lab-to-display-p3.d.ts

@@ -0,0 +1,3 @@
+declare type color = [number, number, number];
+export declare function labToDisplayP3(labRaw: color): [color, boolean];
+export {};

package/dist/convert-lab-to-srgb.d.ts

@@ -0,0 +1,3 @@
+declare type color = [number, number, number];
+export declare function labToSRgb(labRaw: color): color;
+export {};

package/dist/convert-lch-to-display-p3.d.ts

@@ -0,0 +1,3 @@
+declare type color = [number, number, number];
+export declare function lchToDisplayP3(lch: color): [color, boolean];
+export {};

package/dist/convert-lch-to-srgb.d.ts

@@ -0,0 +1,3 @@
+declare type color = [number, number, number];
+export declare function lchToSRgb(lch: color): color;
+export {};

package/dist/css-color-4/conversions.d.ts

@@ -0,0 +1,47 @@
+/**
+ * @license W3C
+ * https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document
+ *
+ * @copyright This software or document includes material copied from or derived from https://github.com/w3c/csswg-drafts/blob/main/css-color-4/conversions.js. Copyright © 2022 W3C® (MIT, ERCIM, Keio, Beihang).
+ *
+ * @see https://github.com/w3c/csswg-drafts/blob/main/css-color-4/conversions.js
+ */
+declare type color = [number, number, number];
+export declare const D50: number[];
+export declare const D65: number[];
+export declare function lin_sRGB(RGB: color): color;
+export declare function gam_sRGB(RGB: color): color;
+export declare function lin_sRGB_to_XYZ(rgb: color): color;
+export declare function XYZ_to_lin_sRGB(XYZ: color): color;
+export declare function lin_P3(RGB: color): color;
+export declare function gam_P3(RGB: color): color;
+export declare function lin_P3_to_XYZ(rgb: color): color;
+export declare function XYZ_to_lin_P3(XYZ: color): color;
+export declare function lin_ProPhoto(RGB: color): color;
+export declare function gam_ProPhoto(RGB: color): color;
+export declare function lin_ProPhoto_to_XYZ(rgb: color): color;
+export declare function XYZ_to_lin_ProPhoto(XYZ: color): color;
+export declare function lin_a98rgb(RGB: color): color;
+export declare function gam_a98rgb(RGB: color): color;
+export declare function lin_a98rgb_to_XYZ(rgb: color): color;
+export declare function XYZ_to_lin_a98rgb(XYZ: color): color;
+export declare function lin_2020(RGB: color): color;
+export declare function gam_2020(RGB: color): color;
+export declare function lin_2020_to_XYZ(rgb: color): color;
+export declare function XYZ_to_lin_2020(XYZ: color): color;
+export declare function D65_to_D50(XYZ: color): color;
+export declare function D50_to_D65(XYZ: color): color;
+export declare function XYZ_to_Lab(XYZ: color): color;
+export declare function Lab_to_XYZ(Lab: color): color;
+export declare function Lab_to_LCH(Lab: color): color;
+export declare function LCH_to_Lab(LCH: color): color;
+export declare function XYZ_to_OKLab(XYZ: color): color;
+export declare function OKLab_to_XYZ(OKLab: color): color;
+export declare function OKLab_to_OKLCH(OKLab: color): color;
+export declare function OKLCH_to_OKLab(OKLCH: color): color;
+export declare function rectangular_premultiply(color: color, alpha: number): color;
+export declare function rectangular_un_premultiply(color: color, alpha: number): color;
+export declare function polar_premultiply(color: color, alpha: number, hueIndex: number): color;
+export declare function polar_un_premultiply(color: color, alpha: number, hueIndex: number): color;
+export declare function hsl_premultiply(color: color, alpha: number): color;
+export {};

package/dist/css-color-4/deltaEOK.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license W3C
+ * https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document
+ *
+ * @copyright This software or document includes material copied from or derived from https://github.com/w3c/csswg-drafts/blob/main/css-color-4/deltaEOK.js. Copyright © 2022 W3C® (MIT, ERCIM, Keio, Beihang).
+ *
+ * @see https://github.com/w3c/csswg-drafts/blob/main/css-color-4/deltaEOK.js
+ */
+declare type color = [number, number, number];
+export declare function deltaEOK(reference: color, sample: color): number;
+export {};

package/dist/css-color-4/map-gamut.d.ts

@@ -0,0 +1,5 @@
+declare type color = [number, number, number];
+export declare function mapGamut(startOKLCH: color, toDestination: (x: color) => color, fromDestination: (x: color) => color): color;
+export declare function clip(color: color): color;
+export declare function inGamut(x: color): boolean;
+export {};

package/dist/css-color-4/multiply-matrices.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Simple matrix (and vector) multiplication
+ * Warning: No error handling for incompatible dimensions!
+ * @author Lea Verou 2020 MIT License
+ *
+ * @license W3C
+ * https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document
+ *
+ * @copyright This software or document includes material copied from or derived from https://github.com/w3c/csswg-drafts/blob/main/css-color-4/multiply-matrices.js. Copyright © 2022 W3C® (MIT, ERCIM, Keio, Beihang).
+ *
+ * @see https://github.com/w3c/csswg-drafts/blob/main/css-color-4/multiply-matrices.js
+ */
+export declare function multiplyMatrices(a: Array<Array<number>> | Array<number>, b: Array<Array<number>> | Array<number>): Array<Array<number>> | Array<number>;

package/dist/css-color-4/utilities.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @license W3C
+ * https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document
+ *
+ * @copyright This software or document includes material copied from or derived from https://github.com/w3c/csswg-drafts/blob/main/css-color-4/utilities.js. Copyright © 2022 W3C® (MIT, ERCIM, Keio, Beihang).
+ *
+ * @see https://github.com/w3c/csswg-drafts/blob/main/css-color-4/utilities.js
+ */
+declare type color = [number, number, number];
+export declare function sRGB_to_luminance(RGB: color): number;
+export declare function contrast(RGB1: color, RGB2: color): number;
+export declare function sRGB_to_LCH(RGB: color): color;
+export declare function P3_to_LCH(RGB: color): color;
+export declare function r2020_to_LCH(RGB: color): color;
+export declare function LCH_to_sRGB(LCH: color): color;
+export declare function LCH_to_P3(LCH: color): color;
+export declare function LCH_to_r2020(LCH: color): color;
+export declare function hslToRgb(hsl: color): color;
+export declare function hueToRgb(t1: number, t2: number, hue: number): number;
+export declare function naive_CMYK_to_sRGB(CMYK: [number, number, number, number]): color;
+export declare function naive_sRGB_to_CMYK(RGB: color): [number, number, number, number];
+export declare function XYZ_to_xy(XYZ: color): [number, number];
+export declare function xy_to_uv(xy: [number, number]): [number, number];
+export declare function XYZ_to_uv(XYZ: color): [number, number];
+export {};

package/dist/has-fallback-decl.d.ts

@@ -0,0 +1,2 @@
+import type { Declaration } from 'postcss';
+export declare function hasFallback(node: Declaration): boolean;

package/dist/has-supports-at-rule-ancestor.d.ts

@@ -0,0 +1,2 @@
+import type { Node } from 'postcss';
+export declare function hasSupportsAtRuleAncestor(node: Node): boolean;

package/dist/index.cjs

@@ -0,0 +1,30 @@
+"use strict";var e=require("@csstools/postcss-progressive-custom-properties"),t=require("postcss-value-parser");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=n(e),u=n(t);
+/**
+ * Simple matrix (and vector) multiplication
+ * Warning: No error handling for incompatible dimensions!
+ * @author Lea Verou 2020 MIT License
+ *
+ * @license W3C
+ * https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document
+ *
+ * @copyright This software or document includes material copied from or derived from https://github.com/w3c/csswg-drafts/blob/main/css-color-4/multiply-matrices.js. Copyright © 2022 W3C® (MIT, ERCIM, Keio, Beihang).
+ *
+ * @see https://github.com/w3c/csswg-drafts/blob/main/css-color-4/multiply-matrices.js
+ */
+function a(e,t){const n=e.length;let r,u;r=Array.isArray(e[0])?e:[e],Array.isArray(t[0])||(u=t.map((e=>[e])));const a=u[0].length,o=u[0].map(((e,t)=>u.map((e=>e[t]))));let i=r.map((e=>o.map((t=>Array.isArray(e)?e.reduce(((e,n,r)=>e+n*(t[r]||0)),0):t.reduce(((t,n)=>t+n*e),0)))));return 1===n&&(i=i[0]),1===a?i.map((e=>e[0])):i}
+/**
+ * @license W3C
+ * https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document
+ *
+ * @copyright This software or document includes material copied from or derived from https://github.com/w3c/csswg-drafts/blob/main/css-color-4/conversions.js. Copyright © 2022 W3C® (MIT, ERCIM, Keio, Beihang).
+ *
+ * @see https://github.com/w3c/csswg-drafts/blob/main/css-color-4/conversions.js
+ */const o=[.3457/.3585,1,.2958/.3585];function i(e){return e.map((function(e){const t=e<0?-1:1,n=Math.abs(e);return n<.04045?e/12.92:t*Math.pow((n+.055)/1.055,2.4)}))}function s(e){return e.map((function(e){const t=e<0?-1:1,n=Math.abs(e);return n>.0031308?t*(1.055*Math.pow(n,1/2.4)-.055):12.92*e}))}function l(e){return a([[.41239079926595934,.357584339383878,.1804807884018343],[.21263900587151027,.715168678767756,.07219231536073371],[.01933081871559182,.11919477979462598,.9505321522496607]],e)}function c(e){return a([[3.2409699419045226,-1.537383177570094,-.4986107602930034],[-.9692436362808796,1.8759675015077202,.04155505740717559],[.05563007969699366,-.20397695888897652,1.0569715142428786]],e)}function f(e){return i(e)}function p(e){return s(e)}function d(e){return a([[.4865709486482162,.26566769316909306,.1982172852343625],[.2289745640697488,.6917385218365064,.079286914093745],[0,.04511338185890264,1.043944368900976]],e)}function h(e){return a([[2.493496911941425,-.9313836179191239,-.40271078445071684],[-.8294889695615747,1.7626640603183463,.023624685841943577],[.03584583024378447,-.07617238926804182,.9568845240076872]],e)}function v(e){return a([[.9554734527042182,-.023098536874261423,.0632593086610217],[-.028369706963208136,1.0099954580058226,.021041398966943008],[.012314001688319899,-.020507696433477912,1.3303659366080753]],e)}function m(e){const t=24389/27,n=216/24389,r=[];r[1]=(e[0]+16)/116,r[0]=e[1]/500+r[1],r[2]=r[1]-e[2]/200;return[Math.pow(r[0],3)>n?Math.pow(r[0],3):(116*r[0]-16)/t,e[0]>8?Math.pow((e[0]+16)/116,3):e[0]/t,Math.pow(r[2],3)>n?Math.pow(r[2],3):(116*r[2]-16)/t].map(((e,t)=>e*o[t]))}function b(e){return[e[0],e[1]*Math.cos(e[2]*Math.PI/180),e[1]*Math.sin(e[2]*Math.PI/180)]}function y(e){const t=a([[.8190224432164319,.3619062562801221,-.12887378261216414],[.0329836671980271,.9292868468965546,.03614466816999844],[.048177199566046255,.26423952494422764,.6335478258136937]],e);return a([[.2104542553,.793617785,-.0040720468],[1.9779984951,-2.428592205,.4505937099],[.0259040371,.7827717662,-.808675766]],t.map((e=>Math.cbrt(e))))}function M(e){const t=a([[.9999999984505198,.39633779217376786,.2158037580607588],[1.0000000088817609,-.10556134232365635,-.06385417477170591],[1.0000000546724108,-.08948418209496575,-1.2914855378640917]],e);return a([[1.2268798733741557,-.5578149965554813,.28139105017721583],[-.04057576262431372,1.1122868293970594,-.07171106666151701],[-.07637294974672142,-.4214933239627914,1.5869240244272418]],t.map((e=>e**3)))}function g(e){const t=180*Math.atan2(e[2],e[1])/Math.PI;return[e[0],Math.sqrt(e[1]**2+e[2]**2),t>=0?t:t+360]}function x(e){return[e[0],e[1]*Math.cos(e[2]*Math.PI/180),e[1]*Math.sin(e[2]*Math.PI/180)]}
+/**
+ * @license W3C
+ * https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document
+ *
+ * @copyright This software or document includes material copied from or derived from https://github.com/w3c/csswg-drafts/blob/main/css-color-4/deltaEOK.js. Copyright © 2022 W3C® (MIT, ERCIM, Keio, Beihang).
+ *
+ * @see https://github.com/w3c/csswg-drafts/blob/main/css-color-4/deltaEOK.js
+ */function w(e,t){const[n,r,u]=e,[a,o,i]=t,s=n-a,l=r-o,c=u-i;return Math.sqrt(s**2+l**2+c**2)}function P(e,t,n){return function(e,t,n){let r=0,u=e[1];const a=e;for(;u-r>1e-4;){w(a,n(F(t(a))))-.02<1e-4?r=a[1]:u=a[1],a[1]=(u+r)/2}return F(t([...a]))}(e,t,n)}function F(e){return e.map((e=>e<0?0:e>1?1:e))}function I(e){const[t,n,r]=e;return t>=-1e-4&&t<=1.0001&&n>=-1e-4&&n<=1.0001&&r>=-1e-4&&r<=1.0001}function N(e){const[t,n,r]=e;let u=[Math.min(Math.max(t,0),100),Math.min(Math.max(n,-127),128),Math.min(Math.max(r,-127),128)].slice();u=m(u);let a=u.slice();return a=v(a),a=y(a),a=g(a),u=v(u),u=h(u),u=p(u),I(u)?[F(u),!0]:[P(a,(e=>p(e=h(e=M(e=x(e))))),(e=>g(e=y(e=d(e=f(e)))))),!1]}function S(e){const[t,n,r]=e;let u=[Math.min(Math.max(t,0),100),Math.min(Math.max(n,-127),128),Math.min(Math.max(r,-127),128)].slice();u=m(u);let a=u.slice();return a=v(a),a=y(a),a=g(a),u=v(u),u=c(u),u=s(u),I(u)?F(u).map((e=>Math.round(255*e))):P(a,(e=>s(e=c(e=M(e=x(e))))),(e=>g(e=y(e=l(e=i(e)))))).map((e=>Math.round(255*e)))}function O(e){let t=e.slice();t=b(t),t=m(t);let n=t.slice();return n=v(n),n=y(n),n=g(n),t=v(t),t=h(t),t=p(t),I(t)?[F(t),!0]:[P(n,(e=>p(e=h(e=M(e=x(e))))),(e=>g(e=y(e=d(e=f(e)))))),!1]}function A(e){let t=e.slice();t=b(t),t=m(t);let n=t.slice();return n=v(n),n=y(n),n=g(n),t=v(t),t=c(t),t=s(t),I(t)?F(t).map((e=>Math.round(255*e))):P(n,(e=>s(e=c(e=M(e=x(e))))),(e=>g(e=y(e=l(e=i(e)))))).map((e=>Math.round(255*e)))}function q(e){const t=e.value,n=e.nodes.slice().filter((e=>"comment"!==e.type&&"space"!==e.type));let r=null;if("lab"===t?r=G(n):"lch"===t&&(r=D(n)),!r)return;if(n.length>3&&(!r.slash||!r.alpha))return;e.value="rgb",function(e,t,n){if(!t||!n)return;if(e.value="rgba",t.value=",",t.before="",!function(e){if(!e||"word"!==e.type)return!1;if(!K(e))return!1;const t=u.default.unit(e.value);if(!t)return!1;return!!t.number}(n))return;const r=u.default.unit(n.value);if(!r)return;"%"===r.unit&&(r.number=String(parseFloat(r.number)/100),n.value=String(r.number))}(e,r.slash,r.alpha);const[a,o,i]=z(r),[s,l,c]=H(r),f=("lab"===t?S:A)([s.number,l.number,c.number].map((e=>parseFloat(e))));e.nodes.splice(e.nodes.indexOf(a)+1,0,{sourceIndex:0,sourceEndIndex:1,value:",",type:"div",before:"",after:""}),e.nodes.splice(e.nodes.indexOf(o)+1,0,{sourceIndex:0,sourceEndIndex:1,value:",",type:"div",before:"",after:""}),J(e.nodes,a,{...a,value:String(f[0])}),J(e.nodes,o,{...o,value:String(f[1])}),J(e.nodes,i,{...i,value:String(f[2])})}function B(e){if(!e||"word"!==e.type)return!1;if(!K(e))return!1;const t=u.default.unit(e.value);return!!t&&(!!t.number&&""===t.unit)}function E(e){if(!e||"word"!==e.type)return!1;if(!K(e))return!1;const t=u.default.unit(e.value);return!!t&&"%"===t.unit}function j(e){if(!e||"word"!==e.type)return!1;if(!K(e))return!1;const t=u.default.unit(e.value);return!!t&&("%"===t.unit||""===t.unit)}function k(e){return e&&"function"===e.type&&"calc"===e.value}function C(e){return e&&"function"===e.type&&"var"===e.value}function $(e){return e&&"div"===e.type&&"/"===e.value}function D(e){if(!E(e[0]))return null;if(!B(e[1]))return null;if(!function(e){if(!e||"word"!==e.type)return!1;if(!K(e))return!1;const t=u.default.unit(e.value);return!(!t||!t.number||"deg"!==t.unit&&"grad"!==t.unit&&"rad"!==t.unit&&"turn"!==t.unit&&""!==t.unit)}(e[2]))return null;const t={l:u.default.unit(e[0].value),lNode:e[0],c:u.default.unit(e[1].value),cNode:e[1],h:u.default.unit(e[2].value),hNode:e[2]};return function(e){switch(e.unit){case"deg":return void(e.unit="");case"rad":return e.unit="",void(e.number=(180*parseFloat(e.number)/Math.PI).toString());case"grad":return e.unit="",void(e.number=(.9*parseFloat(e.number)).toString());case"turn":e.unit="",e.number=(360*parseFloat(e.number)).toString()}}(t.h),""!==t.h.unit?null:($(e[3])&&(t.slash=e[3]),(j(e[4])||k(e[4])||C(e[4]))&&(t.alpha=e[4]),t)}function G(e){if(!E(e[0]))return null;if(!B(e[1]))return null;if(!B(e[2]))return null;const t={l:u.default.unit(e[0].value),lNode:e[0],a:u.default.unit(e[1].value),aNode:e[1],b:u.default.unit(e[2].value),bNode:e[2]};return $(e[3])&&(t.slash=e[3]),(j(e[4])||k(e[4])||C(e[4]))&&(t.alpha=e[4]),t}function L(e){return void 0!==e.a}function z(e){return L(e)?[e.lNode,e.aNode,e.bNode]:[e.lNode,e.cNode,e.hNode]}function H(e){return L(e)?[e.l,e.a,e.b]:[e.l,e.c,e.h]}function J(e,t,n){const r=e.indexOf(t);e[r]=n}function K(e){if(!e||!e.value)return!1;try{return!1!==u.default.unit(e.value)}catch(e){return!1}}function Q(e,t,n,r){let a;try{a=u.default(e)}catch(r){t.warn(n,`Failed to parse value '${e}' as a lab or lch function. Leaving the original value intact.`)}if(void 0===a)return;a.walk((e=>{e.type&&"function"===e.type&&("lab"!==e.value&&"lch"!==e.value||q(e))}));const o=String(a);if(o===e)return;const i=u.default(e);i.walk((e=>{e.type&&"function"===e.type&&("lab"!==e.value&&"lch"!==e.value||function(e,t,n,r){const a=u.default.stringify(e),o=e.value,i=e.nodes.slice().filter((e=>"comment"!==e.type&&"space"!==e.type));let s=null;if("lab"===o?s=G(i):"lch"===o&&(s=D(i)),!s)return;if(i.length>3&&(!s.slash||!s.alpha))return;e.value="color";const[l,c,f]=z(s),[p,d,h]=H(s),v="lab"===o?N:O,m=[p.number,d.number,h.number].map((e=>parseFloat(e))),[b,y]=v(m);!y&&r&&t.warn(n,`"${a}" is out of gamut for "display-p3". Given "preserve: true" is set, this will lead to unexpected results in some browsers.`),e.nodes.splice(0,0,{sourceIndex:0,sourceEndIndex:10,value:"display-p3",type:"word"}),e.nodes.splice(1,0,{sourceIndex:0,sourceEndIndex:1,value:" ",type:"space"}),J(e.nodes,l,{...l,value:b[0].toFixed(5)}),J(e.nodes,c,{...c,value:b[1].toFixed(5)}),J(e.nodes,f,{...f,value:b[2].toFixed(5)})}(e,t,n,r))}));return{rgb:o,displayP3:String(i)}}const R=e=>({postcssPlugin:"postcss-lab-function",Declaration:(t,{result:n})=>{if(function(e){const t=e.parent;if(!t)return!1;const n=t.index(e);for(let r=0;r<n;r++){const n=t.nodes[r];if("decl"===n.type&&n.prop===e.prop)return!0}return!1}(t))return;if(function(e){let t=e.parent;for(;t;)if("atrule"===t.type){if("supports"===t.name){if(-1!==t.params.indexOf("lab("))return!0;if(-1!==t.params.indexOf("lch("))return!0}t=t.parent}else t=t.parent;return!1}(t))return;const r=t.value;if(!/(^|[^\w-])(lab|lch)\(/i.test(r))return;const u=Q(r,t,n,e.preserve);void 0!==u&&(e.preserve?(t.cloneBefore({value:u.rgb}),e.subFeatures.displayP3&&t.cloneBefore({value:u.displayP3})):(t.cloneBefore({value:u.rgb}),e.subFeatures.displayP3&&t.cloneBefore({value:u.displayP3}),t.remove()))}});R.postcss=!0;const T=e=>{const t=Object.assign({enableProgressiveCustomProperties:!0,preserve:!1,subFeatures:{displayP3:!0}},e);return t.subFeatures=Object.assign({displayP3:!0},t.subFeatures),t.enableProgressiveCustomProperties&&(t.preserve||t.subFeatures.displayP3)?{postcssPlugin:"postcss-color-function",plugins:[r.default(),R(t)]}:R(t)};T.postcss=!0,module.exports=T;

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+import type { PluginCreator } from 'postcss';
+declare type pluginOptions = {
+    enableProgressiveCustomProperties?: boolean;
+    preserve?: boolean;
+    subFeatures?: {
+        displayP3?: boolean;
+    };
+};
+declare const postcssPlugin: PluginCreator<pluginOptions>;
+export default postcssPlugin;

package/dist/index.mjs

@@ -0,0 +1,30 @@
+import e from"@csstools/postcss-progressive-custom-properties";import n from"postcss-value-parser";
+/**
+ * Simple matrix (and vector) multiplication
+ * Warning: No error handling for incompatible dimensions!
+ * @author Lea Verou 2020 MIT License
+ *
+ * @license W3C
+ * https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document
+ *
+ * @copyright This software or document includes material copied from or derived from https://github.com/w3c/csswg-drafts/blob/main/css-color-4/multiply-matrices.js. Copyright © 2022 W3C® (MIT, ERCIM, Keio, Beihang).
+ *
+ * @see https://github.com/w3c/csswg-drafts/blob/main/css-color-4/multiply-matrices.js
+ */
+function t(e,n){const t=e.length;let r,u;r=Array.isArray(e[0])?e:[e],Array.isArray(n[0])||(u=n.map((e=>[e])));const a=u[0].length,o=u[0].map(((e,n)=>u.map((e=>e[n]))));let i=r.map((e=>o.map((n=>Array.isArray(e)?e.reduce(((e,t,r)=>e+t*(n[r]||0)),0):n.reduce(((n,t)=>n+t*e),0)))));return 1===t&&(i=i[0]),1===a?i.map((e=>e[0])):i}
+/**
+ * @license W3C
+ * https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document
+ *
+ * @copyright This software or document includes material copied from or derived from https://github.com/w3c/csswg-drafts/blob/main/css-color-4/conversions.js. Copyright © 2022 W3C® (MIT, ERCIM, Keio, Beihang).
+ *
+ * @see https://github.com/w3c/csswg-drafts/blob/main/css-color-4/conversions.js
+ */const r=[.3457/.3585,1,.2958/.3585];function u(e){return e.map((function(e){const n=e<0?-1:1,t=Math.abs(e);return t<.04045?e/12.92:n*Math.pow((t+.055)/1.055,2.4)}))}function a(e){return e.map((function(e){const n=e<0?-1:1,t=Math.abs(e);return t>.0031308?n*(1.055*Math.pow(t,1/2.4)-.055):12.92*e}))}function o(e){return t([[.41239079926595934,.357584339383878,.1804807884018343],[.21263900587151027,.715168678767756,.07219231536073371],[.01933081871559182,.11919477979462598,.9505321522496607]],e)}function i(e){return t([[3.2409699419045226,-1.537383177570094,-.4986107602930034],[-.9692436362808796,1.8759675015077202,.04155505740717559],[.05563007969699366,-.20397695888897652,1.0569715142428786]],e)}function s(e){return u(e)}function l(e){return a(e)}function c(e){return t([[.4865709486482162,.26566769316909306,.1982172852343625],[.2289745640697488,.6917385218365064,.079286914093745],[0,.04511338185890264,1.043944368900976]],e)}function f(e){return t([[2.493496911941425,-.9313836179191239,-.40271078445071684],[-.8294889695615747,1.7626640603183463,.023624685841943577],[.03584583024378447,-.07617238926804182,.9568845240076872]],e)}function p(e){return t([[.9554734527042182,-.023098536874261423,.0632593086610217],[-.028369706963208136,1.0099954580058226,.021041398966943008],[.012314001688319899,-.020507696433477912,1.3303659366080753]],e)}function d(e){const n=24389/27,t=216/24389,u=[];u[1]=(e[0]+16)/116,u[0]=e[1]/500+u[1],u[2]=u[1]-e[2]/200;return[Math.pow(u[0],3)>t?Math.pow(u[0],3):(116*u[0]-16)/n,e[0]>8?Math.pow((e[0]+16)/116,3):e[0]/n,Math.pow(u[2],3)>t?Math.pow(u[2],3):(116*u[2]-16)/n].map(((e,n)=>e*r[n]))}function h(e){return[e[0],e[1]*Math.cos(e[2]*Math.PI/180),e[1]*Math.sin(e[2]*Math.PI/180)]}function v(e){const n=t([[.8190224432164319,.3619062562801221,-.12887378261216414],[.0329836671980271,.9292868468965546,.03614466816999844],[.048177199566046255,.26423952494422764,.6335478258136937]],e);return t([[.2104542553,.793617785,-.0040720468],[1.9779984951,-2.428592205,.4505937099],[.0259040371,.7827717662,-.808675766]],n.map((e=>Math.cbrt(e))))}function m(e){const n=t([[.9999999984505198,.39633779217376786,.2158037580607588],[1.0000000088817609,-.10556134232365635,-.06385417477170591],[1.0000000546724108,-.08948418209496575,-1.2914855378640917]],e);return t([[1.2268798733741557,-.5578149965554813,.28139105017721583],[-.04057576262431372,1.1122868293970594,-.07171106666151701],[-.07637294974672142,-.4214933239627914,1.5869240244272418]],n.map((e=>e**3)))}function b(e){const n=180*Math.atan2(e[2],e[1])/Math.PI;return[e[0],Math.sqrt(e[1]**2+e[2]**2),n>=0?n:n+360]}function y(e){return[e[0],e[1]*Math.cos(e[2]*Math.PI/180),e[1]*Math.sin(e[2]*Math.PI/180)]}
+/**
+ * @license W3C
+ * https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document
+ *
+ * @copyright This software or document includes material copied from or derived from https://github.com/w3c/csswg-drafts/blob/main/css-color-4/deltaEOK.js. Copyright © 2022 W3C® (MIT, ERCIM, Keio, Beihang).
+ *
+ * @see https://github.com/w3c/csswg-drafts/blob/main/css-color-4/deltaEOK.js
+ */function M(e,n){const[t,r,u]=e,[a,o,i]=n,s=t-a,l=r-o,c=u-i;return Math.sqrt(s**2+l**2+c**2)}function g(e,n,t){return function(e,n,t){let r=0,u=e[1];const a=e;for(;u-r>1e-4;){M(a,t(x(n(a))))-.02<1e-4?r=a[1]:u=a[1],a[1]=(u+r)/2}return x(n([...a]))}(e,n,t)}function x(e){return e.map((e=>e<0?0:e>1?1:e))}function w(e){const[n,t,r]=e;return n>=-1e-4&&n<=1.0001&&t>=-1e-4&&t<=1.0001&&r>=-1e-4&&r<=1.0001}function P(e){const[n,t,r]=e;let u=[Math.min(Math.max(n,0),100),Math.min(Math.max(t,-127),128),Math.min(Math.max(r,-127),128)].slice();u=d(u);let a=u.slice();return a=p(a),a=v(a),a=b(a),u=p(u),u=f(u),u=l(u),w(u)?[x(u),!0]:[g(a,(e=>l(e=f(e=m(e=y(e))))),(e=>b(e=v(e=c(e=s(e)))))),!1]}function F(e){const[n,t,r]=e;let s=[Math.min(Math.max(n,0),100),Math.min(Math.max(t,-127),128),Math.min(Math.max(r,-127),128)].slice();s=d(s);let l=s.slice();return l=p(l),l=v(l),l=b(l),s=p(s),s=i(s),s=a(s),w(s)?x(s).map((e=>Math.round(255*e))):g(l,(e=>a(e=i(e=m(e=y(e))))),(e=>b(e=v(e=o(e=u(e)))))).map((e=>Math.round(255*e)))}function I(e){let n=e.slice();n=h(n),n=d(n);let t=n.slice();return t=p(t),t=v(t),t=b(t),n=p(n),n=f(n),n=l(n),w(n)?[x(n),!0]:[g(t,(e=>l(e=f(e=m(e=y(e))))),(e=>b(e=v(e=c(e=s(e)))))),!1]}function N(e){let n=e.slice();n=h(n),n=d(n);let t=n.slice();return t=p(t),t=v(t),t=b(t),n=p(n),n=i(n),n=a(n),w(n)?x(n).map((e=>Math.round(255*e))):g(t,(e=>a(e=i(e=m(e=y(e))))),(e=>b(e=v(e=o(e=u(e)))))).map((e=>Math.round(255*e)))}function S(e){const t=e.value,r=e.nodes.slice().filter((e=>"comment"!==e.type&&"space"!==e.type));let u=null;if("lab"===t?u=C(r):"lch"===t&&(u=q(r)),!u)return;if(r.length>3&&(!u.slash||!u.alpha))return;e.value="rgb",function(e,t,r){if(!t||!r)return;if(e.value="rgba",t.value=",",t.before="",!function(e){if(!e||"word"!==e.type)return!1;if(!z(e))return!1;const t=n.unit(e.value);if(!t)return!1;return!!t.number}(r))return;const u=n.unit(r.value);if(!u)return;"%"===u.unit&&(u.number=String(parseFloat(u.number)/100),r.value=String(u.number))}(e,u.slash,u.alpha);const[a,o,i]=D(u),[s,l,c]=G(u),f=("lab"===t?F:N)([s.number,l.number,c.number].map((e=>parseFloat(e))));e.nodes.splice(e.nodes.indexOf(a)+1,0,{sourceIndex:0,sourceEndIndex:1,value:",",type:"div",before:"",after:""}),e.nodes.splice(e.nodes.indexOf(o)+1,0,{sourceIndex:0,sourceEndIndex:1,value:",",type:"div",before:"",after:""}),L(e.nodes,a,{...a,value:String(f[0])}),L(e.nodes,o,{...o,value:String(f[1])}),L(e.nodes,i,{...i,value:String(f[2])})}function O(e){if(!e||"word"!==e.type)return!1;if(!z(e))return!1;const t=n.unit(e.value);return!!t&&(!!t.number&&""===t.unit)}function A(e){if(!e||"word"!==e.type)return!1;if(!z(e))return!1;const t=n.unit(e.value);return!!t&&"%"===t.unit}function B(e){if(!e||"word"!==e.type)return!1;if(!z(e))return!1;const t=n.unit(e.value);return!!t&&("%"===t.unit||""===t.unit)}function E(e){return e&&"function"===e.type&&"calc"===e.value}function j(e){return e&&"function"===e.type&&"var"===e.value}function k(e){return e&&"div"===e.type&&"/"===e.value}function q(e){if(!A(e[0]))return null;if(!O(e[1]))return null;if(!function(e){if(!e||"word"!==e.type)return!1;if(!z(e))return!1;const t=n.unit(e.value);return!(!t||!t.number||"deg"!==t.unit&&"grad"!==t.unit&&"rad"!==t.unit&&"turn"!==t.unit&&""!==t.unit)}(e[2]))return null;const t={l:n.unit(e[0].value),lNode:e[0],c:n.unit(e[1].value),cNode:e[1],h:n.unit(e[2].value),hNode:e[2]};return function(e){switch(e.unit){case"deg":return void(e.unit="");case"rad":return e.unit="",void(e.number=(180*parseFloat(e.number)/Math.PI).toString());case"grad":return e.unit="",void(e.number=(.9*parseFloat(e.number)).toString());case"turn":e.unit="",e.number=(360*parseFloat(e.number)).toString()}}(t.h),""!==t.h.unit?null:(k(e[3])&&(t.slash=e[3]),(B(e[4])||E(e[4])||j(e[4]))&&(t.alpha=e[4]),t)}function C(e){if(!A(e[0]))return null;if(!O(e[1]))return null;if(!O(e[2]))return null;const t={l:n.unit(e[0].value),lNode:e[0],a:n.unit(e[1].value),aNode:e[1],b:n.unit(e[2].value),bNode:e[2]};return k(e[3])&&(t.slash=e[3]),(B(e[4])||E(e[4])||j(e[4]))&&(t.alpha=e[4]),t}function $(e){return void 0!==e.a}function D(e){return $(e)?[e.lNode,e.aNode,e.bNode]:[e.lNode,e.cNode,e.hNode]}function G(e){return $(e)?[e.l,e.a,e.b]:[e.l,e.c,e.h]}function L(e,n,t){const r=e.indexOf(n);e[r]=t}function z(e){if(!e||!e.value)return!1;try{return!1!==n.unit(e.value)}catch(e){return!1}}function H(e,t,r,u){let a;try{a=n(e)}catch(n){t.warn(r,`Failed to parse value '${e}' as a lab or lch function. Leaving the original value intact.`)}if(void 0===a)return;a.walk((e=>{e.type&&"function"===e.type&&("lab"!==e.value&&"lch"!==e.value||S(e))}));const o=String(a);if(o===e)return;const i=n(e);i.walk((e=>{e.type&&"function"===e.type&&("lab"!==e.value&&"lch"!==e.value||function(e,t,r,u){const a=n.stringify(e),o=e.value,i=e.nodes.slice().filter((e=>"comment"!==e.type&&"space"!==e.type));let s=null;if("lab"===o?s=C(i):"lch"===o&&(s=q(i)),!s)return;if(i.length>3&&(!s.slash||!s.alpha))return;e.value="color";const[l,c,f]=D(s),[p,d,h]=G(s),v="lab"===o?P:I,m=[p.number,d.number,h.number].map((e=>parseFloat(e))),[b,y]=v(m);!y&&u&&t.warn(r,`"${a}" is out of gamut for "display-p3". Given "preserve: true" is set, this will lead to unexpected results in some browsers.`),e.nodes.splice(0,0,{sourceIndex:0,sourceEndIndex:10,value:"display-p3",type:"word"}),e.nodes.splice(1,0,{sourceIndex:0,sourceEndIndex:1,value:" ",type:"space"}),L(e.nodes,l,{...l,value:b[0].toFixed(5)}),L(e.nodes,c,{...c,value:b[1].toFixed(5)}),L(e.nodes,f,{...f,value:b[2].toFixed(5)})}(e,t,r,u))}));return{rgb:o,displayP3:String(i)}}const J=e=>({postcssPlugin:"postcss-lab-function",Declaration:(n,{result:t})=>{if(function(e){const n=e.parent;if(!n)return!1;const t=n.index(e);for(let r=0;r<t;r++){const t=n.nodes[r];if("decl"===t.type&&t.prop===e.prop)return!0}return!1}(n))return;if(function(e){let n=e.parent;for(;n;)if("atrule"===n.type){if("supports"===n.name){if(-1!==n.params.indexOf("lab("))return!0;if(-1!==n.params.indexOf("lch("))return!0}n=n.parent}else n=n.parent;return!1}(n))return;const r=n.value;if(!/(^|[^\w-])(lab|lch)\(/i.test(r))return;const u=H(r,n,t,e.preserve);void 0!==u&&(e.preserve?(n.cloneBefore({value:u.rgb}),e.subFeatures.displayP3&&n.cloneBefore({value:u.displayP3})):(n.cloneBefore({value:u.rgb}),e.subFeatures.displayP3&&n.cloneBefore({value:u.displayP3}),n.remove()))}});J.postcss=!0;const K=n=>{const t=Object.assign({enableProgressiveCustomProperties:!0,preserve:!1,subFeatures:{displayP3:!0}},n);return t.subFeatures=Object.assign({displayP3:!0},t.subFeatures),t.enableProgressiveCustomProperties&&(t.preserve||t.subFeatures.displayP3)?{postcssPlugin:"postcss-color-function",plugins:[e(),J(t)]}:J(t)};K.postcss=!0;export{K as default};

package/dist/modified-values.d.ts

@@ -0,0 +1,5 @@
+import type { Declaration, Result } from 'postcss';
+export declare function modifiedValues(originalValue: string, decl: Declaration, result: Result, preserve: boolean): {
+    rgb: string;
+    displayP3: string;
+} | undefined;

package/dist/on-css-function.d.ts

@@ -0,0 +1,4 @@
+import type { FunctionNode } from 'postcss-value-parser';
+import { Declaration, Result } from 'postcss';
+export declare function onCSSFunctionSRgb(node: FunctionNode): void;
+export declare function onCSSFunctionDisplayP3(node: FunctionNode, decl: Declaration, result: Result, preserve: boolean): void;

package/package.json

@@ -1,65 +1,46 @@
 {
   "name": "postcss-lab-function",
-  "version": "4.0.1",
+  "version": "4.1.0",
   "description": "Use lab() and lch() color functions in CSS",
   "author": "Jonathan Neal <jonathantneal@hotmail.com>",
   "license": "CC0-1.0",
-  "repository": "csstools/postcss-lab-function",
-  "homepage": "https://github.com/csstools/postcss-lab-function#readme",
-  "bugs": "https://github.com/csstools/postcss-lab-function/issues",
-  "main": "dist/index.cjs.js",
-  "module": "dist/index.esm.mjs",
+  "homepage": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-lab-function#readme",
+  "bugs": "https://github.com/csstools/postcss-plugins/issues",
+  "main": "dist/index.cjs",
+  "module": "dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs",
+      "default": "./dist/index.mjs"
+    }
+  },
   "files": [
+    "CHANGELOG.md",
+    "LICENSE.md",
+    "README.md",
     "dist"
   ],
   "scripts": {
-    "build": "npx rollup -c .rollup.js",
-    "build:watch": "npx rollup -c .rollup.js --watch",
-    "lint": "npx eslint --cache src",
-    "lint:fix": "npx eslint --cache --fix",
-    "pretest": "npm install && npm run build",
-    "test": "npm run lint && npm run tape",
-    "tape": "npx postcss-tape",
-    "prepublishOnly": "npm test"
+    "build": "rollup -c ../../rollup/default.js",
+    "clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
+    "lint": "eslint ./src --ext .js --ext .ts --ext .mjs --no-error-on-unmatched-pattern",
+    "prepublishOnly": "npm run clean && npm run build && npm run test",
+    "stryker": "stryker run --logLevel error",
+    "test": "node .tape.mjs && npm run test:exports",
+    "test:rewrite-expects": "REWRITE_EXPECTS=true node .tape.mjs",
+    "test:exports": "node ./test/_import.mjs && node ./test/_require.cjs"
   },
   "engines": {
-    "node": ">=12"
+    "node": "^12 || ^14 || >=16"
   },
   "dependencies": {
-    "@csstools/convert-colors": "2.0.0",
-    "postcss-values-parser": "6.0.1"
+    "@csstools/postcss-progressive-custom-properties": "^1.1.0",
+    "postcss-value-parser": "^4.2.0"
   },
   "peerDependencies": {
-    "postcss": "^8.3"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.16.0",
-    "@babel/preset-env": "^7.16.4",
-    "@rollup/plugin-babel": "^5.3.0",
-    "eslint": "^8.2.0",
-    "postcss": "^8.3.11",
-    "postcss-tape": "^6.0.1",
-    "rollup": "^2.60.0"
-  },
-  "babel": {
-    "presets": [
-      [
-        "@babel/env",
-        {
-          "targets": "maintained node versions"
-        }
-      ]
-    ]
-  },
-  "eslintConfig": {
-    "env": {
-      "es6": true,
-      "node": true
-    },
-    "extends": "eslint:recommended",
-    "parserOptions": {
-      "sourceType": "module"
-    }
+    "postcss": "^8.4"
   },
   "keywords": [
     "postcss",
@@ -69,14 +50,21 @@
     "colors",
     "rgb",
     "rgba",
-    "hsl",
-    "hsla",
-    "hwb",
+    "lab",
+    "lch",
     "functional",
     "notation",
     "design",
     "syntax",
     "space",
     "comma"
-  ]
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/csstools/postcss-plugins.git",
+    "directory": "plugins/postcss-lab-function"
+  },
+  "volta": {
+    "extends": "../../package.json"
+  }
 }

package/dist/index.cjs.js

@@ -1,209 +0,0 @@
-'use strict';
-
-var postcssValuesParser = require('postcss-values-parser');
-var convertColors = require('@csstools/convert-colors');
-
-/** @type {(decl: CSSFunction) => void} Transform lab() and lch() functions. */
-
-const onCSSFunction = node => {
-  /** @type {{ name: string, nodes: CSSNode[] }} */
-  const {
-    name,
-    nodes
-  } = node;
-
-  if (isColorFunctionName(name)) {
-    if (isLabFunctionContents(nodes) || isLchFunctionContents(nodes)) {
-      // rename the Color function to `rgb`
-      Object.assign(node, {
-        name: 'rgb'
-      });
-      /** @type {CSSPunctuation} Slash punctuation before the Alpha channel. */
-
-      const slashNode = nodes[3];
-      /** @type {CSSNumber} Alpha channel. */
-
-      const alphaNode = nodes[4];
-
-      if (alphaNode) {
-        if (isPercentage(alphaNode) && !isCalc(alphaNode)) {
-          // transform the Alpha channel from a Percentage to (0-1) Number
-          Object.assign(alphaNode, {
-            value: String(alphaNode.value / 100),
-            unit: ''
-          });
-        } // if the color is fully opaque (i.e. the Alpha channel is `1`)
-
-
-        if (alphaNode.value === '1') {
-          // remove the Slash and Alpha channel
-          slashNode.remove();
-          alphaNode.remove();
-        } else {
-          // otherwise, rename the Color function to `rgba`
-          Object.assign(node, {
-            name: 'rgba'
-          });
-        }
-      } // replace a remaining Slash with a Comma
-
-
-      if (slashNode && isSlash(slashNode)) {
-        slashNode.replaceWith(commaNode.clone());
-      }
-      /** Extracted Color channels. */
-
-
-      const [channelNode1, channelNode2, channelNode3] = nodes;
-      /** Corresponding Color transformer. */
-
-      const toRGB = isLabColorFunctionName(name) ? convertColors.lab2rgb : convertColors.lch2rgb;
-      /** RGB channels from the source color. */
-
-      const rgbValues = toRGB(...[channelNode1.value, channelNode2.value, channelNode3.value].map(channelNumber => parseFloat(channelNumber))).map(channelValue => Math.max(Math.min(parseInt(channelValue * 2.55), 255), 0));
-      channelNode3.replaceWith(channelNode3.clone({
-        value: String(rgbValues[2])
-      }));
-      channelNode2.replaceWith(channelNode2.clone({
-        value: String(rgbValues[1])
-      }), commaNode.clone());
-      channelNode1.replaceWith(channelNode1.clone({
-        value: String(rgbValues[0]),
-        unit: ''
-      }), commaNode.clone());
-    }
-  }
-};
-const commaNode = postcssValuesParser.parse(',').first;
-/** @type {(value: RegExp) => (value: string) => boolean} Return a function that checks whether the expression exists in a value. */
-
-const createRegExpTest$1 = Function.bind.bind(RegExp.prototype.test);
-/** Return whether the function name is `lab` or `lch`. */
-
-const isColorFunctionName = createRegExpTest$1(/^(lab|lch)$/i);
-/** Return whether the function name is `calc`. */
-
-const isCalcFunctionName = createRegExpTest$1(/^calc$/i);
-/** Return whether the function name is `lab`. */
-
-const isLabColorFunctionName = createRegExpTest$1(/^lab$/i);
-/** Return whether the unit is alpha-like. */
-
-const isAlphaLikeUnit = createRegExpTest$1(/^%?$/i);
-/** Return whether the unit is hue-like. */
-
-const isHueLikeUnit = createRegExpTest$1(/^(deg|grad|rad|turn)?$/i);
-/** @type {(node: CSSFunction) => boolean} Return whether the node is an Alpha-like unit. */
-
-const isAlphaValue = node => isCalc(node) || node.type === 'numeric' && isAlphaLikeUnit(node.unit);
-/** @type {(node: CSSFunction) => boolean} Return whether the node is a calc() function. */
-
-
-const isCalc = node => node.type === 'func' && isCalcFunctionName(node.name);
-/** @type {(node: CSSNumber) => boolean} Return whether the node is a Hue-like unit. */
-
-
-const isHue = node => isCalc(node) || node.type === 'numeric' && isHueLikeUnit(node.unit);
-/** @type {(node: CSSNumber) => boolean} Return whether the node is a Number unit. */
-
-
-const isNumber = node => isCalc(node) || node.type === 'numeric' && node.unit === '';
-/** @type {(node: CSSNumber) => boolean} Return whether the node is a Percentage unit. */
-
-
-const isPercentage = node => isCalc(node) || node.type === 'numeric' && node.unit === '%';
-/** @type {(node: CSSOperator) => boolean} Return whether the node is a Slash delimiter. */
-
-
-const isSlash = node => node.type === 'operator' && node.value === '/';
-/** @type {(nodes: Node[]) => boolean} Return whether a set of nodes is a lab() function. */
-
-
-const isLabFunctionContents = nodes => nodes.every((node, index) => typeof labFunctionContents[index] === 'function' && labFunctionContents[index](node));
-/** Set of nodes in a lab() function. */
-
-
-const labFunctionContents = [isPercentage, isNumber, isNumber, isSlash, isAlphaValue];
-/** @type {(nodes: Node[]) => boolean} Return whether a set of nodes is a lch() function. */
-
-const isLchFunctionContents = nodes => nodes.every((node, index) => typeof lchFunctionContents[index] === 'function' && lchFunctionContents[index](node));
-/** Set of nodes in a lch() function. */
-
-
-const lchFunctionContents = [isPercentage, isNumber, isHue, isSlash, isAlphaValue];
-/** @typedef {import('postcss-values-parser').Func} CSSFunction */
-
-/** @typedef {import('postcss-values-parser').Node} CSSNode */
-
-/** @typedef {import('postcss-values-parser').Numeric} CSSNumber */
-
-/** @typedef {import('postcss-values-parser').Operator} CSSOperator */
-
-/** @typedef {import('postcss-values-parser').Punctuation} CSSPunctuation */
-
-var options = {
-  /** Whether to preserve the original functional color declaration. */
-  preserve: false
-};
-
-/** @type {(decl: CSSDeclaration) => void} Transform lab() and lch() functions in CSS Declarations. */
-
-const onCSSDeclaration = (decl, {
-  result
-}) => {
-  const {
-    value: originalValue
-  } = decl;
-
-  if (hasAnyColorFunction(originalValue)) {
-    let valueAST;
-
-    try {
-      valueAST = postcssValuesParser.parse(originalValue, {
-        ignoreUnknownWords: true
-      });
-    } catch (error) {
-      decl.warn(result, `Failed to parse value '${originalValue}' as a lab or hcl function. Leaving the original value intact.`);
-    }
-
-    if (typeof valueAST === 'undefined') {
-      return;
-    }
-
-    valueAST.walkType('func', onCSSFunction);
-    const modifiedValue = String(valueAST);
-
-    if (modifiedValue !== originalValue) {
-      if (options.preserve) decl.cloneBefore({
-        value: modifiedValue
-      });else decl.value = modifiedValue;
-    }
-  }
-};
-/** @type {(value: RegExp) => (value: string) => boolean} Return a function that checks whether the expression exists in a value. */
-
-const createRegExpTest = Function.bind.bind(RegExp.prototype.test);
-/** Return whether the value has a lab() or lch() function. */
-
-const hasAnyColorFunction = createRegExpTest(/(^|[^\w-])(lab|lch)\(/i);
-/** @typedef {import('postcss').Declaration} CSSDeclaration */
-
-/** Transform lab() and lch() functions in CSS. */
-
-const postcssPlugin =
-/** @type {PostCSSPluginInitializer} */
-opts => {
-  options.preserve = 'preserve' in Object(opts) ? Boolean(opts.preserve) : false;
-  return {
-    postcssPlugin: 'postcss-lab-function',
-    Declaration: onCSSDeclaration
-  };
-};
-
-postcssPlugin.postcss = true;
-/** @typedef {import('postcss').Plugin} PostCSSPlugin */
-
-/** @typedef {(opts: options) => PostCSSPlugin} PostCSSPluginInitializer */
-
-module.exports = postcssPlugin;
-//# sourceMappingURL=index.cjs.js.map

package/dist/index.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs.js","sources":["../src/onCSSFunction.js","../src/options.js","../src/onCSSDeclaration.js","../src/index.js"],"sourcesContent":["import { lab2rgb, lch2rgb } from '@csstools/convert-colors'\nimport { parse } from 'postcss-values-parser'\n\n/** @type {(decl: CSSFunction) => void} Transform lab() and lch() functions. */\nconst onCSSFunction = node => {\n\t/** @type {{ name: string, nodes: CSSNode[] }} */\n\tconst { name, nodes } = node\n\n\tif (isColorFunctionName(name)) {\n\t\tif (isLabFunctionContents(nodes) || isLchFunctionContents(nodes)) {\n\t\t\t// rename the Color function to `rgb`\n\t\t\tObject.assign(node, { name: 'rgb' })\n\n\t\t\t/** @type {CSSPunctuation} Slash punctuation before the Alpha channel. */\n\t\t\tconst slashNode = nodes[3]\n\n\t\t\t/** @type {CSSNumber} Alpha channel. */\n\t\t\tconst alphaNode = nodes[4]\n\n\t\t\tif (alphaNode) {\n\t\t\t\tif (isPercentage(alphaNode) && !isCalc(alphaNode)) {\n\t\t\t\t\t// transform the Alpha channel from a Percentage to (0-1) Number\n\t\t\t\t\tObject.assign(alphaNode, { value: String(alphaNode.value / 100), unit: '' })\n\t\t\t\t}\n\n\t\t\t\t// if the color is fully opaque (i.e. the Alpha channel is `1`)\n\t\t\t\tif (alphaNode.value === '1') {\n\t\t\t\t\t// remove the Slash and Alpha channel\n\t\t\t\t\tslashNode.remove()\n\t\t\t\t\talphaNode.remove()\n\t\t\t\t} else {\n\t\t\t\t\t// otherwise, rename the Color function to `rgba`\n\t\t\t\t\tObject.assign(node, { name: 'rgba' })\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// replace a remaining Slash with a Comma\n\t\t\tif (slashNode && isSlash(slashNode)) {\n\t\t\t\tslashNode.replaceWith(commaNode.clone())\n\t\t\t}\n\n\t\t\t/** Extracted Color channels. */\n\t\t\tconst [channelNode1, channelNode2, channelNode3] = nodes\n\n\t\t\t/** Corresponding Color transformer. */\n\t\t\tconst toRGB = isLabColorFunctionName(name) ? lab2rgb : lch2rgb\n\n\t\t\t/** RGB channels from the source color. */\n\t\t\tconst rgbValues = toRGB(\n\t\t\t\t...[\n\t\t\t\t\tchannelNode1.value,\n\t\t\t\t\tchannelNode2.value,\n\t\t\t\t\tchannelNode3.value\n\t\t\t\t].map(\n\t\t\t\t\tchannelNumber => parseFloat(channelNumber)\n\t\t\t\t)\n\t\t\t).map(\n\t\t\t\tchannelValue => Math.max(Math.min(parseInt(channelValue * 2.55), 255), 0)\n\t\t\t)\n\n\t\t\tchannelNode3.replaceWith(\n\t\t\t\tchannelNode3.clone({ value: String(rgbValues[2]) })\n\t\t\t)\n\n\t\t\tchannelNode2.replaceWith(\n\t\t\t\tchannelNode2.clone({ value: String(rgbValues[1]) }),\n\t\t\t\tcommaNode.clone()\n\t\t\t)\n\n\t\t\tchannelNode1.replaceWith(\n\t\t\t\tchannelNode1.clone({ value: String(rgbValues[0]), unit: '' }),\n\t\t\t\tcommaNode.clone()\n\t\t\t)\n\t\t}\n\t}\n}\n\nexport default onCSSFunction\n\nconst commaNode = parse(',').first\n\n/** @type {(value: RegExp) => (value: string) => boolean} Return a function that checks whether the expression exists in a value. */\nconst createRegExpTest = Function.bind.bind(RegExp.prototype.test)\n\n/** Return whether the function name is `lab` or `lch`. */\nconst isColorFunctionName = createRegExpTest(/^(lab|lch)$/i)\n\n/** Return whether the function name is `calc`. */\nconst isCalcFunctionName = createRegExpTest(/^calc$/i)\n\n/** Return whether the function name is `lab`. */\nconst isLabColorFunctionName = createRegExpTest(/^lab$/i)\n\n/** Return whether the unit is alpha-like. */\nconst isAlphaLikeUnit = createRegExpTest(/^%?$/i)\n\n/** Return whether the unit is hue-like. */\nconst isHueLikeUnit = createRegExpTest(/^(deg|grad|rad|turn)?$/i)\n\n/** @type {(node: CSSFunction) => boolean} Return whether the node is an Alpha-like unit. */\nconst isAlphaValue = node => isCalc(node) || node.type === 'numeric' && isAlphaLikeUnit(node.unit)\n\n/** @type {(node: CSSFunction) => boolean} Return whether the node is a calc() function. */\nconst isCalc = node => node.type === 'func' && isCalcFunctionName(node.name)\n\n/** @type {(node: CSSNumber) => boolean} Return whether the node is a Hue-like unit. */\nconst isHue = node => isCalc(node) || node.type === 'numeric' && isHueLikeUnit(node.unit)\n\n/** @type {(node: CSSNumber) => boolean} Return whether the node is a Number unit. */\nconst isNumber = node => isCalc(node) || node.type === 'numeric' && node.unit === ''\n\n/** @type {(node: CSSNumber) => boolean} Return whether the node is a Percentage unit. */\nconst isPercentage = node => isCalc(node) || node.type === 'numeric' && node.unit === '%'\n\n/** @type {(node: CSSOperator) => boolean} Return whether the node is a Slash delimiter. */\nconst isSlash = node => node.type === 'operator' && node.value === '/'\n\n/** @type {(nodes: Node[]) => boolean} Return whether a set of nodes is a lab() function. */\nconst isLabFunctionContents = nodes => nodes.every(\n\t(node, index) => typeof labFunctionContents[index] === 'function' && labFunctionContents[index](node)\n)\n\n/** Set of nodes in a lab() function. */\nconst labFunctionContents = [isPercentage, isNumber, isNumber, isSlash, isAlphaValue]\n\n/** @type {(nodes: Node[]) => boolean} Return whether a set of nodes is a lch() function. */\nconst isLchFunctionContents = nodes => nodes.every(\n\t(node, index) => typeof lchFunctionContents[index] === 'function' && lchFunctionContents[index](node)\n)\n\n/** Set of nodes in a lch() function. */\nconst lchFunctionContents = [isPercentage, isNumber, isHue, isSlash, isAlphaValue]\n\n/** @typedef {import('postcss-values-parser').Func} CSSFunction */\n/** @typedef {import('postcss-values-parser').Node} CSSNode */\n/** @typedef {import('postcss-values-parser').Numeric} CSSNumber */\n/** @typedef {import('postcss-values-parser').Operator} CSSOperator */\n/** @typedef {import('postcss-values-parser').Punctuation} CSSPunctuation */\n","export default {\n\t/** Whether to preserve the original functional color declaration. */\n\tpreserve: false\n}\n","import { parse } from 'postcss-values-parser'\nimport onCSSFunction from './onCSSFunction'\nimport options from './options'\n\n/** @type {(decl: CSSDeclaration) => void} Transform lab() and lch() functions in CSS Declarations. */\nconst onCSSDeclaration = (decl, { result }) => {\n\tconst { value: originalValue } = decl\n\n\tif (hasAnyColorFunction(originalValue)) {\n\t\tlet valueAST\n\n\t\ttry {\n\t\t\tvalueAST = parse(originalValue, { ignoreUnknownWords: true })\n\t\t} catch (error) {\n\t\t\tdecl.warn(\n\t\t\t\tresult,\n\t\t\t\t`Failed to parse value '${originalValue}' as a lab or hcl function. Leaving the original value intact.`\n\t\t\t)\n\t\t}\n\n\t\tif (typeof valueAST === 'undefined') {\n\t\t\treturn\n\t\t}\n\n\t\tvalueAST.walkType('func', onCSSFunction)\n\n\t\tconst modifiedValue = String(valueAST)\n\n\t\tif (modifiedValue !== originalValue) {\n\t\t\tif (options.preserve) decl.cloneBefore({ value: modifiedValue })\n\t\t\telse decl.value = modifiedValue\n\t\t}\n\t}\n}\n\nexport default onCSSDeclaration\n\n/** @type {(value: RegExp) => (value: string) => boolean} Return a function that checks whether the expression exists in a value. */\nconst createRegExpTest = Function.bind.bind(RegExp.prototype.test)\n\n/** Return whether the value has a lab() or lch() function. */\nconst hasAnyColorFunction = createRegExpTest(/(^|[^\\w-])(lab|lch)\\(/i)\n\n/** @typedef {import('postcss').Declaration} CSSDeclaration */\n","import onCSSDeclaration from './onCSSDeclaration'\nimport options from './options'\n\n/** Transform lab() and lch() functions in CSS. */\nconst postcssPlugin = /** @type {PostCSSPluginInitializer} */ opts => {\n\toptions.preserve = 'preserve' in Object(opts) ? Boolean(opts.preserve) : false\n\n\treturn {\n\t\tpostcssPlugin: 'postcss-lab-function',\n\t\tDeclaration: onCSSDeclaration,\n\t}\n}\n\npostcssPlugin.postcss = true\n\nexport default postcssPlugin\n\n/** @typedef {import('postcss').Plugin} PostCSSPlugin */\n/** @typedef {(opts: options) => PostCSSPlugin} PostCSSPluginInitializer */\n"],"names":["onCSSFunction","node","name","nodes","isColorFunctionName","isLabFunctionContents","isLchFunctionContents","Object","assign","slashNode","alphaNode","isPercentage","isCalc","value","String","unit","remove","isSlash","replaceWith","commaNode","clone","channelNode1","channelNode2","channelNode3","toRGB","isLabColorFunctionName","lab2rgb","lch2rgb","rgbValues","map","channelNumber","parseFloat","channelValue","Math","max","min","parseInt","parse","first","createRegExpTest","Function","bind","RegExp","prototype","test","isCalcFunctionName","isAlphaLikeUnit","isHueLikeUnit","isAlphaValue","type","isHue","isNumber","every","index","labFunctionContents","lchFunctionContents","preserve","onCSSDeclaration","decl","result","originalValue","hasAnyColorFunction","valueAST","ignoreUnknownWords","error","warn","walkType","modifiedValue","options","cloneBefore","postcssPlugin","opts","Boolean","Declaration","postcss"],"mappings":"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"}

package/dist/index.esm.js

@@ -1,207 +0,0 @@
-import { parse } from 'postcss-values-parser';
-import { lab2rgb, lch2rgb } from '@csstools/convert-colors';
-
-/** @type {(decl: CSSFunction) => void} Transform lab() and lch() functions. */
-
-const onCSSFunction = node => {
-  /** @type {{ name: string, nodes: CSSNode[] }} */
-  const {
-    name,
-    nodes
-  } = node;
-
-  if (isColorFunctionName(name)) {
-    if (isLabFunctionContents(nodes) || isLchFunctionContents(nodes)) {
-      // rename the Color function to `rgb`
-      Object.assign(node, {
-        name: 'rgb'
-      });
-      /** @type {CSSPunctuation} Slash punctuation before the Alpha channel. */
-
-      const slashNode = nodes[3];
-      /** @type {CSSNumber} Alpha channel. */
-
-      const alphaNode = nodes[4];
-
-      if (alphaNode) {
-        if (isPercentage(alphaNode) && !isCalc(alphaNode)) {
-          // transform the Alpha channel from a Percentage to (0-1) Number
-          Object.assign(alphaNode, {
-            value: String(alphaNode.value / 100),
-            unit: ''
-          });
-        } // if the color is fully opaque (i.e. the Alpha channel is `1`)
-
-
-        if (alphaNode.value === '1') {
-          // remove the Slash and Alpha channel
-          slashNode.remove();
-          alphaNode.remove();
-        } else {
-          // otherwise, rename the Color function to `rgba`
-          Object.assign(node, {
-            name: 'rgba'
-          });
-        }
-      } // replace a remaining Slash with a Comma
-
-
-      if (slashNode && isSlash(slashNode)) {
-        slashNode.replaceWith(commaNode.clone());
-      }
-      /** Extracted Color channels. */
-
-
-      const [channelNode1, channelNode2, channelNode3] = nodes;
-      /** Corresponding Color transformer. */
-
-      const toRGB = isLabColorFunctionName(name) ? lab2rgb : lch2rgb;
-      /** RGB channels from the source color. */
-
-      const rgbValues = toRGB(...[channelNode1.value, channelNode2.value, channelNode3.value].map(channelNumber => parseFloat(channelNumber))).map(channelValue => Math.max(Math.min(parseInt(channelValue * 2.55), 255), 0));
-      channelNode3.replaceWith(channelNode3.clone({
-        value: String(rgbValues[2])
-      }));
-      channelNode2.replaceWith(channelNode2.clone({
-        value: String(rgbValues[1])
-      }), commaNode.clone());
-      channelNode1.replaceWith(channelNode1.clone({
-        value: String(rgbValues[0]),
-        unit: ''
-      }), commaNode.clone());
-    }
-  }
-};
-const commaNode = parse(',').first;
-/** @type {(value: RegExp) => (value: string) => boolean} Return a function that checks whether the expression exists in a value. */
-
-const createRegExpTest$1 = Function.bind.bind(RegExp.prototype.test);
-/** Return whether the function name is `lab` or `lch`. */
-
-const isColorFunctionName = createRegExpTest$1(/^(lab|lch)$/i);
-/** Return whether the function name is `calc`. */
-
-const isCalcFunctionName = createRegExpTest$1(/^calc$/i);
-/** Return whether the function name is `lab`. */
-
-const isLabColorFunctionName = createRegExpTest$1(/^lab$/i);
-/** Return whether the unit is alpha-like. */
-
-const isAlphaLikeUnit = createRegExpTest$1(/^%?$/i);
-/** Return whether the unit is hue-like. */
-
-const isHueLikeUnit = createRegExpTest$1(/^(deg|grad|rad|turn)?$/i);
-/** @type {(node: CSSFunction) => boolean} Return whether the node is an Alpha-like unit. */
-
-const isAlphaValue = node => isCalc(node) || node.type === 'numeric' && isAlphaLikeUnit(node.unit);
-/** @type {(node: CSSFunction) => boolean} Return whether the node is a calc() function. */
-
-
-const isCalc = node => node.type === 'func' && isCalcFunctionName(node.name);
-/** @type {(node: CSSNumber) => boolean} Return whether the node is a Hue-like unit. */
-
-
-const isHue = node => isCalc(node) || node.type === 'numeric' && isHueLikeUnit(node.unit);
-/** @type {(node: CSSNumber) => boolean} Return whether the node is a Number unit. */
-
-
-const isNumber = node => isCalc(node) || node.type === 'numeric' && node.unit === '';
-/** @type {(node: CSSNumber) => boolean} Return whether the node is a Percentage unit. */
-
-
-const isPercentage = node => isCalc(node) || node.type === 'numeric' && node.unit === '%';
-/** @type {(node: CSSOperator) => boolean} Return whether the node is a Slash delimiter. */
-
-
-const isSlash = node => node.type === 'operator' && node.value === '/';
-/** @type {(nodes: Node[]) => boolean} Return whether a set of nodes is a lab() function. */
-
-
-const isLabFunctionContents = nodes => nodes.every((node, index) => typeof labFunctionContents[index] === 'function' && labFunctionContents[index](node));
-/** Set of nodes in a lab() function. */
-
-
-const labFunctionContents = [isPercentage, isNumber, isNumber, isSlash, isAlphaValue];
-/** @type {(nodes: Node[]) => boolean} Return whether a set of nodes is a lch() function. */
-
-const isLchFunctionContents = nodes => nodes.every((node, index) => typeof lchFunctionContents[index] === 'function' && lchFunctionContents[index](node));
-/** Set of nodes in a lch() function. */
-
-
-const lchFunctionContents = [isPercentage, isNumber, isHue, isSlash, isAlphaValue];
-/** @typedef {import('postcss-values-parser').Func} CSSFunction */
-
-/** @typedef {import('postcss-values-parser').Node} CSSNode */
-
-/** @typedef {import('postcss-values-parser').Numeric} CSSNumber */
-
-/** @typedef {import('postcss-values-parser').Operator} CSSOperator */
-
-/** @typedef {import('postcss-values-parser').Punctuation} CSSPunctuation */
-
-var options = {
-  /** Whether to preserve the original functional color declaration. */
-  preserve: false
-};
-
-/** @type {(decl: CSSDeclaration) => void} Transform lab() and lch() functions in CSS Declarations. */
-
-const onCSSDeclaration = (decl, {
-  result
-}) => {
-  const {
-    value: originalValue
-  } = decl;
-
-  if (hasAnyColorFunction(originalValue)) {
-    let valueAST;
-
-    try {
-      valueAST = parse(originalValue, {
-        ignoreUnknownWords: true
-      });
-    } catch (error) {
-      decl.warn(result, `Failed to parse value '${originalValue}' as a lab or hcl function. Leaving the original value intact.`);
-    }
-
-    if (typeof valueAST === 'undefined') {
-      return;
-    }
-
-    valueAST.walkType('func', onCSSFunction);
-    const modifiedValue = String(valueAST);
-
-    if (modifiedValue !== originalValue) {
-      if (options.preserve) decl.cloneBefore({
-        value: modifiedValue
-      });else decl.value = modifiedValue;
-    }
-  }
-};
-/** @type {(value: RegExp) => (value: string) => boolean} Return a function that checks whether the expression exists in a value. */
-
-const createRegExpTest = Function.bind.bind(RegExp.prototype.test);
-/** Return whether the value has a lab() or lch() function. */
-
-const hasAnyColorFunction = createRegExpTest(/(^|[^\w-])(lab|lch)\(/i);
-/** @typedef {import('postcss').Declaration} CSSDeclaration */
-
-/** Transform lab() and lch() functions in CSS. */
-
-const postcssPlugin =
-/** @type {PostCSSPluginInitializer} */
-opts => {
-  options.preserve = 'preserve' in Object(opts) ? Boolean(opts.preserve) : false;
-  return {
-    postcssPlugin: 'postcss-lab-function',
-    Declaration: onCSSDeclaration
-  };
-};
-
-postcssPlugin.postcss = true;
-/** @typedef {import('postcss').Plugin} PostCSSPlugin */
-
-/** @typedef {(opts: options) => PostCSSPlugin} PostCSSPluginInitializer */
-
-export { postcssPlugin as default };
-//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.esm.js","sources":["../src/onCSSFunction.js","../src/options.js","../src/onCSSDeclaration.js","../src/index.js"],"sourcesContent":["import { lab2rgb, lch2rgb } from '@csstools/convert-colors'\nimport { parse } from 'postcss-values-parser'\n\n/** @type {(decl: CSSFunction) => void} Transform lab() and lch() functions. */\nconst onCSSFunction = node => {\n\t/** @type {{ name: string, nodes: CSSNode[] }} */\n\tconst { name, nodes } = node\n\n\tif (isColorFunctionName(name)) {\n\t\tif (isLabFunctionContents(nodes) || isLchFunctionContents(nodes)) {\n\t\t\t// rename the Color function to `rgb`\n\t\t\tObject.assign(node, { name: 'rgb' })\n\n\t\t\t/** @type {CSSPunctuation} Slash punctuation before the Alpha channel. */\n\t\t\tconst slashNode = nodes[3]\n\n\t\t\t/** @type {CSSNumber} Alpha channel. */\n\t\t\tconst alphaNode = nodes[4]\n\n\t\t\tif (alphaNode) {\n\t\t\t\tif (isPercentage(alphaNode) && !isCalc(alphaNode)) {\n\t\t\t\t\t// transform the Alpha channel from a Percentage to (0-1) Number\n\t\t\t\t\tObject.assign(alphaNode, { value: String(alphaNode.value / 100), unit: '' })\n\t\t\t\t}\n\n\t\t\t\t// if the color is fully opaque (i.e. the Alpha channel is `1`)\n\t\t\t\tif (alphaNode.value === '1') {\n\t\t\t\t\t// remove the Slash and Alpha channel\n\t\t\t\t\tslashNode.remove()\n\t\t\t\t\talphaNode.remove()\n\t\t\t\t} else {\n\t\t\t\t\t// otherwise, rename the Color function to `rgba`\n\t\t\t\t\tObject.assign(node, { name: 'rgba' })\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// replace a remaining Slash with a Comma\n\t\t\tif (slashNode && isSlash(slashNode)) {\n\t\t\t\tslashNode.replaceWith(commaNode.clone())\n\t\t\t}\n\n\t\t\t/** Extracted Color channels. */\n\t\t\tconst [channelNode1, channelNode2, channelNode3] = nodes\n\n\t\t\t/** Corresponding Color transformer. */\n\t\t\tconst toRGB = isLabColorFunctionName(name) ? lab2rgb : lch2rgb\n\n\t\t\t/** RGB channels from the source color. */\n\t\t\tconst rgbValues = toRGB(\n\t\t\t\t...[\n\t\t\t\t\tchannelNode1.value,\n\t\t\t\t\tchannelNode2.value,\n\t\t\t\t\tchannelNode3.value\n\t\t\t\t].map(\n\t\t\t\t\tchannelNumber => parseFloat(channelNumber)\n\t\t\t\t)\n\t\t\t).map(\n\t\t\t\tchannelValue => Math.max(Math.min(parseInt(channelValue * 2.55), 255), 0)\n\t\t\t)\n\n\t\t\tchannelNode3.replaceWith(\n\t\t\t\tchannelNode3.clone({ value: String(rgbValues[2]) })\n\t\t\t)\n\n\t\t\tchannelNode2.replaceWith(\n\t\t\t\tchannelNode2.clone({ value: String(rgbValues[1]) }),\n\t\t\t\tcommaNode.clone()\n\t\t\t)\n\n\t\t\tchannelNode1.replaceWith(\n\t\t\t\tchannelNode1.clone({ value: String(rgbValues[0]), unit: '' }),\n\t\t\t\tcommaNode.clone()\n\t\t\t)\n\t\t}\n\t}\n}\n\nexport default onCSSFunction\n\nconst commaNode = parse(',').first\n\n/** @type {(value: RegExp) => (value: string) => boolean} Return a function that checks whether the expression exists in a value. */\nconst createRegExpTest = Function.bind.bind(RegExp.prototype.test)\n\n/** Return whether the function name is `lab` or `lch`. */\nconst isColorFunctionName = createRegExpTest(/^(lab|lch)$/i)\n\n/** Return whether the function name is `calc`. */\nconst isCalcFunctionName = createRegExpTest(/^calc$/i)\n\n/** Return whether the function name is `lab`. */\nconst isLabColorFunctionName = createRegExpTest(/^lab$/i)\n\n/** Return whether the unit is alpha-like. */\nconst isAlphaLikeUnit = createRegExpTest(/^%?$/i)\n\n/** Return whether the unit is hue-like. */\nconst isHueLikeUnit = createRegExpTest(/^(deg|grad|rad|turn)?$/i)\n\n/** @type {(node: CSSFunction) => boolean} Return whether the node is an Alpha-like unit. */\nconst isAlphaValue = node => isCalc(node) || node.type === 'numeric' && isAlphaLikeUnit(node.unit)\n\n/** @type {(node: CSSFunction) => boolean} Return whether the node is a calc() function. */\nconst isCalc = node => node.type === 'func' && isCalcFunctionName(node.name)\n\n/** @type {(node: CSSNumber) => boolean} Return whether the node is a Hue-like unit. */\nconst isHue = node => isCalc(node) || node.type === 'numeric' && isHueLikeUnit(node.unit)\n\n/** @type {(node: CSSNumber) => boolean} Return whether the node is a Number unit. */\nconst isNumber = node => isCalc(node) || node.type === 'numeric' && node.unit === ''\n\n/** @type {(node: CSSNumber) => boolean} Return whether the node is a Percentage unit. */\nconst isPercentage = node => isCalc(node) || node.type === 'numeric' && node.unit === '%'\n\n/** @type {(node: CSSOperator) => boolean} Return whether the node is a Slash delimiter. */\nconst isSlash = node => node.type === 'operator' && node.value === '/'\n\n/** @type {(nodes: Node[]) => boolean} Return whether a set of nodes is a lab() function. */\nconst isLabFunctionContents = nodes => nodes.every(\n\t(node, index) => typeof labFunctionContents[index] === 'function' && labFunctionContents[index](node)\n)\n\n/** Set of nodes in a lab() function. */\nconst labFunctionContents = [isPercentage, isNumber, isNumber, isSlash, isAlphaValue]\n\n/** @type {(nodes: Node[]) => boolean} Return whether a set of nodes is a lch() function. */\nconst isLchFunctionContents = nodes => nodes.every(\n\t(node, index) => typeof lchFunctionContents[index] === 'function' && lchFunctionContents[index](node)\n)\n\n/** Set of nodes in a lch() function. */\nconst lchFunctionContents = [isPercentage, isNumber, isHue, isSlash, isAlphaValue]\n\n/** @typedef {import('postcss-values-parser').Func} CSSFunction */\n/** @typedef {import('postcss-values-parser').Node} CSSNode */\n/** @typedef {import('postcss-values-parser').Numeric} CSSNumber */\n/** @typedef {import('postcss-values-parser').Operator} CSSOperator */\n/** @typedef {import('postcss-values-parser').Punctuation} CSSPunctuation */\n","export default {\n\t/** Whether to preserve the original functional color declaration. */\n\tpreserve: false\n}\n","import { parse } from 'postcss-values-parser'\nimport onCSSFunction from './onCSSFunction'\nimport options from './options'\n\n/** @type {(decl: CSSDeclaration) => void} Transform lab() and lch() functions in CSS Declarations. */\nconst onCSSDeclaration = (decl, { result }) => {\n\tconst { value: originalValue } = decl\n\n\tif (hasAnyColorFunction(originalValue)) {\n\t\tlet valueAST\n\n\t\ttry {\n\t\t\tvalueAST = parse(originalValue, { ignoreUnknownWords: true })\n\t\t} catch (error) {\n\t\t\tdecl.warn(\n\t\t\t\tresult,\n\t\t\t\t`Failed to parse value '${originalValue}' as a lab or hcl function. Leaving the original value intact.`\n\t\t\t)\n\t\t}\n\n\t\tif (typeof valueAST === 'undefined') {\n\t\t\treturn\n\t\t}\n\n\t\tvalueAST.walkType('func', onCSSFunction)\n\n\t\tconst modifiedValue = String(valueAST)\n\n\t\tif (modifiedValue !== originalValue) {\n\t\t\tif (options.preserve) decl.cloneBefore({ value: modifiedValue })\n\t\t\telse decl.value = modifiedValue\n\t\t}\n\t}\n}\n\nexport default onCSSDeclaration\n\n/** @type {(value: RegExp) => (value: string) => boolean} Return a function that checks whether the expression exists in a value. */\nconst createRegExpTest = Function.bind.bind(RegExp.prototype.test)\n\n/** Return whether the value has a lab() or lch() function. */\nconst hasAnyColorFunction = createRegExpTest(/(^|[^\\w-])(lab|lch)\\(/i)\n\n/** @typedef {import('postcss').Declaration} CSSDeclaration */\n","import onCSSDeclaration from './onCSSDeclaration'\nimport options from './options'\n\n/** Transform lab() and lch() functions in CSS. */\nconst postcssPlugin = /** @type {PostCSSPluginInitializer} */ opts => {\n\toptions.preserve = 'preserve' in Object(opts) ? Boolean(opts.preserve) : false\n\n\treturn {\n\t\tpostcssPlugin: 'postcss-lab-function',\n\t\tDeclaration: onCSSDeclaration,\n\t}\n}\n\npostcssPlugin.postcss = true\n\nexport default postcssPlugin\n\n/** @typedef {import('postcss').Plugin} PostCSSPlugin */\n/** @typedef {(opts: options) => PostCSSPlugin} PostCSSPluginInitializer */\n"],"names":["onCSSFunction","node","name","nodes","isColorFunctionName","isLabFunctionContents","isLchFunctionContents","Object","assign","slashNode","alphaNode","isPercentage","isCalc","value","String","unit","remove","isSlash","replaceWith","commaNode","clone","channelNode1","channelNode2","channelNode3","toRGB","isLabColorFunctionName","lab2rgb","lch2rgb","rgbValues","map","channelNumber","parseFloat","channelValue","Math","max","min","parseInt","parse","first","createRegExpTest","Function","bind","RegExp","prototype","test","isCalcFunctionName","isAlphaLikeUnit","isHueLikeUnit","isAlphaValue","type","isHue","isNumber","every","index","labFunctionContents","lchFunctionContents","preserve","onCSSDeclaration","decl","result","originalValue","hasAnyColorFunction","valueAST","ignoreUnknownWords","error","warn","walkType","modifiedValue","options","cloneBefore","postcssPlugin","opts","Boolean","Declaration","postcss"],"mappings":"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"}