@csstools/postcss-sign-functions 1.0.0 → 1.1.0

package/CHANGELOG.md

@@ -1,8 +1,10 @@
 # Changes to PostCSS Sign Functions
 
-### 1.0.0
+### 1.1.0
 
-_November 11, 2024_
+_November 17, 2024_
 
-- Initial version
-- Updated [`@csstools/css-calc`](https://github.com/csstools/postcss-plugins/tree/main/packages/css-calc) to [`2.1.0`](https://github.com/csstools/postcss-plugins/tree/main/packages/css-calc/CHANGELOG.md#210) (minor)
+- Add support for unresolvable values (e.g. `%` and `var()` in `abs()`)
+- Change `preserve` option to default to `false`
+
+[Full CHANGELOG](https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-sign-functions/CHANGELOG.md)

package/README.md

@@ -29,36 +29,38 @@
 	z-index: abs(10px);
 }
 
+.abs {
+	z-index: abs(10%);
+}
+
 /* becomes */
 
 .sign {
 	z-index: -1;
-	z-index: sign(-10px);
 }
 
 .sign {
 	z-index: 0;
-	z-index: sign(0);
 }
 
 .sign {
 	z-index: 1;
-	z-index: sign(10px);
 }
 
 .abs {
 	z-index: 10px;
-	z-index: abs(-10px);
 }
 
 .abs {
 	z-index: 0;
-	z-index: abs(0);
 }
 
 .abs {
 	z-index: 10px;
-	z-index: abs(10px);
+}
+
+.abs {
+	z-index: max((10%), -1 * (10%));
 }
 ```
 
@@ -99,10 +101,10 @@ Because of that, any usage that contains a `var` is skipped.
 ### preserve
 
 The `preserve` option determines whether the original notation
-is preserved. By default, it is preserved.
+is preserved. By default, it is not preserved.
 
 ```js
-postcssSignFunctions({ preserve: false })
+postcssSignFunctions({ preserve: true })
 ```
 
 ```css
@@ -130,30 +132,45 @@ postcssSignFunctions({ preserve: false })
 	z-index: abs(10px);
 }
 
+.abs {
+	z-index: abs(10%);
+}
+
 /* becomes */
 
 .sign {
 	z-index: -1;
+	z-index: sign(-10px);
 }
 
 .sign {
 	z-index: 0;
+	z-index: sign(0);
 }
 
 .sign {
 	z-index: 1;
+	z-index: sign(10px);
 }
 
 .abs {
 	z-index: 10px;
+	z-index: abs(-10px);
 }
 
 .abs {
 	z-index: 0;
+	z-index: abs(0);
 }
 
 .abs {
 	z-index: 10px;
+	z-index: abs(10px);
+}
+
+.abs {
+	z-index: max((10%), -1 * (10%));
+	z-index: abs(10%);
 }
 ```
 

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";var s=require("@csstools/css-calc");const e=/(?<![-\w])(?:sign|abs)\(/i,creator=c=>{const t=Object.assign({preserve:!0},c);return{postcssPlugin:"postcss-sign-functions",Declaration(c){if(!e.test(c.value))return;const o=s.calc(c.value,{precision:5,toCanonicalUnits:!0});o!==c.value&&(c.cloneBefore({value:o}),t.preserve||c.remove())}}};creator.postcss=!0,module.exports=creator;
+"use strict";var e=require("@csstools/css-calc"),o=require("@csstools/css-tokenizer"),n=require("@csstools/css-parser-algorithms");const s=/(?<![-\w])(?:sign|abs)\(/i,a=/(?<![-\w])(?:sign|abs)\(/i,creator=t=>{const r=Object.assign({preserve:!1},t);return{postcssPlugin:"postcss-sign-functions",Declaration(t){if(!s.test(t.value))return;let i;i=a.test(t.value)?n.replaceComponentValues(n.parseCommaSeparatedListOfComponentValues(o.tokenize({css:t.value})),replacer):n.parseCommaSeparatedListOfComponentValues(o.tokenize({css:t.value}));const p=n.stringify(e.calcFromComponentValues(i,{precision:5,toCanonicalUnits:!0}));p!==t.value&&(t.cloneBefore({value:p}),r.preserve||t.remove())}}};function replacer(e){if(!n.isFunctionNode(e))return;if("abs"!==e.getName().toLowerCase())return;const[s]=n.replaceComponentValues([e.value],replacer);return[new n.FunctionNode([o.TokenType.Function,"max(",-1,-1,{value:"max"}],[o.TokenType.CloseParen,")",-1,-1,void 0],[new n.SimpleBlockNode([o.TokenType.OpenParen,"(",-1,-1,void 0],[o.TokenType.CloseParen,")",-1,-1,void 0],n.parseListOfComponentValues(s.flatMap((e=>e.tokens())))),new n.TokenNode([o.TokenType.Comma,",",-1,-1,void 0]),new n.WhitespaceNode([[o.TokenType.Whitespace," ",-1,-1,void 0]]),new n.TokenNode([o.TokenType.Number,"-1",-1,-1,{value:-1,type:o.NumberType.Integer,signCharacter:"-"}]),new n.WhitespaceNode([[o.TokenType.Whitespace," ",-1,-1,void 0]]),new n.TokenNode([o.TokenType.Delim,"*",-1,-1,{value:"*"}]),new n.WhitespaceNode([[o.TokenType.Whitespace," ",-1,-1,void 0]]),new n.SimpleBlockNode([o.TokenType.OpenParen,"(",-1,-1,void 0],[o.TokenType.CloseParen,")",-1,-1,void 0],n.parseListOfComponentValues(s.flatMap((e=>e.tokens()))))])]}creator.postcss=!0,module.exports=creator;

package/dist/index.d.ts

@@ -5,7 +5,7 @@ export default creator;
 
 /** postcss-sign-functions plugin options */
 export declare type pluginOptions = {
-    /** Preserve the original notation. default: true */
+    /** Preserve the original notation. default: false */
     preserve?: boolean;
 };
 

package/dist/index.mjs

@@ -1 +1 @@
-import{calc as s}from"@csstools/css-calc";const e=/(?<![-\w])(?:sign|abs)\(/i,creator=o=>{const t=Object.assign({preserve:!0},o);return{postcssPlugin:"postcss-sign-functions",Declaration(o){if(!e.test(o.value))return;const n=s(o.value,{precision:5,toCanonicalUnits:!0});n!==o.value&&(o.cloneBefore({value:n}),t.preserve||o.remove())}}};creator.postcss=!0;export{creator as default};
+import{calcFromComponentValues as e}from"@csstools/css-calc";import{tokenize as s,TokenType as o,NumberType as n}from"@csstools/css-tokenizer";import{replaceComponentValues as t,parseCommaSeparatedListOfComponentValues as a,isFunctionNode as r,FunctionNode as i,SimpleBlockNode as c,parseListOfComponentValues as l,TokenNode as p,WhitespaceNode as v,stringify as u}from"@csstools/css-parser-algorithms";const m=/(?<![-\w])(?:sign|abs)\(/i,f=/(?<![-\w])(?:sign|abs)\(/i,creator=o=>{const n=Object.assign({preserve:!1},o);return{postcssPlugin:"postcss-sign-functions",Declaration(o){if(!m.test(o.value))return;let r;r=f.test(o.value)?t(a(s({css:o.value})),replacer):a(s({css:o.value}));const i=u(e(r,{precision:5,toCanonicalUnits:!0}));i!==o.value&&(o.cloneBefore({value:i}),n.preserve||o.remove())}}};function replacer(e){if(!r(e))return;if("abs"!==e.getName().toLowerCase())return;const[s]=t([e.value],replacer);return[new i([o.Function,"max(",-1,-1,{value:"max"}],[o.CloseParen,")",-1,-1,void 0],[new c([o.OpenParen,"(",-1,-1,void 0],[o.CloseParen,")",-1,-1,void 0],l(s.flatMap((e=>e.tokens())))),new p([o.Comma,",",-1,-1,void 0]),new v([[o.Whitespace," ",-1,-1,void 0]]),new p([o.Number,"-1",-1,-1,{value:-1,type:n.Integer,signCharacter:"-"}]),new v([[o.Whitespace," ",-1,-1,void 0]]),new p([o.Delim,"*",-1,-1,{value:"*"}]),new v([[o.Whitespace," ",-1,-1,void 0]]),new c([o.OpenParen,"(",-1,-1,void 0],[o.CloseParen,")",-1,-1,void 0],l(s.flatMap((e=>e.tokens()))))])]}creator.postcss=!0;export{creator as default};

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@csstools/postcss-sign-functions",
 	"description": "Use sign and abs functions in CSS",
-	"version": "1.0.0",
+	"version": "1.1.0",
 	"contributors": [
 		{
 			"name": "Antonio Laguna",