@kong/icons 1.55.0 → 1.55.1

package/dist/kong-icons.es58.js

@@ -1,6 +1,6 @@
-import { defineComponent as C, computed as l, openBlock as d, createBlock as S, resolveDynamicComponent as b, normalizeStyle as y, withCtx as x, 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_1415_3697)">
+import { defineComponent as S, 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 p } from "./kong-icons.es1640.js";
+const N = ["aria-hidden"], u = `<g clip-path="url(#clip0_1415_3697)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#6DA544"/>
 <path d="M11.9999 4.69556L21.913 11.9999L11.9999 19.3042L2.08691 11.9999L11.9999 4.69556Z" fill="#FFDA44"/>
 <path d="M12.0001 16.174C14.3052 16.174 16.174 14.3052 16.174 12.0001C16.174 9.69489 14.3052 7.82617 12.0001 7.82617C9.69489 7.82617 7.82617 9.69489 7.82617 12.0001C7.82617 14.3052 9.69489 16.174 12.0001 16.174Z" fill="#F0F0F0"/>
@@ -11,7 +11,7 @@ const z = ["aria-hidden"], u = `<g clip-path="url(#clip0_1415_3697)">
 <clipPath id="clip0_1415_3697">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
-</defs>`, M = /* @__PURE__ */ C({
+</defs>`, _ = /* @__PURE__ */ S({
   __name: "FlagBrIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -42,14 +42,14 @@ const z = ["aria-hidden"], u = `<g clip-path="url(#clip0_1415_3697)">
     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, ""), 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;
@@ -71,48 +71,50 @@ const z = ["aria-hidden"], u = `<g clip-path="url(#clip0_1415_3697)">
       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;
-    }), p = l(() => ({
+      return p;
+    }), f = 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
-    })), g = (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 = {
+    })), g = (r) => {
+      const i = {}, C = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (a, s) => {
+        const l = `${C}-${s}`;
+        return i[s] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (a, s) => i[s] ? `#${i[s]}` : a);
+    }, h = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, h = (n) => n.replace(/[<>"'&]/g, (t) => f[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${h(e.title)}</title>` : ""}${e.staticIds ? u : g(u)}`;
-    return (n, t) => (d(), S(b(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
+    }, m = (r) => r.replace(/[<>"'&]/g, (i) => h[i]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? u : g(u)}`;
+    return (r, i) => (c(), y(b(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon flag-br-icon",
       "data-testid": "kui-icon-wrapper-flag-br-icon",
-      style: y(p.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: x(f.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
-      default: x(() => [
-        (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-br-icon",
           fill: "none",
           height: "100%",
@@ -120,13 +122,13 @@ const z = ["aria-hidden"], u = `<g clip-path="url(#clip0_1415_3697)">
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: m
-        }, null, 8, z))
+          innerHTML: v
+        }, null, 8, N))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  M as default
+  _ as default
 };

package/dist/kong-icons.es580.js

@@ -1,6 +1,6 @@
-import { defineComponent as C, computed as d, openBlock as l, createBlock as h, resolveDynamicComponent as y, normalizeStyle as b, withCtx as x, createElementBlock as w } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1640.js";
-const z = ["aria-hidden"], u = '<path fill-rule="evenodd" clip-rule="evenodd" d="M12.08 1.27466C5.4302 1.27466 -0.00439453 6.64175 -0.00439453 13.2915C-0.00439453 16.5996 1.34582 19.8063 3.7762 22.0679C4.62008 22.878 5.93653 22.9455 6.88168 22.2367C9.91966 19.9751 14.1053 19.9751 17.1433 22.2367C18.0884 22.9455 19.4049 22.878 20.2488 22.0679C25.0758 17.4772 25.2783 9.8485 20.6876 5.02149C18.4597 2.65862 15.3205 1.30841 12.08 1.27466ZM12.0125 19.3337C8.77198 19.435 6.07155 16.8696 6.00404 13.6628C6.00404 13.5616 6.00404 13.4603 6.00404 13.359C6.00404 10.051 8.70446 7.35061 12.0125 7.35061C15.3205 7.35061 18.0209 10.051 18.0209 13.359C18.1222 16.5996 15.5568 19.2662 12.35 19.3675C12.215 19.3337 12.1137 19.3337 12.0125 19.3337Z" fill="#62D84E"/>', B = /* @__PURE__ */ C({
+import { defineComponent as y, computed as c, openBlock as l, createBlock as h, resolveDynamicComponent as b, normalizeStyle as w, withCtx as x, 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.08 1.27466C5.4302 1.27466 -0.00439453 6.64175 -0.00439453 13.2915C-0.00439453 16.5996 1.34582 19.8063 3.7762 22.0679C4.62008 22.878 5.93653 22.9455 6.88168 22.2367C9.91966 19.9751 14.1053 19.9751 17.1433 22.2367C18.0884 22.9455 19.4049 22.878 20.2488 22.0679C25.0758 17.4772 25.2783 9.8485 20.6876 5.02149C18.4597 2.65862 15.3205 1.30841 12.08 1.27466ZM12.0125 19.3337C8.77198 19.435 6.07155 16.8696 6.00404 13.6628C6.00404 13.5616 6.00404 13.4603 6.00404 13.359C6.00404 10.051 8.70446 7.35061 12.0125 7.35061C15.3205 7.35061 18.0209 10.051 18.0209 13.359C18.1222 16.5996 15.5568 19.2662 12.35 19.3675C12.215 19.3337 12.1137 19.3337 12.0125 19.3337Z" fill="#62D84E"/>', E = /* @__PURE__ */ y({
   __name: "ServicenowIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -31,13 +31,13 @@ const z = ["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 z = ["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 = 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 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 = c(() => ({
       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 = {}, C = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (a, s) => {
+        const d = `${C}-${s}`;
+        return i[s] = d, `id="${d}"`;
+      }).replace(/#([^\s^")]+)/g, (a, s) => i[s] ? `#${i[s]}` : a);
+    }, v = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, v = (r) => r.replace(/[<>"'&]/g, (t) => f[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${v(e.title)}</title>` : ""}${e.staticIds ? u : p(u)}`;
-    return (r, t) => (l(), h(y(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
+    }, m = (r) => r.replace(/[<>"'&]/g, (i) => v[i]), S = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? g : f(g)}`;
+    return (r, i) => (l(), h(b(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon servicenow-icon",
       "data-testid": "kui-icon-wrapper-servicenow-icon",
-      style: b(g.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: w(p.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
       default: x(() => [
-        (l(), w("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+        (l(), z("svg", {
+          "aria-hidden": t.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-servicenow-icon",
           fill: "none",
           height: "100%",
@@ -109,13 +111,13 @@ const z = ["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: m
-        }, null, 8, z))
+          innerHTML: S
+        }, null, 8, N))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  B as default
+  E as default
 };

package/dist/kong-icons.es582.js

@@ -1,13 +1,13 @@
-import { defineComponent as h, computed as l, openBlock as d, createBlock as S, resolveDynamicComponent as y, normalizeStyle as b, withCtx as x, createElementBlock as E } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1640.js";
-const k = ["aria-hidden"], u = `<path d="M6.20194 14.6384C6.20194 15.7948 5.25732 16.7394 4.10097 16.7394C2.94462 16.7394 2 15.7948 2 14.6384C2 13.4821 2.94462 12.5375 4.10097 12.5375H6.20194V14.6384Z" fill="#E01E5A"/>
+import { defineComponent as S, computed as d, openBlock as c, createBlock as y, resolveDynamicComponent as b, normalizeStyle as x, withCtx as E, createElementBlock as k } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kong-icons.es1640.js";
+const w = ["aria-hidden"], p = `<path d="M6.20194 14.6384C6.20194 15.7948 5.25732 16.7394 4.10097 16.7394C2.94462 16.7394 2 15.7948 2 14.6384C2 13.4821 2.94462 12.5375 4.10097 12.5375H6.20194V14.6384Z" fill="#E01E5A"/>
 <path d="M7.26025 14.6384C7.26025 13.4821 8.20488 12.5375 9.36122 12.5375C10.5176 12.5375 11.4622 13.4821 11.4622 14.6384V19.899C11.4622 21.0554 10.5176 22 9.36122 22C8.20488 22 7.26025 21.0554 7.26025 19.899V14.6384Z" fill="#E01E5A"/>
 <path d="M9.36122 6.202C8.20488 6.202 7.26025 5.25738 7.26025 4.10103C7.26025 2.94468 8.20488 2.00006 9.36122 2.00006C10.5176 2.00006 11.4622 2.94468 11.4622 4.10103V6.202H9.36122Z" fill="#36C5F0"/>
 <path d="M9.36153 7.26062C10.5179 7.26062 11.4625 8.20524 11.4625 9.36159C11.4625 10.5179 10.5179 11.4626 9.36153 11.4626H4.10097C2.94462 11.4626 2 10.5179 2 9.36159C2 8.20524 2.94462 7.26062 4.10097 7.26062H9.36153Z" fill="#36C5F0"/>
 <path d="M17.7979 9.36159C17.7979 8.20524 18.7425 7.26062 19.8988 7.26062C21.0552 7.26062 21.9998 8.20524 21.9998 9.36159C21.9998 10.5179 21.0552 11.4626 19.8988 11.4626H17.7979V9.36159Z" fill="#2EB67D"/>
 <path d="M16.7395 9.36159C16.7395 10.5179 15.7949 11.4626 14.6386 11.4626C13.4822 11.4626 12.5376 10.5179 12.5376 9.36159V4.10103C12.5376 2.94468 13.4822 2.00006 14.6386 2.00006C15.7949 2.00006 16.7395 2.94468 16.7395 4.10103V9.36159Z" fill="#2EB67D"/>
 <path d="M14.6386 17.7981C15.7949 17.7981 16.7395 18.7427 16.7395 19.8991C16.7395 21.0554 15.7949 22 14.6386 22C13.4822 22 12.5376 21.0554 12.5376 19.8991V17.7981H14.6386Z" fill="#ECB22E"/>
-<path d="M14.6386 16.7394C13.4822 16.7394 12.5376 15.7948 12.5376 14.6384C12.5376 13.4821 13.4822 12.5375 14.6386 12.5375H19.8991C21.0555 12.5375 22.0001 13.4821 22.0001 14.6384C22.0001 15.7948 21.0555 16.7394 19.8991 16.7394H14.6386Z" fill="#ECB22E"/>`, B = /* @__PURE__ */ h({
+<path d="M14.6386 16.7394C13.4822 16.7394 12.5376 15.7948 12.5376 14.6384C12.5376 13.4821 13.4822 12.5375 14.6386 12.5375H19.8991C21.0555 12.5375 22.0001 13.4821 22.0001 14.6384C22.0001 15.7948 21.0555 16.7394 19.8991 16.7394H14.6386Z" fill="#ECB22E"/>`, B = /* @__PURE__ */ S({
   __name: "SlackIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -38,13 +38,13 @@ const k = ["aria-hidden"], u = `<path d="M6.20194 14.6384C6.20194 15.7948 5.2573
     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;
         }
@@ -67,48 +67,50 @@ const k = ["aria-hidden"], u = `<path d="M6.20194 14.6384C6.20194 15.7948 5.2573
       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;
-    }), p = l(() => ({
+      return u;
+    }), f = 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
-    })), f = (r) => {
-      const t = {}, v = Math.random().toString(36).substring(2, 12);
-      return r.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);
-    }, g = {
+    })), g = (r) => {
+      const i = {}, h = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (a, s) => {
+        const l = `${h}-${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) => g[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${C(e.title)}</title>` : ""}${e.staticIds ? u : f(u)}`;
-    return (r, t) => (d(), S(y(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
+    }, m = (r) => r.replace(/[<>"'&]/g, (i) => C[i]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? p : g(p)}`;
+    return (r, i) => (c(), y(b(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon slack-icon",
       "data-testid": "kui-icon-wrapper-slack-icon",
-      style: b(p.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: x(f.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
-      default: x(() => [
-        (d(), E("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+      default: E(() => [
+        (c(), k("svg", {
+          "aria-hidden": t.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-slack-icon",
           fill: "none",
           height: "100%",
@@ -116,8 +118,8 @@ const k = ["aria-hidden"], u = `<path d="M6.20194 14.6384C6.20194 15.7948 5.2573
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: m
-        }, null, 8, k))
+          innerHTML: v
+        }, null, 8, w))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));

package/dist/kong-icons.es584.js

@@ -1,6 +1,6 @@
-import { defineComponent as m, computed as o, openBlock as d, createBlock as M, resolveDynamicComponent as v, normalizeStyle as S, withCtx as Z, createElementBlock as H } from "vue";
-import { KUI_ICON_SIZE_50 as s } from "./kong-icons.es1640.js";
-const y = ["aria-hidden"], p = `<path d="M17.5872 6.35028H6.44824C6.44824 5.65408 7.45508 3.54963 9.46875 0.0369263C9.46875 0.0369263 9.74756 1.88952 10.3052 5.5947L13.7082 5.59479L14.5434 0.0369263C16.5726 3.59621 17.5872 5.70066 17.5872 6.35028Z" fill="white"/>
+import { defineComponent as v, computed as o, openBlock as d, createBlock as M, resolveDynamicComponent as S, normalizeStyle as Z, withCtx as y, createElementBlock as H } from "vue";
+import { KUI_ICON_SIZE_50 as p } from "./kong-icons.es1640.js";
+const w = ["aria-hidden"], c = `<path d="M17.5872 6.35028H6.44824C6.44824 5.65408 7.45508 3.54963 9.46875 0.0369263C9.46875 0.0369263 9.74756 1.88952 10.3052 5.5947L13.7082 5.59479L14.5434 0.0369263C16.5726 3.59621 17.5872 5.70066 17.5872 6.35028Z" fill="white"/>
 <path d="M12.0007 23.963L4.42676 18.6634V6.29438C4.42676 6.29438 7.22709 5.26239 12.0104 5.26239C16.7938 5.26239 19.5736 6.29438 19.5736 6.29438V18.6634L12.0007 23.963Z" fill="white"/>
 <path d="M12.0007 23.2181L4.91064 18.2778V6.79085C4.91064 6.79085 7.56203 5.83246 12.0007 5.83246V23.2181Z" fill="#DBDBDB"/>
 <path d="M12.0101 5.83246C12.0069 5.83246 12.0038 5.83256 12.0005 5.83246V23.2035H12.0006L19.0283 18.2775V6.79085C19.0283 6.79085 16.4488 5.83246 12.0101 5.83246Z" fill="#C6C6C6"/>
@@ -23,7 +23,7 @@ const y = ["aria-hidden"], p = `<path d="M17.5872 6.35028H6.44824C6.44824 5.6540
 <path d="M11.091 11.6516C10.9608 11.4914 10.4692 10.9503 9.78584 10.9503C9.03015 10.9503 9.59547 11.58 9.66167 11.6516H11.091Z" fill="#D8B7A0"/>
 <path d="M7.45654 7.39821C7.50145 6.78037 8.1562 5.30004 8.78076 4.05249L8.94723 5.19316C8.88374 5.61965 8.59357 7.29227 7.81523 8.34658L7.45654 7.39821Z" fill="#D8B7A0"/>
 <path d="M15.0835 5.10429L15.2369 4.05255C15.8614 5.30001 16.5165 6.78043 16.5614 7.39827L16.2111 8.32412C15.3702 7.1635 15.1063 5.27673 15.0835 5.10429Z" fill="#C49A7E"/>
-<path d="M11.4257 17.6605C11.1324 17.442 10.8315 17.1663 10.8315 16.9549C10.8315 16.816 11.0817 16.3879 11.0817 16.3879H12.9421C12.9421 16.3879 13.1861 16.7674 13.1861 16.9549C13.1861 17.1518 12.8824 17.4198 12.5794 17.6383C12.4763 17.464 12.345 17.4337 12.2844 17.5711C12.2531 17.6423 12.2469 17.7448 12.2622 17.8521C12.0972 17.9568 11.9766 18.0242 11.9766 18.0242C11.9766 18.0242 11.8835 17.9708 11.7503 17.8848C11.7718 17.7659 11.7677 17.6495 11.7331 17.5711C11.6719 17.4318 11.5381 17.4648 11.4341 17.6454C11.4313 17.6504 11.4285 17.6554 11.4257 17.6605Z" fill="#333152"/>`, k = /* @__PURE__ */ m({
+<path d="M11.4257 17.6605C11.1324 17.442 10.8315 17.1663 10.8315 16.9549C10.8315 16.816 11.0817 16.3879 11.0817 16.3879H12.9421C12.9421 16.3879 13.1861 16.7674 13.1861 16.9549C13.1861 17.1518 12.8824 17.4198 12.5794 17.6383C12.4763 17.464 12.345 17.4337 12.2844 17.5711C12.2531 17.6423 12.2469 17.7448 12.2622 17.8521C12.0972 17.9568 11.9766 18.0242 11.9766 18.0242C11.9766 18.0242 11.8835 17.9708 11.7503 17.8848C11.7718 17.7659 11.7677 17.6495 11.7331 17.5711C11.6719 17.4318 11.5381 17.4648 11.4341 17.6454C11.4313 17.6504 11.4285 17.6554 11.4257 17.6605Z" fill="#333152"/>`, z = /* @__PURE__ */ v({
   __name: "SnykIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -54,14 +54,14 @@ const y = ["aria-hidden"], p = `<path d="M17.5872 6.35028H6.44824C6.44824 5.6540
     size: {
       type: [Number, String],
       required: !1,
-      default: s,
+      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 t = String(i).replace(/px/gi, ""), C = Number(t);
-          if (C && !isNaN(C) && Number.isInteger(C) && C > 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;
@@ -83,48 +83,50 @@ const y = ["aria-hidden"], p = `<path d="M17.5872 6.35028H6.44824C6.44824 5.6540
       default: !1
     }
   },
-  setup(i) {
-    const t = i, C = o(() => {
+  setup(e) {
+    const t = e, r = (C) => typeof C == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(C), l = o(() => {
+      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 n = String(t.size).replace(/px/gi, ""), e = Number(n);
-        if (e && !isNaN(e) && Number.isInteger(e) && e > 0)
-          return `${e}px`;
+        const C = String(t.size).replace(/px/gi, ""), i = Number(C);
+        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
+          return `${i}px`;
       }
-      return s;
-    }), c = o(() => ({
+      return p;
+    }), f = o(() => ({
       boxSizing: "border-box",
       color: t.color,
       display: t.display,
       flexShrink: "0",
-      height: C.value,
+      height: l.value,
       lineHeight: "0",
-      width: C.value,
+      width: l.value,
       pointerEvents: t.decorative ? "none" : void 0
-    })), f = (n) => {
-      const e = {}, g = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (r, l) => {
-        const a = `${g}-${l}`;
-        return e[l] = a, `id="${a}"`;
-      }).replace(/#([^\s^")]+)/g, (r, l) => e[l] ? `#${e[l]}` : r);
-    }, L = {
+    })), L = (C) => {
+      const i = {}, m = Math.random().toString(36).substring(2, 12);
+      return C.replace(/id="([^"]+)"/g, (s, n) => {
+        const a = `${m}-${n}`;
+        return i[n] = a, `id="${a}"`;
+      }).replace(/#([^\s^")]+)/g, (s, n) => i[n] ? `#${i[n]}` : s);
+    }, u = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, u = (n) => n.replace(/[<>"'&]/g, (e) => L[e]), h = `${t.title ? `<title data-testid="kui-icon-svg-title">${u(t.title)}</title>` : ""}${t.staticIds ? p : f(p)}`;
-    return (n, e) => (d(), M(v(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
+    }, h = (C) => C.replace(/[<>"'&]/g, (i) => u[i]), g = `${t.title ? `<title data-testid="kui-icon-svg-title">${h(t.title)}</title>` : ""}${t.staticIds ? c : L(c)}`;
+    return (C, i) => (d(), M(S(e.as), {
+      "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon snyk-icon",
       "data-testid": "kui-icon-wrapper-snyk-icon",
-      style: S(c.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: Z(f.value),
+      tabindex: e.decorative ? "-1" : void 0
     }, {
-      default: Z(() => [
+      default: y(() => [
         (d(), H("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+          "aria-hidden": e.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-snyk-icon",
           fill: "none",
           height: "100%",
@@ -132,13 +134,13 @@ const y = ["aria-hidden"], p = `<path d="M17.5872 6.35028H6.44824C6.44824 5.6540
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: h
-        }, null, 8, y))
+          innerHTML: g
+        }, null, 8, w))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  k as default
+  z as default
 };