@kong/icons 1.55.0 → 1.55.1

package/dist/kong-icons.es514.js

@@ -1,6 +1,6 @@
-import { defineComponent as C, computed as d, openBlock as c, createBlock as y, resolveDynamicComponent as h, normalizeStyle as b, withCtx as x, createElementBlock as z } from "vue";
-import { KUI_ICON_SIZE_50 as l } from "./kong-icons.es1640.js";
-const L = ["aria-hidden"], u = '<path d="M16.2157 4.00179C18.7946 4.00834 21.2914 4.90992 23.279 6.55299L23.551 6.78614L21.1292 9.31625L20.8872 9.1046C19.6536 8.04748 18.0985 7.43879 16.475 7.37766C13.9494 7.37766 12.1189 9.27324 12.1189 11.8636C12.0948 12.4574 12.1935 13.0498 12.409 13.6036C12.6244 14.1576 12.952 14.6612 13.3711 15.0827C13.7901 15.5041 14.2916 15.8346 14.8442 16.0532C15.3969 16.2719 15.9889 16.3741 16.583 16.3534C18.3774 16.2776 20.0709 15.5029 21.3017 14.1948L21.5437 13.9485L24 16.4571L23.7453 16.6987C21.7364 18.5949 19.086 19.6636 16.3237 19.6909C13.4009 19.6909 10.9788 18.4213 9.55843 16.3749H0L0.263509 14.1775H8.51367C8.39941 13.7731 8.31738 13.3603 8.26787 12.943H2.52126L2.78477 10.7497H8.26787C8.319 10.3319 8.40413 9.91879 8.52252 9.51483H4.85279L5.11166 7.31737H9.58035C10.3342 6.26763 11.3322 5.41722 12.4882 4.83954C13.6443 4.26188 14.9237 3.97436 16.2157 4.00179ZM2.16288 10.7451L1.8998 12.9426H0.285012L0.543883 10.7451H2.16288Z" fill="#4E556A"/>', $ = /* @__PURE__ */ C({
+import { defineComponent as C, computed as d, openBlock as l, createBlock as h, 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="M16.2157 4.00179C18.7946 4.00834 21.2914 4.90992 23.279 6.55299L23.551 6.78614L21.1292 9.31625L20.8872 9.1046C19.6536 8.04748 18.0985 7.43879 16.475 7.37766C13.9494 7.37766 12.1189 9.27324 12.1189 11.8636C12.0948 12.4574 12.1935 13.0498 12.409 13.6036C12.6244 14.1576 12.952 14.6612 13.3711 15.0827C13.7901 15.5041 14.2916 15.8346 14.8442 16.0532C15.3969 16.2719 15.9889 16.3741 16.583 16.3534C18.3774 16.2776 20.0709 15.5029 21.3017 14.1948L21.5437 13.9485L24 16.4571L23.7453 16.6987C21.7364 18.5949 19.086 19.6636 16.3237 19.6909C13.4009 19.6909 10.9788 18.4213 9.55843 16.3749H0L0.263509 14.1775H8.51367C8.39941 13.7731 8.31738 13.3603 8.26787 12.943H2.52126L2.78477 10.7497H8.26787C8.319 10.3319 8.40413 9.91879 8.52252 9.51483H4.85279L5.11166 7.31737H9.58035C10.3342 6.26763 11.3322 5.41722 12.4882 4.83954C13.6443 4.26188 14.9237 3.97436 16.2157 4.00179ZM2.16288 10.7451L1.8998 12.9426H0.285012L0.543883 10.7451H2.16288Z" fill="#4E556A"/>', q = /* @__PURE__ */ C({
   __name: "CurityIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -31,14 +31,14 @@ const L = ["aria-hidden"], u = '<path d="M16.2157 4.00179C18.7946 4.00834 21.291
     size: {
       type: [Number, String],
       required: !1,
-      default: l,
+      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="M16.2157 4.00179C18.7946 4.00834 21.291
       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 = 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 l;
-    }), g = d(() => ({
+      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 = {}, 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 c = `${y}-${s}`;
+        return i[s] = c, `id="${c}"`;
+      }).replace(/#([^\s^")]+)/g, (a, s) => i[s] ? `#${i[s]}` : a);
+    }, m = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, m = (n) => n.replace(/[<>"'&]/g, (t) => f[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? u : p(u)}`;
-    return (n, t) => (c(), y(h(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 ? g : f(g)}`;
+    return (r, i) => (l(), h(b(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon curity-icon",
       "data-testid": "kui-icon-wrapper-curity-icon",
-      style: b(g.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: x(p.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
-      default: x(() => [
-        (c(), z("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+      default: w(() => [
+        (l(), z("svg", {
+          "aria-hidden": t.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-curity-icon",
           fill: "none",
           height: "100%",
@@ -109,7 +111,7 @@ const L = ["aria-hidden"], u = '<path d="M16.2157 4.00179C18.7946 4.00834 21.291
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: v
+          innerHTML: S
         }, null, 8, L))
       ]),
       _: 1
@@ -117,5 +119,5 @@ const L = ["aria-hidden"], u = '<path d="M16.2157 4.00179C18.7946 4.00834 21.291
   }
 });
 export {
-  $ as default
+  q as default
 };

package/dist/kong-icons.es516.js

@@ -1,6 +1,6 @@
-import { defineComponent as S, computed as d, openBlock as c, createBlock as b, resolveDynamicComponent as h, normalizeStyle as y, withCtx as x, createElementBlock as k } from "vue";
-import { KUI_ICON_SIZE_50 as l } from "./kong-icons.es1640.js";
-const z = ["aria-hidden"], u = '<path d="M19.9769 10.2566L11.5 14.9057L2.42722 9.92763L2 10.1689V13.7873L11.5 18.9956L19.9769 14.3355V16.2654L11.5 20.9145L2.42722 15.9474L2 16.1776V16.7917L11.5 22L21 16.7917V13.1732L20.5615 12.943L11.5 17.9101L3.01183 13.261V11.3421L11.5 15.9912L21 10.7829V7.2193L20.5166 6.95614L11.5 11.9013L3.46154 7.49342L11.5 3.08553L18.1106 6.71491L18.7065 6.39693V5.95833L11.5 2L2 7.2193V7.77851L11.5 12.9868L19.9769 8.32675V10.2566Z" fill="#FF3621"/>', q = /* @__PURE__ */ S({
+import { defineComponent as y, computed as c, openBlock as l, createBlock as b, resolveDynamicComponent as h, normalizeStyle as x, withCtx as k, createElementBlock as w } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kong-icons.es1640.js";
+const z = ["aria-hidden"], g = '<path d="M19.9769 10.2566L11.5 14.9057L2.42722 9.92763L2 10.1689V13.7873L11.5 18.9956L19.9769 14.3355V16.2654L11.5 20.9145L2.42722 15.9474L2 16.1776V16.7917L11.5 22L21 16.7917V13.1732L20.5615 12.943L11.5 17.9101L3.01183 13.261V11.3421L11.5 15.9912L21 10.7829V7.2193L20.5166 6.95614L11.5 11.9013L3.46154 7.49342L11.5 3.08553L18.1106 6.71491L18.7065 6.39693V5.95833L11.5 2L2 7.2193V7.77851L11.5 12.9868L19.9769 8.32675V10.2566Z" fill="#FF3621"/>', B = /* @__PURE__ */ y({
   __name: "DatabricksIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -31,14 +31,14 @@ const z = ["aria-hidden"], u = '<path d="M19.9769 10.2566L11.5 14.9057L2.42722 9
     size: {
       type: [Number, String],
       required: !1,
-      default: l,
+      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 z = ["aria-hidden"], u = '<path d="M19.9769 10.2566L11.5 14.9057L2.42722 9
       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 l;
-    }), g = d(() => ({
+      return u;
+    }), p = 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
-    })), p = (n) => {
-      const t = {}, L = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (s, o) => {
-        const a = `${L}-${o}`;
-        return t[o] = a, `id="${a}"`;
-      }).replace(/#([^\s^")]+)/g, (s, o) => t[o] ? `#${t[o]}` : s);
-    }, f = {
+    })), f = (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);
+    }, m = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, m = (n) => n.replace(/[<>"'&]/g, (t) => f[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? u : p(u)}`;
-    return (n, t) => (c(), b(h(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
+    }, v = (r) => r.replace(/[<>"'&]/g, (i) => m[i]), L = `${e.title ? `<title data-testid="kui-icon-svg-title">${v(e.title)}</title>` : ""}${e.staticIds ? g : f(g)}`;
+    return (r, i) => (l(), b(h(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon databricks-icon",
       "data-testid": "kui-icon-wrapper-databricks-icon",
-      style: y(g.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: x(p.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
-      default: x(() => [
-        (c(), k("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+      default: k(() => [
+        (l(), w("svg", {
+          "aria-hidden": t.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-databricks-icon",
           fill: "none",
           height: "100%",
@@ -109,7 +111,7 @@ const z = ["aria-hidden"], u = '<path d="M19.9769 10.2566L11.5 14.9057L2.42722 9
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: v
+          innerHTML: L
         }, null, 8, z))
       ]),
       _: 1
@@ -117,5 +119,5 @@ const z = ["aria-hidden"], u = '<path d="M19.9769 10.2566L11.5 14.9057L2.42722 9
   }
 });
 export {
-  q as default
+  B as default
 };

package/dist/kong-icons.es518.js

@@ -1,6 +1,6 @@
-import { defineComponent as m, computed as s, openBlock as d, createBlock as S, resolveDynamicComponent as h, normalizeStyle as y, withCtx as b, createElementBlock as x } from "vue";
-import { KUI_ICON_SIZE_50 as l } from "./kong-icons.es1640.js";
-const z = ["aria-hidden"], c = '<path fill-rule="evenodd" clip-rule="evenodd" d="M19.5702 17.0408L17.5735 15.7238L15.9078 18.5061L13.9705 17.9396L12.2648 20.5431L12.3522 21.3626L21.6265 19.6538L21.0879 13.8591L19.5702 17.0408ZM10.9211 14.5424L12.4091 14.3378C12.6499 14.446 12.8175 14.4872 13.1062 14.5606C13.5557 14.6778 14.0762 14.7902 14.8469 14.4017C15.0263 14.3129 15.3999 13.9712 15.551 13.7764L21.6476 12.6704L22.2695 20.1975L11.825 22.0799L10.9211 14.5424ZM22.246 11.8302L21.6442 11.9448L20.4881 0L0.788574 2.28425L3.21549 21.9787L5.52132 21.644C5.33718 21.3811 5.05045 21.063 4.56081 20.6558C3.8817 20.0916 4.1219 19.1333 4.52241 18.5282C5.05242 17.5058 7.78315 16.2064 7.62843 14.5721C7.57294 13.9779 7.47849 13.2044 6.9269 12.6744C6.90616 12.8944 6.94344 13.1063 6.94344 13.1063C6.94344 13.1063 6.71698 12.8173 6.60402 12.4232C6.49191 12.2722 6.40391 12.224 6.28479 12.0222C6.19987 12.2556 6.21108 12.5264 6.21108 12.5264C6.21108 12.5264 6.02582 12.0886 5.99583 11.7192C5.88596 11.8846 5.85821 12.1987 5.85821 12.1987C5.85821 12.1987 5.61745 11.5087 5.67239 11.1371C5.56252 10.8136 5.23684 10.1718 5.32905 8.71295C5.93024 9.1342 7.2537 9.03414 7.76941 8.27403C7.94066 8.02235 8.05782 7.33511 7.68393 5.98109C7.44373 5.1128 6.84899 3.81988 6.6172 3.3294L6.58945 3.3493C6.71165 3.74449 6.96362 4.57299 7.06031 4.97462C7.35292 6.19298 7.4314 6.61704 7.29406 7.17871C7.17719 7.66695 6.89691 7.98647 6.18641 8.34354C5.47591 8.70173 4.53306 7.83008 4.47337 7.78187C3.78305 7.23197 3.24912 6.3348 3.18942 5.89897C3.12748 5.42194 3.46437 5.1355 3.63422 4.74536C3.39122 4.81486 3.12019 4.93819 3.12019 4.93819C3.12019 4.93819 3.44363 4.60354 3.84246 4.31401C4.00755 4.2047 4.10452 4.13519 4.27857 3.99057C4.02661 3.98637 3.822 3.99365 3.822 3.99365C3.822 3.99365 4.24214 3.76663 4.67769 3.60127C4.35901 3.58725 4.05407 3.59903 4.05407 3.59903C4.05407 3.59903 4.9916 3.17973 5.73209 2.87199C6.24135 2.66318 6.73884 2.72485 7.01827 3.129C7.38515 3.65844 7.77053 3.94601 8.58726 4.12426C9.08867 3.902 9.24114 3.78765 9.8712 3.61612C10.4259 3.00624 10.8614 2.9272 10.8614 2.9272C10.8614 2.9272 10.6453 3.12536 10.5876 3.43675C10.9021 3.18898 11.2468 2.98214 11.2468 2.98214C11.2468 2.98214 11.1134 3.14694 10.9889 3.40872L11.0178 3.4516C11.3847 3.23158 11.816 3.05809 11.816 3.05809C11.816 3.05809 11.6927 3.21393 11.5481 3.41573C11.8247 3.41348 12.3858 3.4275 12.6036 3.45216C13.8892 3.48047 14.1561 2.07909 14.6494 1.90336C15.2671 1.68278 15.5432 1.54937 16.5959 2.58331C17.4992 3.47094 18.2049 5.05983 17.8546 5.41578C17.5609 5.71119 16.9813 5.30058 16.3389 4.49983C15.9994 4.07578 15.7427 3.57464 15.6225 2.93757C15.521 2.4 15.1261 2.08806 15.1261 2.08806C15.1261 2.08806 15.3554 2.5976 15.3554 3.04772C15.3554 3.29353 15.3862 4.21255 15.7803 4.72826C15.7413 4.80365 15.7231 5.10131 15.6799 5.1582C15.2214 4.6041 14.2368 4.20751 14.0762 4.09063C14.6196 4.53599 15.8688 5.559 16.3487 6.5394C16.8024 7.46656 16.5351 8.31635 16.7646 8.53637C16.8299 8.59943 17.7405 9.73399 17.9157 10.3041C18.2212 11.2977 17.9339 12.3417 17.534 12.9894L16.4171 13.1635C16.2537 13.118 16.1435 13.0953 15.9969 13.0104C16.0776 12.8675 16.2382 12.511 16.2399 12.4375L16.1769 12.3268C15.8293 12.8193 15.2469 13.2974 14.7631 13.5721C14.13 13.9308 13.4002 13.8756 12.9251 13.7285C11.5767 13.3126 10.3017 12.4014 9.99425 12.162C9.99425 12.162 9.98472 12.3532 10.0427 12.3961C10.3827 12.7795 11.1616 13.4732 11.9144 13.9566L10.3096 14.1332L11.0683 20.0409C10.7319 20.0891 10.6795 20.1126 10.3112 20.165C9.98668 19.0184 9.36587 18.2698 8.68732 17.8337C8.08893 17.4492 7.26351 17.3625 6.47342 17.5189L6.42269 17.5778C6.97203 17.5206 7.62059 17.6002 8.2868 18.022C8.94069 18.4354 9.46761 19.5033 9.66156 20.1462C9.90988 20.968 10.0817 21.847 9.41323 22.7786C8.9376 23.4409 7.54912 23.8069 6.42745 23.0152C6.72707 23.497 7.13206 23.891 7.6772 23.9653C8.48664 24.0752 9.25488 23.9347 9.78376 23.3918C10.2353 22.9277 10.4746 21.9571 10.4116 20.9349L11.126 20.8312L11.3839 22.6659L23.2109 21.2418L22.246 11.8302ZM15.0504 6.84771C15.0174 6.9231 14.9655 6.97243 15.0434 7.21767L15.0482 7.23169L15.0605 7.26336L15.093 7.33679C15.2334 7.62379 15.3876 7.89454 15.6452 8.03271C15.7119 8.0215 15.7808 8.01394 15.8523 8.01029C16.0942 7.99964 16.2469 8.03804 16.3439 8.09017C16.3526 8.04196 16.3546 7.97133 16.3492 7.86735C16.3304 7.50383 16.4213 6.88554 15.7225 6.56014C15.4588 6.43766 15.0888 6.4755 14.9655 6.62825C14.9879 6.63105 15.0081 6.63582 15.0238 6.64114C15.2102 6.70645 15.0838 6.77063 15.0504 6.84771ZM17.0087 10.2396C16.9171 10.1892 16.4888 10.2091 16.1878 10.2449C15.6143 10.3125 14.9952 10.5115 14.8596 10.6174C14.6129 10.808 14.725 11.1404 14.9072 11.2769C15.4182 11.6586 15.866 11.9145 16.3389 11.8523C16.6292 11.8142 16.8851 11.3545 17.0665 10.9375C17.1906 10.6502 17.1906 10.3402 17.0087 10.2396ZM11.9318 7.29783C12.0935 7.14424 11.1263 6.94244 10.3757 7.45423C9.82216 7.83176 9.8045 8.6412 10.3345 9.10001C10.3875 9.14541 10.4312 9.17764 10.4721 9.20399C10.6268 9.13112 10.8031 9.0574 11.006 8.99154C11.3488 8.88027 11.6339 8.82281 11.8682 8.79226C11.9803 8.66698 12.1106 8.4464 12.0781 8.04701C12.0338 7.50524 11.6232 7.59128 11.9318 7.29783Z" fill="#632CA6"/>', $ = /* @__PURE__ */ m({
+import { defineComponent as S, computed as d, openBlock as l, createBlock as y, resolveDynamicComponent as h, 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="M19.5702 17.0408L17.5735 15.7238L15.9078 18.5061L13.9705 17.9396L12.2648 20.5431L12.3522 21.3626L21.6265 19.6538L21.0879 13.8591L19.5702 17.0408ZM10.9211 14.5424L12.4091 14.3378C12.6499 14.446 12.8175 14.4872 13.1062 14.5606C13.5557 14.6778 14.0762 14.7902 14.8469 14.4017C15.0263 14.3129 15.3999 13.9712 15.551 13.7764L21.6476 12.6704L22.2695 20.1975L11.825 22.0799L10.9211 14.5424ZM22.246 11.8302L21.6442 11.9448L20.4881 0L0.788574 2.28425L3.21549 21.9787L5.52132 21.644C5.33718 21.3811 5.05045 21.063 4.56081 20.6558C3.8817 20.0916 4.1219 19.1333 4.52241 18.5282C5.05242 17.5058 7.78315 16.2064 7.62843 14.5721C7.57294 13.9779 7.47849 13.2044 6.9269 12.6744C6.90616 12.8944 6.94344 13.1063 6.94344 13.1063C6.94344 13.1063 6.71698 12.8173 6.60402 12.4232C6.49191 12.2722 6.40391 12.224 6.28479 12.0222C6.19987 12.2556 6.21108 12.5264 6.21108 12.5264C6.21108 12.5264 6.02582 12.0886 5.99583 11.7192C5.88596 11.8846 5.85821 12.1987 5.85821 12.1987C5.85821 12.1987 5.61745 11.5087 5.67239 11.1371C5.56252 10.8136 5.23684 10.1718 5.32905 8.71295C5.93024 9.1342 7.2537 9.03414 7.76941 8.27403C7.94066 8.02235 8.05782 7.33511 7.68393 5.98109C7.44373 5.1128 6.84899 3.81988 6.6172 3.3294L6.58945 3.3493C6.71165 3.74449 6.96362 4.57299 7.06031 4.97462C7.35292 6.19298 7.4314 6.61704 7.29406 7.17871C7.17719 7.66695 6.89691 7.98647 6.18641 8.34354C5.47591 8.70173 4.53306 7.83008 4.47337 7.78187C3.78305 7.23197 3.24912 6.3348 3.18942 5.89897C3.12748 5.42194 3.46437 5.1355 3.63422 4.74536C3.39122 4.81486 3.12019 4.93819 3.12019 4.93819C3.12019 4.93819 3.44363 4.60354 3.84246 4.31401C4.00755 4.2047 4.10452 4.13519 4.27857 3.99057C4.02661 3.98637 3.822 3.99365 3.822 3.99365C3.822 3.99365 4.24214 3.76663 4.67769 3.60127C4.35901 3.58725 4.05407 3.59903 4.05407 3.59903C4.05407 3.59903 4.9916 3.17973 5.73209 2.87199C6.24135 2.66318 6.73884 2.72485 7.01827 3.129C7.38515 3.65844 7.77053 3.94601 8.58726 4.12426C9.08867 3.902 9.24114 3.78765 9.8712 3.61612C10.4259 3.00624 10.8614 2.9272 10.8614 2.9272C10.8614 2.9272 10.6453 3.12536 10.5876 3.43675C10.9021 3.18898 11.2468 2.98214 11.2468 2.98214C11.2468 2.98214 11.1134 3.14694 10.9889 3.40872L11.0178 3.4516C11.3847 3.23158 11.816 3.05809 11.816 3.05809C11.816 3.05809 11.6927 3.21393 11.5481 3.41573C11.8247 3.41348 12.3858 3.4275 12.6036 3.45216C13.8892 3.48047 14.1561 2.07909 14.6494 1.90336C15.2671 1.68278 15.5432 1.54937 16.5959 2.58331C17.4992 3.47094 18.2049 5.05983 17.8546 5.41578C17.5609 5.71119 16.9813 5.30058 16.3389 4.49983C15.9994 4.07578 15.7427 3.57464 15.6225 2.93757C15.521 2.4 15.1261 2.08806 15.1261 2.08806C15.1261 2.08806 15.3554 2.5976 15.3554 3.04772C15.3554 3.29353 15.3862 4.21255 15.7803 4.72826C15.7413 4.80365 15.7231 5.10131 15.6799 5.1582C15.2214 4.6041 14.2368 4.20751 14.0762 4.09063C14.6196 4.53599 15.8688 5.559 16.3487 6.5394C16.8024 7.46656 16.5351 8.31635 16.7646 8.53637C16.8299 8.59943 17.7405 9.73399 17.9157 10.3041C18.2212 11.2977 17.9339 12.3417 17.534 12.9894L16.4171 13.1635C16.2537 13.118 16.1435 13.0953 15.9969 13.0104C16.0776 12.8675 16.2382 12.511 16.2399 12.4375L16.1769 12.3268C15.8293 12.8193 15.2469 13.2974 14.7631 13.5721C14.13 13.9308 13.4002 13.8756 12.9251 13.7285C11.5767 13.3126 10.3017 12.4014 9.99425 12.162C9.99425 12.162 9.98472 12.3532 10.0427 12.3961C10.3827 12.7795 11.1616 13.4732 11.9144 13.9566L10.3096 14.1332L11.0683 20.0409C10.7319 20.0891 10.6795 20.1126 10.3112 20.165C9.98668 19.0184 9.36587 18.2698 8.68732 17.8337C8.08893 17.4492 7.26351 17.3625 6.47342 17.5189L6.42269 17.5778C6.97203 17.5206 7.62059 17.6002 8.2868 18.022C8.94069 18.4354 9.46761 19.5033 9.66156 20.1462C9.90988 20.968 10.0817 21.847 9.41323 22.7786C8.9376 23.4409 7.54912 23.8069 6.42745 23.0152C6.72707 23.497 7.13206 23.891 7.6772 23.9653C8.48664 24.0752 9.25488 23.9347 9.78376 23.3918C10.2353 22.9277 10.4746 21.9571 10.4116 20.9349L11.126 20.8312L11.3839 22.6659L23.2109 21.2418L22.246 11.8302ZM15.0504 6.84771C15.0174 6.9231 14.9655 6.97243 15.0434 7.21767L15.0482 7.23169L15.0605 7.26336L15.093 7.33679C15.2334 7.62379 15.3876 7.89454 15.6452 8.03271C15.7119 8.0215 15.7808 8.01394 15.8523 8.01029C16.0942 7.99964 16.2469 8.03804 16.3439 8.09017C16.3526 8.04196 16.3546 7.97133 16.3492 7.86735C16.3304 7.50383 16.4213 6.88554 15.7225 6.56014C15.4588 6.43766 15.0888 6.4755 14.9655 6.62825C14.9879 6.63105 15.0081 6.63582 15.0238 6.64114C15.2102 6.70645 15.0838 6.77063 15.0504 6.84771ZM17.0087 10.2396C16.9171 10.1892 16.4888 10.2091 16.1878 10.2449C15.6143 10.3125 14.9952 10.5115 14.8596 10.6174C14.6129 10.808 14.725 11.1404 14.9072 11.2769C15.4182 11.6586 15.866 11.9145 16.3389 11.8523C16.6292 11.8142 16.8851 11.3545 17.0665 10.9375C17.1906 10.6502 17.1906 10.3402 17.0087 10.2396ZM11.9318 7.29783C12.0935 7.14424 11.1263 6.94244 10.3757 7.45423C9.82216 7.83176 9.8045 8.6412 10.3345 9.10001C10.3875 9.14541 10.4312 9.17764 10.4721 9.20399C10.6268 9.13112 10.8031 9.0574 11.006 8.99154C11.3488 8.88027 11.6339 8.82281 11.8682 8.79226C11.9803 8.66698 12.1106 8.4464 12.0781 8.04701C12.0338 7.50524 11.6232 7.59128 11.9318 7.29783Z" fill="#632CA6"/>', q = /* @__PURE__ */ S({
   __name: "DatadogIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -31,13 +31,13 @@ const z = ["aria-hidden"], c = '<path fill-rule="evenodd" clip-rule="evenodd" d=
     size: {
       type: [Number, String],
       required: !1,
-      default: l,
+      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, ""), 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"], c = '<path fill-rule="evenodd" clip-rule="evenodd" d=
       default: !1
     }
   },
-  setup(i) {
-    const e = i, n = s(() => {
+  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 l;
-    }), u = s(() => ({
+      return c;
+    }), g = 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);
+    })), p = (r) => {
+      const i = {}, m = Math.random().toString(36).substring(2, 12);
       return r.replace(/id="([^"]+)"/g, (o, C) => {
-        const a = `${v}-${C}`;
-        return t[C] = a, `id="${a}"`;
-      }).replace(/#([^\s^")]+)/g, (o, C) => t[C] ? `#${t[C]}` : o);
-    }, p = {
+        const a = `${m}-${C}`;
+        return i[C] = a, `id="${a}"`;
+      }).replace(/#([^\s^")]+)/g, (o, C) => i[C] ? `#${i[C]}` : o);
+    }, f = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, f = (r) => r.replace(/[<>"'&]/g, (t) => p[t]), L = `${e.title ? `<title data-testid="kui-icon-svg-title">${f(e.title)}</title>` : ""}${e.staticIds ? c : g(c)}`;
-    return (r, t) => (d(), S(h(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
+    }, L = (r) => r.replace(/[<>"'&]/g, (i) => f[i]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${L(e.title)}</title>` : ""}${e.staticIds ? u : p(u)}`;
+    return (r, i) => (l(), y(h(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon datadog-icon",
       "data-testid": "kui-icon-wrapper-datadog-icon",
-      style: y(u.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: b(g.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
-      default: b(() => [
-        (d(), x("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+      default: x(() => [
+        (l(), w("svg", {
+          "aria-hidden": t.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-datadog-icon",
           fill: "none",
           height: "100%",
@@ -109,7 +111,7 @@ const z = ["aria-hidden"], c = '<path fill-rule="evenodd" clip-rule="evenodd" d=
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: L
+          innerHTML: v
         }, null, 8, z))
       ]),
       _: 1
@@ -117,5 +119,5 @@ const z = ["aria-hidden"], c = '<path fill-rule="evenodd" clip-rule="evenodd" d=
   }
 });
 export {
-  $ as default
+  q as default
 };

package/dist/kong-icons.es52.js

@@ -1,6 +1,6 @@
-import { defineComponent as S, computed as s, openBlock as d, createBlock as C, resolveDynamicComponent as b, normalizeStyle as y, withCtx as H, createElementBlock as x } 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_2276)">
+import { defineComponent as S, computed as d, openBlock as c, createBlock as y, resolveDynamicComponent as b, normalizeStyle as H, withCtx as x, 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_2276)">
 <path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#D80027"/>
 <path d="M12 5.73926V9.78659L7.82611 5.73926H12Z" fill="#0052B4"/>
 <path d="M6.26086 12.0003H9.78637L6.26086 7.30469L5.73914 10.9569L6.26086 12.0003Z" fill="#0052B4"/>
@@ -17,7 +17,7 @@ const M = ["aria-hidden"], p = `<g clip-path="url(#clip0_1_2276)">
 <clipPath id="clip0_1_2276">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
-</defs>`, Z = /* @__PURE__ */ S({
+</defs>`, V = /* @__PURE__ */ S({
   __name: "FlagBmIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -48,14 +48,14 @@ const M = ["aria-hidden"], p = `<g clip-path="url(#clip0_1_2276)">
     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, ""), r = Number(e);
-          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
+        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;
         }
         return !1;
@@ -77,48 +77,50 @@ const M = ["aria-hidden"], p = `<g clip-path="url(#clip0_1_2276)">
       default: !1
     }
   },
-  setup(i) {
-    const e = i, r = s(() => {
-      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`;
+  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: r.value,
+      height: a.value,
       lineHeight: "0",
-      width: r.value,
-      pointerEvents: e.decorative ? "none" : void 0
-    })), u = (n) => {
-      const t = {}, v = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (a, l) => {
-        const o = `${v}-${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 = {}, C = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (l, s) => {
+        const o = `${C}-${s}`;
+        return i[s] = o, `id="${o}"`;
+      }).replace(/#([^\s^")]+)/g, (l, s) => i[s] ? `#${i[s]}` : l);
+    }, h = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, h = (n) => n.replace(/[<>"'&]/g, (t) => g[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${h(e.title)}</title>` : ""}${e.staticIds ? p : u(p)}`;
-    return (n, t) => (d(), C(b(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
+    }, m = (r) => r.replace(/[<>"'&]/g, (i) => h[i]), v = `${t.title ? `<title data-testid="kui-icon-svg-title">${m(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-bm-icon",
       "data-testid": "kui-icon-wrapper-flag-bm-icon",
-      style: y(f.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: H(u.value),
+      tabindex: e.decorative ? "-1" : void 0
     }, {
-      default: H(() => [
-        (d(), x("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+      default: x(() => [
+        (c(), w("svg", {
+          "aria-hidden": e.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-flag-bm-icon",
           fill: "none",
           height: "100%",
@@ -126,7 +128,7 @@ const M = ["aria-hidden"], p = `<g clip-path="url(#clip0_1_2276)">
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: m
+          innerHTML: v
         }, null, 8, M))
       ]),
       _: 1
@@ -134,5 +136,5 @@ const M = ["aria-hidden"], p = `<g clip-path="url(#clip0_1_2276)">
   }
 });
 export {
-  Z as default
+  V as default
 };