@rogieking/figui3 2.31.1 → 2.32.0

package/fig.js

@@ -2400,6 +2400,7 @@ class FigSlider extends HTMLElement {
   #regenerateInnerHTML() {
     this.value = Number(this.getAttribute("value") || 0);
     this.type = this.getAttribute("type") || "range";
+    this.variant = this.getAttribute("variant") || "default";
     this.text =
       this.hasAttribute("text") && this.getAttribute("text") !== "false";
     this.units = this.getAttribute("units") || "";
@@ -2620,6 +2621,7 @@ class FigSlider extends HTMLElement {
       "min",
       "max",
       "type",
+      "variant",
       "disabled",
       "color",
       "units",
@@ -2682,6 +2684,7 @@ class FigSlider extends HTMLElement {
         case "max":
         case "step":
         case "type":
+        case "variant":
         case "units":
           this[name] = newValue;
           this.#regenerateInnerHTML();
@@ -2737,6 +2740,8 @@ class FigInputText extends HTMLElement {
     this.type = this.getAttribute("type") || "text";
     this.placeholder = this.getAttribute("placeholder") || "";
     this.name = this.getAttribute("name") || null;
+    this.readonly =
+      this.hasAttribute("readonly") && this.getAttribute("readonly") !== "false";
 
     if (this.type === "number") {
       if (this.getAttribute("step")) {
@@ -2793,6 +2798,7 @@ class FigInputText extends HTMLElement {
       }
 
       this.input = this.querySelector("input,textarea");
+      this.input.readOnly = this.readonly;
 
       if (this.type === "number") {
         if (this.getAttribute("min")) {
@@ -2928,6 +2934,7 @@ class FigInputText extends HTMLElement {
       "placeholder",
       "label",
       "disabled",
+      "readonly",
       "type",
       "step",
       "min",
@@ -2944,6 +2951,10 @@ class FigInputText extends HTMLElement {
           this.disabled = this.input.disabled =
             newValue !== null && newValue !== "false";
           break;
+        case "readonly":
+          this.readonly = newValue !== null && newValue !== "false";
+          this.input.readOnly = this.readonly;
+          break;
         case "transform":
           if (this.type === "number") {
             this.transform = Number(newValue) || 1;

package/package.json

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