@uxf/styles 11.97.0 → 11.104.0

package/README.md

@@ -125,21 +125,25 @@ const example2 = rem(320, 10) /* returns "32rem" */
 
 ### `emToPx` and `remToPx`
 
-- parse em or rem units to pixels (as number) by specified base (defaults `16`)
+- parse em or rem units to pixels (always returns `number`) by specified base (defaults `16`)
+- the string `"0"` is also accepted and returns `0`
+- throws an error for any other invalid input (previously returned the input as-is)
 
 ```tsx
 import { emToPx } from "@uxf/styles/units/em-to-px";
 
-const example1 = emToPx("20em") /* 320 */
+const example1 = emToPx("20em")    /* 320 */
 const example2 = emToPx("20em", 10) /* 200 */
-const example3 = emToPx("20rem", 10) /* "20rem" */
+const example3 = emToPx("0")       /* 0 */
+// emToPx("20rem") — throws error: Invalid value
 ```
 ```tsx
 import { remToPx } from "@uxf/styles/units/rem-to-px";
 
-const example1 = remToPx("20rem") /* 320 */
+const example1 = remToPx("20rem")    /* 320 */
 const example2 = remToPx("20rem", 10) /* 200 */
-const example3 = remToPx("20%", 10) /* "20%" */
+const example3 = remToPx("0")        /* 0 */
+// remToPx("20%") — throws error: Invalid value
 ```
 
 ### `formatCssValue`
@@ -167,6 +171,8 @@ const example = percent(54.874, 80, 2) /* returns 68.59 */
 
 ### `spacing`
 
+> **Deprecated** — This function will be deleted in future versions.
+
 - returns input multiplied by given factor (defaults `8`)
 
 ```tsx

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@uxf/styles",
-    "version": "11.97.0",
+    "version": "11.104.0",
     "description": "",
     "main": "index.js",
     "scripts": {
@@ -15,7 +15,7 @@
         "url": "git+https://gitlab.com/uxf-npm/styles.git"
     },
     "dependencies": {
-        "@uxf/core": "11.97.0",
+        "@uxf/core": "11.100.0",
         "color2k": "2.0.3"
     },
     "devDependencies": {

package/units/em-to-px.d.ts

@@ -1 +1 @@
-export declare function emToPx(value: string, size?: number): string | number;
+export declare function emToPx(value: string, size?: number): number;

package/units/em-to-px.js

@@ -1,9 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.emToPx = emToPx;
+const throw_error_1 = require("@uxf/core/utils/throw-error");
 function emToPx(value, size = 16) {
     if (/\d*\.?\d+em/.test(value)) {
         return parseFloat(value) * size;
     }
-    return value;
+    else if (value === "0") {
+        return 0;
+    }
+    (0, throw_error_1.throwError)(`Invalid value: ${value}`);
 }

package/units/percent.d.ts

@@ -1 +1 @@
-export declare const percent: (inputValue: number, maxValue?: number, precision?: number) => number;
+export declare function percent(inputValue: number, maxValue?: number, precision?: number): number;

package/units/percent.js

@@ -1,11 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.percent = void 0;
+exports.percent = percent;
 const trim_trailing_zeros_1 = require("@uxf/core/utils/trim-trailing-zeros");
-const percent = (inputValue, maxValue = 100, precision = 2) => {
+function percent(inputValue, maxValue = 100, precision = 2) {
     if (inputValue === 0) {
         return inputValue;
     }
     return parseFloat((0, trim_trailing_zeros_1.trimTrailingZeros)(((inputValue / maxValue) * 100).toFixed(precision)));
-};
-exports.percent = percent;
+}

package/units/rem-to-px.d.ts

@@ -1 +1 @@
-export declare function remToPx(value: string, size?: number): string | number;
+export declare function remToPx(value: string, size?: number): number;

package/units/rem-to-px.js

@@ -1,9 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.remToPx = remToPx;
+const throw_error_1 = require("@uxf/core/utils/throw-error");
 function remToPx(value, size = 16) {
     if (/\d*\.?\d+rem/.test(value)) {
         return parseFloat(value) * size;
     }
-    return value;
+    else if (value === "0") {
+        return 0;
+    }
+    (0, throw_error_1.throwError)(`Invalid value: ${value}`);
 }

package/units/spacing.d.ts

@@ -1 +1,4 @@
+/**
+ * @deprecated This function will be deleted in future versions.
+ */
 export declare const spacing: (input: number, factor?: number) => number;

package/units/spacing.js

@@ -1,5 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.spacing = void 0;
+/**
+ * @deprecated This function will be deleted in future versions.
+ */
 const spacing = (input, factor = 8) => (input === 0 ? input : input * factor);
 exports.spacing = spacing;