@kong/icons 1.55.0 → 1.55.1

package/dist/kong-icons.es1050.js

@@ -1,6 +1,6 @@
-import { defineComponent as S, computed as C, openBlock as d, createBlock as h, resolveDynamicComponent as y, normalizeStyle as b, withCtx as x, createElementBlock as H } from "vue";
+import { defineComponent as y, computed as d, openBlock as c, createBlock as h, resolveDynamicComponent as b, normalizeStyle as x, withCtx as H, createElementBlock as w } from "vue";
 import { KUI_ICON_SIZE_50 as l } from "./kong-icons.es1640.js";
-const z = ["aria-hidden"], c = '<path d="M12.0483 21C11.765 21 11.5275 20.9042 11.3358 20.7125C11.1442 20.5208 11.0483 20.2833 11.0483 20V16C11.0483 15.7167 11.1442 15.4792 11.3358 15.2875C11.5275 15.0958 11.765 15 12.0483 15C12.3317 15 12.5692 15.0958 12.7608 15.2875C12.9525 15.4792 13.0483 15.7167 13.0483 16V17H20.0483C20.3317 17 20.5692 17.0958 20.7608 17.2875C20.9525 17.4792 21.0483 17.7167 21.0483 18C21.0483 18.2833 20.9525 18.5208 20.7608 18.7125C20.5692 18.9042 20.3317 19 20.0483 19H13.0483V20C13.0483 20.2833 12.9525 20.5208 12.7608 20.7125C12.5692 20.9042 12.3317 21 12.0483 21ZM4.04834 19C3.76501 19 3.52751 18.9042 3.33584 18.7125C3.14417 18.5208 3.04834 18.2833 3.04834 18C3.04834 17.7167 3.14417 17.4792 3.33584 17.2875C3.52751 17.0958 3.76501 17 4.04834 17H8.04834C8.33167 17 8.56917 17.0958 8.76084 17.2875C8.95251 17.4792 9.04834 17.7167 9.04834 18C9.04834 18.2833 8.95251 18.5208 8.76084 18.7125C8.56917 18.9042 8.33167 19 8.04834 19H4.04834ZM8.04834 15C7.76501 15 7.52751 14.9042 7.33584 14.7125C7.14417 14.5208 7.04834 14.2833 7.04834 14V13H4.04834C3.76501 13 3.52751 12.9042 3.33584 12.7125C3.14417 12.5208 3.04834 12.2833 3.04834 12C3.04834 11.7167 3.14417 11.4792 3.33584 11.2875C3.52751 11.0958 3.76501 11 4.04834 11H7.04834V10C7.04834 9.71667 7.14417 9.47917 7.33584 9.2875C7.52751 9.09583 7.76501 9 8.04834 9C8.33167 9 8.56917 9.09583 8.76084 9.2875C8.95251 9.47917 9.04834 9.71667 9.04834 10V14C9.04834 14.2833 8.95251 14.5208 8.76084 14.7125C8.56917 14.9042 8.33167 15 8.04834 15ZM12.0483 13C11.765 13 11.5275 12.9042 11.3358 12.7125C11.1442 12.5208 11.0483 12.2833 11.0483 12C11.0483 11.7167 11.1442 11.4792 11.3358 11.2875C11.5275 11.0958 11.765 11 12.0483 11H20.0483C20.3317 11 20.5692 11.0958 20.7608 11.2875C20.9525 11.4792 21.0483 11.7167 21.0483 12C21.0483 12.2833 20.9525 12.5208 20.7608 12.7125C20.5692 12.9042 20.3317 13 20.0483 13H12.0483ZM16.0483 9C15.765 9 15.5275 8.90417 15.3358 8.7125C15.1442 8.52083 15.0483 8.28333 15.0483 8V4C15.0483 3.71667 15.1442 3.47917 15.3358 3.2875C15.5275 3.09583 15.765 3 16.0483 3C16.3317 3 16.5692 3.09583 16.7608 3.2875C16.9525 3.47917 17.0483 3.71667 17.0483 4V5H20.0483C20.3317 5 20.5692 5.09583 20.7608 5.2875C20.9525 5.47917 21.0483 5.71667 21.0483 6C21.0483 6.28333 20.9525 6.52083 20.7608 6.7125C20.5692 6.90417 20.3317 7 20.0483 7H17.0483V8C17.0483 8.28333 16.9525 8.52083 16.7608 8.7125C16.5692 8.90417 16.3317 9 16.0483 9ZM4.04834 7C3.76501 7 3.52751 6.90417 3.33584 6.7125C3.14417 6.52083 3.04834 6.28333 3.04834 6C3.04834 5.71667 3.14417 5.47917 3.33584 5.2875C3.52751 5.09583 3.76501 5 4.04834 5H12.0483C12.3317 5 12.5692 5.09583 12.7608 5.2875C12.9525 5.47917 13.0483 5.71667 13.0483 6C13.0483 6.28333 12.9525 6.52083 12.7608 6.7125C12.5692 6.90417 12.3317 7 12.0483 7H4.04834Z" fill="currentColor"/>', $ = /* @__PURE__ */ S({
+const z = ["aria-hidden"], u = '<path d="M12.0483 21C11.765 21 11.5275 20.9042 11.3358 20.7125C11.1442 20.5208 11.0483 20.2833 11.0483 20V16C11.0483 15.7167 11.1442 15.4792 11.3358 15.2875C11.5275 15.0958 11.765 15 12.0483 15C12.3317 15 12.5692 15.0958 12.7608 15.2875C12.9525 15.4792 13.0483 15.7167 13.0483 16V17H20.0483C20.3317 17 20.5692 17.0958 20.7608 17.2875C20.9525 17.4792 21.0483 17.7167 21.0483 18C21.0483 18.2833 20.9525 18.5208 20.7608 18.7125C20.5692 18.9042 20.3317 19 20.0483 19H13.0483V20C13.0483 20.2833 12.9525 20.5208 12.7608 20.7125C12.5692 20.9042 12.3317 21 12.0483 21ZM4.04834 19C3.76501 19 3.52751 18.9042 3.33584 18.7125C3.14417 18.5208 3.04834 18.2833 3.04834 18C3.04834 17.7167 3.14417 17.4792 3.33584 17.2875C3.52751 17.0958 3.76501 17 4.04834 17H8.04834C8.33167 17 8.56917 17.0958 8.76084 17.2875C8.95251 17.4792 9.04834 17.7167 9.04834 18C9.04834 18.2833 8.95251 18.5208 8.76084 18.7125C8.56917 18.9042 8.33167 19 8.04834 19H4.04834ZM8.04834 15C7.76501 15 7.52751 14.9042 7.33584 14.7125C7.14417 14.5208 7.04834 14.2833 7.04834 14V13H4.04834C3.76501 13 3.52751 12.9042 3.33584 12.7125C3.14417 12.5208 3.04834 12.2833 3.04834 12C3.04834 11.7167 3.14417 11.4792 3.33584 11.2875C3.52751 11.0958 3.76501 11 4.04834 11H7.04834V10C7.04834 9.71667 7.14417 9.47917 7.33584 9.2875C7.52751 9.09583 7.76501 9 8.04834 9C8.33167 9 8.56917 9.09583 8.76084 9.2875C8.95251 9.47917 9.04834 9.71667 9.04834 10V14C9.04834 14.2833 8.95251 14.5208 8.76084 14.7125C8.56917 14.9042 8.33167 15 8.04834 15ZM12.0483 13C11.765 13 11.5275 12.9042 11.3358 12.7125C11.1442 12.5208 11.0483 12.2833 11.0483 12C11.0483 11.7167 11.1442 11.4792 11.3358 11.2875C11.5275 11.0958 11.765 11 12.0483 11H20.0483C20.3317 11 20.5692 11.0958 20.7608 11.2875C20.9525 11.4792 21.0483 11.7167 21.0483 12C21.0483 12.2833 20.9525 12.5208 20.7608 12.7125C20.5692 12.9042 20.3317 13 20.0483 13H12.0483ZM16.0483 9C15.765 9 15.5275 8.90417 15.3358 8.7125C15.1442 8.52083 15.0483 8.28333 15.0483 8V4C15.0483 3.71667 15.1442 3.47917 15.3358 3.2875C15.5275 3.09583 15.765 3 16.0483 3C16.3317 3 16.5692 3.09583 16.7608 3.2875C16.9525 3.47917 17.0483 3.71667 17.0483 4V5H20.0483C20.3317 5 20.5692 5.09583 20.7608 5.2875C20.9525 5.47917 21.0483 5.71667 21.0483 6C21.0483 6.28333 20.9525 6.52083 20.7608 6.7125C20.5692 6.90417 20.3317 7 20.0483 7H17.0483V8C17.0483 8.28333 16.9525 8.52083 16.7608 8.7125C16.5692 8.90417 16.3317 9 16.0483 9ZM4.04834 7C3.76501 7 3.52751 6.90417 3.33584 6.7125C3.14417 6.52083 3.04834 6.28333 3.04834 6C3.04834 5.71667 3.14417 5.47917 3.33584 5.2875C3.52751 5.09583 3.76501 5 4.04834 5H12.0483C12.3317 5 12.5692 5.09583 12.7608 5.2875C12.9525 5.47917 13.0483 5.71667 13.0483 6C13.0483 6.28333 12.9525 6.52083 12.7608 6.7125C12.5692 6.90417 12.3317 7 12.0483 7H4.04834Z" fill="currentColor"/>', q = /* @__PURE__ */ y({
   __name: "TuneIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -33,11 +33,11 @@ const z = ["aria-hidden"], c = '<path d="M12.0483 21C11.765 21 11.5275 20.9042 1
       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 (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="M12.0483 21C11.765 21 11.5275 20.9042 1
       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 = 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 = C(() => ({
+    }), g = 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
-    })), 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) => (d(), h(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 ? u : p(u)}`;
+    return (r, i) => (c(), h(b(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon tune-icon",
       "data-testid": "kui-icon-wrapper-tune-icon",
-      style: b(u.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: x(g.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
-      default: x(() => [
-        (d(), H("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+      default: H(() => [
+        (c(), w("svg", {
+          "aria-hidden": t.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-tune-icon",
           fill: "none",
           height: "100%",
@@ -109,7 +111,7 @@ const z = ["aria-hidden"], c = '<path d="M12.0483 21C11.765 21 11.5275 20.9042 1
           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"], c = '<path d="M12.0483 21C11.765 21 11.5275 20.9042 1
   }
 });
 export {
-  $ as default
+  q as default
 };

package/dist/kong-icons.es1052.js

@@ -1,6 +1,6 @@
-import { defineComponent as C, computed as d, openBlock as l, createBlock as h, resolveDynamicComponent as y, normalizeStyle as b, withCtx as x, createElementBlock as z } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1640.js";
-const N = ["aria-hidden"], u = '<path d="M4 19C3.45 19 2.97917 18.8042 2.5875 18.4125C2.19583 18.0208 2 17.55 2 17V5C2 4.45 2.19583 3.97917 2.5875 3.5875C2.97917 3.19583 3.45 3 4 3H20C20.55 3 21.0208 3.19583 21.4125 3.5875C21.8042 3.97917 22 4.45 22 5V17C22 17.55 21.8042 18.0208 21.4125 18.4125C21.0208 18.8042 20.55 19 20 19H16V20C16 20.2833 15.9042 20.5208 15.7125 20.7125C15.5208 20.9042 15.2833 21 15 21H9C8.71667 21 8.47917 20.9042 8.2875 20.7125C8.09583 20.5208 8 20.2833 8 20V19H4ZM4 17H20V5H4V17Z" fill="currentColor"/>', q = /* @__PURE__ */ C({
+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="M4 19C3.45 19 2.97917 18.8042 2.5875 18.4125C2.19583 18.0208 2 17.55 2 17V5C2 4.45 2.19583 3.97917 2.5875 3.5875C2.97917 3.19583 3.45 3 4 3H20C20.55 3 21.0208 3.19583 21.4125 3.5875C21.8042 3.97917 22 4.45 22 5V17C22 17.55 21.8042 18.0208 21.4125 18.4125C21.0208 18.8042 20.55 19 20 19H16V20C16 20.2833 15.9042 20.5208 15.7125 20.7125C15.5208 20.9042 15.2833 21 15 21H9C8.71667 21 8.47917 20.9042 8.2875 20.7125C8.09583 20.5208 8 20.2833 8 20V19H4ZM4 17H20V5H4V17Z" fill="currentColor"/>', B = /* @__PURE__ */ y({
   __name: "TvIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -31,14 +31,14 @@ const N = ["aria-hidden"], u = '<path d="M4 19C3.45 19 2.97917 18.8042 2.5875 18
     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="M4 19C3.45 19 2.97917 18.8042 2.5875 18
       default: !1
     }
   },
-  setup(i) {
-    const e = i, r = d(() => {
+  setup(t) {
+    const e = t, n = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), o = c(() => {
+      if (n(e.size))
+        return e.size;
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
-        const n = String(e.size).replace(/px/gi, ""), t = Number(n);
-        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
-          return `${t}px`;
+        const r = String(e.size).replace(/px/gi, ""), i = Number(r);
+        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
+          return `${i}px`;
       }
-      return c;
-    }), 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 = {}, 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 = {}, C = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (a, s) => {
+        const d = `${C}-${s}`;
+        return i[s] = d, `id="${d}"`;
+      }).replace(/#([^\s^")]+)/g, (a, s) => i[s] ? `#${i[s]}` : a);
+    }, v = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, v = (n) => n.replace(/[<>"'&]/g, (t) => f[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${v(e.title)}</title>` : ""}${e.staticIds ? u : p(u)}`;
-    return (n, t) => (l(), h(y(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
+    }, m = (r) => r.replace(/[<>"'&]/g, (i) => v[i]), S = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? g : f(g)}`;
+    return (r, i) => (l(), h(b(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon tv-icon",
       "data-testid": "kui-icon-wrapper-tv-icon",
-      style: b(g.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: x(p.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
-      default: x(() => [
+      default: w(() => [
         (l(), z("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+          "aria-hidden": t.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-tv-icon",
           fill: "none",
           height: "100%",
@@ -109,7 +111,7 @@ const N = ["aria-hidden"], u = '<path d="M4 19C3.45 19 2.97917 18.8042 2.5875 18
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: m
+          innerHTML: S
         }, null, 8, N))
       ]),
       _: 1
@@ -117,5 +119,5 @@ const N = ["aria-hidden"], u = '<path d="M4 19C3.45 19 2.97917 18.8042 2.5875 18
   }
 });
 export {
-  q as default
+  B as default
 };

package/dist/kong-icons.es1054.js

@@ -1,6 +1,6 @@
-import { defineComponent as h, computed as d, openBlock as l, createBlock as y, resolveDynamicComponent as C, normalizeStyle as b, withCtx as x, createElementBlock as z } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1640.js";
-const N = ["aria-hidden"], u = '<path d="M4.5 21.25V19.25H18.5V21.25H4.5ZM11.5 17.25C9.81667 17.25 8.50833 16.725 7.575 15.675C6.64167 14.625 6.175 13.2333 6.175 11.5V3.25H8.75V11.65C8.75 12.5833 8.98333 13.3417 9.45 13.925C9.91667 14.5083 10.6 14.8 11.5 14.8C12.4 14.8 13.0833 14.5083 13.55 13.925C14.0167 13.3417 14.25 12.5833 14.25 11.65V3.25H16.825V11.5C16.825 13.2333 16.3583 14.625 15.425 15.675C14.4917 16.725 13.1833 17.25 11.5 17.25Z" fill="currentColor"/>', H = /* @__PURE__ */ h({
+import { defineComponent as h, computed as l, openBlock as c, createBlock as C, 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="M4.5 21.25V19.25H18.5V21.25H4.5ZM11.5 17.25C9.81667 17.25 8.50833 16.725 7.575 15.675C6.64167 14.625 6.175 13.2333 6.175 11.5V3.25H8.75V11.65C8.75 12.5833 8.98333 13.3417 9.45 13.925C9.91667 14.5083 10.6 14.8 11.5 14.8C12.4 14.8 13.0833 14.5083 13.55 13.925C14.0167 13.3417 14.25 12.5833 14.25 11.65V3.25H16.825V11.5C16.825 13.2333 16.3583 14.625 15.425 15.675C14.4917 16.725 13.1833 17.25 11.5 17.25Z" fill="currentColor"/>', B = /* @__PURE__ */ h({
   __name: "UnderlineIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -31,13 +31,13 @@ const N = ["aria-hidden"], u = '<path d="M4.5 21.25V19.25H18.5V21.25H4.5ZM11.5 1
     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 N = ["aria-hidden"], u = '<path d="M4.5 21.25V19.25H18.5V21.25H4.5ZM11.5 1
       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 = 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 c;
-    }), g = d(() => ({
+      return u;
+    }), p = 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
-    })), p = (r) => {
-      const t = {}, S = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (s, o) => {
-        const a = `${S}-${o}`;
-        return t[o] = a, `id="${a}"`;
-      }).replace(/#([^\s^")]+)/g, (s, o) => t[o] ? `#${t[o]}` : s);
-    }, f = {
+    })), f = (r) => {
+      const i = {}, y = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (a, s) => {
+        const d = `${y}-${s}`;
+        return i[s] = d, `id="${d}"`;
+      }).replace(/#([^\s^")]+)/g, (a, s) => i[s] ? `#${i[s]}` : a);
+    }, m = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, m = (r) => r.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 (r, t) => (l(), y(C(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) => (c(), C(b(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon underline-icon",
       "data-testid": "kui-icon-wrapper-underline-icon",
-      style: b(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-underline-icon",
           fill: "none",
           height: "100%",
@@ -109,7 +111,7 @@ const N = ["aria-hidden"], u = '<path d="M4.5 21.25V19.25H18.5V21.25H4.5ZM11.5 1
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: v
+          innerHTML: S
         }, null, 8, N))
       ]),
       _: 1
@@ -117,5 +119,5 @@ const N = ["aria-hidden"], u = '<path d="M4.5 21.25V19.25H18.5V21.25H4.5ZM11.5 1
   }
 });
 export {
-  H as default
+  B as default
 };

package/dist/kong-icons.es1056.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 z } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1640.js";
-const N = ["aria-hidden"], u = '<path d="M7.9998 19.5C7.71647 19.5 7.47897 19.4042 7.2873 19.2125C7.09564 19.0209 6.9998 18.7834 6.9998 18.5C6.9998 18.2167 7.09564 17.9792 7.2873 17.7875C7.47897 17.5959 7.71647 17.5 7.9998 17.5H14.0998C15.1498 17.5 16.0623 17.1667 16.8373 16.5C17.6123 15.8334 17.9998 15 17.9998 14C17.9998 13 17.6123 12.1667 16.8373 11.5C16.0623 10.8334 15.1498 10.5 14.0998 10.5H7.7998L9.6998 12.4C9.88314 12.5834 9.9748 12.8167 9.9748 13.1C9.9748 13.3834 9.88314 13.6167 9.6998 13.8C9.51647 13.9834 9.28314 14.075 8.9998 14.075C8.71647 14.075 8.48314 13.9834 8.2998 13.8L4.6998 10.2C4.5998 10.1 4.52897 9.99172 4.4873 9.87505C4.44564 9.75838 4.4248 9.63338 4.4248 9.50005C4.4248 9.36672 4.44564 9.24172 4.4873 9.12505C4.52897 9.00838 4.5998 8.90005 4.6998 8.80005L8.2998 5.20005C8.48314 5.01672 8.71647 4.92505 8.9998 4.92505C9.28314 4.92505 9.51647 5.01672 9.6998 5.20005C9.88314 5.38338 9.9748 5.61672 9.9748 5.90005C9.9748 6.18338 9.88314 6.41672 9.6998 6.60005L7.7998 8.50005H14.0998C15.7165 8.50005 17.104 9.02505 18.2623 10.075C19.4206 11.125 19.9998 12.4334 19.9998 14C19.9998 15.5667 19.4206 16.875 18.2623 17.925C17.104 18.975 15.7165 19.5 14.0998 19.5H7.9998Z" fill="currentColor"/>', H = /* @__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="M7.9998 19.5C7.71647 19.5 7.47897 19.4042 7.2873 19.2125C7.09564 19.0209 6.9998 18.7834 6.9998 18.5C6.9998 18.2167 7.09564 17.9792 7.2873 17.7875C7.47897 17.5959 7.71647 17.5 7.9998 17.5H14.0998C15.1498 17.5 16.0623 17.1667 16.8373 16.5C17.6123 15.8334 17.9998 15 17.9998 14C17.9998 13 17.6123 12.1667 16.8373 11.5C16.0623 10.8334 15.1498 10.5 14.0998 10.5H7.7998L9.6998 12.4C9.88314 12.5834 9.9748 12.8167 9.9748 13.1C9.9748 13.3834 9.88314 13.6167 9.6998 13.8C9.51647 13.9834 9.28314 14.075 8.9998 14.075C8.71647 14.075 8.48314 13.9834 8.2998 13.8L4.6998 10.2C4.5998 10.1 4.52897 9.99172 4.4873 9.87505C4.44564 9.75838 4.4248 9.63338 4.4248 9.50005C4.4248 9.36672 4.44564 9.24172 4.4873 9.12505C4.52897 9.00838 4.5998 8.90005 4.6998 8.80005L8.2998 5.20005C8.48314 5.01672 8.71647 4.92505 8.9998 4.92505C9.28314 4.92505 9.51647 5.01672 9.6998 5.20005C9.88314 5.38338 9.9748 5.61672 9.9748 5.90005C9.9748 6.18338 9.88314 6.41672 9.6998 6.60005L7.7998 8.50005H14.0998C15.7165 8.50005 17.104 9.02505 18.2623 10.075C19.4206 11.125 19.9998 12.4334 19.9998 14C19.9998 15.5667 19.4206 16.875 18.2623 17.925C17.104 18.975 15.7165 19.5 14.0998 19.5H7.9998Z" fill="currentColor"/>', B = /* @__PURE__ */ y({
   __name: "UndoIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -31,13 +31,13 @@ const N = ["aria-hidden"], u = '<path d="M7.9998 19.5C7.71647 19.5 7.47897 19.40
     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 N = ["aria-hidden"], u = '<path d="M7.9998 19.5C7.71647 19.5 7.47897 19.40
       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 undo-icon",
       "data-testid": "kui-icon-wrapper-undo-icon",
-      style: b(g.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: x(p.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
-      default: x(() => [
+      default: w(() => [
         (l(), z("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+          "aria-hidden": t.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-undo-icon",
           fill: "none",
           height: "100%",
@@ -109,7 +111,7 @@ const N = ["aria-hidden"], u = '<path d="M7.9998 19.5C7.71647 19.5 7.47897 19.40
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: m
+          innerHTML: v
         }, null, 8, N))
       ]),
       _: 1
@@ -117,5 +119,5 @@ const N = ["aria-hidden"], u = '<path d="M7.9998 19.5C7.71647 19.5 7.47897 19.40
   }
 });
 export {
-  H as default
+  B as default
 };

package/dist/kong-icons.es1058.js

@@ -1,6 +1,6 @@
-import { defineComponent as h, computed as l, openBlock as d, createBlock as y, resolveDynamicComponent as b, normalizeStyle as x, withCtx as L, createElementBlock as z } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1640.js";
-const N = ["aria-hidden"], u = '<path d="M8.9 20L7.5 18.6L12 14.1L16.5 18.6L15.1 20L12 16.9L8.9 20ZM12 9.9L7.5 5.4L8.9 4L12 7.1L15.1 4L16.5 5.4L12 9.9Z" fill="currentColor"/>', q = /* @__PURE__ */ h({
+import { defineComponent as h, computed as l, openBlock as c, createBlock as b, resolveDynamicComponent as x, normalizeStyle as L, withCtx as w, createElementBlock as z } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kong-icons.es1640.js";
+const N = ["aria-hidden"], f = '<path d="M8.9 20L7.5 18.6L12 14.1L16.5 18.6L15.1 20L12 16.9L8.9 20ZM12 9.9L7.5 5.4L8.9 4L12 7.1L15.1 4L16.5 5.4L12 9.9Z" fill="currentColor"/>', B = /* @__PURE__ */ h({
   __name: "UnfoldLessIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -31,13 +31,13 @@ const N = ["aria-hidden"], u = '<path d="M8.9 20L7.5 18.6L12 14.1L16.5 18.6L15.1
     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 N = ["aria-hidden"], u = '<path d="M8.9 20L7.5 18.6L12 14.1L16.5 18.6L15.1
       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 = 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 c;
+      return u;
     }), 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
-    })), f = (r) => {
-      const t = {}, S = Math.random().toString(36).substring(2, 12);
-      return r.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);
-    }, p = {
+    })), p = (r) => {
+      const i = {}, y = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (a, s) => {
+        const d = `${y}-${s}`;
+        return i[s] = d, `id="${d}"`;
+      }).replace(/#([^\s^")]+)/g, (a, s) => i[s] ? `#${i[s]}` : a);
+    }, m = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, m = (r) => r.replace(/[<>"'&]/g, (t) => p[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? u : f(u)}`;
-    return (r, t) => (d(), y(b(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 ? f : p(f)}`;
+    return (r, i) => (c(), b(x(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon unfold-less-icon",
       "data-testid": "kui-icon-wrapper-unfold-less-icon",
-      style: x(g.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: L(g.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
-      default: L(() => [
-        (d(), z("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+      default: w(() => [
+        (c(), z("svg", {
+          "aria-hidden": t.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-unfold-less-icon",
           fill: "none",
           height: "100%",
@@ -109,7 +111,7 @@ const N = ["aria-hidden"], u = '<path d="M8.9 20L7.5 18.6L12 14.1L16.5 18.6L15.1
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: v
+          innerHTML: S
         }, null, 8, N))
       ]),
       _: 1
@@ -117,5 +119,5 @@ const N = ["aria-hidden"], u = '<path d="M8.9 20L7.5 18.6L12 14.1L16.5 18.6L15.1
   }
 });
 export {
-  q as default
+  B as default
 };