@kong/icons 1.55.0 → 1.55.1

package/dist/kong-icons.es830.js

@@ -1,6 +1,6 @@
-import { defineComponent as h, computed as d, openBlock as l, createBlock as y, resolveDynamicComponent as H, normalizeStyle as b, withCtx as x, createElementBlock as V } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1640.js";
-const z = ["aria-hidden"], u = '<path d="M3 11V3H11V11H3ZM3 21V13H11V21H3ZM13 11V3H21V11H13ZM13 21V13H21V21H13ZM5 9H9V5H5V9ZM15 9H19V5H15V9ZM15 19H19V15H15V19ZM5 19H9V15H5V19Z" fill="currentColor"/>', I = /* @__PURE__ */ h({
+import { defineComponent as h, computed as c, openBlock as l, createBlock as H, resolveDynamicComponent as b, normalizeStyle as x, withCtx as w, createElementBlock as z } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kong-icons.es1640.js";
+const N = ["aria-hidden"], g = '<path d="M3 11V3H11V11H3ZM3 21V13H11V21H3ZM13 11V3H21V11H13ZM13 21V13H21V21H13ZM5 9H9V5H5V9ZM15 9H19V5H15V9ZM15 19H19V15H15V19ZM5 19H9V15H5V19Z" fill="currentColor"/>', I = /* @__PURE__ */ h({
   __name: "GridIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -31,14 +31,14 @@ const z = ["aria-hidden"], u = '<path d="M3 11V3H11V11H3ZM3 21V13H11V21H3ZM13 11
     size: {
       type: [Number, String],
       required: !1,
-      default: c,
+      default: u,
       // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (i) => {
-        if (typeof i == "number" && i > 0)
+      validator: (t) => {
+        if (typeof t == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t) || typeof t == "number" && t > 0)
           return !0;
-        if (typeof i == "string") {
-          const e = String(i).replace(/px/gi, ""), r = Number(e);
-          if (r && !isNaN(r) && Number.isInteger(r) && r > 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;
@@ -60,48 +60,50 @@ const z = ["aria-hidden"], u = '<path d="M3 11V3H11V11H3ZM3 21V13H11V21H3ZM13 11
       default: !1
     }
   },
-  setup(i) {
-    const e = i, r = d(() => {
+  setup(t) {
+    const e = t, n = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), o = c(() => {
+      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 n = String(e.size).replace(/px/gi, ""), t = Number(n);
-        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
-          return `${t}px`;
+        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;
-    }), g = d(() => ({
+      return u;
+    }), p = c(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
       flexShrink: "0",
-      height: r.value,
+      height: o.value,
       lineHeight: "0",
-      width: r.value,
+      width: o.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), p = (n) => {
-      const t = {}, S = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (s, o) => {
-        const a = `${S}-${o}`;
-        return t[o] = a, `id="${a}"`;
-      }).replace(/#([^\s^")]+)/g, (s, o) => t[o] ? `#${t[o]}` : s);
-    }, f = {
+    })), f = (r) => {
+      const i = {}, y = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (a, s) => {
+        const d = `${y}-${s}`;
+        return i[s] = d, `id="${d}"`;
+      }).replace(/#([^\s^")]+)/g, (a, s) => i[s] ? `#${i[s]}` : a);
+    }, m = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, m = (n) => n.replace(/[<>"'&]/g, (t) => f[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? u : p(u)}`;
-    return (n, t) => (l(), y(H(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
+    }, v = (r) => r.replace(/[<>"'&]/g, (i) => m[i]), S = `${e.title ? `<title data-testid="kui-icon-svg-title">${v(e.title)}</title>` : ""}${e.staticIds ? g : f(g)}`;
+    return (r, i) => (l(), H(b(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon grid-icon",
       "data-testid": "kui-icon-wrapper-grid-icon",
-      style: b(g.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: x(p.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
-      default: x(() => [
-        (l(), V("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+      default: w(() => [
+        (l(), z("svg", {
+          "aria-hidden": t.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-grid-icon",
           fill: "none",
           height: "100%",
@@ -109,8 +111,8 @@ const z = ["aria-hidden"], u = '<path d="M3 11V3H11V11H3ZM3 21V13H11V21H3ZM13 11
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: v
-        }, null, 8, z))
+          innerHTML: S
+        }, null, 8, N))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));

package/dist/kong-icons.es832.js

@@ -1,6 +1,6 @@
-import { defineComponent as S, computed as d, openBlock as l, createBlock as h, resolveDynamicComponent as y, normalizeStyle as b, withCtx as x, createElementBlock as z } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1640.js";
-const N = ["aria-hidden"], C = '<path d="M1 18C0.716667 18 0.479167 17.9042 0.2875 17.7125C0.0958333 17.5208 0 17.2833 0 17V16.425C0 15.7083 0.366667 15.125 1.1 14.675C1.83333 14.225 2.8 14 4 14C4.21667 14 4.425 14.0042 4.625 14.0125C4.825 14.0208 5.01667 14.0417 5.2 14.075C4.96667 14.425 4.79167 14.7917 4.675 15.175C4.55833 15.5583 4.5 15.9583 4.5 16.375V18H1ZM7 18C6.71667 18 6.47917 17.9042 6.2875 17.7125C6.09583 17.5208 6 17.2833 6 17V16.375C6 15.8417 6.14583 15.3542 6.4375 14.9125C6.72917 14.4708 7.14167 14.0833 7.675 13.75C8.20833 13.4167 8.84583 13.1667 9.5875 13C10.3292 12.8333 11.1333 12.75 12 12.75C12.8833 12.75 13.6958 12.8333 14.4375 13C15.1792 13.1667 15.8167 13.4167 16.35 13.75C16.8833 14.0833 17.2917 14.4708 17.575 14.9125C17.8583 15.3542 18 15.8417 18 16.375V17C18 17.2833 17.9042 17.5208 17.7125 17.7125C17.5208 17.9042 17.2833 18 17 18H7ZM19.5 18V16.375C19.5 15.9417 19.4458 15.5333 19.3375 15.15C19.2292 14.7667 19.0667 14.4083 18.85 14.075C19.0333 14.0417 19.2208 14.0208 19.4125 14.0125C19.6042 14.0042 19.8 14 20 14C21.2 14 22.1667 14.2208 22.9 14.6625C23.6333 15.1042 24 15.6917 24 16.425V17C24 17.2833 23.9042 17.5208 23.7125 17.7125C23.5208 17.9042 23.2833 18 23 18H19.5ZM4 13C3.45 13 2.97917 12.8042 2.5875 12.4125C2.19583 12.0208 2 11.55 2 11C2 10.4333 2.19583 9.95833 2.5875 9.575C2.97917 9.19167 3.45 9 4 9C4.56667 9 5.04167 9.19167 5.425 9.575C5.80833 9.95833 6 10.4333 6 11C6 11.55 5.80833 12.0208 5.425 12.4125C5.04167 12.8042 4.56667 13 4 13ZM20 13C19.45 13 18.9792 12.8042 18.5875 12.4125C18.1958 12.0208 18 11.55 18 11C18 10.4333 18.1958 9.95833 18.5875 9.575C18.9792 9.19167 19.45 9 20 9C20.5667 9 21.0417 9.19167 21.425 9.575C21.8083 9.95833 22 10.4333 22 11C22 11.55 21.8083 12.0208 21.425 12.4125C21.0417 12.8042 20.5667 13 20 13ZM12 12C11.1667 12 10.4583 11.7083 9.875 11.125C9.29167 10.5417 9 9.83333 9 9C9 8.15 9.29167 7.4375 9.875 6.8625C10.4583 6.2875 11.1667 6 12 6C12.85 6 13.5625 6.2875 14.1375 6.8625C14.7125 7.4375 15 8.15 15 9C15 9.83333 14.7125 10.5417 14.1375 11.125C13.5625 11.7083 12.85 12 12 12Z" fill="currentColor"/>', q = /* @__PURE__ */ S({
+import { defineComponent as y, computed as c, openBlock as l, createBlock as h, resolveDynamicComponent as b, normalizeStyle as x, withCtx as w, createElementBlock as z } from "vue";
+import { KUI_ICON_SIZE_50 as C } from "./kong-icons.es1640.js";
+const N = ["aria-hidden"], u = '<path d="M1 18C0.716667 18 0.479167 17.9042 0.2875 17.7125C0.0958333 17.5208 0 17.2833 0 17V16.425C0 15.7083 0.366667 15.125 1.1 14.675C1.83333 14.225 2.8 14 4 14C4.21667 14 4.425 14.0042 4.625 14.0125C4.825 14.0208 5.01667 14.0417 5.2 14.075C4.96667 14.425 4.79167 14.7917 4.675 15.175C4.55833 15.5583 4.5 15.9583 4.5 16.375V18H1ZM7 18C6.71667 18 6.47917 17.9042 6.2875 17.7125C6.09583 17.5208 6 17.2833 6 17V16.375C6 15.8417 6.14583 15.3542 6.4375 14.9125C6.72917 14.4708 7.14167 14.0833 7.675 13.75C8.20833 13.4167 8.84583 13.1667 9.5875 13C10.3292 12.8333 11.1333 12.75 12 12.75C12.8833 12.75 13.6958 12.8333 14.4375 13C15.1792 13.1667 15.8167 13.4167 16.35 13.75C16.8833 14.0833 17.2917 14.4708 17.575 14.9125C17.8583 15.3542 18 15.8417 18 16.375V17C18 17.2833 17.9042 17.5208 17.7125 17.7125C17.5208 17.9042 17.2833 18 17 18H7ZM19.5 18V16.375C19.5 15.9417 19.4458 15.5333 19.3375 15.15C19.2292 14.7667 19.0667 14.4083 18.85 14.075C19.0333 14.0417 19.2208 14.0208 19.4125 14.0125C19.6042 14.0042 19.8 14 20 14C21.2 14 22.1667 14.2208 22.9 14.6625C23.6333 15.1042 24 15.6917 24 16.425V17C24 17.2833 23.9042 17.5208 23.7125 17.7125C23.5208 17.9042 23.2833 18 23 18H19.5ZM4 13C3.45 13 2.97917 12.8042 2.5875 12.4125C2.19583 12.0208 2 11.55 2 11C2 10.4333 2.19583 9.95833 2.5875 9.575C2.97917 9.19167 3.45 9 4 9C4.56667 9 5.04167 9.19167 5.425 9.575C5.80833 9.95833 6 10.4333 6 11C6 11.55 5.80833 12.0208 5.425 12.4125C5.04167 12.8042 4.56667 13 4 13ZM20 13C19.45 13 18.9792 12.8042 18.5875 12.4125C18.1958 12.0208 18 11.55 18 11C18 10.4333 18.1958 9.95833 18.5875 9.575C18.9792 9.19167 19.45 9 20 9C20.5667 9 21.0417 9.19167 21.425 9.575C21.8083 9.95833 22 10.4333 22 11C22 11.55 21.8083 12.0208 21.425 12.4125C21.0417 12.8042 20.5667 13 20 13ZM12 12C11.1667 12 10.4583 11.7083 9.875 11.125C9.29167 10.5417 9 9.83333 9 9C9 8.15 9.29167 7.4375 9.875 6.8625C10.4583 6.2875 11.1667 6 12 6C12.85 6 13.5625 6.2875 14.1375 6.8625C14.7125 7.4375 15 8.15 15 9C15 9.83333 14.7125 10.5417 14.1375 11.125C13.5625 11.7083 12.85 12 12 12Z" fill="currentColor"/>', Z = /* @__PURE__ */ y({
   __name: "GroupsIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -31,14 +31,14 @@ const N = ["aria-hidden"], C = '<path d="M1 18C0.716667 18 0.479167 17.9042 0.28
     size: {
       type: [Number, String],
       required: !1,
-      default: c,
+      default: C,
       // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (i) => {
-        if (typeof i == "number" && i > 0)
+      validator: (t) => {
+        if (typeof t == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t) || typeof t == "number" && t > 0)
           return !0;
-        if (typeof i == "string") {
-          const e = String(i).replace(/px/gi, ""), r = Number(e);
-          if (r && !isNaN(r) && Number.isInteger(r) && r > 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;
@@ -60,48 +60,50 @@ const N = ["aria-hidden"], C = '<path d="M1 18C0.716667 18 0.479167 17.9042 0.28
       default: !1
     }
   },
-  setup(i) {
-    const e = i, r = d(() => {
+  setup(t) {
+    const e = t, n = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), o = c(() => {
+      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 n = String(e.size).replace(/px/gi, ""), t = Number(n);
-        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
-          return `${t}px`;
+        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;
-    }), u = d(() => ({
+      return C;
+    }), g = c(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
       flexShrink: "0",
-      height: r.value,
+      height: o.value,
       lineHeight: "0",
-      width: r.value,
+      width: o.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), g = (n) => {
-      const t = {}, v = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (s, o) => {
-        const a = `${v}-${o}`;
-        return t[o] = a, `id="${a}"`;
-      }).replace(/#([^\s^")]+)/g, (s, o) => t[o] ? `#${t[o]}` : s);
-    }, p = {
+    })), p = (r) => {
+      const i = {}, S = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (a, s) => {
+        const d = `${S}-${s}`;
+        return i[s] = d, `id="${d}"`;
+      }).replace(/#([^\s^")]+)/g, (a, s) => i[s] ? `#${i[s]}` : a);
+    }, f = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, f = (n) => n.replace(/[<>"'&]/g, (t) => p[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${f(e.title)}</title>` : ""}${e.staticIds ? C : g(C)}`;
-    return (n, t) => (l(), h(y(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
+    }, m = (r) => r.replace(/[<>"'&]/g, (i) => f[i]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? u : p(u)}`;
+    return (r, i) => (l(), h(b(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon groups-icon",
       "data-testid": "kui-icon-wrapper-groups-icon",
-      style: b(u.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: x(g.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
-      default: x(() => [
+      default: w(() => [
         (l(), z("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+          "aria-hidden": t.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-groups-icon",
           fill: "none",
           height: "100%",
@@ -109,7 +111,7 @@ const N = ["aria-hidden"], C = '<path d="M1 18C0.716667 18 0.479167 17.9042 0.28
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: m
+          innerHTML: v
         }, null, 8, N))
       ]),
       _: 1
@@ -117,5 +119,5 @@ const N = ["aria-hidden"], C = '<path d="M1 18C0.716667 18 0.479167 17.9042 0.28
   }
 });
 export {
-  q as default
+  Z as default
 };

package/dist/kong-icons.es834.js

@@ -1,6 +1,6 @@
-import { defineComponent as S, computed as l, openBlock as d, createBlock as h, resolveDynamicComponent as y, normalizeStyle as b, withCtx as x, createElementBlock as z } from "vue";
-import { KUI_ICON_SIZE_50 as C } from "./kong-icons.es1640.js";
-const N = ["aria-hidden"], c = '<path d="M11.95 18C12.3 18 12.5958 17.8792 12.8375 17.6375C13.0792 17.3958 13.2 17.1 13.2 16.75C13.2 16.4 13.0792 16.1042 12.8375 15.8625C12.5958 15.6208 12.3 15.5 11.95 15.5C11.6 15.5 11.3042 15.6208 11.0625 15.8625C10.8208 16.1042 10.7 16.4 10.7 16.75C10.7 17.1 10.8208 17.3958 11.0625 17.6375C11.3042 17.8792 11.6 18 11.95 18ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20ZM12.1 7.7C12.5167 7.7 12.8792 7.83333 13.1875 8.1C13.4958 8.36667 13.65 8.7 13.65 9.1C13.65 9.46667 13.5375 9.79167 13.3125 10.075C13.0875 10.3583 12.8333 10.625 12.55 10.875C12.1667 11.2083 11.8292 11.575 11.5375 11.975C11.2458 12.375 11.1 12.825 11.1 13.325C11.1 13.5583 11.1875 13.7542 11.3625 13.9125C11.5375 14.0708 11.7417 14.15 11.975 14.15C12.225 14.15 12.4375 14.0667 12.6125 13.9C12.7875 13.7333 12.9 13.525 12.95 13.275C13.0167 12.925 13.1667 12.6125 13.4 12.3375C13.6333 12.0625 13.8833 11.8 14.15 11.55C14.5333 11.1833 14.8625 10.7833 15.1375 10.35C15.4125 9.91667 15.55 9.43333 15.55 8.9C15.55 8.05 15.2042 7.35417 14.5125 6.8125C13.8208 6.27083 13.0167 6 12.1 6C11.4667 6 10.8625 6.13333 10.2875 6.4C9.7125 6.66667 9.275 7.075 8.975 7.625C8.85833 7.825 8.82083 8.0375 8.8625 8.2625C8.90417 8.4875 9.01667 8.65833 9.2 8.775C9.43333 8.90833 9.675 8.95 9.925 8.9C10.175 8.85 10.3833 8.70833 10.55 8.475C10.7333 8.225 10.9625 8.03333 11.2375 7.9C11.5125 7.76667 11.8 7.7 12.1 7.7Z" fill="currentColor"/>', M = /* @__PURE__ */ S({
+import { defineComponent as h, computed as d, openBlock as C, createBlock as y, resolveDynamicComponent as b, normalizeStyle as x, withCtx as w, createElementBlock as z } from "vue";
+import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1640.js";
+const N = ["aria-hidden"], u = '<path d="M11.95 18C12.3 18 12.5958 17.8792 12.8375 17.6375C13.0792 17.3958 13.2 17.1 13.2 16.75C13.2 16.4 13.0792 16.1042 12.8375 15.8625C12.5958 15.6208 12.3 15.5 11.95 15.5C11.6 15.5 11.3042 15.6208 11.0625 15.8625C10.8208 16.1042 10.7 16.4 10.7 16.75C10.7 17.1 10.8208 17.3958 11.0625 17.6375C11.3042 17.8792 11.6 18 11.95 18ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20ZM12.1 7.7C12.5167 7.7 12.8792 7.83333 13.1875 8.1C13.4958 8.36667 13.65 8.7 13.65 9.1C13.65 9.46667 13.5375 9.79167 13.3125 10.075C13.0875 10.3583 12.8333 10.625 12.55 10.875C12.1667 11.2083 11.8292 11.575 11.5375 11.975C11.2458 12.375 11.1 12.825 11.1 13.325C11.1 13.5583 11.1875 13.7542 11.3625 13.9125C11.5375 14.0708 11.7417 14.15 11.975 14.15C12.225 14.15 12.4375 14.0667 12.6125 13.9C12.7875 13.7333 12.9 13.525 12.95 13.275C13.0167 12.925 13.1667 12.6125 13.4 12.3375C13.6333 12.0625 13.8833 11.8 14.15 11.55C14.5333 11.1833 14.8625 10.7833 15.1375 10.35C15.4125 9.91667 15.55 9.43333 15.55 8.9C15.55 8.05 15.2042 7.35417 14.5125 6.8125C13.8208 6.27083 13.0167 6 12.1 6C11.4667 6 10.8625 6.13333 10.2875 6.4C9.7125 6.66667 9.275 7.075 8.975 7.625C8.85833 7.825 8.82083 8.0375 8.8625 8.2625C8.90417 8.4875 9.01667 8.65833 9.2 8.775C9.43333 8.90833 9.675 8.95 9.925 8.9C10.175 8.85 10.3833 8.70833 10.55 8.475C10.7333 8.225 10.9625 8.03333 11.2375 7.9C11.5125 7.76667 11.8 7.7 12.1 7.7Z" fill="currentColor"/>', B = /* @__PURE__ */ h({
   __name: "HelpOutlineIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -31,13 +31,13 @@ const N = ["aria-hidden"], c = '<path d="M11.95 18C12.3 18 12.5958 17.8792 12.83
     size: {
       type: [Number, String],
       required: !1,
-      default: C,
+      default: c,
       // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (i) => {
-        if (typeof i == "number" && i > 0)
+      validator: (t) => {
+        if (typeof t == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t) || typeof t == "number" && t > 0)
           return !0;
-        if (typeof i == "string") {
-          const e = String(i).replace(/px/gi, ""), n = Number(e);
+        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;
         }
@@ -60,48 +60,50 @@ const N = ["aria-hidden"], c = '<path d="M11.95 18C12.3 18 12.5958 17.8792 12.83
       default: !1
     }
   },
-  setup(i) {
-    const e = i, n = l(() => {
+  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, ""), t = Number(r);
-        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
-          return `${t}px`;
+        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;
-    }), u = l(() => ({
+      return c;
+    }), p = d(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
       flexShrink: "0",
-      height: n.value,
+      height: o.value,
       lineHeight: "0",
-      width: n.value,
+      width: o.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), p = (r) => {
-      const t = {}, v = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (s, o) => {
-        const a = `${v}-${o}`;
-        return t[o] = a, `id="${a}"`;
-      }).replace(/#([^\s^")]+)/g, (s, o) => t[o] ? `#${t[o]}` : s);
-    }, g = {
+    })), g = (r) => {
+      const i = {}, S = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (a, s) => {
+        const l = `${S}-${s}`;
+        return i[s] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (a, s) => i[s] ? `#${i[s]}` : a);
+    }, f = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, f = (r) => r.replace(/[<>"'&]/g, (t) => g[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${f(e.title)}</title>` : ""}${e.staticIds ? c : p(c)}`;
-    return (r, t) => (d(), h(y(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
+    }, m = (r) => r.replace(/[<>"'&]/g, (i) => f[i]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? u : g(u)}`;
+    return (r, i) => (C(), y(b(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon help-outline-icon",
       "data-testid": "kui-icon-wrapper-help-outline-icon",
-      style: b(u.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: x(p.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
-      default: x(() => [
-        (d(), z("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+      default: w(() => [
+        (C(), z("svg", {
+          "aria-hidden": t.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-help-outline-icon",
           fill: "none",
           height: "100%",
@@ -109,7 +111,7 @@ const N = ["aria-hidden"], c = '<path d="M11.95 18C12.3 18 12.5958 17.8792 12.83
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: m
+          innerHTML: v
         }, null, 8, N))
       ]),
       _: 1
@@ -117,5 +119,5 @@ const N = ["aria-hidden"], c = '<path d="M11.95 18C12.3 18 12.5958 17.8792 12.83
   }
 });
 export {
-  M as default
+  B as default
 };

package/dist/kong-icons.es836.js

@@ -1,6 +1,6 @@
-import { defineComponent as S, computed as l, openBlock as d, createBlock as h, resolveDynamicComponent as y, normalizeStyle as b, withCtx as x, createElementBlock as z } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1640.js";
-const N = ["aria-hidden"], u = '<path d="M11.95 18C12.3 18 12.5958 17.8792 12.8375 17.6375C13.0792 17.3958 13.2 17.1 13.2 16.75C13.2 16.4 13.0792 16.1042 12.8375 15.8625C12.5958 15.6208 12.3 15.5 11.95 15.5C11.6 15.5 11.3042 15.6208 11.0625 15.8625C10.8208 16.1042 10.7 16.4 10.7 16.75C10.7 17.1 10.8208 17.3958 11.0625 17.6375C11.3042 17.8792 11.6 18 11.95 18ZM11.05 14.15H12.9C12.9 13.6 12.9625 13.1667 13.0875 12.85C13.2125 12.5333 13.5667 12.1 14.15 11.55C14.5833 11.1167 14.925 10.7042 15.175 10.3125C15.425 9.92083 15.55 9.45 15.55 8.9C15.55 7.96667 15.2083 7.25 14.525 6.75C13.8417 6.25 13.0333 6 12.1 6C11.15 6 10.3792 6.25 9.7875 6.75C9.19583 7.25 8.78333 7.85 8.55 8.55L10.2 9.2C10.2833 8.9 10.4708 8.575 10.7625 8.225C11.0542 7.875 11.5 7.7 12.1 7.7C12.6333 7.7 13.0333 7.84583 13.3 8.1375C13.5667 8.42917 13.7 8.75 13.7 9.1C13.7 9.43333 13.6 9.74583 13.4 10.0375C13.2 10.3292 12.95 10.6 12.65 10.85C11.9167 11.5 11.4667 11.9917 11.3 12.325C11.1333 12.6583 11.05 13.2667 11.05 14.15ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"/>', B = /* @__PURE__ */ S({
+import { defineComponent as h, computed as d, openBlock as c, createBlock as y, resolveDynamicComponent as b, normalizeStyle as x, withCtx as w, createElementBlock as z } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kong-icons.es1640.js";
+const N = ["aria-hidden"], C = '<path d="M11.95 18C12.3 18 12.5958 17.8792 12.8375 17.6375C13.0792 17.3958 13.2 17.1 13.2 16.75C13.2 16.4 13.0792 16.1042 12.8375 15.8625C12.5958 15.6208 12.3 15.5 11.95 15.5C11.6 15.5 11.3042 15.6208 11.0625 15.8625C10.8208 16.1042 10.7 16.4 10.7 16.75C10.7 17.1 10.8208 17.3958 11.0625 17.6375C11.3042 17.8792 11.6 18 11.95 18ZM11.05 14.15H12.9C12.9 13.6 12.9625 13.1667 13.0875 12.85C13.2125 12.5333 13.5667 12.1 14.15 11.55C14.5833 11.1167 14.925 10.7042 15.175 10.3125C15.425 9.92083 15.55 9.45 15.55 8.9C15.55 7.96667 15.2083 7.25 14.525 6.75C13.8417 6.25 13.0333 6 12.1 6C11.15 6 10.3792 6.25 9.7875 6.75C9.19583 7.25 8.78333 7.85 8.55 8.55L10.2 9.2C10.2833 8.9 10.4708 8.575 10.7625 8.225C11.0542 7.875 11.5 7.7 12.1 7.7C12.6333 7.7 13.0333 7.84583 13.3 8.1375C13.5667 8.42917 13.7 8.75 13.7 9.1C13.7 9.43333 13.6 9.74583 13.4 10.0375C13.2 10.3292 12.95 10.6 12.65 10.85C11.9167 11.5 11.4667 11.9917 11.3 12.325C11.1333 12.6583 11.05 13.2667 11.05 14.15ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"/>', M = /* @__PURE__ */ h({
   __name: "HelpIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -31,14 +31,14 @@ const N = ["aria-hidden"], u = '<path d="M11.95 18C12.3 18 12.5958 17.8792 12.83
     size: {
       type: [Number, String],
       required: !1,
-      default: c,
+      default: u,
       // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (i) => {
-        if (typeof i == "number" && i > 0)
+      validator: (t) => {
+        if (typeof t == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t) || typeof t == "number" && t > 0)
           return !0;
-        if (typeof i == "string") {
-          const e = String(i).replace(/px/gi, ""), r = Number(e);
-          if (r && !isNaN(r) && Number.isInteger(r) && r > 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;
@@ -60,48 +60,50 @@ const N = ["aria-hidden"], u = '<path d="M11.95 18C12.3 18 12.5958 17.8792 12.83
       default: !1
     }
   },
-  setup(i) {
-    const e = i, r = l(() => {
+  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 n = String(e.size).replace(/px/gi, ""), t = Number(n);
-        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
-          return `${t}px`;
+        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;
-    }), C = l(() => ({
+      return u;
+    }), p = d(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
       flexShrink: "0",
-      height: r.value,
+      height: o.value,
       lineHeight: "0",
-      width: r.value,
+      width: o.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), p = (n) => {
-      const t = {}, v = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (s, o) => {
-        const a = `${v}-${o}`;
-        return t[o] = a, `id="${a}"`;
-      }).replace(/#([^\s^")]+)/g, (s, o) => t[o] ? `#${t[o]}` : s);
-    }, g = {
+    })), g = (r) => {
+      const i = {}, S = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (a, s) => {
+        const l = `${S}-${s}`;
+        return i[s] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (a, s) => i[s] ? `#${i[s]}` : a);
+    }, f = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, f = (n) => n.replace(/[<>"'&]/g, (t) => g[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${f(e.title)}</title>` : ""}${e.staticIds ? u : p(u)}`;
-    return (n, t) => (d(), h(y(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
+    }, m = (r) => r.replace(/[<>"'&]/g, (i) => f[i]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? C : g(C)}`;
+    return (r, i) => (c(), y(b(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon help-icon",
       "data-testid": "kui-icon-wrapper-help-icon",
-      style: b(C.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: x(p.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
-      default: x(() => [
-        (d(), z("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+      default: w(() => [
+        (c(), z("svg", {
+          "aria-hidden": t.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-help-icon",
           fill: "none",
           height: "100%",
@@ -109,7 +111,7 @@ const N = ["aria-hidden"], u = '<path d="M11.95 18C12.3 18 12.5958 17.8792 12.83
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: m
+          innerHTML: v
         }, null, 8, N))
       ]),
       _: 1
@@ -117,5 +119,5 @@ const N = ["aria-hidden"], u = '<path d="M11.95 18C12.3 18 12.5958 17.8792 12.83
   }
 });
 export {
-  B as default
+  M as default
 };

package/dist/kong-icons.es838.js

@@ -1,6 +1,6 @@
-import { defineComponent as S, computed as d, openBlock as l, createBlock as h, resolveDynamicComponent as y, normalizeStyle as b, withCtx as x, createElementBlock as z } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1640.js";
-const N = ["aria-hidden"], u = '<path d="M12 21C9.7 21 7.69583 20.2375 5.9875 18.7125C4.27917 17.1875 3.3 15.2833 3.05 13H5.1C5.33333 14.7333 6.10417 16.1667 7.4125 17.3C8.72083 18.4333 10.25 19 12 19C13.95 19 15.6042 18.3208 16.9625 16.9625C18.3208 15.6042 19 13.95 19 12C19 10.05 18.3208 8.39583 16.9625 7.0375C15.6042 5.67917 13.95 5 12 5C10.85 5 9.775 5.26667 8.775 5.8C7.775 6.33333 6.93333 7.06667 6.25 8H9V10H3V4H5V6.35C5.85 5.28333 6.8875 4.45833 8.1125 3.875C9.3375 3.29167 10.6333 3 12 3C13.25 3 14.4208 3.2375 15.5125 3.7125C16.6042 4.1875 17.5542 4.82917 18.3625 5.6375C19.1708 6.44583 19.8125 7.39583 20.2875 8.4875C20.7625 9.57917 21 10.75 21 12C21 13.25 20.7625 14.4208 20.2875 15.5125C19.8125 16.6042 19.1708 17.5542 18.3625 18.3625C17.5542 19.1708 16.6042 19.8125 15.5125 20.2875C14.4208 20.7625 13.25 21 12 21ZM14.8 16.2L11 12.4V7H13V11.6L16.2 14.8L14.8 16.2Z" fill="currentColor"/>', q = /* @__PURE__ */ S({
+import { defineComponent as y, computed as c, openBlock as l, createBlock as h, resolveDynamicComponent as b, normalizeStyle as x, withCtx as w, createElementBlock as z } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kong-icons.es1640.js";
+const N = ["aria-hidden"], g = '<path d="M12 21C9.7 21 7.69583 20.2375 5.9875 18.7125C4.27917 17.1875 3.3 15.2833 3.05 13H5.1C5.33333 14.7333 6.10417 16.1667 7.4125 17.3C8.72083 18.4333 10.25 19 12 19C13.95 19 15.6042 18.3208 16.9625 16.9625C18.3208 15.6042 19 13.95 19 12C19 10.05 18.3208 8.39583 16.9625 7.0375C15.6042 5.67917 13.95 5 12 5C10.85 5 9.775 5.26667 8.775 5.8C7.775 6.33333 6.93333 7.06667 6.25 8H9V10H3V4H5V6.35C5.85 5.28333 6.8875 4.45833 8.1125 3.875C9.3375 3.29167 10.6333 3 12 3C13.25 3 14.4208 3.2375 15.5125 3.7125C16.6042 4.1875 17.5542 4.82917 18.3625 5.6375C19.1708 6.44583 19.8125 7.39583 20.2875 8.4875C20.7625 9.57917 21 10.75 21 12C21 13.25 20.7625 14.4208 20.2875 15.5125C19.8125 16.6042 19.1708 17.5542 18.3625 18.3625C17.5542 19.1708 16.6042 19.8125 15.5125 20.2875C14.4208 20.7625 13.25 21 12 21ZM14.8 16.2L11 12.4V7H13V11.6L16.2 14.8L14.8 16.2Z" fill="currentColor"/>', B = /* @__PURE__ */ y({
   __name: "HistoryIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -31,14 +31,14 @@ const N = ["aria-hidden"], u = '<path d="M12 21C9.7 21 7.69583 20.2375 5.9875 18
     size: {
       type: [Number, String],
       required: !1,
-      default: c,
+      default: u,
       // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (i) => {
-        if (typeof i == "number" && i > 0)
+      validator: (t) => {
+        if (typeof t == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t) || typeof t == "number" && t > 0)
           return !0;
-        if (typeof i == "string") {
-          const e = String(i).replace(/px/gi, ""), r = Number(e);
-          if (r && !isNaN(r) && Number.isInteger(r) && r > 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;
@@ -60,48 +60,50 @@ const N = ["aria-hidden"], u = '<path d="M12 21C9.7 21 7.69583 20.2375 5.9875 18
       default: !1
     }
   },
-  setup(i) {
-    const e = i, r = d(() => {
+  setup(t) {
+    const e = t, n = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), o = c(() => {
+      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 n = String(e.size).replace(/px/gi, ""), t = Number(n);
-        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
-          return `${t}px`;
+        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;
-    }), g = d(() => ({
+      return u;
+    }), p = c(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
       flexShrink: "0",
-      height: r.value,
+      height: o.value,
       lineHeight: "0",
-      width: r.value,
+      width: o.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), p = (n) => {
-      const t = {}, v = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (s, o) => {
-        const a = `${v}-${o}`;
-        return t[o] = a, `id="${a}"`;
-      }).replace(/#([^\s^")]+)/g, (s, o) => t[o] ? `#${t[o]}` : s);
-    }, f = {
+    })), f = (r) => {
+      const i = {}, S = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (a, s) => {
+        const d = `${S}-${s}`;
+        return i[s] = d, `id="${d}"`;
+      }).replace(/#([^\s^")]+)/g, (a, s) => i[s] ? `#${i[s]}` : a);
+    }, C = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, m = (n) => n.replace(/[<>"'&]/g, (t) => f[t]), C = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? u : p(u)}`;
-    return (n, t) => (l(), h(y(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
+    }, m = (r) => r.replace(/[<>"'&]/g, (i) => C[i]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? g : f(g)}`;
+    return (r, i) => (l(), h(b(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon history-icon",
       "data-testid": "kui-icon-wrapper-history-icon",
-      style: b(g.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: x(p.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
-      default: x(() => [
+      default: w(() => [
         (l(), z("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+          "aria-hidden": t.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-history-icon",
           fill: "none",
           height: "100%",
@@ -109,7 +111,7 @@ const N = ["aria-hidden"], u = '<path d="M12 21C9.7 21 7.69583 20.2375 5.9875 18
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: C
+          innerHTML: v
         }, null, 8, N))
       ]),
       _: 1
@@ -117,5 +119,5 @@ const N = ["aria-hidden"], u = '<path d="M12 21C9.7 21 7.69583 20.2375 5.9875 18
   }
 });
 export {
-  q as default
+  B as default
 };