@everchron/ec-shards 14.0.8 → 14.0.9

package/dist/ec-shards.js

@@ -2987,7 +2987,7 @@ const vo = /* @__PURE__ */ b(ho, [["render", po], ["__scopeId", "data-v-2f0cb806
     /** Sets the size of the button. */
     size: {
       type: String,
-      validator: (t) => ["sml", "md", "lg", null].includes(t),
+      validator: (t) => ["xsml", "sml", "md", "lg", null].includes(t),
       default: "md"
     },
     /** If set, an icon will be added to the left of the button. Note, this is required if `iconOnly` is set to true. The list of available icon names can be found [here](https://github.com/everchron/ec-shards/tree/main/src/assets/icons). */
@@ -3041,7 +3041,7 @@ const vo = /* @__PURE__ */ b(ho, [["render", po], ["__scopeId", "data-v-2f0cb806
       return this.size && this.size !== "" ? `ecs-button-${this.size}` : this.size;
     },
     iconSize() {
-      return this.size == "sml" ? "20" : this.size == "md" ? "24" : (this.size == "lg", "30");
+      return this.size == "xsml" ? "16" : this.size == "sml" ? "20" : this.size == "md" ? "24" : (this.size == "lg", "30");
     }
   },
   mounted() {
@@ -3052,6 +3052,9 @@ function wo(t, s, e, a, n, i) {
   const r = m("ecs-icon"), c = m("ecs-focus-ring");
   return e.href && !e.addon ? (o(), l("a", {
     key: 0,
+    onClick: s[0] || (s[0] = (d) => t.$emit("click", d)),
+    onMouseover: s[1] || (s[1] = (d) => t.$emit("mouseover", d)),
+    onMouseleave: s[2] || (s[2] = (d) => t.$emit("mouseleave", d)),
     href: e.href,
     target: e.target,
     "aria-label": e.ariaLabel,
@@ -3067,10 +3070,7 @@ function wo(t, s, e, a, n, i) {
       e.loading ? "loading" : "",
       e.iconOnly ? "ecs-button-icon-only" : "",
       e.invert ? "invert" : ""
-    ]]),
-    onClick: s[0] || (s[0] = (d) => t.$emit("click", d)),
-    onMouseover: s[1] || (s[1] = (d) => t.$emit("mouseover", d)),
-    onMouseleave: s[2] || (s[2] = (d) => t.$emit("mouseleave", d))
+    ]])
   }, [
     e.icon || e.loading ? (o(), p(r, {
       key: 0,
@@ -3115,6 +3115,9 @@ function wo(t, s, e, a, n, i) {
     }, null, 8, ["inset", "danger"])
   ], 10, ko)) : (o(), l("button", {
     key: 1,
+    onClick: s[3] || (s[3] = (d) => t.$emit("click", d)),
+    onMouseover: s[4] || (s[4] = (d) => t.$emit("mouseover", d)),
+    onMouseleave: s[5] || (s[5] = (d) => t.$emit("mouseleave", d)),
     "aria-label": e.ariaLabel,
     "aria-busy": e.loading || null,
     disabled: e.disabled,
@@ -3127,10 +3130,7 @@ function wo(t, s, e, a, n, i) {
       e.loading ? "loading" : "",
       e.iconOnly ? "ecs-button-icon-only" : "",
       e.invert ? "invert" : ""
-    ]]),
-    onClick: s[3] || (s[3] = (d) => t.$emit("click", d)),
-    onMouseover: s[4] || (s[4] = (d) => t.$emit("mouseover", d)),
-    onMouseleave: s[5] || (s[5] = (d) => t.$emit("mouseleave", d))
+    ]])
   }, [
     e.icon || e.loading ? (o(), p(r, {
       key: 0,
@@ -3144,7 +3144,7 @@ function wo(t, s, e, a, n, i) {
     }, null, 8, ["inset", "danger"])
   ], 42, _o));
 }
-const xe = /* @__PURE__ */ b(yo, [["render", wo], ["__scopeId", "data-v-9d759ddc"]]), So = {
+const xe = /* @__PURE__ */ b(yo, [["render", wo], ["__scopeId", "data-v-47d42f7e"]]), So = {
   name: "ecs-popover-list-item",
   emits: ["click", "input", "change", "secondaryClick"],
   components: { EcsCheckbox: pt, EcsRadiobutton: oo, EcsSwitch: fi, EcsSortbutton: vo, EcsIcon: M, EcsFileIcon: gi, EcsButton: xe, EcsFocusRing: N },
@@ -3611,11 +3611,16 @@ const mi = /* @__PURE__ */ b(So, [["render", qo], ["__scopeId", "data-v-571b015b
     /** Allows to customize the color of the badge. */
     badgeColor: {
       type: String,
-      default: "#FF4B62"
+      default: "var(--color-red-8)"
     },
     /** Sets the aria-label attribute. Required for buttons that only contain an icon. */
     ariaLabel: {
       type: String
+    },
+    /** If set, the button will be disabled. */
+    disabled: {
+      type: Boolean,
+      default: !1
     }
   },
   computed: {
@@ -3626,7 +3631,7 @@ const mi = /* @__PURE__ */ b(So, [["render", qo], ["__scopeId", "data-v-571b015b
       return this.loading ? "loading" : this.icon;
     },
     iconTint() {
-      return this.activeHighlight ? "#0961EB" : this.$slots.default ? "#858E9E" : this.iconColor;
+      return this.activeHighlight ? this.disabled ? "var(--color-blue-5)" : "var(--color-blue-8)" : this.$slots.default ? this.disabled ? "var(--color-gray-6)" : "var(--color-gray-8)" : this.disabled ? "var(--color-gray-6)" : this.iconColor;
     },
     dropdownClass() {
       if (this.dropdown && this.$slots.default)
@@ -3636,7 +3641,7 @@ const mi = /* @__PURE__ */ b(So, [["render", qo], ["__scopeId", "data-v-571b015b
   mounted() {
     this.$slots.default === void 0 && (!this.ariaLabel || this.ariaLabel.trim());
   }
-}, jo = ["href", "target", "aria-expanded", "aria-busy", "aria-label"], Uo = ["aria-expanded", "aria-busy", "aria-label"];
+}, jo = ["href", "target", "aria-expanded", "aria-busy", "aria-label", "disabled"], Uo = ["aria-expanded", "aria-busy", "aria-label", "disabled"];
 function Go(t, s, e, a, n, i) {
   const r = m("ecs-icon"), c = m("ecs-focus-ring");
   return e.href ? (o(), l("a", {
@@ -3648,6 +3653,7 @@ function Go(t, s, e, a, n, i) {
     "aria-expanded": e.active && e.dropdown || null,
     "aria-busy": e.loading || null,
     "aria-label": e.ariaLabel,
+    disabled: e.disabled,
     class: v(["ecs-toolbar-button", [
       i.iconClass,
       e.active ? "active" : "",
@@ -3684,6 +3690,7 @@ function Go(t, s, e, a, n, i) {
     "aria-expanded": e.active && e.dropdown || null,
     "aria-busy": e.loading || null,
     "aria-label": e.ariaLabel,
+    disabled: e.disabled,
     class: v(["ecs-toolbar-button", [
       i.iconClass,
       e.active ? "active" : "",
@@ -3716,7 +3723,7 @@ function Go(t, s, e, a, n, i) {
     k(c)
   ], 10, Uo));
 }
-const vt = /* @__PURE__ */ b(Wo, [["render", Go], ["__scopeId", "data-v-f5cf466e"]]), Ko = {
+const vt = /* @__PURE__ */ b(Wo, [["render", Go], ["__scopeId", "data-v-8164b50a"]]), Ko = {
   name: "ecs-separator",
   props: {
     /** Determines if the separator line is horinzontally or vertically shown. */