@kong/icons 1.55.0 → 1.55.1

package/dist/kong-icons.es420.js

@@ -1,6 +1,6 @@
-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 w = ["aria-hidden"], u = `<g clip-path="url(#clip0_247_6264)">
+import { defineComponent as C, computed as d, openBlock as c, createBlock as y, resolveDynamicComponent as b, normalizeStyle as x, withCtx as z, createElementBlock as w } from "vue";
+import { KUI_ICON_SIZE_50 as p } from "./kong-icons.es1640.js";
+const N = ["aria-hidden"], u = `<g clip-path="url(#clip0_247_6264)">
 <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="#FFDA44"/>
 <path d="M3.51471 20.4853C4.0181 20.9887 4.55519 21.4376 5.11858 21.8329L21.8328 5.11863C21.4376 4.55524 20.9887 4.01814 20.4853 3.51475C19.9818 3.01136 19.4448 2.56249 18.8814 2.16724L2.16724 18.8815C2.56239 19.4448 3.01136 19.9819 3.51471 20.4853Z" fill="black"/>
 <path d="M3.51471 3.51472C-0.271007 7.30053 -0.997804 12.986 1.33296 17.5021L17.5021 1.33301C12.986 -0.997753 7.30048 -0.270909 3.51471 3.51472Z" fill="#6DA544"/>
@@ -10,7 +10,7 @@ const w = ["aria-hidden"], u = `<g clip-path="url(#clip0_247_6264)">
 <clipPath id="clip0_247_6264">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
-</defs>`, q = /* @__PURE__ */ S({
+</defs>`, M = /* @__PURE__ */ C({
   __name: "FlagTzIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -41,14 +41,14 @@ const w = ["aria-hidden"], u = `<g clip-path="url(#clip0_247_6264)">
     size: {
       type: [Number, String],
       required: !1,
-      default: c,
+      default: p,
       // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (i) => {
-        if (typeof i == "number" && i > 0)
+      validator: (t) => {
+        if (typeof t == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t) || typeof t == "number" && t > 0)
           return !0;
-        if (typeof i == "string") {
-          const e = String(i).replace(/px/gi, ""), r = Number(e);
-          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
+        if (typeof t == "string") {
+          const e = String(t).replace(/px/gi, ""), n = Number(e);
+          if (n && !isNaN(n) && Number.isInteger(n) && n > 0)
             return !0;
         }
         return !1;
@@ -70,48 +70,50 @@ const w = ["aria-hidden"], u = `<g clip-path="url(#clip0_247_6264)">
       default: !1
     }
   },
-  setup(i) {
-    const e = i, r = l(() => {
+  setup(t) {
+    const e = t, n = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), o = d(() => {
+      if (n(e.size))
+        return e.size;
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
-        const n = String(e.size).replace(/px/gi, ""), t = Number(n);
-        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
-          return `${t}px`;
+        const r = String(e.size).replace(/px/gi, ""), i = Number(r);
+        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
+          return `${i}px`;
       }
-      return c;
-    }), p = l(() => ({
+      return p;
+    }), g = d(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
       flexShrink: "0",
-      height: r.value,
+      height: o.value,
       lineHeight: "0",
-      width: r.value,
+      width: o.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), g = (n) => {
-      const t = {}, v = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (a, o) => {
-        const s = `${v}-${o}`;
-        return t[o] = s, `id="${s}"`;
-      }).replace(/#([^\s^")]+)/g, (a, o) => t[o] ? `#${t[o]}` : a);
-    }, f = {
+    })), f = (r) => {
+      const i = {}, S = Math.random().toString(36).substring(2, 12);
+      return r.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);
+    }, h = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, h = (n) => n.replace(/[<>"'&]/g, (t) => f[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${h(e.title)}</title>` : ""}${e.staticIds ? u : g(u)}`;
-    return (n, t) => (d(), C(y(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
+    }, m = (r) => r.replace(/[<>"'&]/g, (i) => h[i]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? u : f(u)}`;
+    return (r, i) => (c(), y(b(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon flag-tz-icon",
       "data-testid": "kui-icon-wrapper-flag-tz-icon",
-      style: b(p.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: x(g.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
-      default: x(() => [
-        (d(), z("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+      default: z(() => [
+        (c(), w("svg", {
+          "aria-hidden": t.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-flag-tz-icon",
           fill: "none",
           height: "100%",
@@ -119,13 +121,13 @@ const w = ["aria-hidden"], u = `<g clip-path="url(#clip0_247_6264)">
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: m
-        }, null, 8, w))
+          innerHTML: v
+        }, null, 8, N))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  q as default
+  M as default
 };

package/dist/kong-icons.es422.js

@@ -1,6 +1,6 @@
-import { defineComponent as S, computed as l, openBlock as d, createBlock as y, resolveDynamicComponent as b, normalizeStyle as x, withCtx as C, createElementBlock as w } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1640.js";
-const z = ["aria-hidden"], u = `<g clip-path="url(#clip0_247_6278)">
+import { defineComponent as y, computed as d, openBlock as c, createBlock as b, resolveDynamicComponent as x, normalizeStyle as C, 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 = `<g clip-path="url(#clip0_247_6278)">
 <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="#FFDA44"/>
 <path d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12" fill="#338AF3"/>
 </g>
@@ -8,7 +8,7 @@ const z = ["aria-hidden"], u = `<g clip-path="url(#clip0_247_6278)">
 <clipPath id="clip0_247_6278">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
-</defs>`, q = /* @__PURE__ */ S({
+</defs>`, B = /* @__PURE__ */ y({
   __name: "FlagUaIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -39,14 +39,14 @@ const z = ["aria-hidden"], u = `<g clip-path="url(#clip0_247_6278)">
     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;
@@ -68,48 +68,50 @@ const z = ["aria-hidden"], u = `<g clip-path="url(#clip0_247_6278)">
       default: !1
     }
   },
-  setup(i) {
-    const e = i, r = l(() => {
+  setup(t) {
+    const e = t, n = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), o = d(() => {
+      if (n(e.size))
+        return e.size;
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
-        const n = String(e.size).replace(/px/gi, ""), t = Number(n);
-        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
-          return `${t}px`;
+        const r = String(e.size).replace(/px/gi, ""), i = Number(r);
+        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
+          return `${i}px`;
       }
-      return c;
-    }), g = l(() => ({
+      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 = {}, h = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (o, a) => {
-        const s = `${h}-${a}`;
-        return t[a] = s, `id="${s}"`;
-      }).replace(/#([^\s^")]+)/g, (o, a) => t[a] ? `#${t[a]}` : o);
-    }, f = {
+    })), f = (r) => {
+      const i = {}, S = Math.random().toString(36).substring(2, 12);
+      return r.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);
+    }, 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) => (d(), y(b(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 ? g : f(g)}`;
+    return (r, i) => (c(), b(x(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon flag-ua-icon",
       "data-testid": "kui-icon-wrapper-flag-ua-icon",
-      style: x(g.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: C(p.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
-      default: C(() => [
-        (d(), w("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+      default: w(() => [
+        (c(), z("svg", {
+          "aria-hidden": t.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-flag-ua-icon",
           fill: "none",
           height: "100%",
@@ -117,13 +119,13 @@ const z = ["aria-hidden"], u = `<g clip-path="url(#clip0_247_6278)">
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: v
-        }, null, 8, z))
+          innerHTML: h
+        }, null, 8, N))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  q as default
+  B as default
 };

package/dist/kong-icons.es424.js

@@ -1,6 +1,6 @@
-import { defineComponent as v, computed as s, openBlock as d, createBlock as S, resolveDynamicComponent as b, normalizeStyle as y, withCtx as x, createElementBlock as L } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1640.js";
-const k = ["aria-hidden"], u = `<g clip-path="url(#clip0_247_6277)">
+import { defineComponent as S, computed as d, 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 g } from "./kong-icons.es1640.js";
+const k = ["aria-hidden"], p = `<g clip-path="url(#clip0_247_6277)">
 <path d="M20.9434 19.9999C22.8439 17.8769 24 15.0737 24 12C24 8.92629 22.8438 6.12303 20.9434 3.99996L12 3.13043L3.05662 3.99996C1.15617 6.12303 0 8.92629 0 12C0 15.0737 1.15613 17.8769 3.05658 19.9999L12 20.8695L20.9434 19.9999Z" fill="#FFDA44"/>
 <path d="M3.05664 3.99998H20.9434C18.7462 1.54528 15.5538 0 12 0C8.44628 0 5.25386 1.54528 3.05664 3.99998Z" fill="black"/>
 <path d="M0 12L12 13.0435L24 12C24 10.5973 23.7585 9.25113 23.3162 7.99994H0.683812C0.241453 9.25113 0 10.5973 0 12H0Z" fill="#D80027"/>
@@ -13,7 +13,7 @@ const k = ["aria-hidden"], u = `<g clip-path="url(#clip0_247_6277)">
 <clipPath id="clip0_247_6277">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
-</defs>`, I = /* @__PURE__ */ v({
+</defs>`, I = /* @__PURE__ */ S({
   __name: "FlagUgIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -44,14 +44,14 @@ const k = ["aria-hidden"], u = `<g clip-path="url(#clip0_247_6277)">
     size: {
       type: [Number, String],
       required: !1,
-      default: c,
+      default: g,
       // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (i) => {
-        if (typeof i == "number" && i > 0)
+      validator: (t) => {
+        if (typeof t == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t) || typeof t == "number" && t > 0)
           return !0;
-        if (typeof i == "string") {
-          const e = String(i).replace(/px/gi, ""), 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;
@@ -73,48 +73,50 @@ const k = ["aria-hidden"], u = `<g clip-path="url(#clip0_247_6277)">
       default: !1
     }
   },
-  setup(i) {
-    const e = i, r = s(() => {
+  setup(t) {
+    const e = t, n = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), a = d(() => {
+      if (n(e.size))
+        return e.size;
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
-        const n = String(e.size).replace(/px/gi, ""), t = Number(n);
-        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
-          return `${t}px`;
+        const r = String(e.size).replace(/px/gi, ""), i = Number(r);
+        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
+          return `${i}px`;
       }
-      return c;
-    }), g = s(() => ({
+      return g;
+    }), u = d(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
       flexShrink: "0",
-      height: r.value,
+      height: a.value,
       lineHeight: "0",
-      width: r.value,
+      width: a.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), p = (n) => {
-      const t = {}, m = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (l, a) => {
-        const o = `${m}-${a}`;
-        return t[a] = o, `id="${o}"`;
-      }).replace(/#([^\s^")]+)/g, (l, a) => t[a] ? `#${t[a]}` : l);
-    }, f = {
+    })), f = (r) => {
+      const i = {}, v = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (o, s) => {
+        const l = `${v}-${s}`;
+        return i[s] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (o, s) => i[s] ? `#${i[s]}` : o);
+    }, C = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, C = (n) => n.replace(/[<>"'&]/g, (t) => f[t]), h = `${e.title ? `<title data-testid="kui-icon-svg-title">${C(e.title)}</title>` : ""}${e.staticIds ? u : p(u)}`;
-    return (n, t) => (d(), S(b(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
+    }, h = (r) => r.replace(/[<>"'&]/g, (i) => C[i]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${h(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
+    return (r, i) => (c(), y(b(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon flag-ug-icon",
       "data-testid": "kui-icon-wrapper-flag-ug-icon",
-      style: y(g.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: x(u.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
-      default: x(() => [
-        (d(), L("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+      default: L(() => [
+        (c(), w("svg", {
+          "aria-hidden": t.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-flag-ug-icon",
           fill: "none",
           height: "100%",
@@ -122,7 +124,7 @@ const k = ["aria-hidden"], u = `<g clip-path="url(#clip0_247_6277)">
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: h
+          innerHTML: m
         }, null, 8, k))
       ]),
       _: 1

package/dist/kong-icons.es426.js

@@ -1,6 +1,6 @@
-import { defineComponent as v, computed as l, openBlock as d, createBlock as S, resolveDynamicComponent as y, normalizeStyle as b, withCtx as x, createElementBlock as M } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1640.js";
-const Z = ["aria-hidden"], u = `<g clip-path="url(#clip0_247_6281)">
+import { defineComponent as S, computed as d, openBlock as c, createBlock as y, resolveDynamicComponent as b, normalizeStyle as x, withCtx as M, createElementBlock as w } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kong-icons.es1640.js";
+const Z = ["aria-hidden"], g = `<g clip-path="url(#clip0_247_6281)">
 <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="#338AF3"/>
 <path d="M11.9654 7.82611C9.66013 7.82611 7.7915 9.69483 7.7915 12C7.7915 14.3052 9.66018 16.1739 11.9654 16.1739C14.2705 16.1739 16.1393 14.3052 16.1393 12C16.1393 9.69483 14.2705 7.82611 11.9654 7.82611ZM10.9219 12C10.9219 11.4237 11.3891 10.9565 11.9654 10.9565C12.5417 10.9565 13.0089 11.4237 13.0089 12C13.0089 12.5763 12.5417 13.0435 11.9654 13.0435C11.3891 13.0435 10.9219 12.5763 10.9219 12ZM13.0473 10.215C12.8853 10.1167 12.7088 10.0403 12.5218 9.98864V8.91989C12.9925 9.00436 13.4265 9.19369 13.799 9.46341L13.0473 10.215ZM11.4784 9.97078C11.2826 10.0176 11.0976 10.092 10.9277 10.1896L10.1725 9.43449C10.5543 9.1672 10.9981 8.98256 11.4784 8.90742V9.97078ZM10.9276 13.8104C11.0976 13.908 11.2826 13.9824 11.4784 14.0292V15.0925C10.998 15.0174 10.5543 14.8327 10.1725 14.5654L10.9276 13.8104ZM12.5219 14.0114C12.7088 13.9598 12.8854 13.8834 13.0473 13.785L13.7989 14.5366C13.4264 14.8063 12.9925 14.9957 12.5218 15.0802V14.0114H12.5219V14.0114ZM13.7757 13.0378C13.8676 12.8778 13.9395 12.7048 13.9866 12.5218H15.0517C14.9733 12.9887 14.7917 13.4204 14.5309 13.7929L13.7757 13.0378ZM13.9866 11.4783C13.9395 11.2952 13.8676 11.1223 13.7757 10.9623L14.5309 10.2071C14.7917 10.5796 14.9733 11.0113 15.0516 11.4782H13.9866V11.4783H13.9866ZM9.42875 10.1665L10.1804 10.9181C10.0759 11.0902 9.99561 11.2784 9.94414 11.4783H8.87905C8.96029 10.9943 9.15243 10.5481 9.42875 10.1665ZM8.87905 12.5217H9.94414C9.99557 12.7216 10.0759 12.9098 10.1804 13.0819L9.42875 13.8335C9.15243 13.4519 8.96029 13.0058 8.87905 12.5217Z" fill="#F0F0F0"/>
 <path d="M18.7478 12C18.7478 10.1447 18.0026 8.4637 16.7955 7.23914L15.6888 8.3459C16.6126 9.28715 17.1826 10.577 17.1826 12C17.1826 14.8815 14.8466 17.2174 11.9652 17.2174C9.08365 17.2174 6.74782 14.8815 6.74782 12C6.74782 10.5592 7.33174 9.25485 8.27595 8.31075L7.16918 7.20398C5.94176 8.4314 5.18262 10.1271 5.18262 12C5.18262 15.1038 7.26748 17.7207 10.1132 18.5266C9.80121 19.1193 9.84874 19.8655 10.2944 20.4217C10.8798 19.9526 11.4859 19.4669 12 19.0549C12.5141 19.4669 13.1202 19.9526 13.7055 20.4217C14.1556 19.86 14.1999 19.1043 13.8776 18.5088C16.6922 17.6831 18.7478 15.0818 18.7478 12Z" fill="#F0F0F0"/>
@@ -9,7 +9,7 @@ const Z = ["aria-hidden"], u = `<g clip-path="url(#clip0_247_6281)">
 <clipPath id="clip0_247_6281">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
-</defs>`, H = /* @__PURE__ */ v({
+</defs>`, H = /* @__PURE__ */ S({
   __name: "FlagUnIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -40,13 +40,13 @@ const Z = ["aria-hidden"], u = `<g clip-path="url(#clip0_247_6281)">
     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;
         }
@@ -69,48 +69,50 @@ const Z = ["aria-hidden"], u = `<g clip-path="url(#clip0_247_6281)">
       default: !1
     }
   },
-  setup(i) {
-    const e = i, n = l(() => {
+  setup(t) {
+    const e = t, n = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), o = d(() => {
+      if (n(e.size))
+        return e.size;
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
-        const r = String(e.size).replace(/px/gi, ""), t = Number(r);
-        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
-          return `${t}px`;
+        const r = String(e.size).replace(/px/gi, ""), i = Number(r);
+        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
+          return `${i}px`;
       }
-      return c;
-    }), 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 = {}, h = 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);
-    }, C = {
+    })), C = (r) => {
+      const i = {}, h = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (a, s) => {
+        const l = `${h}-${s}`;
+        return i[s] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (a, s) => i[s] ? `#${i[s]}` : a);
+    }, f = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, f = (r) => r.replace(/[<>"'&]/g, (t) => C[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${f(e.title)}</title>` : ""}${e.staticIds ? u : p(u)}`;
-    return (r, t) => (d(), S(y(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
+    }, m = (r) => r.replace(/[<>"'&]/g, (i) => f[i]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? g : C(g)}`;
+    return (r, i) => (c(), y(b(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon flag-un-icon",
       "data-testid": "kui-icon-wrapper-flag-un-icon",
-      style: b(g.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: x(p.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
-      default: x(() => [
-        (d(), M("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+      default: M(() => [
+        (c(), w("svg", {
+          "aria-hidden": t.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-flag-un-icon",
           fill: "none",
           height: "100%",
@@ -118,7 +120,7 @@ const Z = ["aria-hidden"], u = `<g clip-path="url(#clip0_247_6281)">
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: m
+          innerHTML: v
         }, null, 8, Z))
       ]),
       _: 1