@rogieking/figui3 6.23.0 → 6.23.2

package/fig.js

@@ -282,7 +282,7 @@ function figUniqueId() {
 }
 
 /** Zero-size portal for fixed overlays so they never affect body layout metrics. */
-function figGetOverlayRoot(source) {
+function figGetOverlayRoot() {
   if (!document.body) return null;
   const attr = "data-figui-overlay-root";
   let root = document.body.querySelector(`:scope > [${attr}]`);
@@ -291,40 +291,9 @@ function figGetOverlayRoot(source) {
     root.setAttribute(attr, "");
     document.body.append(root);
   }
-  figSyncOverlayThemeFromSource(root, source);
   return root;
 }
 
-/** Copy PropsKit / FigUI theme onto the overlay portal so portaled popups stay themed. */
-function figSyncOverlayThemeFromSource(overlayRoot, source) {
-  if (!overlayRoot) return;
-  const panel =
-    (source instanceof Element
-      ? source.closest(".figui-root")
-      : null) || document.querySelector(".figui-root");
-  if (!panel) return;
-
-  const themeAttr = panel.getAttribute("theme");
-  const theme =
-    themeAttr === "light" || themeAttr === "dark" || themeAttr === "system"
-      ? themeAttr
-      : panel.classList.contains("figma-dark")
-        ? "dark"
-        : panel.classList.contains("figma-light")
-          ? "light"
-          : "system";
-
-  overlayRoot.classList.toggle("figma-light", theme === "light");
-  overlayRoot.classList.toggle("figma-dark", theme === "dark");
-  if (theme === "system") {
-    overlayRoot.style.setProperty("color-scheme", "light dark");
-  } else {
-    overlayRoot.style.setProperty("color-scheme", theme);
-  }
-  if (themeAttr) overlayRoot.setAttribute("theme", theme);
-  else overlayRoot.removeAttribute("theme");
-}
-
 let _figZCounter = 10000;
 function figGetHighestZIndex() {
   return _figZCounter++;
@@ -1113,13 +1082,13 @@ class FigTooltip extends HTMLElement {
     // - Without popover support, fall back to today's behavior: nearest open
     //   <dialog> ancestor if present, else document.body.
     if (supportsPopover) {
-      (figGetOverlayRoot(this) ?? document.body).append(this.popup);
+      (figGetOverlayRoot() ?? document.body).append(this.popup);
     } else {
       const parentDialog = this.closest("dialog");
       if (parentDialog && parentDialog.open) {
         parentDialog.append(this.popup);
       } else {
-        (figGetOverlayRoot(this) ?? document.body).append(this.popup);
+        (figGetOverlayRoot() ?? document.body).append(this.popup);
       }
     }
 
@@ -1511,13 +1480,13 @@ class FigTooltip extends HTMLElement {
       popup.append(content);
 
       if (supportsPopover) {
-        (figGetOverlayRoot(anchor) ?? document.body).append(popup);
+        (figGetOverlayRoot() ?? document.body).append(popup);
       } else {
         const parentDialog = anchor.closest?.("dialog");
         if (parentDialog && parentDialog.open) {
           parentDialog.append(popup);
         } else {
-          (figGetOverlayRoot(anchor) ?? document.body).append(popup);
+          (figGetOverlayRoot() ?? document.body).append(popup);
         }
       }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rogieking/figui3",
-  "version": "6.23.0",
+  "version": "6.23.2",
   "description": "A lightweight web components library for building Figma plugin and widget UIs with native look and feel",
   "author": "Rogie King",
   "license": "MIT",
@@ -19,15 +19,6 @@
     "./fig-lab.css": "./dist/fig-lab.css",
     "./base.css": "./dist/base.css",
     "./components.css": "./dist/components.css",
-    "./propskit": {
-      "types": "./propskit.d.ts",
-      "default": "./dist/propskit.js"
-    },
-    "./propskit.js": {
-      "types": "./propskit.d.ts",
-      "default": "./dist/propskit.js"
-    },
-    "./propskit.css": "./dist/propskit.css",
     "./src/fig.js": "./fig.js",
     "./src/fig-layer.js": "./fig-layer.js",
     "./src/fig-editor.js": "./fig-editor.js",
@@ -44,9 +35,6 @@
     "fig-layer.js",
     "fig-editor.js",
     "fig-lab.js",
-    "propskit.js",
-    "propskit-core.js",
-    "propskit.d.ts",
     "fig.css",
     "fig-layer.css",
     "fig-editor.css",
@@ -61,17 +49,14 @@
   ],
   "sideEffects": [
     "*.css",
-    "./propskit.js",
-    "./dist/propskit.js",
     "./fig.js",
     "./fig-lab.js",
     "./fig-editor.js"
   ],
   "scripts": {
     "dev": "bun --hot server.ts",
-    "build": "bun build fig.js --minify --outdir dist && bun build fig-layer.js --minify --outdir dist && bun build fig-editor.js --minify --outdir dist --external ./fig.js --external ./fig-lab.js && bun build fig-lab.js --minify --outdir dist --external ./fig.js --external ./fig-editor.js && bun build propskit.js --minify --outdir dist --external ./fig.js --external ./fig-lab.js --external ./fig-editor.js && npm run build:css && npm run build:propskit-css",
+    "build": "bun build fig.js --minify --outdir dist && bun build fig-layer.js --minify --outdir dist && bun build fig-editor.js --minify --outdir dist --external ./fig.js --external ./fig-lab.js && bun build fig-lab.js --minify --outdir dist --external ./fig.js --external ./fig-editor.js && npm run build:css",
     "build:css": "node scripts/build-css.mjs",
-    "build:propskit-css": "node scripts/build-propskit-css.mjs",
     "dev:playground": "node playground/dev.mjs",
     "build:playground": "cd playground && npm run build",
     "test": "npm run test:components",
@@ -125,17 +110,6 @@
     "playwright": "^1.58.2"
   },
   "peerDependencies": {
-    "typescript": "^5.0.0",
-    "react": ">=18",
-    "vue": ">=3.3",
-    "svelte": ">=5",
-    "solid-js": ">=1.8"
-  },
-  "peerDependenciesMeta": {
-    "react": { "optional": true },
-    "vue": { "optional": true },
-    "svelte": { "optional": true },
-    "solid-js": { "optional": true },
-    "typescript": { "optional": true }
+    "typescript": "^5.0.0"
   }
 }