@kong/icons 1.55.0 → 1.55.1

package/dist/kong-icons.es946.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 C, createElementBlock as z } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1640.js";
-const N = ["aria-hidden"], u = '<path d="M11.5 19H12.5V17.15L16 13.65V9H8V13.65L11.5 17.15V19ZM9.5 21V18L6 14.5V9C6 8.45 6.19583 7.97917 6.5875 7.5875C6.97917 7.19583 7.45 7 8 7H9L8 8V3H10V7H14V3H16V8L15 7H16C16.55 7 17.0208 7.19583 17.4125 7.5875C17.8042 7.97917 18 8.45 18 9V14.5L14.5 18V21H9.5Z" fill="currentColor"/>', $ = /* @__PURE__ */ h({
+import { defineComponent as h, computed as d, openBlock as c, createBlock as b, resolveDynamicComponent as x, normalizeStyle as C, withCtx as w, createElementBlock as z } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kong-icons.es1640.js";
+const N = ["aria-hidden"], g = '<path d="M11.5 19H12.5V17.15L16 13.65V9H8V13.65L11.5 17.15V19ZM9.5 21V18L6 14.5V9C6 8.45 6.19583 7.97917 6.5875 7.5875C6.97917 7.19583 7.45 7 8 7H9L8 8V3H10V7H14V3H16V8L15 7H16C16.55 7 17.0208 7.19583 17.4125 7.5875C17.8042 7.97917 18 8.45 18 9V14.5L14.5 18V21H9.5Z" fill="currentColor"/>', q = /* @__PURE__ */ h({
   __name: "PlugIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -31,14 +31,14 @@ const N = ["aria-hidden"], u = '<path d="M11.5 19H12.5V17.15L16 13.65V9H8V13.65L
     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="M11.5 19H12.5V17.15L16 13.65V9H8V13.65L
       default: !1
     }
   },
-  setup(i) {
-    const e = i, r = l(() => {
+  setup(t) {
+    const e = t, n = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), o = d(() => {
+      if (n(e.size))
+        return e.size;
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
-        const n = String(e.size).replace(/px/gi, ""), t = Number(n);
-        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
-          return `${t}px`;
+        const r = String(e.size).replace(/px/gi, ""), i = Number(r);
+        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
+          return `${i}px`;
       }
-      return c;
-    }), g = l(() => ({
+      return u;
+    }), p = d(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
       flexShrink: "0",
-      height: r.value,
+      height: o.value,
       lineHeight: "0",
-      width: r.value,
+      width: o.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), p = (n) => {
-      const t = {}, 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 l = `${y}-${s}`;
+        return i[s] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (a, s) => i[s] ? `#${i[s]}` : a);
+    }, m = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, m = (n) => n.replace(/[<>"'&]/g, (t) => f[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? u : p(u)}`;
-    return (n, t) => (d(), y(b(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
+    }, v = (r) => r.replace(/[<>"'&]/g, (i) => m[i]), S = `${e.title ? `<title data-testid="kui-icon-svg-title">${v(e.title)}</title>` : ""}${e.staticIds ? g : f(g)}`;
+    return (r, i) => (c(), b(x(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon plug-icon",
       "data-testid": "kui-icon-wrapper-plug-icon",
-      style: x(g.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: C(p.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
-      default: C(() => [
-        (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-plug-icon",
           fill: "none",
           height: "100%",
@@ -109,7 +111,7 @@ const N = ["aria-hidden"], u = '<path d="M11.5 19H12.5V17.15L16 13.65V9H8V13.65L
           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="M11.5 19H12.5V17.15L16 13.65V9H8V13.65L
   }
 });
 export {
-  $ as default
+  q as default
 };

package/dist/kong-icons.es948.js

@@ -1,6 +1,6 @@
-import { defineComponent as S, computed as l, openBlock as d, 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="M2.04989 11C2.29989 8.46667 3.36655 6.33333 5.24989 4.6C7.13322 2.86667 9.38322 2 11.9999 2C13.3832 2 14.6791 2.2625 15.8874 2.7875C17.0957 3.3125 18.1541 4.02917 19.0624 4.9375C19.9707 5.84583 20.6874 6.90417 21.2124 8.1125C21.7374 9.32083 21.9999 10.6167 21.9999 12C21.9999 13.3667 21.7374 14.6583 21.2124 15.875C20.6874 17.0917 19.9707 18.1542 19.0624 19.0625C18.1541 19.9708 17.0957 20.6875 15.8874 21.2125C14.6791 21.7375 13.3832 22 11.9999 22C11.1166 22 10.2582 21.8917 9.42489 21.675C8.59155 21.4583 7.79989 21.1333 7.04989 20.7C6.74989 20.5333 6.58322 20.2917 6.54989 19.975C6.51655 19.6583 6.63322 19.3667 6.89989 19.1C7.04989 18.95 7.24155 18.8583 7.47489 18.825C7.70822 18.7917 7.91655 18.8333 8.09989 18.95C8.71655 19.2833 9.34989 19.5417 9.99989 19.725C10.6499 19.9083 11.3166 20 11.9999 20C14.2166 20 16.1041 19.2208 17.6624 17.6625C19.2207 16.1042 19.9999 14.2167 19.9999 12C19.9999 9.78333 19.2207 7.89583 17.6624 6.3375C16.1041 4.77917 14.2166 4 11.9999 4C9.94989 4 8.17489 4.67083 6.67489 6.0125C5.17489 7.35417 4.29989 9.01667 4.04989 11C4.01655 11.2833 3.90405 11.5208 3.71239 11.7125C3.52072 11.9042 3.28322 12 2.99989 12C2.71655 12 2.47905 11.9 2.28739 11.7C2.09572 11.5 2.01655 11.2667 2.04989 11ZM15.9999 11.4V13C15.9999 13.2833 16.0957 13.5208 16.2874 13.7125C16.4791 13.9042 16.7166 14 16.9999 14C17.2832 14 17.5207 13.9042 17.7124 13.7125C17.9041 13.5208 17.9999 13.2833 17.9999 13V9C17.9999 8.71667 17.9041 8.47917 17.7124 8.2875C17.5207 8.09583 17.2832 8 16.9999 8H12.9999C12.7166 8 12.4791 8.09583 12.2874 8.2875C12.0957 8.47917 11.9999 8.71667 11.9999 9C11.9999 9.28333 12.0957 9.52083 12.2874 9.7125C12.4791 9.90417 12.7166 10 12.9999 10H14.5999L10.9499 13.65L8.64989 11.725C8.44989 11.5583 8.22072 11.4833 7.96239 11.5C7.70405 11.5167 7.48322 11.6167 7.29989 11.8L3.47489 15.625C3.30822 15.7917 3.21239 15.9875 3.18739 16.2125C3.16239 16.4375 3.20822 16.65 3.32489 16.85C3.49155 17.1333 3.73322 17.2917 4.04989 17.325C4.36655 17.3583 4.64155 17.2583 4.87489 17.025L8.04989 13.85L10.3499 15.775C10.5499 15.9417 10.7791 16.0167 11.0374 16C11.2957 15.9833 11.5166 15.8833 11.6999 15.7L15.9999 11.4Z" fill="currentColor"/>', L = /* @__PURE__ */ S({
+import { defineComponent as y, computed as d, openBlock as c, createBlock as h, resolveDynamicComponent as b, normalizeStyle as x, withCtx as w, createElementBlock as z } from "vue";
+import { KUI_ICON_SIZE_50 as C } from "./kong-icons.es1640.js";
+const N = ["aria-hidden"], u = '<path d="M2.04989 11C2.29989 8.46667 3.36655 6.33333 5.24989 4.6C7.13322 2.86667 9.38322 2 11.9999 2C13.3832 2 14.6791 2.2625 15.8874 2.7875C17.0957 3.3125 18.1541 4.02917 19.0624 4.9375C19.9707 5.84583 20.6874 6.90417 21.2124 8.1125C21.7374 9.32083 21.9999 10.6167 21.9999 12C21.9999 13.3667 21.7374 14.6583 21.2124 15.875C20.6874 17.0917 19.9707 18.1542 19.0624 19.0625C18.1541 19.9708 17.0957 20.6875 15.8874 21.2125C14.6791 21.7375 13.3832 22 11.9999 22C11.1166 22 10.2582 21.8917 9.42489 21.675C8.59155 21.4583 7.79989 21.1333 7.04989 20.7C6.74989 20.5333 6.58322 20.2917 6.54989 19.975C6.51655 19.6583 6.63322 19.3667 6.89989 19.1C7.04989 18.95 7.24155 18.8583 7.47489 18.825C7.70822 18.7917 7.91655 18.8333 8.09989 18.95C8.71655 19.2833 9.34989 19.5417 9.99989 19.725C10.6499 19.9083 11.3166 20 11.9999 20C14.2166 20 16.1041 19.2208 17.6624 17.6625C19.2207 16.1042 19.9999 14.2167 19.9999 12C19.9999 9.78333 19.2207 7.89583 17.6624 6.3375C16.1041 4.77917 14.2166 4 11.9999 4C9.94989 4 8.17489 4.67083 6.67489 6.0125C5.17489 7.35417 4.29989 9.01667 4.04989 11C4.01655 11.2833 3.90405 11.5208 3.71239 11.7125C3.52072 11.9042 3.28322 12 2.99989 12C2.71655 12 2.47905 11.9 2.28739 11.7C2.09572 11.5 2.01655 11.2667 2.04989 11ZM15.9999 11.4V13C15.9999 13.2833 16.0957 13.5208 16.2874 13.7125C16.4791 13.9042 16.7166 14 16.9999 14C17.2832 14 17.5207 13.9042 17.7124 13.7125C17.9041 13.5208 17.9999 13.2833 17.9999 13V9C17.9999 8.71667 17.9041 8.47917 17.7124 8.2875C17.5207 8.09583 17.2832 8 16.9999 8H12.9999C12.7166 8 12.4791 8.09583 12.2874 8.2875C12.0957 8.47917 11.9999 8.71667 11.9999 9C11.9999 9.28333 12.0957 9.52083 12.2874 9.7125C12.4791 9.90417 12.7166 10 12.9999 10H14.5999L10.9499 13.65L8.64989 11.725C8.44989 11.5583 8.22072 11.4833 7.96239 11.5C7.70405 11.5167 7.48322 11.6167 7.29989 11.8L3.47489 15.625C3.30822 15.7917 3.21239 15.9875 3.18739 16.2125C3.16239 16.4375 3.20822 16.65 3.32489 16.85C3.49155 17.1333 3.73322 17.2917 4.04989 17.325C4.36655 17.3583 4.64155 17.2583 4.87489 17.025L8.04989 13.85L10.3499 15.775C10.5499 15.9417 10.7791 16.0167 11.0374 16C11.2957 15.9833 11.5166 15.8833 11.6999 15.7L15.9999 11.4Z" fill="currentColor"/>', B = /* @__PURE__ */ y({
   __name: "PopularIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -31,14 +31,14 @@ const N = ["aria-hidden"], u = '<path d="M2.04989 11C2.29989 8.46667 3.36655 6.3
     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 N = ["aria-hidden"], u = '<path d="M2.04989 11C2.29989 8.46667 3.36655 6.3
       default: !1
     }
   },
-  setup(i) {
-    const e = i, r = l(() => {
+  setup(t) {
+    const e = t, n = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), o = d(() => {
+      if (n(e.size))
+        return e.size;
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
-        const n = String(e.size).replace(/px/gi, ""), t = Number(n);
-        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
-          return `${t}px`;
+        const r = String(e.size).replace(/px/gi, ""), i = Number(r);
+        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
+          return `${i}px`;
       }
-      return c;
-    }), C = l(() => ({
+      return C;
+    }), p = d(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
       flexShrink: "0",
-      height: r.value,
+      height: o.value,
       lineHeight: "0",
-      width: r.value,
+      width: o.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), p = (n) => {
-      const t = {}, 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 l = `${S}-${s}`;
+        return i[s] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (a, s) => i[s] ? `#${i[s]}` : a);
+    }, f = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, f = (n) => n.replace(/[<>"'&]/g, (t) => g[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${f(e.title)}</title>` : ""}${e.staticIds ? u : p(u)}`;
-    return (n, 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 : g(u)}`;
+    return (r, i) => (c(), h(b(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon popular-icon",
       "data-testid": "kui-icon-wrapper-popular-icon",
-      style: b(C.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: x(p.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
-      default: x(() => [
-        (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-popular-icon",
           fill: "none",
           height: "100%",
@@ -109,7 +111,7 @@ const N = ["aria-hidden"], u = '<path d="M2.04989 11C2.29989 8.46667 3.36655 6.3
           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="M2.04989 11C2.29989 8.46667 3.36655 6.3
   }
 });
 export {
-  L as default
+  B as default
 };

package/dist/kong-icons.es950.js

@@ -1,6 +1,6 @@
-import { defineComponent as S, computed as l, openBlock as C, createBlock as h, resolveDynamicComponent as y, normalizeStyle as H, withCtx as b, createElementBlock as x } from "vue";
-import { KUI_ICON_SIZE_50 as d } from "./kong-icons.es1640.js";
-const z = ["aria-hidden"], c = '<path d="M9.4 19.55C9.1 19 8.8375 18.4292 8.6125 17.8375C8.3875 17.2458 8.2 16.6333 8.05 16H5.1C5.58333 16.8333 6.1875 17.5583 6.9125 18.175C7.6375 18.7917 8.46667 19.25 9.4 19.55ZM4.25 14H7.65C7.6 13.6667 7.5625 13.3375 7.5375 13.0125C7.5125 12.6875 7.5 12.35 7.5 12C7.5 11.65 7.5125 11.3125 7.5375 10.9875C7.5625 10.6625 7.6 10.3333 7.65 10H4.25C4.16667 10.3333 4.10417 10.6625 4.0625 10.9875C4.02083 11.3125 4 11.65 4 12C4 12.35 4.02083 12.6875 4.0625 13.0125C4.10417 13.3375 4.16667 13.6667 4.25 14ZM5.1 8H8.05C8.2 7.36667 8.3875 6.75417 8.6125 6.1625C8.8375 5.57083 9.1 5 9.4 4.45C8.46667 4.75 7.6375 5.20833 6.9125 5.825C6.1875 6.44167 5.58333 7.16667 5.1 8ZM10.1 8H13.9C13.7 7.26667 13.4417 6.575 13.125 5.925C12.8083 5.275 12.4333 4.65 12 4.05C11.5667 4.65 11.1917 5.275 10.875 5.925C10.5583 6.575 10.3 7.26667 10.1 8ZM15.95 8H18.9C18.4167 7.16667 17.8125 6.44167 17.0875 5.825C16.3625 5.20833 15.5333 4.75 14.6 4.45C14.9 5 15.1625 5.57083 15.3875 6.1625C15.6125 6.75417 15.8 7.36667 15.95 8ZM12 22C10.6333 22 9.34167 21.7375 8.125 21.2125C6.90833 20.6875 5.84583 19.9708 4.9375 19.0625C4.02917 18.1542 3.3125 17.0917 2.7875 15.875C2.2625 14.6583 2 13.3667 2 12C2 10.6167 2.2625 9.32083 2.7875 8.1125C3.3125 6.90417 4.02917 5.84583 4.9375 4.9375C5.84583 4.02917 6.90833 3.3125 8.125 2.7875C9.34167 2.2625 10.6333 2 12 2C13.3833 2 14.6792 2.2625 15.8875 2.7875C17.0958 3.3125 18.1542 4.02917 19.0625 4.9375C19.9708 5.84583 20.6875 6.90417 21.2125 8.1125C21.7375 9.32083 22 10.6167 22 12C22 12.1667 21.9958 12.3333 21.9875 12.5C21.9792 12.6667 21.9667 12.8333 21.95 13H19.925C19.9583 12.8333 19.9792 12.6708 19.9875 12.5125C19.9958 12.3542 20 12.1833 20 12C20 11.65 19.9792 11.3125 19.9375 10.9875C19.8958 10.6625 19.8333 10.3333 19.75 10H16.35C16.4 10.3333 16.4375 10.6625 16.4625 10.9875C16.4875 11.3125 16.5 11.65 16.5 12V12.5125C16.5 12.6708 16.4917 12.8333 16.475 13H14.475C14.4917 12.8333 14.5 12.6708 14.5 12.5125V12C14.5 11.65 14.4875 11.3125 14.4625 10.9875C14.4375 10.6625 14.4 10.3333 14.35 10H9.65C9.6 10.3333 9.5625 10.6625 9.5375 10.9875C9.5125 11.3125 9.5 11.65 9.5 12C9.5 12.35 9.5125 12.6875 9.5375 13.0125C9.5625 13.3375 9.6 13.6667 9.65 14H13V16H10.1C10.3 16.7333 10.5583 17.425 10.875 18.075C11.1917 18.725 11.5667 19.35 12 19.95C12.1833 19.6833 12.3583 19.4125 12.525 19.1375C12.6917 18.8625 12.85 18.5833 13 18.3V21.95C12.8333 21.9667 12.6708 21.9792 12.5125 21.9875C12.3542 21.9958 12.1833 22 12 22ZM19.95 21.375L17 18.425V20.65H15V15H20.65V17H18.4L21.35 19.95L19.95 21.375Z" fill="currentColor"/>', $ = /* @__PURE__ */ S({
+import { defineComponent as y, computed as l, openBlock as d, createBlock as h, resolveDynamicComponent as H, normalizeStyle as b, withCtx as x, createElementBlock as w } from "vue";
+import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1640.js";
+const z = ["aria-hidden"], u = '<path d="M9.4 19.55C9.1 19 8.8375 18.4292 8.6125 17.8375C8.3875 17.2458 8.2 16.6333 8.05 16H5.1C5.58333 16.8333 6.1875 17.5583 6.9125 18.175C7.6375 18.7917 8.46667 19.25 9.4 19.55ZM4.25 14H7.65C7.6 13.6667 7.5625 13.3375 7.5375 13.0125C7.5125 12.6875 7.5 12.35 7.5 12C7.5 11.65 7.5125 11.3125 7.5375 10.9875C7.5625 10.6625 7.6 10.3333 7.65 10H4.25C4.16667 10.3333 4.10417 10.6625 4.0625 10.9875C4.02083 11.3125 4 11.65 4 12C4 12.35 4.02083 12.6875 4.0625 13.0125C4.10417 13.3375 4.16667 13.6667 4.25 14ZM5.1 8H8.05C8.2 7.36667 8.3875 6.75417 8.6125 6.1625C8.8375 5.57083 9.1 5 9.4 4.45C8.46667 4.75 7.6375 5.20833 6.9125 5.825C6.1875 6.44167 5.58333 7.16667 5.1 8ZM10.1 8H13.9C13.7 7.26667 13.4417 6.575 13.125 5.925C12.8083 5.275 12.4333 4.65 12 4.05C11.5667 4.65 11.1917 5.275 10.875 5.925C10.5583 6.575 10.3 7.26667 10.1 8ZM15.95 8H18.9C18.4167 7.16667 17.8125 6.44167 17.0875 5.825C16.3625 5.20833 15.5333 4.75 14.6 4.45C14.9 5 15.1625 5.57083 15.3875 6.1625C15.6125 6.75417 15.8 7.36667 15.95 8ZM12 22C10.6333 22 9.34167 21.7375 8.125 21.2125C6.90833 20.6875 5.84583 19.9708 4.9375 19.0625C4.02917 18.1542 3.3125 17.0917 2.7875 15.875C2.2625 14.6583 2 13.3667 2 12C2 10.6167 2.2625 9.32083 2.7875 8.1125C3.3125 6.90417 4.02917 5.84583 4.9375 4.9375C5.84583 4.02917 6.90833 3.3125 8.125 2.7875C9.34167 2.2625 10.6333 2 12 2C13.3833 2 14.6792 2.2625 15.8875 2.7875C17.0958 3.3125 18.1542 4.02917 19.0625 4.9375C19.9708 5.84583 20.6875 6.90417 21.2125 8.1125C21.7375 9.32083 22 10.6167 22 12C22 12.1667 21.9958 12.3333 21.9875 12.5C21.9792 12.6667 21.9667 12.8333 21.95 13H19.925C19.9583 12.8333 19.9792 12.6708 19.9875 12.5125C19.9958 12.3542 20 12.1833 20 12C20 11.65 19.9792 11.3125 19.9375 10.9875C19.8958 10.6625 19.8333 10.3333 19.75 10H16.35C16.4 10.3333 16.4375 10.6625 16.4625 10.9875C16.4875 11.3125 16.5 11.65 16.5 12V12.5125C16.5 12.6708 16.4917 12.8333 16.475 13H14.475C14.4917 12.8333 14.5 12.6708 14.5 12.5125V12C14.5 11.65 14.4875 11.3125 14.4625 10.9875C14.4375 10.6625 14.4 10.3333 14.35 10H9.65C9.6 10.3333 9.5625 10.6625 9.5375 10.9875C9.5125 11.3125 9.5 11.65 9.5 12C9.5 12.35 9.5125 12.6875 9.5375 13.0125C9.5625 13.3375 9.6 13.6667 9.65 14H13V16H10.1C10.3 16.7333 10.5583 17.425 10.875 18.075C11.1917 18.725 11.5667 19.35 12 19.95C12.1833 19.6833 12.3583 19.4125 12.525 19.1375C12.6917 18.8625 12.85 18.5833 13 18.3V21.95C12.8333 21.9667 12.6708 21.9792 12.5125 21.9875C12.3542 21.9958 12.1833 22 12 22ZM19.95 21.375L17 18.425V20.65H15V15H20.65V17H18.4L21.35 19.95L19.95 21.375Z" fill="currentColor"/>', Z = /* @__PURE__ */ y({
   __name: "PortalIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -31,14 +31,14 @@ const z = ["aria-hidden"], c = '<path d="M9.4 19.55C9.1 19 8.8375 18.4292 8.6125
     size: {
       type: [Number, String],
       required: !1,
-      default: d,
+      default: c,
       // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (i) => {
-        if (typeof i == "number" && i > 0)
+      validator: (t) => {
+        if (typeof t == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t) || typeof t == "number" && t > 0)
           return !0;
-        if (typeof i == "string") {
-          const e = String(i).replace(/px/gi, ""), 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="M9.4 19.55C9.1 19 8.8375 18.4292 8.6125
       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;
-    }), u = l(() => ({
+      return c;
+    }), 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 = {}, 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);
+    }, f = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, f = (n) => n.replace(/[<>"'&]/g, (t) => g[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${f(e.title)}</title>` : ""}${e.staticIds ? c : p(c)}`;
-    return (n, t) => (C(), 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 : g(u)}`;
+    return (r, i) => (d(), h(H(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon portal-icon",
       "data-testid": "kui-icon-wrapper-portal-icon",
-      style: H(u.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: b(p.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
-      default: b(() => [
-        (C(), x("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+      default: x(() => [
+        (d(), w("svg", {
+          "aria-hidden": t.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-portal-icon",
           fill: "none",
           height: "100%",
@@ -109,7 +111,7 @@ const z = ["aria-hidden"], c = '<path d="M9.4 19.55C9.1 19 8.8375 18.4292 8.6125
           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="M9.4 19.55C9.1 19 8.8375 18.4292 8.6125
   }
 });
 export {
-  $ as default
+  Z as default
 };

package/dist/kong-icons.es952.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="M9.5 16.5L16.5 12L9.5 7.5V16.5ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z" fill="currentColor"/>', H = /* @__PURE__ */ h({
+import { defineComponent as h, computed as c, openBlock as l, 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"], p = '<path d="M9.5 16.5L16.5 12L9.5 7.5V16.5ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z" fill="currentColor"/>', B = /* @__PURE__ */ h({
   __name: "PresentationIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -31,13 +31,13 @@ const N = ["aria-hidden"], u = '<path d="M9.5 16.5L16.5 12L9.5 7.5V16.5ZM5 21C4.
     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="M9.5 16.5L16.5 12L9.5 7.5V16.5ZM5 21C4.
       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;
-    }), p = d(() => ({
+      return u;
+    }), g = 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
-    })), g = (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 : g(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 ? p : f(p)}`;
+    return (r, i) => (l(), C(b(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon presentation-icon",
       "data-testid": "kui-icon-wrapper-presentation-icon",
-      style: b(p.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: x(g.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-presentation-icon",
           fill: "none",
           height: "100%",
@@ -109,7 +111,7 @@ const N = ["aria-hidden"], u = '<path d="M9.5 16.5L16.5 12L9.5 7.5V16.5ZM5 21C4.
           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="M9.5 16.5L16.5 12L9.5 7.5V16.5ZM5 21C4.
   }
 });
 export {
-  H as default
+  B as default
 };