@kong/icons 1.15.3-pr.391.542a583.0 → 1.15.3-pr.391.5c59f07.0

package/dist/kong-icons.es1192.js

@@ -1,91 +1,13 @@
-import { defineComponent as b, ref as M, computed as h, onMounted as v, openBlock as c, createBlock as Z, resolveDynamicComponent as z, normalizeStyle as k, withCtx as x, createElementBlock as F, toDisplayString as I, createCommentVNode as N, pushScopeId as _, popScopeId as w, createElementVNode as e } from "vue";
-import { KUI_ICON_SIZE_50 as g } from "./kong-icons.es1218.js";
-const m = (t) => (_("data-v-b220295b"), t = t(), w(), t), q = ["aria-hidden"], A = {
+import { defineComponent as w, ref as k, computed as g, onMounted as x, openBlock as u, createBlock as z, resolveDynamicComponent as I, normalizeStyle as N, withCtx as q, createElementBlock as m, toDisplayString as E, createCommentVNode as _, pushScopeId as A, popScopeId as C, createElementVNode as L } from "vue";
+import { KUI_ICON_SIZE_50 as h } from "./kong-icons.es1218.js";
+const B = (e) => (A("data-v-51548672"), e = e(), C(), e), $ = ["aria-hidden"], H = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
-}, E = /* @__PURE__ */ m(() => /* @__PURE__ */ e("g", { "clip-path": "url(#clip0_246_5621)" }, [
-  /* @__PURE__ */ e("path", {
-    d: "M0.566625 8.34788C0.199031 9.4995 -4.68667e-05 10.7264 8.276e-09 11.9999C-4.68667e-05 13.2735 0.199078 14.5005 0.566672 15.6521L12 16.1739L23.4333 15.6522C23.8009 14.5005 24 13.2735 24 12C24 10.7264 23.8009 9.4995 23.4333 8.34783L12 7.82611L0.566625 8.34788Z",
-    fill: "#F0F0F0"
-  }),
-  /* @__PURE__ */ e("path", {
-    d: "M23.4332 8.34789L11.9999 7.82617L0.5665 8.34789C0.457563 8.68933 0.363766 9.03747 0.285156 9.39138H23.7144C23.6359 9.03742 23.5421 8.68923 23.4332 8.34789Z",
-    fill: "#D80027"
-  }),
-  /* @__PURE__ */ e("path", {
-    d: "M0.285156 14.6086C0.363672 14.9625 0.457469 15.3106 0.566406 15.6521L0.567531 15.6521L11.9997 16.1738L23.433 15.6521C23.542 15.3107 23.6357 14.9625 23.7143 14.6086H0.285156Z",
-    fill: "#D80027"
-  }),
-  /* @__PURE__ */ e("path", {
-    d: "M12.0002 23.9999C17.354 23.9999 21.8883 20.4935 23.4335 15.6521H0.566895C2.11213 20.4935 6.64644 23.9999 12.0002 23.9999Z",
-    fill: "#6DA544"
-  }),
-  /* @__PURE__ */ e("path", {
-    d: "M11.9997 6.10356e-05C6.64595 0.000107911 2.11173 3.5065 0.566406 8.34789L23.433 8.34794C21.8879 3.50645 17.3536 1.41606e-05 11.9997 6.10356e-05Z",
-    fill: "#338AF3"
-  }),
-  /* @__PURE__ */ e("path", {
-    d: "M5.48376 4.95661C5.48376 3.83268 6.27365 2.89378 7.32848 2.66344C7.16638 2.628 6.99815 2.60883 6.82537 2.60883C5.52871 2.60883 4.47754 3.65995 4.47754 4.95665C4.47754 6.25336 5.52862 7.30448 6.82537 7.30448C6.99815 7.30448 7.16634 7.28526 7.32848 7.24987C6.2737 7.01943 5.48376 6.08053 5.48376 4.95661Z",
-    fill: "#F0F0F0"
-  }),
-  /* @__PURE__ */ e("path", {
-    d: "M8.71628 6.0238L8.87519 6.51294H9.3895L8.97344 6.81529L9.13234 7.30443L8.71628 7.00213L8.30012 7.30443L8.45908 6.81529L8.04297 6.51294H8.55728L8.71628 6.0238Z",
-    fill: "#F0F0F0"
-  }),
-  /* @__PURE__ */ e("path", {
-    d: "M10.3578 6.0238L10.5167 6.51294H11.0311L10.6149 6.81529L10.7739 7.30443L10.3578 7.00213L9.94168 7.30443L10.1006 6.81529L9.68457 6.51294H10.1988L10.3578 6.0238Z",
-    fill: "#F0F0F0"
-  }),
-  /* @__PURE__ */ e("path", {
-    d: "M11.9995 6.0238L12.1584 6.51294H12.6727L12.2566 6.81529L12.4155 7.30443L11.9995 7.00213L11.5833 7.30443L11.7423 6.81529L11.3262 6.51294H11.8405L11.9995 6.0238Z",
-    fill: "#F0F0F0"
-  }),
-  /* @__PURE__ */ e("path", {
-    d: "M13.6411 6.0238L13.8 6.51294H14.3143L13.8982 6.81529L14.0572 7.30443L13.6411 7.00213L13.2249 7.30443L13.3839 6.81529L12.9678 6.51294H13.4821L13.6411 6.0238Z",
-    fill: "#F0F0F0"
-  }),
-  /* @__PURE__ */ e("path", {
-    d: "M15.2826 6.0238L15.4415 6.51294H15.9559L15.5398 6.81529L15.6987 7.30443L15.2826 7.00213L14.8665 7.30443L15.0254 6.81529L14.6094 6.51294H15.1236L15.2826 6.0238Z",
-    fill: "#F0F0F0"
-  }),
-  /* @__PURE__ */ e("path", {
-    d: "M10.3578 4.31628L10.5167 4.80538H11.0311L10.6149 5.10777L10.7739 5.59686L10.3578 5.29457L9.94168 5.59686L10.1006 5.10777L9.68457 4.80538H10.1988L10.3578 4.31628Z",
-    fill: "#F0F0F0"
-  }),
-  /* @__PURE__ */ e("path", {
-    d: "M11.9995 4.31628L12.1584 4.80538H12.6727L12.2566 5.10777L12.4155 5.59686L11.9995 5.29457L11.5833 5.59686L11.7423 5.10777L11.3262 4.80538H11.8405L11.9995 4.31628Z",
-    fill: "#F0F0F0"
-  }),
-  /* @__PURE__ */ e("path", {
-    d: "M13.6411 4.31628L13.8 4.80538H14.3143L13.8982 5.10777L14.0572 5.59686L13.6411 5.29457L13.2249 5.59686L13.3839 5.10777L12.9678 4.80538H13.4821L13.6411 4.31628Z",
-    fill: "#F0F0F0"
-  }),
-  /* @__PURE__ */ e("path", {
-    d: "M15.2826 4.31628L15.4415 4.80538H15.9559L15.5398 5.10777L15.6987 5.59686L15.2826 5.29457L14.8665 5.59686L15.0254 5.10777L14.6094 4.80538H15.1236L15.2826 4.31628Z",
-    fill: "#F0F0F0"
-  }),
-  /* @__PURE__ */ e("path", {
-    d: "M11.9995 2.6087L12.1584 3.09789H12.6727L12.2566 3.40019L12.4155 3.88938L11.9995 3.58708L11.5833 3.88938L11.7423 3.40019L11.3262 3.09789H11.8405L11.9995 2.6087Z",
-    fill: "#F0F0F0"
-  }),
-  /* @__PURE__ */ e("path", {
-    d: "M13.6411 2.6087L13.8 3.09789H14.3143L13.8982 3.40019L14.0572 3.88938L13.6411 3.58708L13.2249 3.88938L13.3839 3.40019L12.9678 3.09789H13.4821L13.6411 2.6087Z",
-    fill: "#F0F0F0"
-  }),
-  /* @__PURE__ */ e("path", {
-    d: "M15.2826 2.6087L15.4415 3.09789H15.9559L15.5398 3.40019L15.6987 3.88938L15.2826 3.58708L14.8665 3.88938L15.0254 3.40019L14.6094 3.09789H15.1236L15.2826 2.6087Z",
-    fill: "#F0F0F0"
-  })
-], -1)), B = /* @__PURE__ */ m(() => /* @__PURE__ */ e("defs", null, [
-  /* @__PURE__ */ e("clipPath", { id: "clip0_246_5621" }, [
-    /* @__PURE__ */ e("rect", {
-      fill: "white",
-      height: "24",
-      width: "24"
-    })
-  ])
-], -1)), U = /* @__PURE__ */ b({
-  __name: "FlagUzIcon",
+}, M = /* @__PURE__ */ B(() => /* @__PURE__ */ L("path", {
+  d: "M16 18V16H18.6L13.4 10.85L9.4 14.85L2 7.4L3.4 6L9.4 12L13.4 8L20 14.6V12H22V18H16Z",
+  fill: "currentColor"
+}, null, -1)), Z = /* @__PURE__ */ w({
+  __name: "TrendDownIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -115,14 +37,14 @@ const m = (t) => (_("data-v-b220295b"), t = t(), w(), t), q = ["aria-hidden"], A
     size: {
       type: [Number, String],
       required: !1,
-      default: g,
+      default: h,
       // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (t) => {
-        if (typeof t == "number" && t > 0)
+      validator: (e) => {
+        if (typeof e == "number" && e > 0)
           return !0;
-        if (typeof t == "string") {
-          const i = String(t).replace(/px/gi, ""), l = Number(i);
-          if (l && !isNaN(l) && Number.isInteger(l) && l > 0)
+        if (typeof e == "string") {
+          const t = String(e).replace(/px/gi, ""), i = Number(t);
+          if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
             return !0;
         }
         return !1;
@@ -143,59 +65,59 @@ const m = (t) => (_("data-v-b220295b"), t = t(), w(), t), q = ["aria-hidden"], A
       default: !0
     }
   },
-  setup(t) {
-    const i = t, l = M(null), u = h(() => {
-      if (typeof i.size == "number" && i.size > 0)
-        return `${i.size}px`;
-      if (typeof i.size == "string") {
-        const L = String(i.size).replace(/px/gi, ""), r = Number(L);
+  setup(e) {
+    const t = e, i = k(null), f = g(() => {
+      if (typeof t.size == "number" && t.size > 0)
+        return `${t.size}px`;
+      if (typeof t.size == "string") {
+        const o = String(t.size).replace(/px/gi, ""), r = Number(o);
         if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
           return `${r}px`;
       }
-      return g;
-    }), H = h(() => ({
+      return h;
+    }), y = g(() => ({
       boxSizing: "border-box",
-      color: i.color,
-      display: i.display,
+      color: t.color,
+      display: t.display,
       flexShrink: "0",
-      height: u.value,
+      height: f.value,
       lineHeight: "0",
-      width: u.value
-    })), y = (L) => {
-      if (!L)
+      width: f.value
+    })), S = (o) => {
+      if (!o)
         return;
-      const r = L.querySelector("defs"), n = {};
-      r && r.querySelectorAll("[id]").forEach((a) => {
-        const d = a.getAttribute("id"), o = `${Math.random().toString(36).substring(2, 12)}-${d}`;
-        n[d] = o, a.setAttribute("id", o);
+      const r = o.querySelector("defs"), l = {};
+      r && r.querySelectorAll("[id]").forEach((n) => {
+        const s = n.getAttribute("id"), a = `${Math.random().toString(36).substring(2, 12)}-${s}`;
+        l[s] = a, n.setAttribute("id", a);
       });
-      const C = ["fill", "stroke", "filter", "mask", "clip-path", "xlink:href", "href"], S = (a) => {
-        C.forEach((d) => {
-          const o = a.getAttribute(d);
-          if (o) {
-            const p = o.replace(/url\(#([^)]+)\)/g, (f, s) => n[s] ? `url(#${n[s]})` : f).replace(/#([^\s]+)/g, (f, s) => n[s] ? `#${n[s]}` : f);
-            p !== o && a.setAttribute(d, p);
+      const b = ["fill", "stroke", "filter", "mask", "clip-path", "xlink:href", "href"], v = (n) => {
+        b.forEach((s) => {
+          const a = n.getAttribute(s);
+          if (a) {
+            const p = a.replace(/url\(#([^)]+)\)/g, (c, d) => l[d] ? `url(#${l[d]})` : c).replace(/#([^\s]+)/g, (c, d) => l[d] ? `#${l[d]}` : c);
+            p !== a && n.setAttribute(s, p);
           }
         });
       };
-      L.querySelectorAll("*").forEach((a) => {
-        S(a);
+      o.querySelectorAll("*").forEach((n) => {
+        v(n);
       });
     };
-    return v(() => {
-      i.randomizeIds && l.value && y(l.value);
-    }), (L, r) => (c(), Z(z(t.as), {
-      "aria-hidden": t.decorative ? "true" : void 0,
-      class: "kui-icon flag-uz-icon",
-      "data-testid": "kui-icon-wrapper-flag-uz-icon",
-      style: k(H.value)
+    return x(() => {
+      t.randomizeIds && i.value && S(i.value);
+    }), (o, r) => (u(), z(I(e.as), {
+      "aria-hidden": e.decorative ? "true" : void 0,
+      class: "kui-icon trend-down-icon",
+      "data-testid": "kui-icon-wrapper-trend-down-icon",
+      style: N(y.value)
     }, {
-      default: x(() => [
-        (c(), F("svg", {
+      default: q(() => [
+        (u(), m("svg", {
           ref_key: "svgElement",
-          ref: l,
-          "aria-hidden": t.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-flag-uz-icon",
+          ref: i,
+          "aria-hidden": e.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-trend-down-icon",
           fill: "none",
           height: "100%",
           role: "img",
@@ -203,16 +125,15 @@ const m = (t) => (_("data-v-b220295b"), t = t(), w(), t), q = ["aria-hidden"], A
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          t.title ? (c(), F("title", A, I(t.title), 1)) : N("", !0),
-          E,
-          B
-        ], 8, q))
+          e.title ? (u(), m("title", H, E(e.title), 1)) : _("", !0),
+          M
+        ], 8, $))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style"]));
   }
 });
 export {
-  U as default
+  Z as default
 };
 //# sourceMappingURL=kong-icons.es1192.js.map

package/dist/kong-icons.es1192.js.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es1192.js","sources":["../src/components/flags/FlagUzIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagUzIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 24 Sep 2024 00:35:15 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed, ref, onMounted } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /** A boolean to enable prefixing any internal SVG ids with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to false during snapshot testing.\n   * Defaults to `true`.\n   */\n  randomizeIds: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst svgElement = ref<SVGElement | null>(null)\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n\n/**\n * Prefix all ids within the SVG element and update all corresponding references to these ids. This is useful to avoid id conflicts when utilizing multiple instances of the same SVG in the DOM.\n *\n * @param {SVGElement} svgElement - The SVG element whose potential IDs need to be prefixed.\n */\nconst prefixSvgIds = (svgElement: SVGElement): void => {\n  if (!svgElement) {\n    return\n  }\n\n  const defsElement = svgElement.querySelector('defs')\n\n  // Prepare a map to store the original and new IDs for quick lookups\n  const idMap: Record<string, string> = {}\n\n  if (defsElement) {\n    // Prefix all direct children of <defs> that have an `id`\n    defsElement.querySelectorAll('[id]').forEach((element) => {\n      const originalId = element.getAttribute('id')\n      const newId = `${Math.random().toString(36).substring(2, 12)}-${originalId}`\n\n      // Map old id to new id\n      idMap[originalId!] = newId\n\n      // Update the element's ID with the new prefixed ID\n      element.setAttribute('id', newId)\n    })\n  }\n\n  // Step 2: Update all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`\n  const referencingAttributes = ['fill', 'stroke', 'filter', 'mask', 'clip-path', 'xlink:href', 'href']\n\n  // Function to update references to IDs in attributes\n  const updateReferences = (element: Element): void => {\n    referencingAttributes.forEach((attr) => {\n      const attrValue = element.getAttribute(attr)\n      if (attrValue) {\n        // Match any url(#id) or href=\"#id\" references\n        const updatedValue = attrValue.replace(/url\\(#([^)]+)\\)/g, (match, id) => {\n          return idMap[id] ? `url(#${idMap[id]})` : match\n        }).replace(/#([^\\s]+)/g, (match, id) => {\n          return idMap[id] ? `#${idMap[id]}` : match\n        })\n\n        // If the value changed, update the attribute\n        if (updatedValue !== attrValue) {\n          element.setAttribute(attr, updatedValue)\n        }\n      }\n    })\n  }\n\n  // Traverse all elements in the SVG to update ID references\n  svgElement.querySelectorAll('*').forEach((element) => {\n    updateReferences(element)\n  })\n}\n\nonMounted(() => {\n  if (props.randomizeIds && svgElement.value) {\n    prefixSvgIds(svgElement.value)\n  }\n})\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-uz-icon\"\n    data-testid=\"kui-icon-wrapper-flag-uz-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-uz-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_246_5621)\">\n        <path\n          d=\"M0.566625 8.34788C0.199031 9.4995 -4.68667e-05 10.7264 8.276e-09 11.9999C-4.68667e-05 13.2735 0.199078 14.5005 0.566672 15.6521L12 16.1739L23.4333 15.6522C23.8009 14.5005 24 13.2735 24 12C24 10.7264 23.8009 9.4995 23.4333 8.34783L12 7.82611L0.566625 8.34788Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M23.4332 8.34789L11.9999 7.82617L0.5665 8.34789C0.457563 8.68933 0.363766 9.03747 0.285156 9.39138H23.7144C23.6359 9.03742 23.5421 8.68923 23.4332 8.34789Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M0.285156 14.6086C0.363672 14.9625 0.457469 15.3106 0.566406 15.6521L0.567531 15.6521L11.9997 16.1738L23.433 15.6521C23.542 15.3107 23.6357 14.9625 23.7143 14.6086H0.285156Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M12.0002 23.9999C17.354 23.9999 21.8883 20.4935 23.4335 15.6521H0.566895C2.11213 20.4935 6.64644 23.9999 12.0002 23.9999Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M11.9997 6.10356e-05C6.64595 0.000107911 2.11173 3.5065 0.566406 8.34789L23.433 8.34794C21.8879 3.50645 17.3536 1.41606e-05 11.9997 6.10356e-05Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M5.48376 4.95661C5.48376 3.83268 6.27365 2.89378 7.32848 2.66344C7.16638 2.628 6.99815 2.60883 6.82537 2.60883C5.52871 2.60883 4.47754 3.65995 4.47754 4.95665C4.47754 6.25336 5.52862 7.30448 6.82537 7.30448C6.99815 7.30448 7.16634 7.28526 7.32848 7.24987C6.2737 7.01943 5.48376 6.08053 5.48376 4.95661Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M8.71628 6.0238L8.87519 6.51294H9.3895L8.97344 6.81529L9.13234 7.30443L8.71628 7.00213L8.30012 7.30443L8.45908 6.81529L8.04297 6.51294H8.55728L8.71628 6.0238Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M10.3578 6.0238L10.5167 6.51294H11.0311L10.6149 6.81529L10.7739 7.30443L10.3578 7.00213L9.94168 7.30443L10.1006 6.81529L9.68457 6.51294H10.1988L10.3578 6.0238Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M11.9995 6.0238L12.1584 6.51294H12.6727L12.2566 6.81529L12.4155 7.30443L11.9995 7.00213L11.5833 7.30443L11.7423 6.81529L11.3262 6.51294H11.8405L11.9995 6.0238Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M13.6411 6.0238L13.8 6.51294H14.3143L13.8982 6.81529L14.0572 7.30443L13.6411 7.00213L13.2249 7.30443L13.3839 6.81529L12.9678 6.51294H13.4821L13.6411 6.0238Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M15.2826 6.0238L15.4415 6.51294H15.9559L15.5398 6.81529L15.6987 7.30443L15.2826 7.00213L14.8665 7.30443L15.0254 6.81529L14.6094 6.51294H15.1236L15.2826 6.0238Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M10.3578 4.31628L10.5167 4.80538H11.0311L10.6149 5.10777L10.7739 5.59686L10.3578 5.29457L9.94168 5.59686L10.1006 5.10777L9.68457 4.80538H10.1988L10.3578 4.31628Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M11.9995 4.31628L12.1584 4.80538H12.6727L12.2566 5.10777L12.4155 5.59686L11.9995 5.29457L11.5833 5.59686L11.7423 5.10777L11.3262 4.80538H11.8405L11.9995 4.31628Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M13.6411 4.31628L13.8 4.80538H14.3143L13.8982 5.10777L14.0572 5.59686L13.6411 5.29457L13.2249 5.59686L13.3839 5.10777L12.9678 4.80538H13.4821L13.6411 4.31628Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M15.2826 4.31628L15.4415 4.80538H15.9559L15.5398 5.10777L15.6987 5.59686L15.2826 5.29457L14.8665 5.59686L15.0254 5.10777L14.6094 4.80538H15.1236L15.2826 4.31628Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M11.9995 2.6087L12.1584 3.09789H12.6727L12.2566 3.40019L12.4155 3.88938L11.9995 3.58708L11.5833 3.88938L11.7423 3.40019L11.3262 3.09789H11.8405L11.9995 2.6087Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M13.6411 2.6087L13.8 3.09789H14.3143L13.8982 3.40019L14.0572 3.88938L13.6411 3.58708L13.2249 3.88938L13.3839 3.40019L12.9678 3.09789H13.4821L13.6411 2.6087Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M15.2826 2.6087L15.4415 3.09789H15.9559L15.5398 3.40019L15.6987 3.88938L15.2826 3.58708L14.8665 3.88938L15.0254 3.40019L14.6094 3.09789H15.1236L15.2826 2.6087Z\"\n          fill=\"#F0F0F0\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_246_5621\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","svgElement","ref","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIds","defsElement","idMap","element","originalId","newId","referencingAttributes","updateReferences","attr","attrValue","updatedValue","match","id","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,UAAMA,IAAQC,GA+DRC,IAAaC,EAAuB,IAAI,GAExCC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOL,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMM,IAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDO,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MAExB;AAGO,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA+B;AAAA,MAChE,WAAW;AAAA,MACX,OAAOL,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQI,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,IAChB,EAAA,GAOIM,IAAe,CAACR,MAAiC;AACrD,UAAI,CAACA;AACH;AAGI,YAAAS,IAAcT,EAAW,cAAc,MAAM,GAG7CU,IAAgC,CAAA;AAEtC,MAAID,KAEFA,EAAY,iBAAiB,MAAM,EAAE,QAAQ,CAACE,MAAY;AAClD,cAAAC,IAAaD,EAAQ,aAAa,IAAI,GACtCE,IAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE,CAAC,IAAID,CAAU;AAG1E,QAAAF,EAAME,CAAW,IAAIC,GAGbF,EAAA,aAAa,MAAME,CAAK;AAAA,MAAA,CACjC;AAIG,YAAAC,IAAwB,CAAC,QAAQ,UAAU,UAAU,QAAQ,aAAa,cAAc,MAAM,GAG9FC,IAAmB,CAACJ,MAA2B;AAC7B,QAAAG,EAAA,QAAQ,CAACE,MAAS;AAChC,gBAAAC,IAAYN,EAAQ,aAAaK,CAAI;AAC3C,cAAIC,GAAW;AAEb,kBAAMC,IAAeD,EAAU,QAAQ,oBAAoB,CAACE,GAAOC,MAC1DV,EAAMU,CAAE,IAAI,QAAQV,EAAMU,CAAE,CAAC,MAAMD,CAC3C,EAAE,QAAQ,cAAc,CAACA,GAAOC,MACxBV,EAAMU,CAAE,IAAI,IAAIV,EAAMU,CAAE,CAAC,KAAKD,CACtC;AAGD,YAAID,MAAiBD,KACXN,EAAA,aAAaK,GAAME,CAAY;AAAA,UAE3C;AAAA,QAAA,CACD;AAAA,MAAA;AAIHlB,MAAAA,EAAW,iBAAiB,GAAG,EAAE,QAAQ,CAACW,MAAY;AACpD,QAAAI,EAAiBJ,CAAO;AAAA,MAAA,CACzB;AAAA,IAAA;AAGH,WAAAU,EAAU,MAAM;AACV,MAAAvB,EAAM,gBAAgBE,EAAW,SACnCQ,EAAaR,EAAW,KAAK;AAAA,IAC/B,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es1192.js","sources":["../src/components/solid/TrendDownIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * TrendDownIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 24 Sep 2024 00:35:22 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed, ref, onMounted } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /** A boolean to enable prefixing any internal SVG ids with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to false during snapshot testing.\n   * Defaults to `true`.\n   */\n  randomizeIds: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst svgElement = ref<SVGElement | null>(null)\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n\n/**\n * Prefix all ids within the SVG element and update all corresponding references to these ids. This is useful to avoid id conflicts when utilizing multiple instances of the same SVG in the DOM.\n *\n * @param {SVGElement} svgElement - The SVG element whose potential IDs need to be prefixed.\n */\nconst prefixSvgIds = (svgElement: SVGElement): void => {\n  if (!svgElement) {\n    return\n  }\n\n  const defsElement = svgElement.querySelector('defs')\n\n  // Prepare a map to store the original and new IDs for quick lookups\n  const idMap: Record<string, string> = {}\n\n  if (defsElement) {\n    // Prefix all direct children of <defs> that have an `id`\n    defsElement.querySelectorAll('[id]').forEach((element) => {\n      const originalId = element.getAttribute('id')\n      const newId = `${Math.random().toString(36).substring(2, 12)}-${originalId}`\n\n      // Map old id to new id\n      idMap[originalId!] = newId\n\n      // Update the element's id with the new prefixed id\n      element.setAttribute('id', newId)\n    })\n  }\n\n  // Step 2: Update all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`\n  const referencingAttributes = ['fill', 'stroke', 'filter', 'mask', 'clip-path', 'xlink:href', 'href']\n\n  // Function to update references to IDs in attributes\n  const updateReferences = (element: Element): void => {\n    referencingAttributes.forEach((attr) => {\n      const attrValue = element.getAttribute(attr)\n      if (attrValue) {\n        // Match any url(#id) or href=\"#id\" references\n        const updatedValue = attrValue.replace(/url\\(#([^)]+)\\)/g, (match, id) => {\n          return idMap[id] ? `url(#${idMap[id]})` : match\n        }).replace(/#([^\\s]+)/g, (match, id) => {\n          return idMap[id] ? `#${idMap[id]}` : match\n        })\n\n        // If the value changed, update the attribute\n        if (updatedValue !== attrValue) {\n          element.setAttribute(attr, updatedValue)\n        }\n      }\n    })\n  }\n\n  // Traverse all elements in the SVG to update ID references\n  svgElement.querySelectorAll('*').forEach((element) => {\n    updateReferences(element)\n  })\n}\n\nonMounted(() => {\n  if (props.randomizeIds && svgElement.value) {\n    prefixSvgIds(svgElement.value)\n  }\n})\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon trend-down-icon\"\n    data-testid=\"kui-icon-wrapper-trend-down-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-trend-down-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <path\n        d=\"M16 18V16H18.6L13.4 10.85L9.4 14.85L2 7.4L3.4 6L9.4 12L13.4 8L20 14.6V12H22V18H16Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","svgElement","ref","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIds","defsElement","idMap","element","originalId","newId","referencingAttributes","updateReferences","attr","attrValue","updatedValue","match","id","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,UAAMA,IAAQC,GA+DRC,IAAaC,EAAuB,IAAI,GAExCC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOL,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMM,IAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDO,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MAExB;AAGO,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA+B;AAAA,MAChE,WAAW;AAAA,MACX,OAAOL,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQI,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,IAChB,EAAA,GAOIM,IAAe,CAACR,MAAiC;AACrD,UAAI,CAACA;AACH;AAGI,YAAAS,IAAcT,EAAW,cAAc,MAAM,GAG7CU,IAAgC,CAAA;AAEtC,MAAID,KAEFA,EAAY,iBAAiB,MAAM,EAAE,QAAQ,CAACE,MAAY;AAClD,cAAAC,IAAaD,EAAQ,aAAa,IAAI,GACtCE,IAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE,CAAC,IAAID,CAAU;AAG1E,QAAAF,EAAME,CAAW,IAAIC,GAGbF,EAAA,aAAa,MAAME,CAAK;AAAA,MAAA,CACjC;AAIG,YAAAC,IAAwB,CAAC,QAAQ,UAAU,UAAU,QAAQ,aAAa,cAAc,MAAM,GAG9FC,IAAmB,CAACJ,MAA2B;AAC7B,QAAAG,EAAA,QAAQ,CAACE,MAAS;AAChC,gBAAAC,IAAYN,EAAQ,aAAaK,CAAI;AAC3C,cAAIC,GAAW;AAEb,kBAAMC,IAAeD,EAAU,QAAQ,oBAAoB,CAACE,GAAOC,MAC1DV,EAAMU,CAAE,IAAI,QAAQV,EAAMU,CAAE,CAAC,MAAMD,CAC3C,EAAE,QAAQ,cAAc,CAACA,GAAOC,MACxBV,EAAMU,CAAE,IAAI,IAAIV,EAAMU,CAAE,CAAC,KAAKD,CACtC;AAGD,YAAID,MAAiBD,KACXN,EAAA,aAAaK,GAAME,CAAY;AAAA,UAE3C;AAAA,QAAA,CACD;AAAA,MAAA;AAIHlB,MAAAA,EAAW,iBAAiB,GAAG,EAAE,QAAQ,CAACW,MAAY;AACpD,QAAAI,EAAiBJ,CAAO;AAAA,MAAA,CACzB;AAAA,IAAA;AAGH,WAAAU,EAAU,MAAM;AACV,MAAAvB,EAAM,gBAAgBE,EAAW,SACnCQ,EAAaR,EAAW,KAAK;AAAA,IAC/B,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es1194.js

@@ -1,35 +1,13 @@
-import { defineComponent as x, ref as z, computed as h, onMounted as I, openBlock as f, createBlock as N, resolveDynamicComponent as _, normalizeStyle as w, withCtx as L, createElementBlock as m, toDisplayString as A, createCommentVNode as q, pushScopeId as M, popScopeId as B, createElementVNode as o } from "vue";
-import { KUI_ICON_SIZE_50 as C } from "./kong-icons.es1218.js";
-const y = (e) => (M("data-v-6a20753c"), e = e(), B(), e), E = ["aria-hidden"], F = {
+import { defineComponent as k, ref as x, computed as g, onMounted as z, openBlock as c, createBlock as I, resolveDynamicComponent as N, normalizeStyle as w, withCtx as q, createElementBlock as m, toDisplayString as E, createCommentVNode as _, pushScopeId as A, popScopeId as C, createElementVNode as L } from "vue";
+import { KUI_ICON_SIZE_50 as h } from "./kong-icons.es1218.js";
+const B = (e) => (A("data-v-a6ac6fb9"), e = e(), C(), e), $ = ["aria-hidden"], H = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
-}, Z = /* @__PURE__ */ y(() => /* @__PURE__ */ o("g", { "clip-path": "url(#clip0_246_5668)" }, [
-  /* @__PURE__ */ o("path", {
-    d: "M11.9998 0C18.6271 0 23.9998 5.37262 23.9998 12C23.9998 18.6274 18.6271 24 11.9998 24C11.9998 23.4783 10.4346 12 10.4346 12L11.9998 0Z",
-    fill: "#F0F0F0"
-  }),
-  /* @__PURE__ */ o("path", {
-    d: "M12 24C5.37262 24 0 18.6274 0 12C0 5.37262 5.37262 0 12 0",
-    fill: "#FFDA44"
-  }),
-  /* @__PURE__ */ o("path", {
-    d: "M16.5952 10.4421L18.8504 13.4255C18.4951 13.9635 18.497 14.6884 18.9079 15.232C19.4292 15.9216 20.4108 16.0581 21.1004 15.5368C21.79 15.0155 21.9265 14.0339 21.4051 13.3444C20.9943 12.8007 20.2973 12.6012 19.6828 12.7963L16.1681 8.14667L15.3357 8.77592L14.0869 9.7197L15.3454 11.3845L16.5952 10.4421ZM19.8419 13.8719C20.0718 13.6981 20.399 13.7437 20.5728 13.9735C20.7465 14.2033 20.7011 14.5306 20.4712 14.7044C20.2414 14.8781 19.9141 14.8327 19.7404 14.6028C19.5666 14.3729 19.6121 14.0457 19.8419 13.8719Z",
-    fill: "#ACABB1"
-  }),
-  /* @__PURE__ */ o("path", {
-    d: "M20.4633 11.3844L21.7218 9.71967L20.4731 8.7758L19.6407 8.14655L16.126 12.7962C15.5115 12.6011 14.8145 12.8007 14.4036 13.3442C13.8823 14.0339 14.0188 15.0154 14.7084 15.5367C15.398 16.0579 16.3796 15.9215 16.9008 15.2319C17.3117 14.6883 17.3136 13.9634 16.9583 13.4254L19.2135 10.442L20.4633 11.3844ZM16.0684 14.6027C15.8947 14.8327 15.5675 14.8781 15.3376 14.7044C15.1077 14.5305 15.0623 14.2033 15.236 13.9734C15.4098 13.7437 15.737 13.6981 15.9669 13.8719C16.1967 14.0457 16.2422 14.3729 16.0684 14.6027Z",
-    fill: "#FFDA44"
-  })
-], -1)), $ = /* @__PURE__ */ y(() => /* @__PURE__ */ o("defs", null, [
-  /* @__PURE__ */ o("clipPath", { id: "clip0_246_5668" }, [
-    /* @__PURE__ */ o("rect", {
-      fill: "white",
-      height: "24",
-      width: "24"
-    })
-  ])
-], -1)), H = /* @__PURE__ */ x({
-  __name: "FlagVaIcon",
+}, M = /* @__PURE__ */ B(() => /* @__PURE__ */ L("path", {
+  d: "M3.4 18L2 16.6L9.4 9.15L13.4 13.15L18.6 8H16V6H22V12H20V9.4L13.4 16L9.4 12L3.4 18Z",
+  fill: "currentColor"
+}, null, -1)), U = /* @__PURE__ */ k({
+  __name: "TrendUpIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -59,14 +37,14 @@ const y = (e) => (M("data-v-6a20753c"), e = e(), B(), e), E = ["aria-hidden"], F
     size: {
       type: [Number, String],
       required: !1,
-      default: C,
+      default: h,
       // if setting to the imported const fails, just pass a number of 24 as the default.
       validator: (e) => {
         if (typeof e == "number" && e > 0)
           return !0;
         if (typeof e == "string") {
-          const t = String(e).replace(/px/gi, ""), r = Number(t);
-          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
+          const t = String(e).replace(/px/gi, ""), i = Number(t);
+          if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
             return !0;
         }
         return !1;
@@ -88,58 +66,58 @@ const y = (e) => (M("data-v-6a20753c"), e = e(), B(), e), E = ["aria-hidden"], F
     }
   },
   setup(e) {
-    const t = e, r = z(null), p = h(() => {
+    const t = e, i = x(null), f = g(() => {
       if (typeof t.size == "number" && t.size > 0)
         return `${t.size}px`;
       if (typeof t.size == "string") {
-        const n = String(t.size).replace(/px/gi, ""), i = Number(n);
-        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
-          return `${i}px`;
+        const o = String(t.size).replace(/px/gi, ""), r = Number(o);
+        if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
+          return `${r}px`;
       }
-      return C;
-    }), S = h(() => ({
+      return h;
+    }), y = g(() => ({
       boxSizing: "border-box",
       color: t.color,
       display: t.display,
       flexShrink: "0",
-      height: p.value,
+      height: f.value,
       lineHeight: "0",
-      width: p.value
-    })), v = (n) => {
-      if (!n)
+      width: f.value
+    })), S = (o) => {
+      if (!o)
         return;
-      const i = n.querySelector("defs"), s = {};
-      i && i.querySelectorAll("[id]").forEach((a) => {
-        const d = a.getAttribute("id"), l = `${Math.random().toString(36).substring(2, 12)}-${d}`;
-        s[d] = l, a.setAttribute("id", l);
+      const r = o.querySelector("defs"), l = {};
+      r && r.querySelectorAll("[id]").forEach((n) => {
+        const s = n.getAttribute("id"), a = `${Math.random().toString(36).substring(2, 12)}-${s}`;
+        l[s] = a, n.setAttribute("id", a);
       });
-      const b = ["fill", "stroke", "filter", "mask", "clip-path", "xlink:href", "href"], k = (a) => {
-        b.forEach((d) => {
-          const l = a.getAttribute(d);
-          if (l) {
-            const g = l.replace(/url\(#([^)]+)\)/g, (u, c) => s[c] ? `url(#${s[c]})` : u).replace(/#([^\s]+)/g, (u, c) => s[c] ? `#${s[c]}` : u);
-            g !== l && a.setAttribute(d, g);
+      const b = ["fill", "stroke", "filter", "mask", "clip-path", "xlink:href", "href"], v = (n) => {
+        b.forEach((s) => {
+          const a = n.getAttribute(s);
+          if (a) {
+            const p = a.replace(/url\(#([^)]+)\)/g, (u, d) => l[d] ? `url(#${l[d]})` : u).replace(/#([^\s]+)/g, (u, d) => l[d] ? `#${l[d]}` : u);
+            p !== a && n.setAttribute(s, p);
           }
         });
       };
-      n.querySelectorAll("*").forEach((a) => {
-        k(a);
+      o.querySelectorAll("*").forEach((n) => {
+        v(n);
       });
     };
-    return I(() => {
-      t.randomizeIds && r.value && v(r.value);
-    }), (n, i) => (f(), N(_(e.as), {
+    return z(() => {
+      t.randomizeIds && i.value && S(i.value);
+    }), (o, r) => (c(), I(N(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
-      class: "kui-icon flag-va-icon",
-      "data-testid": "kui-icon-wrapper-flag-va-icon",
-      style: w(S.value)
+      class: "kui-icon trend-up-icon",
+      "data-testid": "kui-icon-wrapper-trend-up-icon",
+      style: w(y.value)
     }, {
-      default: L(() => [
-        (f(), m("svg", {
+      default: q(() => [
+        (c(), m("svg", {
           ref_key: "svgElement",
-          ref: r,
+          ref: i,
           "aria-hidden": e.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-flag-va-icon",
+          "data-testid": "kui-icon-svg-trend-up-icon",
           fill: "none",
           height: "100%",
           role: "img",
@@ -147,16 +125,15 @@ const y = (e) => (M("data-v-6a20753c"), e = e(), B(), e), E = ["aria-hidden"], F
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (f(), m("title", F, A(e.title), 1)) : q("", !0),
-          Z,
-          $
-        ], 8, E))
+          e.title ? (c(), m("title", H, E(e.title), 1)) : _("", !0),
+          M
+        ], 8, $))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style"]));
   }
 });
 export {
-  H as default
+  U as default
 };
 //# sourceMappingURL=kong-icons.es1194.js.map

package/dist/kong-icons.es1194.js.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es1194.js","sources":["../src/components/flags/FlagVaIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagVaIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 24 Sep 2024 00:35:15 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed, ref, onMounted } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /** A boolean to enable prefixing any internal SVG ids with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to false during snapshot testing.\n   * Defaults to `true`.\n   */\n  randomizeIds: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst svgElement = ref<SVGElement | null>(null)\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n\n/**\n * Prefix all ids within the SVG element and update all corresponding references to these ids. This is useful to avoid id conflicts when utilizing multiple instances of the same SVG in the DOM.\n *\n * @param {SVGElement} svgElement - The SVG element whose potential IDs need to be prefixed.\n */\nconst prefixSvgIds = (svgElement: SVGElement): void => {\n  if (!svgElement) {\n    return\n  }\n\n  const defsElement = svgElement.querySelector('defs')\n\n  // Prepare a map to store the original and new IDs for quick lookups\n  const idMap: Record<string, string> = {}\n\n  if (defsElement) {\n    // Prefix all direct children of <defs> that have an `id`\n    defsElement.querySelectorAll('[id]').forEach((element) => {\n      const originalId = element.getAttribute('id')\n      const newId = `${Math.random().toString(36).substring(2, 12)}-${originalId}`\n\n      // Map old id to new id\n      idMap[originalId!] = newId\n\n      // Update the element's ID with the new prefixed ID\n      element.setAttribute('id', newId)\n    })\n  }\n\n  // Step 2: Update all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`\n  const referencingAttributes = ['fill', 'stroke', 'filter', 'mask', 'clip-path', 'xlink:href', 'href']\n\n  // Function to update references to IDs in attributes\n  const updateReferences = (element: Element): void => {\n    referencingAttributes.forEach((attr) => {\n      const attrValue = element.getAttribute(attr)\n      if (attrValue) {\n        // Match any url(#id) or href=\"#id\" references\n        const updatedValue = attrValue.replace(/url\\(#([^)]+)\\)/g, (match, id) => {\n          return idMap[id] ? `url(#${idMap[id]})` : match\n        }).replace(/#([^\\s]+)/g, (match, id) => {\n          return idMap[id] ? `#${idMap[id]}` : match\n        })\n\n        // If the value changed, update the attribute\n        if (updatedValue !== attrValue) {\n          element.setAttribute(attr, updatedValue)\n        }\n      }\n    })\n  }\n\n  // Traverse all elements in the SVG to update ID references\n  svgElement.querySelectorAll('*').forEach((element) => {\n    updateReferences(element)\n  })\n}\n\nonMounted(() => {\n  if (props.randomizeIds && svgElement.value) {\n    prefixSvgIds(svgElement.value)\n  }\n})\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-va-icon\"\n    data-testid=\"kui-icon-wrapper-flag-va-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-va-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_246_5668)\">\n        <path\n          d=\"M11.9998 0C18.6271 0 23.9998 5.37262 23.9998 12C23.9998 18.6274 18.6271 24 11.9998 24C11.9998 23.4783 10.4346 12 10.4346 12L11.9998 0Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M12 24C5.37262 24 0 18.6274 0 12C0 5.37262 5.37262 0 12 0\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M16.5952 10.4421L18.8504 13.4255C18.4951 13.9635 18.497 14.6884 18.9079 15.232C19.4292 15.9216 20.4108 16.0581 21.1004 15.5368C21.79 15.0155 21.9265 14.0339 21.4051 13.3444C20.9943 12.8007 20.2973 12.6012 19.6828 12.7963L16.1681 8.14667L15.3357 8.77592L14.0869 9.7197L15.3454 11.3845L16.5952 10.4421ZM19.8419 13.8719C20.0718 13.6981 20.399 13.7437 20.5728 13.9735C20.7465 14.2033 20.7011 14.5306 20.4712 14.7044C20.2414 14.8781 19.9141 14.8327 19.7404 14.6028C19.5666 14.3729 19.6121 14.0457 19.8419 13.8719Z\"\n          fill=\"#ACABB1\"\n        />\n        <path\n          d=\"M20.4633 11.3844L21.7218 9.71967L20.4731 8.7758L19.6407 8.14655L16.126 12.7962C15.5115 12.6011 14.8145 12.8007 14.4036 13.3442C13.8823 14.0339 14.0188 15.0154 14.7084 15.5367C15.398 16.0579 16.3796 15.9215 16.9008 15.2319C17.3117 14.6883 17.3136 13.9634 16.9583 13.4254L19.2135 10.442L20.4633 11.3844ZM16.0684 14.6027C15.8947 14.8327 15.5675 14.8781 15.3376 14.7044C15.1077 14.5305 15.0623 14.2033 15.236 13.9734C15.4098 13.7437 15.737 13.6981 15.9669 13.8719C16.1967 14.0457 16.2422 14.3729 16.0684 14.6027Z\"\n          fill=\"#FFDA44\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_246_5668\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","svgElement","ref","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIds","defsElement","idMap","element","originalId","newId","referencingAttributes","updateReferences","attr","attrValue","updatedValue","match","id","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,UAAMA,IAAQC,GA+DRC,IAAaC,EAAuB,IAAI,GAExCC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOL,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMM,IAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDO,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MAExB;AAGO,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA+B;AAAA,MAChE,WAAW;AAAA,MACX,OAAOL,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQI,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,IAChB,EAAA,GAOIM,IAAe,CAACR,MAAiC;AACrD,UAAI,CAACA;AACH;AAGI,YAAAS,IAAcT,EAAW,cAAc,MAAM,GAG7CU,IAAgC,CAAA;AAEtC,MAAID,KAEFA,EAAY,iBAAiB,MAAM,EAAE,QAAQ,CAACE,MAAY;AAClD,cAAAC,IAAaD,EAAQ,aAAa,IAAI,GACtCE,IAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE,CAAC,IAAID,CAAU;AAG1E,QAAAF,EAAME,CAAW,IAAIC,GAGbF,EAAA,aAAa,MAAME,CAAK;AAAA,MAAA,CACjC;AAIG,YAAAC,IAAwB,CAAC,QAAQ,UAAU,UAAU,QAAQ,aAAa,cAAc,MAAM,GAG9FC,IAAmB,CAACJ,MAA2B;AAC7B,QAAAG,EAAA,QAAQ,CAACE,MAAS;AAChC,gBAAAC,IAAYN,EAAQ,aAAaK,CAAI;AAC3C,cAAIC,GAAW;AAEb,kBAAMC,IAAeD,EAAU,QAAQ,oBAAoB,CAACE,GAAOC,MAC1DV,EAAMU,CAAE,IAAI,QAAQV,EAAMU,CAAE,CAAC,MAAMD,CAC3C,EAAE,QAAQ,cAAc,CAACA,GAAOC,MACxBV,EAAMU,CAAE,IAAI,IAAIV,EAAMU,CAAE,CAAC,KAAKD,CACtC;AAGD,YAAID,MAAiBD,KACXN,EAAA,aAAaK,GAAME,CAAY;AAAA,UAE3C;AAAA,QAAA,CACD;AAAA,MAAA;AAIHlB,MAAAA,EAAW,iBAAiB,GAAG,EAAE,QAAQ,CAACW,MAAY;AACpD,QAAAI,EAAiBJ,CAAO;AAAA,MAAA,CACzB;AAAA,IAAA;AAGH,WAAAU,EAAU,MAAM;AACV,MAAAvB,EAAM,gBAAgBE,EAAW,SACnCQ,EAAaR,EAAW,KAAK;AAAA,IAC/B,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es1194.js","sources":["../src/components/solid/TrendUpIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * TrendUpIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 24 Sep 2024 00:35:22 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed, ref, onMounted } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /** A boolean to enable prefixing any internal SVG ids with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to false during snapshot testing.\n   * Defaults to `true`.\n   */\n  randomizeIds: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst svgElement = ref<SVGElement | null>(null)\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n\n/**\n * Prefix all ids within the SVG element and update all corresponding references to these ids. This is useful to avoid id conflicts when utilizing multiple instances of the same SVG in the DOM.\n *\n * @param {SVGElement} svgElement - The SVG element whose potential IDs need to be prefixed.\n */\nconst prefixSvgIds = (svgElement: SVGElement): void => {\n  if (!svgElement) {\n    return\n  }\n\n  const defsElement = svgElement.querySelector('defs')\n\n  // Prepare a map to store the original and new IDs for quick lookups\n  const idMap: Record<string, string> = {}\n\n  if (defsElement) {\n    // Prefix all direct children of <defs> that have an `id`\n    defsElement.querySelectorAll('[id]').forEach((element) => {\n      const originalId = element.getAttribute('id')\n      const newId = `${Math.random().toString(36).substring(2, 12)}-${originalId}`\n\n      // Map old id to new id\n      idMap[originalId!] = newId\n\n      // Update the element's id with the new prefixed id\n      element.setAttribute('id', newId)\n    })\n  }\n\n  // Step 2: Update all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`\n  const referencingAttributes = ['fill', 'stroke', 'filter', 'mask', 'clip-path', 'xlink:href', 'href']\n\n  // Function to update references to IDs in attributes\n  const updateReferences = (element: Element): void => {\n    referencingAttributes.forEach((attr) => {\n      const attrValue = element.getAttribute(attr)\n      if (attrValue) {\n        // Match any url(#id) or href=\"#id\" references\n        const updatedValue = attrValue.replace(/url\\(#([^)]+)\\)/g, (match, id) => {\n          return idMap[id] ? `url(#${idMap[id]})` : match\n        }).replace(/#([^\\s]+)/g, (match, id) => {\n          return idMap[id] ? `#${idMap[id]}` : match\n        })\n\n        // If the value changed, update the attribute\n        if (updatedValue !== attrValue) {\n          element.setAttribute(attr, updatedValue)\n        }\n      }\n    })\n  }\n\n  // Traverse all elements in the SVG to update ID references\n  svgElement.querySelectorAll('*').forEach((element) => {\n    updateReferences(element)\n  })\n}\n\nonMounted(() => {\n  if (props.randomizeIds && svgElement.value) {\n    prefixSvgIds(svgElement.value)\n  }\n})\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon trend-up-icon\"\n    data-testid=\"kui-icon-wrapper-trend-up-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-trend-up-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <path\n        d=\"M3.4 18L2 16.6L9.4 9.15L13.4 13.15L18.6 8H16V6H22V12H20V9.4L13.4 16L9.4 12L3.4 18Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","svgElement","ref","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIds","defsElement","idMap","element","originalId","newId","referencingAttributes","updateReferences","attr","attrValue","updatedValue","match","id","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,UAAMA,IAAQC,GA+DRC,IAAaC,EAAuB,IAAI,GAExCC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOL,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMM,IAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDO,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MAExB;AAGO,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA+B;AAAA,MAChE,WAAW;AAAA,MACX,OAAOL,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQI,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,IAChB,EAAA,GAOIM,IAAe,CAACR,MAAiC;AACrD,UAAI,CAACA;AACH;AAGI,YAAAS,IAAcT,EAAW,cAAc,MAAM,GAG7CU,IAAgC,CAAA;AAEtC,MAAID,KAEFA,EAAY,iBAAiB,MAAM,EAAE,QAAQ,CAACE,MAAY;AAClD,cAAAC,IAAaD,EAAQ,aAAa,IAAI,GACtCE,IAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE,CAAC,IAAID,CAAU;AAG1E,QAAAF,EAAME,CAAW,IAAIC,GAGbF,EAAA,aAAa,MAAME,CAAK;AAAA,MAAA,CACjC;AAIG,YAAAC,IAAwB,CAAC,QAAQ,UAAU,UAAU,QAAQ,aAAa,cAAc,MAAM,GAG9FC,IAAmB,CAACJ,MAA2B;AAC7B,QAAAG,EAAA,QAAQ,CAACE,MAAS;AAChC,gBAAAC,IAAYN,EAAQ,aAAaK,CAAI;AAC3C,cAAIC,GAAW;AAEb,kBAAMC,IAAeD,EAAU,QAAQ,oBAAoB,CAACE,GAAOC,MAC1DV,EAAMU,CAAE,IAAI,QAAQV,EAAMU,CAAE,CAAC,MAAMD,CAC3C,EAAE,QAAQ,cAAc,CAACA,GAAOC,MACxBV,EAAMU,CAAE,IAAI,IAAIV,EAAMU,CAAE,CAAC,KAAKD,CACtC;AAGD,YAAID,MAAiBD,KACXN,EAAA,aAAaK,GAAME,CAAY;AAAA,UAE3C;AAAA,QAAA,CACD;AAAA,MAAA;AAIHlB,MAAAA,EAAW,iBAAiB,GAAG,EAAE,QAAQ,CAACW,MAAY;AACpD,QAAAI,EAAiBJ,CAAO;AAAA,MAAA,CACzB;AAAA,IAAA;AAGH,WAAAU,EAAU,MAAM;AACV,MAAAvB,EAAM,gBAAgBE,EAAW,SACnCQ,EAAaR,EAAW,KAAK;AAAA,IAC/B,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;"}