@kong/icons 1.55.0 → 1.55.1

package/dist/kong-icons.es504.js

@@ -1,6 +1,6 @@
-import { defineComponent as h, computed as d, openBlock as l, createBlock as y, resolveDynamicComponent as b, normalizeStyle as x, withCtx as z, createElementBlock as N } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1640.js";
-const L = ["aria-hidden"], u = '<path d="M22.5 5.433V18.201L17.25 22.5L9.1125 19.5375V22.4745L4.506 16.455L17.9325 17.505V6.0075L22.5 5.433ZM18.024 6.075L10.491 1.5V4.5015L3.573 6.534L1.5 9.195V15.2385L4.467 16.548V8.8035L18.024 6.075Z" fill="#0078D6"/>', q = /* @__PURE__ */ h({
+import { defineComponent as h, computed as c, openBlock as l, createBlock as b, resolveDynamicComponent as x, normalizeStyle as z, withCtx as w, createElementBlock as N } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kong-icons.es1640.js";
+const L = ["aria-hidden"], p = '<path d="M22.5 5.433V18.201L17.25 22.5L9.1125 19.5375V22.4745L4.506 16.455L17.9325 17.505V6.0075L22.5 5.433ZM18.024 6.075L10.491 1.5V4.5015L3.573 6.534L1.5 9.195V15.2385L4.467 16.548V8.8035L18.024 6.075Z" fill="#0078D6"/>', B = /* @__PURE__ */ h({
   __name: "AzureDevopsIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -31,14 +31,14 @@ const L = ["aria-hidden"], u = '<path d="M22.5 5.433V18.201L17.25 22.5L9.1125 19
     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;
@@ -60,48 +60,50 @@ const L = ["aria-hidden"], u = '<path d="M22.5 5.433V18.201L17.25 22.5L9.1125 19
       default: !1
     }
   },
-  setup(i) {
-    const e = i, r = 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 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 = d(() => ({
+      return u;
+    }), g = c(() => ({
       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 = {}, S = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (s, o) => {
-        const a = `${S}-${o}`;
-        return t[o] = a, `id="${a}"`;
-      }).replace(/#([^\s^")]+)/g, (s, o) => t[o] ? `#${t[o]}` : s);
-    }, f = {
+    })), f = (r) => {
+      const i = {}, y = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (a, s) => {
+        const d = `${y}-${s}`;
+        return i[s] = d, `id="${d}"`;
+      }).replace(/#([^\s^")]+)/g, (a, s) => i[s] ? `#${i[s]}` : a);
+    }, v = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, v = (n) => n.replace(/[<>"'&]/g, (t) => f[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${v(e.title)}</title>` : ""}${e.staticIds ? u : g(u)}`;
-    return (n, t) => (l(), y(b(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 ? p : f(p)}`;
+    return (r, i) => (l(), b(x(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon azure-devops-icon",
       "data-testid": "kui-icon-wrapper-azure-devops-icon",
-      style: x(p.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: z(g.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
-      default: z(() => [
+      default: w(() => [
         (l(), N("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+          "aria-hidden": t.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-azure-devops-icon",
           fill: "none",
           height: "100%",
@@ -109,7 +111,7 @@ const L = ["aria-hidden"], u = '<path d="M22.5 5.433V18.201L17.25 22.5L9.1125 19
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: m
+          innerHTML: S
         }, null, 8, L))
       ]),
       _: 1
@@ -117,5 +119,5 @@ const L = ["aria-hidden"], u = '<path d="M22.5 5.433V18.201L17.25 22.5L9.1125 19
   }
 });
 export {
-  q as default
+  B as default
 };

package/dist/kong-icons.es506.js

@@ -1,6 +1,6 @@
-import { defineComponent as v, computed as l, openBlock as d, createBlock as S, resolveDynamicComponent as h, normalizeStyle as x, withCtx as _, createElementBlock as b } from "vue";
-import { KUI_ICON_SIZE_50 as p } from "./kong-icons.es1640.js";
-const z = ["aria-hidden"], c = `<path d="M8.8651 2.00024H14.9587L8.63295 21.3186C8.56793 21.5171 8.44415 21.6896 8.27904 21.8118C8.11392 21.934 7.91578 21.9997 7.71251 21.9998H2.97016C2.81615 21.9998 2.66434 21.962 2.52731 21.8896C2.39027 21.8171 2.27194 21.7121 2.18211 21.5831C2.09228 21.4542 2.03352 21.305 2.0107 21.1481C1.98789 20.9911 2.00167 20.8307 2.0509 20.6803L7.94443 2.68144C8.00942 2.48284 8.13322 2.31027 8.29838 2.18802C8.46355 2.06577 8.66176 2.00025 8.8651 2.00024Z" fill="url(#paint0_linear_321_21552)"/>
+import { defineComponent as S, computed as d, openBlock as p, createBlock as h, resolveDynamicComponent as x, normalizeStyle as _, withCtx as b, createElementBlock as z } from "vue";
+import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1640.js";
+const L = ["aria-hidden"], u = `<path d="M8.8651 2.00024H14.9587L8.63295 21.3186C8.56793 21.5171 8.44415 21.6896 8.27904 21.8118C8.11392 21.934 7.91578 21.9997 7.71251 21.9998H2.97016C2.81615 21.9998 2.66434 21.962 2.52731 21.8896C2.39027 21.8171 2.27194 21.7121 2.18211 21.5831C2.09228 21.4542 2.03352 21.305 2.0107 21.1481C1.98789 20.9911 2.00167 20.8307 2.0509 20.6803L7.94443 2.68144C8.00942 2.48284 8.13322 2.31027 8.29838 2.18802C8.46355 2.06577 8.66176 2.00025 8.8651 2.00024Z" fill="url(#paint0_linear_321_21552)"/>
 <path d="M17.7201 14.9576H8.0571C7.96726 14.9575 7.87948 14.9853 7.80518 15.0374C7.73088 15.0894 7.67352 15.1633 7.64056 15.2495C7.6076 15.3356 7.60058 15.43 7.6204 15.5203C7.64022 15.6106 7.68597 15.6927 7.75169 15.7558L13.9609 21.7293C14.1417 21.9031 14.3798 21.9998 14.627 21.9997H20.0986L17.7201 14.9576Z" fill="#0078D4"/>
 <path d="M8.86533 2.00025C8.65977 1.99944 8.45934 2.06639 8.29332 2.19133C8.12731 2.31627 8.0044 2.49266 7.94255 2.69471L2.05838 20.6639C2.00583 20.8149 1.98934 20.9767 2.01028 21.1356C2.03123 21.2945 2.08901 21.4459 2.17872 21.5769C2.26844 21.708 2.38745 21.8148 2.5257 21.8884C2.66395 21.962 2.81736 22.0002 2.97296 21.9998H7.83771C8.01889 21.9664 8.18824 21.8841 8.32844 21.7612C8.46865 21.6383 8.5747 21.4792 8.63575 21.3003L9.80916 17.7358L14.0006 21.7653C14.1763 21.9151 14.3966 21.9979 14.6245 21.9998H20.0758L17.6849 14.9577L10.7153 14.9594L14.981 2.00025H8.86533Z" fill="url(#paint1_linear_321_21552)"/>
 <path d="M16.6485 2.68054C16.5836 2.48226 16.46 2.30998 16.2951 2.18794C16.1302 2.06591 15.9323 2.00028 15.7293 2.00031H8.93799C9.141 2.00032 9.33889 2.06596 9.50379 2.18799C9.6687 2.31002 9.79233 2.48228 9.85725 2.68054L15.751 20.6801C15.8003 20.8306 15.8141 20.991 15.7913 21.148C15.7685 21.305 15.7098 21.4542 15.6199 21.5832C15.5301 21.7122 15.4118 21.8173 15.2747 21.8898C15.1376 21.9623 14.9858 22.0001 14.8318 22.0001H21.6233C21.7773 22 21.9291 21.9622 22.0661 21.8897C22.2032 21.8172 22.3215 21.7121 22.4113 21.5831C22.5011 21.4541 22.5598 21.3049 22.5826 21.1479C22.6054 20.9909 22.5916 20.8306 22.5423 20.6801L16.6485 2.68054Z" fill="url(#paint2_linear_321_21552)"/>
@@ -20,7 +20,7 @@ const z = ["aria-hidden"], c = `<path d="M8.8651 2.00024H14.9587L8.63295 21.3186
 <stop stop-color="#3CCBF4"/>
 <stop offset="1" stop-color="#2892DF"/>
 </linearGradient>
-</defs>`, B = /* @__PURE__ */ v({
+</defs>`, B = /* @__PURE__ */ S({
   __name: "AzureIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -51,14 +51,14 @@ const z = ["aria-hidden"], c = `<path d="M8.8651 2.00024H14.9587L8.63295 21.3186
     size: {
       type: [Number, String],
       required: !1,
-      default: p,
+      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;
@@ -80,48 +80,50 @@ const z = ["aria-hidden"], c = `<path d="M8.8651 2.00024H14.9587L8.63295 21.3186
       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 p;
-    }), u = l(() => ({
+      return c;
+    }), 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
-    })), f = (n) => {
-      const t = {}, y = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (a, o) => {
-        const s = `${y}-${o}`;
-        return t[o] = s, `id="${s}"`;
-      }).replace(/#([^\s^")]+)/g, (a, o) => t[o] ? `#${t[o]}` : a);
+    })), g = (r) => {
+      const i = {}, v = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (a, s) => {
+        const l = `${v}-${s}`;
+        return i[s] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (a, s) => i[s] ? `#${i[s]}` : a);
     }, C = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, g = (n) => n.replace(/[<>"'&]/g, (t) => C[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${g(e.title)}</title>` : ""}${e.staticIds ? c : f(c)}`;
-    return (n, t) => (d(), S(h(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
+    }, y = (r) => r.replace(/[<>"'&]/g, (i) => C[i]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${y(e.title)}</title>` : ""}${e.staticIds ? u : g(u)}`;
+    return (r, i) => (p(), h(x(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon azure-icon",
       "data-testid": "kui-icon-wrapper-azure-icon",
-      style: x(u.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: _(f.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
-      default: _(() => [
-        (d(), b("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+      default: b(() => [
+        (p(), z("svg", {
+          "aria-hidden": t.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-azure-icon",
           fill: "none",
           height: "100%",
@@ -130,7 +132,7 @@ const z = ["aria-hidden"], c = `<path d="M8.8651 2.00024H14.9587L8.63295 21.3186
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
           innerHTML: m
-        }, null, 8, z))
+        }, null, 8, L))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));

package/dist/kong-icons.es508.js

@@ -1,7 +1,7 @@
-import { defineComponent as S, computed as l, openBlock as d, createBlock as b, resolveDynamicComponent as h, normalizeStyle as y, withCtx as x, createElementBlock as z } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1640.js";
-const N = ["aria-hidden"], C = `<path d="M12.6797 2.00024C14.3664 1.98836 16.0773 2.39263 17.6572 3.22485L16.6357 5.16333C15.3765 4.49751 14.0219 4.18872 12.6914 4.18872C11.171 4.1888 9.67383 4.59269 8.36719 5.36548C7.06058 6.1265 5.94384 7.24424 5.18359 8.68286C4.5065 9.93133 4.19826 11.275 4.19824 12.6067C4.19824 14.1168 4.60182 15.6153 5.37402 16.9114C6.14617 18.2074 7.27452 19.3135 8.71191 20.0745L7.69043 22.0002C5.88478 21.049 4.45947 19.6577 3.48535 18.0168C2.51123 16.3878 2 14.5092 2 12.6067C2.00002 10.9421 2.40383 9.24177 3.23535 7.6604C4.18569 5.86492 5.59985 4.43802 7.23926 3.47485C8.87852 2.51181 10.7672 2.00029 12.6797 2.00024ZM12.8223 7.1604C11.7057 7.16046 10.6719 7.50555 9.80469 8.08813C8.93764 8.67072 8.24859 9.5031 7.84473 10.4661C7.5715 11.1082 7.41699 11.8224 7.41699 12.5715C7.41709 13.689 7.76182 14.7232 8.34375 15.5911C8.92581 16.459 9.74567 17.1487 10.7197 17.553C11.3611 17.8264 12.0739 17.9816 12.8223 17.9817V20.1692C11.2424 20.1691 9.78098 19.6935 8.56934 18.885C7.35781 18.0647 6.39556 16.9114 5.81348 15.5442C5.43335 14.6287 5.21977 13.6295 5.21973 12.5833C5.21973 11.0138 5.69494 9.53936 6.52637 8.3147C7.346 7.10193 8.49824 6.15028 9.86426 5.56763C10.7789 5.18717 11.777 4.97294 12.8223 4.9729V7.1604Z" fill="#F05A28"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M14.6043 10.8469C14.3549 10.5853 14.0816 10.3712 13.8084 10.2167C13.5352 10.0621 13.25 9.97887 12.9531 9.97887C12.5491 9.97887 12.2047 10.0502 11.8839 10.1929C11.575 10.3356 11.3018 10.5258 11.0761 10.7755C10.8504 11.0133 10.684 11.2987 10.5653 11.6079C10.4464 11.917 10.3989 12.25 10.3989 12.5829C10.3989 12.9158 10.4583 13.2488 10.5653 13.5579C10.684 13.8671 10.8504 14.1525 11.0761 14.3903C11.3018 14.6281 11.5632 14.8302 11.8839 14.9729C12.1928 15.1156 12.5491 15.1869 12.9531 15.1869C13.2857 15.1869 13.6064 15.1156 13.8915 14.9848C14.1767 14.8421 14.4261 14.64 14.6281 14.3784L16.0774 15.9361C15.8636 16.1501 15.6141 16.3403 15.329 16.4949C15.0439 16.6495 14.7588 16.7803 14.4736 16.8754C14.1885 16.9705 13.9034 17.0419 13.6421 17.0776C13.3807 17.1251 13.1432 17.137 12.9531 17.137C12.2997 17.137 11.6819 17.03 11.1117 16.816C10.5296 16.6019 10.0307 16.2928 9.61488 15.8885C9.18719 15.4961 8.85456 15.0086 8.60509 14.4497C8.35563 13.8909 8.23682 13.2607 8.23682 12.5829C8.23682 11.8932 8.35563 11.2749 8.60509 10.7161C8.85456 10.1572 9.18719 9.68159 9.61488 9.2773C10.0426 8.88492 10.5415 8.57576 11.1117 8.34985C11.6938 8.13582 12.3115 8.02881 12.9531 8.02881C13.5114 8.02881 14.0697 8.13582 14.6281 8.34985C15.1864 8.56388 15.6854 8.8968 16.1012 9.34867L14.6043 10.8469Z" fill="black"/>`, B = /* @__PURE__ */ S({
+import { defineComponent as b, computed as l, openBlock as c, createBlock as h, resolveDynamicComponent as y, normalizeStyle as x, withCtx as w, createElementBlock as z } from "vue";
+import { KUI_ICON_SIZE_50 as C } from "./kong-icons.es1640.js";
+const N = ["aria-hidden"], u = `<path d="M12.6797 2.00024C14.3664 1.98836 16.0773 2.39263 17.6572 3.22485L16.6357 5.16333C15.3765 4.49751 14.0219 4.18872 12.6914 4.18872C11.171 4.1888 9.67383 4.59269 8.36719 5.36548C7.06058 6.1265 5.94384 7.24424 5.18359 8.68286C4.5065 9.93133 4.19826 11.275 4.19824 12.6067C4.19824 14.1168 4.60182 15.6153 5.37402 16.9114C6.14617 18.2074 7.27452 19.3135 8.71191 20.0745L7.69043 22.0002C5.88478 21.049 4.45947 19.6577 3.48535 18.0168C2.51123 16.3878 2 14.5092 2 12.6067C2.00002 10.9421 2.40383 9.24177 3.23535 7.6604C4.18569 5.86492 5.59985 4.43802 7.23926 3.47485C8.87852 2.51181 10.7672 2.00029 12.6797 2.00024ZM12.8223 7.1604C11.7057 7.16046 10.6719 7.50555 9.80469 8.08813C8.93764 8.67072 8.24859 9.5031 7.84473 10.4661C7.5715 11.1082 7.41699 11.8224 7.41699 12.5715C7.41709 13.689 7.76182 14.7232 8.34375 15.5911C8.92581 16.459 9.74567 17.1487 10.7197 17.553C11.3611 17.8264 12.0739 17.9816 12.8223 17.9817V20.1692C11.2424 20.1691 9.78098 19.6935 8.56934 18.885C7.35781 18.0647 6.39556 16.9114 5.81348 15.5442C5.43335 14.6287 5.21977 13.6295 5.21973 12.5833C5.21973 11.0138 5.69494 9.53936 6.52637 8.3147C7.346 7.10193 8.49824 6.15028 9.86426 5.56763C10.7789 5.18717 11.777 4.97294 12.8223 4.9729V7.1604Z" fill="#F05A28"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.6043 10.8469C14.3549 10.5853 14.0816 10.3712 13.8084 10.2167C13.5352 10.0621 13.25 9.97887 12.9531 9.97887C12.5491 9.97887 12.2047 10.0502 11.8839 10.1929C11.575 10.3356 11.3018 10.5258 11.0761 10.7755C10.8504 11.0133 10.684 11.2987 10.5653 11.6079C10.4464 11.917 10.3989 12.25 10.3989 12.5829C10.3989 12.9158 10.4583 13.2488 10.5653 13.5579C10.684 13.8671 10.8504 14.1525 11.0761 14.3903C11.3018 14.6281 11.5632 14.8302 11.8839 14.9729C12.1928 15.1156 12.5491 15.1869 12.9531 15.1869C13.2857 15.1869 13.6064 15.1156 13.8915 14.9848C14.1767 14.8421 14.4261 14.64 14.6281 14.3784L16.0774 15.9361C15.8636 16.1501 15.6141 16.3403 15.329 16.4949C15.0439 16.6495 14.7588 16.7803 14.4736 16.8754C14.1885 16.9705 13.9034 17.0419 13.6421 17.0776C13.3807 17.1251 13.1432 17.137 12.9531 17.137C12.2997 17.137 11.6819 17.03 11.1117 16.816C10.5296 16.6019 10.0307 16.2928 9.61488 15.8885C9.18719 15.4961 8.85456 15.0086 8.60509 14.4497C8.35563 13.8909 8.23682 13.2607 8.23682 12.5829C8.23682 11.8932 8.35563 11.2749 8.60509 10.7161C8.85456 10.1572 9.18719 9.68159 9.61488 9.2773C10.0426 8.88492 10.5415 8.57576 11.1117 8.34985C11.6938 8.13582 12.3115 8.02881 12.9531 8.02881C13.5114 8.02881 14.0697 8.13582 14.6281 8.34985C15.1864 8.56388 15.6854 8.8968 16.1012 9.34867L14.6043 10.8469Z" fill="black"/>`, M = /* @__PURE__ */ b({
   __name: "CerebrasIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -32,14 +32,14 @@ const N = ["aria-hidden"], C = `<path d="M12.6797 2.00024C14.3664 1.98836 16.077
     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;
@@ -61,48 +61,50 @@ const N = ["aria-hidden"], C = `<path d="M12.6797 2.00024C14.3664 1.98836 16.077
       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 = l(() => {
+      if (n(e.size))
+        return e.size;
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
-        const 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;
-    }), u = l(() => ({
+      return C;
+    }), p = l(() => ({
       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 = {}, m = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (s, o) => {
-        const a = `${m}-${o}`;
-        return t[o] = a, `id="${a}"`;
-      }).replace(/#([^\s^")]+)/g, (s, o) => t[o] ? `#${t[o]}` : s);
-    }, g = {
+    })), g = (r) => {
+      const i = {}, S = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (a, s) => {
+        const d = `${S}-${s}`;
+        return i[s] = d, `id="${d}"`;
+      }).replace(/#([^\s^")]+)/g, (a, s) => i[s] ? `#${i[s]}` : a);
+    }, f = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, f = (n) => n.replace(/[<>"'&]/g, (t) => g[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${f(e.title)}</title>` : ""}${e.staticIds ? C : p(C)}`;
-    return (n, t) => (d(), b(h(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 ? u : g(u)}`;
+    return (r, i) => (c(), h(y(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon cerebras-icon",
       "data-testid": "kui-icon-wrapper-cerebras-icon",
-      style: y(u.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-cerebras-icon",
           fill: "none",
           height: "100%",
@@ -110,7 +112,7 @@ const N = ["aria-hidden"], C = `<path d="M12.6797 2.00024C14.3664 1.98836 16.077
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: v
+          innerHTML: m
         }, null, 8, N))
       ]),
       _: 1
@@ -118,5 +120,5 @@ const N = ["aria-hidden"], C = `<path d="M12.6797 2.00024C14.3664 1.98836 16.077
   }
 });
 export {
-  B as default
+  M as default
 };

package/dist/kong-icons.es510.js

@@ -1,8 +1,8 @@
-import { defineComponent as S, computed as l, openBlock as d, createBlock as C, 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 fill-rule="evenodd" clip-rule="evenodd" d="M8.832 13.728C9.312 13.728 10.272 13.704 11.616 13.152C13.176 12.504 16.248 11.352 18.48 10.152C20.04 9.312 20.712 8.208 20.712 6.72C20.712 4.68 19.056 3 16.992 3H8.352C5.4 3 3 5.4 3 8.352C3 11.304 5.256 13.728 8.832 13.728Z" fill="#39594D"/>
+import { defineComponent as C, computed as l, openBlock as c, createBlock as y, resolveDynamicComponent as b, normalizeStyle as x, withCtx as w, createElementBlock as z } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kong-icons.es1640.js";
+const N = ["aria-hidden"], p = `<path fill-rule="evenodd" clip-rule="evenodd" d="M8.832 13.728C9.312 13.728 10.272 13.704 11.616 13.152C13.176 12.504 16.248 11.352 18.48 10.152C20.04 9.312 20.712 8.208 20.712 6.72C20.712 4.68 19.056 3 16.992 3H8.352C5.4 3 3 5.4 3 8.352C3 11.304 5.256 13.728 8.832 13.728Z" fill="#39594D"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M10.2959 17.4C10.2959 15.96 11.1599 14.64 12.5039 14.088L15.2159 12.96C17.9759 11.832 20.9999 13.848 20.9999 16.824C20.9999 19.128 19.1279 21 16.8239 21H13.8719C11.9039 21 10.2959 19.392 10.2959 17.4Z" fill="#D18EE2"/>
-<path d="M6.096 14.424C4.392 14.424 3 15.816 3 17.52V17.928C3 19.608 4.392 21 6.096 21C7.8 21 9.192 19.608 9.192 17.904V17.496C9.168 15.816 7.8 14.424 6.096 14.424Z" fill="#FF7759"/>`, E = /* @__PURE__ */ S({
+<path d="M6.096 14.424C4.392 14.424 3 15.816 3 17.52V17.928C3 19.608 4.392 21 6.096 21C7.8 21 9.192 19.608 9.192 17.904V17.496C9.168 15.816 7.8 14.424 6.096 14.424Z" fill="#FF7759"/>`, B = /* @__PURE__ */ C({
   __name: "CohereIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -33,14 +33,14 @@ const N = ["aria-hidden"], u = `<path fill-rule="evenodd" clip-rule="evenodd" d=
     size: {
       type: [Number, String],
       required: !1,
-      default: c,
+      default: u,
       // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (i) => {
-        if (typeof i == "number" && i > 0)
+      validator: (t) => {
+        if (typeof t == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t) || typeof t == "number" && t > 0)
           return !0;
-        if (typeof i == "string") {
-          const e = String(i).replace(/px/gi, ""), 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;
@@ -62,48 +62,50 @@ const N = ["aria-hidden"], u = `<path fill-rule="evenodd" clip-rule="evenodd" d=
       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), s = l(() => {
+      if (n(e.size))
+        return e.size;
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
-        const 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 u;
+    }), f = l(() => ({
       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
-    })), g = (n) => {
-      const t = {}, h = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (s, o) => {
-        const a = `${h}-${o}`;
-        return t[o] = a, `id="${a}"`;
-      }).replace(/#([^\s^")]+)/g, (s, o) => t[o] ? `#${t[o]}` : s);
-    }, f = {
+    })), g = (r) => {
+      const i = {}, S = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (a, o) => {
+        const d = `${S}-${o}`;
+        return i[o] = d, `id="${d}"`;
+      }).replace(/#([^\s^")]+)/g, (a, o) => i[o] ? `#${i[o]}` : a);
+    }, v = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, v = (n) => n.replace(/[<>"'&]/g, (t) => f[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${v(e.title)}</title>` : ""}${e.staticIds ? u : g(u)}`;
-    return (n, t) => (d(), C(y(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
+    }, m = (r) => r.replace(/[<>"'&]/g, (i) => v[i]), h = `${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 cohere-icon",
       "data-testid": "kui-icon-wrapper-cohere-icon",
-      style: b(p.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: x(f.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-cohere-icon",
           fill: "none",
           height: "100%",
@@ -111,7 +113,7 @@ const N = ["aria-hidden"], u = `<path fill-rule="evenodd" clip-rule="evenodd" d=
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: m
+          innerHTML: h
         }, null, 8, N))
       ]),
       _: 1
@@ -119,5 +121,5 @@ const N = ["aria-hidden"], u = `<path fill-rule="evenodd" clip-rule="evenodd" d=
   }
 });
 export {
-  E as default
+  B as default
 };

package/dist/kong-icons.es512.js

@@ -1,12 +1,12 @@
-import { defineComponent as S, computed as l, openBlock as d, createBlock as L, resolveDynamicComponent as y, normalizeStyle as b, withCtx as x, createElementBlock as C } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1640.js";
-const z = ["aria-hidden"], u = `<path d="M6.98825 9.09313L12.0297 6.17267V0L1.63135 6.00952L6.98825 9.09313Z" fill="#4C8ECC"/>
+import { defineComponent as L, computed as d, openBlock as c, createBlock as y, resolveDynamicComponent as C, normalizeStyle as b, withCtx as x, createElementBlock as w } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kong-icons.es1640.js";
+const z = ["aria-hidden"], p = `<path d="M6.98825 9.09313L12.0297 6.17267V0L1.63135 6.00952L6.98825 9.09313Z" fill="#4C8ECC"/>
 <path d="M12.041 17.8328L17.0934 14.9123L22.4394 11.8232V17.9959L12.0519 24L12.041 17.8328Z" fill="#2F74B0"/>
 <path d="M12.0298 6.17267L17.0821 9.0877L22.4227 5.99864L12.0298 0V6.17267Z" fill="#2F74B0"/>
 <path d="M12.0409 17.8273L6.98853 14.9177L1.64795 18.0122L12.0518 24L12.0409 17.8273Z" fill="#4C8ECC"/>
 <path d="M6.98825 14.9177V9.09314L1.63135 6.00952L1.64766 18.0122L6.98825 14.9177Z" fill="#2F74B0"/>
 <path d="M12.0298 6.16724L17.0821 9.0877V14.9177L12.0298 12.0027V6.16724Z" fill="#808083"/>
-<path d="M12.0298 6.16724L6.98828 9.09314V14.9177L12.0298 12.0027V6.17267" fill="#5A5A5D"/>`, I = /* @__PURE__ */ S({
+<path d="M12.0298 6.16724L6.98828 9.09314V14.9177L12.0298 12.0027V6.17267" fill="#5A5A5D"/>`, I = /* @__PURE__ */ L({
   __name: "ConjourIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -37,13 +37,13 @@ const z = ["aria-hidden"], u = `<path d="M6.98825 9.09313L12.0297 6.17267V0L1.63
     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;
         }
@@ -66,48 +66,50 @@ const z = ["aria-hidden"], u = `<path d="M6.98825 9.09313L12.0297 6.17267V0L1.63
       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;
-    }), p = l(() => ({
+      return u;
+    }), f = 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
-    })), f = (r) => {
-      const t = {}, h = Math.random().toString(36).substring(2, 12);
+    })), g = (r) => {
+      const i = {}, S = Math.random().toString(36).substring(2, 12);
       return r.replace(/id="([^"]+)"/g, (a, o) => {
-        const s = `${h}-${o}`;
-        return t[o] = s, `id="${s}"`;
-      }).replace(/#([^\s^")]+)/g, (a, o) => t[o] ? `#${t[o]}` : a);
-    }, g = {
+        const l = `${S}-${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) => g[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? u : f(u)}`;
-    return (r, t) => (d(), L(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 ? p : g(p)}`;
+    return (r, i) => (c(), y(C(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon conjour-icon",
       "data-testid": "kui-icon-wrapper-conjour-icon",
-      style: b(p.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: b(f.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
       default: x(() => [
-        (d(), C("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+        (c(), w("svg", {
+          "aria-hidden": t.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-conjour-icon",
           fill: "none",
           height: "100%",
@@ -115,7 +117,7 @@ const z = ["aria-hidden"], u = `<path d="M6.98825 9.09313L12.0297 6.17267V0L1.63
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: v
+          innerHTML: h
         }, null, 8, z))
       ]),
       _: 1