wix-style-processor - npm Package Compare versions

Comparing version 3.1.8 to 3.1.9

dist/es/src/defaultPlugins.d.ts

@@ -14,2 +14,3 @@ export declare const defaultPlugins: {
     zeroAsTrue: (zero: any) => any;
+    calc: (operator: any, ...args: any[]) => any;
 };

dist/es/src/defaultPlugins.js

@@ -109,4 +109,17 @@ var __assign = (this && this.__assign) || Object.assign || function(t) {
         return (typeof zero === 'number') ? "" + zero : zero;
-    }
+    },
+    calc: function (operator) {
+        var args = [];
+        for (var _i = 1; _i < arguments.length; _i++) {
+            args[_i - 1] = arguments[_i];
+        }
+        var numbersWithoutTPAParams = args.slice(0, -1);
+        if (numbersWithoutTPAParams.length > 1) {
+            return "calc(" + numbersWithoutTPAParams.join(" " + operator + " ") + ")";
+        }
+        else {
+            return numbersWithoutTPAParams[0];
+        }
+    },
 };
 //# sourceMappingURL=defaultPlugins.js.map

dist/src/defaultPlugins.d.ts

@@ -14,2 +14,3 @@ export declare const defaultPlugins: {
     zeroAsTrue: (zero: any) => any;
+    calc: (operator: any, ...args: any[]) => any;
 };

dist/src/defaultPlugins.js

@@ -111,4 +111,17 @@ "use strict";
         return (typeof zero === 'number') ? "" + zero : zero;
-    }
+    },
+    calc: function (operator) {
+        var args = [];
+        for (var _i = 1; _i < arguments.length; _i++) {
+            args[_i - 1] = arguments[_i];
+        }
+        var numbersWithoutTPAParams = args.slice(0, -1);
+        if (numbersWithoutTPAParams.length > 1) {
+            return "calc(" + numbersWithoutTPAParams.join(" " + operator + " ") + ")";
+        }
+        else {
+            return numbersWithoutTPAParams[0];
+        }
+    },
 };
 //# sourceMappingURL=defaultPlugins.js.map

package.json

@@ -5,3 +5,3 @@ {
   "description": "An alternative Wix Styles TPA processor",
-  "version": "3.1.8",
+  "version": "3.1.9",
   "author": {
@@ -8,0 +8,0 @@ "name": "Eran Shabi",

README.md

@@ -29,2 +29,3 @@ # wix-style-processor
     color: "fallback(color(--var-from-settings), color(color-8))";          /* will return the first none falsy value from left to right */
+    width: "calc(+, 2px, 4%, 3em)";                                         /* will return the native calc function for the given operator and numbers a work around for https://github.com/thysultan/stylis.js/issues/116 */
 }
@@ -31,0 +32,0 @@ ```

No alert changes

Improved metrics

Total package byte prevSize

425703

increased by0.44%

Lines of code

6669

increased by0.42%

Number of lines in readme file

150

increased by0.67%

No dependency changes