@breadstone/mosaik-themes 0.0.211 → 0.0.214

package/index.d.mts

@@ -102,18 +102,49 @@ declare namespace CssLength {
      */
     function isCssLength(value: unknown): value is CssLength;
     /**
+     * Determines whether the given value is 'auto'.
+     *
      * @public
+     * @param value - The value to check.
+     * @returns `true` if the value is 'auto'; otherwise, `false`.
      */
     function isAuto(value: unknown): value is Extract<CssLength, 'auto'>;
     /**
+     * Determines whether the given value is a percentage CSS length.
+     *
      * @public
+     * @param value - The value to check.
+     * @returns `true` if the value is a percentage; otherwise, `false`.
      */
     function isPercentage(value: unknown): value is `${number}%`;
     /**
+     * Determines whether the given value is a valid CSS length with units (excluding percentages).
+     *
      * @public
+     * @param value - The value to check.
+     * @returns `true` if the value is a valid CSS length with units; otherwise, `false`.
      */
     function isLength(value: unknown): value is `${number}${CssLengthUnit}`;
+    /**
+     * Converts a `CssLength` to a number.
+     * Only works for numeric values without units.
+     *
+     * @public
+     * @param value - The `CssLength` value to convert.
+     * @returns The numeric value.
+     * @throws Error if the value is not a number.
+     */
     function toNumber(value: CssLength): number;
+    /**
+     * Converts a `CssLength` to a string representation.
+     * Numbers are treated as pixels.
+     *
+     * @public
+     * @param value - The `CssLength` value to convert.
+     * @param defaultUnit - The default unit to use if the value is a number.
+     * @returns The string representation of the `CssLength`.
+     */
+    function toString(value?: CssLength, defaultUnit?: CssLengthUnit): string;
     /**
      * Extracts the unit from a CSS length string.
      *

package/index.d.ts

@@ -102,18 +102,49 @@ declare namespace CssLength {
      */
     function isCssLength(value: unknown): value is CssLength;
     /**
+     * Determines whether the given value is 'auto'.
+     *
      * @public
+     * @param value - The value to check.
+     * @returns `true` if the value is 'auto'; otherwise, `false`.
      */
     function isAuto(value: unknown): value is Extract<CssLength, 'auto'>;
     /**
+     * Determines whether the given value is a percentage CSS length.
+     *
      * @public
+     * @param value - The value to check.
+     * @returns `true` if the value is a percentage; otherwise, `false`.
      */
     function isPercentage(value: unknown): value is `${number}%`;
     /**
+     * Determines whether the given value is a valid CSS length with units (excluding percentages).
+     *
      * @public
+     * @param value - The value to check.
+     * @returns `true` if the value is a valid CSS length with units; otherwise, `false`.
      */
     function isLength(value: unknown): value is `${number}${CssLengthUnit}`;
+    /**
+     * Converts a `CssLength` to a number.
+     * Only works for numeric values without units.
+     *
+     * @public
+     * @param value - The `CssLength` value to convert.
+     * @returns The numeric value.
+     * @throws Error if the value is not a number.
+     */
     function toNumber(value: CssLength): number;
+    /**
+     * Converts a `CssLength` to a string representation.
+     * Numbers are treated as pixels.
+     *
+     * @public
+     * @param value - The `CssLength` value to convert.
+     * @param defaultUnit - The default unit to use if the value is a number.
+     * @returns The string representation of the `CssLength`.
+     */
+    function toString(value?: CssLength, defaultUnit?: CssLengthUnit): string;
     /**
      * Extracts the unit from a CSS length string.
      *

package/index.js

@@ -2645,6 +2645,17 @@ var CssColor;
   }
   __name(toNumber, "toNumber");
   CssLength2.toNumber = toNumber;
+  function toString(value, defaultUnit = "px") {
+    if (value === void 0 || value === null) {
+      return "";
+    }
+    if (typeof value === "number") {
+      return `${value}${defaultUnit}`;
+    }
+    return value;
+  }
+  __name(toString, "toString");
+  CssLength2.toString = toString;
   function extractUnit(cssLength) {
     const match = /[a-z%]+$/i.exec(cssLength);
     const lengt = match ? match[0] : null;