@kong/icons 1.55.0 → 1.55.1

package/dist/kong-icons.es700.js

@@ -1,6 +1,6 @@
-import { defineComponent as h, computed as c, openBlock as d, createBlock as y, resolveDynamicComponent as b, 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="M7.4 15.4L6 14L12 8L18 14L16.6 15.4L12 10.8L7.4 15.4Z" fill="currentColor"/>', L = /* @__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"], p = '<path d="M7.4 15.4L6 14L12 8L18 14L16.6 15.4L12 10.8L7.4 15.4Z" fill="currentColor"/>', B = /* @__PURE__ */ y({
   __name: "ChevronUpIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -31,14 +31,14 @@ const C = ["aria-hidden"], u = '<path d="M7.4 15.4L6 14L12 8L18 14L16.6 15.4L12
     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="M7.4 15.4L6 14L12 8L18 14L16.6 15.4L12
       default: !1
     }
   },
-  setup(i) {
-    const e = i, r = 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 n = String(e.size).replace(/px/gi, ""), t = Number(n);
-        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
-          return `${t}px`;
+        const r = String(e.size).replace(/px/gi, ""), i = Number(r);
+        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
+          return `${i}px`;
       }
-      return l;
-    }), p = c(() => ({
+      return u;
+    }), 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 = {}, 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 = {}, h = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (a, s) => {
+        const c = `${h}-${s}`;
+        return i[s] = c, `id="${c}"`;
+      }).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 : g(u)}`;
-    return (n, t) => (d(), y(b(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 ? p : f(p)}`;
+    return (r, i) => (l(), b(x(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon chevron-up-icon",
       "data-testid": "kui-icon-wrapper-chevron-up-icon",
-      style: x(p.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: w(g.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-chevron-up-icon",
           fill: "none",
           height: "100%",
@@ -109,13 +111,13 @@ const C = ["aria-hidden"], u = '<path d="M7.4 15.4L6 14L12 8L18 14L16.6 15.4L12
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: m
-        }, null, 8, C))
+          innerHTML: S
+        }, null, 8, N))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  L as default
+  B as default
 };

package/dist/kong-icons.es702.js

@@ -1,6 +1,6 @@
-import { defineComponent as S, computed as l, openBlock as c, createBlock as y, resolveDynamicComponent as h, normalizeStyle as b, withCtx as x, createElementBlock as H } from "vue";
-import { KUI_ICON_SIZE_50 as d } from "./kong-icons.es1640.js";
-const z = ["aria-hidden"], u = '<path d="M7 17H12C12.2833 17 12.5208 16.9042 12.7125 16.7125C12.9042 16.5208 13 16.2833 13 16C13 15.7167 12.9042 15.4792 12.7125 15.2875C12.5208 15.0958 12.2833 15 12 15H7C6.71667 15 6.47917 15.0958 6.2875 15.2875C6.09583 15.4792 6 15.7167 6 16C6 16.2833 6.09583 16.5208 6.2875 16.7125C6.47917 16.9042 6.71667 17 7 17ZM16.2875 7.2875C16.0958 7.47917 16 7.71667 16 8V16C16 16.2833 16.0958 16.5208 16.2875 16.7125C16.4792 16.9042 16.7167 17 17 17C17.2833 17 17.5208 16.9042 17.7125 16.7125C17.9042 16.5208 18 16.2833 18 16V8C18 7.71667 17.9042 7.47917 17.7125 7.2875C17.5208 7.09583 17.2833 7 17 7C16.7167 7 16.4792 7.09583 16.2875 7.2875ZM7 13H12C12.2833 13 12.5208 12.9042 12.7125 12.7125C12.9042 12.5208 13 12.2833 13 12C13 11.7167 12.9042 11.4792 12.7125 11.2875C12.5208 11.0958 12.2833 11 12 11H7C6.71667 11 6.47917 11.0958 6.2875 11.2875C6.09583 11.4792 6 11.7167 6 12C6 12.2833 6.09583 12.5208 6.2875 12.7125C6.47917 12.9042 6.71667 13 7 13ZM7 9H12C12.2833 9 12.5208 8.90417 12.7125 8.7125C12.9042 8.52083 13 8.28333 13 8C13 7.71667 12.9042 7.47917 12.7125 7.2875C12.5208 7.09583 12.2833 7 12 7H7C6.71667 7 6.47917 7.09583 6.2875 7.2875C6.09583 7.47917 6 7.71667 6 8C6 8.28333 6.09583 8.52083 6.2875 8.7125C6.47917 8.90417 6.71667 9 7 9ZM4 21C3.45 21 2.97917 20.8042 2.5875 20.4125C2.19583 20.0208 2 19.55 2 19V5C2 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 5V19C22 19.55 21.8042 20.0208 21.4125 20.4125C21.0208 20.8042 20.55 21 20 21H4ZM4 19H20V5H4V19Z" fill="currentColor"/>', $ = /* @__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 u } from "./kong-icons.es1640.js";
+const z = ["aria-hidden"], C = '<path d="M7 17H12C12.2833 17 12.5208 16.9042 12.7125 16.7125C12.9042 16.5208 13 16.2833 13 16C13 15.7167 12.9042 15.4792 12.7125 15.2875C12.5208 15.0958 12.2833 15 12 15H7C6.71667 15 6.47917 15.0958 6.2875 15.2875C6.09583 15.4792 6 15.7167 6 16C6 16.2833 6.09583 16.5208 6.2875 16.7125C6.47917 16.9042 6.71667 17 7 17ZM16.2875 7.2875C16.0958 7.47917 16 7.71667 16 8V16C16 16.2833 16.0958 16.5208 16.2875 16.7125C16.4792 16.9042 16.7167 17 17 17C17.2833 17 17.5208 16.9042 17.7125 16.7125C17.9042 16.5208 18 16.2833 18 16V8C18 7.71667 17.9042 7.47917 17.7125 7.2875C17.5208 7.09583 17.2833 7 17 7C16.7167 7 16.4792 7.09583 16.2875 7.2875ZM7 13H12C12.2833 13 12.5208 12.9042 12.7125 12.7125C12.9042 12.5208 13 12.2833 13 12C13 11.7167 12.9042 11.4792 12.7125 11.2875C12.5208 11.0958 12.2833 11 12 11H7C6.71667 11 6.47917 11.0958 6.2875 11.2875C6.09583 11.4792 6 11.7167 6 12C6 12.2833 6.09583 12.5208 6.2875 12.7125C6.47917 12.9042 6.71667 13 7 13ZM7 9H12C12.2833 9 12.5208 8.90417 12.7125 8.7125C12.9042 8.52083 13 8.28333 13 8C13 7.71667 12.9042 7.47917 12.7125 7.2875C12.5208 7.09583 12.2833 7 12 7H7C6.71667 7 6.47917 7.09583 6.2875 7.2875C6.09583 7.47917 6 7.71667 6 8C6 8.28333 6.09583 8.52083 6.2875 8.7125C6.47917 8.90417 6.71667 9 7 9ZM4 21C3.45 21 2.97917 20.8042 2.5875 20.4125C2.19583 20.0208 2 19.55 2 19V5C2 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 5V19C22 19.55 21.8042 20.0208 21.4125 20.4125C21.0208 20.8042 20.55 21 20 21H4ZM4 19H20V5H4V19Z" fill="currentColor"/>', q = /* @__PURE__ */ y({
   __name: "ClarifyIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -31,14 +31,14 @@ const z = ["aria-hidden"], u = '<path d="M7 17H12C12.2833 17 12.5208 16.9042 12.
     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="M7 17H12C12.2833 17 12.5208 16.9042 12.
       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 = 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;
-    }), C = l(() => ({
+      return u;
+    }), f = 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
-    })), g = (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 = {
+    })), g = (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);
+    }, p = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, p = (n) => n.replace(/[<>"'&]/g, (t) => f[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${p(e.title)}</title>` : ""}${e.staticIds ? u : g(u)}`;
-    return (n, t) => (c(), y(h(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
+    }, m = (r) => r.replace(/[<>"'&]/g, (i) => p[i]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? C : g(C)}`;
+    return (r, i) => (d(), h(b(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon clarify-icon",
       "data-testid": "kui-icon-wrapper-clarify-icon",
-      style: b(C.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: x(f.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
-      default: x(() => [
-        (c(), 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-clarify-icon",
           fill: "none",
           height: "100%",
@@ -109,7 +111,7 @@ const z = ["aria-hidden"], u = '<path d="M7 17H12C12.2833 17 12.5208 16.9042 12.
           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="M7 17H12C12.2833 17 12.5208 16.9042 12.
   }
 });
 export {
-  $ as default
+  q as default
 };

package/dist/kong-icons.es704.js

@@ -1,6 +1,6 @@
-import { defineComponent as S, computed as l, openBlock as c, createBlock as h, resolveDynamicComponent as y, normalizeStyle as b, withCtx as x, createElementBlock as z } from "vue";
-import { KUI_ICON_SIZE_50 as d } from "./kong-icons.es1640.js";
-const H = ["aria-hidden"], u = '<path d="M5 23C4.45 23 3.97917 22.8042 3.5875 22.4125C3.19583 22.0208 3 21.55 3 21V16C3 14.6167 3.4875 13.4375 4.4625 12.4625C5.4375 11.4875 6.61667 11 8 11H9V3C9 2.45 9.19583 1.97917 9.5875 1.5875C9.97917 1.19583 10.45 1 11 1H13C13.55 1 14.0208 1.19583 14.4125 1.5875C14.8042 1.97917 15 2.45 15 3V11H16C17.3833 11 18.5625 11.4875 19.5375 12.4625C20.5125 13.4375 21 14.6167 21 16V21C21 21.55 20.8042 22.0208 20.4125 22.4125C20.0208 22.8042 19.55 23 19 23H5ZM5 21H7V18C7 17.7167 7.09583 17.4792 7.2875 17.2875C7.47917 17.0958 7.71667 17 8 17C8.28333 17 8.52083 17.0958 8.7125 17.2875C8.90417 17.4792 9 17.7167 9 18V21H11V18C11 17.7167 11.0958 17.4792 11.2875 17.2875C11.4792 17.0958 11.7167 17 12 17C12.2833 17 12.5208 17.0958 12.7125 17.2875C12.9042 17.4792 13 17.7167 13 18V21H15V18C15 17.7167 15.0958 17.4792 15.2875 17.2875C15.4792 17.0958 15.7167 17 16 17C16.2833 17 16.5208 17.0958 16.7125 17.2875C16.9042 17.4792 17 17.7167 17 18V21H19V16C19 15.1667 18.7083 14.4583 18.125 13.875C17.5417 13.2917 16.8333 13 16 13H8C7.16667 13 6.45833 13.2917 5.875 13.875C5.29167 14.4583 5 15.1667 5 16V21Z" fill="currentColor"/>', $ = /* @__PURE__ */ S({
+import { defineComponent as y, computed as l, openBlock as d, 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 H = ["aria-hidden"], g = '<path d="M5 23C4.45 23 3.97917 22.8042 3.5875 22.4125C3.19583 22.0208 3 21.55 3 21V16C3 14.6167 3.4875 13.4375 4.4625 12.4625C5.4375 11.4875 6.61667 11 8 11H9V3C9 2.45 9.19583 1.97917 9.5875 1.5875C9.97917 1.19583 10.45 1 11 1H13C13.55 1 14.0208 1.19583 14.4125 1.5875C14.8042 1.97917 15 2.45 15 3V11H16C17.3833 11 18.5625 11.4875 19.5375 12.4625C20.5125 13.4375 21 14.6167 21 16V21C21 21.55 20.8042 22.0208 20.4125 22.4125C20.0208 22.8042 19.55 23 19 23H5ZM5 21H7V18C7 17.7167 7.09583 17.4792 7.2875 17.2875C7.47917 17.0958 7.71667 17 8 17C8.28333 17 8.52083 17.0958 8.7125 17.2875C8.90417 17.4792 9 17.7167 9 18V21H11V18C11 17.7167 11.0958 17.4792 11.2875 17.2875C11.4792 17.0958 11.7167 17 12 17C12.2833 17 12.5208 17.0958 12.7125 17.2875C12.9042 17.4792 13 17.7167 13 18V21H15V18C15 17.7167 15.0958 17.4792 15.2875 17.2875C15.4792 17.0958 15.7167 17 16 17C16.2833 17 16.5208 17.0958 16.7125 17.2875C16.9042 17.4792 17 17.7167 17 18V21H19V16C19 15.1667 18.7083 14.4583 18.125 13.875C17.5417 13.2917 16.8333 13 16 13H8C7.16667 13 6.45833 13.2917 5.875 13.875C5.29167 14.4583 5 15.1667 5 16V21Z" fill="currentColor"/>', q = /* @__PURE__ */ y({
   __name: "CleaningIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -31,14 +31,14 @@ const H = ["aria-hidden"], u = '<path d="M5 23C4.45 23 3.97917 22.8042 3.5875 22
     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, ""), n = Number(e);
-          if (n && !isNaN(n) && Number.isInteger(n) && n > 0)
+        if (typeof t == "string") {
+          const e = String(t).replace(/px/gi, ""), r = Number(e);
+          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
             return !0;
         }
         return !1;
@@ -60,48 +60,50 @@ const H = ["aria-hidden"], u = '<path d="M5 23C4.45 23 3.97917 22.8042 3.5875 22
       default: !1
     }
   },
-  setup(i) {
-    const e = i, n = l(() => {
+  setup(t) {
+    const e = t, r = (n) => typeof n == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(n), o = l(() => {
+      if (r(e.size))
+        return e.size;
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
-        const r = String(e.size).replace(/px/gi, ""), t = Number(r);
-        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
-          return `${t}px`;
+        const n = String(e.size).replace(/px/gi, ""), i = Number(n);
+        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
+          return `${i}px`;
       }
-      return d;
-    }), g = l(() => ({
+      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 = {}, 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 = (n) => {
+      const i = {}, S = Math.random().toString(36).substring(2, 12);
+      return n.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);
     }, C = {
       "<": "&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) => (c(), h(y(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
+    }, m = (n) => n.replace(/[<>"'&]/g, (i) => C[i]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? g : f(g)}`;
+    return (n, i) => (d(), h(b(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon cleaning-icon",
       "data-testid": "kui-icon-wrapper-cleaning-icon",
-      style: b(g.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: x(p.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
-      default: x(() => [
-        (c(), z("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+      default: w(() => [
+        (d(), z("svg", {
+          "aria-hidden": t.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-cleaning-icon",
           fill: "none",
           height: "100%",
@@ -109,7 +111,7 @@ const H = ["aria-hidden"], u = '<path d="M5 23C4.45 23 3.97917 22.8042 3.5875 22
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: m
+          innerHTML: v
         }, null, 8, H))
       ]),
       _: 1
@@ -117,5 +119,5 @@ const H = ["aria-hidden"], u = '<path d="M5 23C4.45 23 3.97917 22.8042 3.5875 22
   }
 });
 export {
-  $ as default
+  q as default
 };

package/dist/kong-icons.es706.js

@@ -1,6 +1,6 @@
-import { defineComponent as S, computed as l, openBlock as c, createBlock as h, resolveDynamicComponent as y, normalizeStyle as b, withCtx as x, createElementBlock as L } from "vue";
-import { KUI_ICON_SIZE_50 as d } from "./kong-icons.es1640.js";
-const z = ["aria-hidden"], u = '<path d="M8.4 17L12 13.4L15.6 17L17 15.6L13.4 12L17 8.4L15.6 7L12 10.6L8.4 7L7 8.4L10.6 12L7 15.6L8.4 17ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"/>', q = /* @__PURE__ */ S({
+import { defineComponent as y, computed as l, openBlock as d, createBlock as h, resolveDynamicComponent as b, normalizeStyle as x, withCtx as L, createElementBlock as w } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kong-icons.es1640.js";
+const z = ["aria-hidden"], g = '<path d="M8.4 17L12 13.4L15.6 17L17 15.6L13.4 12L17 8.4L15.6 7L12 10.6L8.4 7L7 8.4L10.6 12L7 15.6L8.4 17ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"/>', B = /* @__PURE__ */ y({
   __name: "ClearIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -31,14 +31,14 @@ const z = ["aria-hidden"], u = '<path d="M8.4 17L12 13.4L15.6 17L17 15.6L13.4 12
     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="M8.4 17L12 13.4L15.6 17L17 15.6L13.4 12
       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 = 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: 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 c = `${S}-${s}`;
+        return i[s] = c, `id="${c}"`;
+      }).replace(/#([^\s^")]+)/g, (a, s) => i[s] ? `#${i[s]}` : a);
+    }, m = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, m = (n) => n.replace(/[<>"'&]/g, (t) => f[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? u : p(u)}`;
-    return (n, t) => (c(), h(y(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) => (d(), h(b(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon clear-icon",
       "data-testid": "kui-icon-wrapper-clear-icon",
-      style: b(g.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: x(p.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
-      default: x(() => [
-        (c(), L("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+      default: L(() => [
+        (d(), w("svg", {
+          "aria-hidden": t.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-clear-icon",
           fill: "none",
           height: "100%",
@@ -109,7 +111,7 @@ const z = ["aria-hidden"], u = '<path d="M8.4 17L12 13.4L15.6 17L17 15.6L13.4 12
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: v
+          innerHTML: C
         }, null, 8, z))
       ]),
       _: 1
@@ -117,5 +119,5 @@ const z = ["aria-hidden"], u = '<path d="M8.4 17L12 13.4L15.6 17L17 15.6L13.4 12
   }
 });
 export {
-  q as default
+  B as default
 };

package/dist/kong-icons.es708.js

@@ -1,6 +1,6 @@
-import { defineComponent as S, computed as d, openBlock as l, createBlock as b, resolveDynamicComponent as h, normalizeStyle as y, withCtx as x, createElementBlock as H } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1640.js";
-const z = ["aria-hidden"], u = '<path d="M5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6C3 5.45 3.19583 4.97917 3.5875 4.5875C3.97917 4.19583 4.45 4 5 4H9.2C9.41667 3.4 9.77917 2.91667 10.2875 2.55C10.7958 2.18333 11.3667 2 12 2C12.6333 2 13.2042 2.18333 13.7125 2.55C14.2208 2.91667 14.5833 3.4 14.8 4H19C19.55 4 20.0208 4.19583 20.4125 4.5875C20.8042 4.97917 21 5.45 21 6V20C21 20.55 20.8042 21.0208 20.4125 21.4125C20.0208 21.8042 19.55 22 19 22H5ZM5 20H19V6H5V20ZM7 18H14V16H7V18ZM7 14H17V12H7V14ZM7 10H17V8H7V10ZM12 5.25C12.2167 5.25 12.3958 5.17917 12.5375 5.0375C12.6792 4.89583 12.75 4.71667 12.75 4.5C12.75 4.28333 12.6792 4.10417 12.5375 3.9625C12.3958 3.82083 12.2167 3.75 12 3.75C11.7833 3.75 11.6042 3.82083 11.4625 3.9625C11.3208 4.10417 11.25 4.28333 11.25 4.5C11.25 4.71667 11.3208 4.89583 11.4625 5.0375C11.6042 5.17917 11.7833 5.25 12 5.25Z" fill="currentColor"/>', $ = /* @__PURE__ */ S({
+import { defineComponent as y, computed as c, openBlock as l, createBlock as b, resolveDynamicComponent as h, normalizeStyle as x, withCtx as H, createElementBlock as w } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kong-icons.es1640.js";
+const z = ["aria-hidden"], p = '<path d="M5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6C3 5.45 3.19583 4.97917 3.5875 4.5875C3.97917 4.19583 4.45 4 5 4H9.2C9.41667 3.4 9.77917 2.91667 10.2875 2.55C10.7958 2.18333 11.3667 2 12 2C12.6333 2 13.2042 2.18333 13.7125 2.55C14.2208 2.91667 14.5833 3.4 14.8 4H19C19.55 4 20.0208 4.19583 20.4125 4.5875C20.8042 4.97917 21 5.45 21 6V20C21 20.55 20.8042 21.0208 20.4125 21.4125C20.0208 21.8042 19.55 22 19 22H5ZM5 20H19V6H5V20ZM7 18H14V16H7V18ZM7 14H17V12H7V14ZM7 10H17V8H7V10ZM12 5.25C12.2167 5.25 12.3958 5.17917 12.5375 5.0375C12.6792 4.89583 12.75 4.71667 12.75 4.5C12.75 4.28333 12.6792 4.10417 12.5375 3.9625C12.3958 3.82083 12.2167 3.75 12 3.75C11.7833 3.75 11.6042 3.82083 11.4625 3.9625C11.3208 4.10417 11.25 4.28333 11.25 4.5C11.25 4.71667 11.3208 4.89583 11.4625 5.0375C11.6042 5.17917 11.7833 5.25 12 5.25Z" fill="currentColor"/>', q = /* @__PURE__ */ y({
   __name: "ClipboardIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -31,14 +31,14 @@ const z = ["aria-hidden"], u = '<path d="M5 22C4.45 22 3.97917 21.8042 3.5875 21
     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 z = ["aria-hidden"], u = '<path d="M5 22C4.45 22 3.97917 21.8042 3.5875 21
       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;
-    }), p = d(() => ({
+      return u;
+    }), g = 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
-    })), g = (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, 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 = (n) => n.replace(/[<>"'&]/g, (t) => f[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${C(e.title)}</title>` : ""}${e.staticIds ? u : g(u)}`;
-    return (n, t) => (l(), b(h(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 ? p : f(p)}`;
+    return (r, i) => (l(), b(h(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon clipboard-icon",
       "data-testid": "kui-icon-wrapper-clipboard-icon",
-      style: y(p.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(() => [
+        (l(), w("svg", {
+          "aria-hidden": t.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-clipboard-icon",
           fill: "none",
           height: "100%",
@@ -109,7 +111,7 @@ const z = ["aria-hidden"], u = '<path d="M5 22C4.45 22 3.97917 21.8042 3.5875 21
           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="M5 22C4.45 22 3.97917 21.8042 3.5875 21
   }
 });
 export {
-  $ as default
+  q as default
 };