@kong/kongponents 9.56.2 → 9.56.3-pr.3225.360dfd9.0

package/dist/kongponents.es257.js

@@ -1,73 +1,43 @@
-import { defineComponent as C, useTemplateRef as c, ref as p, computed as T, openBlock as i, createBlock as u, withCtx as o, createElementVNode as D, createElementBlock as S, Fragment as _, renderList as x, renderSlot as B, createTextVNode as h, toDisplayString as F, createVNode as f, withModifiers as I, unref as N, nextTick as R } from "vue";
-import V from "./kongponents.es43.js";
-import W from "./kongponents.es44.js";
-import y from "./kongponents.es448.js";
-import E from "./kongponents.es274.js";
-const K = {
-  ref: "itemWrapper",
-  class: "items-wrapper"
-}, M = /* @__PURE__ */ C({
-  __name: "FilterSelector",
+import { defineComponent as r, openBlock as c, createElementBlock as u, createElementVNode as l, withKeys as s, withModifiers as n, normalizeClass as v, renderSlot as w, createTextVNode as b, toDisplayString as f } from "vue";
+const k = ["aria-selected", "data-testid"], y = { class: "multiselect-item-container" }, $ = ["disabled", "value"], h = { class: "multiselect-item-label" }, K = /* @__PURE__ */ r({
+  __name: "KMultiselectItem",
   props: {
-    filters: {},
-    label: { default: "Add filter" }
+    item: {}
   },
-  emits: ["select"],
-  setup(n, { emit: d }) {
-    const s = c("filterSelector"), m = c("itemWrapper"), r = p(!1), a = p(!1), v = T(() => Object.entries(n.filters).map(([e, l]) => ({
-      label: l.label,
-      value: e,
-      onClick: () => g(e)
-    }))), w = d, g = (e) => {
-      w("select", e);
-    }, k = (e) => {
-      e ? a.value = !0 : a.value = !1, r.value = !r.value;
-    }, b = async () => {
-      var e, l, t;
-      r.value ? (e = s.value) == null || e.closeDropdown() : ((l = s.value) == null || l.openDropdown(), await R(), (t = m.value) == null || t.scrollTo({ top: 0 }));
+  emits: ["selected", "arrow-down", "arrow-up"],
+  setup(e, { emit: a }) {
+    const d = a, o = () => {
+      e.item.disabled || d("selected", e.item);
     };
-    return (e, l) => (i(), u(V, {
-      ref: "filterSelector",
-      width: "auto",
-      onToggleDropdown: k
-    }, {
-      default: o(() => [
-        f(y, {
-          "data-testid": "filter-selector",
-          label: n.label,
-          "pill-focus": a.value,
-          onClick: l[0] || (l[0] = I(() => {
-          }, ["prevent", "stop"])),
-          onTrigger: b
-        }, {
-          "open-icon": o(() => [
-            f(N(E), { decorative: "" })
-          ]),
-          _: 1
-        }, 8, ["label", "pill-focus"])
-      ]),
-      items: o(() => [
-        D("div", K, [
-          (i(!0), S(_, null, x(v.value, (t) => (i(), u(W, {
-            key: t.value,
-            "data-testid": "dropdown-item-trigger",
-            item: t,
-            value: t.value,
-            onClick: t.onClick
-          }, {
-            default: o(() => [
-              B(e.$slots, `filter-item-${t.value}`, {}, () => [
-                h(F(t.label), 1)
-              ], !0)
-            ]),
-            _: 2
-          }, 1032, ["item", "value", "onClick"]))), 128))
-        ], 512)
-      ]),
-      _: 3
-    }, 512));
+    return (i, t) => (c(), u("div", {
+      key: e.item.key || e.item.value,
+      "aria-selected": e.item.selected,
+      class: "multiselect-item",
+      "data-testid": `multiselect-item-${e.item.value}`,
+      role: "option"
+    }, [
+      l("div", y, [
+        l("button", {
+          class: v({ selected: e.item.selected }),
+          disabled: e.item.disabled === !0 ? !0 : void 0,
+          type: "button",
+          value: e.item.value,
+          onClick: o,
+          onKeydown: [
+            t[0] || (t[0] = s(n((m) => i.$emit("arrow-down"), ["prevent"]), ["down"])),
+            t[1] || (t[1] = s(n((m) => i.$emit("arrow-up"), ["prevent"]), ["up"]))
+          ]
+        }, [
+          l("span", h, [
+            w(i.$slots, "content", {}, () => [
+              b(f(e.item.label), 1)
+            ], !0)
+          ])
+        ], 42, $)
+      ])
+    ], 8, k));
   }
 });
 export {
-  M as default
+  K as default
 };

package/dist/kongponents.es259.js

@@ -1,244 +1,123 @@
-import { defineComponent as Z, useCssVars as _, useAttrs as ee, ref as k, useTemplateRef as E, computed as r, onMounted as te, resolveComponent as le, openBlock as x, createBlock as w, unref as F, withCtx as m, createElementVNode as P, createVNode as S, createTextVNode as q, renderSlot as ae, createElementBlock as oe, createCommentVNode as ie, toDisplayString as ne, mergeProps as re, withModifiers as ue, nextTick as se } from "vue";
-import { KUI_SPACE_30 as ce } from "./kongponents.es181.js";
-import de from "./kongponents.es56.js";
-import fe from "./kongponents.es49.js";
-import I from "./kongponents.es60.js";
-import ve from "./kongponents.es54.js";
-import me from "./kongponents.es448.js";
-const pe = {
-  class: "filter-content",
-  "data-testid": "filter-pill-content"
-}, be = { class: "default-layout" }, ye = {
-  key: 0,
-  class: "operator"
-}, Ve = { class: "value" }, he = { class: "footer" }, qe = /* @__PURE__ */ Z({
-  inheritAttrs: !1,
-  __name: "FilterPill",
+import { defineComponent as b, computed as d, openBlock as u, createBlock as x, resolveDynamicComponent as S, normalizeStyle as w, withCtx as $, createElementBlock as z } from "vue";
+import { KUI_ICON_SIZE_50 as p } from "./kongponents.es260.js";
+const N = ["aria-hidden"], c = '<path d="M11 19V13H5V11H11V5H13V11H19V13H13V19H11Z" fill="currentColor"/>', H = /* @__PURE__ */ b({
+  __name: "AddIcon",
   props: {
-    filter: {},
-    initOpen: { type: Boolean, default: !1 },
-    selection: { default: () => {
-    } },
-    custom: { type: Boolean, default: !1 }
-  },
-  emits: ["apply", "close", "open", "clear"],
-  setup(t, { emit: M }) {
-    _((l) => ({
-      v368b424a: D.value
-    }));
-    const N = ee(), p = M, b = k(!1), C = E("filterPopper"), f = k(), u = k(), s = k(), c = k(), T = E("inputField"), v = r(() => t.custom ? "custom" : t.filter.options && !t.filter.multiple ? "select" : t.filter.options && t.filter.multiple ? "multiselect" : "input"), L = r(() => {
-      switch (v.value) {
-        case "input":
-          return !u.value || u.value === "";
-        case "select":
-          return !s.value;
-        case "multiselect":
-          return !c.value || c.value.length === 0;
-        case "custom":
-        default:
-          return !1;
-      }
-    }), g = r(() => t.filter.operators && t.filter.operators.length ? t.filter.operators : ["eq"]), D = r(() => g.value.some((l) => l === "lte" || l === "gte") ? "205px" : "120px"), R = r(() => {
-      var o, a, V, h, i, n, K, O;
-      let l, e;
-      switch (v.value) {
-        case "input":
-          l = u.value, e = u.value;
-          break;
-        case "select":
-          l = s.value, e = ((V = (a = (o = t.filter) == null ? void 0 : o.options) == null ? void 0 : a.find(({ value: d }) => d === s.value)) == null ? void 0 : V.label) ?? ((h = s.value) == null ? void 0 : h.toString());
-          break;
-        case "multiselect":
-          l = c.value, e = (O = (K = (n = (i = c.value) == null ? void 0 : i.map((d) => {
-            var U;
-            return (U = t.filter.options) == null ? void 0 : U.find(({ value: Y }) => Y === d);
-          })) == null ? void 0 : n.filter((d) => d !== void 0)) == null ? void 0 : K.map(({ label: d }) => d)) == null ? void 0 : O.join(", ");
-          break;
+    /** The accessibility text provided to screen readers */
+    title: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
+    color: {
+      type: String,
+      required: !1,
+      default: "currentColor"
+    },
+    /** The CSS display property for the icon. Defaults to `block` */
+    display: {
+      type: String,
+      required: !1,
+      default: "block"
+    },
+    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
+    decorative: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    /** The icon size */
+    size: {
+      type: [Number, String],
+      required: !1,
+      default: p,
+      // if setting to the imported const fails, just pass a number of 24 as the default.
+      validator: (t) => {
+        if (typeof t == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t) || typeof t == "number" && t > 0)
+          return !0;
+        if (typeof t == "string") {
+          const e = String(t).replace(/px/gi, ""), a = Number(e);
+          if (a && !isNaN(a) && Number.isInteger(a) && a > 0)
+            return !0;
+        }
+        return !1;
       }
-      if (!(f.value === void 0 || l === void 0 || e === void 0))
-        return {
-          operator: f.value,
-          value: l,
-          text: e
-        };
-    }), $ = r(() => {
-      var l;
-      switch ((l = t.selection) == null ? void 0 : l.operator) {
-        case "eq":
-          return " = ";
-        case "neq":
-          return " ≠ ";
-        case "lt":
-          return " < ";
-        case "lte":
-          return " ≤ ";
-        case "gt":
-          return " > ";
-        case "gte":
-          return " ≥ ";
-        case "contains":
-        case "exists":
-        default:
-          return ": ";
+    },
+    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
+    as: {
+      type: String,
+      required: !1,
+      default: "span"
+    },
+    /**
+     * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).
+     * Typically only set to `true` during snapshot testing.
+     * Defaults to `false`.
+     */
+    staticIds: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(t) {
+    const e = t, a = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), o = d(() => {
+      if (a(e.size))
+        return e.size;
+      if (typeof e.size == "number" && e.size > 0)
+        return `${e.size}px`;
+      if (typeof e.size == "string") {
+        const r = String(e.size).replace(/px/gi, ""), i = Number(r);
+        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
+          return `${i}px`;
       }
-    }), A = r(() => {
-      const l = {
-        eq: "Equals",
-        neq: "Not equals",
-        contains: "Contains",
-        exists: "Exists",
-        lt: "Less than",
-        lte: "Less than or equal to",
-        gt: "Greater than",
-        gte: "Greater than or equal to"
-      };
-      return g.value.map((e) => ({
-        label: l[e],
-        value: e
-      }));
-    }), G = r(() => {
-      var l;
-      return ((l = A.value.find(({ value: e }) => e === f.value)) == null ? void 0 : l.label) ?? "";
-    }), W = () => {
-      var l, e;
-      v.value === "input" && ((e = (l = T.value) == null ? void 0 : l.input) == null || e.focus());
-    }, j = () => {
-      var l, e, o, a, V, h;
-      f.value = ((l = t.selection) == null ? void 0 : l.operator) ?? ((e = g.value) == null ? void 0 : e[0]), u.value = typeof ((o = t.selection) == null ? void 0 : o.value) == "string" ? t.selection.value : void 0, s.value = (V = (a = t.filter.options) == null ? void 0 : a.find(({ value: i }) => {
-        var n;
-        return i === ((n = t.selection) == null ? void 0 : n.value);
-      })) == null ? void 0 : V.value, c.value = (h = t.filter.options) == null ? void 0 : h.filter(({ value: i }) => {
-        var n;
-        if (Array.isArray((n = t.selection) == null ? void 0 : n.value))
-          return t.selection.value.includes(`${i}`);
-      }).map(({ value: i }) => i);
-    }, B = async () => {
-      j(), C.value && (C.value.showPopover(), b.value = !0, await se(), W()), p("open");
-    }, y = () => {
-      C.value && (C.value.hidePopover(), b.value = !1), p("close");
-    };
-    te(() => {
-      t.initOpen && B();
-    });
-    const z = () => {
-      b.value && y();
-    }, H = () => {
-      v.value === "custom" ? p("apply", void 0) : p("apply", R.value), y();
-    }, J = () => {
-      y();
-    }, Q = () => {
-      y(), p("clear");
-    }, X = () => {
-      b.value ? y() : B();
-    };
-    return (l, e) => {
-      const o = le("KButton");
-      return x(), w(de, {
-        ref: "filterPopper",
-        "max-width": t.filter.maxWidth ?? "400px",
-        offset: `var(--kui-space-30, ${F(ce)})`,
-        placement: t.filter.placement ?? "bottom-start",
-        width: "auto",
-        onClose: z
-      }, {
-        default: m(() => {
-          var a;
-          return [
-            S(me, re({
-              "content-label": (a = t.selection) == null ? void 0 : a.text,
-              "data-testid": "filter-pill",
-              delimiter: $.value,
-              label: t.filter.label,
-              "pill-focus": b.value
-            }, F(N), {
-              onClear: Q,
-              onClick: e[0] || (e[0] = ue(() => {
-              }, ["prevent", "stop"])),
-              onTrigger: X
-            }), null, 16, ["content-label", "delimiter", "label", "pill-focus"])
-          ];
-        }),
-        title: m(() => [
-          q(ne(t.filter.label), 1)
-        ]),
-        content: m(() => [
-          P("div", pe, [
-            ae(l.$slots, "default", {}, () => [
-              P("div", be, [
-                g.value.length > 1 ? (x(), oe("div", ye, [
-                  S(I, {
-                    modelValue: f.value,
-                    "onUpdate:modelValue": e[1] || (e[1] = (a) => f.value = a),
-                    items: A.value,
-                    "kpop-attributes": {
-                      popoverClasses: "force-operator-width"
-                    },
-                    label: "Operator",
-                    title: G.value
-                  }, null, 8, ["modelValue", "items", "title"])
-                ])) : ie("", !0),
-                P("div", Ve, [
-                  v.value === "select" ? (x(), w(I, {
-                    key: 0,
-                    modelValue: s.value,
-                    "onUpdate:modelValue": e[2] || (e[2] = (a) => s.value = a),
-                    "data-testid": "filter-pill-select",
-                    items: t.filter.options,
-                    label: "Value",
-                    placeholder: "Select a value"
-                  }, null, 8, ["modelValue", "items"])) : v.value === "multiselect" ? (x(), w(ve, {
-                    key: 1,
-                    modelValue: c.value,
-                    "onUpdate:modelValue": e[3] || (e[3] = (a) => c.value = a),
-                    "data-testid": "filter-pill-multiselect",
-                    items: t.filter.options,
-                    label: "Value",
-                    placeholder: "Select values"
-                  }, null, 8, ["modelValue", "items"])) : (x(), w(fe, {
-                    key: 2,
-                    ref: "inputField",
-                    modelValue: u.value,
-                    "onUpdate:modelValue": e[4] || (e[4] = (a) => u.value = a),
-                    modelModifiers: { trim: !0 },
-                    "data-testid": "filter-pill-input",
-                    label: "Value",
-                    placeholder: "Enter a value"
-                  }, null, 8, ["modelValue"]))
-                ])
-              ])
-            ], !0)
-          ])
-        ]),
-        footer: m(() => [
-          P("div", he, [
-            S(o, {
-              appearance: "secondary",
-              "data-testid": "filter-pill-cancel",
-              onClick: J
-            }, {
-              default: m(() => [...e[5] || (e[5] = [
-                q(" Cancel ", -1)
-              ])]),
-              _: 1
-            }),
-            S(o, {
-              appearance: "primary",
-              "data-testid": "filter-pill-apply",
-              disabled: L.value,
-              onClick: H
-            }, {
-              default: m(() => [...e[6] || (e[6] = [
-                q(" Apply ", -1)
-              ])]),
-              _: 1
-            }, 8, ["disabled"])
-          ])
-        ]),
-        _: 3
-      }, 8, ["max-width", "offset", "placement"]);
-    };
+      return p;
+    }), f = d(() => ({
+      boxSizing: "border-box",
+      color: e.color,
+      display: e.display,
+      flexShrink: "0",
+      height: o.value,
+      lineHeight: "0",
+      width: o.value,
+      pointerEvents: e.decorative ? "none" : void 0
+    })), g = (r) => {
+      const i = {}, h = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (s, n) => {
+        const l = `${h}-${n}`;
+        return i[n] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (s, n) => i[n] ? `#${i[n]}` : s);
+    }, m = {
+      "<": "&lt;",
+      ">": "&gt;",
+      '"': "&quot;",
+      "'": "&#39;",
+      "&": "&amp;"
+    }, v = (r) => r.replace(/[<>"'&]/g, (i) => m[i]), y = `${e.title ? `<title data-testid="kui-icon-svg-title">${v(e.title)}</title>` : ""}${e.staticIds ? c : g(c)}`;
+    return (r, i) => (u(), x(S(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
+      class: "kui-icon add-icon",
+      "data-testid": "kui-icon-wrapper-add-icon",
+      style: w(f.value),
+      tabindex: t.decorative ? "-1" : void 0
+    }, {
+      default: $(() => [
+        (u(), z("svg", {
+          "aria-hidden": t.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-add-icon",
+          fill: "none",
+          height: "100%",
+          role: "img",
+          viewBox: "0 0 24 24",
+          width: "100%",
+          xmlns: "http://www.w3.org/2000/svg",
+          innerHTML: y
+        }, null, 8, N))
+      ]),
+      _: 1
+    }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  qe as default
+  H as default
 };

package/dist/kongponents.es26.js

@@ -1,8 +1,8 @@
 import { defineComponent as A, watch as d, ref as E, computed as f, useTemplateRef as V, onMounted as I, openBlock as k, createElementBlock as B, normalizeStyle as q, createVNode as N, createSlots as w, withCtx as g, renderSlot as v } from "vue";
-import z from "./kongponents.es238.js";
-import { normalizeSize as J } from "./kongponents.es182.js";
-import { warnInvalidProp as o } from "./kongponents.es223.js";
-import { getMaximumDepth as L } from "./kongponents.es239.js";
+import z from "./kongponents.es241.js";
+import { normalizeSize as J } from "./kongponents.es178.js";
+import { warnInvalidProp as o } from "./kongponents.es208.js";
+import { getMaximumDepth as L } from "./kongponents.es242.js";
 const R = /* @__PURE__ */ A({
   __name: "KTreeList",
   props: {

package/dist/kongponents.es260.js

@@ -0,0 +1,4 @@
+const I = "24px";
+export {
+  I as KUI_ICON_SIZE_50
+};

package/dist/kongponents.es261.js

@@ -1,26 +1,123 @@
-import { defineComponent as r, openBlock as n, createElementBlock as s, renderSlot as i, createVNode as e } from "vue";
-import t from "./kongponents.es61.js";
-const l = { class: "skeleton-loader" }, _ = /* @__PURE__ */ r({
-  __name: "SkeletonBase",
-  setup(a) {
-    return (o, d) => (n(), s("div", l, [
-      i(o.$slots, "default", {}, () => [
-        e(t, {
-          height: "1",
-          width: "100"
-        }),
-        e(t, {
-          height: "1",
-          width: "100"
-        }),
-        e(t, {
-          height: "1",
-          width: "100"
-        })
-      ], !0)
-    ]));
+import { defineComponent as b, computed as d, openBlock as u, createBlock as k, resolveDynamicComponent as x, normalizeStyle as S, withCtx as w, createElementBlock as $ } from "vue";
+import { KUI_ICON_SIZE_50 as c } from "./kongponents.es260.js";
+const z = ["aria-hidden"], p = '<path d="M9.7 18.025L4 12.325L5.425 10.9L9.7 15.175L18.875 6L20.3 7.425L9.7 18.025Z" fill="currentColor"/>', C = /* @__PURE__ */ b({
+  __name: "CheckIcon",
+  props: {
+    /** The accessibility text provided to screen readers */
+    title: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
+    color: {
+      type: String,
+      required: !1,
+      default: "currentColor"
+    },
+    /** The CSS display property for the icon. Defaults to `block` */
+    display: {
+      type: String,
+      required: !1,
+      default: "block"
+    },
+    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
+    decorative: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    /** The icon size */
+    size: {
+      type: [Number, String],
+      required: !1,
+      default: c,
+      // if setting to the imported const fails, just pass a number of 24 as the default.
+      validator: (t) => {
+        if (typeof t == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t) || typeof t == "number" && t > 0)
+          return !0;
+        if (typeof t == "string") {
+          const e = String(t).replace(/px/gi, ""), n = Number(e);
+          if (n && !isNaN(n) && Number.isInteger(n) && n > 0)
+            return !0;
+        }
+        return !1;
+      }
+    },
+    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
+    as: {
+      type: String,
+      required: !1,
+      default: "span"
+    },
+    /**
+     * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).
+     * Typically only set to `true` during snapshot testing.
+     * Defaults to `false`.
+     */
+    staticIds: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(t) {
+    const e = t, n = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), o = d(() => {
+      if (n(e.size))
+        return e.size;
+      if (typeof e.size == "number" && e.size > 0)
+        return `${e.size}px`;
+      if (typeof e.size == "string") {
+        const r = String(e.size).replace(/px/gi, ""), i = Number(r);
+        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
+          return `${i}px`;
+      }
+      return c;
+    }), f = d(() => ({
+      boxSizing: "border-box",
+      color: e.color,
+      display: e.display,
+      flexShrink: "0",
+      height: o.value,
+      lineHeight: "0",
+      width: o.value,
+      pointerEvents: e.decorative ? "none" : void 0
+    })), g = (r) => {
+      const i = {}, y = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (s, a) => {
+        const l = `${y}-${a}`;
+        return i[a] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (s, a) => i[a] ? `#${i[a]}` : s);
+    }, m = {
+      "<": "&lt;",
+      ">": "&gt;",
+      '"': "&quot;",
+      "'": "&#39;",
+      "&": "&amp;"
+    }, v = (r) => r.replace(/[<>"'&]/g, (i) => m[i]), h = `${e.title ? `<title data-testid="kui-icon-svg-title">${v(e.title)}</title>` : ""}${e.staticIds ? p : g(p)}`;
+    return (r, i) => (u(), k(x(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
+      class: "kui-icon check-icon",
+      "data-testid": "kui-icon-wrapper-check-icon",
+      style: S(f.value),
+      tabindex: t.decorative ? "-1" : void 0
+    }, {
+      default: w(() => [
+        (u(), $("svg", {
+          "aria-hidden": t.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-check-icon",
+          fill: "none",
+          height: "100%",
+          role: "img",
+          viewBox: "0 0 24 24",
+          width: "100%",
+          xmlns: "http://www.w3.org/2000/svg",
+          innerHTML: h
+        }, null, 8, z))
+      ]),
+      _: 1
+    }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  _ as default
+  C as default
 };