postcss-lab-function 3.1.2 → 4.0.3

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # Changes to PostCSS Lab Function
 
+### 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

package/README.md

@@ -2,7 +2,7 @@
 
 [<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://img.shields.io/travis/csstools/postcss-lab-function/master.svg" height="20">][cli-url]
+[<img alt="Build Status" src="https://github.com/csstools/postcss-plugins/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]
 
 
@@ -28,18 +28,10 @@
 Add [PostCSS Lab Function] to your project:
 
 ```bash
-npm install postcss-lab-function --save-dev
+npm install postcss postcss-lab-function --save-dev
 ```
 
-Use [PostCSS Lab Function] to process your CSS:
-
-```js
-const postcssLabFunction = require('postcss-lab-function');
-
-postcssLabFunction.process(YOUR_CSS /*, processOptions, pluginOptions */);
-```
-
-Or use it as a [PostCSS] plugin:
+Use it as a [PostCSS] plugin:
 
 ```js
 const postcss = require('postcss');
@@ -83,7 +75,7 @@ postcssLabFunction({ preserve: true })
 }
 ```
 
-[cli-url]: https://travis-ci.org/csstools/postcss-lab-function
+[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
 [npm-url]: https://www.npmjs.com/package/postcss-lab-function
@@ -93,4 +85,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/color.d.ts

@@ -0,0 +1,3 @@
+export declare function labToSRgb(lab: [number, number, number]): [number, number, number];
+export declare function lchToSRgb(lch: [number, number, number]): [number, number, number];
+export declare function xyz2rgb(xyz: [number, number, number]): [number, number, number];

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 @@
+"use strict";function t(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var e=t(require("postcss-value-parser"));function n(t){return a(u(t,!0))}function r(t){return a(u(function(t){return[t[0],t[1]*Math.cos(t[2]*Math.PI/180),t[1]*Math.sin(t[2]*Math.PI/180)]}(t),!1))}function u(t,e){const[n,r,u]=t,a=Math.min(Math.max(n,0),100);let l=0,p=0;e?(l=Math.min(Math.max(r,-127),128),p=Math.min(Math.max(u,-127),128)):(l=r,p=u);const v=(a+16)/116,h=l/500+v,b=v-p/200,[m,M,g]=[Math.pow(h,3)>s?Math.pow(h,3):(116*h-16)/d,a>d*s?Math.pow((a+16)/116,3):a/d,Math.pow(b,3)>s?Math.pow(b,3):(116*b-16)/d],[w,y,x]=o([m*i,M*c,g*f],[[.9554734527042182,-.023098536874261423,.0632593086610217],[-.028369706963208136,1.0099954580058226,.021041398966943008],[.012314001688319899,-.020507696433477912,1.3303659366080753]]);return[w,y,x]}function a(t){const[e,n,r]=t,[u,a,l]=o([e,n,r],[[3.2409699419045226,-1.537383177570094,-.4986107602930034],[-.9692436362808796,1.8759675015077202,.04155505740717559],[.05563007969699366,-.20397695888897652,1.0569715142428786]]),[i,c,f]=[u,a,l].map((t=>t>.31308?1.055*Math.pow(t/100,1/2.4)*100-5.5:12.92*t));return[i,c,f]}function o(t,e){return e.map((e=>e.reduce(((e,n,r)=>e+t[r]*l*(n*l)/l/l),0)))}const l=1e8,[i,c,f]=[96.422,100,82.521],s=Math.pow(6,3)/Math.pow(29,3),d=Math.pow(29,3)/Math.pow(3,3);function p(t){const u=t.value,a=t.nodes.slice().filter((t=>"comment"!==t.type&&"space"!==t.type));let o=null;if("lab"===u?o=function(t){if(!h(t[0]))return null;if(!v(t[1]))return null;if(!v(t[2]))return null;const n={l:e.default.unit(t[0].value),lNode:t[0],a:e.default.unit(t[1].value),aNode:t[1],b:e.default.unit(t[2].value),bNode:t[2]};M(t[3])&&(n.slash=t[3]);(b(t[4])||m(t[4]))&&(n.alpha=t[4]);return n}(a):"lch"===u&&(o=function(t){if(!h(t[0]))return null;if(!v(t[1]))return null;if(!function(t){if(!t||"word"!==t.type)return!1;if(!y(t))return!1;const n=e.default.unit(t.value);if(!n)return!1;return!!n.number&&("deg"===n.unit||"grad"===n.unit||"rad"===n.unit||"turn"===n.unit||""===n.unit)}(t[2]))return null;const n={l:e.default.unit(t[0].value),lNode:t[0],c:e.default.unit(t[1].value),cNode:t[1],h:e.default.unit(t[2].value),hNode:t[2]};if(function(t){switch(t.unit){case"deg":return void(t.unit="");case"rad":return t.unit="",void(t.number=(180*parseFloat(t.number)/Math.PI).toString());case"grad":return t.unit="",void(t.number=(.9*parseFloat(t.number)).toString());case"turn":t.unit="",t.number=(360*parseFloat(t.number)).toString()}}(n.h),""!==n.h.unit)return null;M(t[3])&&(n.slash=t[3]);(b(t[4])||m(t[4])||function(t){return t&&"function"===t.type&&"var"===t.value}(t[4]))&&(n.alpha=t[4]);return n}(a)),!o)return;if(a.length>3&&(!o.slash||!o.alpha))return;t.value="rgb",function(t,n,r){if(!n||!r)return;if(t.value="rgba",n.value=",",n.before="",!function(t){if(!t||"word"!==t.type)return!1;if(!y(t))return!1;const n=e.default.unit(t.value);if(!n)return!1;return!!n.number}(r))return;const u=e.default.unit(r.value);if(!u)return;"%"===u.unit&&(u.number=String(parseFloat(u.number)/100),r.value=String(u.number))}(t,o.slash,o.alpha);const[l,i,c]=function(t){if(g(t))return[t.lNode,t.aNode,t.bNode];return[t.lNode,t.cNode,t.hNode]}(o),[f,s,d]=function(t){if(g(t))return[t.l,t.a,t.b];return[t.l,t.c,t.h]}(o),p=("lab"===u?n:r)([f.number,s.number,d.number].map((t=>parseFloat(t)))).map((t=>Math.max(Math.min(Math.round(2.55*t),255),0)));t.nodes.splice(t.nodes.indexOf(l)+1,0,{sourceIndex:0,sourceEndIndex:1,value:",",type:"div",before:"",after:""}),t.nodes.splice(t.nodes.indexOf(i)+1,0,{sourceIndex:0,sourceEndIndex:1,value:",",type:"div",before:"",after:""}),w(t.nodes,l,{...l,value:String(p[0])}),w(t.nodes,i,{...i,value:String(p[1])}),w(t.nodes,c,{...c,value:String(p[2])})}function v(t){if(!t||"word"!==t.type)return!1;if(!y(t))return!1;const n=e.default.unit(t.value);return!!n&&(!!n.number&&""===n.unit)}function h(t){if(!t||"word"!==t.type)return!1;if(!y(t))return!1;const n=e.default.unit(t.value);return!!n&&"%"===n.unit}function b(t){if(!t||"word"!==t.type)return!1;if(!y(t))return!1;const n=e.default.unit(t.value);return!!n&&("%"===n.unit||""===n.unit)}function m(t){return t&&"function"===t.type&&"calc"===t.value}function M(t){return t&&"div"===t.type&&"/"===t.value}function g(t){return void 0!==t.a}function w(t,e,n){const r=t.indexOf(e);t[r]=n}function y(t){if(!t||!t.value)return!1;try{return!1!==e.default.unit(t.value)}catch(t){return!1}}const x=t=>{const n="preserve"in Object(t)&&Boolean(t.preserve);return{postcssPlugin:"postcss-lab-function",Declaration:(t,{result:r,postcss:u})=>{if(n&&function(t){let e=t.parent;for(;e;)if("atrule"===e.type){if("supports"===e.name&&-1!==e.params.indexOf("(color: lab(0% 0 0)) and (color: lch(0% 0 0))"))return!0;e=e.parent}else e=e.parent;return!1}(t))return;const a=t.value;if(!/(^|[^\w-])(lab|lch)\(/i.test(a))return;let o;try{o=e.default(a)}catch(e){t.warn(r,`Failed to parse value '${a}' as a lab or hcl function. Leaving the original value intact.`)}if(void 0===o)return;o.walk((t=>{t.type&&"function"===t.type&&("lab"!==t.value&&"lch"!==t.value||p(t))}));const l=String(o);if(l!==a)if(n&&t.variable){const e=t.parent,n="(color: lab(0% 0 0)) and (color: lch(0% 0 0))",r=u.atRule({name:"supports",params:n,source:t.source}),a=e.clone();a.removeAll(),a.append(t.clone()),r.append(a);let o=e,i=e.next();for(;o&&i&&"atrule"===i.type&&"supports"===i.name&&i.params===n;)o=i,i=i.next();o.after(r),t.value=l}else n?t.cloneBefore({value:l}):t.value=l}}};x.postcss=!0,x._labToSRgb=n,x._lchToSRgb=r,module.exports=x;

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+import type { PluginCreator } from 'postcss';
+/** Transform lab() and lch() functions in CSS. */
+declare const postcssPlugin: PluginCreator<{
+    preserve: boolean;
+}>;
+export default postcssPlugin;

package/dist/index.mjs

@@ -0,0 +1 @@
+import n from"postcss-value-parser";function t(n){return u(r(n,!0))}function e(n){return u(r(function(n){return[n[0],n[1]*Math.cos(n[2]*Math.PI/180),n[1]*Math.sin(n[2]*Math.PI/180)]}(n),!1))}function r(n,t){const[e,r,u]=n,o=Math.min(Math.max(e,0),100);let p=0,d=0;t?(p=Math.min(Math.max(r,-127),128),d=Math.min(Math.max(u,-127),128)):(p=r,d=u);const h=(o+16)/116,v=p/500+h,m=h-d/200,[b,M,g]=[Math.pow(v,3)>s?Math.pow(v,3):(116*v-16)/f,o>f*s?Math.pow((o+16)/116,3):o/f,Math.pow(m,3)>s?Math.pow(m,3):(116*m-16)/f],[w,y,x]=a([b*i,M*l,g*c],[[.9554734527042182,-.023098536874261423,.0632593086610217],[-.028369706963208136,1.0099954580058226,.021041398966943008],[.012314001688319899,-.020507696433477912,1.3303659366080753]]);return[w,y,x]}function u(n){const[t,e,r]=n,[u,o,i]=a([t,e,r],[[3.2409699419045226,-1.537383177570094,-.4986107602930034],[-.9692436362808796,1.8759675015077202,.04155505740717559],[.05563007969699366,-.20397695888897652,1.0569715142428786]]),[l,c,s]=[u,o,i].map((n=>n>.31308?1.055*Math.pow(n/100,1/2.4)*100-5.5:12.92*n));return[l,c,s]}function a(n,t){return t.map((t=>t.reduce(((t,e,r)=>t+n[r]*o*(e*o)/o/o),0)))}const o=1e8,[i,l,c]=[96.422,100,82.521],s=Math.pow(6,3)/Math.pow(29,3),f=Math.pow(29,3)/Math.pow(3,3);function p(r){const u=r.value,a=r.nodes.slice().filter((n=>"comment"!==n.type&&"space"!==n.type));let o=null;if("lab"===u?o=function(t){if(!h(t[0]))return null;if(!d(t[1]))return null;if(!d(t[2]))return null;const e={l:n.unit(t[0].value),lNode:t[0],a:n.unit(t[1].value),aNode:t[1],b:n.unit(t[2].value),bNode:t[2]};b(t[3])&&(e.slash=t[3]);(v(t[4])||m(t[4]))&&(e.alpha=t[4]);return e}(a):"lch"===u&&(o=function(t){if(!h(t[0]))return null;if(!d(t[1]))return null;if(!function(t){if(!t||"word"!==t.type)return!1;if(!w(t))return!1;const e=n.unit(t.value);if(!e)return!1;return!!e.number&&("deg"===e.unit||"grad"===e.unit||"rad"===e.unit||"turn"===e.unit||""===e.unit)}(t[2]))return null;const e={l:n.unit(t[0].value),lNode:t[0],c:n.unit(t[1].value),cNode:t[1],h:n.unit(t[2].value),hNode:t[2]};if(function(n){switch(n.unit){case"deg":return void(n.unit="");case"rad":return n.unit="",void(n.number=(180*parseFloat(n.number)/Math.PI).toString());case"grad":return n.unit="",void(n.number=(.9*parseFloat(n.number)).toString());case"turn":n.unit="",n.number=(360*parseFloat(n.number)).toString()}}(e.h),""!==e.h.unit)return null;b(t[3])&&(e.slash=t[3]);(v(t[4])||m(t[4])||function(n){return n&&"function"===n.type&&"var"===n.value}(t[4]))&&(e.alpha=t[4]);return e}(a)),!o)return;if(a.length>3&&(!o.slash||!o.alpha))return;r.value="rgb",function(t,e,r){if(!e||!r)return;if(t.value="rgba",e.value=",",e.before="",!function(t){if(!t||"word"!==t.type)return!1;if(!w(t))return!1;const e=n.unit(t.value);if(!e)return!1;return!!e.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))}(r,o.slash,o.alpha);const[i,l,c]=function(n){if(M(n))return[n.lNode,n.aNode,n.bNode];return[n.lNode,n.cNode,n.hNode]}(o),[s,f,p]=function(n){if(M(n))return[n.l,n.a,n.b];return[n.l,n.c,n.h]}(o),y=("lab"===u?t:e)([s.number,f.number,p.number].map((n=>parseFloat(n)))).map((n=>Math.max(Math.min(Math.round(2.55*n),255),0)));r.nodes.splice(r.nodes.indexOf(i)+1,0,{sourceIndex:0,sourceEndIndex:1,value:",",type:"div",before:"",after:""}),r.nodes.splice(r.nodes.indexOf(l)+1,0,{sourceIndex:0,sourceEndIndex:1,value:",",type:"div",before:"",after:""}),g(r.nodes,i,{...i,value:String(y[0])}),g(r.nodes,l,{...l,value:String(y[1])}),g(r.nodes,c,{...c,value:String(y[2])})}function d(t){if(!t||"word"!==t.type)return!1;if(!w(t))return!1;const e=n.unit(t.value);return!!e&&(!!e.number&&""===e.unit)}function h(t){if(!t||"word"!==t.type)return!1;if(!w(t))return!1;const e=n.unit(t.value);return!!e&&"%"===e.unit}function v(t){if(!t||"word"!==t.type)return!1;if(!w(t))return!1;const e=n.unit(t.value);return!!e&&("%"===e.unit||""===e.unit)}function m(n){return n&&"function"===n.type&&"calc"===n.value}function b(n){return n&&"div"===n.type&&"/"===n.value}function M(n){return void 0!==n.a}function g(n,t,e){const r=n.indexOf(t);n[r]=e}function w(t){if(!t||!t.value)return!1;try{return!1!==n.unit(t.value)}catch(n){return!1}}const y=t=>{const e="preserve"in Object(t)&&Boolean(t.preserve);return{postcssPlugin:"postcss-lab-function",Declaration:(t,{result:r,postcss:u})=>{if(e&&function(n){let t=n.parent;for(;t;)if("atrule"===t.type){if("supports"===t.name&&-1!==t.params.indexOf("(color: lab(0% 0 0)) and (color: lch(0% 0 0))"))return!0;t=t.parent}else t=t.parent;return!1}(t))return;const a=t.value;if(!/(^|[^\w-])(lab|lch)\(/i.test(a))return;let o;try{o=n(a)}catch(n){t.warn(r,`Failed to parse value '${a}' as a lab or hcl function. Leaving the original value intact.`)}if(void 0===o)return;o.walk((n=>{n.type&&"function"===n.type&&("lab"!==n.value&&"lch"!==n.value||p(n))}));const i=String(o);if(i!==a)if(e&&t.variable){const n=t.parent,e="(color: lab(0% 0 0)) and (color: lch(0% 0 0))",r=u.atRule({name:"supports",params:e,source:t.source}),a=n.clone();a.removeAll(),a.append(t.clone()),r.append(a);let o=n,l=n.next();for(;o&&l&&"atrule"===l.type&&"supports"===l.name&&l.params===e;)o=l,l=l.next();o.after(r),t.value=i}else e?t.cloneBefore({value:i}):t.value=i}}};y.postcss=!0,y._labToSRgb=t,y._lchToSRgb=e;export{y as default};

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

@@ -0,0 +1,3 @@
+import type { FunctionNode } from 'postcss-value-parser';
+declare function onCSSFunction(node: FunctionNode): void;
+export default onCSSFunction;

package/package.json

@@ -1,77 +1,41 @@
 {
   "name": "postcss-lab-function",
-  "version": "3.1.2",
+  "version": "4.0.3",
   "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",
   "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 ./test/color/test.mjs && postcss-tape --ci && npm run test:exports",
+    "test:exports": "node ./test/_import.mjs && node ./test/_require.cjs"
   },
   "engines": {
-    "node": ">=10.0.0"
+    "node": "^12 || ^14 || >=16"
   },
   "dependencies": {
-    "@csstools/convert-colors": "^2.0.0",
-    "postcss": "^7.0.27",
-    "postcss-values-parser": "^3.2.0"
+    "postcss-value-parser": "^4.2.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.9.0",
-    "@babel/preset-env": "^7.9.5",
-    "babel-eslint": "^10.1.0",
-    "eslint": "^6.8.0",
-    "postcss-tape": "^5.0.2",
-    "rollup": "^2.7.2",
-    "rollup-plugin-babel": "^4.4.0"
+    "postcss": "^8.3.6",
+    "postcss-tape": "^6.0.1"
   },
-  "babel": {
-    "presets": [
-      [
-        "@babel/env",
-        {
-          "targets": "maintained node versions"
-        }
-      ]
-    ]
-  },
-  "eslintConfig": {
-    "env": {
-      "es6": true,
-      "node": true
-    },
-    "extends": "eslint:recommended",
-    "parser": "babel-eslint"
-  },
-  "rollup": {
-    "input": "src/index.js",
-    "plugins": [
-      "rollup-plugin-babel"
-    ],
-    "output": [
-      {
-        "file": "dist/index.cjs.js",
-        "format": "cjs"
-      },
-      {
-        "file": "dist/index.esm.js",
-        "format": "esm"
-      }
-    ]
+  "peerDependencies": {
+    "postcss": "^8.3"
   },
   "keywords": [
     "postcss",
@@ -90,5 +54,13 @@
     "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,195 +0,0 @@
-'use strict';
-
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var postcss = _interopDefault(require('postcss'));
-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 = Function.bind.bind(RegExp.prototype.test);
-/** Return whether the function name is `lab` or `lch`. */
-
-const isColorFunctionName = createRegExpTest(/^(lab|lch)$/i);
-/** Return whether the function name is `calc`. */
-
-const isCalcFunctionName = createRegExpTest(/^calc$/i);
-/** Return whether the function name is `lab`. */
-
-const isLabColorFunctionName = createRegExpTest(/^lab$/i);
-/** Return whether the unit is alpha-like. */
-
-const isAlphaLikeUnit = createRegExpTest(/^%?$/i);
-/** Return whether the unit is hue-like. */
-
-const isHueLikeUnit = createRegExpTest(/^(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 => {
-  const {
-    value: originalValue
-  } = decl;
-
-  if (hasAnyColorFunction(originalValue)) {
-    const valueAST = postcssValuesParser.parse(originalValue);
-    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$1 = Function.bind.bind(RegExp.prototype.test);
-/** Return whether the value has a lab() or lch() function. */
-
-const hasAnyColorFunction = createRegExpTest$1(/(^|[^\w-])(lab|lch)\(/i);
-/** @typedef {import('postcss').Declaration} CSSDeclaration */
-
-/** Transform lab() and lch() functions in CSS. */
-
-const postcssPlugin = postcss.plugin('postcss-lab-function',
-/** @type {PostCSSPluginInitializer} */
-opts => {
-  options.preserve = 'preserve' in Object(opts) ? Boolean(opts.preserve) : false;
-  return root => {
-    root.walkDecls(onCSSDeclaration);
-  };
-});
-/** @typedef {import('postcss').Root} CSSRoot */
-
-/** @typedef {(root: CSSRoot) => void} PostCSSTransformCallback */
-
-/** @typedef {(opts: options) => PostCSSTransformCallback} PostCSSPluginInitializer */
-
-module.exports = postcssPlugin;

package/dist/index.esm.js

@@ -1,191 +0,0 @@
-import postcss from 'postcss';
-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 = Function.bind.bind(RegExp.prototype.test);
-/** Return whether the function name is `lab` or `lch`. */
-
-const isColorFunctionName = createRegExpTest(/^(lab|lch)$/i);
-/** Return whether the function name is `calc`. */
-
-const isCalcFunctionName = createRegExpTest(/^calc$/i);
-/** Return whether the function name is `lab`. */
-
-const isLabColorFunctionName = createRegExpTest(/^lab$/i);
-/** Return whether the unit is alpha-like. */
-
-const isAlphaLikeUnit = createRegExpTest(/^%?$/i);
-/** Return whether the unit is hue-like. */
-
-const isHueLikeUnit = createRegExpTest(/^(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 => {
-  const {
-    value: originalValue
-  } = decl;
-
-  if (hasAnyColorFunction(originalValue)) {
-    const valueAST = parse(originalValue);
-    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$1 = Function.bind.bind(RegExp.prototype.test);
-/** Return whether the value has a lab() or lch() function. */
-
-const hasAnyColorFunction = createRegExpTest$1(/(^|[^\w-])(lab|lch)\(/i);
-/** @typedef {import('postcss').Declaration} CSSDeclaration */
-
-/** Transform lab() and lch() functions in CSS. */
-
-const postcssPlugin = postcss.plugin('postcss-lab-function',
-/** @type {PostCSSPluginInitializer} */
-opts => {
-  options.preserve = 'preserve' in Object(opts) ? Boolean(opts.preserve) : false;
-  return root => {
-    root.walkDecls(onCSSDeclaration);
-  };
-});
-/** @typedef {import('postcss').Root} CSSRoot */
-
-/** @typedef {(root: CSSRoot) => void} PostCSSTransformCallback */
-
-/** @typedef {(opts: options) => PostCSSTransformCallback} PostCSSPluginInitializer */
-
-export default postcssPlugin;