@kong/icons 1.55.0 → 1.55.1

package/dist/kong-icons.es528.js

@@ -1,6 +1,6 @@
-import { defineComponent as S, computed as d, openBlock as l, createBlock as h, resolveDynamicComponent as b, normalizeStyle as y, 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 fill-rule="evenodd" clip-rule="evenodd" d="M12.1957 1C6.00475 1 1 6.04165 1 12.2788C1 17.2646 4.20672 21.4849 8.65528 22.9786C9.21147 23.0909 9.41519 22.7359 9.41519 22.4373C9.41519 22.1758 9.39686 21.2796 9.39686 20.3457C6.2825 21.0181 5.63396 19.0012 5.63396 19.0012C5.13346 17.694 4.39188 17.3581 4.39188 17.3581C3.37255 16.6671 4.46613 16.6671 4.46613 16.6671C5.59683 16.7419 6.19015 17.8249 6.19015 17.8249C7.19091 19.5427 8.80355 19.0573 9.45232 18.7585C9.5449 18.0302 9.84167 17.5261 10.1568 17.246C7.67285 16.9845 5.05944 16.0136 5.05944 11.6812C5.05944 10.4487 5.50402 9.4404 6.20848 8.6562C6.09733 8.37616 5.70798 7.21818 6.31985 5.66833C6.31985 5.66833 7.26516 5.3695 9.39663 6.82608C10.3092 6.57919 11.2503 6.4536 12.1957 6.45254C13.141 6.45254 14.1046 6.58339 14.9945 6.82608C17.1262 5.3695 18.0715 5.66833 18.0715 5.66833C18.6833 7.21818 18.2938 8.37616 18.1826 8.6562C18.9056 9.4404 19.3319 10.4487 19.3319 11.6812C19.3319 16.0136 16.7185 16.9657 14.216 17.246C14.6239 17.6008 14.9759 18.2729 14.9759 19.3374C14.9759 20.8499 14.9576 22.0638 14.9576 22.4371C14.9576 22.7359 15.1615 23.0909 15.7175 22.9788C20.166 21.4847 23.3728 17.2646 23.3728 12.2788C23.3911 6.04165 18.368 1 12.1957 1Z" fill="#24292F"/>', B = /* @__PURE__ */ S({
+import { defineComponent as h, computed as l, 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"], g = '<path fill-rule="evenodd" clip-rule="evenodd" d="M12.1957 1C6.00475 1 1 6.04165 1 12.2788C1 17.2646 4.20672 21.4849 8.65528 22.9786C9.21147 23.0909 9.41519 22.7359 9.41519 22.4373C9.41519 22.1758 9.39686 21.2796 9.39686 20.3457C6.2825 21.0181 5.63396 19.0012 5.63396 19.0012C5.13346 17.694 4.39188 17.3581 4.39188 17.3581C3.37255 16.6671 4.46613 16.6671 4.46613 16.6671C5.59683 16.7419 6.19015 17.8249 6.19015 17.8249C7.19091 19.5427 8.80355 19.0573 9.45232 18.7585C9.5449 18.0302 9.84167 17.5261 10.1568 17.246C7.67285 16.9845 5.05944 16.0136 5.05944 11.6812C5.05944 10.4487 5.50402 9.4404 6.20848 8.6562C6.09733 8.37616 5.70798 7.21818 6.31985 5.66833C6.31985 5.66833 7.26516 5.3695 9.39663 6.82608C10.3092 6.57919 11.2503 6.4536 12.1957 6.45254C13.141 6.45254 14.1046 6.58339 14.9945 6.82608C17.1262 5.3695 18.0715 5.66833 18.0715 5.66833C18.6833 7.21818 18.2938 8.37616 18.1826 8.6562C18.9056 9.4404 19.3319 10.4487 19.3319 11.6812C19.3319 16.0136 16.7185 16.9657 14.216 17.246C14.6239 17.6008 14.9759 18.2729 14.9759 19.3374C14.9759 20.8499 14.9576 22.0638 14.9576 22.4371C14.9576 22.7359 15.1615 23.0909 15.7175 22.9788C20.166 21.4847 23.3728 17.2646 23.3728 12.2788C23.3911 6.04165 18.368 1 12.1957 1Z" fill="#24292F"/>', E = /* @__PURE__ */ h({
   __name: "GithubIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -31,13 +31,13 @@ const N = ["aria-hidden"], u = '<path fill-rule="evenodd" clip-rule="evenodd" d=
     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, ""), 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"], u = '<path fill-rule="evenodd" clip-rule="evenodd" d=
       default: !1
     }
   },
-  setup(i) {
-    const e = i, n = d(() => {
+  setup(t) {
+    const e = t, n = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), o = l(() => {
+      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;
-    }), g = d(() => ({
+      return u;
+    }), p = l(() => ({
       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 = {}, m = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (s, o) => {
-        const a = `${m}-${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;"
-    }, C = (r) => r.replace(/[<>"'&]/g, (t) => f[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${C(e.title)}</title>` : ""}${e.staticIds ? u : p(u)}`;
-    return (r, t) => (l(), h(b(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
+    }, v = (r) => r.replace(/[<>"'&]/g, (i) => C[i]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${v(e.title)}</title>` : ""}${e.staticIds ? g : f(g)}`;
+    return (r, i) => (c(), y(b(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon github-icon",
       "data-testid": "kui-icon-wrapper-github-icon",
-      style: y(g.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: x(p.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
-      default: x(() => [
-        (l(), 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-github-icon",
           fill: "none",
           height: "100%",
@@ -109,7 +111,7 @@ const N = ["aria-hidden"], u = '<path fill-rule="evenodd" clip-rule="evenodd" d=
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: v
+          innerHTML: m
         }, null, 8, N))
       ]),
       _: 1
@@ -117,5 +119,5 @@ const N = ["aria-hidden"], u = '<path fill-rule="evenodd" clip-rule="evenodd" d=
   }
 });
 export {
-  B as default
+  E as default
 };

package/dist/kong-icons.es530.js

@@ -1,9 +1,9 @@
-import { defineComponent as v, computed as l, openBlock as d, createBlock as S, resolveDynamicComponent as h, normalizeStyle as b, withCtx as y, createElementBlock as x } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1640.js";
-const z = ["aria-hidden"], u = `<path d="M23.5996 9.59225L23.5673 9.50596L20.3009 0.985576C20.2348 0.818276 20.1171 0.676355 19.965 0.580356C19.8515 0.507689 19.7225 0.462627 19.5885 0.44878C19.4544 0.434932 19.3189 0.452686 19.193 0.500618C19.067 0.54855 18.954 0.625327 18.8631 0.724794C18.7721 0.824261 18.7057 0.943653 18.6692 1.0734L16.4644 7.82346H7.53571L5.33089 1.0734C5.29411 0.943847 5.22757 0.82468 5.13657 0.725403C5.04557 0.626126 4.93264 0.549485 4.80677 0.501593C4.6809 0.4537 4.54558 0.43588 4.41161 0.449556C4.27763 0.463231 4.14871 0.508021 4.03511 0.580356C3.88298 0.676355 3.76534 0.818276 3.69922 0.985576L0.434359 9.50751L0.400463 9.59225C-0.0695824 10.8207 -0.12749 12.1687 0.235469 13.4329C0.598428 14.6972 1.36258 15.8091 2.41269 16.6012L2.42502 16.6104L2.45275 16.632L7.4217 20.356L9.88691 22.2188L11.3845 23.3512C11.5602 23.4839 11.7744 23.5558 11.9947 23.5558C12.2149 23.5558 12.4291 23.4839 12.6048 23.3512L14.1024 22.2188L16.5676 20.356L21.572 16.6104L21.5859 16.5996C22.6359 15.8079 23.4002 14.6963 23.7634 13.4323C24.1266 12.1684 24.0692 10.8207 23.5996 9.59225Z" fill="#E24329"/>
+import { defineComponent as S, computed as d, openBlock as c, createBlock as h, resolveDynamicComponent as y, normalizeStyle as b, withCtx as x, createElementBlock as w } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kong-icons.es1640.js";
+const z = ["aria-hidden"], g = `<path d="M23.5996 9.59225L23.5673 9.50596L20.3009 0.985576C20.2348 0.818276 20.1171 0.676355 19.965 0.580356C19.8515 0.507689 19.7225 0.462627 19.5885 0.44878C19.4544 0.434932 19.3189 0.452686 19.193 0.500618C19.067 0.54855 18.954 0.625327 18.8631 0.724794C18.7721 0.824261 18.7057 0.943653 18.6692 1.0734L16.4644 7.82346H7.53571L5.33089 1.0734C5.29411 0.943847 5.22757 0.82468 5.13657 0.725403C5.04557 0.626126 4.93264 0.549485 4.80677 0.501593C4.6809 0.4537 4.54558 0.43588 4.41161 0.449556C4.27763 0.463231 4.14871 0.508021 4.03511 0.580356C3.88298 0.676355 3.76534 0.818276 3.69922 0.985576L0.434359 9.50751L0.400463 9.59225C-0.0695824 10.8207 -0.12749 12.1687 0.235469 13.4329C0.598428 14.6972 1.36258 15.8091 2.41269 16.6012L2.42502 16.6104L2.45275 16.632L7.4217 20.356L9.88691 22.2188L11.3845 23.3512C11.5602 23.4839 11.7744 23.5558 11.9947 23.5558C12.2149 23.5558 12.4291 23.4839 12.6048 23.3512L14.1024 22.2188L16.5676 20.356L21.572 16.6104L21.5859 16.5996C22.6359 15.8079 23.4002 14.6963 23.7634 13.4323C24.1266 12.1684 24.0692 10.8207 23.5996 9.59225Z" fill="#E24329"/>
 <path d="M23.5996 9.59214L23.5673 9.50586C21.9758 9.83243 20.4763 10.507 19.1761 11.4811L12.0039 16.9046L16.5707 20.3559L21.5751 16.6103L21.589 16.5995C22.6385 15.8074 23.4021 14.6956 23.7648 13.4317C24.1274 12.1678 24.0695 10.8202 23.5996 9.59214Z" fill="#FC6D26"/>
 <path d="M7.42188 20.3559L9.88709 22.2187L11.3847 23.3511C11.5604 23.4839 11.7746 23.5557 11.9948 23.5557C12.2151 23.5557 12.4293 23.4839 12.605 23.3511L14.1026 22.2187L16.5678 20.3559L12.001 16.9046L7.42188 20.3559Z" fill="#FCA326"/>
-<path d="M4.82398 11.4812C3.52428 10.5075 2.02525 9.83348 0.434359 9.50745L0.400463 9.59219C-0.0695824 10.8206 -0.12749 12.1686 0.235469 13.4329C0.598428 14.6971 1.36258 15.8091 2.41269 16.6011L2.42502 16.6103L2.45275 16.6319L7.4217 20.3559L11.9916 16.9046L4.82398 11.4812Z" fill="#FC6D26"/>`, q = /* @__PURE__ */ v({
+<path d="M4.82398 11.4812C3.52428 10.5075 2.02525 9.83348 0.434359 9.50745L0.400463 9.59219C-0.0695824 10.8206 -0.12749 12.1686 0.235469 13.4329C0.598428 14.6971 1.36258 15.8091 2.41269 16.6011L2.42502 16.6103L2.45275 16.6319L7.4217 20.3559L11.9916 16.9046L4.82398 11.4812Z" fill="#FC6D26"/>`, M = /* @__PURE__ */ S({
   __name: "GitlabIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -34,13 +34,13 @@ const z = ["aria-hidden"], u = `<path d="M23.5996 9.59225L23.5673 9.50596L20.300
     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, ""), 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;
         }
@@ -63,48 +63,50 @@ const z = ["aria-hidden"], u = `<path d="M23.5996 9.59225L23.5673 9.50596L20.300
       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;
-    }), g = l(() => ({
+      return u;
+    }), 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 = {}, m = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (a, o) => {
-        const s = `${m}-${o}`;
-        return t[o] = s, `id="${s}"`;
-      }).replace(/#([^\s^")]+)/g, (a, o) => t[o] ? `#${t[o]}` : a);
-    }, f = {
+    })), f = (r) => {
+      const i = {}, v = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (a, s) => {
+        const l = `${v}-${s}`;
+        return i[s] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (a, s) => i[s] ? `#${i[s]}` : a);
+    }, C = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, C = (r) => r.replace(/[<>"'&]/g, (t) => f[t]), L = `${e.title ? `<title data-testid="kui-icon-svg-title">${C(e.title)}</title>` : ""}${e.staticIds ? u : p(u)}`;
-    return (r, t) => (d(), S(h(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
+    }, L = (r) => r.replace(/[<>"'&]/g, (i) => C[i]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${L(e.title)}</title>` : ""}${e.staticIds ? g : f(g)}`;
+    return (r, i) => (c(), h(y(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon gitlab-icon",
       "data-testid": "kui-icon-wrapper-gitlab-icon",
-      style: b(g.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: b(p.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
-      default: y(() => [
-        (d(), x("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+      default: x(() => [
+        (c(), w("svg", {
+          "aria-hidden": t.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-gitlab-icon",
           fill: "none",
           height: "100%",
@@ -112,7 +114,7 @@ const z = ["aria-hidden"], u = `<path d="M23.5996 9.59225L23.5673 9.50596L20.300
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: L
+          innerHTML: m
         }, null, 8, z))
       ]),
       _: 1
@@ -120,5 +122,5 @@ const z = ["aria-hidden"], u = `<path d="M23.5996 9.59225L23.5673 9.50596L20.300
   }
 });
 export {
-  q as default
+  M as default
 };

package/dist/kong-icons.es532.js

@@ -1,8 +1,8 @@
-import { defineComponent as y, computed as l, openBlock as d, createBlock as h, resolveDynamicComponent as C, normalizeStyle as b, withCtx as x, createElementBlock as z } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1640.js";
+import { defineComponent as h, computed as d, openBlock as c, createBlock as C, resolveDynamicComponent as b, normalizeStyle as x, withCtx as w, createElementBlock as z } from "vue";
+import { KUI_ICON_SIZE_50 as g } from "./kong-icons.es1640.js";
 const N = ["aria-hidden"], u = `<path d="M16.4737 3.625V20.125C16.4737 21.9712 17.8158 23 19.2368 23C20.5526 23 22 22.125 22 20.125V3.75C22 2.0575 20.6842 1 19.2368 1C17.7895 1 16.4737 2.16625 16.4737 3.625Z" fill="#F9AB00"/>
 <path d="M9.23684 12V20.125C9.23684 21.9713 10.5789 23 12 23C13.3158 23 14.7632 22.125 14.7632 20.125V12.125C14.7632 10.4325 13.4474 9.375 12 9.375C10.5526 9.375 9.23684 10.5413 9.23684 12Z" fill="#E37400"/>
-<path d="M4.76316 23C6.28921 23 7.52632 21.8247 7.52632 20.375C7.52632 18.9253 6.28921 17.75 4.76316 17.75C3.23711 17.75 2 18.9253 2 20.375C2 21.8247 3.23711 23 4.76316 23Z" fill="#E37400"/>`, B = /* @__PURE__ */ y({
+<path d="M4.76316 23C6.28921 23 7.52632 21.8247 7.52632 20.375C7.52632 18.9253 6.28921 17.75 4.76316 17.75C3.23711 17.75 2 18.9253 2 20.375C2 21.8247 3.23711 23 4.76316 23Z" fill="#E37400"/>`, E = /* @__PURE__ */ h({
   __name: "GoogleAnalyticsIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -33,13 +33,13 @@ const N = ["aria-hidden"], u = `<path d="M16.4737 3.625V20.125C16.4737 21.9712 1
     size: {
       type: [Number, String],
       required: !1,
-      default: c,
+      default: g,
       // 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;
         }
@@ -62,48 +62,50 @@ const N = ["aria-hidden"], u = `<path d="M16.4737 3.625V20.125C16.4737 21.9712 1
       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;
-    }), g = l(() => ({
+      return g;
+    }), 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 = {}, S = Math.random().toString(36).substring(2, 12);
-      return r.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 l = `${y}-${s}`;
+        return i[s] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (a, s) => i[s] ? `#${i[s]}` : a);
+    }, m = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, m = (r) => r.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 (r, t) => (d(), h(C(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 ? u : f(u)}`;
+    return (r, i) => (c(), C(b(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon google-analytics-icon",
       "data-testid": "kui-icon-wrapper-google-analytics-icon",
-      style: b(g.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-google-analytics-icon",
           fill: "none",
           height: "100%",
@@ -111,7 +113,7 @@ const N = ["aria-hidden"], u = `<path d="M16.4737 3.625V20.125C16.4737 21.9712 1
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: v
+          innerHTML: S
         }, null, 8, N))
       ]),
       _: 1
@@ -119,5 +121,5 @@ const N = ["aria-hidden"], u = `<path d="M16.4737 3.625V20.125C16.4737 21.9712 1
   }
 });
 export {
-  B as default
+  E as default
 };

package/dist/kong-icons.es534.js

@@ -1,6 +1,6 @@
-import { defineComponent as m, computed as s, openBlock as d, createBlock as v, resolveDynamicComponent as S, normalizeStyle as y, withCtx as b, createElementBlock as x } from "vue";
-import { KUI_ICON_SIZE_50 as C } from "./kong-icons.es1640.js";
-const M = ["aria-hidden"], c = `<path d="M16 21C14.66 21 13.41 20.4801 12.46 19.5301L4.46 11.53C3.52 10.59 3 9.33005 3 7.99005C3 6.65005 3.52 5.40005 4.46 4.45005C6.41 2.50005 9.58 2.50005 11.53 4.45005L19.53 12.45C20.47 13.39 20.99 14.65 20.99 15.99C20.99 17.33 20.47 18.5801 19.53 19.5301C18.59 20.4801 17.33 21 15.99 21H16ZM5.88 5.88005C5.31 6.45005 5 7.20005 5 8.00005C5 8.80005 5.31 9.55005 5.88 10.12L13.88 18.12C15.01 19.25 16.99 19.25 18.12 18.12C18.69 17.55 19 16.8 19 16C19 15.2 18.69 14.45 18.12 13.88L10.12 5.88005C8.95 4.71005 7.05 4.71005 5.88 5.88005Z" fill="#FBBC04"/>
+import { defineComponent as v, computed as d, openBlock as C, createBlock as S, resolveDynamicComponent as y, normalizeStyle as b, withCtx as x, createElementBlock as M } from "vue";
+import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1640.js";
+const Z = ["aria-hidden"], p = `<path d="M16 21C14.66 21 13.41 20.4801 12.46 19.5301L4.46 11.53C3.52 10.59 3 9.33005 3 7.99005C3 6.65005 3.52 5.40005 4.46 4.45005C6.41 2.50005 9.58 2.50005 11.53 4.45005L19.53 12.45C20.47 13.39 20.99 14.65 20.99 15.99C20.99 17.33 20.47 18.5801 19.53 19.5301C18.59 20.4801 17.33 21 15.99 21H16ZM5.88 5.88005C5.31 6.45005 5 7.20005 5 8.00005C5 8.80005 5.31 9.55005 5.88 10.12L13.88 18.12C15.01 19.25 16.99 19.25 18.12 18.12C18.69 17.55 19 16.8 19 16C19 15.2 18.69 14.45 18.12 13.88L10.12 5.88005C8.95 4.71005 7.05 4.71005 5.88 5.88005Z" fill="#FBBC04"/>
 <path d="M15.1299 15.8999L13.8799 14.3399C13.9599 14.2699 14.0499 14.1999 14.1199 14.1199C14.6899 13.5499 14.9999 12.7999 14.9999 11.9999C14.9999 11.1999 14.6899 10.4499 14.1199 9.87995C13.9799 9.73995 13.8199 9.60995 13.6499 9.48995L14.7499 7.81995C15.0299 8.00995 15.2999 8.21995 15.5299 8.45995C16.4699 9.39995 16.9899 10.6599 16.9899 11.9899C16.9899 13.3199 16.4699 14.5799 15.5299 15.5299C15.3999 15.6599 15.2599 15.7799 15.1199 15.8999H15.1299Z" fill="#4285F4"/>
 <path d="M15.54 15.5299L14.13 14.1199L18.13 10.1199C18.7 9.54995 19.01 8.79995 19.01 7.99995C19.01 7.19995 18.7 6.44995 18.13 5.87995C16.96 4.70995 15.06 4.70995 13.89 5.87995L9.88998 9.87995L8.47998 8.46995L12.48 4.46995C14.43 2.51995 17.6 2.51995 19.55 4.46995C20.49 5.40995 21.01 6.66995 21.01 8.00995C21.01 9.34995 20.49 10.5999 19.55 11.5499L15.55 15.5499L15.54 15.5299Z" fill="#4285F4"/>
 <path d="M14.1202 9.87995L10.1202 5.87995C8.95021 4.70995 7.05022 4.70995 5.88022 5.87995L4.47021 4.46995C6.42021 2.51995 9.59021 2.51995 11.5402 4.46995L15.5402 8.46995L14.1302 9.87995H14.1202Z" fill="#EA4335"/>
@@ -11,7 +11,7 @@ const M = ["aria-hidden"], c = `<path d="M16 21C14.66 21 13.41 20.4801 12.46 19.
 <path d="M14.1202 9.87995C12.9502 8.70995 11.0502 8.70995 9.88021 9.87995L8.47021 8.46995C10.4202 6.51995 13.5902 6.51995 15.5402 8.46995L14.1302 9.87995H14.1202Z" fill="#EA4335"/>
 <path d="M8.46 15.53C7.52 14.59 7 13.33 7 11.99C7 10.65 7.52 9.39995 8.46 8.44995L9.87 9.85995C9.3 10.43 8.99 11.18 8.99 11.98C8.99 12.78 9.3 13.53 9.87 14.1L8.46 15.51V15.53Z" fill="#FBBC04"/>
 <path d="M4.46 19.53C3.52 18.59 3 17.33 3 15.99C3 14.65 3.52 13.4 4.46 12.45L8.46 8.44995L9.87 9.85995L5.87 13.86C5.3 14.43 4.99 15.18 4.99 15.98C4.99 16.78 5.3 17.53 5.87 18.1L4.46 19.51V19.53Z" fill="#FBBC04"/>
-<path d="M19.5399 19.53L18.1299 18.12C18.6999 17.55 19.0099 16.8 19.0099 16C19.0099 15.2 18.6999 14.45 18.1299 13.88L14.1299 9.87997L15.5399 8.46997L19.5399 12.47C20.4799 13.41 20.9999 14.67 20.9999 16.01C20.9999 17.35 20.4799 18.6 19.5399 19.55V19.53Z" fill="#4285F4"/>`, w = /* @__PURE__ */ m({
+<path d="M19.5399 19.53L18.1299 18.12C18.6999 17.55 19.0099 16.8 19.0099 16C19.0099 15.2 18.6999 14.45 18.1299 13.88L14.1299 9.87997L15.5399 8.46997L19.5399 12.47C20.4799 13.41 20.9999 14.67 20.9999 16.01C20.9999 17.35 20.4799 18.6 19.5399 19.55V19.53Z" fill="#4285F4"/>`, $ = /* @__PURE__ */ v({
   __name: "GoogleApigeeIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -42,13 +42,13 @@ const M = ["aria-hidden"], c = `<path d="M16 21C14.66 21 13.41 20.4801 12.46 19.
     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;
         }
@@ -71,48 +71,50 @@ const M = ["aria-hidden"], c = `<path d="M16 21C14.66 21 13.41 20.4801 12.46 19.
       default: !1
     }
   },
-  setup(i) {
-    const e = i, n = s(() => {
+  setup(t) {
+    const e = t, n = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), s = 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;
-    }), p = s(() => ({
+      return c;
+    }), g = d(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
       flexShrink: "0",
-      height: n.value,
+      height: s.value,
       lineHeight: "0",
-      width: n.value,
+      width: s.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), g = (r) => {
-      const t = {}, h = Math.random().toString(36).substring(2, 12);
+    })), f = (r) => {
+      const i = {}, m = Math.random().toString(36).substring(2, 12);
       return r.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);
+        const l = `${m}-${o}`;
+        return i[o] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (a, o) => i[o] ? `#${i[o]}` : a);
     }, u = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, f = (r) => r.replace(/[<>"'&]/g, (t) => u[t]), L = `${e.title ? `<title data-testid="kui-icon-svg-title">${f(e.title)}</title>` : ""}${e.staticIds ? c : g(c)}`;
-    return (r, t) => (d(), v(S(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
+    }, L = (r) => r.replace(/[<>"'&]/g, (i) => u[i]), h = `${e.title ? `<title data-testid="kui-icon-svg-title">${L(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
+    return (r, i) => (C(), S(y(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon google-apigee-icon",
       "data-testid": "kui-icon-wrapper-google-apigee-icon",
-      style: y(p.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: b(g.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
-      default: b(() => [
-        (d(), x("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+      default: x(() => [
+        (C(), M("svg", {
+          "aria-hidden": t.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-google-apigee-icon",
           fill: "none",
           height: "100%",
@@ -120,13 +122,13 @@ const M = ["aria-hidden"], c = `<path d="M16 21C14.66 21 13.41 20.4801 12.46 19.
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: L
-        }, null, 8, M))
+          innerHTML: h
+        }, null, 8, Z))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  w as default
+  $ as default
 };