wox-gui 0.1.3 → 0.1.4

package/dist/wox-gui.cdn.js

@@ -149,7 +149,7 @@ const Nt = `
     :host { display: inline-block; }
     button {
         display: flex; align-items: center; justify-content: center; gap: 6px;
-        background: transparent; border: 1px solid transparent; color: var(--wox-text-secondary, #999);
+        background: transparent; border: 1px solid var(--wox-border); color: var(--wox-text-secondary, #999);
         cursor: pointer; font-family: var(--wox-font, sans-serif); font-size: var(--wox-font-size-base, 12px);
         transition: all var(--wox-transition-fast, 0.12s); border-radius: var(--wox-radius-sm, 3px);
         padding: 0; margin: 0; line-height: 1; user-select: none;
@@ -216,7 +216,12 @@ class lt extends v {
     super(...arguments);
     /** @private */
     n(this, "_render", () => {
-      const t = this.getAttribute("variant") || "icon", e = this.getAttribute("icon") || "", o = this.getAttribute("label") || "", i = this.hasAttribute("active"), s = this.hasAttribute("disabled"), r = this.getAttribute("dash") || "solid", a = this.getAttribute("color") || "", d = this.hasAttribute("glow"), c = this.hasAttribute("pulse"), u = [`v-${t}`, i ? "active" : "", d ? "glow" : "", c ? "pulse" : ""].filter(Boolean).join(" ");
+      const t = this.getAttribute("variant") || "icon", e = this.getAttribute("icon") || "", o = this.getAttribute("label") || "", i = this.hasAttribute("active"), s = this.hasAttribute("disabled"), r = this.getAttribute("dash") || "solid", a = this.getAttribute("color") || "", d = this.hasAttribute("glow"), c = this.hasAttribute("pulse"), u = [
+        `v-${t}`,
+        i ? "active" : "",
+        d ? "glow" : "",
+        c ? "pulse" : ""
+      ].filter(Boolean).join(" ");
       let h = "";
       t === "icon" ? h = e ? `<span class="material-icons">${e}</span>` : "<slot></slot>" : t === "text" ? h = (e ? `<span class="material-icons" style="font-size:14px">${e}</span>` : "") + (o || "<slot></slot>") : t === "tile" ? h = (e ? `<span class="material-icons">${e}</span>` : '<slot name="icon"></slot>') + `<span>${o}</span>` : t === "dash" && (h = `<div class="dash-line${r === "solid" ? "" : ` ${r}`}"></div>`);
       const x = a ? ` data-color style="--wox-fx-color:${a}"` : "";
@@ -235,7 +240,18 @@ class lt extends v {
     this.isConnected && this._render();
   }
 }
-n(lt, "observedAttributes", ["variant", "icon", "label", "active", "disabled", "color", "size", "dash", "glow", "pulse"]);
+n(lt, "observedAttributes", [
+  "variant",
+  "icon",
+  "label",
+  "active",
+  "disabled",
+  "color",
+  "size",
+  "dash",
+  "glow",
+  "pulse"
+]);
 const Pt = `
     :host { display: inline-block; }
     .wrapper { display: flex; flex-direction: column; gap: 3px; }

package/dist/wox-gui.js

@@ -149,7 +149,7 @@ const bt = `
     :host { display: inline-block; }
     button {
         display: flex; align-items: center; justify-content: center; gap: 6px;
-        background: transparent; border: 1px solid transparent; color: var(--wox-text-secondary, #999);
+        background: transparent; border: 1px solid var(--wox-border); color: var(--wox-text-secondary, #999);
         cursor: pointer; font-family: var(--wox-font, sans-serif); font-size: var(--wox-font-size-base, 12px);
         transition: all var(--wox-transition-fast, 0.12s); border-radius: var(--wox-radius-sm, 3px);
         padding: 0; margin: 0; line-height: 1; user-select: none;
@@ -216,7 +216,12 @@ class ft extends v {
     super(...arguments);
     /** @private */
     n(this, "_render", () => {
-      const t = this.getAttribute("variant") || "icon", e = this.getAttribute("icon") || "", o = this.getAttribute("label") || "", i = this.hasAttribute("active"), s = this.hasAttribute("disabled"), r = this.getAttribute("dash") || "solid", a = this.getAttribute("color") || "", l = this.hasAttribute("glow"), c = this.hasAttribute("pulse"), x = [`v-${t}`, i ? "active" : "", l ? "glow" : "", c ? "pulse" : ""].filter(Boolean).join(" ");
+      const t = this.getAttribute("variant") || "icon", e = this.getAttribute("icon") || "", o = this.getAttribute("label") || "", i = this.hasAttribute("active"), s = this.hasAttribute("disabled"), r = this.getAttribute("dash") || "solid", a = this.getAttribute("color") || "", l = this.hasAttribute("glow"), c = this.hasAttribute("pulse"), x = [
+        `v-${t}`,
+        i ? "active" : "",
+        l ? "glow" : "",
+        c ? "pulse" : ""
+      ].filter(Boolean).join(" ");
       let h = "";
       t === "icon" ? h = e ? `<span class="material-icons">${e}</span>` : "<slot></slot>" : t === "text" ? h = (e ? `<span class="material-icons" style="font-size:14px">${e}</span>` : "") + (o || "<slot></slot>") : t === "tile" ? h = (e ? `<span class="material-icons">${e}</span>` : '<slot name="icon"></slot>') + `<span>${o}</span>` : t === "dash" && (h = `<div class="dash-line${r === "solid" ? "" : ` ${r}`}"></div>`);
       const u = a ? ` data-color style="--wox-fx-color:${a}"` : "";
@@ -235,7 +240,18 @@ class ft extends v {
     this.isConnected && this._render();
   }
 }
-n(ft, "observedAttributes", ["variant", "icon", "label", "active", "disabled", "color", "size", "dash", "glow", "pulse"]);
+n(ft, "observedAttributes", [
+  "variant",
+  "icon",
+  "label",
+  "active",
+  "disabled",
+  "color",
+  "size",
+  "dash",
+  "glow",
+  "pulse"
+]);
 const vt = `
     :host { display: inline-block; }
     .wrapper { display: flex; flex-direction: column; gap: 3px; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wox-gui",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "WOX — Web Component UI library",
   "type": "module",
   "main": "./dist/wox-gui.js",