@csstools/postcss-alpha-function 1.0.1 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +9 -3
- package/dist/index.d.ts +1 -0
- package/dist/index.mjs +1 -1
- package/package.json +9 -16
- package/dist/index.cjs +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,9 +1,15 @@
|
|
|
1
1
|
# Changes to PostCSS Alpha Function
|
|
2
2
|
|
|
3
|
-
###
|
|
3
|
+
### 2.0.0
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
_January 14, 2026_
|
|
6
6
|
|
|
7
|
-
- Updated
|
|
7
|
+
- Updated: Support for Node `20.19.0` or later (major).
|
|
8
|
+
- Removed: `commonjs` API. In supported Node versions `require(esm)` will work without needing to make code changes.
|
|
9
|
+
- Updated [`@csstools/css-tokenizer`](https://github.com/csstools/postcss-plugins/tree/main/packages/css-tokenizer) to [`4.0.0`](https://github.com/csstools/postcss-plugins/tree/main/packages/css-tokenizer/CHANGELOG.md#400) (major)
|
|
10
|
+
- Updated [`@csstools/utilities`](https://github.com/csstools/postcss-plugins/tree/main/packages/utilities) to [`3.0.0`](https://github.com/csstools/postcss-plugins/tree/main/packages/utilities/CHANGELOG.md#300) (major)
|
|
11
|
+
- Updated [`@csstools/css-parser-algorithms`](https://github.com/csstools/postcss-plugins/tree/main/packages/css-parser-algorithms) to [`4.0.0`](https://github.com/csstools/postcss-plugins/tree/main/packages/css-parser-algorithms/CHANGELOG.md#400) (major)
|
|
12
|
+
- Updated [`@csstools/postcss-progressive-custom-properties`](https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-progressive-custom-properties) to [`5.0.0`](https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-progressive-custom-properties/CHANGELOG.md#500) (major)
|
|
13
|
+
- Updated [`@csstools/css-color-parser`](https://github.com/csstools/postcss-plugins/tree/main/packages/css-color-parser) to [`4.0.0`](https://github.com/csstools/postcss-plugins/tree/main/packages/css-color-parser/CHANGELOG.md#400) (major)
|
|
8
14
|
|
|
9
15
|
[Full CHANGELOG](https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-alpha-function/CHANGELOG.md)
|
package/dist/index.d.ts
CHANGED
package/dist/index.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"@csstools/postcss-progressive-custom-properties";import{tokenize as o,isTokenIdent as r,TokenType as s,isTokenHash as t}from"@csstools/css-tokenizer";import{color as l,SyntaxFlag as a}from"@csstools/css-color-parser";import{hasFallback as n,hasSupportsAtRuleAncestor as i}from"@csstools/utilities";import{replaceComponentValues as c,parseCommaSeparatedListOfComponentValues as v,isFunctionNode as u,isWhiteSpaceOrCommentNode as p,isTokenNode as d,WhitespaceNode as h,TokenNode as f,stringify as g}from"@csstools/css-parser-algorithms";const b=/\balpha\(/i,
|
|
1
|
+
import e from"@csstools/postcss-progressive-custom-properties";import{tokenize as o,isTokenIdent as r,TokenType as s,isTokenHash as t}from"@csstools/css-tokenizer";import{color as l,SyntaxFlag as a}from"@csstools/css-color-parser";import{hasFallback as n,hasSupportsAtRuleAncestor as i}from"@csstools/utilities";import{replaceComponentValues as c,parseCommaSeparatedListOfComponentValues as v,isFunctionNode as u,isWhiteSpaceOrCommentNode as p,isTokenNode as d,WhitespaceNode as h,TokenNode as f,stringify as g}from"@csstools/css-parser-algorithms";const b=/\balpha\(/i,m=/^alpha$/i,w=new Set(["srgb","srgb-linear","display-p3","display-p3-linear","a98-rgb","prophoto-rgb","rec2020","xyz","xyz-d50","xyz-d65"]),basePlugin=e=>({postcssPlugin:"postcss-color-function",Declaration(C){const x=C.value;if(!b.test(x))return;if(n(C))return;if(i(C,b))return;const y=o({css:x}),R=c(v(y),e=>{if(u(e)&&m.test(e.getName()))for(let o=0;o<e.value.length;o++){let n=e.value[o];for(;p(n);)o++,n=e.value[o];for(d(n)&&r(n.value)&&"from"===n.value[4].value.toLowerCase()&&(o++,n=e.value[o]);p(n);)o++,n=e.value[o];const i=n;if(u(i)){const t=i.getName().toLowerCase();if("var"===t)return;if("color"===t){let t="";for(let e=0;e<i.value.length;e++){const o=i.value[e];if(d(o)&&r(o.value)&&w.has(o.value[4].value.toLowerCase())){if(t)return;t=o.value[4].value}}if(!t)return;e.name[1]="color(",e.name[4].value="color";let l=["r","g","b"];return"xyz"!==t&&"xyz-d50"!==t&&"xyz-d65"!==t||(l=["x","y","z"]),void e.value.splice(o+1,0,new h([[s.Whitespace," ",-1,-1,void 0]]),new f([s.Ident,t,-1,-1,{value:t}]),new h([[s.Whitespace," ",-1,-1,void 0]]),new f([s.Ident,l[0],-1,-1,{value:l[0]}]),new h([[s.Whitespace," ",-1,-1,void 0]]),new f([s.Ident,l[1],-1,-1,{value:l[1]}]),new h([[s.Whitespace," ",-1,-1,void 0]]),new f([s.Ident,l[2],-1,-1,{value:l[2]}]))}switch(t){case"rgb":case"rgba":return void convertToRelativeColor(e,o+1,"rgb",["r","g","b"]);case"hsl":case"hsla":return void convertToRelativeColor(e,o+1,"hsl",["h","s","l"]);case"hwb":return void convertToRelativeColor(e,o+1,"hwb",["h","w","b"]);case"lab":return void convertToRelativeColor(e,o+1,"lab",["l","a","b"]);case"lch":return void convertToRelativeColor(e,o+1,"lch",["l","c","h"]);case"oklab":return void convertToRelativeColor(e,o+1,"oklab",["l","a","b"]);case"oklch":return void convertToRelativeColor(e,o+1,"oklch",["l","c","h"])}}if(d(i)&&(t(i.value)||r(i.value))){const r=l(i);if(!r)return;if(!r.syntaxFlags.has(a.Hex)&&!r.syntaxFlags.has(a.ColorKeyword))return;return void convertToRelativeColor(e,o+1,"rgb",["r","g","b"])}}}),T=g(R);T!==x&&(C.cloneBefore({value:T}),e?.preserve||C.remove())}});function convertToRelativeColor(e,o,r,t){e.name[1]=r+"(",e.name[4].value=r,e.value.splice(o,0,new h([[s.Whitespace," ",-1,-1,void 0]]),new f([s.Ident,t[0],-1,-1,{value:t[0]}]),new h([[s.Whitespace," ",-1,-1,void 0]]),new f([s.Ident,t[1],-1,-1,{value:t[1]}]),new h([[s.Whitespace," ",-1,-1,void 0]]),new f([s.Ident,t[2],-1,-1,{value:t[2]}]))}basePlugin.postcss=!0;const postcssPlugin=o=>{const r=Object.assign({preserve:!1,enableProgressiveCustomProperties:!0},o);return r.enableProgressiveCustomProperties&&r.preserve?{postcssPlugin:"postcss-color-function",plugins:[e(),basePlugin(r)]}:basePlugin(r)};postcssPlugin.postcss=!0;export{postcssPlugin as default,postcssPlugin as"module.exports"};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@csstools/postcss-alpha-function",
|
|
3
3
|
"description": "Use the alpha() function in CSS",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "2.0.0",
|
|
5
5
|
"contributors": [
|
|
6
6
|
{
|
|
7
7
|
"name": "Romain Menke",
|
|
@@ -20,20 +20,13 @@
|
|
|
20
20
|
}
|
|
21
21
|
],
|
|
22
22
|
"engines": {
|
|
23
|
-
"node": ">=
|
|
23
|
+
"node": ">=20.19.0"
|
|
24
24
|
},
|
|
25
25
|
"type": "module",
|
|
26
|
-
"main": "dist/index.cjs",
|
|
27
|
-
"module": "dist/index.mjs",
|
|
28
26
|
"exports": {
|
|
29
27
|
".": {
|
|
30
|
-
"
|
|
31
|
-
|
|
32
|
-
"default": "./dist/index.mjs"
|
|
33
|
-
},
|
|
34
|
-
"require": {
|
|
35
|
-
"default": "./dist/index.cjs"
|
|
36
|
-
}
|
|
28
|
+
"types": "./dist/index.d.ts",
|
|
29
|
+
"default": "./dist/index.mjs"
|
|
37
30
|
}
|
|
38
31
|
},
|
|
39
32
|
"files": [
|
|
@@ -43,11 +36,11 @@
|
|
|
43
36
|
"dist"
|
|
44
37
|
],
|
|
45
38
|
"dependencies": {
|
|
46
|
-
"@csstools/css-color-parser": "^
|
|
47
|
-
"@csstools/css-parser-algorithms": "^
|
|
48
|
-
"@csstools/css-tokenizer": "^
|
|
49
|
-
"@csstools/postcss-progressive-custom-properties": "^
|
|
50
|
-
"@csstools/utilities": "^
|
|
39
|
+
"@csstools/css-color-parser": "^4.0.0",
|
|
40
|
+
"@csstools/css-parser-algorithms": "^4.0.0",
|
|
41
|
+
"@csstools/css-tokenizer": "^4.0.0",
|
|
42
|
+
"@csstools/postcss-progressive-custom-properties": "^5.0.0",
|
|
43
|
+
"@csstools/utilities": "^3.0.0"
|
|
51
44
|
},
|
|
52
45
|
"peerDependencies": {
|
|
53
46
|
"postcss": "^8.4"
|
package/dist/index.cjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("@csstools/postcss-progressive-custom-properties"),o=require("@csstools/css-tokenizer"),s=require("@csstools/css-color-parser"),t=require("@csstools/utilities"),r=require("@csstools/css-parser-algorithms");const n=/\balpha\(/i,a=/^alpha$/i,l=new Set(["srgb","srgb-linear","display-p3","display-p3-linear","a98-rgb","prophoto-rgb","rec2020","xyz","xyz-d50","xyz-d65"]),basePlugin=e=>({postcssPlugin:"postcss-color-function",Declaration(i){const c=i.value;if(!n.test(c))return;if(t.hasFallback(i))return;if(t.hasSupportsAtRuleAncestor(i,n))return;const v=o.tokenize({css:c}),u=r.replaceComponentValues(r.parseCommaSeparatedListOfComponentValues(v),e=>{if(r.isFunctionNode(e)&&a.test(e.getName()))for(let t=0;t<e.value.length;t++){let n=e.value[t];for(;r.isWhiteSpaceOrCommentNode(n);)t++,n=e.value[t];for(r.isTokenNode(n)&&o.isTokenIdent(n.value)&&"from"===n.value[4].value.toLowerCase()&&(t++,n=e.value[t]);r.isWhiteSpaceOrCommentNode(n);)t++,n=e.value[t];const a=n;if(r.isFunctionNode(a)){const s=a.getName().toLowerCase();if("var"===s)return;if("color"===s){let s="";for(let e=0;e<a.value.length;e++){const t=a.value[e];if(r.isTokenNode(t)&&o.isTokenIdent(t.value)&&l.has(t.value[4].value.toLowerCase())){if(s)return;s=t.value[4].value}}if(!s)return;e.name[1]="color(",e.name[4].value="color";let n=["r","g","b"];return"xyz"!==s&&"xyz-d50"!==s&&"xyz-d65"!==s||(n=["x","y","z"]),void e.value.splice(t+1,0,new r.WhitespaceNode([[o.TokenType.Whitespace," ",-1,-1,void 0]]),new r.TokenNode([o.TokenType.Ident,s,-1,-1,{value:s}]),new r.WhitespaceNode([[o.TokenType.Whitespace," ",-1,-1,void 0]]),new r.TokenNode([o.TokenType.Ident,n[0],-1,-1,{value:n[0]}]),new r.WhitespaceNode([[o.TokenType.Whitespace," ",-1,-1,void 0]]),new r.TokenNode([o.TokenType.Ident,n[1],-1,-1,{value:n[1]}]),new r.WhitespaceNode([[o.TokenType.Whitespace," ",-1,-1,void 0]]),new r.TokenNode([o.TokenType.Ident,n[2],-1,-1,{value:n[2]}]))}switch(s){case"rgb":case"rgba":return void convertToRelativeColor(e,t+1,"rgb",["r","g","b"]);case"hsl":case"hsla":return void convertToRelativeColor(e,t+1,"hsl",["h","s","l"]);case"hwb":return void convertToRelativeColor(e,t+1,"hwb",["h","w","b"]);case"lab":return void convertToRelativeColor(e,t+1,"lab",["l","a","b"]);case"lch":return void convertToRelativeColor(e,t+1,"lch",["l","c","h"]);case"oklab":return void convertToRelativeColor(e,t+1,"oklab",["l","a","b"]);case"oklch":return void convertToRelativeColor(e,t+1,"oklch",["l","c","h"])}}if(r.isTokenNode(a)&&(o.isTokenHash(a.value)||o.isTokenIdent(a.value))){const o=s.color(a);if(!o)return;if(!o.syntaxFlags.has(s.SyntaxFlag.Hex)&&!o.syntaxFlags.has(s.SyntaxFlag.ColorKeyword))return;return void convertToRelativeColor(e,t+1,"rgb",["r","g","b"])}}}),p=r.stringify(u);p!==c&&(i.cloneBefore({value:p}),e?.preserve||i.remove())}});function convertToRelativeColor(e,s,t,n){e.name[1]=t+"(",e.name[4].value=t,e.value.splice(s,0,new r.WhitespaceNode([[o.TokenType.Whitespace," ",-1,-1,void 0]]),new r.TokenNode([o.TokenType.Ident,n[0],-1,-1,{value:n[0]}]),new r.WhitespaceNode([[o.TokenType.Whitespace," ",-1,-1,void 0]]),new r.TokenNode([o.TokenType.Ident,n[1],-1,-1,{value:n[1]}]),new r.WhitespaceNode([[o.TokenType.Whitespace," ",-1,-1,void 0]]),new r.TokenNode([o.TokenType.Ident,n[2],-1,-1,{value:n[2]}]))}basePlugin.postcss=!0;const postcssPlugin=o=>{const s=Object.assign({preserve:!1,enableProgressiveCustomProperties:!0},o);return s.enableProgressiveCustomProperties&&s.preserve?{postcssPlugin:"postcss-color-function",plugins:[e(),basePlugin(s)]}:basePlugin(s)};postcssPlugin.postcss=!0,module.exports=postcssPlugin;
|