@rogieking/figui3 2.10.2 → 2.10.3

package/fig.js

@@ -1984,9 +1984,17 @@ class FigInputNumber extends HTMLElement {
     }
     this.transform = Number(this.getAttribute("transform") || 1);
 
+    const hasSteppers =
+      this.hasAttribute("steppers") &&
+      this.getAttribute("steppers") !== "false";
+
+    // Use type="number" when steppers are enabled (for native spin buttons)
+    const inputType = hasSteppers ? "number" : "text";
+    const inputMode = hasSteppers ? "" : 'inputmode="decimal"';
+
     let html = `<input 
-      type="text"
-      inputmode="decimal"
+      type="${inputType}"
+      ${inputMode}
       ${this.name ? `name="${this.name}"` : ""}
       placeholder="${this.placeholder}"
       value="${this.#formatWithUnit(this.value)}" />`;
@@ -2268,6 +2276,7 @@ class FigInputNumber extends HTMLElement {
       "name",
       "units",
       "unit-position",
+      "steppers",
     ];
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rogieking/figui3",
-  "version": "2.10.2",
+  "version": "2.10.3",
   "description": "A lightweight web components library for building Figma plugin and widget UIs with native look and feel",
   "author": "Rogie King",
   "license": "MIT",