@kong/kongponents 9.48.6-pr.3019.6ecf9ff.0 → 9.48.7

package/dist/kongponents.es177.js

@@ -1,100 +1,20 @@
-import g from "./kongponents.es242.js";
-function E(t) {
-  const e = [0];
-  for (let r = 0; r < t.length; r++)
-    t[r] === `
-` && e.push(r + 1);
-  return e;
-}
-function f(t, e) {
-  let r = 0, n = t.length - 1;
-  for (; r < n; ) {
-    const i = Math.floor((r + n + 1) / 2);
-    t[i] <= e ? r = i : n = i - 1;
-  }
-  return r + 1;
-}
-function x(t, e, r) {
-  if (!t || !e)
-    return [];
-  const n = [];
-  let i = 0;
-  for (; ; ) {
-    const s = t.indexOf(e, i);
-    if (s === -1) break;
-    const l = f(r, s);
-    n.push(l), i = l < r.length ? r[l] : t.length;
-  }
-  return n;
-}
-function L(t, e, r) {
-  if (!t || !e)
-    return [];
-  const n = new RegExp(e, "sg"), i = [];
-  let s;
-  for (; (s = n.exec(t)) !== null; ) {
-    const l = s.index, c = s.index + s[0].length - 1, u = f(r, l), m = f(r, c);
-    for (let o = u; o <= m; o++)
-      i[i.length - 1] !== o && i.push(o);
-  }
-  return i;
-}
-function w(t, e, r, n = E(t)) {
-  return r ? L(t, e, n) : x(t, e, n);
-}
-const M = (t) => `<mark class="matched-term">${t}</mark>`, a = /[<&]/;
-function h(t) {
-  return t.replace(/[&<]/g, (e) => e === "&" ? "&amp;" : "&lt;");
-}
-function R(t, e = a, r = h) {
-  return e.test(t) ? r(t) : t;
-}
-function I(t, e, r) {
-  if (!t || !e)
-    return "";
-  let n;
-  try {
-    n = new RegExp(`(?:${r ? e : g(e)})+`, "sgi");
-  } catch {
-    return t;
-  }
-  const i = !a.test(t);
-  let s = "", l = 0, c;
-  for (; (c = n.exec(t)) !== null; ) {
-    const u = c.index;
-    s += i ? t.slice(l, u) : h(t.slice(l, u)), s += M(i ? c[0] : h(c[0])), l = u + c[0].length;
-  }
-  return s += i ? t.slice(l) : h(t.slice(l)), s;
-}
-const b = /^\d+(?:-\d+)?(?:,\d+(?:-\d+)?)*$/;
-function d(t, e) {
-  if (!b.test(t))
-    throw new Error("Invalid line number expression.");
-  const r = t.split(",").map((n) => {
-    const [i, s] = n.split("-").map(Number);
-    return s == null ? i : [i, s];
-  });
-  return p(r, e);
-}
-function p(t, e) {
-  const r = t.flatMap((n) => {
-    if (typeof n == "number")
-      return n < 1 || n > e ? [] : n;
-    let [i, s] = n[0] < n[1] ? n : [n[1], n[0]];
-    return i = Math.max(1, i), s = Math.min(e, s), Array.from({ length: s - i + 1 }, (l, c) => c + i);
-  }).sort((n, i) => n - i);
-  return Array.from(new Set(r));
-}
-function k(t, e) {
-  return typeof t == "string" ? d(t, e) : p(t, e);
-}
+const _ = "#000933", I = "#00abd2", E = "#ffffff", O = "#6c7489", T = "#52596e", U = "#afb7c5", c = "#0044f4", o = "#995c00", t = "16px", K = "20px", n = "24px", s = "32px", C = "20px", R = "4px", A = "8px", L = "12px", N = "16px";
 export {
-  b as LINE_NUMBER_EXPRESSION_REGEX,
-  E as buildLineOffsets,
-  R as escapeHTMLIfNeeded,
-  h as escapeInnerHTML,
-  w as getMatchingLineNumbers,
-  I as highlightMatchingChars,
-  k as normalizeHighlightedLines,
-  M as wrapMark
+  _ as KUI_COLOR_TEXT,
+  I as KUI_COLOR_TEXT_DECORATIVE_AQUA,
+  E as KUI_COLOR_TEXT_INVERSE,
+  O as KUI_COLOR_TEXT_NEUTRAL,
+  T as KUI_COLOR_TEXT_NEUTRAL_STRONG,
+  U as KUI_COLOR_TEXT_NEUTRAL_WEAK,
+  c as KUI_COLOR_TEXT_PRIMARY,
+  o as KUI_COLOR_TEXT_WARNING,
+  t as KUI_ICON_SIZE_30,
+  K as KUI_ICON_SIZE_40,
+  n as KUI_ICON_SIZE_50,
+  s as KUI_ICON_SIZE_60,
+  C as KUI_LINE_HEIGHT_30,
+  R as KUI_SPACE_20,
+  A as KUI_SPACE_40,
+  L as KUI_SPACE_50,
+  N as KUI_SPACE_60
 };

package/dist/kongponents.es178.js

@@ -1,121 +1,7 @@
-import { defineComponent as w, computed as s, createBlock as h, openBlock as d, resolveDynamicComponent as b, normalizeStyle as x, withCtx as S, createElementBlock as N } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kongponents.es252.js";
-const k = ["aria-hidden"], p = '<path d="M12 20L4 12L5.4 10.575L11 16.175V4H13V16.175L18.6 10.575L20 12L12 20Z" fill="currentColor"/>', z = /* @__PURE__ */ w({
-  __name: "ArrowDownIcon",
-  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: u,
-      // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (r) => {
-        if (typeof r == "number" && r > 0)
-          return !0;
-        if (typeof r == "string") {
-          const e = String(r).replace(/px/gi, ""), i = Number(e);
-          if (i && !isNaN(i) && Number.isInteger(i) && i > 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(r) {
-    const e = r, i = s(() => {
-      if (typeof e.size == "number" && e.size > 0)
-        return `${e.size}px`;
-      if (typeof e.size == "string") {
-        const n = String(e.size).replace(/px/gi, ""), t = Number(n);
-        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
-          return `${t}px`;
-      }
-      return u;
-    }), c = s(() => ({
-      boxSizing: "border-box",
-      color: e.color,
-      display: e.display,
-      flexShrink: "0",
-      height: i.value,
-      lineHeight: "0",
-      width: i.value,
-      pointerEvents: e.decorative ? "none" : void 0
-    })), f = (n) => {
-      const t = {}, y = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (o, a) => {
-        const l = `${y}-${a}`;
-        return t[a] = l, `id="${l}"`;
-      }).replace(/#([^\s^")]+)/g, (o, a) => t[a] ? `#${t[a]}` : o);
-    }, g = {
-      "<": "&lt;",
-      ">": "&gt;",
-      '"': "&quot;",
-      "'": "&#39;",
-      "&": "&amp;"
-    }, m = (n) => n.replace(/[<>"'&]/g, (t) => g[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
-    return (n, t) => (d(), h(b(r.as), {
-      "aria-hidden": r.decorative ? "true" : void 0,
-      class: "kui-icon arrow-down-icon",
-      "data-testid": "kui-icon-wrapper-arrow-down-icon",
-      style: x(c.value),
-      tabindex: r.decorative ? "-1" : void 0
-    }, {
-      default: S(() => [
-        (d(), N("svg", {
-          "aria-hidden": r.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-arrow-down-icon",
-          fill: "none",
-          height: "100%",
-          role: "img",
-          viewBox: "0 0 24 24",
-          width: "100%",
-          xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: v
-        }, null, 8, k))
-      ]),
-      _: 1
-    }, 8, ["aria-hidden", "style", "tabindex"]));
-  }
-});
+const n = (r) => {
+  const e = Number(r);
+  return Number.isNaN(e) ? `${r}` : `${e}px`;
+};
 export {
-  z as default
+  n as normalizeSize
 };

package/dist/kongponents.es179.js

@@ -1,7 +1,7 @@
-import { defineComponent as h, computed as s, createBlock as b, openBlock as d, resolveDynamicComponent as w, normalizeStyle as x, withCtx as S, createElementBlock as N } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kongponents.es252.js";
-const k = ["aria-hidden"], p = '<path d="M11 20V7.825L5.4 13.425L4 12L12 4L20 12L18.6 13.425L13 7.825V20H11Z" fill="currentColor"/>', z = /* @__PURE__ */ h({
-  __name: "ArrowUpIcon",
+import { defineComponent as y, computed as s, createBlock as b, openBlock as d, resolveDynamicComponent as w, normalizeStyle as x, withCtx as S, createElementBlock as N } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kongponents.es264.js";
+const k = ["aria-hidden"], c = '<path d="M12 15.4L6 9.4L7.4 8L12 12.6L16.6 8L18 9.4L12 15.4Z" fill="currentColor"/>', z = /* @__PURE__ */ y({
+  __name: "ChevronDownIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -65,12 +65,12 @@ const k = ["aria-hidden"], p = '<path d="M11 20V7.825L5.4 13.425L4 12L12 4L20 12
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
-        const a = String(e.size).replace(/px/gi, ""), t = Number(a);
+        const n = String(e.size).replace(/px/gi, ""), t = Number(n);
         if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
           return `${t}px`;
       }
       return u;
-    }), c = s(() => ({
+    }), p = s(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
@@ -79,37 +79,37 @@ const k = ["aria-hidden"], p = '<path d="M11 20V7.825L5.4 13.425L4 12L12 4L20 12
       lineHeight: "0",
       width: i.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), f = (a) => {
-      const t = {}, y = Math.random().toString(36).substring(2, 12);
-      return a.replace(/id="([^"]+)"/g, (o, n) => {
-        const l = `${y}-${n}`;
-        return t[n] = l, `id="${l}"`;
-      }).replace(/#([^\s^")]+)/g, (o, n) => t[n] ? `#${t[n]}` : o);
+    })), f = (n) => {
+      const t = {}, h = Math.random().toString(36).substring(2, 12);
+      return n.replace(/id="([^"]+)"/g, (a, o) => {
+        const l = `${h}-${o}`;
+        return t[o] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (a, o) => t[o] ? `#${t[o]}` : a);
     }, g = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, m = (a) => a.replace(/[<>"'&]/g, (t) => g[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
-    return (a, t) => (d(), b(w(r.as), {
+    }, v = (n) => n.replace(/[<>"'&]/g, (t) => g[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${v(e.title)}</title>` : ""}${e.staticIds ? c : f(c)}`;
+    return (n, t) => (d(), b(w(r.as), {
       "aria-hidden": r.decorative ? "true" : void 0,
-      class: "kui-icon arrow-up-icon",
-      "data-testid": "kui-icon-wrapper-arrow-up-icon",
-      style: x(c.value),
+      class: "kui-icon chevron-down-icon",
+      "data-testid": "kui-icon-wrapper-chevron-down-icon",
+      style: x(p.value),
       tabindex: r.decorative ? "-1" : void 0
     }, {
       default: S(() => [
         (d(), N("svg", {
           "aria-hidden": r.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-arrow-up-icon",
+          "data-testid": "kui-icon-svg-chevron-down-icon",
           fill: "none",
           height: "100%",
           role: "img",
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: v
+          innerHTML: m
         }, null, 8, k))
       ]),
       _: 1

package/dist/kongponents.es180.js

@@ -1,7 +1,7 @@
-import { defineComponent as h, computed as s, createBlock as b, openBlock as d, resolveDynamicComponent as x, normalizeStyle as L, withCtx as S, createElementBlock as N } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kongponents.es252.js";
-const k = ["aria-hidden"], c = '<path d="M6.4 19L5 17.6L10.6 12L5 6.4L6.4 5L12 10.6L17.6 5L19 6.4L13.4 12L19 17.6L17.6 19L12 13.4L6.4 19Z" fill="currentColor"/>', $ = /* @__PURE__ */ h({
-  __name: "CloseIcon",
+import { defineComponent as h, computed as s, createBlock as b, openBlock as d, resolveDynamicComponent as C, normalizeStyle as H, withCtx as x, createElementBlock as S } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kongponents.es264.js";
+const V = ["aria-hidden"], c = '<path d="M7 17H9V12H7V17ZM15 17H17V7H15V17ZM11 17H13V14H11V17ZM11 12H13V10H11V12ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z" fill="currentColor"/>', w = /* @__PURE__ */ h({
+  __name: "AnalyticsIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -33,12 +33,12 @@ const k = ["aria-hidden"], c = '<path d="M6.4 19L5 17.6L10.6 12L5 6.4L6.4 5L12 1
       required: !1,
       default: u,
       // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (r) => {
-        if (typeof r == "number" && r > 0)
+      validator: (i) => {
+        if (typeof i == "number" && i > 0)
           return !0;
-        if (typeof r == "string") {
-          const e = String(r).replace(/px/gi, ""), i = Number(e);
-          if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
+        if (typeof i == "string") {
+          const e = String(i).replace(/px/gi, ""), r = Number(e);
+          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
             return !0;
         }
         return !1;
@@ -60,8 +60,8 @@ const k = ["aria-hidden"], c = '<path d="M6.4 19L5 17.6L10.6 12L5 6.4L6.4 5L12 1
       default: !1
     }
   },
-  setup(r) {
-    const e = r, i = s(() => {
+  setup(i) {
+    const e = i, r = s(() => {
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
@@ -75,14 +75,14 @@ const k = ["aria-hidden"], c = '<path d="M6.4 19L5 17.6L10.6 12L5 6.4L6.4 5L12 1
       color: e.color,
       display: e.display,
       flexShrink: "0",
-      height: i.value,
+      height: r.value,
       lineHeight: "0",
-      width: i.value,
+      width: r.value,
       pointerEvents: e.decorative ? "none" : void 0
     })), f = (a) => {
-      const t = {}, y = Math.random().toString(36).substring(2, 12);
+      const t = {}, v = Math.random().toString(36).substring(2, 12);
       return a.replace(/id="([^"]+)"/g, (o, n) => {
-        const l = `${y}-${n}`;
+        const l = `${v}-${n}`;
         return t[n] = l, `id="${l}"`;
       }).replace(/#([^\s^")]+)/g, (o, n) => t[n] ? `#${t[n]}` : o);
     }, g = {
@@ -91,31 +91,31 @@ const k = ["aria-hidden"], c = '<path d="M6.4 19L5 17.6L10.6 12L5 6.4L6.4 5L12 1
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, m = (a) => a.replace(/[<>"'&]/g, (t) => g[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? c : f(c)}`;
-    return (a, t) => (d(), b(x(r.as), {
-      "aria-hidden": r.decorative ? "true" : void 0,
-      class: "kui-icon close-icon",
-      "data-testid": "kui-icon-wrapper-close-icon",
-      style: L(p.value),
-      tabindex: r.decorative ? "-1" : void 0
+    }, m = (a) => a.replace(/[<>"'&]/g, (t) => g[t]), y = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? c : f(c)}`;
+    return (a, t) => (d(), b(C(i.as), {
+      "aria-hidden": i.decorative ? "true" : void 0,
+      class: "kui-icon analytics-icon",
+      "data-testid": "kui-icon-wrapper-analytics-icon",
+      style: H(p.value),
+      tabindex: i.decorative ? "-1" : void 0
     }, {
-      default: S(() => [
-        (d(), N("svg", {
-          "aria-hidden": r.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-close-icon",
+      default: x(() => [
+        (d(), S("svg", {
+          "aria-hidden": i.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-analytics-icon",
           fill: "none",
           height: "100%",
           role: "img",
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: v
-        }, null, 8, k))
+          innerHTML: y
+        }, null, 8, V))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  $ as default
+  w as default
 };

package/dist/kongponents.es181.js

@@ -1,7 +1,7 @@
-import { defineComponent as C, computed as s, createBlock as h, openBlock as d, resolveDynamicComponent as b, normalizeStyle as x, withCtx as S, createElementBlock as N } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kongponents.es252.js";
-const k = ["aria-hidden"], p = '<path d="M5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6H5V20H16V22H5ZM9 18C8.45 18 7.97917 17.8042 7.5875 17.4125C7.19583 17.0208 7 16.55 7 16V4C7 3.45 7.19583 2.97917 7.5875 2.5875C7.97917 2.19583 8.45 2 9 2H18C18.55 2 19.0208 2.19583 19.4125 2.5875C19.8042 2.97917 20 3.45 20 4V16C20 16.55 19.8042 17.0208 19.4125 17.4125C19.0208 17.8042 18.55 18 18 18H9ZM9 16H18V4H9V16Z" fill="currentColor"/>', I = /* @__PURE__ */ C({
-  __name: "CopyIcon",
+import { defineComponent as y, computed as d, createBlock as h, openBlock as s, resolveDynamicComponent as b, normalizeStyle as x, withCtx as S, createElementBlock as k } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kongponents.es264.js";
+const N = ["aria-hidden"], p = '<path fill-rule="evenodd" clip-rule="evenodd" d="M8.56654 17.8134H12.2371L14.1429 20.2096L13.8152 21.026H9.0731L9.18942 20.2096L8.07153 18.4462L8.56654 17.8134ZM11.193 7.28639L13.1602 7.28343L22 17.822L21.3132 21.026H17.5245L17.7604 20.1233L9.50009 10.2732L11.193 7.28639ZM14.6686 3L18.778 6.22975L18.2519 6.77265L18.9644 7.76492V8.82592L16.9157 10.496L13.4703 6.42551H11.4644L12.272 4.94512L14.6686 3ZM6.04318 13.3443L8.90974 10.853L12.7144 15.4313L11.6342 17.1086H8.12603L5.69899 20.2934L5.14469 21.026H2V17.1183L4.93106 13.3443H6.04318Z" fill="currentColor"/>', z = /* @__PURE__ */ y({
+  __name: "KongIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -61,16 +61,16 @@ const k = ["aria-hidden"], p = '<path d="M5 22C4.45 22 3.97917 21.8042 3.5875 21
     }
   },
   setup(r) {
-    const e = r, i = s(() => {
+    const e = r, i = d(() => {
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
-        const a = String(e.size).replace(/px/gi, ""), t = Number(a);
+        const n = String(e.size).replace(/px/gi, ""), t = Number(n);
         if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
           return `${t}px`;
       }
       return u;
-    }), c = s(() => ({
+    }), c = d(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
@@ -79,43 +79,43 @@ const k = ["aria-hidden"], p = '<path d="M5 22C4.45 22 3.97917 21.8042 3.5875 21
       lineHeight: "0",
       width: i.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), f = (a) => {
+    })), f = (n) => {
       const t = {}, v = Math.random().toString(36).substring(2, 12);
-      return a.replace(/id="([^"]+)"/g, (o, n) => {
-        const l = `${v}-${n}`;
-        return t[n] = l, `id="${l}"`;
-      }).replace(/#([^\s^")]+)/g, (o, n) => t[n] ? `#${t[n]}` : o);
+      return n.replace(/id="([^"]+)"/g, (a, o) => {
+        const l = `${v}-${o}`;
+        return t[o] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (a, o) => t[o] ? `#${t[o]}` : a);
     }, g = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, m = (a) => a.replace(/[<>"'&]/g, (t) => g[t]), y = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
-    return (a, t) => (d(), h(b(r.as), {
+    }, L = (n) => n.replace(/[<>"'&]/g, (t) => g[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${L(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
+    return (n, t) => (s(), h(b(r.as), {
       "aria-hidden": r.decorative ? "true" : void 0,
-      class: "kui-icon copy-icon",
-      "data-testid": "kui-icon-wrapper-copy-icon",
+      class: "kui-icon kong-icon",
+      "data-testid": "kui-icon-wrapper-kong-icon",
       style: x(c.value),
       tabindex: r.decorative ? "-1" : void 0
     }, {
       default: S(() => [
-        (d(), N("svg", {
+        (s(), k("svg", {
           "aria-hidden": r.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-copy-icon",
+          "data-testid": "kui-icon-svg-kong-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, k))
+          innerHTML: m
+        }, null, 8, N))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  I as default
+  z as default
 };

package/dist/kongponents.es182.js

@@ -1,7 +1,7 @@
-import { defineComponent as h, computed as s, createBlock as b, openBlock as d, resolveDynamicComponent as x, normalizeStyle as S, withCtx as w, createElementBlock as N } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kongponents.es252.js";
-const k = ["aria-hidden"], p = '<path d="M10 18V16H14V18H10ZM6 13V11H18V13H6ZM3 8V6H21V8H3Z" fill="currentColor"/>', q = /* @__PURE__ */ h({
-  __name: "FilterIcon",
+import { defineComponent as h, computed as s, createBlock as y, openBlock as d, resolveDynamicComponent as b, normalizeStyle as x, withCtx as S, createElementBlock as N } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kongponents.es264.js";
+const k = ["aria-hidden"], c = '<path d="M19.6 21L13.3 14.7C12.8 15.1 12.225 15.4167 11.575 15.65C10.925 15.8833 10.2333 16 9.5 16C7.68333 16 6.14583 15.3708 4.8875 14.1125C3.62917 12.8542 3 11.3167 3 9.5C3 7.68333 3.62917 6.14583 4.8875 4.8875C6.14583 3.62917 7.68333 3 9.5 3C11.3167 3 12.8542 3.62917 14.1125 4.8875C15.3708 6.14583 16 7.68333 16 9.5C16 10.2333 15.8833 10.925 15.65 11.575C15.4167 12.225 15.1 12.8 14.7 13.3L21 19.6L19.6 21ZM9.5 14C10.75 14 11.8125 13.5625 12.6875 12.6875C13.5625 11.8125 14 10.75 14 9.5C14 8.25 13.5625 7.1875 12.6875 6.3125C11.8125 5.4375 10.75 5 9.5 5C8.25 5 7.1875 5.4375 6.3125 6.3125C5.4375 7.1875 5 8.25 5 9.5C5 10.75 5.4375 11.8125 6.3125 12.6875C7.1875 13.5625 8.25 14 9.5 14Z" fill="currentColor"/>', $ = /* @__PURE__ */ h({
+  __name: "SearchIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -70,7 +70,7 @@ const k = ["aria-hidden"], p = '<path d="M10 18V16H14V18H10ZM6 13V11H18V13H6ZM3
           return `${t}px`;
       }
       return u;
-    }), c = s(() => ({
+    }), p = s(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
@@ -80,9 +80,9 @@ const k = ["aria-hidden"], p = '<path d="M10 18V16H14V18H10ZM6 13V11H18V13H6ZM3
       width: i.value,
       pointerEvents: e.decorative ? "none" : void 0
     })), f = (a) => {
-      const t = {}, y = Math.random().toString(36).substring(2, 12);
+      const t = {}, v = Math.random().toString(36).substring(2, 12);
       return a.replace(/id="([^"]+)"/g, (o, n) => {
-        const l = `${y}-${n}`;
+        const l = `${v}-${n}`;
         return t[n] = l, `id="${l}"`;
       }).replace(/#([^\s^")]+)/g, (o, n) => t[n] ? `#${t[n]}` : o);
     }, g = {
@@ -91,25 +91,25 @@ const k = ["aria-hidden"], p = '<path d="M10 18V16H14V18H10ZM6 13V11H18V13H6ZM3
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, m = (a) => a.replace(/[<>"'&]/g, (t) => g[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
-    return (a, t) => (d(), b(x(r.as), {
+    }, C = (a) => a.replace(/[<>"'&]/g, (t) => g[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${C(e.title)}</title>` : ""}${e.staticIds ? c : f(c)}`;
+    return (a, t) => (d(), y(b(r.as), {
       "aria-hidden": r.decorative ? "true" : void 0,
-      class: "kui-icon filter-icon",
-      "data-testid": "kui-icon-wrapper-filter-icon",
-      style: S(c.value),
+      class: "kui-icon search-icon",
+      "data-testid": "kui-icon-wrapper-search-icon",
+      style: x(p.value),
       tabindex: r.decorative ? "-1" : void 0
     }, {
-      default: w(() => [
+      default: S(() => [
         (d(), N("svg", {
           "aria-hidden": r.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-filter-icon",
+          "data-testid": "kui-icon-svg-search-icon",
           fill: "none",
           height: "100%",
           role: "img",
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: v
+          innerHTML: m
         }, null, 8, k))
       ]),
       _: 1
@@ -117,5 +117,5 @@ const k = ["aria-hidden"], p = '<path d="M10 18V16H14V18H10ZM6 13V11H18V13H6ZM3
   }
 });
 export {
-  q as default
+  $ as default
 };