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

package/dist/kong-icons.es822.js

@@ -1,47 +1,35 @@
-import { defineComponent as F, ref as k, computed as g, onMounted as x, openBlock as f, createBlock as z, resolveDynamicComponent as H, normalizeStyle as I, withCtx as N, createElementBlock as m, toDisplayString as _, createCommentVNode as w, pushScopeId as M, popScopeId as q, createElementVNode as t } from "vue";
-import { KUI_ICON_SIZE_50 as C } from "./kong-icons.es1218.js";
-const y = (e) => (M("data-v-d2a636e4"), e = e(), q(), e), A = ["aria-hidden"], E = {
+import { defineComponent as k, ref as x, computed as h, onMounted as z, openBlock as f, createBlock as I, resolveDynamicComponent as N, normalizeStyle as _, withCtx as w, createElementBlock as m, toDisplayString as q, createCommentVNode as A, pushScopeId as E, popScopeId as M, createElementVNode as o } from "vue";
+import { KUI_ICON_SIZE_50 as L } from "./kong-icons.es1218.js";
+const y = (e) => (E("data-v-1a13cb00"), e = e(), M(), e), F = ["aria-hidden"], B = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
-}, Z = /* @__PURE__ */ y(() => /* @__PURE__ */ t("g", { "clip-path": "url(#clip0_246_5184)" }, [
-  /* @__PURE__ */ t("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: "#6DA544"
+}, Z = /* @__PURE__ */ y(() => /* @__PURE__ */ o("g", { "clip-path": "url(#clip0_1_2277)" }, [
+  /* @__PURE__ */ o("path", {
+    d: "M20.4853 20.4855C15.799 25.1718 8.20102 25.1718 3.51469 20.4855C-1.17159 15.7992 -1.17159 8.20118 3.51469 3.51485C3.51638 3.51485 14.2987 0.328894 18.985 5.01518C23.6713 9.70146 20.4885 20.4822 20.4853 20.4855Z",
+    fill: "#FFDA44"
   }),
-  /* @__PURE__ */ t("path", {
-    d: "M6.78271 14.3478C6.78271 15.2123 7.4835 15.913 8.34792 15.913H13.0436C13.0436 16.6334 13.6275 17.2174 14.3479 17.2174H15.9131C16.6335 17.2174 17.2175 16.6334 17.2175 15.913V14.3478H6.78271Z",
-    fill: "#F0F0F0"
+  /* @__PURE__ */ o("path", {
+    d: "M20.4853 20.4854C25.1715 15.7991 25.1715 8.20106 20.4853 3.51473C15.799 -1.1716 8.20102 -1.17155 3.51469 3.51473L20.4853 20.4854Z",
+    fill: "#D80027"
   }),
-  /* @__PURE__ */ t("path", {
-    d: "M17.3477 6.78265V10.4348C17.3477 11.0102 16.8796 11.4783 16.3042 11.4783V13.0435C17.7427 13.0435 18.9129 11.8732 18.9129 10.4348V6.78265H17.3477Z",
-    fill: "#F0F0F0"
+  /* @__PURE__ */ o("path", {
+    d: "M15.1367 15.138C14.6437 15.3316 14.071 15.3111 13.5741 15.0322C12.6961 14.5395 12.3827 13.4241 12.8756 12.546L12.726 12.4621C14.2293 12.0996 15.3415 10.7351 15.322 9.12483C15.3099 8.12372 14.8626 7.22808 14.1629 6.61523L13.0673 7.7377C13.4814 8.0678 13.75 8.57414 13.7569 9.14381C13.7691 10.1507 12.9599 10.9798 11.9531 10.9919L11.9552 11.1633C10.8896 10.0427 9.15183 9.76181 7.76709 10.5838C6.90619 11.0949 6.35428 11.9301 6.1733 12.8425L7.69317 13.2301C7.77197 12.7064 8.07614 12.2206 8.56603 11.9298C9.43186 11.4158 10.5544 11.7021 11.0684 12.5679L11.216 12.4804C10.7782 13.9634 11.4038 15.6089 12.8081 16.3971C13.6812 16.8871 14.6804 16.9476 15.5611 16.6481L15.1367 15.138ZM11.9657 12.0352L11.9656 12.0352L11.9657 12.0352Z",
+    fill: "#FF9811"
   }),
-  /* @__PURE__ */ t("path", {
-    d: "M6.1304 10.4348C6.1304 11.0102 5.6623 11.4783 5.08691 11.4783V13.0435C6.52537 13.0435 7.6956 11.8732 7.6956 10.4348V6.78265H6.1304V10.4348Z",
-    fill: "#F0F0F0"
-  }),
-  /* @__PURE__ */ t("path", {
-    d: "M15 6.78265H16.5652V10.4348H15V6.78265Z",
-    fill: "#F0F0F0"
-  }),
-  /* @__PURE__ */ t("path", {
-    d: "M12.6519 8.86956C12.6519 9.01342 12.5349 9.13042 12.3911 9.13042C12.2472 9.13042 12.1302 9.01337 12.1302 8.86956V6.78259H10.565V8.86956C10.565 9.01342 10.4479 9.13042 10.3041 9.13042C10.1603 9.13042 10.0433 9.01337 10.0433 8.86956V6.78259H8.47803V8.86956C8.47803 9.87648 9.29721 10.6957 10.3041 10.6957C10.6919 10.6957 11.0516 10.5738 11.3476 10.3668C11.6436 10.5737 12.0033 10.6957 12.3911 10.6957C12.4692 10.6957 12.546 10.6902 12.6215 10.6806C12.5106 11.1376 12.099 11.4782 11.6085 11.4782V13.0435C13.0469 13.0435 14.2172 11.8732 14.2172 10.4348V8.86956V6.78259H12.652V8.86956H12.6519Z",
-    fill: "#F0F0F0"
-  }),
-  /* @__PURE__ */ t("path", {
-    d: "M8.47803 11.4783H10.8259V13.0435H8.47803V11.4783Z",
-    fill: "#F0F0F0"
+  /* @__PURE__ */ o("path", {
+    d: "M16.4431 8.12741L15.5949 11.1542L13.0501 10.6843L11.412 7.30762L6.98667 8.87798L6.63769 7.89454L5.47988 7.7519L6.35227 10.2104L9.39769 9.43157L10.2631 11.8704L8.15789 14.9774L11.7306 18.0245L11.0534 18.8184L11.5088 19.8926L13.2018 17.9077L11.0046 15.6597L12.684 13.6908L16.4273 13.9605L17.2799 9.34288L18.306 9.5324L19.0087 8.60099L16.4431 8.12741ZM11.9991 12.0818V12.0819V12.0818Z",
+    fill: "#FFEACF"
   })
-], -1)), B = /* @__PURE__ */ y(() => /* @__PURE__ */ t("defs", null, [
-  /* @__PURE__ */ t("clipPath", { id: "clip0_246_5184" }, [
-    /* @__PURE__ */ t("rect", {
+], -1)), $ = /* @__PURE__ */ y(() => /* @__PURE__ */ o("defs", null, [
+  /* @__PURE__ */ o("clipPath", { id: "clip0_1_2277" }, [
+    /* @__PURE__ */ o("rect", {
       fill: "white",
       height: "24",
       width: "24"
     })
   ])
-], -1)), K = /* @__PURE__ */ F({
-  __name: "FlagSaIcon",
+], -1)), H = /* @__PURE__ */ k({
+  __name: "FlagBtIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -71,14 +59,14 @@ const y = (e) => (M("data-v-d2a636e4"), e = e(), q(), e), A = ["aria-hidden"], E
     size: {
       type: [Number, String],
       required: !1,
-      default: C,
+      default: L,
       // 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 i = String(e).replace(/px/gi, ""), l = Number(i);
-          if (l && !isNaN(l) && Number.isInteger(l) && l > 0)
+          const t = String(e).replace(/px/gi, ""), r = Number(t);
+          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
             return !0;
         }
         return !1;
@@ -100,58 +88,58 @@ const y = (e) => (M("data-v-d2a636e4"), e = e(), q(), e), A = ["aria-hidden"], E
     }
   },
   setup(e) {
-    const i = e, l = k(null), p = g(() => {
-      if (typeof i.size == "number" && i.size > 0)
-        return `${i.size}px`;
-      if (typeof i.size == "string") {
-        const a = String(i.size).replace(/px/gi, ""), r = Number(a);
-        if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
-          return `${r}px`;
+    const t = e, r = x(null), p = h(() => {
+      if (typeof t.size == "number" && t.size > 0)
+        return `${t.size}px`;
+      if (typeof t.size == "string") {
+        const l = String(t.size).replace(/px/gi, ""), i = Number(l);
+        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
+          return `${i}px`;
       }
-      return C;
-    }), S = g(() => ({
+      return L;
+    }), C = h(() => ({
       boxSizing: "border-box",
-      color: i.color,
-      display: i.display,
+      color: t.color,
+      display: t.display,
       flexShrink: "0",
       height: p.value,
       lineHeight: "0",
       width: p.value
-    })), V = (a) => {
-      if (!a)
+    })), S = (l) => {
+      if (!l)
         return;
-      const r = a.querySelector("defs"), s = {};
-      r && r.querySelectorAll("[id]").forEach((o) => {
-        const d = o.getAttribute("id"), n = `${Math.random().toString(36).substring(2, 12)}-${d}`;
-        s[d] = n, o.setAttribute("id", n);
+      const i = l.querySelector("defs"), s = {};
+      i && i.querySelectorAll("[id]").forEach((n) => {
+        const d = n.getAttribute("id"), a = `${Math.random().toString(36).substring(2, 12)}-${d}`;
+        s[d] = a, n.setAttribute("id", a);
       });
-      const b = ["fill", "stroke", "filter", "mask", "clip-path", "xlink:href", "href"], v = (o) => {
+      const b = ["fill", "stroke", "filter", "mask", "clip-path", "xlink:href", "href"], v = (n) => {
         b.forEach((d) => {
-          const n = o.getAttribute(d);
-          if (n) {
-            const h = n.replace(/url\(#([^)]+)\)/g, (u, c) => s[c] ? `url(#${s[c]})` : u).replace(/#([^\s]+)/g, (u, c) => s[c] ? `#${s[c]}` : u);
-            h !== n && o.setAttribute(d, h);
+          const a = n.getAttribute(d);
+          if (a) {
+            const g = a.replace(/url\(#([^)]+)\)/g, (u, c) => s[c] ? `url(#${s[c]})` : u).replace(/#([^\s]+)/g, (u, c) => s[c] ? `#${s[c]}` : u);
+            g !== a && n.setAttribute(d, g);
           }
         });
       };
-      a.querySelectorAll("*").forEach((o) => {
-        v(o);
+      l.querySelectorAll("*").forEach((n) => {
+        v(n);
       });
     };
-    return x(() => {
-      i.randomizeIds && l.value && V(l.value);
-    }), (a, r) => (f(), z(H(e.as), {
+    return z(() => {
+      t.randomizeIds && r.value && S(r.value);
+    }), (l, i) => (f(), I(N(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
-      class: "kui-icon flag-sa-icon",
-      "data-testid": "kui-icon-wrapper-flag-sa-icon",
-      style: I(S.value)
+      class: "kui-icon flag-bt-icon",
+      "data-testid": "kui-icon-wrapper-flag-bt-icon",
+      style: _(C.value)
     }, {
-      default: N(() => [
+      default: w(() => [
         (f(), m("svg", {
           ref_key: "svgElement",
-          ref: l,
+          ref: r,
           "aria-hidden": e.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-flag-sa-icon",
+          "data-testid": "kui-icon-svg-flag-bt-icon",
           fill: "none",
           height: "100%",
           role: "img",
@@ -159,16 +147,16 @@ const y = (e) => (M("data-v-d2a636e4"), e = e(), q(), e), A = ["aria-hidden"], E
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (f(), m("title", E, _(e.title), 1)) : w("", !0),
+          e.title ? (f(), m("title", B, q(e.title), 1)) : A("", !0),
           Z,
-          B
-        ], 8, A))
+          $
+        ], 8, F))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style"]));
   }
 });
 export {
-  K as default
+  H as default
 };
 //# sourceMappingURL=kong-icons.es822.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es822.js","sources":["../src/components/flags/FlagSaIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagSaIcon.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 flag-sa-icon\"\n    data-testid=\"kui-icon-wrapper-flag-sa-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-sa-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_5184)\">\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=\"#6DA544\"\n        />\n        <path\n          d=\"M6.78271 14.3478C6.78271 15.2123 7.4835 15.913 8.34792 15.913H13.0436C13.0436 16.6334 13.6275 17.2174 14.3479 17.2174H15.9131C16.6335 17.2174 17.2175 16.6334 17.2175 15.913V14.3478H6.78271Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M17.3477 6.78265V10.4348C17.3477 11.0102 16.8796 11.4783 16.3042 11.4783V13.0435C17.7427 13.0435 18.9129 11.8732 18.9129 10.4348V6.78265H17.3477Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M6.1304 10.4348C6.1304 11.0102 5.6623 11.4783 5.08691 11.4783V13.0435C6.52537 13.0435 7.6956 11.8732 7.6956 10.4348V6.78265H6.1304V10.4348Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M15 6.78265H16.5652V10.4348H15V6.78265Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M12.6519 8.86956C12.6519 9.01342 12.5349 9.13042 12.3911 9.13042C12.2472 9.13042 12.1302 9.01337 12.1302 8.86956V6.78259H10.565V8.86956C10.565 9.01342 10.4479 9.13042 10.3041 9.13042C10.1603 9.13042 10.0433 9.01337 10.0433 8.86956V6.78259H8.47803V8.86956C8.47803 9.87648 9.29721 10.6957 10.3041 10.6957C10.6919 10.6957 11.0516 10.5738 11.3476 10.3668C11.6436 10.5737 12.0033 10.6957 12.3911 10.6957C12.4692 10.6957 12.546 10.6902 12.6215 10.6806C12.5106 11.1376 12.099 11.4782 11.6085 11.4782V13.0435C13.0469 13.0435 14.2172 11.8732 14.2172 10.4348V8.86956V6.78259H12.652V8.86956H12.6519Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M8.47803 11.4783H10.8259V13.0435H8.47803V11.4783Z\"\n          fill=\"#F0F0F0\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_246_5184\">\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.es822.js","sources":["../src/components/flags/FlagBtIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagBtIcon.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-bt-icon\"\n    data-testid=\"kui-icon-wrapper-flag-bt-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-bt-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_1_2277)\">\n        <path\n          d=\"M20.4853 20.4855C15.799 25.1718 8.20102 25.1718 3.51469 20.4855C-1.17159 15.7992 -1.17159 8.20118 3.51469 3.51485C3.51638 3.51485 14.2987 0.328894 18.985 5.01518C23.6713 9.70146 20.4885 20.4822 20.4853 20.4855Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M20.4853 20.4854C25.1715 15.7991 25.1715 8.20106 20.4853 3.51473C15.799 -1.1716 8.20102 -1.17155 3.51469 3.51473L20.4853 20.4854Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M15.1367 15.138C14.6437 15.3316 14.071 15.3111 13.5741 15.0322C12.6961 14.5395 12.3827 13.4241 12.8756 12.546L12.726 12.4621C14.2293 12.0996 15.3415 10.7351 15.322 9.12483C15.3099 8.12372 14.8626 7.22808 14.1629 6.61523L13.0673 7.7377C13.4814 8.0678 13.75 8.57414 13.7569 9.14381C13.7691 10.1507 12.9599 10.9798 11.9531 10.9919L11.9552 11.1633C10.8896 10.0427 9.15183 9.76181 7.76709 10.5838C6.90619 11.0949 6.35428 11.9301 6.1733 12.8425L7.69317 13.2301C7.77197 12.7064 8.07614 12.2206 8.56603 11.9298C9.43186 11.4158 10.5544 11.7021 11.0684 12.5679L11.216 12.4804C10.7782 13.9634 11.4038 15.6089 12.8081 16.3971C13.6812 16.8871 14.6804 16.9476 15.5611 16.6481L15.1367 15.138ZM11.9657 12.0352L11.9656 12.0352L11.9657 12.0352Z\"\n          fill=\"#FF9811\"\n        />\n        <path\n          d=\"M16.4431 8.12741L15.5949 11.1542L13.0501 10.6843L11.412 7.30762L6.98667 8.87798L6.63769 7.89454L5.47988 7.7519L6.35227 10.2104L9.39769 9.43157L10.2631 11.8704L8.15789 14.9774L11.7306 18.0245L11.0534 18.8184L11.5088 19.8926L13.2018 17.9077L11.0046 15.6597L12.684 13.6908L16.4273 13.9605L17.2799 9.34288L18.306 9.5324L19.0087 8.60099L16.4431 8.12741ZM11.9991 12.0818V12.0819V12.0818Z\"\n          fill=\"#FFEACF\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2277\">\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.es824.js

@@ -1,51 +1,35 @@
-import { defineComponent as k, ref as x, computed as h, onMounted as z, openBlock as f, createBlock as C, resolveDynamicComponent as I, normalizeStyle as N, withCtx as _, createElementBlock as g, toDisplayString as w, createCommentVNode as H, pushScopeId as M, popScopeId as q, createElementVNode as t } from "vue";
-import { KUI_ICON_SIZE_50 as m } from "./kong-icons.es1218.js";
-const y = (e) => (M("data-v-79891ecd"), e = e(), q(), e), E = ["aria-hidden"], Z = {
+import { defineComponent as k, ref as x, computed as h, onMounted as z, openBlock as f, createBlock as I, resolveDynamicComponent as N, normalizeStyle as _, withCtx as q, createElementBlock as m, toDisplayString as A, createCommentVNode as E, pushScopeId as B, popScopeId as M, createElementVNode as o } from "vue";
+import { KUI_ICON_SIZE_50 as y } from "./kong-icons.es1218.js";
+const S = (e) => (B("data-v-06d73da1"), e = e(), M(), e), F = ["aria-hidden"], $ = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
-}, A = /* @__PURE__ */ y(() => /* @__PURE__ */ t("g", { "clip-path": "url(#clip0_246_5274)" }, [
-  /* @__PURE__ */ t("path", {
-    d: "M20.4854 20.4856C24.9859 15.9851 25.1636 8.79988 21.0203 4.08618L11.9997 11.9999L4.08594 21.0206C8.79963 25.1638 15.9848 24.9861 20.4854 20.4856Z",
-    fill: "#496E2D"
-  }),
-  /* @__PURE__ */ t("path", {
-    d: "M3.51438 3.5144C8.01488 -0.986107 15.2001 -1.16381 19.9138 2.97942L12 12.0001L2.97944 19.9138C-1.16383 15.2001 -0.986083 8.01491 3.51438 3.5144Z",
-    fill: "#0052B4"
-  }),
-  /* @__PURE__ */ t("path", {
-    d: "M19.9139 2.97937L2.97949 19.9138C3.15068 20.1085 3.32843 20.2996 3.51448 20.4856C3.70048 20.6716 3.89158 20.8493 4.0864 21.0206L21.0207 4.08618C20.8495 3.89137 20.6717 3.70031 20.4856 3.51426C20.2997 3.32835 20.1086 3.15056 19.9139 2.97937Z",
-    fill: "#FFDA44"
-  }),
-  /* @__PURE__ */ t("path", {
-    d: "M5.05619 4.17358L5.31526 4.97079H6.15343L5.47534 5.46339L5.73432 6.2606L5.05619 5.76789L4.37805 6.2606L4.63712 5.46339L3.95898 4.97079H4.7972L5.05619 4.17358Z",
-    fill: "#F0F0F0"
-  }),
-  /* @__PURE__ */ t("path", {
-    d: "M9.33792 4.17358L9.597 4.97079H10.4351L9.75703 5.46339L10.0161 6.2606L9.33792 5.76789L8.65978 6.2606L8.91886 5.46339L8.24072 4.97079H9.07889L9.33792 4.17358Z",
+}, L = /* @__PURE__ */ S(() => /* @__PURE__ */ o("g", { "clip-path": "url(#clip0_1_2281)" }, [
+  /* @__PURE__ */ o("path", {
+    d: "M0.566671 8.34789C0.199077 9.49956 -1.09036e-06 10.7264 4.57846e-05 12.0001C-1.09036e-06 13.2736 0.199077 14.5005 0.566718 15.6522L12 16.174L23.4333 15.6522C23.8009 14.5005 24 13.2736 24 12.0001C24 10.7265 23.8009 9.49956 23.4333 8.34789L12 7.82617L0.566671 8.34789Z",
     fill: "#F0F0F0"
   }),
-  /* @__PURE__ */ t("path", {
-    d: "M5.05619 8.34766L5.31526 9.14486H6.15343L5.47534 9.63751L5.73432 10.4347L5.05619 9.94201L4.37805 10.4347L4.63712 9.63751L3.95898 9.14486H4.7972L5.05619 8.34766Z",
-    fill: "#F0F0F0"
+  /* @__PURE__ */ o("path", {
+    d: "M24 12.0001C24 11.2882 23.9377 10.5909 23.8187 9.91309H0.181313C0.0623437 10.5909 0 11.2881 0 12.0001C0 12.712 0.0623906 13.4092 0.181313 14.087H23.8187C23.9376 13.4092 24 12.7119 24 12.0001Z",
+    fill: "black"
   }),
-  /* @__PURE__ */ t("path", {
-    d: "M9.33792 8.34766L9.597 9.14486H10.4351L9.75703 9.63751L10.0161 10.4347L9.33792 9.94201L8.65978 10.4347L8.91886 9.63751L8.24072 9.14486H9.07889L9.33792 8.34766Z",
-    fill: "#F0F0F0"
+  /* @__PURE__ */ o("path", {
+    d: "M12 23.9997C17.3539 23.9997 21.8881 20.4933 23.4333 15.6519H0.566711C2.11195 20.4933 6.64621 23.9996 12 23.9997V23.9997Z",
+    fill: "#338AF3"
   }),
-  /* @__PURE__ */ t("path", {
-    d: "M7.19686 6.26062L7.45593 7.05782H8.29406L7.61597 7.55048L7.875 8.34768L7.19686 7.85498L6.51872 8.34768L6.77775 7.55048L6.09961 7.05782H6.93783L7.19686 6.26062Z",
-    fill: "#F0F0F0"
+  /* @__PURE__ */ o("path", {
+    d: "M12 1.87984e-09C6.64621 1.87984e-09 2.11199 3.50639 0.566666 8.34773L23.4332 8.34778C21.8881 3.50639 17.3538 -9.37481e-05 12 1.87984e-09V1.87984e-09Z",
+    fill: "#338AF3"
   })
-], -1)), B = /* @__PURE__ */ y(() => /* @__PURE__ */ t("defs", null, [
-  /* @__PURE__ */ t("clipPath", { id: "clip0_246_5274" }, [
-    /* @__PURE__ */ t("rect", {
+], -1)), Z = /* @__PURE__ */ S(() => /* @__PURE__ */ o("defs", null, [
+  /* @__PURE__ */ o("clipPath", { id: "clip0_1_2281" }, [
+    /* @__PURE__ */ o("rect", {
       fill: "white",
       height: "24",
       width: "24"
     })
   ])
-], -1)), K = /* @__PURE__ */ k({
-  __name: "FlagSbIcon",
+], -1)), D = /* @__PURE__ */ k({
+  __name: "FlagBwIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -75,14 +59,14 @@ const y = (e) => (M("data-v-79891ecd"), e = e(), q(), e), E = ["aria-hidden"], Z
     size: {
       type: [Number, String],
       required: !1,
-      default: m,
+      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 i = String(e).replace(/px/gi, ""), l = Number(i);
-          if (l && !isNaN(l) && Number.isInteger(l) && l > 0)
+          const t = String(e).replace(/px/gi, ""), r = Number(t);
+          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
             return !0;
         }
         return !1;
@@ -104,58 +88,58 @@ const y = (e) => (M("data-v-79891ecd"), e = e(), q(), e), E = ["aria-hidden"], Z
     }
   },
   setup(e) {
-    const i = e, l = x(null), p = h(() => {
-      if (typeof i.size == "number" && i.size > 0)
-        return `${i.size}px`;
-      if (typeof i.size == "string") {
-        const n = String(i.size).replace(/px/gi, ""), r = Number(n);
-        if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
-          return `${r}px`;
+    const t = e, r = x(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, ""), i = Number(n);
+        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
+          return `${i}px`;
       }
-      return m;
-    }), S = h(() => ({
+      return y;
+    }), b = h(() => ({
       boxSizing: "border-box",
-      color: i.color,
-      display: i.display,
+      color: t.color,
+      display: t.display,
       flexShrink: "0",
       height: p.value,
       lineHeight: "0",
       width: p.value
-    })), b = (n) => {
+    })), v = (n) => {
       if (!n)
         return;
-      const r = n.querySelector("defs"), s = {};
-      r && r.querySelectorAll("[id]").forEach((o) => {
-        const d = o.getAttribute("id"), a = `${Math.random().toString(36).substring(2, 12)}-${d}`;
-        s[d] = a, o.setAttribute("id", a);
+      const i = n.querySelector("defs"), s = {};
+      i && i.querySelectorAll("[id]").forEach((l) => {
+        const d = l.getAttribute("id"), a = `${Math.random().toString(36).substring(2, 12)}-${d}`;
+        s[d] = a, l.setAttribute("id", a);
       });
-      const v = ["fill", "stroke", "filter", "mask", "clip-path", "xlink:href", "href"], F = (o) => {
-        v.forEach((d) => {
-          const a = o.getAttribute(d);
+      const C = ["fill", "stroke", "filter", "mask", "clip-path", "xlink:href", "href"], w = (l) => {
+        C.forEach((d) => {
+          const a = l.getAttribute(d);
           if (a) {
-            const L = a.replace(/url\(#([^)]+)\)/g, (u, c) => s[c] ? `url(#${s[c]})` : u).replace(/#([^\s]+)/g, (u, c) => s[c] ? `#${s[c]}` : u);
-            L !== a && o.setAttribute(d, L);
+            const g = a.replace(/url\(#([^)]+)\)/g, (u, c) => s[c] ? `url(#${s[c]})` : u).replace(/#([^\s]+)/g, (u, c) => s[c] ? `#${s[c]}` : u);
+            g !== a && l.setAttribute(d, g);
           }
         });
       };
-      n.querySelectorAll("*").forEach((o) => {
-        F(o);
+      n.querySelectorAll("*").forEach((l) => {
+        w(l);
       });
     };
     return z(() => {
-      i.randomizeIds && l.value && b(l.value);
-    }), (n, r) => (f(), C(I(e.as), {
+      t.randomizeIds && r.value && v(r.value);
+    }), (n, i) => (f(), I(N(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
-      class: "kui-icon flag-sb-icon",
-      "data-testid": "kui-icon-wrapper-flag-sb-icon",
-      style: N(S.value)
+      class: "kui-icon flag-bw-icon",
+      "data-testid": "kui-icon-wrapper-flag-bw-icon",
+      style: _(b.value)
     }, {
-      default: _(() => [
-        (f(), g("svg", {
+      default: q(() => [
+        (f(), m("svg", {
           ref_key: "svgElement",
-          ref: l,
+          ref: r,
           "aria-hidden": e.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-flag-sb-icon",
+          "data-testid": "kui-icon-svg-flag-bw-icon",
           fill: "none",
           height: "100%",
           role: "img",
@@ -163,16 +147,16 @@ const y = (e) => (M("data-v-79891ecd"), e = e(), q(), e), E = ["aria-hidden"], Z
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (f(), g("title", Z, w(e.title), 1)) : H("", !0),
-          A,
-          B
-        ], 8, E))
+          e.title ? (f(), m("title", $, A(e.title), 1)) : E("", !0),
+          L,
+          Z
+        ], 8, F))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style"]));
   }
 });
 export {
-  K as default
+  D as default
 };
 //# sourceMappingURL=kong-icons.es824.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es824.js","sources":["../src/components/flags/FlagSbIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagSbIcon.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 flag-sb-icon\"\n    data-testid=\"kui-icon-wrapper-flag-sb-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-sb-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_5274)\">\n        <path\n          d=\"M20.4854 20.4856C24.9859 15.9851 25.1636 8.79988 21.0203 4.08618L11.9997 11.9999L4.08594 21.0206C8.79963 25.1638 15.9848 24.9861 20.4854 20.4856Z\"\n          fill=\"#496E2D\"\n        />\n        <path\n          d=\"M3.51438 3.5144C8.01488 -0.986107 15.2001 -1.16381 19.9138 2.97942L12 12.0001L2.97944 19.9138C-1.16383 15.2001 -0.986083 8.01491 3.51438 3.5144Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M19.9139 2.97937L2.97949 19.9138C3.15068 20.1085 3.32843 20.2996 3.51448 20.4856C3.70048 20.6716 3.89158 20.8493 4.0864 21.0206L21.0207 4.08618C20.8495 3.89137 20.6717 3.70031 20.4856 3.51426C20.2997 3.32835 20.1086 3.15056 19.9139 2.97937Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M5.05619 4.17358L5.31526 4.97079H6.15343L5.47534 5.46339L5.73432 6.2606L5.05619 5.76789L4.37805 6.2606L4.63712 5.46339L3.95898 4.97079H4.7972L5.05619 4.17358Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M9.33792 4.17358L9.597 4.97079H10.4351L9.75703 5.46339L10.0161 6.2606L9.33792 5.76789L8.65978 6.2606L8.91886 5.46339L8.24072 4.97079H9.07889L9.33792 4.17358Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M5.05619 8.34766L5.31526 9.14486H6.15343L5.47534 9.63751L5.73432 10.4347L5.05619 9.94201L4.37805 10.4347L4.63712 9.63751L3.95898 9.14486H4.7972L5.05619 8.34766Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M9.33792 8.34766L9.597 9.14486H10.4351L9.75703 9.63751L10.0161 10.4347L9.33792 9.94201L8.65978 10.4347L8.91886 9.63751L8.24072 9.14486H9.07889L9.33792 8.34766Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M7.19686 6.26062L7.45593 7.05782H8.29406L7.61597 7.55048L7.875 8.34768L7.19686 7.85498L6.51872 8.34768L6.77775 7.55048L6.09961 7.05782H6.93783L7.19686 6.26062Z\"\n          fill=\"#F0F0F0\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_246_5274\">\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.es824.js","sources":["../src/components/flags/FlagBwIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagBwIcon.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-bw-icon\"\n    data-testid=\"kui-icon-wrapper-flag-bw-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-bw-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_1_2281)\">\n        <path\n          d=\"M0.566671 8.34789C0.199077 9.49956 -1.09036e-06 10.7264 4.57846e-05 12.0001C-1.09036e-06 13.2736 0.199077 14.5005 0.566718 15.6522L12 16.174L23.4333 15.6522C23.8009 14.5005 24 13.2736 24 12.0001C24 10.7265 23.8009 9.49956 23.4333 8.34789L12 7.82617L0.566671 8.34789Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M24 12.0001C24 11.2882 23.9377 10.5909 23.8187 9.91309H0.181313C0.0623437 10.5909 0 11.2881 0 12.0001C0 12.712 0.0623906 13.4092 0.181313 14.087H23.8187C23.9376 13.4092 24 12.7119 24 12.0001Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M12 23.9997C17.3539 23.9997 21.8881 20.4933 23.4333 15.6519H0.566711C2.11195 20.4933 6.64621 23.9996 12 23.9997V23.9997Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M12 1.87984e-09C6.64621 1.87984e-09 2.11199 3.50639 0.566666 8.34773L23.4332 8.34778C21.8881 3.50639 17.3538 -9.37481e-05 12 1.87984e-09V1.87984e-09Z\"\n          fill=\"#338AF3\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2281\">\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;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}