@kong/icons 1.55.0 → 1.55.1

package/dist/kong-icons.es536.js

@@ -1,9 +1,9 @@
-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 L = ["aria-hidden"], u = `<path d="M14.6907 8.5684H15.3007L17.0392 6.77648L17.1246 6.0157C16.1287 5.10965 14.9251 4.48026 13.6276 4.18696C12.33 3.89366 10.9813 3.94615 9.70894 4.33947C8.43655 4.73279 7.28244 5.45395 6.35563 6.43483C5.42883 7.41571 4.75992 8.62392 4.41211 9.94534C4.60579 9.86352 4.82033 9.85025 5.02212 9.90762L8.49915 9.3166C8.49915 9.3166 8.67605 9.0148 8.76755 9.03367C9.51257 8.19031 10.5422 7.67237 11.6456 7.58588C12.749 7.49938 13.8427 7.85088 14.7029 8.5684H14.6907Z" fill="#EA4335"/>
+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 L = ["aria-hidden"], g = `<path d="M14.6907 8.5684H15.3007L17.0392 6.77648L17.1246 6.0157C16.1287 5.10965 14.9251 4.48026 13.6276 4.18696C12.33 3.89366 10.9813 3.94615 9.70894 4.33947C8.43655 4.73279 7.28244 5.45395 6.35563 6.43483C5.42883 7.41571 4.75992 8.62392 4.41211 9.94534C4.60579 9.86352 4.82033 9.85025 5.02212 9.90762L8.49915 9.3166C8.49915 9.3166 8.67605 9.0148 8.76755 9.03367C9.51257 8.19031 10.5422 7.67237 11.6456 7.58588C12.749 7.49938 13.8427 7.85088 14.7029 8.5684H14.6907Z" fill="#EA4335"/>
 <path d="M19.5162 9.94508C19.1166 8.42833 18.2962 7.06478 17.1555 6.02173L14.7155 8.5367C15.224 8.96498 15.6315 9.50669 15.9073 10.121C16.1831 10.7352 16.32 11.4061 16.3076 12.0828V12.5292C16.5928 12.5292 16.8752 12.5871 17.1386 12.6996C17.4021 12.8121 17.6415 12.977 17.8432 13.1848C18.0448 13.3927 18.2048 13.6394 18.3139 13.911C18.423 14.1825 18.4792 14.4736 18.4792 14.7675C18.4792 15.0615 18.423 15.3525 18.3139 15.6241C18.2048 15.8957 18.0448 16.1424 17.8432 16.3503C17.6415 16.5581 17.4021 16.723 17.1386 16.8355C16.8752 16.948 16.5928 17.0059 16.3076 17.0059H11.9644L11.5312 17.4586V20.1433L11.9644 20.5897H16.3076C17.5204 20.5994 18.7041 20.2065 19.6835 19.4691C20.6629 18.7317 21.386 17.689 21.7459 16.4952C22.1057 15.3013 22.0832 14.0198 21.6817 12.8402C21.2801 11.6606 20.5209 10.6455 19.5162 9.94508Z" fill="#4285F4"/>
 <path d="M7.61501 20.5646H11.9583V16.9807H7.61501C7.30557 16.9807 6.99977 16.9121 6.7183 16.7795L6.1083 16.9745L4.35758 18.7664L4.20508 19.3951C5.18684 20.1592 6.3848 20.5701 7.61501 20.5646Z" fill="#34A853"/>
-<path d="M7.61491 8.93912C6.4381 8.94637 5.29287 9.33228 4.33918 10.0429C3.38548 10.7536 2.67095 11.7536 2.29538 12.9031C1.91981 14.0527 1.90195 15.2944 2.24431 16.4549C2.58667 17.6154 3.27214 18.6368 4.20498 19.3763L6.7243 16.7795C6.40415 16.6305 6.12387 16.4035 5.90751 16.1183C5.69114 15.833 5.54516 15.4978 5.48208 15.1416C5.41901 14.7854 5.44072 14.4187 5.54536 14.0731C5.64999 13.7274 5.83443 13.4131 6.08285 13.157C6.33126 12.901 6.63624 12.7109 6.97161 12.603C7.30697 12.4952 7.66272 12.4728 8.00832 12.5378C8.35393 12.6028 8.67907 12.7533 8.95585 12.9763C9.23263 13.1993 9.45279 13.4882 9.59743 13.8182L12.1168 11.2215C11.588 10.5089 10.9064 9.93216 10.1255 9.53622C9.34449 9.14029 8.48524 8.93593 7.61491 8.93912Z" fill="#FBBC05"/>`, $ = /* @__PURE__ */ S({
+<path d="M7.61491 8.93912C6.4381 8.94637 5.29287 9.33228 4.33918 10.0429C3.38548 10.7536 2.67095 11.7536 2.29538 12.9031C1.91981 14.0527 1.90195 15.2944 2.24431 16.4549C2.58667 17.6154 3.27214 18.6368 4.20498 19.3763L6.7243 16.7795C6.40415 16.6305 6.12387 16.4035 5.90751 16.1183C5.69114 15.833 5.54516 15.4978 5.48208 15.1416C5.41901 14.7854 5.44072 14.4187 5.54536 14.0731C5.64999 13.7274 5.83443 13.4131 6.08285 13.157C6.33126 12.901 6.63624 12.7109 6.97161 12.603C7.30697 12.4952 7.66272 12.4728 8.00832 12.5378C8.35393 12.6028 8.67907 12.7533 8.95585 12.9763C9.23263 13.1993 9.45279 13.4882 9.59743 13.8182L12.1168 11.2215C11.588 10.5089 10.9064 9.93216 10.1255 9.53622C9.34449 9.14029 8.48524 8.93593 7.61491 8.93912Z" fill="#FBBC05"/>`, B = /* @__PURE__ */ h({
   __name: "GoogleCloudIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -34,13 +34,13 @@ const L = ["aria-hidden"], u = `<path d="M14.6907 8.5684H15.3007L17.0392 6.77648
     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 L = ["aria-hidden"], u = `<path d="M14.6907 8.5684H15.3007L17.0392 6.77648
       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), 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;
-    }), C = l(() => ({
+      return u;
+    }), C = 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 = {}, 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);
-    }, p = {
+    })), p = (r) => {
+      const i = {}, S = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (a, o) => {
+        const l = `${S}-${o}`;
+        return i[o] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (a, o) => i[o] ? `#${i[o]}` : a);
+    }, f = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, f = (r) => r.replace(/[<>"'&]/g, (t) => p[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${f(e.title)}</title>` : ""}${e.staticIds ? u : g(u)}`;
-    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 ? g : p(g)}`;
+    return (r, i) => (c(), y(b(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon google-cloud-icon",
       "data-testid": "kui-icon-wrapper-google-cloud-icon",
-      style: b(C.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: x(C.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-cloud-icon",
           fill: "none",
           height: "100%",
@@ -112,7 +114,7 @@ const L = ["aria-hidden"], u = `<path d="M14.6907 8.5684H15.3007L17.0392 6.77648
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: m
+          innerHTML: v
         }, null, 8, L))
       ]),
       _: 1
@@ -120,5 +122,5 @@ const L = ["aria-hidden"], u = `<path d="M14.6907 8.5684H15.3007L17.0392 6.77648
   }
 });
 export {
-  $ as default
+  B as default
 };

package/dist/kong-icons.es538.js

@@ -1,9 +1,9 @@
-import { defineComponent as h, computed as l, openBlock as d, createBlock as y, resolveDynamicComponent as C, normalizeStyle as b, withCtx as x, createElementBlock as L } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1640.js";
-const z = ["aria-hidden"], g = `<path d="M13.9133 22.0988L10.0945 18.3751L18.2959 10.0002L22.2497 13.8751L13.9133 22.0988Z" fill="#8AB4F8"/>
+import { defineComponent as y, computed as d, openBlock as c, createBlock as C, resolveDynamicComponent as b, normalizeStyle as x, withCtx as L, createElementBlock as w } from "vue";
+import { KUI_ICON_SIZE_50 as g } from "./kong-icons.es1640.js";
+const z = ["aria-hidden"], u = `<path d="M13.9133 22.0988L10.0945 18.3751L18.2959 10.0002L22.2497 13.8751L13.9133 22.0988Z" fill="#8AB4F8"/>
 <path d="M13.9296 5.63525L10.1245 1.7503L1.80439 9.99144C0.731871 11.0639 0.731871 12.8026 1.80439 13.8764L9.9995 22.125L13.8746 18.5001L7.63072 11.9339L13.9296 5.63525Z" fill="#4285F4"/>
 <path d="M22.1947 10.0552L13.9446 1.8053C12.8708 0.731566 11.1295 0.731566 10.0558 1.8053C8.98199 2.87904 8.98199 4.62026 10.0558 5.694L18.3059 13.9439C19.3796 15.0176 21.1209 15.0176 22.1947 13.9439C23.2684 12.8701 23.2684 11.1289 22.1947 10.0552Z" fill="#8AB4F8"/>
-<path d="M11.937 23C13.4213 23 14.6246 21.7968 14.6246 20.3125C14.6246 18.8283 13.4213 17.6251 11.937 17.6251C10.4527 17.6251 9.24949 18.8283 9.24949 20.3125C9.24949 21.7968 10.4527 23 11.937 23Z" fill="#246FDB"/>`, $ = /* @__PURE__ */ h({
+<path d="M11.937 23C13.4213 23 14.6246 21.7968 14.6246 20.3125C14.6246 18.8283 13.4213 17.6251 11.937 17.6251C10.4527 17.6251 9.24949 18.8283 9.24949 20.3125C9.24949 21.7968 10.4527 23 11.937 23Z" fill="#246FDB"/>`, M = /* @__PURE__ */ y({
   __name: "GoogleTagManagerIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -34,13 +34,13 @@ const z = ["aria-hidden"], g = `<path d="M13.9133 22.0988L10.0945 18.3751L18.295
     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;
         }
@@ -63,48 +63,50 @@ const z = ["aria-hidden"], g = `<path d="M13.9133 22.0988L10.0945 18.3751L18.295
       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), 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;
-    }), u = l(() => ({
+      return g;
+    }), p = 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
-    })), p = (r) => {
-      const t = {}, S = Math.random().toString(36).substring(2, 12);
+    })), f = (r) => {
+      const i = {}, h = Math.random().toString(36).substring(2, 12);
       return r.replace(/id="([^"]+)"/g, (a, o) => {
-        const s = `${S}-${o}`;
-        return t[o] = s, `id="${s}"`;
-      }).replace(/#([^\s^")]+)/g, (a, o) => t[o] ? `#${t[o]}` : a);
-    }, f = {
+        const l = `${h}-${o}`;
+        return i[o] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (a, o) => i[o] ? `#${i[o]}` : 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 ? g : p(g)}`;
-    return (r, t) => (d(), y(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-tag-manager-icon",
       "data-testid": "kui-icon-wrapper-google-tag-manager-icon",
-      style: b(u.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: x(p.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
-      default: x(() => [
-        (d(), L("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+      default: L(() => [
+        (c(), w("svg", {
+          "aria-hidden": t.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-google-tag-manager-icon",
           fill: "none",
           height: "100%",
@@ -112,7 +114,7 @@ const z = ["aria-hidden"], g = `<path d="M13.9133 22.0988L10.0945 18.3751L18.295
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: v
+          innerHTML: S
         }, null, 8, z))
       ]),
       _: 1
@@ -120,5 +122,5 @@ const z = ["aria-hidden"], g = `<path d="M13.9133 22.0988L10.0945 18.3751L18.295
   }
 });
 export {
-  $ as default
+  M as default
 };

package/dist/kong-icons.es54.js

@@ -1,6 +1,6 @@
-import { defineComponent as v, computed as s, openBlock as d, createBlock as S, resolveDynamicComponent as b, normalizeStyle as y, withCtx as x, createElementBlock as H } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1640.js";
-const M = ["aria-hidden"], p = `<g clip-path="url(#clip0_1_2286)">
+import { defineComponent as S, computed as d, openBlock as c, createBlock as y, resolveDynamicComponent as b, normalizeStyle as x, withCtx as H, createElementBlock as w } from "vue";
+import { KUI_ICON_SIZE_50 as p } from "./kong-icons.es1640.js";
+const M = ["aria-hidden"], f = `<g clip-path="url(#clip0_1_2286)">
 <path d="M12.0001 23.9984C18.6265 23.9984 23.9983 18.6266 23.9983 12.0002C23.9983 5.37375 18.6265 0.00195312 12.0001 0.00195312C5.37366 0.00195312 0.00186157 5.37375 0.00186157 12.0002C0.00186157 18.6266 5.37366 23.9984 12.0001 23.9984Z" fill="#F0F0F0"/>
 <path d="M1.60925 6.00098C1.06769 6.93887 0.668213 7.91942 0.402191 8.91821L20.4678 20.5032C21.1998 19.7734 21.8493 18.9371 22.3907 17.9992L1.60925 6.00098Z" fill="black"/>
 <path d="M17.9991 1.6092C13.1983 -1.16253 7.27879 -0.238742 3.53214 3.4969L23.5978 15.0818C24.9597 9.9694 22.7999 4.38098 17.9991 1.6092V1.6092Z" fill="#FFDA44"/>
@@ -16,7 +16,7 @@ const M = ["aria-hidden"], p = `<g clip-path="url(#clip0_1_2286)">
 <clipPath id="clip0_1_2286">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
-</defs>`, D = /* @__PURE__ */ v({
+</defs>`, D = /* @__PURE__ */ S({
   __name: "FlagBnIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -47,13 +47,13 @@ const M = ["aria-hidden"], p = `<g clip-path="url(#clip0_1_2286)">
     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, ""), n = Number(e);
+        if (typeof e == "string") {
+          const t = String(e).replace(/px/gi, ""), n = Number(t);
           if (n && !isNaN(n) && Number.isInteger(n) && n > 0)
             return !0;
         }
@@ -76,48 +76,50 @@ const M = ["aria-hidden"], p = `<g clip-path="url(#clip0_1_2286)">
       default: !1
     }
   },
-  setup(i) {
-    const e = i, n = 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, n = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), a = d(() => {
+      if (n(t.size))
+        return t.size;
+      if (typeof t.size == "number" && t.size > 0)
+        return `${t.size}px`;
+      if (typeof t.size == "string") {
+        const r = String(t.size).replace(/px/gi, ""), i = Number(r);
+        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
+          return `${i}px`;
       }
-      return c;
-    }), f = s(() => ({
+      return p;
+    }), u = d(() => ({
       boxSizing: "border-box",
-      color: e.color,
-      display: e.display,
+      color: t.color,
+      display: t.display,
       flexShrink: "0",
-      height: n.value,
+      height: a.value,
       lineHeight: "0",
-      width: n.value,
-      pointerEvents: e.decorative ? "none" : void 0
-    })), u = (r) => {
-      const t = {}, m = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (a, l) => {
-        const o = `${m}-${l}`;
-        return t[l] = o, `id="${o}"`;
-      }).replace(/#([^\s^")]+)/g, (a, l) => t[l] ? `#${t[l]}` : a);
-    }, g = {
+      width: a.value,
+      pointerEvents: t.decorative ? "none" : void 0
+    })), g = (r) => {
+      const i = {}, v = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (l, s) => {
+        const o = `${v}-${s}`;
+        return i[s] = o, `id="${o}"`;
+      }).replace(/#([^\s^")]+)/g, (l, s) => i[s] ? `#${i[s]}` : l);
+    }, h = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, h = (r) => r.replace(/[<>"'&]/g, (t) => g[t]), C = `${e.title ? `<title data-testid="kui-icon-svg-title">${h(e.title)}</title>` : ""}${e.staticIds ? p : u(p)}`;
-    return (r, t) => (d(), S(b(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
+    }, C = (r) => r.replace(/[<>"'&]/g, (i) => h[i]), m = `${t.title ? `<title data-testid="kui-icon-svg-title">${C(t.title)}</title>` : ""}${t.staticIds ? f : g(f)}`;
+    return (r, i) => (c(), y(b(e.as), {
+      "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon flag-bn-icon",
       "data-testid": "kui-icon-wrapper-flag-bn-icon",
-      style: y(f.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: x(u.value),
+      tabindex: e.decorative ? "-1" : void 0
     }, {
-      default: x(() => [
-        (d(), H("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+      default: H(() => [
+        (c(), w("svg", {
+          "aria-hidden": e.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-flag-bn-icon",
           fill: "none",
           height: "100%",
@@ -125,7 +127,7 @@ const M = ["aria-hidden"], p = `<g clip-path="url(#clip0_1_2286)">
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: C
+          innerHTML: m
         }, null, 8, M))
       ]),
       _: 1

package/dist/kong-icons.es540.js

@@ -1,6 +1,6 @@
-import { defineComponent as m, computed as s, openBlock as d, createBlock as S, resolveDynamicComponent as x, normalizeStyle as B, withCtx as y, createElementBlock as M } from "vue";
-import { KUI_ICON_SIZE_50 as C } from "./kong-icons.es1640.js";
-const Z = ["aria-hidden"], c = `<path d="M6 11.6719C5.5875 11.6719 5.25 11.3344 5.25 10.9219V6C5.25 5.5875 5.5875 5.25 6 5.25C6.4125 5.25 6.75 5.5875 6.75 6V10.9219C6.75 11.3344 6.4125 11.6719 6 11.6719Z" fill="#EA4335"/>
+import { defineComponent as S, computed as C, openBlock as d, createBlock as y, resolveDynamicComponent as x, normalizeStyle as B, withCtx as M, createElementBlock as Z } from "vue";
+import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1640.js";
+const b = ["aria-hidden"], p = `<path d="M6 11.6719C5.5875 11.6719 5.25 11.3344 5.25 10.9219V6C5.25 5.5875 5.5875 5.25 6 5.25C6.4125 5.25 6.75 5.5875 6.75 6V10.9219C6.75 11.3344 6.4125 11.6719 6 11.6719Z" fill="#EA4335"/>
 <path d="M12 21.75C11.8594 21.75 11.7188 21.7125 11.5969 21.6328L3.34688 16.3828C2.99532 16.1625 2.89219 15.6984 3.11719 15.3469C3.34219 14.9953 3.80157 14.8969 4.15313 15.1172L12 20.1094L19.8469 15.1172C20.1984 14.8969 20.6578 15 20.8828 15.3469C21.1031 15.6984 21 16.1578 20.6531 16.3828L12.4031 21.6328C12.2813 21.7125 12.1406 21.75 12 21.75Z" fill="#FBBC04"/>
 <path d="M12 18.4687C11.5875 18.4687 11.25 18.1312 11.25 17.7187V14.2922C11.25 13.8797 11.5875 13.5422 12 13.5422C12.4125 13.5422 12.75 13.8797 12.75 14.2922V17.7187C12.75 18.1312 12.4125 18.4687 12 18.4687Z" fill="#34A853"/>
 <path d="M6 3.75C6.41421 3.75 6.75 3.41421 6.75 3C6.75 2.58579 6.41421 2.25 6 2.25C5.58579 2.25 5.25 2.58579 5.25 3C5.25 3.41421 5.58579 3.75 6 3.75Z" fill="#EA4335"/>
@@ -15,7 +15,7 @@ const Z = ["aria-hidden"], c = `<path d="M6 11.6719C5.5875 11.6719 5.25 11.3344
 <path d="M15 16.5469C15.4142 16.5469 15.75 16.2111 15.75 15.7969C15.75 15.3827 15.4142 15.0469 15 15.0469C14.5858 15.0469 14.25 15.3827 14.25 15.7969C14.25 16.2111 14.5858 16.5469 15 16.5469Z" fill="#FBBC04"/>
 <path d="M9 10.5469C8.5875 10.5469 8.25 10.2094 8.25 9.79688V4.96875C8.25 4.55625 8.5875 4.21875 9 4.21875C9.4125 4.21875 9.75 4.55625 9.75 4.96875V9.79688C9.75 10.2094 9.4125 10.5469 9 10.5469Z" fill="#FBBC04"/>
 <path d="M9 13.5469C9.41421 13.5469 9.75 13.2111 9.75 12.7969C9.75 12.3827 9.41421 12.0469 9 12.0469C8.58579 12.0469 8.25 12.3827 8.25 12.7969C8.25 13.2111 8.58579 13.5469 9 13.5469Z" fill="#FBBC04"/>
-<path d="M9 16.5469C9.41421 16.5469 9.75 16.2111 9.75 15.7969C9.75 15.3827 9.41421 15.0469 9 15.0469C8.58579 15.0469 8.25 15.3827 8.25 15.7969C8.25 16.2111 8.58579 16.5469 9 16.5469Z" fill="#FBBC04"/>`, k = /* @__PURE__ */ m({
+<path d="M9 16.5469C9.41421 16.5469 9.75 16.2111 9.75 15.7969C9.75 15.3827 9.41421 15.0469 9 15.0469C8.58579 15.0469 8.25 15.3827 8.25 15.7969C8.25 16.2111 8.58579 16.5469 9 16.5469Z" fill="#FBBC04"/>`, k = /* @__PURE__ */ S({
   __name: "GoogleVertexIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -46,14 +46,14 @@ const Z = ["aria-hidden"], c = `<path d="M6 11.6719C5.5875 11.6719 5.25 11.3344
     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;
@@ -75,48 +75,50 @@ const Z = ["aria-hidden"], c = `<path d="M6 11.6719C5.5875 11.6719 5.25 11.3344
       default: !1
     }
   },
-  setup(i) {
-    const e = i, r = s(() => {
+  setup(t) {
+    const e = t, n = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), s = 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;
-    }), p = s(() => ({
+      return c;
+    }), f = C(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
       flexShrink: "0",
-      height: r.value,
+      height: s.value,
       lineHeight: "0",
-      width: r.value,
+      width: s.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), f = (n) => {
-      const t = {}, v = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (o, l) => {
-        const a = `${v}-${l}`;
-        return t[l] = a, `id="${a}"`;
-      }).replace(/#([^\s^")]+)/g, (o, l) => t[l] ? `#${t[l]}` : o);
+    })), g = (r) => {
+      const i = {}, m = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (l, o) => {
+        const a = `${m}-${o}`;
+        return i[o] = a, `id="${a}"`;
+      }).replace(/#([^\s^")]+)/g, (l, o) => i[o] ? `#${i[o]}` : l);
     }, u = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, g = (n) => n.replace(/[<>"'&]/g, (t) => u[t]), h = `${e.title ? `<title data-testid="kui-icon-svg-title">${g(e.title)}</title>` : ""}${e.staticIds ? c : f(c)}`;
-    return (n, t) => (d(), S(x(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
+    }, h = (r) => r.replace(/[<>"'&]/g, (i) => u[i]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${h(e.title)}</title>` : ""}${e.staticIds ? p : g(p)}`;
+    return (r, i) => (d(), y(x(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon google-vertex-icon",
       "data-testid": "kui-icon-wrapper-google-vertex-icon",
-      style: B(p.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: B(f.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
-      default: y(() => [
-        (d(), M("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+      default: M(() => [
+        (d(), Z("svg", {
+          "aria-hidden": t.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-google-vertex-icon",
           fill: "none",
           height: "100%",
@@ -124,8 +126,8 @@ const Z = ["aria-hidden"], c = `<path d="M6 11.6719C5.5875 11.6719 5.25 11.3344
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: h
-        }, null, 8, Z))
+          innerHTML: v
+        }, null, 8, b))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));