@kong/icons 1.55.0 → 1.55.1

package/dist/kong-icons.es474.js

@@ -1,6 +1,6 @@
-import { defineComponent as S, computed as l, openBlock as d, createBlock as C, resolveDynamicComponent as y, normalizeStyle as x, withCtx as _, createElementBlock as b } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1640.js";
-const w = ["aria-hidden"], u = `<g clip-path="url(#clip0_2_1382)">
+import { defineComponent as C, computed as d, openBlock as c, createBlock as y, resolveDynamicComponent as x, normalizeStyle as _, withCtx as b, createElementBlock as w } from "vue";
+import { KUI_ICON_SIZE_50 as p } from "./kong-icons.es1640.js";
+const z = ["aria-hidden"], u = `<g clip-path="url(#clip0_2_1382)">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M11.9803 17.6818C17.124 24.6939 22.158 15.7247 22.1505 10.3308C22.1419 3.95359 15.6784 0.389404 11.9762 0.389404C6.03413 0.389404 0.375 5.30041 0.375 12.0197C0.375 19.4882 6.86175 23.625 11.9762 23.625C10.8189 23.4583 6.96206 22.632 6.91012 13.7486C6.87525 7.74034 8.87006 5.33997 11.9677 6.39597C12.0371 6.42165 15.3846 7.74222 15.3846 12.056C15.3846 16.3513 11.9803 17.6818 11.9803 17.6818Z" fill="url(#paint0_linear_2_1382)"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M11.9743 6.39109C8.57549 5.21959 4.41187 8.02084 4.41187 13.6318C4.41187 22.7934 11.2011 23.625 12.024 23.625C17.9659 23.625 23.625 18.714 23.625 11.9947C23.625 4.52621 17.1382 0.389399 12.0238 0.389399C13.4404 0.193274 19.6586 1.9224 19.6586 10.4214C19.6586 15.9637 15.0154 18.981 11.9955 17.6919C11.9261 17.6662 8.57868 16.3456 8.57868 12.0318C8.57868 7.73621 11.9743 6.3909 11.9743 6.39109Z" fill="url(#paint1_linear_2_1382)"/>
 </g>
@@ -16,7 +16,7 @@ const w = ["aria-hidden"], u = `<g clip-path="url(#clip0_2_1382)">
 <clipPath id="clip0_2_1382">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
-</defs>`, q = /* @__PURE__ */ S({
+</defs>`, B = /* @__PURE__ */ C({
   __name: "LanguageJsonIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -47,14 +47,14 @@ const w = ["aria-hidden"], u = `<g clip-path="url(#clip0_2_1382)">
     size: {
       type: [Number, String],
       required: !1,
-      default: c,
+      default: p,
       // 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 (n && !isNaN(n) && Number.isInteger(n) && n > 0)
+        if (typeof t == "string") {
+          const e = String(t).replace(/px/gi, ""), r = Number(e);
+          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
             return !0;
         }
         return !1;
@@ -76,48 +76,50 @@ const w = ["aria-hidden"], u = `<g clip-path="url(#clip0_2_1382)">
       default: !1
     }
   },
-  setup(i) {
-    const e = i, n = l(() => {
+  setup(t) {
+    const e = t, r = (n) => typeof n == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(n), o = d(() => {
+      if (r(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 n = String(e.size).replace(/px/gi, ""), i = Number(n);
+        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
+          return `${i}px`;
       }
-      return c;
-    }), p = l(() => ({
+      return p;
+    }), g = 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
-    })), g = (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);
-    }, f = {
+    })), f = (n) => {
+      const i = {}, S = Math.random().toString(36).substring(2, 12);
+      return n.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);
+    }, v = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, v = (r) => r.replace(/[<>"'&]/g, (t) => f[t]), h = `${e.title ? `<title data-testid="kui-icon-svg-title">${v(e.title)}</title>` : ""}${e.staticIds ? u : g(u)}`;
-    return (r, t) => (d(), C(y(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
+    }, h = (n) => n.replace(/[<>"'&]/g, (i) => v[i]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${h(e.title)}</title>` : ""}${e.staticIds ? u : f(u)}`;
+    return (n, i) => (c(), y(x(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon language-json-icon",
       "data-testid": "kui-icon-wrapper-language-json-icon",
-      style: x(p.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: _(g.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
-      default: _(() => [
-        (d(), b("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+      default: b(() => [
+        (c(), w("svg", {
+          "aria-hidden": t.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-language-json-icon",
           fill: "none",
           height: "100%",
@@ -125,13 +127,13 @@ const w = ["aria-hidden"], u = `<g clip-path="url(#clip0_2_1382)">
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: h
-        }, null, 8, w))
+          innerHTML: m
+        }, null, 8, z))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  q as default
+  B as default
 };

package/dist/kong-icons.es476.js

@@ -1,6 +1,6 @@
-import { defineComponent as S, computed as l, openBlock as d, createBlock as _, resolveDynamicComponent as y, normalizeStyle as C, withCtx as x, createElementBlock as b } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1640.js";
-const B = ["aria-hidden"], p = `<g clip-path="url(#clip0_2_1385)">
+import { defineComponent as y, computed as d, openBlock as c, createBlock as _, resolveDynamicComponent as C, normalizeStyle as x, withCtx as b, createElementBlock as w } from "vue";
+import { KUI_ICON_SIZE_50 as p } from "./kong-icons.es1640.js";
+const B = ["aria-hidden"], f = `<g clip-path="url(#clip0_2_1385)">
 <path d="M12.5547 0.154743C12.3824 0.0560657 12.1874 0.00415039 11.9889 0.00415039C11.7904 0.00415039 11.5953 0.0560657 11.4231 0.154743L2.08186 5.58006C1.72654 5.78106 1.52686 6.16037 1.52686 6.56256V17.4353C1.52686 17.8371 1.74867 18.2166 2.08148 18.4178L11.4227 23.8429C11.595 23.9416 11.7901 23.9936 11.9886 23.9936C12.1871 23.9936 12.3822 23.9416 12.5545 23.8429L21.8957 18.4176C22.2509 18.2166 22.4504 17.8371 22.4504 17.4351V6.56256C22.4504 6.16056 22.2285 5.78124 21.8957 5.58006L12.5547 0.154743Z" fill="url(#paint0_linear_2_1385)"/>
 <path d="M21.9182 5.57997L12.5327 0.154653C12.4406 0.107813 12.3439 0.0704341 12.2442 0.0430908L1.72693 18.1496C1.81392 18.2565 1.91909 18.3473 2.03762 18.4177L11.4233 23.8428C11.6896 23.999 12.0001 24.0438 12.2886 23.9544L22.1624 5.78097C22.0975 5.69608 22.014 5.62729 21.9182 5.57997Z" fill="url(#paint1_linear_2_1385)"/>
 <path d="M21.9184 18.4172C22.1847 18.261 22.3843 17.9931 22.473 17.7029L12.1999 0.0202985C11.9337 -0.0243265 11.6451 -0.00201398 11.4012 0.154361L2.08203 5.55736L12.1332 23.9989C12.2663 23.9764 12.4219 23.9318 12.555 23.8649L21.9184 18.4172Z" fill="url(#paint2_linear_2_1385)"/>
@@ -28,7 +28,7 @@ const B = ["aria-hidden"], p = `<g clip-path="url(#clip0_2_1385)">
 <clipPath id="clip0_2_1385">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
-</defs>`, F = /* @__PURE__ */ S({
+</defs>`, F = /* @__PURE__ */ y({
   __name: "LanguageNodejsIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -59,14 +59,14 @@ const B = ["aria-hidden"], p = `<g clip-path="url(#clip0_2_1385)">
     size: {
       type: [Number, String],
       required: !1,
-      default: c,
+      default: p,
       // 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: (e) => {
+        if (typeof e == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(e) || typeof e == "number" && e > 0)
           return !0;
-        if (typeof i == "string") {
-          const e = String(i).replace(/px/gi, ""), o = Number(e);
-          if (o && !isNaN(o) && Number.isInteger(o) && o > 0)
+        if (typeof e == "string") {
+          const t = String(e).replace(/px/gi, ""), r = Number(t);
+          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
             return !0;
         }
         return !1;
@@ -88,48 +88,50 @@ const B = ["aria-hidden"], p = `<g clip-path="url(#clip0_2_1385)">
       default: !1
     }
   },
-  setup(i) {
-    const e = i, o = l(() => {
-      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`;
+  setup(e) {
+    const t = e, r = (o) => typeof o == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(o), s = d(() => {
+      if (r(t.size))
+        return t.size;
+      if (typeof t.size == "number" && t.size > 0)
+        return `${t.size}px`;
+      if (typeof t.size == "string") {
+        const o = String(t.size).replace(/px/gi, ""), i = Number(o);
+        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
+          return `${i}px`;
       }
-      return c;
-    }), f = l(() => ({
+      return p;
+    }), u = d(() => ({
       boxSizing: "border-box",
-      color: e.color,
-      display: e.display,
+      color: t.color,
+      display: t.display,
       flexShrink: "0",
-      height: o.value,
+      height: s.value,
       lineHeight: "0",
-      width: o.value,
-      pointerEvents: e.decorative ? "none" : void 0
-    })), u = (r) => {
-      const t = {}, v = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (s, n) => {
-        const a = `${v}-${n}`;
-        return t[n] = a, `id="${a}"`;
-      }).replace(/#([^\s^")]+)/g, (s, n) => t[n] ? `#${t[n]}` : s);
-    }, g = {
+      width: s.value,
+      pointerEvents: t.decorative ? "none" : void 0
+    })), g = (o) => {
+      const i = {}, S = Math.random().toString(36).substring(2, 12);
+      return o.replace(/id="([^"]+)"/g, (a, n) => {
+        const l = `${S}-${n}`;
+        return i[n] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (a, n) => i[n] ? `#${i[n]}` : a);
+    }, m = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, m = (r) => r.replace(/[<>"'&]/g, (t) => g[t]), h = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? p : u(p)}`;
-    return (r, t) => (d(), _(y(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
+    }, v = (o) => o.replace(/[<>"'&]/g, (i) => m[i]), h = `${t.title ? `<title data-testid="kui-icon-svg-title">${v(t.title)}</title>` : ""}${t.staticIds ? f : g(f)}`;
+    return (o, i) => (c(), _(C(e.as), {
+      "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon language-nodejs-icon",
       "data-testid": "kui-icon-wrapper-language-nodejs-icon",
-      style: C(f.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: x(u.value),
+      tabindex: e.decorative ? "-1" : void 0
     }, {
-      default: x(() => [
-        (d(), b("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+      default: b(() => [
+        (c(), w("svg", {
+          "aria-hidden": e.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-language-nodejs-icon",
           fill: "none",
           height: "100%",

package/dist/kong-icons.es478.js

@@ -1,6 +1,6 @@
-import { defineComponent as h, computed as s, openBlock as l, createBlock as m, resolveDynamicComponent as v, normalizeStyle as S, withCtx as y, createElementBlock as M } from "vue";
-import { KUI_ICON_SIZE_50 as d } from "./kong-icons.es1640.js";
-const b = ["aria-hidden"], c = `<path d="M0 11.9999C0 15.4861 5.37262 18.3125 12 18.3125C18.6274 18.3125 24 15.4861 24 11.9999C24 8.51375 18.6272 5.68738 12 5.68738C5.37262 5.68738 0 8.51375 0 11.9999Z" fill="url(#paint0_radial_2_1389)"/>
+import { defineComponent as m, computed as l, openBlock as d, createBlock as v, resolveDynamicComponent as S, normalizeStyle as y, withCtx as M, createElementBlock as b } from "vue";
+import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1640.js";
+const Z = ["aria-hidden"], p = `<path d="M0 11.9999C0 15.4861 5.37262 18.3125 12 18.3125C18.6274 18.3125 24 15.4861 24 11.9999C24 8.51375 18.6272 5.68738 12 5.68738C5.37262 5.68738 0 8.51375 0 11.9999Z" fill="url(#paint0_radial_2_1389)"/>
 <path d="M12 17.8438C18.3684 17.8438 23.5312 15.2272 23.5312 11.9999C23.5312 8.77232 18.3684 6.15613 12 6.15613C5.63156 6.15613 0.46875 8.77232 0.46875 11.9999C0.46875 15.2272 5.63156 17.8438 12 17.8438Z" fill="#777BB3"/>
 <path d="M6.51973 12.7245C7.04341 12.7245 7.43416 12.6279 7.68148 12.4376C7.92635 12.249 8.09529 11.9225 8.18398 11.4673C8.26648 11.0417 8.23498 10.7447 8.09023 10.5842C7.94248 10.4203 7.62279 10.3372 7.14016 10.3372H6.30316L5.83948 12.7245H6.51973ZM3.78241 15.665C3.76321 15.665 3.74425 15.6607 3.7269 15.6525C3.70954 15.6443 3.69422 15.6323 3.68203 15.6175C3.66984 15.6027 3.66109 15.5853 3.6564 15.5667C3.65172 15.5481 3.65121 15.5286 3.65491 15.5098L4.88435 9.18392C4.89016 9.15435 4.90604 9.12771 4.92929 9.10853C4.95254 9.08935 4.98171 9.07882 5.01185 9.07874H7.66198C8.49485 9.07874 9.11473 9.30486 9.50454 9.75092C9.89604 10.199 10.0172 10.826 9.86398 11.6137C9.80154 11.9345 9.69429 12.2325 9.54523 12.4995C9.39006 12.7741 9.19207 13.0222 8.95873 13.2345C8.67166 13.503 8.34673 13.698 7.99366 13.8125C7.64641 13.9258 7.20016 13.9832 6.66804 13.9832H5.59479L5.28841 15.5597C5.28263 15.5893 5.26671 15.6161 5.24338 15.6353C5.22005 15.6545 5.19077 15.665 5.16054 15.665H3.78241Z" fill="black"/>
 <path d="M6.41067 10.4674H7.14024C7.7228 10.4674 7.92511 10.5953 7.99392 10.6716C8.10774 10.798 8.12949 11.0648 8.05599 11.4426C7.97367 11.8658 7.82105 12.166 7.60224 12.3344C7.37836 12.5069 7.01386 12.5942 6.5198 12.5942H5.99742L6.41086 10.4676L6.41067 10.4674ZM7.66205 8.94867H5.01211C4.95168 8.94868 4.89313 8.96968 4.84648 9.00809C4.79983 9.0465 4.76797 9.09993 4.75636 9.15924L3.52692 15.4853C3.51966 15.523 3.52081 15.5618 3.53029 15.599C3.53977 15.6362 3.55735 15.6708 3.58176 15.7004C3.60617 15.73 3.63682 15.7539 3.67152 15.7703C3.70622 15.7867 3.74411 15.7952 3.78249 15.7952H5.16061C5.22104 15.7952 5.27956 15.7741 5.32618 15.7357C5.3728 15.6972 5.40461 15.6438 5.41617 15.5845L5.70211 14.1134H6.66792C7.21392 14.1134 7.67367 14.0537 8.03424 13.9364C8.40492 13.816 8.74599 13.6118 9.04786 13.3294C9.29092 13.108 9.49719 12.8494 9.65892 12.5631C9.81474 12.2843 9.92686 11.973 9.99174 11.6385C10.153 10.8092 10.0219 10.1453 9.60249 9.6653C9.18699 9.18961 8.53411 8.94849 7.66205 8.94849V8.94867ZM5.68149 12.8545H6.5198C7.07536 12.8545 7.48917 12.75 7.76105 12.5404C8.03311 12.3312 8.2163 11.9817 8.31192 11.4921C8.40286 11.0219 8.36142 10.6902 8.18724 10.4969C8.01267 10.3037 7.66393 10.207 7.14024 10.207H6.19599L5.68149 12.8545ZM7.66224 9.20855C8.45949 9.20855 9.04092 9.41799 9.40655 9.8363C9.77217 10.2548 9.88205 10.8389 9.73655 11.5887C9.67617 11.8977 9.57474 12.18 9.43186 12.4358C9.28861 12.6919 9.10186 12.9259 8.87105 13.1384C8.5958 13.3958 8.29036 13.5794 7.9538 13.6887C7.61742 13.7982 7.1888 13.8527 6.66811 13.8527H5.48761L5.1608 15.5346H3.78267L5.0123 9.20855H7.66224Z" fill="white"/>
@@ -15,7 +15,7 @@ const b = ["aria-hidden"], c = `<path d="M0 11.9999C0 15.4861 5.37262 18.3125 12
 <stop offset="0.75" stop-color="#484C89"/>
 <stop offset="1" stop-color="#484C89"/>
 </radialGradient>
-</defs>`, N = /* @__PURE__ */ h({
+</defs>`, $ = /* @__PURE__ */ m({
   __name: "LanguagePhpIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -46,14 +46,14 @@ const b = ["aria-hidden"], c = `<path d="M0 11.9999C0 15.4861 5.37262 18.3125 12
     size: {
       type: [Number, String],
       required: !1,
-      default: d,
+      default: c,
       // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (C) => {
-        if (typeof C == "number" && C > 0)
+      validator: (e) => {
+        if (typeof e == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(e) || typeof e == "number" && e > 0)
           return !0;
-        if (typeof C == "string") {
-          const e = String(C).replace(/px/gi, ""), i = Number(e);
-          if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
+        if (typeof e == "string") {
+          const t = String(e).replace(/px/gi, ""), r = Number(t);
+          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
             return !0;
         }
         return !1;
@@ -75,48 +75,50 @@ const b = ["aria-hidden"], c = `<path d="M0 11.9999C0 15.4861 5.37262 18.3125 12
       default: !1
     }
   },
-  setup(C) {
-    const e = C, i = s(() => {
-      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`;
+  setup(e) {
+    const t = e, r = (i) => typeof i == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(i), s = l(() => {
+      if (r(t.size))
+        return t.size;
+      if (typeof t.size == "number" && t.size > 0)
+        return `${t.size}px`;
+      if (typeof t.size == "string") {
+        const i = String(t.size).replace(/px/gi, ""), C = Number(i);
+        if (C && !isNaN(C) && Number.isInteger(C) && C > 0)
+          return `${C}px`;
       }
-      return d;
-    }), p = s(() => ({
+      return c;
+    }), f = l(() => ({
       boxSizing: "border-box",
-      color: e.color,
-      display: e.display,
+      color: t.color,
+      display: t.display,
       flexShrink: "0",
-      height: i.value,
+      height: s.value,
       lineHeight: "0",
-      width: i.value,
-      pointerEvents: e.decorative ? "none" : void 0
-    })), u = (r) => {
-      const t = {}, L = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (a, n) => {
-        const o = `${L}-${n}`;
-        return t[n] = o, `id="${o}"`;
-      }).replace(/#([^\s^")]+)/g, (a, n) => t[n] ? `#${t[n]}` : a);
-    }, f = {
+      width: s.value,
+      pointerEvents: t.decorative ? "none" : void 0
+    })), u = (i) => {
+      const C = {}, h = Math.random().toString(36).substring(2, 12);
+      return i.replace(/id="([^"]+)"/g, (a, n) => {
+        const o = `${h}-${n}`;
+        return C[n] = o, `id="${o}"`;
+      }).replace(/#([^\s^")]+)/g, (a, n) => C[n] ? `#${C[n]}` : a);
+    }, g = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, g = (r) => r.replace(/[<>"'&]/g, (t) => f[t]), H = `${e.title ? `<title data-testid="kui-icon-svg-title">${g(e.title)}</title>` : ""}${e.staticIds ? c : u(c)}`;
-    return (r, t) => (l(), m(v(C.as), {
-      "aria-hidden": C.decorative ? "true" : void 0,
+    }, H = (i) => i.replace(/[<>"'&]/g, (C) => g[C]), L = `${t.title ? `<title data-testid="kui-icon-svg-title">${H(t.title)}</title>` : ""}${t.staticIds ? p : u(p)}`;
+    return (i, C) => (d(), v(S(e.as), {
+      "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon language-php-icon",
       "data-testid": "kui-icon-wrapper-language-php-icon",
-      style: S(p.value),
-      tabindex: C.decorative ? "-1" : void 0
+      style: y(f.value),
+      tabindex: e.decorative ? "-1" : void 0
     }, {
-      default: y(() => [
-        (l(), M("svg", {
-          "aria-hidden": C.decorative ? "true" : void 0,
+      default: M(() => [
+        (d(), b("svg", {
+          "aria-hidden": e.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-language-php-icon",
           fill: "none",
           height: "100%",
@@ -124,13 +126,13 @@ const b = ["aria-hidden"], c = `<path d="M0 11.9999C0 15.4861 5.37262 18.3125 12
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: H
-        }, null, 8, b))
+          innerHTML: L
+        }, null, 8, Z))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  N as default
+  $ as default
 };

package/dist/kong-icons.es48.js

@@ -1,6 +1,6 @@
-import { defineComponent as S, computed as l, openBlock as d, createBlock as b, resolveDynamicComponent as y, normalizeStyle as x, withCtx as C, createElementBlock as w } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1640.js";
-const z = ["aria-hidden"], u = `<g clip-path="url(#clip0_1_2275)">
+import { defineComponent as y, computed as d, openBlock as c, createBlock as b, resolveDynamicComponent as x, normalizeStyle as C, 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_1_2275)">
 <path d="M7.82611 10.9565L8.8696 23.5866C9.8677 23.8557 10.9169 24 12 24C18.6274 24 24 18.6274 24 12L7.82611 10.9565Z" fill="#D80027"/>
 <path d="M7.82611 12L8.86955 0.413391C9.8677 0.144375 10.9169 0 12 0C18.6274 0 24 5.37262 24 12H7.82611Z" fill="#FFDA44"/>
 <path d="M0 12.0002C0 17.5445 3.76036 22.2098 8.86955 23.5868V0.413574C3.76036 1.79057 0 6.45586 0 12.0002Z" fill="#6DA544"/>
@@ -9,7 +9,7 @@ const z = ["aria-hidden"], u = `<g clip-path="url(#clip0_1_2275)">
 <clipPath id="clip0_1_2275">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
-</defs>`, q = /* @__PURE__ */ S({
+</defs>`, B = /* @__PURE__ */ y({
   __name: "FlagBjIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -40,14 +40,14 @@ const z = ["aria-hidden"], u = `<g clip-path="url(#clip0_1_2275)">
     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;
@@ -69,48 +69,50 @@ const z = ["aria-hidden"], u = `<g clip-path="url(#clip0_1_2275)">
       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;
-    }), g = 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, (a, o) => {
-        const s = `${v}-${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 = (n) => n.replace(/[<>"'&]/g, (t) => f[t]), h = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? u : p(u)}`;
-    return (n, t) => (d(), b(y(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
+    }, v = (r) => r.replace(/[<>"'&]/g, (i) => m[i]), h = `${e.title ? `<title data-testid="kui-icon-svg-title">${v(e.title)}</title>` : ""}${e.staticIds ? g : f(g)}`;
+    return (r, i) => (c(), b(x(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon flag-bj-icon",
       "data-testid": "kui-icon-wrapper-flag-bj-icon",
-      style: x(g.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: C(p.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
-      default: C(() => [
-        (d(), w("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-flag-bj-icon",
           fill: "none",
           height: "100%",
@@ -119,12 +121,12 @@ const z = ["aria-hidden"], u = `<g clip-path="url(#clip0_1_2275)">
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
           innerHTML: h
-        }, null, 8, z))
+        }, null, 8, N))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  q as default
+  B as default
 };