@kong/icons 1.55.0 → 1.55.1

package/dist/kong-icons.es1076.js

@@ -1,6 +1,6 @@
-import { defineComponent as S, computed as l, openBlock as d, 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 d="M12.0001 22.025C11.7334 22.025 11.4793 21.975 11.2376 21.875C10.9959 21.775 10.7751 21.6333 10.5751 21.45L2.5501 13.425C2.36676 13.225 2.2251 13.0041 2.1251 12.7625C2.0251 12.5208 1.9751 12.2666 1.9751 12C1.9751 11.7333 2.0251 11.475 2.1251 11.225C2.2251 10.975 2.36676 10.7583 2.5501 10.575L10.5751 2.54998C10.7751 2.34998 10.9959 2.20414 11.2376 2.11248C11.4793 2.02081 11.7334 1.97498 12.0001 1.97498C12.2668 1.97498 12.5251 2.02081 12.7751 2.11248C13.0251 2.20414 13.2418 2.34998 13.4251 2.54998L21.4501 10.575C21.6501 10.7583 21.7959 10.975 21.8876 11.225C21.9793 11.475 22.0251 11.7333 22.0251 12C22.0251 12.2666 21.9793 12.5208 21.8876 12.7625C21.7959 13.0041 21.6501 13.225 21.4501 13.425L13.4251 21.45C13.2418 21.6333 13.0251 21.775 12.7751 21.875C12.5251 21.975 12.2668 22.025 12.0001 22.025ZM12.0001 20.025L20.0251 12L12.0001 3.97498L3.9751 12L12.0001 20.025ZM11.0001 13H13.0001V6.99998H11.0001V13ZM12.0001 16C12.2834 16 12.5209 15.9041 12.7126 15.7125C12.9043 15.5208 13.0001 15.2833 13.0001 15C13.0001 14.7166 12.9043 14.4791 12.7126 14.2875C12.5209 14.0958 12.2834 14 12.0001 14C11.7168 14 11.4793 14.0958 11.2876 14.2875C11.0959 14.4791 11.0001 14.7166 11.0001 15C11.0001 15.2833 11.0959 15.5208 11.2876 15.7125C11.4793 15.9041 11.7168 16 12.0001 16Z" fill="currentColor"/>', q = /* @__PURE__ */ S({
+import { defineComponent as y, computed as d, openBlock as c, 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 N = ["aria-hidden"], g = '<path d="M12.0001 22.025C11.7334 22.025 11.4793 21.975 11.2376 21.875C10.9959 21.775 10.7751 21.6333 10.5751 21.45L2.5501 13.425C2.36676 13.225 2.2251 13.0041 2.1251 12.7625C2.0251 12.5208 1.9751 12.2666 1.9751 12C1.9751 11.7333 2.0251 11.475 2.1251 11.225C2.2251 10.975 2.36676 10.7583 2.5501 10.575L10.5751 2.54998C10.7751 2.34998 10.9959 2.20414 11.2376 2.11248C11.4793 2.02081 11.7334 1.97498 12.0001 1.97498C12.2668 1.97498 12.5251 2.02081 12.7751 2.11248C13.0251 2.20414 13.2418 2.34998 13.4251 2.54998L21.4501 10.575C21.6501 10.7583 21.7959 10.975 21.8876 11.225C21.9793 11.475 22.0251 11.7333 22.0251 12C22.0251 12.2666 21.9793 12.5208 21.8876 12.7625C21.7959 13.0041 21.6501 13.225 21.4501 13.425L13.4251 21.45C13.2418 21.6333 13.0251 21.775 12.7751 21.875C12.5251 21.975 12.2668 22.025 12.0001 22.025ZM12.0001 20.025L20.0251 12L12.0001 3.97498L3.9751 12L12.0001 20.025ZM11.0001 13H13.0001V6.99998H11.0001V13ZM12.0001 16C12.2834 16 12.5209 15.9041 12.7126 15.7125C12.9043 15.5208 13.0001 15.2833 13.0001 15C13.0001 14.7166 12.9043 14.4791 12.7126 14.2875C12.5209 14.0958 12.2834 14 12.0001 14C11.7168 14 11.4793 14.0958 11.2876 14.2875C11.0959 14.4791 11.0001 14.7166 11.0001 15C11.0001 15.2833 11.0959 15.5208 11.2876 15.7125C11.4793 15.9041 11.7168 16 12.0001 16Z" fill="currentColor"/>', M = /* @__PURE__ */ y({
   __name: "WarningOutlineIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -31,14 +31,14 @@ const z = ["aria-hidden"], u = '<path d="M12.0001 22.025C11.7334 22.025 11.4793
     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 (n && !isNaN(n) && Number.isInteger(n) && n > 0)
+        if (typeof t == "string") {
+          const e = String(t).replace(/px/gi, ""), r = Number(e);
+          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
             return !0;
         }
         return !1;
@@ -60,48 +60,50 @@ const z = ["aria-hidden"], u = '<path d="M12.0001 22.025C11.7334 22.025 11.4793
       default: !1
     }
   },
-  setup(i) {
-    const e = i, n = l(() => {
+  setup(t) {
+    const e = t, r = (n) => typeof n == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(n), o = d(() => {
+      if (r(e.size))
+        return e.size;
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
-        const r = String(e.size).replace(/px/gi, ""), t = Number(r);
-        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
-          return `${t}px`;
+        const n = String(e.size).replace(/px/gi, ""), i = Number(n);
+        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
+          return `${i}px`;
       }
-      return c;
-    }), g = l(() => ({
+      return u;
+    }), p = 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
-    })), p = (r) => {
-      const t = {}, v = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (s, o) => {
-        const a = `${v}-${o}`;
-        return t[o] = a, `id="${a}"`;
-      }).replace(/#([^\s^")]+)/g, (s, o) => t[o] ? `#${t[o]}` : s);
-    }, f = {
+    })), f = (n) => {
+      const i = {}, S = Math.random().toString(36).substring(2, 12);
+      return n.replace(/id="([^"]+)"/g, (a, s) => {
+        const l = `${S}-${s}`;
+        return i[s] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (a, s) => i[s] ? `#${i[s]}` : a);
+    }, C = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, C = (r) => r.replace(/[<>"'&]/g, (t) => f[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${C(e.title)}</title>` : ""}${e.staticIds ? u : p(u)}`;
-    return (r, t) => (d(), h(y(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
+    }, m = (n) => n.replace(/[<>"'&]/g, (i) => C[i]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? g : f(g)}`;
+    return (n, i) => (c(), h(b(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon warning-outline-icon",
       "data-testid": "kui-icon-wrapper-warning-outline-icon",
-      style: b(g.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: x(p.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-warning-outline-icon",
           fill: "none",
           height: "100%",
@@ -109,13 +111,13 @@ const z = ["aria-hidden"], u = '<path d="M12.0001 22.025C11.7334 22.025 11.4793
           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 {
-  q as default
+  M as default
 };

package/dist/kong-icons.es1078.js

@@ -1,6 +1,6 @@
-import { defineComponent as S, 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 d="M12.025 22.05C11.7583 22.05 11.5042 22 11.2625 21.9C11.0208 21.8 10.8 21.6583 10.6 21.475L2.575 13.45C2.39167 13.25 2.25 13.0292 2.15 12.7875C2.05 12.5458 2 12.2917 2 12.025C2 11.7583 2.05 11.5 2.15 11.25C2.25 11 2.39167 10.7833 2.575 10.6L10.6 2.575C10.8 2.375 11.0208 2.22917 11.2625 2.1375C11.5042 2.04583 11.7583 2 12.025 2C12.2917 2 12.55 2.04583 12.8 2.1375C13.05 2.22917 13.2667 2.375 13.45 2.575L21.475 10.6C21.675 10.7833 21.8208 11 21.9125 11.25C22.0042 11.5 22.05 11.7583 22.05 12.025C22.05 12.2917 22.0042 12.5458 21.9125 12.7875C21.8208 13.0292 21.675 13.25 21.475 13.45L13.45 21.475C13.2667 21.6583 13.05 21.8 12.8 21.9C12.55 22 12.2917 22.05 12.025 22.05ZM11.025 13.025H13.025V7.025H11.025V13.025ZM12.025 16.025C12.3083 16.025 12.5458 15.9292 12.7375 15.7375C12.9292 15.5458 13.025 15.3083 13.025 15.025C13.025 14.7417 12.9292 14.5042 12.7375 14.3125C12.5458 14.1208 12.3083 14.025 12.025 14.025C11.7417 14.025 11.5042 14.1208 11.3125 14.3125C11.1208 14.5042 11.025 14.7417 11.025 15.025C11.025 15.3083 11.1208 15.5458 11.3125 15.7375C11.5042 15.9292 11.7417 16.025 12.025 16.025Z" fill="currentColor"/>', B = /* @__PURE__ */ S({
+import { defineComponent as y, computed as c, 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 N = ["aria-hidden"], g = '<path d="M12.025 22.05C11.7583 22.05 11.5042 22 11.2625 21.9C11.0208 21.8 10.8 21.6583 10.6 21.475L2.575 13.45C2.39167 13.25 2.25 13.0292 2.15 12.7875C2.05 12.5458 2 12.2917 2 12.025C2 11.7583 2.05 11.5 2.15 11.25C2.25 11 2.39167 10.7833 2.575 10.6L10.6 2.575C10.8 2.375 11.0208 2.22917 11.2625 2.1375C11.5042 2.04583 11.7583 2 12.025 2C12.2917 2 12.55 2.04583 12.8 2.1375C13.05 2.22917 13.2667 2.375 13.45 2.575L21.475 10.6C21.675 10.7833 21.8208 11 21.9125 11.25C22.0042 11.5 22.05 11.7583 22.05 12.025C22.05 12.2917 22.0042 12.5458 21.9125 12.7875C21.8208 13.0292 21.675 13.25 21.475 13.45L13.45 21.475C13.2667 21.6583 13.05 21.8 12.8 21.9C12.55 22 12.2917 22.05 12.025 22.05ZM11.025 13.025H13.025V7.025H11.025V13.025ZM12.025 16.025C12.3083 16.025 12.5458 15.9292 12.7375 15.7375C12.9292 15.5458 13.025 15.3083 13.025 15.025C13.025 14.7417 12.9292 14.5042 12.7375 14.3125C12.5458 14.1208 12.3083 14.025 12.025 14.025C11.7417 14.025 11.5042 14.1208 11.3125 14.3125C11.1208 14.5042 11.025 14.7417 11.025 15.025C11.025 15.3083 11.1208 15.5458 11.3125 15.7375C11.5042 15.9292 11.7417 16.025 12.025 16.025Z" fill="currentColor"/>', M = /* @__PURE__ */ y({
   __name: "WarningIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -31,13 +31,13 @@ const z = ["aria-hidden"], u = '<path d="M12.025 22.05C11.7583 22.05 11.5042 22
     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 d="M12.025 22.05C11.7583 22.05 11.5042 22
       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 = {}, v = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (s, o) => {
-        const a = `${v}-${o}`;
-        return t[o] = a, `id="${a}"`;
-      }).replace(/#([^\s^")]+)/g, (s, o) => t[o] ? `#${t[o]}` : s);
-    }, 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);
+    }, C = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, C = (r) => r.replace(/[<>"'&]/g, (t) => f[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${C(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) => C[i]), v = `${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 warning-icon",
       "data-testid": "kui-icon-wrapper-warning-icon",
-      style: b(g.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: x(p.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
-      default: x(() => [
-        (l(), w("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-warning-icon",
           fill: "none",
           height: "100%",
@@ -109,13 +111,13 @@ const z = ["aria-hidden"], u = '<path d="M12.025 22.05C11.7583 22.05 11.5042 22
           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 {
-  B as default
+  M as default
 };

package/dist/kong-icons.es108.js

@@ -1,6 +1,6 @@
-import { defineComponent as H, computed as L, openBlock as o, createBlock as m, resolveDynamicComponent as v, normalizeStyle as M, withCtx as S, createElementBlock as Z } from "vue";
-import { KUI_ICON_SIZE_50 as s } from "./kong-icons.es1640.js";
-const D = ["aria-hidden"], c = `<g clip-path="url(#clip0_1_2316)">
+import { defineComponent as m, computed as o, openBlock as L, createBlock as v, resolveDynamicComponent as M, normalizeStyle as S, withCtx as Z, createElementBlock as D } from "vue";
+import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1640.js";
+const y = ["aria-hidden"], p = `<g clip-path="url(#clip0_1_2316)">
 <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="#F0F0F0"/>
 <path d="M14.3478 23.77C19.0917 22.829 22.8287 19.092 23.7697 14.3481H14.3478V23.77Z" fill="#496E2D"/>
 <path d="M0.230286 14.3481C1.1713 19.092 4.90827 22.829 9.65216 23.77V14.3481H0.230286Z" fill="#496E2D"/>
@@ -31,7 +31,7 @@ const D = ["aria-hidden"], c = `<g clip-path="url(#clip0_1_2316)">
 <clipPath id="clip0_1_2316">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
-</defs>`, k = /* @__PURE__ */ H({
+</defs>`, k = /* @__PURE__ */ m({
   __name: "FlagDmIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -62,14 +62,14 @@ const D = ["aria-hidden"], c = `<g clip-path="url(#clip0_1_2316)">
     size: {
       type: [Number, String],
       required: !1,
-      default: s,
+      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: (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, ""), l = Number(t);
-          if (l && !isNaN(l) && Number.isInteger(l) && l > 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;
@@ -91,48 +91,50 @@ const D = ["aria-hidden"], c = `<g clip-path="url(#clip0_1_2316)">
       default: !1
     }
   },
-  setup(i) {
-    const t = i, l = L(() => {
+  setup(e) {
+    const t = e, r = (l) => typeof l == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(l), n = 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 a = String(t.size).replace(/px/gi, ""), e = Number(a);
-        if (e && !isNaN(e) && Number.isInteger(e) && e > 0)
-          return `${e}px`;
+        const l = String(t.size).replace(/px/gi, ""), i = Number(l);
+        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
+          return `${i}px`;
       }
-      return s;
-    }), p = L(() => ({
+      return c;
+    }), f = o(() => ({
       boxSizing: "border-box",
       color: t.color,
       display: t.display,
       flexShrink: "0",
-      height: l.value,
+      height: n.value,
       lineHeight: "0",
-      width: l.value,
+      width: n.value,
       pointerEvents: t.decorative ? "none" : void 0
-    })), f = (a) => {
-      const e = {}, C = Math.random().toString(36).substring(2, 12);
-      return a.replace(/id="([^"]+)"/g, (n, r) => {
-        const d = `${C}-${r}`;
-        return e[r] = d, `id="${d}"`;
-      }).replace(/#([^\s^")]+)/g, (n, r) => e[r] ? `#${e[r]}` : n);
-    }, u = {
+    })), u = (l) => {
+      const i = {}, H = Math.random().toString(36).substring(2, 12);
+      return l.replace(/id="([^"]+)"/g, (s, a) => {
+        const d = `${H}-${a}`;
+        return i[a] = d, `id="${d}"`;
+      }).replace(/#([^\s^")]+)/g, (s, a) => i[a] ? `#${i[a]}` : s);
+    }, g = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, h = (a) => a.replace(/[<>"'&]/g, (e) => u[e]), g = `${t.title ? `<title data-testid="kui-icon-svg-title">${h(t.title)}</title>` : ""}${t.staticIds ? c : f(c)}`;
-    return (a, e) => (o(), m(v(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
+    }, h = (l) => l.replace(/[<>"'&]/g, (i) => g[i]), C = `${t.title ? `<title data-testid="kui-icon-svg-title">${h(t.title)}</title>` : ""}${t.staticIds ? p : u(p)}`;
+    return (l, i) => (L(), v(M(e.as), {
+      "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon flag-dm-icon",
       "data-testid": "kui-icon-wrapper-flag-dm-icon",
-      style: M(p.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: S(f.value),
+      tabindex: e.decorative ? "-1" : void 0
     }, {
-      default: S(() => [
-        (o(), Z("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+      default: Z(() => [
+        (L(), D("svg", {
+          "aria-hidden": e.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-flag-dm-icon",
           fill: "none",
           height: "100%",
@@ -140,8 +142,8 @@ const D = ["aria-hidden"], c = `<g clip-path="url(#clip0_1_2316)">
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: g
-        }, null, 8, D))
+          innerHTML: C
+        }, null, 8, y))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));

package/dist/kong-icons.es1080.js

@@ -1,6 +1,6 @@
-import { defineComponent as S, computed as d, openBlock as C, createBlock as h, resolveDynamicComponent as y, normalizeStyle as b, withCtx as x, createElementBlock as L } from "vue";
+import { defineComponent as h, computed as C, openBlock as c, createBlock as y, resolveDynamicComponent as b, normalizeStyle as x, withCtx as L, createElementBlock as w } from "vue";
 import { KUI_ICON_SIZE_50 as l } from "./kong-icons.es1640.js";
-const w = ["aria-hidden"], c = '<path d="M6.9999 23.025C7.28324 23.025 7.52074 22.925 7.7124 22.725C7.90407 22.525 7.9999 22.2833 7.9999 22C7.9999 21.7166 7.90407 21.4791 7.7124 21.2875C7.52074 21.0958 7.28324 21 6.9999 21C5.8999 21 4.95824 20.6083 4.1749 19.825C3.39157 19.0416 2.9999 18.1 2.9999 17C2.9999 16.7166 2.8999 16.475 2.6999 16.275C2.4999 16.075 2.25823 15.975 1.9749 15.975C1.69157 15.975 1.45407 16.075 1.2624 16.275C1.07073 16.475 0.974901 16.7166 0.974901 17C0.974901 18.6666 1.5624 20.0875 2.7374 21.2625C3.9124 22.4375 5.33324 23.025 6.9999 23.025ZM21.9999 7.99998C22.2832 7.99998 22.5249 7.90414 22.7249 7.71248C22.9249 7.52081 23.0249 7.28331 23.0249 6.99998C23.0249 5.33331 22.4374 3.91248 21.2624 2.73748C20.0874 1.56248 18.6666 0.974976 16.9999 0.974976C16.7166 0.974976 16.4749 1.07081 16.2749 1.26248C16.0749 1.45414 15.9749 1.69164 15.9749 1.97498C15.9749 2.25831 16.0749 2.49998 16.2749 2.69998C16.4749 2.89998 16.7166 2.99998 16.9999 2.99998C18.0999 2.99998 19.0416 3.39164 19.8249 4.17498C20.6082 4.95831 20.9999 5.89998 20.9999 6.99998C20.9999 7.28331 21.0957 7.52081 21.2874 7.71248C21.4791 7.90414 21.7166 7.99998 21.9999 7.99998ZM18.6999 18.725C20.2166 17.2083 20.9749 15.3833 20.9749 13.25C20.9749 11.1166 20.2166 9.29164 18.6999 7.77498L17.2499 6.29998C17.1666 6.21664 17.0666 6.17498 16.9499 6.17498C16.8332 6.17498 16.7332 6.21664 16.6499 6.29998C16.1666 6.78331 15.9249 7.37081 15.9249 8.06248C15.9249 8.75414 16.1666 9.34164 16.6499 9.82498L16.9999 10.175C17.1999 10.375 17.2999 10.6125 17.2999 10.8875C17.2999 11.1625 17.1999 11.4 16.9999 11.6L16.0999 12.5C15.6666 12.9333 15.4499 13.4583 15.4499 14.075C15.4499 14.6916 15.6666 15.2166 16.0999 15.65C16.2499 15.8 16.3249 15.9791 16.3249 16.1875C16.3249 16.3958 16.2499 16.575 16.0999 16.725C15.9499 16.875 15.7707 16.95 15.5624 16.95C15.3541 16.95 15.1749 16.875 15.0249 16.725C14.2916 15.9916 13.9249 15.1125 13.9249 14.0875C13.9249 13.0625 14.2999 12.175 15.0499 11.425L15.5999 10.875C15.1666 10.4416 14.8582 9.95414 14.6749 9.41248C14.4916 8.87081 14.4166 8.31664 14.4499 7.74998L9.9749 3.27498C9.7749 3.07498 9.5374 2.97498 9.2624 2.97498C8.9874 2.97498 8.7499 3.07498 8.5499 3.27498C8.3499 3.47498 8.2499 3.71248 8.2499 3.98748C8.2499 4.26248 8.3499 4.49998 8.5499 4.69998L13.2249 9.37498L12.1749 10.425L6.1499 4.42498C5.9499 4.22498 5.71657 4.12498 5.4499 4.12498C5.18323 4.12498 4.9499 4.22498 4.7499 4.42498C4.5499 4.62498 4.4499 4.85831 4.4499 5.12498C4.4499 5.39164 4.5499 5.62498 4.7499 5.82498L10.7499 11.85L9.6999 12.9L4.3999 7.59998C4.1999 7.39998 3.9624 7.29998 3.6874 7.29998C3.4124 7.29998 3.1749 7.39998 2.9749 7.59998C2.7749 7.79998 2.6749 8.03748 2.6749 8.31248C2.6749 8.58748 2.7749 8.82498 2.9749 9.02498L8.2749 14.325L7.2249 15.375L3.1749 11.325C2.9749 11.125 2.7374 11.025 2.4624 11.025C2.1874 11.025 1.9499 11.125 1.7499 11.325C1.5499 11.525 1.4499 11.7625 1.4499 12.0375C1.4499 12.3125 1.5499 12.55 1.7499 12.75L7.7499 18.725C9.26657 20.2416 11.0916 21 13.2249 21C15.3582 21 17.1832 20.2416 18.6999 18.725Z" fill="currentColor"/>', q = /* @__PURE__ */ S({
+const z = ["aria-hidden"], u = '<path d="M6.9999 23.025C7.28324 23.025 7.52074 22.925 7.7124 22.725C7.90407 22.525 7.9999 22.2833 7.9999 22C7.9999 21.7166 7.90407 21.4791 7.7124 21.2875C7.52074 21.0958 7.28324 21 6.9999 21C5.8999 21 4.95824 20.6083 4.1749 19.825C3.39157 19.0416 2.9999 18.1 2.9999 17C2.9999 16.7166 2.8999 16.475 2.6999 16.275C2.4999 16.075 2.25823 15.975 1.9749 15.975C1.69157 15.975 1.45407 16.075 1.2624 16.275C1.07073 16.475 0.974901 16.7166 0.974901 17C0.974901 18.6666 1.5624 20.0875 2.7374 21.2625C3.9124 22.4375 5.33324 23.025 6.9999 23.025ZM21.9999 7.99998C22.2832 7.99998 22.5249 7.90414 22.7249 7.71248C22.9249 7.52081 23.0249 7.28331 23.0249 6.99998C23.0249 5.33331 22.4374 3.91248 21.2624 2.73748C20.0874 1.56248 18.6666 0.974976 16.9999 0.974976C16.7166 0.974976 16.4749 1.07081 16.2749 1.26248C16.0749 1.45414 15.9749 1.69164 15.9749 1.97498C15.9749 2.25831 16.0749 2.49998 16.2749 2.69998C16.4749 2.89998 16.7166 2.99998 16.9999 2.99998C18.0999 2.99998 19.0416 3.39164 19.8249 4.17498C20.6082 4.95831 20.9999 5.89998 20.9999 6.99998C20.9999 7.28331 21.0957 7.52081 21.2874 7.71248C21.4791 7.90414 21.7166 7.99998 21.9999 7.99998ZM18.6999 18.725C20.2166 17.2083 20.9749 15.3833 20.9749 13.25C20.9749 11.1166 20.2166 9.29164 18.6999 7.77498L17.2499 6.29998C17.1666 6.21664 17.0666 6.17498 16.9499 6.17498C16.8332 6.17498 16.7332 6.21664 16.6499 6.29998C16.1666 6.78331 15.9249 7.37081 15.9249 8.06248C15.9249 8.75414 16.1666 9.34164 16.6499 9.82498L16.9999 10.175C17.1999 10.375 17.2999 10.6125 17.2999 10.8875C17.2999 11.1625 17.1999 11.4 16.9999 11.6L16.0999 12.5C15.6666 12.9333 15.4499 13.4583 15.4499 14.075C15.4499 14.6916 15.6666 15.2166 16.0999 15.65C16.2499 15.8 16.3249 15.9791 16.3249 16.1875C16.3249 16.3958 16.2499 16.575 16.0999 16.725C15.9499 16.875 15.7707 16.95 15.5624 16.95C15.3541 16.95 15.1749 16.875 15.0249 16.725C14.2916 15.9916 13.9249 15.1125 13.9249 14.0875C13.9249 13.0625 14.2999 12.175 15.0499 11.425L15.5999 10.875C15.1666 10.4416 14.8582 9.95414 14.6749 9.41248C14.4916 8.87081 14.4166 8.31664 14.4499 7.74998L9.9749 3.27498C9.7749 3.07498 9.5374 2.97498 9.2624 2.97498C8.9874 2.97498 8.7499 3.07498 8.5499 3.27498C8.3499 3.47498 8.2499 3.71248 8.2499 3.98748C8.2499 4.26248 8.3499 4.49998 8.5499 4.69998L13.2249 9.37498L12.1749 10.425L6.1499 4.42498C5.9499 4.22498 5.71657 4.12498 5.4499 4.12498C5.18323 4.12498 4.9499 4.22498 4.7499 4.42498C4.5499 4.62498 4.4499 4.85831 4.4499 5.12498C4.4499 5.39164 4.5499 5.62498 4.7499 5.82498L10.7499 11.85L9.6999 12.9L4.3999 7.59998C4.1999 7.39998 3.9624 7.29998 3.6874 7.29998C3.4124 7.29998 3.1749 7.39998 2.9749 7.59998C2.7749 7.79998 2.6749 8.03748 2.6749 8.31248C2.6749 8.58748 2.7749 8.82498 2.9749 9.02498L8.2749 14.325L7.2249 15.375L3.1749 11.325C2.9749 11.125 2.7374 11.025 2.4624 11.025C2.1874 11.025 1.9499 11.125 1.7499 11.325C1.5499 11.525 1.4499 11.7625 1.4499 12.0375C1.4499 12.3125 1.5499 12.55 1.7499 12.75L7.7499 18.725C9.26657 20.2416 11.0916 21 13.2249 21C15.3582 21 17.1832 20.2416 18.6999 18.725Z" fill="currentColor"/>', B = /* @__PURE__ */ h({
   __name: "WavingHandIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -33,12 +33,12 @@ const w = ["aria-hidden"], c = '<path d="M6.9999 23.025C7.28324 23.025 7.52074 2
       required: !1,
       default: l,
       // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (i) => {
-        if (typeof i == "number" && i > 0)
+      validator: (t) => {
+        if (typeof t == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t) || typeof t == "number" && t > 0)
           return !0;
-        if (typeof i == "string") {
-          const e = String(i).replace(/px/gi, ""), n = Number(e);
-          if (n && !isNaN(n) && Number.isInteger(n) && n > 0)
+        if (typeof t == "string") {
+          const e = String(t).replace(/px/gi, ""), r = Number(e);
+          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
             return !0;
         }
         return !1;
@@ -60,48 +60,50 @@ const w = ["aria-hidden"], c = '<path d="M6.9999 23.025C7.28324 23.025 7.52074 2
       default: !1
     }
   },
-  setup(i) {
-    const e = i, n = d(() => {
+  setup(t) {
+    const e = t, r = (n) => typeof n == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(n), o = C(() => {
+      if (r(e.size))
+        return e.size;
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
-        const r = String(e.size).replace(/px/gi, ""), t = Number(r);
-        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
-          return `${t}px`;
+        const n = String(e.size).replace(/px/gi, ""), i = Number(n);
+        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
+          return `${i}px`;
       }
       return l;
-    }), u = d(() => ({
+    }), g = 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
-    })), g = (r) => {
-      const t = {}, m = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (a, o) => {
-        const s = `${m}-${o}`;
-        return t[o] = s, `id="${s}"`;
-      }).replace(/#([^\s^")]+)/g, (a, o) => t[o] ? `#${t[o]}` : a);
-    }, p = {
+    })), p = (n) => {
+      const i = {}, S = Math.random().toString(36).substring(2, 12);
+      return n.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 = (r) => r.replace(/[<>"'&]/g, (t) => p[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${f(e.title)}</title>` : ""}${e.staticIds ? c : g(c)}`;
-    return (r, t) => (C(), h(y(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
+    }, v = (n) => n.replace(/[<>"'&]/g, (i) => f[i]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${v(e.title)}</title>` : ""}${e.staticIds ? u : p(u)}`;
+    return (n, i) => (c(), y(b(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon waving-hand-icon",
       "data-testid": "kui-icon-wrapper-waving-hand-icon",
-      style: b(u.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: x(g.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
-      default: x(() => [
-        (C(), L("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+      default: L(() => [
+        (c(), w("svg", {
+          "aria-hidden": t.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-waving-hand-icon",
           fill: "none",
           height: "100%",
@@ -109,13 +111,13 @@ const w = ["aria-hidden"], c = '<path d="M6.9999 23.025C7.28324 23.025 7.52074 2
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: v
-        }, null, 8, w))
+          innerHTML: m
+        }, null, 8, z))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  q as default
+  B as default
 };