@kong/icons 1.55.0 → 1.55.1

package/dist/kong-icons.es726.js

@@ -1,6 +1,6 @@
-import { defineComponent as S, computed as d, 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 l } from "./kong-icons.es1640.js";
-const z = ["aria-hidden"], u = '<path d="M17.0002 22V12C17.2669 12 17.5252 12.0208 17.7752 12.0625C18.0252 12.1042 18.2669 12.1667 18.5002 12.25V21.75C18.2669 21.8333 18.0252 21.8958 17.7752 21.9375C17.5252 21.9792 17.2669 22 17.0002 22ZM14.5002 21.3V12.7C14.7335 12.5667 14.971 12.4458 15.2127 12.3375C15.4544 12.2292 15.7169 12.15 16.0002 12.1V21.9C15.7169 21.85 15.4544 21.7708 15.2127 21.6625C14.971 21.5542 14.7335 21.4333 14.5002 21.3ZM19.5002 21.3V12.7C20.2502 13.1333 20.8544 13.725 21.3127 14.475C21.771 15.225 22.0002 16.0667 22.0002 17C22.0002 17.9333 21.771 18.775 21.3127 19.525C20.8544 20.275 20.2502 20.8667 19.5002 21.3ZM13.5002 20.55C13.0335 20.1 12.6669 19.5708 12.4002 18.9625C12.1335 18.3542 12.0002 17.7 12.0002 17C12.0002 16.3 12.1335 15.6417 12.4002 15.025C12.6669 14.4083 13.0335 13.875 13.5002 13.425V20.55ZM9.2502 22L8.8502 18.8C8.63353 18.7167 8.42936 18.6167 8.2377 18.5C8.04603 18.3833 7.85853 18.2583 7.6752 18.125L4.7002 19.375L1.9502 14.625L4.5252 12.675C4.50853 12.5583 4.5002 12.4458 4.5002 12.3375V11.6625C4.5002 11.5542 4.50853 11.4417 4.5252 11.325L1.9502 9.375L4.7002 4.625L7.6752 5.875C7.85853 5.74167 8.04603 5.61667 8.2377 5.5C8.42936 5.38333 8.63353 5.28333 8.8502 5.2L9.2502 2H14.7502L15.1502 5.2C15.3669 5.28333 15.571 5.38333 15.7627 5.5C15.9544 5.61667 16.1419 5.74167 16.3252 5.875L19.3002 4.625L22.0502 9.375L20.2002 10.775C19.7002 10.525 19.1835 10.3333 18.6502 10.2C18.1169 10.0667 17.5669 10 17.0002 10C16.6669 10 16.346 10.0292 16.0377 10.0875C15.7294 10.1458 15.4169 10.2167 15.1002 10.3C14.7835 9.75 14.3544 9.3125 13.8127 8.9875C13.271 8.6625 12.6835 8.5 12.0502 8.5C11.0835 8.5 10.2585 8.84167 9.5752 9.525C8.89186 10.2083 8.5502 11.0333 8.5502 12C8.5502 12.6333 8.70436 13.2167 9.0127 13.75C9.32103 14.2833 9.74186 14.7083 10.2752 15.025C10.1752 15.3583 10.1044 15.7042 10.0627 16.0625C10.021 16.4208 10.0002 16.775 10.0002 17.125C10.0169 18.0583 10.2044 18.9458 10.5627 19.7875C10.921 20.6292 11.4335 21.3667 12.1002 22H9.2502Z" fill="currentColor"/>', $ = /* @__PURE__ */ S({
+import { defineComponent as y, computed as c, openBlock as l, 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"], C = '<path d="M17.0002 22V12C17.2669 12 17.5252 12.0208 17.7752 12.0625C18.0252 12.1042 18.2669 12.1667 18.5002 12.25V21.75C18.2669 21.8333 18.0252 21.8958 17.7752 21.9375C17.5252 21.9792 17.2669 22 17.0002 22ZM14.5002 21.3V12.7C14.7335 12.5667 14.971 12.4458 15.2127 12.3375C15.4544 12.2292 15.7169 12.15 16.0002 12.1V21.9C15.7169 21.85 15.4544 21.7708 15.2127 21.6625C14.971 21.5542 14.7335 21.4333 14.5002 21.3ZM19.5002 21.3V12.7C20.2502 13.1333 20.8544 13.725 21.3127 14.475C21.771 15.225 22.0002 16.0667 22.0002 17C22.0002 17.9333 21.771 18.775 21.3127 19.525C20.8544 20.275 20.2502 20.8667 19.5002 21.3ZM13.5002 20.55C13.0335 20.1 12.6669 19.5708 12.4002 18.9625C12.1335 18.3542 12.0002 17.7 12.0002 17C12.0002 16.3 12.1335 15.6417 12.4002 15.025C12.6669 14.4083 13.0335 13.875 13.5002 13.425V20.55ZM9.2502 22L8.8502 18.8C8.63353 18.7167 8.42936 18.6167 8.2377 18.5C8.04603 18.3833 7.85853 18.2583 7.6752 18.125L4.7002 19.375L1.9502 14.625L4.5252 12.675C4.50853 12.5583 4.5002 12.4458 4.5002 12.3375V11.6625C4.5002 11.5542 4.50853 11.4417 4.5252 11.325L1.9502 9.375L4.7002 4.625L7.6752 5.875C7.85853 5.74167 8.04603 5.61667 8.2377 5.5C8.42936 5.38333 8.63353 5.28333 8.8502 5.2L9.2502 2H14.7502L15.1502 5.2C15.3669 5.28333 15.571 5.38333 15.7627 5.5C15.9544 5.61667 16.1419 5.74167 16.3252 5.875L19.3002 4.625L22.0502 9.375L20.2002 10.775C19.7002 10.525 19.1835 10.3333 18.6502 10.2C18.1169 10.0667 17.5669 10 17.0002 10C16.6669 10 16.346 10.0292 16.0377 10.0875C15.7294 10.1458 15.4169 10.2167 15.1002 10.3C14.7835 9.75 14.3544 9.3125 13.8127 8.9875C13.271 8.6625 12.6835 8.5 12.0502 8.5C11.0835 8.5 10.2585 8.84167 9.5752 9.525C8.89186 10.2083 8.5502 11.0333 8.5502 12C8.5502 12.6333 8.70436 13.2167 9.0127 13.75C9.32103 14.2833 9.74186 14.7083 10.2752 15.025C10.1752 15.3583 10.1044 15.7042 10.0627 16.0625C10.021 16.4208 10.0002 16.775 10.0002 17.125C10.0169 18.0583 10.2044 18.9458 10.5627 19.7875C10.921 20.6292 11.4335 21.3667 12.1002 22H9.2502Z" fill="currentColor"/>', q = /* @__PURE__ */ y({
   __name: "CogModeIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -31,14 +31,14 @@ const z = ["aria-hidden"], u = '<path d="M17.0002 22V12C17.2669 12 17.5252 12.02
     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 z = ["aria-hidden"], u = '<path d="M17.0002 22V12C17.2669 12 17.5252 12.02
       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), s = 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 l;
-    }), C = d(() => ({
+      return u;
+    }), g = c(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
       flexShrink: "0",
-      height: r.value,
+      height: s.value,
       lineHeight: "0",
-      width: r.value,
+      width: s.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), 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);
-    }, p = {
+    })), p = (r) => {
+      const i = {}, S = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (a, o) => {
+        const d = `${S}-${o}`;
+        return i[o] = d, `id="${d}"`;
+      }).replace(/#([^\s^")]+)/g, (a, o) => i[o] ? `#${i[o]}` : a);
+    }, f = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, f = (n) => n.replace(/[<>"'&]/g, (t) => p[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${f(e.title)}</title>` : ""}${e.staticIds ? u : g(u)}`;
-    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 ? C : p(C)}`;
+    return (r, i) => (l(), h(b(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon cog-mode-icon",
       "data-testid": "kui-icon-wrapper-cog-mode-icon",
-      style: b(C.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: x(g.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
-      default: x(() => [
-        (c(), L("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+      default: L(() => [
+        (l(), w("svg", {
+          "aria-hidden": t.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-cog-mode-icon",
           fill: "none",
           height: "100%",
@@ -109,7 +111,7 @@ const z = ["aria-hidden"], u = '<path d="M17.0002 22V12C17.2669 12 17.5252 12.02
           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="M17.0002 22V12C17.2669 12 17.5252 12.02
   }
 });
 export {
-  $ as default
+  q as default
 };

package/dist/kong-icons.es728.js

@@ -1,6 +1,6 @@
-import { defineComponent as S, computed as c, openBlock as d, createBlock as h, resolveDynamicComponent as y, normalizeStyle as L, withCtx as b, createElementBlock as x } from "vue";
-import { KUI_ICON_SIZE_50 as l } from "./kong-icons.es1640.js";
-const z = ["aria-hidden"], u = '<path d="M9.2502 22L8.8502 18.8C8.63353 18.7167 8.42936 18.6167 8.2377 18.5C8.04603 18.3833 7.85853 18.2583 7.6752 18.125L4.7002 19.375L1.9502 14.625L4.5252 12.675C4.50853 12.5583 4.5002 12.4458 4.5002 12.3375V11.6625C4.5002 11.5542 4.50853 11.4417 4.5252 11.325L1.9502 9.375L4.7002 4.625L7.6752 5.875C7.85853 5.74167 8.0502 5.61667 8.2502 5.5C8.4502 5.38333 8.6502 5.28333 8.8502 5.2L9.2502 2H14.7502L15.1502 5.2C15.3669 5.28333 15.571 5.38333 15.7627 5.5C15.9544 5.61667 16.1419 5.74167 16.3252 5.875L19.3002 4.625L22.0502 9.375L19.4752 11.325C19.4919 11.4417 19.5002 11.5542 19.5002 11.6625V12.3375C19.5002 12.4458 19.4835 12.5583 19.4502 12.675L22.0252 14.625L19.2752 19.375L16.3252 18.125C16.1419 18.2583 15.9502 18.3833 15.7502 18.5C15.5502 18.6167 15.3502 18.7167 15.1502 18.8L14.7502 22H9.2502ZM12.0502 15.5C13.0169 15.5 13.8419 15.1583 14.5252 14.475C15.2085 13.7917 15.5502 12.9667 15.5502 12C15.5502 11.0333 15.2085 10.2083 14.5252 9.525C13.8419 8.84167 13.0169 8.5 12.0502 8.5C11.0669 8.5 10.2377 8.84167 9.5627 9.525C8.8877 10.2083 8.5502 11.0333 8.5502 12C8.5502 12.9667 8.8877 13.7917 9.5627 14.475C10.2377 15.1583 11.0669 15.5 12.0502 15.5Z" fill="currentColor"/>', q = /* @__PURE__ */ S({
+import { defineComponent as y, computed as d, openBlock as l, createBlock as h, resolveDynamicComponent as L, normalizeStyle as b, withCtx as x, createElementBlock as w } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kong-icons.es1640.js";
+const z = ["aria-hidden"], g = '<path d="M9.2502 22L8.8502 18.8C8.63353 18.7167 8.42936 18.6167 8.2377 18.5C8.04603 18.3833 7.85853 18.2583 7.6752 18.125L4.7002 19.375L1.9502 14.625L4.5252 12.675C4.50853 12.5583 4.5002 12.4458 4.5002 12.3375V11.6625C4.5002 11.5542 4.50853 11.4417 4.5252 11.325L1.9502 9.375L4.7002 4.625L7.6752 5.875C7.85853 5.74167 8.0502 5.61667 8.2502 5.5C8.4502 5.38333 8.6502 5.28333 8.8502 5.2L9.2502 2H14.7502L15.1502 5.2C15.3669 5.28333 15.571 5.38333 15.7627 5.5C15.9544 5.61667 16.1419 5.74167 16.3252 5.875L19.3002 4.625L22.0502 9.375L19.4752 11.325C19.4919 11.4417 19.5002 11.5542 19.5002 11.6625V12.3375C19.5002 12.4458 19.4835 12.5583 19.4502 12.675L22.0252 14.625L19.2752 19.375L16.3252 18.125C16.1419 18.2583 15.9502 18.3833 15.7502 18.5C15.5502 18.6167 15.3502 18.7167 15.1502 18.8L14.7502 22H9.2502ZM12.0502 15.5C13.0169 15.5 13.8419 15.1583 14.5252 14.475C15.2085 13.7917 15.5502 12.9667 15.5502 12C15.5502 11.0333 15.2085 10.2083 14.5252 9.525C13.8419 8.84167 13.0169 8.5 12.0502 8.5C11.0669 8.5 10.2377 8.84167 9.5627 9.525C8.8877 10.2083 8.5502 11.0333 8.5502 12C8.5502 12.9667 8.8877 13.7917 9.5627 14.475C10.2377 15.1583 11.0669 15.5 12.0502 15.5Z" fill="currentColor"/>', B = /* @__PURE__ */ y({
   __name: "CogIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -31,14 +31,14 @@ const z = ["aria-hidden"], u = '<path d="M9.2502 22L8.8502 18.8C8.63353 18.7167
     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 z = ["aria-hidden"], u = '<path d="M9.2502 22L8.8502 18.8C8.63353 18.7167
       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;
-    }), g = c(() => ({
+      return u;
+    }), p = d(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
       flexShrink: "0",
-      height: r.value,
+      height: o.value,
       lineHeight: "0",
-      width: r.value,
+      width: o.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), p = (n) => {
-      const t = {}, 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 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;"
-    }, C = (n) => n.replace(/[<>"'&]/g, (t) => f[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${C(e.title)}</title>` : ""}${e.staticIds ? u : p(u)}`;
-    return (n, t) => (d(), h(y(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
+    }, m = (r) => r.replace(/[<>"'&]/g, (i) => C[i]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? g : f(g)}`;
+    return (r, i) => (l(), h(L(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon cog-icon",
       "data-testid": "kui-icon-wrapper-cog-icon",
-      style: L(g.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: b(p.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
-      default: b(() => [
-        (d(), x("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+      default: x(() => [
+        (l(), w("svg", {
+          "aria-hidden": t.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-cog-icon",
           fill: "none",
           height: "100%",
@@ -109,7 +111,7 @@ const z = ["aria-hidden"], u = '<path d="M9.2502 22L8.8502 18.8C8.63353 18.7167
           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="M9.2502 22L8.8502 18.8C8.63353 18.7167
   }
 });
 export {
-  q as default
+  B as default
 };

package/dist/kong-icons.es730.js

@@ -1,6 +1,6 @@
-import { defineComponent as S, computed as C, openBlock as c, createBlock as h, resolveDynamicComponent as y, normalizeStyle as b, withCtx as x, createElementBlock as M } from "vue";
-import { KUI_ICON_SIZE_50 as d } from "./kong-icons.es1640.js";
-const L = ["aria-hidden"], l = '<path d="M12 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 22ZM11 19.925V18.925C10.4167 18.8417 9.85417 18.6833 9.3125 18.45C8.77083 18.2167 8.26667 17.9333 7.8 17.6L7.1 18.325C7.65 18.7583 8.25417 19.1125 8.9125 19.3875C9.57083 19.6625 10.2667 19.8417 11 19.925ZM13 19.925C13.7333 19.8417 14.4292 19.6625 15.0875 19.3875C15.7458 19.1125 16.35 18.7583 16.9 18.325L16.2 17.6C15.7333 17.9333 15.2292 18.2167 14.6875 18.45C14.1458 18.6833 13.5833 18.8417 13 18.925V19.925ZM12 17C13.3833 17 14.5625 16.5125 15.5375 15.5375C16.5125 14.5625 17 13.3833 17 12C17 10.6167 16.5125 9.4375 15.5375 8.4625C14.5625 7.4875 13.3833 7 12 7C10.6167 7 9.4375 7.4875 8.4625 8.4625C7.4875 9.4375 7 10.6167 7 12C7 13.3833 7.4875 14.5625 8.4625 15.5375C9.4375 16.5125 10.6167 17 12 17ZM18.325 16.9C18.7583 16.35 19.1125 15.7458 19.3875 15.0875C19.6625 14.4292 19.8417 13.7333 19.925 13H18.925C18.8417 13.5833 18.6833 14.1458 18.45 14.6875C18.2167 15.2292 17.9333 15.7333 17.6 16.2L18.325 16.9ZM5.675 16.9L6.4 16.175C6.06667 15.7083 5.78333 15.2083 5.55 14.675C5.31667 14.1417 5.15833 13.5833 5.075 13H4.075C4.15833 13.7333 4.3375 14.4292 4.6125 15.0875C4.8875 15.7458 5.24167 16.35 5.675 16.9ZM11.6 15.475L9.45 12.6C9.31667 12.4167 9.25 12.2167 9.25 12C9.25 11.7833 9.31667 11.5833 9.45 11.4L11.6 8.525C11.7 8.39167 11.8333 8.325 12 8.325C12.1667 8.325 12.3 8.39167 12.4 8.525L14.55 11.4C14.6833 11.5833 14.75 11.7833 14.75 12C14.75 12.2167 14.6833 12.4167 14.55 12.6L12.4 15.475C12.3 15.6083 12.1667 15.675 12 15.675C11.8333 15.675 11.7 15.6083 11.6 15.475ZM4.075 11H5.075C5.15833 10.4167 5.31667 9.85833 5.55 9.325C5.78333 8.79167 6.06667 8.29167 6.4 7.825L5.675 7.1C5.24167 7.65 4.8875 8.25417 4.6125 8.9125C4.3375 9.57083 4.15833 10.2667 4.075 11ZM18.925 11H19.925C19.8417 10.2667 19.6583 9.57083 19.375 8.9125C19.0917 8.25417 18.7333 7.65 18.3 7.1L17.6 7.8C17.9333 8.26667 18.2167 8.77083 18.45 9.3125C18.6833 9.85417 18.8417 10.4167 18.925 11ZM7.825 6.4C8.29167 6.06667 8.79167 5.78333 9.325 5.55C9.85833 5.31667 10.4167 5.15833 11 5.075V4.075C10.2667 4.15833 9.57083 4.3375 8.9125 4.6125C8.25417 4.8875 7.65 5.24167 7.1 5.675L7.825 6.4ZM16.2 6.4L16.9 5.7C16.35 5.26667 15.7458 4.90833 15.0875 4.625C14.4292 4.34167 13.7333 4.15833 13 4.075V5.075C13.5833 5.15833 14.1458 5.31667 14.6875 5.55C15.2292 5.78333 15.7333 6.06667 16.2 6.4Z" fill="currentColor"/>', I = /* @__PURE__ */ S({
+import { defineComponent as y, computed as c, openBlock as d, createBlock as h, resolveDynamicComponent as b, normalizeStyle as x, withCtx as M, createElementBlock as L } from "vue";
+import { KUI_ICON_SIZE_50 as l } from "./kong-icons.es1640.js";
+const w = ["aria-hidden"], u = '<path d="M12 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 22ZM11 19.925V18.925C10.4167 18.8417 9.85417 18.6833 9.3125 18.45C8.77083 18.2167 8.26667 17.9333 7.8 17.6L7.1 18.325C7.65 18.7583 8.25417 19.1125 8.9125 19.3875C9.57083 19.6625 10.2667 19.8417 11 19.925ZM13 19.925C13.7333 19.8417 14.4292 19.6625 15.0875 19.3875C15.7458 19.1125 16.35 18.7583 16.9 18.325L16.2 17.6C15.7333 17.9333 15.2292 18.2167 14.6875 18.45C14.1458 18.6833 13.5833 18.8417 13 18.925V19.925ZM12 17C13.3833 17 14.5625 16.5125 15.5375 15.5375C16.5125 14.5625 17 13.3833 17 12C17 10.6167 16.5125 9.4375 15.5375 8.4625C14.5625 7.4875 13.3833 7 12 7C10.6167 7 9.4375 7.4875 8.4625 8.4625C7.4875 9.4375 7 10.6167 7 12C7 13.3833 7.4875 14.5625 8.4625 15.5375C9.4375 16.5125 10.6167 17 12 17ZM18.325 16.9C18.7583 16.35 19.1125 15.7458 19.3875 15.0875C19.6625 14.4292 19.8417 13.7333 19.925 13H18.925C18.8417 13.5833 18.6833 14.1458 18.45 14.6875C18.2167 15.2292 17.9333 15.7333 17.6 16.2L18.325 16.9ZM5.675 16.9L6.4 16.175C6.06667 15.7083 5.78333 15.2083 5.55 14.675C5.31667 14.1417 5.15833 13.5833 5.075 13H4.075C4.15833 13.7333 4.3375 14.4292 4.6125 15.0875C4.8875 15.7458 5.24167 16.35 5.675 16.9ZM11.6 15.475L9.45 12.6C9.31667 12.4167 9.25 12.2167 9.25 12C9.25 11.7833 9.31667 11.5833 9.45 11.4L11.6 8.525C11.7 8.39167 11.8333 8.325 12 8.325C12.1667 8.325 12.3 8.39167 12.4 8.525L14.55 11.4C14.6833 11.5833 14.75 11.7833 14.75 12C14.75 12.2167 14.6833 12.4167 14.55 12.6L12.4 15.475C12.3 15.6083 12.1667 15.675 12 15.675C11.8333 15.675 11.7 15.6083 11.6 15.475ZM4.075 11H5.075C5.15833 10.4167 5.31667 9.85833 5.55 9.325C5.78333 8.79167 6.06667 8.29167 6.4 7.825L5.675 7.1C5.24167 7.65 4.8875 8.25417 4.6125 8.9125C4.3375 9.57083 4.15833 10.2667 4.075 11ZM18.925 11H19.925C19.8417 10.2667 19.6583 9.57083 19.375 8.9125C19.0917 8.25417 18.7333 7.65 18.3 7.1L17.6 7.8C17.9333 8.26667 18.2167 8.77083 18.45 9.3125C18.6833 9.85417 18.8417 10.4167 18.925 11ZM7.825 6.4C8.29167 6.06667 8.79167 5.78333 9.325 5.55C9.85833 5.31667 10.4167 5.15833 11 5.075V4.075C10.2667 4.15833 9.57083 4.3375 8.9125 4.6125C8.25417 4.8875 7.65 5.24167 7.1 5.675L7.825 6.4ZM16.2 6.4L16.9 5.7C16.35 5.26667 15.7458 4.90833 15.0875 4.625C14.4292 4.34167 13.7333 4.15833 13 4.075V5.075C13.5833 5.15833 14.1458 5.31667 14.6875 5.55C15.2292 5.78333 15.7333 6.06667 16.2 6.4Z" fill="currentColor"/>', I = /* @__PURE__ */ y({
   __name: "CoinIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -31,13 +31,13 @@ const L = ["aria-hidden"], l = '<path d="M12 22C10.6167 22 9.31667 21.7375 8.1 2
     size: {
       type: [Number, String],
       required: !1,
-      default: d,
+      default: l,
       // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (i) => {
-        if (typeof i == "number" && i > 0)
+      validator: (t) => {
+        if (typeof t == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t) || typeof t == "number" && t > 0)
           return !0;
-        if (typeof i == "string") {
-          const e = String(i).replace(/px/gi, ""), n = Number(e);
+        if (typeof t == "string") {
+          const e = String(t).replace(/px/gi, ""), n = Number(e);
           if (n && !isNaN(n) && Number.isInteger(n) && n > 0)
             return !0;
         }
@@ -60,48 +60,50 @@ const L = ["aria-hidden"], l = '<path d="M12 22C10.6167 22 9.31667 21.7375 8.1 2
       default: !1
     }
   },
-  setup(i) {
-    const e = i, n = C(() => {
+  setup(t) {
+    const e = t, n = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), o = 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 d;
-    }), u = C(() => ({
+      return l;
+    }), 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 = {}, v = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (s, o) => {
-        const a = `${v}-${o}`;
-        return t[o] = a, `id="${a}"`;
-      }).replace(/#([^\s^")]+)/g, (s, o) => t[o] ? `#${t[o]}` : s);
-    }, p = {
+    })), p = (r) => {
+      const i = {}, S = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (a, s) => {
+        const C = `${S}-${s}`;
+        return i[s] = C, `id="${C}"`;
+      }).replace(/#([^\s^")]+)/g, (a, s) => i[s] ? `#${i[s]}` : a);
+    }, f = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, f = (r) => r.replace(/[<>"'&]/g, (t) => p[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${f(e.title)}</title>` : ""}${e.staticIds ? l : g(l)}`;
-    return (r, 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 : p(u)}`;
+    return (r, i) => (d(), h(b(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon coin-icon",
       "data-testid": "kui-icon-wrapper-coin-icon",
-      style: b(u.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: x(g.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
-      default: x(() => [
-        (c(), M("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+      default: M(() => [
+        (d(), L("svg", {
+          "aria-hidden": t.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-coin-icon",
           fill: "none",
           height: "100%",
@@ -109,8 +111,8 @@ const L = ["aria-hidden"], l = '<path d="M12 22C10.6167 22 9.31667 21.7375 8.1 2
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: m
-        }, null, 8, L))
+          innerHTML: v
+        }, null, 8, w))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));

package/dist/kong-icons.es732.js

@@ -1,6 +1,6 @@
-import { defineComponent as h, computed as l, openBlock as c, createBlock as y, resolveDynamicComponent as b, normalizeStyle as x, withCtx as z, createElementBlock as N } from "vue";
-import { KUI_ICON_SIZE_50 as d } from "./kong-icons.es1640.js";
-const C = ["aria-hidden"], u = '<path d="M3.4 22L2 20.6L8.6 14H4V12H12V20H10V15.4L3.4 22ZM12 12V4H14V8.6L20.6 2L22 3.4L15.4 10H20V12H12Z" fill="currentColor"/>', q = /* @__PURE__ */ h({
+import { defineComponent as h, computed as c, openBlock as d, 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="M3.4 22L2 20.6L8.6 14H4V12H12V20H10V15.4L3.4 22ZM12 12V4H14V8.6L20.6 2L22 3.4L15.4 10H20V12H12Z" fill="currentColor"/>', L = /* @__PURE__ */ h({
   __name: "CollapseIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -31,14 +31,14 @@ const C = ["aria-hidden"], u = '<path d="M3.4 22L2 20.6L8.6 14H4V12H12V20H10V15.
     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 C = ["aria-hidden"], u = '<path d="M3.4 22L2 20.6L8.6 14H4V12H12V20H10V15.
       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 = 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 d;
-    }), p = l(() => ({
+      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 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 : g(u)}`;
-    return (n, t) => (c(), 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) => (d(), b(x(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon collapse-icon",
       "data-testid": "kui-icon-wrapper-collapse-icon",
-      style: x(p.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: w(g.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
       default: z(() => [
-        (c(), N("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+        (d(), C("svg", {
+          "aria-hidden": t.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-collapse-icon",
           fill: "none",
           height: "100%",
@@ -109,13 +111,13 @@ const C = ["aria-hidden"], u = '<path d="M3.4 22L2 20.6L8.6 14H4V12H12V20H10V15.
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: v
-        }, null, 8, C))
+          innerHTML: S
+        }, null, 8, N))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  q as default
+  L as default
 };