@kong/icons 1.55.0 → 1.55.1

package/dist/kong-icons.es466.js

@@ -1,8 +1,8 @@
-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="M21.6375 5.75623L12.5813 0.543726C12.4313 0.449976 12.225 0.412476 12 0.412476C11.775 0.412476 11.5688 0.468726 11.4188 0.543726L2.41875 5.77498C2.1 5.96248 1.875 6.43123 1.875 6.78748V17.2312C1.875 17.4375 1.9125 17.6812 2.0625 17.8875L22.0875 6.26248C21.975 6.03748 21.8063 5.86873 21.6375 5.75623Z" fill="#659AD3"/>
+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"], g = `<path d="M21.6375 5.75623L12.5813 0.543726C12.4313 0.449976 12.225 0.412476 12 0.412476C11.775 0.412476 11.5688 0.468726 11.4188 0.543726L2.41875 5.77498C2.1 5.96248 1.875 6.43123 1.875 6.78748V17.2312C1.875 17.4375 1.9125 17.6812 2.0625 17.8875L22.0875 6.26248C21.975 6.03748 21.8063 5.86873 21.6375 5.75623Z" fill="#659AD3"/>
 <path d="M2.00623 17.8688C2.09998 18.0188 2.23123 18.15 2.36248 18.225L11.4 23.4563C11.55 23.55 11.7562 23.5875 11.9812 23.5875C12.2062 23.5875 12.4125 23.5313 12.5625 23.4563L21.5625 18.225C21.8812 18.0375 22.1062 17.5688 22.1062 17.2125V6.76877C22.1062 6.60002 22.0875 6.41252 21.9937 6.24377L2.00623 17.8688Z" fill="#03599C"/>
-<path d="M15.9938 14.2687C15.2063 15.6562 13.7063 16.5938 12 16.5938C9.46875 16.5938 7.40625 14.5312 7.40625 12C7.40625 9.46875 9.46875 7.40625 12 7.40625C13.7063 7.40625 15.2063 8.34375 15.9938 9.75L18.4313 8.34375C17.1563 6.1125 14.7563 4.59375 12 4.59375C7.9125 4.59375 4.59375 7.9125 4.59375 12C4.59375 16.0875 7.9125 19.4062 12 19.4062C14.7375 19.4062 17.1375 17.9062 18.4125 15.6937L15.9938 14.2687Z" fill="white"/>`, q = /* @__PURE__ */ S({
+<path d="M15.9938 14.2687C15.2063 15.6562 13.7063 16.5938 12 16.5938C9.46875 16.5938 7.40625 14.5312 7.40625 12C7.40625 9.46875 9.46875 7.40625 12 7.40625C13.7063 7.40625 15.2063 8.34375 15.9938 9.75L18.4313 8.34375C17.1563 6.1125 14.7563 4.59375 12 4.59375C7.9125 4.59375 4.59375 7.9125 4.59375 12C4.59375 16.0875 7.9125 19.4062 12 19.4062C14.7375 19.4062 17.1375 17.9062 18.4125 15.6937L15.9938 14.2687Z" fill="white"/>`, B = /* @__PURE__ */ h({
   __name: "LanguageCIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -33,13 +33,13 @@ const N = ["aria-hidden"], u = `<path d="M21.6375 5.75623L12.5813 0.543726C12.43
     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;
         }
@@ -62,48 +62,50 @@ const N = ["aria-hidden"], u = `<path d="M21.6375 5.75623L12.5813 0.543726C12.43
       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 = {}, C = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (a, o) => {
-        const s = `${C}-${o}`;
-        return t[o] = s, `id="${s}"`;
-      }).replace(/#([^\s^")]+)/g, (a, o) => t[o] ? `#${t[o]}` : a);
-    }, f = {
+    })), f = (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);
+    }, 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(y(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
+    }, v = (r) => r.replace(/[<>"'&]/g, (i) => m[i]), C = `${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 language-c-icon",
       "data-testid": "kui-icon-wrapper-language-c-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-language-c-icon",
           fill: "none",
           height: "100%",
@@ -111,7 +113,7 @@ const N = ["aria-hidden"], u = `<path d="M21.6375 5.75623L12.5813 0.543726C12.43
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: v
+          innerHTML: C
         }, null, 8, N))
       ]),
       _: 1
@@ -119,5 +121,5 @@ const N = ["aria-hidden"], u = `<path d="M21.6375 5.75623L12.5813 0.543726C12.43
   }
 });
 export {
-  q as default
+  B as default
 };

package/dist/kong-icons.es468.js

@@ -1,6 +1,6 @@
-import { defineComponent as o, computed as C, openBlock as d, createBlock as f, resolveDynamicComponent as y, normalizeStyle as M, withCtx as H, createElementBlock as Z } from "vue";
-import { KUI_ICON_SIZE_50 as k } from "./kong-icons.es1640.js";
-const w = ["aria-hidden"], h = `<mask id="mask0_2_1240" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24">
+import { defineComponent as f, computed as d, openBlock as k, createBlock as y, resolveDynamicComponent as M, normalizeStyle as w, withCtx as H, createElementBlock as Z } from "vue";
+import { KUI_ICON_SIZE_50 as r } from "./kong-icons.es1640.js";
+const V = ["aria-hidden"], h = `<mask id="mask0_2_1240" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24">
 <path d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"/>
 </mask>
 <g mask="url(#mask0_2_1240)">
@@ -197,7 +197,7 @@ const w = ["aria-hidden"], h = `<mask id="mask0_2_1240" style="mask-type:luminan
 </mask>
 <g mask="url(#mask32_2_1240)">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M10.9876 6.01876C10.9501 5.13751 12.6376 5.02501 12.8251 5.75626C13.0313 6.50626 11.0626 6.67501 10.9876 6.01876Z" fill="black"/>
-</g>`, L = /* @__PURE__ */ o({
+</g>`, O = /* @__PURE__ */ f({
   __name: "LanguageGoIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -228,14 +228,14 @@ const w = ["aria-hidden"], h = `<mask id="mask0_2_1240" style="mask-type:luminan
     size: {
       type: [Number, String],
       required: !1,
-      default: k,
+      default: r,
       // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (s) => {
-        if (typeof s == "number" && s > 0)
+      validator: (a) => {
+        if (typeof a == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(a) || typeof a == "number" && a > 0)
           return !0;
-        if (typeof s == "string") {
-          const e = String(s).replace(/px/gi, ""), t = Number(e);
-          if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
+        if (typeof a == "string") {
+          const e = String(a).replace(/px/gi, ""), i = Number(e);
+          if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
             return !0;
         }
         return !1;
@@ -257,48 +257,50 @@ const w = ["aria-hidden"], h = `<mask id="mask0_2_1240" style="mask-type:luminan
       default: !1
     }
   },
-  setup(s) {
-    const e = s, t = C(() => {
+  setup(a) {
+    const e = a, i = (t) => typeof t == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t), m = d(() => {
+      if (i(e.size))
+        return e.size;
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
-        const i = String(e.size).replace(/px/gi, ""), a = Number(i);
-        if (a && !isNaN(a) && Number.isInteger(a) && a > 0)
-          return `${a}px`;
+        const t = String(e.size).replace(/px/gi, ""), s = Number(t);
+        if (s && !isNaN(s) && Number.isInteger(s) && s > 0)
+          return `${s}px`;
       }
-      return k;
-    }), r = C(() => ({
+      return r;
+    }), p = d(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
       flexShrink: "0",
-      height: t.value,
+      height: m.value,
       lineHeight: "0",
-      width: t.value,
+      width: m.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), u = (i) => {
-      const a = {}, _ = Math.random().toString(36).substring(2, 12);
-      return i.replace(/id="([^"]+)"/g, (m, l) => {
-        const n = `${_}-${l}`;
-        return a[l] = n, `id="${n}"`;
-      }).replace(/#([^\s^")]+)/g, (m, l) => a[l] ? `#${a[l]}` : m);
-    }, p = {
+    })), u = (t) => {
+      const s = {}, _ = Math.random().toString(36).substring(2, 12);
+      return t.replace(/id="([^"]+)"/g, (n, l) => {
+        const C = `${_}-${l}`;
+        return s[l] = C, `id="${C}"`;
+      }).replace(/#([^\s^")]+)/g, (n, l) => s[l] ? `#${s[l]}` : n);
+    }, c = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, c = (i) => i.replace(/[<>"'&]/g, (a) => p[a]), g = `${e.title ? `<title data-testid="kui-icon-svg-title">${c(e.title)}</title>` : ""}${e.staticIds ? h : u(h)}`;
-    return (i, a) => (d(), f(y(s.as), {
-      "aria-hidden": s.decorative ? "true" : void 0,
+    }, g = (t) => t.replace(/[<>"'&]/g, (s) => c[s]), o = `${e.title ? `<title data-testid="kui-icon-svg-title">${g(e.title)}</title>` : ""}${e.staticIds ? h : u(h)}`;
+    return (t, s) => (k(), y(M(a.as), {
+      "aria-hidden": a.decorative ? "true" : void 0,
       class: "kui-icon language-go-icon",
       "data-testid": "kui-icon-wrapper-language-go-icon",
-      style: M(r.value),
-      tabindex: s.decorative ? "-1" : void 0
+      style: w(p.value),
+      tabindex: a.decorative ? "-1" : void 0
     }, {
       default: H(() => [
-        (d(), Z("svg", {
-          "aria-hidden": s.decorative ? "true" : void 0,
+        (k(), Z("svg", {
+          "aria-hidden": a.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-language-go-icon",
           fill: "none",
           height: "100%",
@@ -306,13 +308,13 @@ const w = ["aria-hidden"], h = `<mask id="mask0_2_1240" style="mask-type:luminan
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: g
-        }, null, 8, w))
+          innerHTML: o
+        }, null, 8, V))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  L as default
+  O as default
 };

package/dist/kong-icons.es470.js

@@ -1,10 +1,10 @@
-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="M8.92824 18.3975C8.92824 18.3975 8.03443 18.9176 9.56518 19.0931C11.4199 19.305 12.3677 19.2746 14.4111 18.8884C14.4111 18.8884 14.9494 19.225 15.6998 19.5167C11.1175 21.4798 5.32956 19.4029 8.92824 18.3975ZM8.36799 15.8353C8.36799 15.8353 7.36524 16.5776 8.89731 16.7363C10.8786 16.9408 12.4429 16.9575 15.1512 16.4363C15.1512 16.4363 15.5249 16.816 16.1134 17.0233C10.5743 18.6433 4.40481 17.1508 8.36799 15.8353Z" fill="#0074BD"/>
+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"], g = `<path d="M8.92824 18.3975C8.92824 18.3975 8.03443 18.9176 9.56518 19.0931C11.4199 19.305 12.3677 19.2746 14.4111 18.8884C14.4111 18.8884 14.9494 19.225 15.6998 19.5167C11.1175 21.4798 5.32956 19.4029 8.92824 18.3975ZM8.36799 15.8353C8.36799 15.8353 7.36524 16.5776 8.89731 16.7363C10.8786 16.9408 12.4429 16.9575 15.1512 16.4363C15.1512 16.4363 15.5249 16.816 16.1134 17.0233C10.5743 18.6433 4.40481 17.1508 8.36799 15.8353Z" fill="#0074BD"/>
 <path d="M13.0879 11.4883C14.2175 12.7886 12.7916 13.9577 12.7916 13.9577C12.7916 13.9577 15.6583 12.4781 14.342 10.6245C13.1122 8.89669 12.1695 8.0385 17.2736 5.07825C17.2736 5.07843 9.26154 7.07887 13.0879 11.4883Z" fill="#EA2D2E"/>
 <path d="M19.1481 20.2929C19.1481 20.2929 19.8098 20.8386 18.4191 21.2602C15.775 22.0612 7.4117 22.3027 5.08895 21.2923C4.25439 20.9289 5.82002 20.4251 6.31258 20.3188C6.82614 20.2076 7.11939 20.2279 7.11939 20.2279C6.1907 19.5741 1.11695 21.5122 4.54258 22.0682C13.884 23.5824 21.5708 21.3862 19.1481 20.2929ZM9.35852 13.1801C9.35852 13.1801 5.10489 14.1906 7.85233 14.5579C9.01258 14.7131 11.3245 14.6775 13.4794 14.4967C15.24 14.3488 17.0068 14.0329 17.0068 14.0329C17.0068 14.0329 16.3866 14.2989 15.9373 14.6053C11.617 15.7417 3.27283 15.2124 5.67527 14.0507C7.70627 13.0684 9.35852 13.1801 9.35852 13.1801ZM16.9892 17.4452C21.3806 15.1639 19.35 12.9714 17.9327 13.2667C17.5862 13.3389 17.4308 13.4017 17.4308 13.4017C17.4308 13.4017 17.5598 13.1994 17.8058 13.1124C20.6095 12.1271 22.7653 16.0192 16.9015 17.5609C16.9015 17.5605 16.9688 17.4996 16.9892 17.4452Z" fill="#0074BD"/>
 <path d="M14.342 0.297607C14.342 0.297607 16.7735 2.73061 12.0352 6.47067C8.23535 9.47179 11.1688 11.1825 12.0339 13.138C9.81559 11.1368 8.18847 9.37486 9.27991 7.73517C10.8827 5.32879 15.3228 4.16161 14.342 0.297607Z" fill="#EA2D2E"/>
-<path d="M9.79014 23.629C14.0044 23.8984 20.4776 23.479 20.6308 21.4847C20.6308 21.4847 20.3363 22.2407 17.1476 22.8406C13.5503 23.5178 9.11251 23.4389 6.48132 23.0044C6.48132 23.0046 7.02039 23.4509 9.79014 23.629Z" fill="#0074BD"/>`, I = /* @__PURE__ */ S({
+<path d="M9.79014 23.629C14.0044 23.8984 20.4776 23.479 20.6308 21.4847C20.6308 21.4847 20.3363 22.2407 17.1476 22.8406C13.5503 23.5178 9.11251 23.4389 6.48132 23.0044C6.48132 23.0046 7.02039 23.4509 9.79014 23.629Z" fill="#0074BD"/>`, I = /* @__PURE__ */ h({
   __name: "LanguageJavaIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -35,13 +35,13 @@ const N = ["aria-hidden"], u = `<path d="M8.92824 18.3975C8.92824 18.3975 8.0344
     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;
         }
@@ -64,48 +64,50 @@ const N = ["aria-hidden"], u = `<path d="M8.92824 18.3975C8.92824 18.3975 8.0344
       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), a = 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: a.value,
       lineHeight: "0",
-      width: n.value,
+      width: a.value,
       pointerEvents: e.decorative ? "none" : void 0
     })), C = (r) => {
-      const t = {}, m = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (o, a) => {
-        const s = `${m}-${a}`;
-        return t[a] = s, `id="${s}"`;
-      }).replace(/#([^\s^")]+)/g, (o, a) => t[a] ? `#${t[a]}` : o);
-    }, p = {
+      const i = {}, S = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (o, s) => {
+        const l = `${S}-${s}`;
+        return i[s] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (o, s) => i[s] ? `#${i[s]}` : o);
+    }, f = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, f = (r) => r.replace(/[<>"'&]/g, (t) => p[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${f(e.title)}</title>` : ""}${e.staticIds ? u : C(u)}`;
-    return (r, t) => (d(), h(y(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
+    }, v = (r) => r.replace(/[<>"'&]/g, (i) => f[i]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${v(e.title)}</title>` : ""}${e.staticIds ? g : C(g)}`;
+    return (r, i) => (c(), y(b(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon language-java-icon",
       "data-testid": "kui-icon-wrapper-language-java-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-language-java-icon",
           fill: "none",
           height: "100%",
@@ -113,7 +115,7 @@ const N = ["aria-hidden"], u = `<path d="M8.92824 18.3975C8.92824 18.3975 8.0344
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: v
+          innerHTML: m
         }, null, 8, N))
       ]),
       _: 1

package/dist/kong-icons.es472.js

@@ -1,6 +1,6 @@
-import { defineComponent as h, computed as l, openBlock as c, createBlock as S, resolveDynamicComponent as y, normalizeStyle as b, withCtx as x, createElementBlock as w } from "vue";
-import { KUI_ICON_SIZE_50 as d } from "./kong-icons.es1640.js";
-const z = ["aria-hidden"], u = `<g clip-path="url(#clip0_2_1379)">
+import { defineComponent as S, computed as c, openBlock as d, 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 = `<g clip-path="url(#clip0_2_1379)">
 <path d="M0.264038 0.264038H23.736V23.7362H0.264038V0.264038Z" fill="#F0DB4F"/>
 <path d="M21.815 18.138C21.6431 17.0672 20.9449 16.1678 18.8765 15.3291C18.158 14.9989 17.357 14.7625 17.1184 14.218C17.0336 13.9011 17.0224 13.7226 17.076 13.5308C17.2299 12.9083 17.973 12.7142 18.5619 12.8927C18.9412 13.0199 19.3003 13.3122 19.5169 13.7785C20.5297 13.1226 20.5277 13.1269 21.2349 12.6762C20.976 12.2747 20.8378 12.0895 20.6683 11.9177C20.0591 11.2373 19.229 10.8869 17.9015 10.9137L17.21 11.0031C16.5474 11.1705 15.9159 11.5184 15.5456 11.9847C14.4345 13.2454 14.7514 15.4519 16.1034 16.36C17.4354 17.3597 19.3922 17.5872 19.6421 18.522C19.8853 19.6665 18.801 20.037 17.7232 19.9054C16.929 19.7402 16.4872 19.3365 16.0097 18.6025C15.1307 19.1112 15.1307 19.1112 14.2269 19.6309C14.4412 20.0995 14.6664 20.3115 15.0257 20.7175C16.7259 22.4421 20.9807 22.3574 21.7438 19.747C21.7747 19.6574 21.9802 19.0596 21.815 18.138ZM13.0241 11.0519H10.8287L10.8197 16.7278C10.8197 17.935 10.8821 19.0416 10.6858 19.3808C10.3646 20.0479 9.53229 19.9652 9.15298 19.8358C8.76692 19.6461 8.57061 19.3763 8.34317 18.9949C8.28073 18.8854 8.23386 18.8007 8.21811 18.7941L6.43311 19.8872C6.72992 20.4964 7.16717 21.0252 7.72723 21.3687C8.56386 21.8708 9.68829 22.0247 10.8643 21.7547C11.6297 21.5318 12.29 21.07 12.6358 20.367C13.1357 19.4455 13.0284 18.33 13.0239 17.0963C13.0352 15.0835 13.0241 13.071 13.0241 11.0519Z" fill="#323330"/>
 </g>
@@ -8,7 +8,7 @@ const z = ["aria-hidden"], u = `<g clip-path="url(#clip0_2_1379)">
 <clipPath id="clip0_2_1379">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
-</defs>`, q = /* @__PURE__ */ h({
+</defs>`, B = /* @__PURE__ */ S({
   __name: "LanguageJavascriptIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -39,14 +39,14 @@ const z = ["aria-hidden"], u = `<g clip-path="url(#clip0_2_1379)">
     size: {
       type: [Number, String],
       required: !1,
-      default: d,
+      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;
@@ -68,48 +68,50 @@ const z = ["aria-hidden"], u = `<g clip-path="url(#clip0_2_1379)">
       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), a = 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 d;
-    }), g = l(() => ({
+      return u;
+    }), p = c(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
       flexShrink: "0",
-      height: r.value,
+      height: a.value,
       lineHeight: "0",
-      width: r.value,
+      width: a.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), p = (n) => {
-      const t = {}, m = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (o, a) => {
-        const s = `${m}-${a}`;
-        return t[a] = s, `id="${s}"`;
-      }).replace(/#([^\s^")]+)/g, (o, a) => t[a] ? `#${t[a]}` : o);
-    }, f = {
+    })), f = (r) => {
+      const i = {}, h = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (o, s) => {
+        const l = `${h}-${s}`;
+        return i[s] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (o, s) => i[s] ? `#${i[s]}` : o);
+    }, C = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, C = (n) => n.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 (n, t) => (c(), S(y(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) => (d(), y(b(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon language-javascript-icon",
       "data-testid": "kui-icon-wrapper-language-javascript-icon",
-      style: b(g.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: x(p.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
-      default: x(() => [
-        (c(), w("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+      default: w(() => [
+        (d(), z("svg", {
+          "aria-hidden": t.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-language-javascript-icon",
           fill: "none",
           height: "100%",
@@ -117,13 +119,13 @@ const z = ["aria-hidden"], u = `<g clip-path="url(#clip0_2_1379)">
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: v
-        }, null, 8, z))
+          innerHTML: m
+        }, null, 8, N))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  q as default
+  B as default
 };