@kong/icons 1.15.3-pr.391.5c59f07.0 → 1.15.3-pr.391.6d60e23.0

package/dist/kong-icons.es1204.js

@@ -1,13 +1,27 @@
-import { defineComponent as C, ref as k, computed as g, onMounted as x, openBlock as u, createBlock as z, resolveDynamicComponent as I, normalizeStyle as N, withCtx as w, createElementBlock as m, toDisplayString as q, createCommentVNode as E, pushScopeId as _, popScopeId as A, createElementVNode as B } from "vue";
-import { KUI_ICON_SIZE_50 as h } from "./kong-icons.es1218.js";
-const L = (e) => (_("data-v-afe4301a"), e = e(), A(), e), $ = ["aria-hidden"], H = {
+import { defineComponent as z, ref as I, computed as h, onMounted as N, openBlock as f, createBlock as _, resolveDynamicComponent as w, normalizeStyle as C, withCtx as q, createElementBlock as m, toDisplayString as A, createCommentVNode as E, pushScopeId as L, popScopeId as B, createElementVNode as a } from "vue";
+import { KUI_ICON_SIZE_50 as y } from "./kong-icons.es1218.js";
+const S = (e) => (L("data-v-2c6e89f1"), e = e(), B(), e), $ = ["aria-hidden"], M = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
-}, M = /* @__PURE__ */ L(() => /* @__PURE__ */ B("path", {
-  d: "M9 20C8.68333 20 8.4 19.9083 8.15 19.725C7.9 19.5417 7.71667 19.3083 7.6 19.025L5.3 13H1V11H6.7L9 17.1L13.6 4.975C13.7167 4.69167 13.9 4.45833 14.15 4.275C14.4 4.09167 14.6833 4 15 4C15.3167 4 15.6 4.09167 15.85 4.275C16.1 4.45833 16.2833 4.69167 16.4 4.975L18.7 11H23V13H17.3L15 6.9L10.4 19.025C10.2833 19.3083 10.1 19.5417 9.85 19.725C9.6 19.9083 9.31667 20 9 20Z",
-  fill: "currentColor"
-}, null, -1)), Z = /* @__PURE__ */ C({
-  __name: "VitalsIcon",
+}, D = /* @__PURE__ */ S(() => /* @__PURE__ */ a("g", { "clip-path": "url(#clip0_246_5686)" }, [
+  /* @__PURE__ */ a("path", {
+    d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z",
+    fill: "#D80027"
+  }),
+  /* @__PURE__ */ a("path", {
+    d: "M12 6.26086L13.2951 10.2466H17.486L14.0954 12.7099L15.3905 16.6957L12 14.2323L8.60957 16.6957L9.90463 12.7099L6.51416 10.2466H10.705L12 6.26086Z",
+    fill: "#FFDA44"
+  })
+], -1)), F = /* @__PURE__ */ S(() => /* @__PURE__ */ a("defs", null, [
+  /* @__PURE__ */ a("clipPath", { id: "clip0_246_5686" }, [
+    /* @__PURE__ */ a("rect", {
+      fill: "white",
+      height: "24",
+      width: "24"
+    })
+  ])
+], -1)), V = /* @__PURE__ */ z({
+  __name: "FlagVnIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -37,14 +51,14 @@ const L = (e) => (_("data-v-afe4301a"), e = e(), A(), e), $ = ["aria-hidden"], H
     size: {
       type: [Number, String],
       required: !1,
-      default: h,
+      default: y,
       // 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, ""), i = Number(t);
-          if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
+          const t = String(e).replace(/px/gi, ""), r = Number(t);
+          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
             return !0;
         }
         return !1;
@@ -66,58 +80,58 @@ const L = (e) => (_("data-v-afe4301a"), e = e(), A(), e), $ = ["aria-hidden"], H
     }
   },
   setup(e) {
-    const t = e, i = k(null), f = g(() => {
+    const t = e, r = I(null), p = h(() => {
       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, ""), r = Number(n);
-        if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
-          return `${r}px`;
+        const o = String(t.size).replace(/px/gi, ""), i = Number(o);
+        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
+          return `${i}px`;
       }
-      return h;
-    }), y = g(() => ({
+      return y;
+    }), v = h(() => ({
       boxSizing: "border-box",
       color: t.color,
       display: t.display,
       flexShrink: "0",
-      height: f.value,
+      height: p.value,
       lineHeight: "0",
-      width: f.value
-    })), S = (n) => {
-      if (!n)
+      width: p.value
+    })), b = (o) => {
+      if (!o)
         return;
-      const r = n.querySelector("defs"), l = {};
-      r && r.querySelectorAll("[id]").forEach((o) => {
-        const s = o.getAttribute("id"), a = `${Math.random().toString(36).substring(2, 12)}-${s}`;
-        l[s] = a, o.setAttribute("id", a);
+      const i = o.querySelector("defs"), s = {};
+      i && i.querySelectorAll("[id]").forEach((n) => {
+        const c = n.getAttribute("id"), l = `${Math.random().toString(36).substring(2, 12)}-${c}`;
+        s[c] = l, n.setAttribute("id", l);
       });
-      const v = ["fill", "stroke", "filter", "mask", "clip-path", "xlink:href", "href"], b = (o) => {
-        v.forEach((s) => {
-          const a = o.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 && o.setAttribute(s, p);
+      const k = ["fill", "stroke", "filter", "mask", "clip-path", "xlink:href", "href"], x = (n) => {
+        k.forEach((c) => {
+          const l = n.getAttribute(c);
+          if (l) {
+            const g = l.replace(/url\(#([^)]+)\)/g, (u, d) => s[d] ? `url(#${s[d]})` : u).replace(/#([^\s]+)/g, (u, d) => s[d] ? `#${s[d]}` : u);
+            g !== l && n.setAttribute(c, g);
           }
         });
       };
-      n.querySelectorAll("*").forEach((o) => {
-        b(o);
+      o.querySelectorAll("*").forEach((n) => {
+        x(n);
       });
     };
-    return x(() => {
-      t.randomizeIds && i.value && S(i.value);
-    }), (n, r) => (u(), z(I(e.as), {
+    return N(() => {
+      t.randomizeIds && r.value && b(r.value);
+    }), (o, i) => (f(), _(w(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
-      class: "kui-icon vitals-icon",
-      "data-testid": "kui-icon-wrapper-vitals-icon",
-      style: N(y.value)
+      class: "kui-icon flag-vn-icon",
+      "data-testid": "kui-icon-wrapper-flag-vn-icon",
+      style: C(v.value)
     }, {
-      default: w(() => [
-        (u(), m("svg", {
+      default: q(() => [
+        (f(), m("svg", {
           ref_key: "svgElement",
-          ref: i,
+          ref: r,
           "aria-hidden": e.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-vitals-icon",
+          "data-testid": "kui-icon-svg-flag-vn-icon",
           fill: "none",
           height: "100%",
           role: "img",
@@ -125,8 +139,9 @@ const L = (e) => (_("data-v-afe4301a"), e = e(), A(), e), $ = ["aria-hidden"], H
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (u(), m("title", H, q(e.title), 1)) : E("", !0),
-          M
+          e.title ? (f(), m("title", M, A(e.title), 1)) : E("", !0),
+          D,
+          F
         ], 8, $))
       ]),
       _: 1
@@ -134,6 +149,6 @@ const L = (e) => (_("data-v-afe4301a"), e = e(), A(), e), $ = ["aria-hidden"], H
   }
 });
 export {
-  Z as default
+  V as default
 };
 //# sourceMappingURL=kong-icons.es1204.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es1204.js","sources":["../src/components/solid/VitalsIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * VitalsIcon.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 vitals-icon\"\n    data-testid=\"kui-icon-wrapper-vitals-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-vitals-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=\"M9 20C8.68333 20 8.4 19.9083 8.15 19.725C7.9 19.5417 7.71667 19.3083 7.6 19.025L5.3 13H1V11H6.7L9 17.1L13.6 4.975C13.7167 4.69167 13.9 4.45833 14.15 4.275C14.4 4.09167 14.6833 4 15 4C15.3167 4 15.6 4.09167 15.85 4.275C16.1 4.45833 16.2833 4.69167 16.4 4.975L18.7 11H23V13H17.3L15 6.9L10.4 19.025C10.2833 19.3083 10.1 19.5417 9.85 19.725C9.6 19.9083 9.31667 20 9 20Z\"\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;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es1204.js","sources":["../src/components/flags/FlagVnIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagVnIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 24 Sep 2024 00:39:43 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  // 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-vn-icon\"\n    data-testid=\"kui-icon-wrapper-flag-vn-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-vn-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_5686)\">\n        <path\n          d=\"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M12 6.26086L13.2951 10.2466H17.486L14.0954 12.7099L15.3905 16.6957L12 14.2323L8.60957 16.6957L9.90463 12.7099L6.51416 10.2466H10.705L12 6.26086Z\"\n          fill=\"#FFDA44\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_246_5686\">\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;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es1206.js

@@ -1,13 +1,111 @@
-import { defineComponent as v, ref as k, computed as g, onMounted as w, openBlock as c, createBlock as x, resolveDynamicComponent as z, normalizeStyle as I, withCtx as N, createElementBlock as C, toDisplayString as q, createCommentVNode as E, pushScopeId as L, popScopeId as _, createElementVNode as A } from "vue";
-import { KUI_ICON_SIZE_50 as m } from "./kong-icons.es1218.js";
-const M = (e) => (L("data-v-b60fadf4"), e = e(), _(), e), B = ["aria-hidden"], $ = {
+import { defineComponent as S, ref as Z, computed as h, onMounted as v, openBlock as u, createBlock as x, resolveDynamicComponent as z, normalizeStyle as I, withCtx as N, createElementBlock as g, toDisplayString as _, createCommentVNode as w, pushScopeId as A, popScopeId as q, createElementVNode as e } from "vue";
+import { KUI_ICON_SIZE_50 as b } from "./kong-icons.es1218.js";
+const m = (t) => (A("data-v-2a51c013"), t = t(), q(), t), E = ["aria-hidden"], H = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
-}, Z = /* @__PURE__ */ M(() => /* @__PURE__ */ A("path", {
-  d: "M12.0001 22.025C11.7334 22.025 11.4793 21.975 11.2376 21.875C10.9959 21.775 10.7751 21.6333 10.5751 21.45L2.5501 13.425C2.36676 13.225 2.2251 13.0041 2.1251 12.7625C2.0251 12.5208 1.9751 12.2666 1.9751 12C1.9751 11.7333 2.0251 11.475 2.1251 11.225C2.2251 10.975 2.36676 10.7583 2.5501 10.575L10.5751 2.54998C10.7751 2.34998 10.9959 2.20414 11.2376 2.11248C11.4793 2.02081 11.7334 1.97498 12.0001 1.97498C12.2668 1.97498 12.5251 2.02081 12.7751 2.11248C13.0251 2.20414 13.2418 2.34998 13.4251 2.54998L21.4501 10.575C21.6501 10.7583 21.7959 10.975 21.8876 11.225C21.9793 11.475 22.0251 11.7333 22.0251 12C22.0251 12.2666 21.9793 12.5208 21.8876 12.7625C21.7959 13.0041 21.6501 13.225 21.4501 13.425L13.4251 21.45C13.2418 21.6333 13.0251 21.775 12.7751 21.875C12.5251 21.975 12.2668 22.025 12.0001 22.025ZM12.0001 20.025L20.0251 12L12.0001 3.97498L3.9751 12L12.0001 20.025ZM11.0001 13H13.0001V6.99998H11.0001V13ZM12.0001 16C12.2834 16 12.5209 15.9041 12.7126 15.7125C12.9043 15.5208 13.0001 15.2833 13.0001 15C13.0001 14.7166 12.9043 14.4791 12.7126 14.2875C12.5209 14.0958 12.2834 14 12.0001 14C11.7168 14 11.4793 14.0958 11.2876 14.2875C11.0959 14.4791 11.0001 14.7166 11.0001 15C11.0001 15.2833 11.0959 15.5208 11.2876 15.7125C11.4793 15.9041 11.7168 16 12.0001 16Z",
-  fill: "currentColor"
-}, null, -1)), D = /* @__PURE__ */ v({
-  __name: "WarningOutlineIcon",
+}, L = /* @__PURE__ */ m(() => /* @__PURE__ */ e("g", { "clip-path": "url(#clip0_246_5642)" }, [
+  /* @__PURE__ */ e("path", {
+    d: "M24 12C24 11.4695 23.9651 10.9471 23.8984 10.4348H10.4347C7.98306 7.98334 3.51452 3.51508 3.5147 3.51471C-1.17157 8.20098 -1.17157 15.7989 3.5147 20.4853L10.4348 13.5653H23.8984C23.9651 13.0529 24 12.5305 24 12Z",
+    fill: "black"
+  }),
+  /* @__PURE__ */ e("path", {
+    d: "M23.9963 12.2729C23.9958 12.2961 23.9953 12.3194 23.9946 12.3425C23.9952 12.3193 23.9958 12.2961 23.9963 12.2729Z",
+    fill: "#F0F0F0"
+  }),
+  /* @__PURE__ */ e("path", {
+    d: "M23.9848 12.6009C23.9838 12.6238 23.9822 12.6466 23.981 12.6695C23.9822 12.6467 23.9837 12.6238 23.9848 12.6009Z",
+    fill: "#F0F0F0"
+  }),
+  /* @__PURE__ */ e("path", {
+    d: "M23.9689 12.8624C23.9665 12.8961 23.9641 12.9298 23.9614 12.9634C23.9641 12.9298 23.9664 12.8961 23.9689 12.8624Z",
+    fill: "#F0F0F0"
+  }),
+  /* @__PURE__ */ e("path", {
+    d: "M23.9287 10.6921C23.9331 10.7323 23.9375 10.7723 23.9415 10.8126C23.9375 10.7723 23.9331 10.7323 23.9287 10.6921Z",
+    fill: "#F0F0F0"
+  }),
+  /* @__PURE__ */ e("path", {
+    d: "M23.981 11.3305C23.9822 11.3534 23.9838 11.3762 23.9848 11.3991C23.9837 11.3762 23.9822 11.3533 23.981 11.3305Z",
+    fill: "#F0F0F0"
+  }),
+  /* @__PURE__ */ e("path", {
+    d: "M23.9946 11.6576C23.9953 11.6807 23.9958 11.704 23.9963 11.7272C23.9958 11.7039 23.9952 11.6807 23.9946 11.6576Z",
+    fill: "#F0F0F0"
+  }),
+  /* @__PURE__ */ e("path", {
+    d: "M23.9614 11.0366C23.9641 11.0702 23.9665 11.1039 23.9689 11.1376C23.9664 11.1039 23.9641 11.0702 23.9614 11.0366Z",
+    fill: "#F0F0F0"
+  }),
+  /* @__PURE__ */ e("path", {
+    d: "M23.8984 10.4348C23.9038 10.4759 23.9086 10.5172 23.9135 10.5584C23.2013 4.61086 18.1395 6.10352e-05 12 6.10352e-05C8.68626 6.10352e-05 5.68622 1.34326 3.51465 3.51493L10.4345 10.4348H23.8984V10.4348Z",
+    fill: "#D80027"
+  }),
+  /* @__PURE__ */ e("path", {
+    d: "M23.8984 13.5652H10.4345L3.51465 20.4852C5.68622 22.6568 8.68626 24 12 24C18.1395 24 23.2014 19.3892 23.9135 13.4416C23.9086 13.4828 23.9037 13.5241 23.8984 13.5652Z",
+    fill: "#6DA544"
+  }),
+  /* @__PURE__ */ e("path", {
+    d: "M23.9415 13.1874C23.9375 13.2277 23.9331 13.2677 23.9287 13.3079C23.9331 13.2677 23.9376 13.2277 23.9415 13.1874Z",
+    fill: "#F0F0F0"
+  }),
+  /* @__PURE__ */ e("path", {
+    d: "M23.9688 11.1376C23.9733 11.2017 23.9774 11.2661 23.9809 11.3305C23.9774 11.2661 23.9733 11.2017 23.9688 11.1376Z",
+    fill: "black"
+  }),
+  /* @__PURE__ */ e("path", {
+    d: "M23.9136 10.5584C23.919 10.6029 23.9241 10.6475 23.9289 10.6921C23.924 10.6475 23.9189 10.6029 23.9136 10.5584Z",
+    fill: "black"
+  }),
+  /* @__PURE__ */ e("path", {
+    d: "M23.9414 10.8126C23.9487 10.887 23.9553 10.9617 23.9613 11.0367C23.9554 10.9617 23.9488 10.887 23.9414 10.8126Z",
+    fill: "black"
+  }),
+  /* @__PURE__ */ e("path", {
+    d: "M24 12C24 12.0913 23.9986 12.1822 23.9966 12.2729C23.9986 12.1821 24 12.0912 24 12Z",
+    fill: "black"
+  }),
+  /* @__PURE__ */ e("path", {
+    d: "M23.9809 12.6695C23.9774 12.7339 23.9732 12.7983 23.9688 12.8624C23.9732 12.7983 23.9773 12.7339 23.9809 12.6695Z",
+    fill: "black"
+  }),
+  /* @__PURE__ */ e("path", {
+    d: "M23.9613 12.9634C23.9553 13.0383 23.9487 13.113 23.9414 13.1875C23.9488 13.113 23.9554 13.0383 23.9613 12.9634Z",
+    fill: "black"
+  }),
+  /* @__PURE__ */ e("path", {
+    d: "M23.9289 13.3079C23.9241 13.3525 23.919 13.397 23.9136 13.4415C23.9189 13.3971 23.924 13.3525 23.9289 13.3079Z",
+    fill: "black"
+  }),
+  /* @__PURE__ */ e("path", {
+    d: "M23.9966 11.7271C23.9986 11.8179 24 11.9088 24 12C24 11.9088 23.9986 11.8179 23.9966 11.7271Z",
+    fill: "black"
+  }),
+  /* @__PURE__ */ e("path", {
+    d: "M23.9849 11.3991C23.9891 11.485 23.9923 11.5712 23.9947 11.6575C23.9923 11.5711 23.9891 11.485 23.9849 11.3991Z",
+    fill: "black"
+  }),
+  /* @__PURE__ */ e("path", {
+    d: "M23.9947 12.3425C23.9923 12.4288 23.9891 12.515 23.9849 12.6009C23.9892 12.515 23.9923 12.4288 23.9947 12.3425Z",
+    fill: "black"
+  }),
+  /* @__PURE__ */ e("path", {
+    d: "M23.9888 11.474H9.99401L2.80542 4.28644C2.57306 4.5315 2.3212 4.87369 2.16543 5.11739L9.04006 11.9956L2.15967 18.8762C2.29589 19.1185 2.59265 19.4772 2.80101 19.7106L9.99415 12.5174H23.9904C23.9979 12.3444 24.0002 12.1706 24.0002 11.9957C24.0002 11.7614 23.9937 11.5887 23.9888 11.474Z",
+    fill: "#FFDA44"
+  }),
+  /* @__PURE__ */ e("path", {
+    d: "M2.91515 14.5581V13.553C3.91818 13.553 4.73413 12.7369 4.73413 11.734C4.73413 11.0243 4.15677 10.447 3.44718 10.447C2.96376 10.447 2.57043 10.8403 2.57043 11.3238C2.57043 11.633 2.82191 11.8845 3.1311 11.8845C3.30585 11.8845 3.44802 11.7422 3.44802 11.5675H4.45311C4.45311 12.2965 3.86005 12.8896 3.13115 12.8896C2.26776 12.8896 1.56543 12.1872 1.56543 11.3239C1.56543 10.2862 2.40965 9.44208 3.44722 9.44208C4.71106 9.44208 5.73931 10.4703 5.73931 11.7341C5.73927 13.2912 4.47238 14.5581 2.91515 14.5581Z",
+    fill: "#FFDA44"
+  })
+], -1)), B = /* @__PURE__ */ m(() => /* @__PURE__ */ e("defs", null, [
+  /* @__PURE__ */ e("clipPath", { id: "clip0_246_5642" }, [
+    /* @__PURE__ */ e("rect", {
+      fill: "white",
+      height: "24",
+      width: "24"
+    })
+  ])
+], -1)), V = /* @__PURE__ */ S({
+  __name: "FlagVuIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -37,14 +135,14 @@ const M = (e) => (L("data-v-b60fadf4"), e = e(), _(), e), B = ["aria-hidden"], $
     size: {
       type: [Number, String],
       required: !1,
-      default: m,
+      default: b,
       // 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: (t) => {
+        if (typeof t == "number" && t > 0)
           return !0;
-        if (typeof e == "string") {
-          const t = String(e).replace(/px/gi, ""), i = Number(t);
-          if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
+        if (typeof t == "string") {
+          const i = String(t).replace(/px/gi, ""), r = Number(i);
+          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
             return !0;
         }
         return !1;
@@ -65,59 +163,59 @@ const M = (e) => (L("data-v-b60fadf4"), e = e(), _(), e), B = ["aria-hidden"], $
       default: !0
     }
   },
-  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`;
+  setup(t) {
+    const i = t, r = Z(null), p = h(() => {
+      if (typeof i.size == "number" && i.size > 0)
+        return `${i.size}px`;
+      if (typeof i.size == "string") {
+        const o = String(i.size).replace(/px/gi, ""), l = Number(o);
+        if (l && !isNaN(l) && Number.isInteger(l) && l > 0)
+          return `${l}px`;
       }
-      return m;
-    }), h = g(() => ({
+      return b;
+    }), F = h(() => ({
       boxSizing: "border-box",
-      color: t.color,
-      display: t.display,
+      color: i.color,
+      display: i.display,
       flexShrink: "0",
-      height: f.value,
+      height: p.value,
       lineHeight: "0",
-      width: f.value
-    })), y = (o) => {
+      width: p.value
+    })), M = (o) => {
       if (!o)
         return;
-      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 l = o.querySelector("defs"), d = {};
+      l && l.querySelectorAll("[id]").forEach((a) => {
+        const c = a.getAttribute("id"), n = `${Math.random().toString(36).substring(2, 12)}-${c}`;
+        d[c] = n, a.setAttribute("id", n);
       });
-      const S = ["fill", "stroke", "filter", "mask", "clip-path", "xlink:href", "href"], b = (n) => {
-        S.forEach((s) => {
-          const a = n.getAttribute(s);
-          if (a) {
-            const p = a.replace(/url\(#([^)]+)\)/g, (d, u) => l[u] ? `url(#${l[u]})` : d).replace(/#([^\s]+)/g, (d, u) => l[u] ? `#${l[u]}` : d);
-            p !== a && n.setAttribute(s, p);
+      const k = ["fill", "stroke", "filter", "mask", "clip-path", "xlink:href", "href"], y = (a) => {
+        k.forEach((c) => {
+          const n = a.getAttribute(c);
+          if (n) {
+            const C = n.replace(/url\(#([^)]+)\)/g, (f, s) => d[s] ? `url(#${d[s]})` : f).replace(/#([^\s]+)/g, (f, s) => d[s] ? `#${d[s]}` : f);
+            C !== n && a.setAttribute(c, C);
           }
         });
       };
-      o.querySelectorAll("*").forEach((n) => {
-        b(n);
+      o.querySelectorAll("*").forEach((a) => {
+        y(a);
       });
     };
-    return w(() => {
-      t.randomizeIds && i.value && y(i.value);
-    }), (o, r) => (c(), x(z(e.as), {
-      "aria-hidden": e.decorative ? "true" : void 0,
-      class: "kui-icon warning-outline-icon",
-      "data-testid": "kui-icon-wrapper-warning-outline-icon",
-      style: I(h.value)
+    return v(() => {
+      i.randomizeIds && r.value && M(r.value);
+    }), (o, l) => (u(), x(z(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
+      class: "kui-icon flag-vu-icon",
+      "data-testid": "kui-icon-wrapper-flag-vu-icon",
+      style: I(F.value)
     }, {
       default: N(() => [
-        (c(), C("svg", {
+        (u(), g("svg", {
           ref_key: "svgElement",
-          ref: i,
-          "aria-hidden": e.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-warning-outline-icon",
+          ref: r,
+          "aria-hidden": t.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-flag-vu-icon",
           fill: "none",
           height: "100%",
           role: "img",
@@ -125,15 +223,16 @@ const M = (e) => (L("data-v-b60fadf4"), e = e(), _(), e), B = ["aria-hidden"], $
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (c(), C("title", $, q(e.title), 1)) : E("", !0),
-          Z
-        ], 8, B))
+          t.title ? (u(), g("title", H, _(t.title), 1)) : w("", !0),
+          L,
+          B
+        ], 8, E))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style"]));
   }
 });
 export {
-  D as default
+  V as default
 };
 //# sourceMappingURL=kong-icons.es1206.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es1206.js","sources":["../src/components/solid/WarningOutlineIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * WarningOutlineIcon.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 warning-outline-icon\"\n    data-testid=\"kui-icon-wrapper-warning-outline-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-warning-outline-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=\"M12.0001 22.025C11.7334 22.025 11.4793 21.975 11.2376 21.875C10.9959 21.775 10.7751 21.6333 10.5751 21.45L2.5501 13.425C2.36676 13.225 2.2251 13.0041 2.1251 12.7625C2.0251 12.5208 1.9751 12.2666 1.9751 12C1.9751 11.7333 2.0251 11.475 2.1251 11.225C2.2251 10.975 2.36676 10.7583 2.5501 10.575L10.5751 2.54998C10.7751 2.34998 10.9959 2.20414 11.2376 2.11248C11.4793 2.02081 11.7334 1.97498 12.0001 1.97498C12.2668 1.97498 12.5251 2.02081 12.7751 2.11248C13.0251 2.20414 13.2418 2.34998 13.4251 2.54998L21.4501 10.575C21.6501 10.7583 21.7959 10.975 21.8876 11.225C21.9793 11.475 22.0251 11.7333 22.0251 12C22.0251 12.2666 21.9793 12.5208 21.8876 12.7625C21.7959 13.0041 21.6501 13.225 21.4501 13.425L13.4251 21.45C13.2418 21.6333 13.0251 21.775 12.7751 21.875C12.5251 21.975 12.2668 22.025 12.0001 22.025ZM12.0001 20.025L20.0251 12L12.0001 3.97498L3.9751 12L12.0001 20.025ZM11.0001 13H13.0001V6.99998H11.0001V13ZM12.0001 16C12.2834 16 12.5209 15.9041 12.7126 15.7125C12.9043 15.5208 13.0001 15.2833 13.0001 15C13.0001 14.7166 12.9043 14.4791 12.7126 14.2875C12.5209 14.0958 12.2834 14 12.0001 14C11.7168 14 11.4793 14.0958 11.2876 14.2875C11.0959 14.4791 11.0001 14.7166 11.0001 15C11.0001 15.2833 11.0959 15.5208 11.2876 15.7125C11.4793 15.9041 11.7168 16 12.0001 16Z\"\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;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es1206.js","sources":["../src/components/flags/FlagVuIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagVuIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 24 Sep 2024 00:39:43 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  // 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-vu-icon\"\n    data-testid=\"kui-icon-wrapper-flag-vu-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-vu-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_5642)\">\n        <path\n          d=\"M24 12C24 11.4695 23.9651 10.9471 23.8984 10.4348H10.4347C7.98306 7.98334 3.51452 3.51508 3.5147 3.51471C-1.17157 8.20098 -1.17157 15.7989 3.5147 20.4853L10.4348 13.5653H23.8984C23.9651 13.0529 24 12.5305 24 12Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M23.9963 12.2729C23.9958 12.2961 23.9953 12.3194 23.9946 12.3425C23.9952 12.3193 23.9958 12.2961 23.9963 12.2729Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M23.9848 12.6009C23.9838 12.6238 23.9822 12.6466 23.981 12.6695C23.9822 12.6467 23.9837 12.6238 23.9848 12.6009Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M23.9689 12.8624C23.9665 12.8961 23.9641 12.9298 23.9614 12.9634C23.9641 12.9298 23.9664 12.8961 23.9689 12.8624Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M23.9287 10.6921C23.9331 10.7323 23.9375 10.7723 23.9415 10.8126C23.9375 10.7723 23.9331 10.7323 23.9287 10.6921Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M23.981 11.3305C23.9822 11.3534 23.9838 11.3762 23.9848 11.3991C23.9837 11.3762 23.9822 11.3533 23.981 11.3305Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M23.9946 11.6576C23.9953 11.6807 23.9958 11.704 23.9963 11.7272C23.9958 11.7039 23.9952 11.6807 23.9946 11.6576Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M23.9614 11.0366C23.9641 11.0702 23.9665 11.1039 23.9689 11.1376C23.9664 11.1039 23.9641 11.0702 23.9614 11.0366Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M23.8984 10.4348C23.9038 10.4759 23.9086 10.5172 23.9135 10.5584C23.2013 4.61086 18.1395 6.10352e-05 12 6.10352e-05C8.68626 6.10352e-05 5.68622 1.34326 3.51465 3.51493L10.4345 10.4348H23.8984V10.4348Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M23.8984 13.5652H10.4345L3.51465 20.4852C5.68622 22.6568 8.68626 24 12 24C18.1395 24 23.2014 19.3892 23.9135 13.4416C23.9086 13.4828 23.9037 13.5241 23.8984 13.5652Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M23.9415 13.1874C23.9375 13.2277 23.9331 13.2677 23.9287 13.3079C23.9331 13.2677 23.9376 13.2277 23.9415 13.1874Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M23.9688 11.1376C23.9733 11.2017 23.9774 11.2661 23.9809 11.3305C23.9774 11.2661 23.9733 11.2017 23.9688 11.1376Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M23.9136 10.5584C23.919 10.6029 23.9241 10.6475 23.9289 10.6921C23.924 10.6475 23.9189 10.6029 23.9136 10.5584Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M23.9414 10.8126C23.9487 10.887 23.9553 10.9617 23.9613 11.0367C23.9554 10.9617 23.9488 10.887 23.9414 10.8126Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M24 12C24 12.0913 23.9986 12.1822 23.9966 12.2729C23.9986 12.1821 24 12.0912 24 12Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M23.9809 12.6695C23.9774 12.7339 23.9732 12.7983 23.9688 12.8624C23.9732 12.7983 23.9773 12.7339 23.9809 12.6695Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M23.9613 12.9634C23.9553 13.0383 23.9487 13.113 23.9414 13.1875C23.9488 13.113 23.9554 13.0383 23.9613 12.9634Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M23.9289 13.3079C23.9241 13.3525 23.919 13.397 23.9136 13.4415C23.9189 13.3971 23.924 13.3525 23.9289 13.3079Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M23.9966 11.7271C23.9986 11.8179 24 11.9088 24 12C24 11.9088 23.9986 11.8179 23.9966 11.7271Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M23.9849 11.3991C23.9891 11.485 23.9923 11.5712 23.9947 11.6575C23.9923 11.5711 23.9891 11.485 23.9849 11.3991Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M23.9947 12.3425C23.9923 12.4288 23.9891 12.515 23.9849 12.6009C23.9892 12.515 23.9923 12.4288 23.9947 12.3425Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M23.9888 11.474H9.99401L2.80542 4.28644C2.57306 4.5315 2.3212 4.87369 2.16543 5.11739L9.04006 11.9956L2.15967 18.8762C2.29589 19.1185 2.59265 19.4772 2.80101 19.7106L9.99415 12.5174H23.9904C23.9979 12.3444 24.0002 12.1706 24.0002 11.9957C24.0002 11.7614 23.9937 11.5887 23.9888 11.474Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M2.91515 14.5581V13.553C3.91818 13.553 4.73413 12.7369 4.73413 11.734C4.73413 11.0243 4.15677 10.447 3.44718 10.447C2.96376 10.447 2.57043 10.8403 2.57043 11.3238C2.57043 11.633 2.82191 11.8845 3.1311 11.8845C3.30585 11.8845 3.44802 11.7422 3.44802 11.5675H4.45311C4.45311 12.2965 3.86005 12.8896 3.13115 12.8896C2.26776 12.8896 1.56543 12.1872 1.56543 11.3239C1.56543 10.2862 2.40965 9.44208 3.44722 9.44208C4.71106 9.44208 5.73931 10.4703 5.73931 11.7341C5.73927 13.2912 4.47238 14.5581 2.91515 14.5581Z\"\n          fill=\"#FFDA44\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_246_5642\">\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;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}