@everchron/ec-shards 13.0.7 → 13.0.9

package/dist/ec-shards.js

@@ -7361,7 +7361,10 @@ const Rx = /* @__PURE__ */ w(Ix, [["render", Zx], ["__scopeId", "data-v-21b580ad
      * - `ai (Boolean)`: Wether the text is AI generated or extracted
      * - `party (String)`: The party of the pill
      * - `color (String)`: Creates a custom pill background and text color
-     * - `background (Boolean)`: Whether the pill has a background color
+     * - `background (Boolean|String)`: Whether the pill has a background color or a specific background color
+     *   - `Boolean`: When true, uses the default background color with opacity
+     *   - `String`: Uses the provided color (hex/variable) for the background
+     * - `border (Boolean)`: Whether the pill has a border
      * - `emphasized (Boolean)`: Whether the pill text is bold
     **/
     pill: {
@@ -7447,6 +7450,14 @@ const Rx = /* @__PURE__ */ w(Ix, [["render", Zx], ["__scopeId", "data-v-21b580ad
     titleIconColor() {
       var t, e;
       return (t = this.title) != null && t.ai ? "var(--color-purple-10)" : (e = this.title) != null && e.iconColor ? this.title.iconColor : "var(--color-gray-9)";
+    },
+    getPillBackgroundStyle() {
+      var t;
+      return (t = this.pill) != null && t.background ? typeof this.pill.background == "string" ? { background: this.pill.background } : this.pill.background === !0 ? {
+        background: "currentColor",
+        opacity: ".08",
+        filter: "saturate(2)"
+      } : {} : {};
     }
   },
   methods: {
@@ -7484,9 +7495,9 @@ const Rx = /* @__PURE__ */ w(Ix, [["render", Zx], ["__scopeId", "data-v-21b580ad
       this.checkTruncation(this.$refs.pillText), this.checkTruncation(this.$refs.titleText), this.checkTruncation(this.$refs.metaText);
     });
   }
-}, Nx = { class: "ecs-data-card-row" }, qx = { class: "ecs-data-card-row-title-container" }, Wx = { class: "ecs-data-card-row-pill-text" }, Kx = {
-  key: 1,
-  class: "ecs-data-card-pill-background"
+}, Nx = { class: "ecs-data-card-row" }, qx = { class: "ecs-data-card-row-title-container" }, Wx = { class: "text" }, Kx = {
+  key: 2,
+  class: "border"
 }, Yx = {
   key: 1,
   class: "ecs-data-card-row-meta-pills-container"
@@ -7544,7 +7555,12 @@ function Xx(t, e, l, a, i, n) {
             size: "20px"
           }, null, 8, ["type", "color"])) : u("", !0),
           s("span", Wx, _(l.pill.text), 1),
-          l.pill.background ? (o(), r("span", Kx)) : u("", !0)
+          l.pill.background ? (o(), r("span", {
+            key: 1,
+            class: "background",
+            style: S(n.getPillBackgroundStyle)
+          }, null, 4)) : u("", !0),
+          l.pill.border && l.pill.background ? (o(), r("span", Kx)) : u("", !0)
         ], 38)) : u("", !0),
         l.title ? (o(), r("span", {
           key: 2,
@@ -7607,7 +7623,7 @@ function Xx(t, e, l, a, i, n) {
     ], 2)
   ]);
 }
-const s50 = /* @__PURE__ */ w(Gx, [["render", Xx], ["__scopeId", "data-v-b714810d"]]), Jx = {
+const s50 = /* @__PURE__ */ w(Gx, [["render", Xx], ["__scopeId", "data-v-9a5c1e17"]]), Jx = {
   name: "ecs-data-grid",
   emits: ["tableScroll"],
   props: {
@@ -9249,7 +9265,7 @@ function PS(t, e, l, a, i, n) {
     ])) : u("", !0)
   ], 8, SS);
 }
-const Os = /* @__PURE__ */ w(bS, [["render", PS], ["__scopeId", "data-v-649b986f"]]), OS = {
+const Os = /* @__PURE__ */ w(bS, [["render", PS], ["__scopeId", "data-v-60265995"]]), OS = {
   props: {
     /** The current progress value. */
     value: {