@kong/icons 1.55.0 → 1.55.1

package/dist/kong-icons.es1040.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="M11.9998 18C12.4331 18 12.7914 17.8583 13.0748 17.575C13.3581 17.2917 13.4998 16.9333 13.4998 16.5C13.4998 16.0667 13.3581 15.7083 13.0748 15.425C12.7914 15.1417 12.4331 15 11.9998 15C11.5664 15 11.2081 15.1417 10.9248 15.425C10.6414 15.7083 10.4998 16.0667 10.4998 16.5C10.4998 16.9333 10.6414 17.2917 10.9248 17.575C11.2081 17.8583 11.5664 18 11.9998 18ZM11.9998 13.5C12.4331 13.5 12.7914 13.3583 13.0748 13.075C13.3581 12.7917 13.4998 12.4333 13.4998 12C13.4998 11.5667 13.3581 11.2083 13.0748 10.925C12.7914 10.6417 12.4331 10.5 11.9998 10.5C11.5664 10.5 11.2081 10.6417 10.9248 10.925C10.6414 11.2083 10.4998 11.5667 10.4998 12C10.4998 12.4333 10.6414 12.7917 10.9248 13.075C11.2081 13.3583 11.5664 13.5 11.9998 13.5ZM11.9998 9C12.4331 9 12.7914 8.85833 13.0748 8.575C13.3581 8.29167 13.4998 7.93333 13.4998 7.5C13.4998 7.06667 13.3581 6.70833 13.0748 6.425C12.7914 6.14167 12.4331 6 11.9998 6C11.5664 6 11.2081 6.14167 10.9248 6.425C10.6414 6.70833 10.4998 7.06667 10.4998 7.5C10.4998 7.93333 10.6414 8.29167 10.9248 8.575C11.2081 8.85833 11.5664 9 11.9998 9ZM6.99978 15V13.85C6.31645 13.6667 5.71645 13.3292 5.19978 12.8375C4.68312 12.3458 4.33312 11.7583 4.14978 11.075C4.11645 10.7917 4.19145 10.5417 4.37478 10.325C4.55812 10.1083 4.79145 10 5.07478 10H6.99978V8.85C6.31645 8.66667 5.71645 8.32917 5.19978 7.8375C4.68312 7.34583 4.33312 6.75833 4.14978 6.075C4.11645 5.79167 4.19145 5.54167 4.37478 5.325C4.55812 5.10833 4.79145 5 5.07478 5H6.99978C6.99978 4.45 7.19562 3.97917 7.58728 3.5875C7.97895 3.19583 8.44978 3 8.99978 3H14.9998C15.5498 3 16.0206 3.19583 16.4123 3.5875C16.8039 3.97917 16.9998 4.45 16.9998 5H18.9248C19.2081 5 19.4414 5.10833 19.6248 5.325C19.8081 5.54167 19.8831 5.79167 19.8498 6.075C19.6664 6.75833 19.3164 7.34583 18.7998 7.8375C18.2831 8.32917 17.6831 8.66667 16.9998 8.85V10H18.9248C19.2081 10 19.4414 10.1083 19.6248 10.325C19.8081 10.5417 19.8831 10.7917 19.8498 11.075C19.6664 11.7583 19.3164 12.3458 18.7998 12.8375C18.2831 13.3292 17.6831 13.6667 16.9998 13.85V15H18.9248C19.2081 15 19.4414 15.1083 19.6248 15.325C19.8081 15.5417 19.8831 15.7917 19.8498 16.075C19.6664 16.7583 19.3164 17.3458 18.7998 17.8375C18.2831 18.3292 17.6831 18.6667 16.9998 18.85V19C16.9998 19.55 16.8039 20.0208 16.4123 20.4125C16.0206 20.8042 15.5498 21 14.9998 21H8.99978C8.44978 21 7.97895 20.8042 7.58728 20.4125C7.19562 20.0208 6.99978 19.55 6.99978 19V18.85C6.31645 18.6667 5.71645 18.3292 5.19978 17.8375C4.68312 17.3458 4.33312 16.7583 4.14978 16.075C4.11645 15.7917 4.19145 15.5417 4.37478 15.325C4.55812 15.1083 4.79145 15 5.07478 15H6.99978ZM8.99978 19H14.9998V5H8.99978V19Z" fill="currentColor"/>', M = /* @__PURE__ */ S({
+const z = ["aria-hidden"], u = '<path d="M11.9998 18C12.4331 18 12.7914 17.8583 13.0748 17.575C13.3581 17.2917 13.4998 16.9333 13.4998 16.5C13.4998 16.0667 13.3581 15.7083 13.0748 15.425C12.7914 15.1417 12.4331 15 11.9998 15C11.5664 15 11.2081 15.1417 10.9248 15.425C10.6414 15.7083 10.4998 16.0667 10.4998 16.5C10.4998 16.9333 10.6414 17.2917 10.9248 17.575C11.2081 17.8583 11.5664 18 11.9998 18ZM11.9998 13.5C12.4331 13.5 12.7914 13.3583 13.0748 13.075C13.3581 12.7917 13.4998 12.4333 13.4998 12C13.4998 11.5667 13.3581 11.2083 13.0748 10.925C12.7914 10.6417 12.4331 10.5 11.9998 10.5C11.5664 10.5 11.2081 10.6417 10.9248 10.925C10.6414 11.2083 10.4998 11.5667 10.4998 12C10.4998 12.4333 10.6414 12.7917 10.9248 13.075C11.2081 13.3583 11.5664 13.5 11.9998 13.5ZM11.9998 9C12.4331 9 12.7914 8.85833 13.0748 8.575C13.3581 8.29167 13.4998 7.93333 13.4998 7.5C13.4998 7.06667 13.3581 6.70833 13.0748 6.425C12.7914 6.14167 12.4331 6 11.9998 6C11.5664 6 11.2081 6.14167 10.9248 6.425C10.6414 6.70833 10.4998 7.06667 10.4998 7.5C10.4998 7.93333 10.6414 8.29167 10.9248 8.575C11.2081 8.85833 11.5664 9 11.9998 9ZM6.99978 15V13.85C6.31645 13.6667 5.71645 13.3292 5.19978 12.8375C4.68312 12.3458 4.33312 11.7583 4.14978 11.075C4.11645 10.7917 4.19145 10.5417 4.37478 10.325C4.55812 10.1083 4.79145 10 5.07478 10H6.99978V8.85C6.31645 8.66667 5.71645 8.32917 5.19978 7.8375C4.68312 7.34583 4.33312 6.75833 4.14978 6.075C4.11645 5.79167 4.19145 5.54167 4.37478 5.325C4.55812 5.10833 4.79145 5 5.07478 5H6.99978C6.99978 4.45 7.19562 3.97917 7.58728 3.5875C7.97895 3.19583 8.44978 3 8.99978 3H14.9998C15.5498 3 16.0206 3.19583 16.4123 3.5875C16.8039 3.97917 16.9998 4.45 16.9998 5H18.9248C19.2081 5 19.4414 5.10833 19.6248 5.325C19.8081 5.54167 19.8831 5.79167 19.8498 6.075C19.6664 6.75833 19.3164 7.34583 18.7998 7.8375C18.2831 8.32917 17.6831 8.66667 16.9998 8.85V10H18.9248C19.2081 10 19.4414 10.1083 19.6248 10.325C19.8081 10.5417 19.8831 10.7917 19.8498 11.075C19.6664 11.7583 19.3164 12.3458 18.7998 12.8375C18.2831 13.3292 17.6831 13.6667 16.9998 13.85V15H18.9248C19.2081 15 19.4414 15.1083 19.6248 15.325C19.8081 15.5417 19.8831 15.7917 19.8498 16.075C19.6664 16.7583 19.3164 17.3458 18.7998 17.8375C18.2831 18.3292 17.6831 18.6667 16.9998 18.85V19C16.9998 19.55 16.8039 20.0208 16.4123 20.4125C16.0206 20.8042 15.5498 21 14.9998 21H8.99978C8.44978 21 7.97895 20.8042 7.58728 20.4125C7.19562 20.0208 6.99978 19.55 6.99978 19V18.85C6.31645 18.6667 5.71645 18.3292 5.19978 17.8375C4.68312 17.3458 4.33312 16.7583 4.14978 16.075C4.11645 15.7917 4.19145 15.5417 4.37478 15.325C4.55812 15.1083 4.79145 15 5.07478 15H6.99978ZM8.99978 19H14.9998V5H8.99978V19Z" fill="currentColor"/>', q = /* @__PURE__ */ y({
   __name: "TrafficIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -33,12 +33,12 @@ const z = ["aria-hidden"], C = '<path d="M11.9998 18C12.4331 18 12.7914 17.8583
       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, ""), 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"], C = '<path d="M11.9998 18C12.4331 18 12.7914 17.8583
       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;
-    }), u = c(() => ({
+    }), f = 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
-    })), f = (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);
-    }, g = {
+    })), 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) => g[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${p(e.title)}</title>` : ""}${e.staticIds ? C : f(C)}`;
-    return (n, t) => (d(), h(y(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 ? u : g(u)}`;
+    return (r, i) => (C(), h(b(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon traffic-icon",
       "data-testid": "kui-icon-wrapper-traffic-icon",
-      style: b(u.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: x(f.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-traffic-icon",
           fill: "none",
           height: "100%",
@@ -109,7 +111,7 @@ const z = ["aria-hidden"], C = '<path d="M11.9998 18C12.4331 18 12.7914 17.8583
           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="M11.9998 18C12.4331 18 12.7914 17.8583
   }
 });
 export {
-  M as default
+  q as default
 };

package/dist/kong-icons.es1042.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 H } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1640.js";
-const z = ["aria-hidden"], C = '<path d="M17.825 17.5L18.7 18.375C18.8833 18.575 18.9792 18.8125 18.9875 19.0875C18.9958 19.3625 18.9 19.6 18.7 19.8C18.5 20 18.2667 20.1 18 20.1C17.7333 20.1 17.5 20 17.3 19.8L14.7 17.2C14.5 17 14.4 16.7667 14.4 16.5C14.4 16.2334 14.5 16 14.7 15.8L17.3 13.2C17.5 13 17.7333 12.9 18 12.9C18.2667 12.9 18.5 13 18.7 13.2C18.9 13.4 18.9958 13.6375 18.9875 13.9125C18.9792 14.1875 18.8833 14.425 18.7 14.625L17.825 15.5H21C21.2833 15.5 21.5208 15.5959 21.7125 15.7875C21.9042 15.9792 22 16.2167 22 16.5C22 16.7834 21.9042 17.0209 21.7125 17.2125C21.5208 17.4042 21.2833 17.5 21 17.5H17.825ZM4 20C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0209 2 18.55 2 18V15C2 14.45 2.19583 13.9792 2.5875 13.5875C2.97917 13.1959 3.45 13 4 13H10C10.55 13 11.0208 13.1959 11.4125 13.5875C11.8042 13.9792 12 14.45 12 15V18C12 18.55 11.8042 19.0209 11.4125 19.4125C11.0208 19.8042 10.55 20 10 20H4ZM4 18H10V15H4V18ZM6.175 8.50002H3C2.71667 8.50002 2.47917 8.40419 2.2875 8.21252C2.09583 8.02086 2 7.78336 2 7.50002C2 7.21669 2.09583 6.97919 2.2875 6.78752C2.47917 6.59586 2.71667 6.50002 3 6.50002H6.175L5.3 5.62502C5.11667 5.42502 5.02083 5.18752 5.0125 4.91252C5.00417 4.63752 5.1 4.40002 5.3 4.20002C5.5 4.00002 5.73333 3.90002 6 3.90002C6.26667 3.90002 6.5 4.00002 6.7 4.20002L9.3 6.80002C9.5 7.00002 9.6 7.23336 9.6 7.50002C9.6 7.76669 9.5 8.00002 9.3 8.20002L6.7 10.8C6.5 11 6.26667 11.1 6 11.1C5.73333 11.1 5.5 11 5.3 10.8C5.1 10.6 5.00417 10.3625 5.0125 10.0875C5.02083 9.81252 5.11667 9.57502 5.3 9.37502L6.175 8.50002ZM14 11C13.45 11 12.9792 10.8042 12.5875 10.4125C12.1958 10.0209 12 9.55002 12 9.00002V6.00002C12 5.45002 12.1958 4.97919 12.5875 4.58752C12.9792 4.19586 13.45 4.00002 14 4.00002H20C20.55 4.00002 21.0208 4.19586 21.4125 4.58752C21.8042 4.97919 22 5.45002 22 6.00002V9.00002C22 9.55002 21.8042 10.0209 21.4125 10.4125C21.0208 10.8042 20.55 11 20 11H14ZM14 9.00002H20V6.00002H14V9.00002Z" fill="currentColor"/>', M = /* @__PURE__ */ S({
+import { defineComponent as y, computed as c, openBlock as l, 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="M17.825 17.5L18.7 18.375C18.8833 18.575 18.9792 18.8125 18.9875 19.0875C18.9958 19.3625 18.9 19.6 18.7 19.8C18.5 20 18.2667 20.1 18 20.1C17.7333 20.1 17.5 20 17.3 19.8L14.7 17.2C14.5 17 14.4 16.7667 14.4 16.5C14.4 16.2334 14.5 16 14.7 15.8L17.3 13.2C17.5 13 17.7333 12.9 18 12.9C18.2667 12.9 18.5 13 18.7 13.2C18.9 13.4 18.9958 13.6375 18.9875 13.9125C18.9792 14.1875 18.8833 14.425 18.7 14.625L17.825 15.5H21C21.2833 15.5 21.5208 15.5959 21.7125 15.7875C21.9042 15.9792 22 16.2167 22 16.5C22 16.7834 21.9042 17.0209 21.7125 17.2125C21.5208 17.4042 21.2833 17.5 21 17.5H17.825ZM4 20C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0209 2 18.55 2 18V15C2 14.45 2.19583 13.9792 2.5875 13.5875C2.97917 13.1959 3.45 13 4 13H10C10.55 13 11.0208 13.1959 11.4125 13.5875C11.8042 13.9792 12 14.45 12 15V18C12 18.55 11.8042 19.0209 11.4125 19.4125C11.0208 19.8042 10.55 20 10 20H4ZM4 18H10V15H4V18ZM6.175 8.50002H3C2.71667 8.50002 2.47917 8.40419 2.2875 8.21252C2.09583 8.02086 2 7.78336 2 7.50002C2 7.21669 2.09583 6.97919 2.2875 6.78752C2.47917 6.59586 2.71667 6.50002 3 6.50002H6.175L5.3 5.62502C5.11667 5.42502 5.02083 5.18752 5.0125 4.91252C5.00417 4.63752 5.1 4.40002 5.3 4.20002C5.5 4.00002 5.73333 3.90002 6 3.90002C6.26667 3.90002 6.5 4.00002 6.7 4.20002L9.3 6.80002C9.5 7.00002 9.6 7.23336 9.6 7.50002C9.6 7.76669 9.5 8.00002 9.3 8.20002L6.7 10.8C6.5 11 6.26667 11.1 6 11.1C5.73333 11.1 5.5 11 5.3 10.8C5.1 10.6 5.00417 10.3625 5.0125 10.0875C5.02083 9.81252 5.11667 9.57502 5.3 9.37502L6.175 8.50002ZM14 11C13.45 11 12.9792 10.8042 12.5875 10.4125C12.1958 10.0209 12 9.55002 12 9.00002V6.00002C12 5.45002 12.1958 4.97919 12.5875 4.58752C12.9792 4.19586 13.45 4.00002 14 4.00002H20C20.55 4.00002 21.0208 4.19586 21.4125 4.58752C21.8042 4.97919 22 5.45002 22 6.00002V9.00002C22 9.55002 21.8042 10.0209 21.4125 10.4125C21.0208 10.8042 20.55 11 20 11H14ZM14 9.00002H20V6.00002H14V9.00002Z" fill="currentColor"/>', M = /* @__PURE__ */ y({
   __name: "TransformationIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -31,14 +31,14 @@ const z = ["aria-hidden"], C = '<path d="M17.825 17.5L18.7 18.375C18.8833 18.575
     size: {
       type: [Number, String],
       required: !1,
-      default: c,
+      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, ""), 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"], C = '<path d="M17.825 17.5L18.7 18.375C18.8833 18.575
       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;
-    }), u = d(() => ({
+      return C;
+    }), f = 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 = {
+    })), g = (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);
+    }, 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 ? C : g(C)}`;
-    return (n, t) => (l(), h(y(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 ? u : g(u)}`;
+    return (r, i) => (l(), h(b(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon transformation-icon",
       "data-testid": "kui-icon-wrapper-transformation-icon",
-      style: b(u.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: x(f.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-transformation-icon",
           fill: "none",
           height: "100%",
@@ -109,7 +111,7 @@ const z = ["aria-hidden"], C = '<path d="M17.825 17.5L18.7 18.375C18.8833 18.575
           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.es1044.js

@@ -1,6 +1,6 @@
-import { defineComponent as h, computed as d, openBlock as l, createBlock as y, resolveDynamicComponent as b, normalizeStyle as x, withCtx as H, createElementBlock as C } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1640.js";
-const z = ["aria-hidden"], u = '<path d="M7 21C6.45 21 5.97917 20.8042 5.5875 20.4125C5.19583 20.0208 5 19.55 5 19V6H4V4H9V3H15V4H20V6H19V19C19 19.55 18.8042 20.0208 18.4125 20.4125C18.0208 20.8042 17.55 21 17 21H7ZM17 6H7V19H17V6ZM9 17H11V8H9V17ZM13 17H15V8H13V17Z" fill="currentColor"/>', $ = /* @__PURE__ */ h({
+import { defineComponent as y, computed as c, openBlock as l, createBlock as b, resolveDynamicComponent as x, normalizeStyle as C, withCtx as H, createElementBlock as w } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kong-icons.es1640.js";
+const z = ["aria-hidden"], g = '<path d="M7 21C6.45 21 5.97917 20.8042 5.5875 20.4125C5.19583 20.0208 5 19.55 5 19V6H4V4H9V3H15V4H20V6H19V19C19 19.55 18.8042 20.0208 18.4125 20.4125C18.0208 20.8042 17.55 21 17 21H7ZM17 6H7V19H17V6ZM9 17H11V8H9V17ZM13 17H15V8H13V17Z" fill="currentColor"/>', q = /* @__PURE__ */ y({
   __name: "TrashIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -31,14 +31,14 @@ const z = ["aria-hidden"], u = '<path d="M7 21C6.45 21 5.97917 20.8042 5.5875 20
     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="M7 21C6.45 21 5.97917 20.8042 5.5875 20
       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 = {}, h = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (a, s) => {
+        const d = `${h}-${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(), 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 ? g : f(g)}`;
+    return (r, i) => (l(), b(x(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon trash-icon",
       "data-testid": "kui-icon-wrapper-trash-icon",
-      style: x(g.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: C(p.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
       default: H(() => [
-        (l(), C("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+        (l(), w("svg", {
+          "aria-hidden": t.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-trash-icon",
           fill: "none",
           height: "100%",
@@ -109,7 +111,7 @@ const z = ["aria-hidden"], u = '<path d="M7 21C6.45 21 5.97917 20.8042 5.5875 20
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: v
+          innerHTML: S
         }, null, 8, z))
       ]),
       _: 1
@@ -117,5 +119,5 @@ const z = ["aria-hidden"], u = '<path d="M7 21C6.45 21 5.97917 20.8042 5.5875 20
   }
 });
 export {
-  $ as default
+  q as default
 };

package/dist/kong-icons.es1046.js

@@ -1,6 +1,6 @@
-import { defineComponent as h, computed as d, openBlock as l, createBlock as y, resolveDynamicComponent as b, normalizeStyle as x, withCtx as w, createElementBlock as z } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1640.js";
-const N = ["aria-hidden"], u = '<path d="M16 18V16H18.6L13.4 10.85L9.4 14.85L2 7.4L3.4 6L9.4 12L13.4 8L20 14.6V12H22V18H16Z" fill="currentColor"/>', q = /* @__PURE__ */ h({
+import { defineComponent as h, computed as c, openBlock as l, createBlock as b, resolveDynamicComponent as w, normalizeStyle as x, withCtx as z, createElementBlock as N } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kong-icons.es1640.js";
+const C = ["aria-hidden"], g = '<path d="M16 18V16H18.6L13.4 10.85L9.4 14.85L2 7.4L3.4 6L9.4 12L13.4 8L20 14.6V12H22V18H16Z" fill="currentColor"/>', B = /* @__PURE__ */ h({
   __name: "TrendDownIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -31,13 +31,13 @@ const N = ["aria-hidden"], u = '<path d="M16 18V16H18.6L13.4 10.85L9.4 14.85L2 7
     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="M16 18V16H18.6L13.4 10.85L9.4 14.85L2 7
       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 = {}, 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(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 ? g : f(g)}`;
+    return (r, i) => (l(), b(w(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon trend-down-icon",
       "data-testid": "kui-icon-wrapper-trend-down-icon",
-      style: x(g.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: x(p.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
-      default: w(() => [
-        (l(), z("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+      default: z(() => [
+        (l(), N("svg", {
+          "aria-hidden": t.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-trend-down-icon",
           fill: "none",
           height: "100%",
@@ -109,13 +111,13 @@ const N = ["aria-hidden"], u = '<path d="M16 18V16H18.6L13.4 10.85L9.4 14.85L2 7
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: v
-        }, null, 8, N))
+          innerHTML: S
+        }, null, 8, C))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  q as default
+  B as default
 };

package/dist/kong-icons.es1048.js

@@ -1,6 +1,6 @@
-import { defineComponent as h, computed as d, openBlock as l, createBlock as y, resolveDynamicComponent as b, normalizeStyle as x, withCtx as z, createElementBlock as N } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1640.js";
-const w = ["aria-hidden"], u = '<path d="M3.4 18L2 16.6L9.4 9.15L13.4 13.15L18.6 8H16V6H22V12H20V9.4L13.4 16L9.4 12L3.4 18Z" fill="currentColor"/>', q = /* @__PURE__ */ h({
+import { defineComponent as h, computed as c, openBlock as l, createBlock as b, resolveDynamicComponent as x, normalizeStyle as w, withCtx as z, createElementBlock as N } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kong-icons.es1640.js";
+const C = ["aria-hidden"], p = '<path d="M3.4 18L2 16.6L9.4 9.15L13.4 13.15L18.6 8H16V6H22V12H20V9.4L13.4 16L9.4 12L3.4 18Z" fill="currentColor"/>', B = /* @__PURE__ */ h({
   __name: "TrendUpIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -31,14 +31,14 @@ const w = ["aria-hidden"], u = '<path d="M3.4 18L2 16.6L9.4 9.15L13.4 13.15L18.6
     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 w = ["aria-hidden"], u = '<path d="M3.4 18L2 16.6L9.4 9.15L13.4 13.15L18.6
       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 = {}, 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 = {}, 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 = (n) => n.replace(/[<>"'&]/g, (t) => f[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? u : g(u)}`;
-    return (n, t) => (l(), 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 ? p : f(p)}`;
+    return (r, i) => (l(), b(x(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon trend-up-icon",
       "data-testid": "kui-icon-wrapper-trend-up-icon",
-      style: x(p.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: w(g.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
       default: z(() => [
         (l(), N("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+          "aria-hidden": t.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-trend-up-icon",
           fill: "none",
           height: "100%",
@@ -109,13 +111,13 @@ const w = ["aria-hidden"], u = '<path d="M3.4 18L2 16.6L9.4 9.15L13.4 13.15L18.6
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: v
-        }, null, 8, w))
+          innerHTML: S
+        }, null, 8, C))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  q as default
+  B as default
 };