@kong/icons 1.55.0 → 1.55.1

package/dist/kong-icons.es658.js

@@ -1,6 +1,6 @@
-import { defineComponent as h, computed as c, openBlock as d, createBlock as b, resolveDynamicComponent as y, normalizeStyle as x, withCtx as z, createElementBlock as N } from "vue";
-import { KUI_ICON_SIZE_50 as l } from "./kong-icons.es1640.js";
-const C = ["aria-hidden"], u = '<path d="M4 20V12H8V20H4ZM10 20V4H14V20H10ZM16 20V9H20V20H16Z" fill="currentColor"/>', q = /* @__PURE__ */ h({
+import { defineComponent as y, computed as d, openBlock as l, createBlock as b, resolveDynamicComponent as x, normalizeStyle as w, withCtx as z, createElementBlock as C } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kong-icons.es1640.js";
+const N = ["aria-hidden"], g = '<path d="M4 20V12H8V20H4ZM10 20V4H14V20H10ZM16 20V9H20V20H16Z" fill="currentColor"/>', B = /* @__PURE__ */ y({
   __name: "BarChartIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -31,14 +31,14 @@ const C = ["aria-hidden"], u = '<path d="M4 20V12H8V20H4ZM10 20V4H14V20H10ZM16 2
     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 C = ["aria-hidden"], u = '<path d="M4 20V12H8V20H4ZM10 20V4H14V20H10ZM16 2
       default: !1
     }
   },
-  setup(i) {
-    const e = i, r = c(() => {
+  setup(t) {
+    const e = t, n = (i) => typeof i == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(i), 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 i = String(e.size).replace(/px/gi, ""), r = Number(i);
+        if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
+          return `${r}px`;
       }
-      return l;
-    }), g = c(() => ({
+      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, (a, o) => {
-        const s = `${S}-${o}`;
-        return t[o] = s, `id="${s}"`;
-      }).replace(/#([^\s^")]+)/g, (a, o) => t[o] ? `#${t[o]}` : a);
-    }, f = {
+    })), f = (i) => {
+      const r = {}, h = Math.random().toString(36).substring(2, 12);
+      return i.replace(/id="([^"]+)"/g, (a, s) => {
+        const c = `${h}-${s}`;
+        return r[s] = c, `id="${c}"`;
+      }).replace(/#([^\s^")]+)/g, (a, s) => r[s] ? `#${r[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(), b(y(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
+    }, v = (i) => i.replace(/[<>"'&]/g, (r) => m[r]), S = `${e.title ? `<title data-testid="kui-icon-svg-title">${v(e.title)}</title>` : ""}${e.staticIds ? g : f(g)}`;
+    return (i, r) => (l(), b(x(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon bar-chart-icon",
       "data-testid": "kui-icon-wrapper-bar-chart-icon",
-      style: x(g.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: w(p.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
       default: z(() => [
-        (d(), N("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+        (l(), C("svg", {
+          "aria-hidden": t.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-bar-chart-icon",
           fill: "none",
           height: "100%",
@@ -109,13 +111,13 @@ const C = ["aria-hidden"], u = '<path d="M4 20V12H8V20H4ZM10 20V4H14V20H10ZM16 2
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: v
-        }, null, 8, C))
+          innerHTML: S
+        }, null, 8, N))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  q as default
+  B as default
 };

package/dist/kong-icons.es66.js

@@ -1,6 +1,6 @@
-import { defineComponent as S, computed as s, openBlock as d, createBlock as L, resolveDynamicComponent as y, normalizeStyle as C, withCtx as b, createElementBlock as x } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1640.js";
-const w = ["aria-hidden"], p = `<g clip-path="url(#clip0_1_2271)">
+import { defineComponent as y, computed as d, openBlock as c, createBlock as C, resolveDynamicComponent as L, normalizeStyle as b, withCtx as x, createElementBlock as w } from "vue";
+import { KUI_ICON_SIZE_50 as p } from "./kong-icons.es1640.js";
+const z = ["aria-hidden"], f = `<g clip-path="url(#clip0_1_2271)">
 <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="#FCFCFC"/>
 <path d="M4.9565 11.1302L3.65216 8.76384L4.9565 6.43457L6.26085 8.76384L4.9565 11.1302Z" fill="#A2001D"/>
 <path d="M2.3478 11.1302L1.04346 8.76384L2.3478 6.43457L3.65214 8.76384L2.3478 11.1302Z" fill="#A2001D"/>
@@ -15,7 +15,7 @@ const w = ["aria-hidden"], p = `<g clip-path="url(#clip0_1_2271)">
 <clipPath id="clip0_1_2271">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
-</defs>`, D = /* @__PURE__ */ S({
+</defs>`, D = /* @__PURE__ */ y({
   __name: "FlagByIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -46,14 +46,14 @@ const w = ["aria-hidden"], p = `<g clip-path="url(#clip0_1_2271)">
     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;
@@ -75,48 +75,50 @@ const w = ["aria-hidden"], p = `<g clip-path="url(#clip0_1_2271)">
       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;
-    }), u = 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
-    })), f = (n) => {
-      const t = {}, v = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (l, a) => {
-        const o = `${v}-${a}`;
-        return t[a] = o, `id="${o}"`;
-      }).replace(/#([^\s^")]+)/g, (l, a) => t[a] ? `#${t[a]}` : l);
-    }, g = {
+      width: a.value,
+      pointerEvents: t.decorative ? "none" : void 0
+    })), g = (r) => {
+      const i = {}, S = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (o, s) => {
+        const l = `${S}-${s}`;
+        return i[s] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (o, s) => i[s] ? `#${i[s]}` : o);
+    }, 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 : f(p)}`;
-    return (n, t) => (d(), L(y(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(), C(L(e.as), {
+      "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon flag-by-icon",
       "data-testid": "kui-icon-wrapper-flag-by-icon",
-      style: C(u.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: b(u.value),
+      tabindex: e.decorative ? "-1" : void 0
     }, {
-      default: b(() => [
-        (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-by-icon",
           fill: "none",
           height: "100%",
@@ -124,8 +126,8 @@ const w = ["aria-hidden"], p = `<g clip-path="url(#clip0_1_2271)">
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: m
-        }, null, 8, w))
+          innerHTML: v
+        }, null, 8, z))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));

package/dist/kong-icons.es660.js

@@ -1,6 +1,6 @@
-import { defineComponent as S, computed as C, openBlock as l, createBlock as h, resolveDynamicComponent as b, normalizeStyle as y, withCtx as x, createElementBlock as H } from "vue";
-import { KUI_ICON_SIZE_50 as d } from "./kong-icons.es1640.js";
-const z = ["aria-hidden"], c = '<path d="M6 22C5.16667 22 4.45833 21.7083 3.875 21.125C3.29167 20.5416 3 19.8333 3 19V17C3 16.7166 3.09583 16.4791 3.2875 16.2875C3.47917 16.0958 3.71667 16 4 16H6V2.59995C6 2.48328 6.05 2.40412 6.15 2.36245C6.25 2.32078 6.34167 2.34162 6.425 2.42495L7.15 3.14995C7.25 3.24995 7.36667 3.29995 7.5 3.29995C7.63333 3.29995 7.75 3.24995 7.85 3.14995L8.65 2.34995C8.75 2.24995 8.86667 2.19995 9 2.19995C9.13333 2.19995 9.25 2.24995 9.35 2.34995L10.15 3.14995C10.25 3.24995 10.3667 3.29995 10.5 3.29995C10.6333 3.29995 10.75 3.24995 10.85 3.14995L11.65 2.34995C11.75 2.24995 11.8667 2.19995 12 2.19995C12.1333 2.19995 12.25 2.24995 12.35 2.34995L13.15 3.14995C13.25 3.24995 13.3667 3.29995 13.5 3.29995C13.6333 3.29995 13.75 3.24995 13.85 3.14995L14.65 2.34995C14.75 2.24995 14.8667 2.19995 15 2.19995C15.1333 2.19995 15.25 2.24995 15.35 2.34995L16.15 3.14995C16.25 3.24995 16.3667 3.29995 16.5 3.29995C16.6333 3.29995 16.75 3.24995 16.85 3.14995L17.65 2.34995C17.75 2.24995 17.8667 2.19995 18 2.19995C18.1333 2.19995 18.25 2.24995 18.35 2.34995L19.15 3.14995C19.25 3.24995 19.3667 3.29995 19.5 3.29995C19.6333 3.29995 19.75 3.24995 19.85 3.14995L20.575 2.42495C20.6583 2.34162 20.75 2.32078 20.85 2.36245C20.95 2.40412 21 2.48328 21 2.59995V19C21 19.8333 20.7083 20.5416 20.125 21.125C19.5417 21.7083 18.8333 22 18 22H6ZM18 20C18.2833 20 18.5208 19.9041 18.7125 19.7125C18.9042 19.5208 19 19.2833 19 19V4.99995H8V16H16C16.2833 16 16.5208 16.0958 16.7125 16.2875C16.9042 16.4791 17 16.7166 17 17V19C17 19.2833 17.0958 19.5208 17.2875 19.7125C17.4792 19.9041 17.7167 20 18 20ZM10 6.99995H14C14.2833 6.99995 14.5208 7.09579 14.7125 7.28745C14.9042 7.47912 15 7.71662 15 7.99995C15 8.28329 14.9042 8.52079 14.7125 8.71245C14.5208 8.90412 14.2833 8.99995 14 8.99995H10C9.71667 8.99995 9.47917 8.90412 9.2875 8.71245C9.09583 8.52079 9 8.28329 9 7.99995C9 7.71662 9.09583 7.47912 9.2875 7.28745C9.47917 7.09579 9.71667 6.99995 10 6.99995ZM10 9.99995H14C14.2833 9.99995 14.5208 10.0958 14.7125 10.2875C14.9042 10.4791 15 10.7166 15 11C15 11.2833 14.9042 11.5208 14.7125 11.7125C14.5208 11.9041 14.2833 12 14 12H10C9.71667 12 9.47917 11.9041 9.2875 11.7125C9.09583 11.5208 9 11.2833 9 11C9 10.7166 9.09583 10.4791 9.2875 10.2875C9.47917 10.0958 9.71667 9.99995 10 9.99995ZM17 8.99995C16.7167 8.99995 16.4792 8.90412 16.2875 8.71245C16.0958 8.52079 16 8.28329 16 7.99995C16 7.71662 16.0958 7.47912 16.2875 7.28745C16.4792 7.09579 16.7167 6.99995 17 6.99995C17.2833 6.99995 17.5208 7.09579 17.7125 7.28745C17.9042 7.47912 18 7.71662 18 7.99995C18 8.28329 17.9042 8.52079 17.7125 8.71245C17.5208 8.90412 17.2833 8.99995 17 8.99995ZM17 12C16.7167 12 16.4792 11.9041 16.2875 11.7125C16.0958 11.5208 16 11.2833 16 11C16 10.7166 16.0958 10.4791 16.2875 10.2875C16.4792 10.0958 16.7167 9.99995 17 9.99995C17.2833 9.99995 17.5208 10.0958 17.7125 10.2875C17.9042 10.4791 18 10.7166 18 11C18 11.2833 17.9042 11.5208 17.7125 11.7125C17.5208 11.9041 17.2833 12 17 12ZM6 20H15V18H5V19C5 19.2833 5.09583 19.5208 5.2875 19.7125C5.47917 19.9041 5.71667 20 6 20Z" fill="currentColor"/>', I = /* @__PURE__ */ S({
+import { defineComponent as y, computed as l, openBlock as d, createBlock as h, resolveDynamicComponent as b, normalizeStyle as x, withCtx as H, createElementBlock as w } from "vue";
+import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1640.js";
+const z = ["aria-hidden"], u = '<path d="M6 22C5.16667 22 4.45833 21.7083 3.875 21.125C3.29167 20.5416 3 19.8333 3 19V17C3 16.7166 3.09583 16.4791 3.2875 16.2875C3.47917 16.0958 3.71667 16 4 16H6V2.59995C6 2.48328 6.05 2.40412 6.15 2.36245C6.25 2.32078 6.34167 2.34162 6.425 2.42495L7.15 3.14995C7.25 3.24995 7.36667 3.29995 7.5 3.29995C7.63333 3.29995 7.75 3.24995 7.85 3.14995L8.65 2.34995C8.75 2.24995 8.86667 2.19995 9 2.19995C9.13333 2.19995 9.25 2.24995 9.35 2.34995L10.15 3.14995C10.25 3.24995 10.3667 3.29995 10.5 3.29995C10.6333 3.29995 10.75 3.24995 10.85 3.14995L11.65 2.34995C11.75 2.24995 11.8667 2.19995 12 2.19995C12.1333 2.19995 12.25 2.24995 12.35 2.34995L13.15 3.14995C13.25 3.24995 13.3667 3.29995 13.5 3.29995C13.6333 3.29995 13.75 3.24995 13.85 3.14995L14.65 2.34995C14.75 2.24995 14.8667 2.19995 15 2.19995C15.1333 2.19995 15.25 2.24995 15.35 2.34995L16.15 3.14995C16.25 3.24995 16.3667 3.29995 16.5 3.29995C16.6333 3.29995 16.75 3.24995 16.85 3.14995L17.65 2.34995C17.75 2.24995 17.8667 2.19995 18 2.19995C18.1333 2.19995 18.25 2.24995 18.35 2.34995L19.15 3.14995C19.25 3.24995 19.3667 3.29995 19.5 3.29995C19.6333 3.29995 19.75 3.24995 19.85 3.14995L20.575 2.42495C20.6583 2.34162 20.75 2.32078 20.85 2.36245C20.95 2.40412 21 2.48328 21 2.59995V19C21 19.8333 20.7083 20.5416 20.125 21.125C19.5417 21.7083 18.8333 22 18 22H6ZM18 20C18.2833 20 18.5208 19.9041 18.7125 19.7125C18.9042 19.5208 19 19.2833 19 19V4.99995H8V16H16C16.2833 16 16.5208 16.0958 16.7125 16.2875C16.9042 16.4791 17 16.7166 17 17V19C17 19.2833 17.0958 19.5208 17.2875 19.7125C17.4792 19.9041 17.7167 20 18 20ZM10 6.99995H14C14.2833 6.99995 14.5208 7.09579 14.7125 7.28745C14.9042 7.47912 15 7.71662 15 7.99995C15 8.28329 14.9042 8.52079 14.7125 8.71245C14.5208 8.90412 14.2833 8.99995 14 8.99995H10C9.71667 8.99995 9.47917 8.90412 9.2875 8.71245C9.09583 8.52079 9 8.28329 9 7.99995C9 7.71662 9.09583 7.47912 9.2875 7.28745C9.47917 7.09579 9.71667 6.99995 10 6.99995ZM10 9.99995H14C14.2833 9.99995 14.5208 10.0958 14.7125 10.2875C14.9042 10.4791 15 10.7166 15 11C15 11.2833 14.9042 11.5208 14.7125 11.7125C14.5208 11.9041 14.2833 12 14 12H10C9.71667 12 9.47917 11.9041 9.2875 11.7125C9.09583 11.5208 9 11.2833 9 11C9 10.7166 9.09583 10.4791 9.2875 10.2875C9.47917 10.0958 9.71667 9.99995 10 9.99995ZM17 8.99995C16.7167 8.99995 16.4792 8.90412 16.2875 8.71245C16.0958 8.52079 16 8.28329 16 7.99995C16 7.71662 16.0958 7.47912 16.2875 7.28745C16.4792 7.09579 16.7167 6.99995 17 6.99995C17.2833 6.99995 17.5208 7.09579 17.7125 7.28745C17.9042 7.47912 18 7.71662 18 7.99995C18 8.28329 17.9042 8.52079 17.7125 8.71245C17.5208 8.90412 17.2833 8.99995 17 8.99995ZM17 12C16.7167 12 16.4792 11.9041 16.2875 11.7125C16.0958 11.5208 16 11.2833 16 11C16 10.7166 16.0958 10.4791 16.2875 10.2875C16.4792 10.0958 16.7167 9.99995 17 9.99995C17.2833 9.99995 17.5208 10.0958 17.7125 10.2875C17.9042 10.4791 18 10.7166 18 11C18 11.2833 17.9042 11.5208 17.7125 11.7125C17.5208 11.9041 17.2833 12 17 12ZM6 20H15V18H5V19C5 19.2833 5.09583 19.5208 5.2875 19.7125C5.47917 19.9041 5.71667 20 6 20Z" fill="currentColor"/>', I = /* @__PURE__ */ y({
   __name: "BillingIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -31,13 +31,13 @@ const z = ["aria-hidden"], c = '<path d="M6 22C5.16667 22 4.45833 21.7083 3.875
     size: {
       type: [Number, String],
       required: !1,
-      default: d,
+      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 d="M6 22C5.16667 22 4.45833 21.7083 3.875
       default: !1
     }
   },
-  setup(i) {
-    const e = i, n = C(() => {
+  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 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 d;
-    }), u = C(() => ({
+      return c;
+    }), g = l(() => ({
       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 = {}, 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);
-    }, p = {
+    })), p = (r) => {
+      const i = {}, S = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (a, s) => {
+        const C = `${S}-${s}`;
+        return i[s] = C, `id="${C}"`;
+      }).replace(/#([^\s^")]+)/g, (a, s) => i[s] ? `#${i[s]}` : a);
+    }, f = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, f = (r) => r.replace(/[<>"'&]/g, (t) => p[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${f(e.title)}</title>` : ""}${e.staticIds ? c : g(c)}`;
-    return (r, t) => (l(), h(b(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 ? u : p(u)}`;
+    return (r, i) => (d(), h(b(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon billing-icon",
       "data-testid": "kui-icon-wrapper-billing-icon",
-      style: y(u.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: x(g.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
-      default: x(() => [
-        (l(), H("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+      default: H(() => [
+        (d(), w("svg", {
+          "aria-hidden": t.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-billing-icon",
           fill: "none",
           height: "100%",
@@ -109,7 +111,7 @@ const z = ["aria-hidden"], c = '<path d="M6 22C5.16667 22 4.45833 21.7083 3.875
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: m
+          innerHTML: v
         }, null, 8, z))
       ]),
       _: 1

package/dist/kong-icons.es662.js

@@ -1,6 +1,6 @@
-import { defineComponent as S, computed as l, openBlock as c, createBlock as h, resolveDynamicComponent as b, normalizeStyle as y, withCtx as x, createElementBlock as k } from "vue";
-import { KUI_ICON_SIZE_50 as d } from "./kong-icons.es1640.js";
-const z = ["aria-hidden"], u = '<path d="M6.55 16.5L8 14C6.9 14 5.95833 13.6083 5.175 12.825C4.39167 12.0417 4 11.1 4 10C4 8.9 4.39167 7.95833 5.175 7.175C5.95833 6.39167 6.9 6 8 6C9.1 6 10.0417 6.39167 10.825 7.175C11.6083 7.95833 12 8.9 12 10C12 10.3833 11.9542 10.7375 11.8625 11.0625C11.7708 11.3875 11.6333 11.7 11.45 12L8.275 17.5C8.19167 17.65 8.075 17.7708 7.925 17.8625C7.775 17.9542 7.60833 18 7.425 18C7.04167 18 6.75417 17.8333 6.5625 17.5C6.37083 17.1667 6.36667 16.8333 6.55 16.5ZM15.55 16.5L17 14C15.9 14 14.9583 13.6083 14.175 12.825C13.3917 12.0417 13 11.1 13 10C13 8.9 13.3917 7.95833 14.175 7.175C14.9583 6.39167 15.9 6 17 6C18.1 6 19.0417 6.39167 19.825 7.175C20.6083 7.95833 21 8.9 21 10C21 10.3833 20.9542 10.7375 20.8625 11.0625C20.7708 11.3875 20.6333 11.7 20.45 12L17.275 17.5C17.1917 17.65 17.075 17.7708 16.925 17.8625C16.775 17.9542 16.6083 18 16.425 18C16.0417 18 15.7542 17.8333 15.5625 17.5C15.3708 17.1667 15.3667 16.8333 15.55 16.5Z" fill="currentColor"/>', B = /* @__PURE__ */ S({
+import { defineComponent as y, computed as l, openBlock as d, createBlock as h, resolveDynamicComponent as b, 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="M6.55 16.5L8 14C6.9 14 5.95833 13.6083 5.175 12.825C4.39167 12.0417 4 11.1 4 10C4 8.9 4.39167 7.95833 5.175 7.175C5.95833 6.39167 6.9 6 8 6C9.1 6 10.0417 6.39167 10.825 7.175C11.6083 7.95833 12 8.9 12 10C12 10.3833 11.9542 10.7375 11.8625 11.0625C11.7708 11.3875 11.6333 11.7 11.45 12L8.275 17.5C8.19167 17.65 8.075 17.7708 7.925 17.8625C7.775 17.9542 7.60833 18 7.425 18C7.04167 18 6.75417 17.8333 6.5625 17.5C6.37083 17.1667 6.36667 16.8333 6.55 16.5ZM15.55 16.5L17 14C15.9 14 14.9583 13.6083 14.175 12.825C13.3917 12.0417 13 11.1 13 10C13 8.9 13.3917 7.95833 14.175 7.175C14.9583 6.39167 15.9 6 17 6C18.1 6 19.0417 6.39167 19.825 7.175C20.6083 7.95833 21 8.9 21 10C21 10.3833 20.9542 10.7375 20.8625 11.0625C20.7708 11.3875 20.6333 11.7 20.45 12L17.275 17.5C17.1917 17.65 17.075 17.7708 16.925 17.8625C16.775 17.9542 16.6083 18 16.425 18C16.0417 18 15.7542 17.8333 15.5625 17.5C15.3708 17.1667 15.3667 16.8333 15.55 16.5Z" fill="currentColor"/>', E = /* @__PURE__ */ y({
   __name: "BlockquoteIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -31,14 +31,14 @@ const z = ["aria-hidden"], u = '<path d="M6.55 16.5L8 14C6.9 14 5.95833 13.6083
     size: {
       type: [Number, String],
       required: !1,
-      default: d,
+      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="M6.55 16.5L8 14C6.9 14 5.95833 13.6083
       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 d;
-    }), g = l(() => ({
+      return u;
+    }), p = 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
-    })), p = (n) => {
-      const t = {}, v = Math.random().toString(36).substring(2, 12);
-      return n.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, o) => {
+        const c = `${S}-${o}`;
+        return i[o] = c, `id="${c}"`;
+      }).replace(/#([^\s^")]+)/g, (a, o) => i[o] ? `#${i[o]}` : a);
+    }, C = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, C = (n) => n.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 (n, t) => (c(), h(b(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) => (d(), h(b(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon blockquote-icon",
       "data-testid": "kui-icon-wrapper-blockquote-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(() => [
+        (d(), w("svg", {
+          "aria-hidden": t.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-blockquote-icon",
           fill: "none",
           height: "100%",
@@ -109,7 +111,7 @@ const z = ["aria-hidden"], u = '<path d="M6.55 16.5L8 14C6.9 14 5.95833 13.6083
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: m
+          innerHTML: v
         }, null, 8, z))
       ]),
       _: 1
@@ -117,5 +119,5 @@ const z = ["aria-hidden"], u = '<path d="M6.55 16.5L8 14C6.9 14 5.95833 13.6083
   }
 });
 export {
-  B as default
+  E as default
 };

package/dist/kong-icons.es664.js

@@ -1,6 +1,6 @@
-import { defineComponent as S, computed as d, openBlock as l, createBlock as h, resolveDynamicComponent as b, 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"], u = '<path d="M6.3 19.25V5.25H11.825C12.9083 5.25 13.9083 5.58333 14.825 6.25C15.7417 6.91667 16.2 7.84167 16.2 9.025C16.2 9.875 16.0083 10.5292 15.625 10.9875C15.2417 11.4458 14.8833 11.775 14.55 11.975C14.9667 12.1583 15.4292 12.5 15.9375 13C16.4458 13.5 16.7 14.25 16.7 15.25C16.7 16.7333 16.1583 17.7708 15.075 18.3625C13.9917 18.9542 12.975 19.25 12.025 19.25H6.3ZM9.325 16.45H11.925C12.725 16.45 13.2125 16.2458 13.3875 15.8375C13.5625 15.4292 13.65 15.1333 13.65 14.95C13.65 14.7667 13.5625 14.4708 13.3875 14.0625C13.2125 13.6542 12.7 13.45 11.85 13.45H9.325V16.45ZM9.325 10.75H11.65C12.2 10.75 12.6 10.6083 12.85 10.325C13.1 10.0417 13.225 9.725 13.225 9.375C13.225 8.975 13.0833 8.65 12.8 8.4C12.5167 8.15 12.15 8.025 11.7 8.025H9.325V10.75Z" fill="currentColor"/>', q = /* @__PURE__ */ S({
+import { defineComponent as y, computed as l, 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="M6.3 19.25V5.25H11.825C12.9083 5.25 13.9083 5.58333 14.825 6.25C15.7417 6.91667 16.2 7.84167 16.2 9.025C16.2 9.875 16.0083 10.5292 15.625 10.9875C15.2417 11.4458 14.8833 11.775 14.55 11.975C14.9667 12.1583 15.4292 12.5 15.9375 13C16.4458 13.5 16.7 14.25 16.7 15.25C16.7 16.7333 16.1583 17.7708 15.075 18.3625C13.9917 18.9542 12.975 19.25 12.025 19.25H6.3ZM9.325 16.45H11.925C12.725 16.45 13.2125 16.2458 13.3875 15.8375C13.5625 15.4292 13.65 15.1333 13.65 14.95C13.65 14.7667 13.5625 14.4708 13.3875 14.0625C13.2125 13.6542 12.7 13.45 11.85 13.45H9.325V16.45ZM9.325 10.75H11.65C12.2 10.75 12.6 10.6083 12.85 10.325C13.1 10.0417 13.225 9.725 13.225 9.375C13.225 8.975 13.0833 8.65 12.8 8.4C12.5167 8.15 12.15 8.025 11.7 8.025H9.325V10.75Z" fill="currentColor"/>', B = /* @__PURE__ */ y({
   __name: "BoldIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -31,14 +31,14 @@ const N = ["aria-hidden"], u = '<path d="M6.3 19.25V5.25H11.825C12.9083 5.25 13.
     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 N = ["aria-hidden"], u = '<path d="M6.3 19.25V5.25H11.825C12.9083 5.25 13.
       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 = 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;
-    }), g = d(() => ({
+      return u;
+    }), 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 = {}, C = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (s, o) => {
-        const a = `${C}-${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) => (l(), h(b(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
+    }, v = (r) => r.replace(/[<>"'&]/g, (i) => m[i]), C = `${e.title ? `<title data-testid="kui-icon-svg-title">${v(e.title)}</title>` : ""}${e.staticIds ? g : f(g)}`;
+    return (r, i) => (c(), h(b(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon bold-icon",
       "data-testid": "kui-icon-wrapper-bold-icon",
-      style: y(g.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: x(p.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
-      default: x(() => [
-        (l(), 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-bold-icon",
           fill: "none",
           height: "100%",
@@ -109,7 +111,7 @@ const N = ["aria-hidden"], u = '<path d="M6.3 19.25V5.25H11.825C12.9083 5.25 13.
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: v
+          innerHTML: C
         }, null, 8, N))
       ]),
       _: 1
@@ -117,5 +119,5 @@ const N = ["aria-hidden"], u = '<path d="M6.3 19.25V5.25H11.825C12.9083 5.25 13.
   }
 });
 export {
-  q as default
+  B as default
 };