@kong/icons 1.55.0 → 1.55.1

package/dist/kong-icons.es480.js

@@ -1,6 +1,6 @@
-import { defineComponent as v, computed as l, openBlock as d, createBlock as S, resolveDynamicComponent as h, normalizeStyle as _, withCtx as x, createElementBlock as b } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1640.js";
-const z = ["aria-hidden"], p = `<path d="M11.8858 2.29654C11.0942 2.30029 10.3386 2.3676 9.67335 2.48535C7.71398 2.83147 7.35848 3.55597 7.35848 4.89229V6.65685H11.9884V7.24504H5.62073C4.27523 7.24504 3.09698 8.05372 2.72835 9.59272C2.3031 11.3562 2.28435 12.4568 2.72835 14.2982C3.05741 15.669 3.84341 16.6455 5.1891 16.6455H6.78116V14.5302C6.78116 13.0018 8.10323 11.6539 9.67354 11.6539H14.2982C15.5856 11.6539 16.6131 10.5938 16.6131 9.30116V4.89247C16.6131 3.63754 15.5545 2.69497 14.2982 2.48554C13.5025 2.35316 12.6773 2.29297 11.8858 2.29654ZM9.38198 3.71572C9.8601 3.71572 10.2509 4.11266 10.2509 4.60091C10.2509 5.0871 9.86029 5.48029 9.38198 5.48029C8.90198 5.48029 8.51329 5.0871 8.51329 4.60091C8.5131 4.11266 8.90198 3.71572 9.38198 3.71572Z" fill="url(#paint0_linear_2_1403)"/>
+import { defineComponent as S, computed as d, openBlock as c, createBlock as h, resolveDynamicComponent as _, normalizeStyle as x, withCtx as b, createElementBlock as w } from "vue";
+import { KUI_ICON_SIZE_50 as p } from "./kong-icons.es1640.js";
+const z = ["aria-hidden"], u = `<path d="M11.8858 2.29654C11.0942 2.30029 10.3386 2.3676 9.67335 2.48535C7.71398 2.83147 7.35848 3.55597 7.35848 4.89229V6.65685H11.9884V7.24504H5.62073C4.27523 7.24504 3.09698 8.05372 2.72835 9.59272C2.3031 11.3562 2.28435 12.4568 2.72835 14.2982C3.05741 15.669 3.84341 16.6455 5.1891 16.6455H6.78116V14.5302C6.78116 13.0018 8.10323 11.6539 9.67354 11.6539H14.2982C15.5856 11.6539 16.6131 10.5938 16.6131 9.30116V4.89247C16.6131 3.63754 15.5545 2.69497 14.2982 2.48554C13.5025 2.35316 12.6773 2.29297 11.8858 2.29654ZM9.38198 3.71572C9.8601 3.71572 10.2509 4.11266 10.2509 4.60091C10.2509 5.0871 9.86029 5.48029 9.38198 5.48029C8.90198 5.48029 8.51329 5.0871 8.51329 4.60091C8.5131 4.11266 8.90198 3.71572 9.38198 3.71572Z" fill="url(#paint0_linear_2_1403)"/>
 <path d="M17.1903 7.24506V9.30119C17.1903 10.8949 15.8388 12.2365 14.298 12.2365H9.67327C8.40652 12.2365 7.3584 13.3208 7.3584 14.5894V18.9985C7.3584 20.2531 8.44927 20.9912 9.67327 21.3511C11.1388 21.7817 12.5443 21.8597 14.298 21.3511C15.4635 21.0134 16.6128 20.3342 16.6128 18.9985V17.2337H11.9883V16.6454H18.9281C20.2736 16.6454 20.7753 15.7069 21.2433 14.2981C21.7267 12.8477 21.7059 11.4529 21.2433 9.59256C20.9107 8.25287 20.2756 7.24487 18.9281 7.24487L17.1903 7.24506ZM14.5891 18.4101C15.0693 18.4101 15.458 18.8033 15.458 19.2899C15.458 19.7777 15.0691 20.1747 14.5891 20.1747C14.111 20.1747 13.7205 19.7777 13.7205 19.2899C13.7205 18.8033 14.111 18.4101 14.5891 18.4101Z" fill="url(#paint1_linear_2_1403)"/>
 <path opacity="0.444" d="M18.2455 22.4244C18.2455 23.0887 15.4675 23.6274 12.0409 23.6274C8.61418 23.6274 5.83618 23.0887 5.83618 22.4244C5.83618 21.7599 8.61399 21.2212 12.0409 21.2212C15.4675 21.2212 18.2455 21.7597 18.2455 22.4244Z" fill="url(#paint2_radial_2_1403)"/>
 <defs>
@@ -16,7 +16,7 @@ const z = ["aria-hidden"], p = `<path d="M11.8858 2.29654C11.0942 2.30029 10.338
 <stop stop-color="#B8B8B8" stop-opacity="0.498"/>
 <stop offset="1" stop-color="#7F7F7F" stop-opacity="0"/>
 </radialGradient>
-</defs>`, I = /* @__PURE__ */ v({
+</defs>`, I = /* @__PURE__ */ S({
   __name: "LanguagePythonIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -47,13 +47,13 @@ const z = ["aria-hidden"], p = `<path d="M11.8858 2.29654C11.0942 2.30029 10.338
     size: {
       type: [Number, String],
       required: !1,
-      default: c,
+      default: p,
       // 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: (e) => {
+        if (typeof e == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(e) || typeof e == "number" && e > 0)
           return !0;
-        if (typeof i == "string") {
-          const e = String(i).replace(/px/gi, ""), n = Number(e);
+        if (typeof e == "string") {
+          const t = String(e).replace(/px/gi, ""), n = Number(t);
           if (n && !isNaN(n) && Number.isInteger(n) && n > 0)
             return !0;
         }
@@ -76,48 +76,50 @@ const z = ["aria-hidden"], p = `<path d="M11.8858 2.29654C11.0942 2.30029 10.338
       default: !1
     }
   },
-  setup(i) {
-    const e = i, n = l(() => {
-      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`;
+  setup(e) {
+    const t = e, n = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), o = d(() => {
+      if (n(t.size))
+        return t.size;
+      if (typeof t.size == "number" && t.size > 0)
+        return `${t.size}px`;
+      if (typeof t.size == "string") {
+        const r = String(t.size).replace(/px/gi, ""), i = Number(r);
+        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
+          return `${i}px`;
       }
-      return c;
-    }), u = l(() => ({
+      return p;
+    }), g = d(() => ({
       boxSizing: "border-box",
-      color: e.color,
-      display: e.display,
+      color: t.color,
+      display: t.display,
       flexShrink: "0",
-      height: n.value,
+      height: o.value,
       lineHeight: "0",
-      width: n.value,
-      pointerEvents: e.decorative ? "none" : void 0
-    })), g = (r) => {
-      const t = {}, y = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (o, a) => {
-        const s = `${y}-${a}`;
-        return t[a] = s, `id="${s}"`;
-      }).replace(/#([^\s^")]+)/g, (o, a) => t[a] ? `#${t[a]}` : o);
-    }, f = {
+      width: o.value,
+      pointerEvents: t.decorative ? "none" : void 0
+    })), f = (r) => {
+      const i = {}, v = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (s, a) => {
+        const l = `${v}-${a}`;
+        return i[a] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (s, a) => i[a] ? `#${i[a]}` : s);
+    }, C = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, C = (r) => r.replace(/[<>"'&]/g, (t) => f[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${C(e.title)}</title>` : ""}${e.staticIds ? p : g(p)}`;
-    return (r, t) => (d(), S(h(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
+    }, y = (r) => r.replace(/[<>"'&]/g, (i) => C[i]), m = `${t.title ? `<title data-testid="kui-icon-svg-title">${y(t.title)}</title>` : ""}${t.staticIds ? u : f(u)}`;
+    return (r, i) => (c(), h(_(e.as), {
+      "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon language-python-icon",
       "data-testid": "kui-icon-wrapper-language-python-icon",
-      style: _(u.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: x(g.value),
+      tabindex: e.decorative ? "-1" : void 0
     }, {
-      default: x(() => [
-        (d(), b("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+      default: b(() => [
+        (c(), w("svg", {
+          "aria-hidden": e.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-language-python-icon",
           fill: "none",
           height: "100%",

package/dist/kong-icons.es482.js

@@ -1,6 +1,6 @@
-import { defineComponent as S, computed as l, openBlock as d, createBlock as y, resolveDynamicComponent as h, normalizeStyle as x, withCtx as b, createElementBlock as _ } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1640.js";
-const z = ["aria-hidden"], u = `<path fill-rule="evenodd" clip-rule="evenodd" d="M12 18.8213C5.37262 18.8213 0 15.2232 0 10.7845C0 6.34599 5.37262 2.74768 12 2.74768C18.6274 2.74768 24 6.34581 24 10.7845C24 15.223 18.6274 18.8213 12 18.8213ZM13.8368 5.88999C8.79937 5.88999 4.71562 8.34981 4.71562 11.3843C4.71562 14.4186 8.79937 16.8786 13.8368 16.8786C18.8741 16.8786 22.5917 15.1967 22.5917 11.3843C22.5917 7.57299 18.8741 5.88999 13.8368 5.88999Z" fill="url(#paint0_linear_2_1407)"/>
+import { defineComponent as y, computed as d, openBlock as c, createBlock as h, resolveDynamicComponent as x, normalizeStyle as b, withCtx as _, createElementBlock as w } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kong-icons.es1640.js";
+const z = ["aria-hidden"], p = `<path fill-rule="evenodd" clip-rule="evenodd" d="M12 18.8213C5.37262 18.8213 0 15.2232 0 10.7845C0 6.34599 5.37262 2.74768 12 2.74768C18.6274 2.74768 24 6.34581 24 10.7845C24 15.223 18.6274 18.8213 12 18.8213ZM13.8368 5.88999C8.79937 5.88999 4.71562 8.34981 4.71562 11.3843C4.71562 14.4186 8.79937 16.8786 13.8368 16.8786C18.8741 16.8786 22.5917 15.1967 22.5917 11.3843C22.5917 7.57299 18.8741 5.88999 13.8368 5.88999Z" fill="url(#paint0_linear_2_1407)"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M18.2754 15.1936C18.2754 15.1936 19.0018 15.4128 19.4237 15.6264C19.5699 15.7005 19.8234 15.8482 20.0061 16.0425C20.1133 16.156 20.203 16.2849 20.2723 16.425L23.1347 21.2512L18.5083 21.2531L16.3451 17.1907C16.3451 17.1907 15.9021 16.4295 15.6294 16.2088C15.402 16.0246 15.3051 15.9592 15.0802 15.9592H13.9811L13.9819 21.2503L9.88818 21.252V7.73621H18.1089C18.1089 7.73621 21.8533 7.80371 21.8533 11.366C21.8533 14.9283 18.2754 15.1936 18.2754 15.1936ZM16.4947 10.668L14.0164 10.6663L14.0152 12.9646L16.4947 12.9637C16.4947 12.9637 17.643 12.9601 17.643 11.7946C17.643 10.6059 16.4947 10.668 16.4947 10.668Z" fill="url(#paint1_linear_2_1407)"/>
 <defs>
 <linearGradient id="paint0_linear_2_1407" x1="0.000135372" y1="2.74591" x2="14.8636" y2="24.9385" gradientUnits="userSpaceOnUse">
@@ -11,7 +11,7 @@ const z = ["aria-hidden"], u = `<path fill-rule="evenodd" clip-rule="evenodd" d=
 <stop stop-color="#276DC3"/>
 <stop offset="1" stop-color="#165CAA"/>
 </linearGradient>
-</defs>`, $ = /* @__PURE__ */ S({
+</defs>`, B = /* @__PURE__ */ y({
   __name: "LanguageRIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -42,13 +42,13 @@ const z = ["aria-hidden"], u = `<path fill-rule="evenodd" clip-rule="evenodd" d=
     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;
         }
@@ -71,48 +71,50 @@ const z = ["aria-hidden"], u = `<path fill-rule="evenodd" clip-rule="evenodd" d=
       default: !1
     }
   },
-  setup(i) {
-    const e = i, n = l(() => {
+  setup(t) {
+    const e = t, n = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), o = d(() => {
+      if (n(e.size))
+        return e.size;
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
-        const r = String(e.size).replace(/px/gi, ""), t = Number(r);
-        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
-          return `${t}px`;
+        const r = String(e.size).replace(/px/gi, ""), i = Number(r);
+        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
+          return `${i}px`;
       }
-      return c;
-    }), p = l(() => ({
+      return u;
+    }), g = d(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
       flexShrink: "0",
-      height: n.value,
+      height: o.value,
       lineHeight: "0",
-      width: n.value,
+      width: o.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), g = (r) => {
-      const t = {}, C = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (a, o) => {
-        const s = `${C}-${o}`;
-        return t[o] = s, `id="${s}"`;
-      }).replace(/#([^\s^")]+)/g, (a, o) => t[o] ? `#${t[o]}` : a);
-    }, f = {
+    })), f = (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);
+    }, v = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, v = (r) => r.replace(/[<>"'&]/g, (t) => f[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${v(e.title)}</title>` : ""}${e.staticIds ? u : g(u)}`;
-    return (r, t) => (d(), y(h(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
+    }, C = (r) => r.replace(/[<>"'&]/g, (i) => v[i]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${C(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
+    return (r, i) => (c(), h(x(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon language-r-icon",
       "data-testid": "kui-icon-wrapper-language-r-icon",
-      style: x(p.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: b(g.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
-      default: b(() => [
-        (d(), _("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+      default: _(() => [
+        (c(), w("svg", {
+          "aria-hidden": t.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-language-r-icon",
           fill: "none",
           height: "100%",
@@ -128,5 +130,5 @@ const z = ["aria-hidden"], u = `<path fill-rule="evenodd" clip-rule="evenodd" d=
   }
 });
 export {
-  $ as default
+  B as default
 };

package/dist/kong-icons.es484.js

@@ -1,6 +1,6 @@
-import { defineComponent as L, computed as l, openBlock as p, createBlock as x, resolveDynamicComponent as S, normalizeStyle as C, withCtx as U, createElementBlock as m } from "vue";
+import { defineComponent as x, computed as p, openBlock as f, createBlock as S, resolveDynamicComponent as C, normalizeStyle as U, withCtx as m, createElementBlock as G } from "vue";
 import { KUI_ICON_SIZE_50 as d } from "./kong-icons.es1640.js";
-const G = ["aria-hidden"], f = `<g clip-path="url(#clip0_2_1410)">
+const E = ["aria-hidden"], c = `<g clip-path="url(#clip0_2_1410)">
 <path d="M18.2021 15.6026L5.31372 23.2558L22.0018 22.1233L23.2871 5.29614L18.2021 15.6026Z" fill="url(#paint0_linear_2_1410)"/>
 <path d="M22.029 22.1118L20.5948 12.212L16.6879 17.3709L22.029 22.1118Z" fill="url(#paint1_linear_2_1410)"/>
 <path d="M22.0485 22.1119L11.5403 21.2871L5.36963 23.2343L22.0485 22.1119Z" fill="url(#paint2_linear_2_1410)"/>
@@ -122,7 +122,7 @@ const G = ["aria-hidden"], f = `<g clip-path="url(#clip0_2_1410)">
 <clipPath id="clip0_2_1410">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
-</defs>`, w = /* @__PURE__ */ L({
+</defs>`, Z = /* @__PURE__ */ x({
   __name: "LanguageRubyIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -155,11 +155,11 @@ const G = ["aria-hidden"], f = `<g clip-path="url(#clip0_2_1410)">
       required: !1,
       default: d,
       // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (e) => {
-        if (typeof e == "number" && e > 0)
+      validator: (o) => {
+        if (typeof o == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(o) || typeof o == "number" && o > 0)
           return !0;
-        if (typeof e == "string") {
-          const t = String(e).replace(/px/gi, ""), i = Number(t);
+        if (typeof o == "string") {
+          const t = String(o).replace(/px/gi, ""), i = Number(t);
           if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
             return !0;
         }
@@ -182,48 +182,50 @@ const G = ["aria-hidden"], f = `<g clip-path="url(#clip0_2_1410)">
       default: !1
     }
   },
-  setup(e) {
-    const t = e, i = l(() => {
+  setup(o) {
+    const t = o, i = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), n = p(() => {
+      if (i(t.size))
+        return t.size;
       if (typeof t.size == "number" && t.size > 0)
         return `${t.size}px`;
       if (typeof t.size == "string") {
-        const r = String(t.size).replace(/px/gi, ""), o = Number(r);
-        if (o && !isNaN(o) && Number.isInteger(o) && o > 0)
-          return `${o}px`;
+        const r = String(t.size).replace(/px/gi, ""), e = Number(r);
+        if (e && !isNaN(e) && Number.isInteger(e) && e > 0)
+          return `${e}px`;
       }
       return d;
-    }), c = l(() => ({
+    }), _ = p(() => ({
       boxSizing: "border-box",
       color: t.color,
       display: t.display,
       flexShrink: "0",
-      height: i.value,
+      height: n.value,
       lineHeight: "0",
-      width: i.value,
+      width: n.value,
       pointerEvents: t.decorative ? "none" : void 0
-    })), _ = (r) => {
-      const o = {}, h = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (n, s) => {
-        const a = `${h}-${s}`;
-        return o[s] = a, `id="${a}"`;
-      }).replace(/#([^\s^")]+)/g, (n, s) => o[s] ? `#${o[s]}` : n);
-    }, u = {
+    })), u = (r) => {
+      const e = {}, L = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (a, s) => {
+        const l = `${L}-${s}`;
+        return e[s] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (a, s) => e[s] ? `#${e[s]}` : a);
+    }, g = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, g = (r) => r.replace(/[<>"'&]/g, (o) => u[o]), y = `${t.title ? `<title data-testid="kui-icon-svg-title">${g(t.title)}</title>` : ""}${t.staticIds ? f : _(f)}`;
-    return (r, o) => (p(), x(S(e.as), {
-      "aria-hidden": e.decorative ? "true" : void 0,
+    }, y = (r) => r.replace(/[<>"'&]/g, (e) => g[e]), h = `${t.title ? `<title data-testid="kui-icon-svg-title">${y(t.title)}</title>` : ""}${t.staticIds ? c : u(c)}`;
+    return (r, e) => (f(), S(C(o.as), {
+      "aria-hidden": o.decorative ? "true" : void 0,
       class: "kui-icon language-ruby-icon",
       "data-testid": "kui-icon-wrapper-language-ruby-icon",
-      style: C(c.value),
-      tabindex: e.decorative ? "-1" : void 0
+      style: U(_.value),
+      tabindex: o.decorative ? "-1" : void 0
     }, {
-      default: U(() => [
-        (p(), m("svg", {
-          "aria-hidden": e.decorative ? "true" : void 0,
+      default: m(() => [
+        (f(), G("svg", {
+          "aria-hidden": o.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-language-ruby-icon",
           fill: "none",
           height: "100%",
@@ -231,13 +233,13 @@ const G = ["aria-hidden"], f = `<g clip-path="url(#clip0_2_1410)">
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: y
-        }, null, 8, G))
+          innerHTML: h
+        }, null, 8, E))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  w as default
+  Z as default
 };

package/dist/kong-icons.es486.js

@@ -1,6 +1,6 @@
-import { defineComponent as S, computed as a, openBlock as d, createBlock as h, resolveDynamicComponent as y, normalizeStyle as x, withCtx as b, createElementBlock as _ } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1640.js";
-const L = ["aria-hidden"], p = `<path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" d="M1.35001 20.7188C1.03126 20.7188 0.768764 20.5875 0.581264 20.3625C0.393764 20.1375 0.337514 19.8188 0.412514 19.5L3.90001 4.40625C4.05001 3.76875 4.65001 3.28125 5.28751 3.28125H22.65C22.9688 3.28125 23.2313 3.4125 23.4188 3.6375C23.6063 3.8625 23.6625 4.18125 23.5875 4.5L20.1 19.5938C19.95 20.2313 19.35 20.7188 18.7125 20.7188H1.35001Z" fill="url(#paint0_linear_2_1398)"/>
+import { defineComponent as h, computed as d, openBlock as c, createBlock as y, resolveDynamicComponent as x, normalizeStyle as b, withCtx as _, createElementBlock as L } from "vue";
+import { KUI_ICON_SIZE_50 as p } from "./kong-icons.es1640.js";
+const w = ["aria-hidden"], u = `<path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" d="M1.35001 20.7188C1.03126 20.7188 0.768764 20.5875 0.581264 20.3625C0.393764 20.1375 0.337514 19.8188 0.412514 19.5L3.90001 4.40625C4.05001 3.76875 4.65001 3.28125 5.28751 3.28125H22.65C22.9688 3.28125 23.2313 3.4125 23.4188 3.6375C23.6063 3.8625 23.6625 4.18125 23.5875 4.5L20.1 19.5938C19.95 20.2313 19.35 20.7188 18.7125 20.7188H1.35001Z" fill="url(#paint0_linear_2_1398)"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M22.5562 3.46875H5.34373C4.79998 3.46875 4.27498 3.9 4.14373 4.44375L0.693734 19.5563C0.562484 20.1 0.899984 20.5312 1.44373 20.5312H18.6562C19.2 20.5312 19.725 20.1 19.8562 19.5563L23.3062 4.4625C23.4375 3.91875 23.1 3.46875 22.5562 3.46875Z" fill="url(#paint1_linear_2_1398)"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0374 16.5563H16.2187C16.7062 16.5563 17.0999 16.9688 17.0999 17.475C17.0999 17.9813 16.7062 18.3938 16.2187 18.3938H12.0374C11.5499 18.3938 11.1562 17.9813 11.1562 17.475C11.1562 16.9688 11.5499 16.5563 12.0374 16.5563ZM14.7562 12.4688C14.6812 12.6188 14.5312 12.7688 14.2687 12.9563L6.48744 18.5438C6.05619 18.8438 5.45619 18.7313 5.11869 18.2813C4.79994 17.8313 4.87494 17.2125 5.28744 16.9125L12.2999 11.8313V11.7188L7.89369 7.0313C7.53744 6.6563 7.57494 6.03755 7.96869 5.6438C8.38119 5.2688 8.99994 5.2688 9.35619 5.6438L14.6437 11.2688C14.9624 11.625 14.9812 12.1125 14.7562 12.4688Z" fill="#2C5591"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M14.5499 12.2813C14.4749 12.4313 14.3249 12.5813 14.0624 12.7688L6.29994 18.3563C5.86869 18.6563 5.26869 18.5438 4.93119 18.0938C4.61244 17.6438 4.68744 17.025 5.09994 16.725L12.1124 11.6438V11.5313L7.70619 6.8438C7.34994 6.4688 7.38744 5.85005 7.78119 5.4563C8.19369 5.0813 8.81244 5.0813 9.16869 5.4563L14.4562 11.0813C14.7749 11.4188 14.7937 11.9063 14.5499 12.2813ZM11.9062 16.4625H16.0874C16.5749 16.4625 16.9687 16.8563 16.9687 17.325C16.9687 17.8125 16.5749 18.1875 16.0874 18.1875H11.9062C11.4187 18.1875 11.0249 17.7938 11.0249 17.325C11.0249 16.8375 11.4187 16.4625 11.9062 16.4625Z" fill="white"/>
@@ -16,7 +16,7 @@ const L = ["aria-hidden"], p = `<path opacity="0.8" fill-rule="evenodd" clip-rul
 <stop offset="0.79" stop-color="#0C131B"/>
 <stop offset="1"/>
 </linearGradient>
-</defs>`, I = /* @__PURE__ */ S({
+</defs>`, I = /* @__PURE__ */ h({
   __name: "LanguageShellIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -47,13 +47,13 @@ const L = ["aria-hidden"], p = `<path opacity="0.8" fill-rule="evenodd" clip-rul
     size: {
       type: [Number, String],
       required: !1,
-      default: c,
+      default: p,
       // 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;
         }
@@ -76,48 +76,50 @@ const L = ["aria-hidden"], p = `<path opacity="0.8" fill-rule="evenodd" clip-rul
       default: !1
     }
   },
-  setup(i) {
-    const e = i, n = a(() => {
+  setup(t) {
+    const e = t, n = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), s = d(() => {
+      if (n(e.size))
+        return e.size;
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
-        const r = String(e.size).replace(/px/gi, ""), t = Number(r);
-        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
-          return `${t}px`;
+        const r = String(e.size).replace(/px/gi, ""), i = Number(r);
+        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
+          return `${i}px`;
       }
-      return c;
-    }), u = a(() => ({
+      return p;
+    }), f = d(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
       flexShrink: "0",
-      height: n.value,
+      height: s.value,
       lineHeight: "0",
-      width: n.value,
+      width: s.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), f = (r) => {
-      const t = {}, m = Math.random().toString(36).substring(2, 12);
+    })), g = (r) => {
+      const i = {}, S = Math.random().toString(36).substring(2, 12);
       return r.replace(/id="([^"]+)"/g, (l, o) => {
-        const s = `${m}-${o}`;
-        return t[o] = s, `id="${s}"`;
-      }).replace(/#([^\s^")]+)/g, (l, o) => t[o] ? `#${t[o]}` : l);
-    }, g = {
+        const a = `${S}-${o}`;
+        return i[o] = a, `id="${a}"`;
+      }).replace(/#([^\s^")]+)/g, (l, o) => i[o] ? `#${i[o]}` : l);
+    }, C = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, C = (r) => r.replace(/[<>"'&]/g, (t) => g[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${C(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
-    return (r, t) => (d(), h(y(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
+    }, v = (r) => r.replace(/[<>"'&]/g, (i) => C[i]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${v(e.title)}</title>` : ""}${e.staticIds ? u : g(u)}`;
+    return (r, i) => (c(), y(x(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon language-shell-icon",
       "data-testid": "kui-icon-wrapper-language-shell-icon",
-      style: x(u.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: b(f.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
-      default: b(() => [
-        (d(), _("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+      default: _(() => [
+        (c(), L("svg", {
+          "aria-hidden": t.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-language-shell-icon",
           fill: "none",
           height: "100%",
@@ -125,8 +127,8 @@ const L = ["aria-hidden"], p = `<path opacity="0.8" fill-rule="evenodd" clip-rul
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: v
-        }, null, 8, L))
+          innerHTML: m
+        }, null, 8, w))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));

package/dist/kong-icons.es488.js

@@ -1,6 +1,6 @@
-import { defineComponent as h, computed as l, openBlock as d, createBlock as S, resolveDynamicComponent as y, normalizeStyle as b, withCtx as w, createElementBlock as x } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1640.js";
-const z = ["aria-hidden"], u = `<g clip-path="url(#clip0_2_1429)">
+import { defineComponent as S, computed as d, openBlock as c, createBlock as y, resolveDynamicComponent as w, normalizeStyle as b, withCtx as x, createElementBlock as z } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kong-icons.es1640.js";
+const N = ["aria-hidden"], g = `<g clip-path="url(#clip0_2_1429)">
 <path d="M23.6868 6.38629C23.6867 5.8932 23.6371 5.40136 23.5387 4.91817C23.4403 4.42353 23.2731 3.94512 23.0418 3.49692C22.8002 3.06279 22.4999 2.66404 22.1493 2.31192C21.7878 1.95818 21.3679 1.66956 20.9081 1.45879C20.4543 1.22999 19.969 1.07011 19.4681 0.984419C18.9712 0.888794 18.4256 0.888794 17.9287 0.841919H5.67185C5.28951 0.848145 4.90802 0.880092 4.52997 0.937544C4.15481 0.98171 3.78757 1.07762 3.43873 1.22254C3.33935 1.26942 3.19123 1.31817 3.09185 1.36504C2.7618 1.54196 2.44808 1.74776 2.15435 1.98004C2.05498 2.07567 1.9556 2.12254 1.85623 2.21629C1.4908 2.55523 1.18859 2.95649 0.963726 3.40129C0.718162 3.8432 0.550107 4.3239 0.466851 4.82254C0.392961 5.30913 0.343524 5.79912 0.318726 6.29067V17.6138C0.31888 18.1069 0.368503 18.5987 0.466851 19.0819C0.565247 19.5766 0.732499 20.055 0.963726 20.5032C1.20537 20.9373 1.5057 21.336 1.85623 21.6882C2.21775 22.0419 2.63768 22.3305 3.09748 22.5413C3.55123 22.7701 4.03657 22.93 4.53748 23.0157C5.03435 23.1113 5.57998 23.1113 6.07685 23.1582H17.9306C18.447 23.1578 18.9623 23.1101 19.47 23.0157C19.9709 22.93 20.4562 22.7701 20.91 22.5413C21.3599 22.3136 21.7774 22.0267 22.1512 21.6882C22.5167 21.3492 22.8189 20.948 23.0437 20.5032C23.2893 20.0613 23.4573 19.5806 23.5406 19.0819C23.6145 18.5953 23.6639 18.1053 23.6887 17.6138V6.38629H23.6868Z" fill="#F05138"/>
 <path d="M15.9375 18.0938C13.8543 19.2431 10.9912 19.3613 8.10935 18.1819C5.86238 17.2702 3.9412 15.7044 2.59497 13.6875C3.22061 14.1664 3.90412 14.5646 4.62935 14.8725C7.60497 16.2038 10.5787 16.1119 12.6731 14.8725C9.69184 12.6863 7.1606 9.84377 5.27435 7.52252C4.90212 7.13023 4.56986 6.70187 4.28247 6.24377C6.56247 8.23314 10.1887 10.7438 11.4787 11.4544C9.63686 9.56718 7.94428 7.53984 6.41622 5.39064C8.9563 7.85905 11.7514 10.0507 14.7543 11.9288C14.8875 12 14.9906 12.06 15.0731 12.1163C15.1611 11.9014 15.2369 11.6816 15.3 11.4581C15.9956 9.04127 15.2006 6.29439 13.4643 4.02002C17.4843 6.33939 19.875 10.6969 18.8737 14.3456C18.8475 14.445 18.8193 14.5331 18.7893 14.6363L18.825 14.6775C20.8106 17.0456 20.265 19.5525 20.0156 19.0838C18.9375 17.0625 16.9443 17.6869 15.9375 18.0938Z" fill="#FEFEFE"/>
 </g>
@@ -8,7 +8,7 @@ const z = ["aria-hidden"], u = `<g clip-path="url(#clip0_2_1429)">
 <clipPath id="clip0_2_1429">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
-</defs>`, _ = /* @__PURE__ */ h({
+</defs>`, q = /* @__PURE__ */ S({
   __name: "LanguageSwiftIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -39,13 +39,13 @@ const z = ["aria-hidden"], u = `<g clip-path="url(#clip0_2_1429)">
     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;
         }
@@ -68,48 +68,50 @@ const z = ["aria-hidden"], u = `<g clip-path="url(#clip0_2_1429)">
       default: !1
     }
   },
-  setup(i) {
-    const e = i, n = l(() => {
+  setup(t) {
+    const e = t, n = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), o = d(() => {
+      if (n(e.size))
+        return e.size;
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
-        const r = String(e.size).replace(/px/gi, ""), t = Number(r);
-        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
-          return `${t}px`;
+        const r = String(e.size).replace(/px/gi, ""), i = Number(r);
+        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
+          return `${i}px`;
       }
-      return c;
-    }), g = l(() => ({
+      return u;
+    }), C = d(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
       flexShrink: "0",
-      height: n.value,
+      height: o.value,
       lineHeight: "0",
-      width: n.value,
+      width: o.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), C = (r) => {
-      const t = {}, v = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (o, a) => {
-        const s = `${v}-${a}`;
-        return t[a] = s, `id="${s}"`;
-      }).replace(/#([^\s^")]+)/g, (o, a) => t[a] ? `#${t[a]}` : o);
-    }, p = {
+    })), p = (r) => {
+      const i = {}, h = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (a, s) => {
+        const l = `${h}-${s}`;
+        return i[s] = l, `id="${l}"`;
+      }).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 ? u : C(u)}`;
-    return (r, t) => (d(), S(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 ? g : p(g)}`;
+    return (r, i) => (c(), y(w(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon language-swift-icon",
       "data-testid": "kui-icon-wrapper-language-swift-icon",
-      style: b(g.value),
-      tabindex: i.decorative ? "-1" : void 0
+      style: b(C.value),
+      tabindex: t.decorative ? "-1" : void 0
     }, {
-      default: w(() => [
-        (d(), x("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
+      default: x(() => [
+        (c(), z("svg", {
+          "aria-hidden": t.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-language-swift-icon",
           fill: "none",
           height: "100%",
@@ -117,13 +119,13 @@ const z = ["aria-hidden"], u = `<g clip-path="url(#clip0_2_1429)">
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: m
-        }, null, 8, z))
+          innerHTML: v
+        }, null, 8, N))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  _ as default
+  q as default
 };