@rogieking/figui3 10.0.13 → 11.0.0

package/fig.js

@@ -916,105 +916,6 @@ class FigButton extends HTMLElement {
 }
 figDefineElement("fig-button", FigButton);
 
-/**
- * A full-width secondary button for opening a property editor or flyout.
- * @attr {string} icon - Optional fig-icon name shown before the button label.
- * Author a custom child with slot="prepend" instead when needed.
- * @attr {boolean} disabled - Whether the trigger is disabled.
- */
-class FigPropertyButton extends FigButton {
-  #syncingContract = false;
-
-  static get observedAttributes() {
-    return [
-      ...super.observedAttributes,
-      "icon",
-      "variant",
-      "full",
-      "align",
-    ];
-  }
-
-  connectedCallback() {
-    this.#enforceContract();
-    super.connectedCallback();
-    this.#syncIcon();
-  }
-
-  get icon() {
-    return this.getAttribute("icon") || "";
-  }
-
-  set icon(value) {
-    if (value === null || value === undefined || value === "") {
-      this.removeAttribute("icon");
-    } else {
-      this.setAttribute("icon", String(value));
-    }
-  }
-
-  #enforceContract() {
-    if (this.#syncingContract) return;
-    this.#syncingContract = true;
-    if (this.getAttribute("variant") !== "secondary") {
-      this.setAttribute("variant", "secondary");
-    }
-    if (!this.hasAttribute("full") || this.getAttribute("full") === "false") {
-      this.setAttribute("full", "");
-    }
-    if (this.getAttribute("align") !== "start") {
-      this.setAttribute("align", "start");
-    }
-    this.#syncingContract = false;
-  }
-
-  #syncIcon() {
-    const generated = Array.from(
-      this.querySelectorAll(
-        ':scope > fig-icon[slot="prepend"][data-generated="property-button-icon"]',
-      ),
-    );
-    const authoredPrepend = this.querySelector(
-      ':scope > [slot="prepend"]:not([data-generated="property-button-icon"])',
-    );
-    if (authoredPrepend) {
-      generated.forEach((icon) => icon.remove());
-      return;
-    }
-
-    const iconName = this.icon.trim();
-    if (!iconName) {
-      generated.forEach((icon) => icon.remove());
-      return;
-    }
-
-    let icon = generated.shift();
-    generated.forEach((duplicate) => duplicate.remove());
-    if (!icon) {
-      icon = createFigIcon(iconName);
-      icon.setAttribute("slot", "prepend");
-      icon.setAttribute("data-generated", "property-button-icon");
-      this.prepend(icon);
-    } else if (icon.getAttribute("name") !== iconName) {
-      icon.setAttribute("name", iconName);
-    }
-  }
-
-  attributeChangedCallback(name, oldValue, newValue) {
-    if (oldValue === newValue) return;
-    if (name === "icon") {
-      this.#syncIcon();
-      return;
-    }
-    if (name === "variant" || name === "full" || name === "align") {
-      this.#enforceContract();
-      return;
-    }
-    super.attributeChangedCallback(name, oldValue, newValue);
-  }
-}
-figDefineElement("fig-property-button", FigPropertyButton);
-
 /**
  * A custom dropdown/select element.
  * @attr {string} type - The dropdown type: "select" (default) or "dropdown"

package/package.json

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