@kong/icons 1.20.1-pr.459.2ffac90.0 → 1.20.1

package/dist/kong-icons.es498.js

@@ -1,6 +1,6 @@
-import { defineComponent as m, computed as l, openBlock as c, createBlock as S, resolveDynamicComponent as h, normalizeStyle as b, withCtx as y, createElementBlock as x } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kong-icons.es1232.js";
-const z = ["aria-hidden"], g = '<path fill-rule="evenodd" clip-rule="evenodd" d="M12.1957 1C6.00475 1 1 6.04165 1 12.2788C1 17.2646 4.20672 21.4849 8.65528 22.9786C9.21147 23.0909 9.41519 22.7359 9.41519 22.4373C9.41519 22.1758 9.39686 21.2796 9.39686 20.3457C6.2825 21.0181 5.63396 19.0012 5.63396 19.0012C5.13346 17.694 4.39188 17.3581 4.39188 17.3581C3.37255 16.6671 4.46613 16.6671 4.46613 16.6671C5.59683 16.7419 6.19015 17.8249 6.19015 17.8249C7.19091 19.5427 8.80355 19.0573 9.45232 18.7585C9.5449 18.0302 9.84167 17.5261 10.1568 17.246C7.67285 16.9845 5.05944 16.0136 5.05944 11.6812C5.05944 10.4487 5.50402 9.4404 6.20848 8.6562C6.09733 8.37616 5.70798 7.21818 6.31985 5.66833C6.31985 5.66833 7.26516 5.3695 9.39663 6.82608C10.3092 6.57919 11.2503 6.4536 12.1957 6.45254C13.141 6.45254 14.1046 6.58339 14.9945 6.82608C17.1262 5.3695 18.0715 5.66833 18.0715 5.66833C18.6833 7.21818 18.2938 8.37616 18.1826 8.6562C18.9056 9.4404 19.3319 10.4487 19.3319 11.6812C19.3319 16.0136 16.7185 16.9657 14.216 17.246C14.6239 17.6008 14.9759 18.2729 14.9759 19.3374C14.9759 20.8499 14.9576 22.0638 14.9576 22.4371C14.9576 22.7359 15.1615 23.0909 15.7175 22.9788C20.166 21.4847 23.3728 17.2646 23.3728 12.2788C23.3911 6.04165 18.368 1 12.1957 1Z" fill="#24292F"/>', q = /* @__PURE__ */ m({
+import { defineComponent as S, computed as d, openBlock as l, createBlock as h, resolveDynamicComponent as b, normalizeStyle as y, withCtx as x, createElementBlock as z } from "vue";
+import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1232.js";
+const N = ["aria-hidden"], u = '<path fill-rule="evenodd" clip-rule="evenodd" d="M12.1957 1C6.00475 1 1 6.04165 1 12.2788C1 17.2646 4.20672 21.4849 8.65528 22.9786C9.21147 23.0909 9.41519 22.7359 9.41519 22.4373C9.41519 22.1758 9.39686 21.2796 9.39686 20.3457C6.2825 21.0181 5.63396 19.0012 5.63396 19.0012C5.13346 17.694 4.39188 17.3581 4.39188 17.3581C3.37255 16.6671 4.46613 16.6671 4.46613 16.6671C5.59683 16.7419 6.19015 17.8249 6.19015 17.8249C7.19091 19.5427 8.80355 19.0573 9.45232 18.7585C9.5449 18.0302 9.84167 17.5261 10.1568 17.246C7.67285 16.9845 5.05944 16.0136 5.05944 11.6812C5.05944 10.4487 5.50402 9.4404 6.20848 8.6562C6.09733 8.37616 5.70798 7.21818 6.31985 5.66833C6.31985 5.66833 7.26516 5.3695 9.39663 6.82608C10.3092 6.57919 11.2503 6.4536 12.1957 6.45254C13.141 6.45254 14.1046 6.58339 14.9945 6.82608C17.1262 5.3695 18.0715 5.66833 18.0715 5.66833C18.6833 7.21818 18.2938 8.37616 18.1826 8.6562C18.9056 9.4404 19.3319 10.4487 19.3319 11.6812C19.3319 16.0136 16.7185 16.9657 14.216 17.246C14.6239 17.6008 14.9759 18.2729 14.9759 19.3374C14.9759 20.8499 14.9576 22.0638 14.9576 22.4371C14.9576 22.7359 15.1615 23.0909 15.7175 22.9788C20.166 21.4847 23.3728 17.2646 23.3728 12.2788C23.3911 6.04165 18.368 1 12.1957 1Z" fill="#24292F"/>', B = /* @__PURE__ */ S({
   __name: "GithubIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -31,7 +31,7 @@ const z = ["aria-hidden"], g = '<path fill-rule="evenodd" clip-rule="evenodd" d=
     size: {
       type: [Number, String],
       required: !1,
-      default: u,
+      default: c,
       // if setting to the imported const fails, just pass a number of 24 as the default.
       validator: (i) => {
         if (typeof i == "number" && i > 0)
@@ -61,7 +61,7 @@ const z = ["aria-hidden"], g = '<path fill-rule="evenodd" clip-rule="evenodd" d=
     }
   },
   setup(i) {
-    const e = i, n = l(() => {
+    const e = i, n = d(() => {
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
@@ -69,8 +69,8 @@ const z = ["aria-hidden"], g = '<path fill-rule="evenodd" clip-rule="evenodd" d=
         if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
           return `${t}px`;
       }
-      return u;
-    }), p = l(() => ({
+      return c;
+    }), g = d(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
@@ -79,31 +79,28 @@ const z = ["aria-hidden"], g = '<path fill-rule="evenodd" clip-rule="evenodd" d=
       lineHeight: "0",
       width: n.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), f = (r) => {
-      const t = {}, s = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (a, o) => {
-        const d = `${s}-${o}`;
-        return t[o] = d, `id="${d}"`;
-      }).replace(/#([^\s^")]+)/g, (a, o) => t[o] ? `#${t[o]}` : a);
-    }, C = (r) => {
-      const t = {
-        "<": "&lt;",
-        ">": "&gt;",
-        '"': "&quot;",
-        "'": "&#039;",
-        "`": "&#039;"
-      };
-      return r.replace(/[<>"'`]/g, (s) => t[s]);
-    }, v = `${e.title ? `<title data-testid="kui-icon-svg-title">${C(e.title)}</title>` : ""}${e.staticIds ? g : f(g)}`;
-    return (r, t) => (c(), S(h(i.as), {
+    })), p = (r) => {
+      const t = {}, m = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (s, o) => {
+        const a = `${m}-${o}`;
+        return t[o] = a, `id="${a}"`;
+      }).replace(/#([^\s^")]+)/g, (s, o) => t[o] ? `#${t[o]}` : s);
+    }, f = {
+      "<": "&lt;",
+      ">": "&gt;",
+      '"': "&quot;",
+      "'": "&#39;",
+      "&": "&amp;"
+    }, C = (r) => r.replace(/[<>"'&]/g, (t) => f[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${C(e.title)}</title>` : ""}${e.staticIds ? u : p(u)}`;
+    return (r, t) => (l(), h(b(i.as), {
       "aria-hidden": i.decorative ? "true" : void 0,
       class: "kui-icon github-icon",
       "data-testid": "kui-icon-wrapper-github-icon",
-      style: b(p.value),
+      style: y(g.value),
       tabindex: i.decorative ? "-1" : void 0
     }, {
-      default: y(() => [
-        (c(), x("svg", {
+      default: x(() => [
+        (l(), z("svg", {
           "aria-hidden": i.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-github-icon",
           fill: "none",
@@ -113,13 +110,13 @@ const z = ["aria-hidden"], g = '<path fill-rule="evenodd" clip-rule="evenodd" d=
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
           innerHTML: v
-        }, null, 8, z))
+        }, null, 8, N))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  q as default
+  B as default
 };
 //# sourceMappingURL=kong-icons.es498.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es498.js","sources":["../src/components/multi-color/GithubIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * GithubIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 09 Dec 2024 14:05:24 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } 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  /**\n   * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to `true` during snapshot testing.\n   * Defaults to `false`.\n   */\n  staticIds: {\n    type: Boolean,\n    default: false,\n  },\n})\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 | undefined> => ({\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  pointerEvents: props.decorative ? 'none' : undefined,\n}))\n\n/**\n * Prefix all SVG IDs in the given SVG string with a random prefix to ensure uniqueness.\n *\n * This function performs the following steps:\n * 1. Generates a random prefix.\n * 2. Replaces all `id` attributes in the SVG string with the new prefixed IDs.\n * 3. Updates all ID references (e.g., `url(#id)`, `href=\"#id\"`, etc.) to use the new prefixed IDs.\n *\n * @param {string} svgString - The SVG string in which to prefix IDs.\n * @returns {string} - The SVG string with prefixed IDs.\n */\nconst prefixSvgIdsInString = (svgString: string): string => {\n  const idMap: Record<string, string> = {}\n  const randomPrefix = Math.random().toString(36).substring(2, 12)\n\n  // Replace IDs in the SVG string\n  const updatedSvgString = svgString.replace(/id=\"([^\"]+)\"/g, (match, originalId) => {\n    const newId = `${randomPrefix}-${originalId}`\n    idMap[originalId] = newId\n    return `id=\"${newId}\"`\n  })\n\n  // Replace ID references (e.g., url(#id), href=\"#id\", etc.)\n  const processedSvgString = updatedSvgString.replace(/#([^\\s^\")]+)/g, (match, originalId) => idMap[originalId] ? `#${idMap[originalId]}` : match)\n\n  // Return the processed SVG string\n  return processedSvgString\n}\n\nconst escapeHtml = (str: string) => {\n  const htmlEntities: { [key: string]: string } = {\n    '<': '&lt;',\n    '>': '&gt;',\n    '\"': '&quot;',\n    \"'\": '&#039;',\n    '`': '&#039;',\n  }\n\n  return str.replace(/[<>\"'`]/g, (match) => htmlEntities[match])\n}\n\n// The `svgOriginalContent` template string will be replaced with the SVG innerHTML in the generate script.\n// eslint-disable-next-line @stylistic/quotes\nconst svgOriginalContent = `<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.1957 1C6.00475 1 1 6.04165 1 12.2788C1 17.2646 4.20672 21.4849 8.65528 22.9786C9.21147 23.0909 9.41519 22.7359 9.41519 22.4373C9.41519 22.1758 9.39686 21.2796 9.39686 20.3457C6.2825 21.0181 5.63396 19.0012 5.63396 19.0012C5.13346 17.694 4.39188 17.3581 4.39188 17.3581C3.37255 16.6671 4.46613 16.6671 4.46613 16.6671C5.59683 16.7419 6.19015 17.8249 6.19015 17.8249C7.19091 19.5427 8.80355 19.0573 9.45232 18.7585C9.5449 18.0302 9.84167 17.5261 10.1568 17.246C7.67285 16.9845 5.05944 16.0136 5.05944 11.6812C5.05944 10.4487 5.50402 9.4404 6.20848 8.6562C6.09733 8.37616 5.70798 7.21818 6.31985 5.66833C6.31985 5.66833 7.26516 5.3695 9.39663 6.82608C10.3092 6.57919 11.2503 6.4536 12.1957 6.45254C13.141 6.45254 14.1046 6.58339 14.9945 6.82608C17.1262 5.3695 18.0715 5.66833 18.0715 5.66833C18.6833 7.21818 18.2938 8.37616 18.1826 8.6562C18.9056 9.4404 19.3319 10.4487 19.3319 11.6812C19.3319 16.0136 16.7185 16.9657 14.216 17.246C14.6239 17.6008 14.9759 18.2729 14.9759 19.3374C14.9759 20.8499 14.9576 22.0638 14.9576 22.4371C14.9576 22.7359 15.1615 23.0909 15.7175 22.9788C20.166 21.4847 23.3728 17.2646 23.3728 12.2788C23.3911 6.04165 18.368 1 12.1957 1Z\" fill=\"#24292F\"/>`\nconst svgTitleContent = props.title ? `<title data-testid=\"kui-icon-svg-title\">${escapeHtml(props.title)}</title>` : ''\nconst svgProcessedContent = `${svgTitleContent}${!props.staticIds ? prefixSvgIdsInString(svgOriginalContent) : svgOriginalContent}`\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon github-icon\"\n    data-testid=\"kui-icon-wrapper-github-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-github-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      v-html=\"svgProcessedContent\"\n    />\n  </component>\n</template>\n\n<style>\n/**\n * !Important: Do not add styles into this component file.\n *\n * We are adding styles inline to avoid additional stylesheet imports in the consuming application/component.\n */\n</style>\n"],"names":["svgOriginalContent","props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIdsInString","svgString","idMap","randomPrefix","match","originalId","newId","escapeHtml","str","htmlEntities","svgProcessedContent"],"mappings":";;2BA0JMA,IAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA7I3B,UAAMC,IAAQC,GAgERC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,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,OAA2C;AAAA,MAC5E,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,MAChB,eAAeF,EAAM,aAAa,SAAS;AAAA,IAC3C,EAAA,GAaIQ,IAAuB,CAACC,MAA8B;AAC1D,YAAMC,IAAgC,CAAA,GAChCC,IAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE;AAaxD,aAVkBF,EAAU,QAAQ,iBAAiB,CAACG,GAAOC,MAAe;AACjF,cAAMC,IAAQ,GAAGH,CAAY,IAAIE,CAAU;AAC3C,eAAAH,EAAMG,CAAU,IAAIC,GACb,OAAOA,CAAK;AAAA,MAAA,CACpB,EAG2C,QAAQ,iBAAiB,CAACF,GAAOC,MAAeH,EAAMG,CAAU,IAAI,IAAIH,EAAMG,CAAU,CAAC,KAAKD,CAAK;AAAA,IAGxI,GAGHG,IAAa,CAACC,MAAgB;AAClC,YAAMC,IAA0C;AAAA,QAC9C,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,MAAA;AAGP,aAAOD,EAAI,QAAQ,YAAY,CAACJ,MAAUK,EAAaL,CAAK,CAAC;AAAA,IAAA,GAOzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2Ce,EAAWf,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es498.js","sources":["../src/components/multi-color/GithubIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * GithubIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 09 Dec 2024 14:01:53 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } 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  /**\n   * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to `true` during snapshot testing.\n   * Defaults to `false`.\n   */\n  staticIds: {\n    type: Boolean,\n    default: false,\n  },\n})\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 | undefined> => ({\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  pointerEvents: props.decorative ? 'none' : undefined,\n}))\n\n/**\n * Prefix all SVG IDs in the given SVG string with a random prefix to ensure uniqueness.\n *\n * This function performs the following steps:\n * 1. Generates a random prefix.\n * 2. Replaces all `id` attributes in the SVG string with the new prefixed IDs.\n * 3. Updates all ID references (e.g., `url(#id)`, `href=\"#id\"`, etc.) to use the new prefixed IDs.\n *\n * @param {string} svgString - The SVG string in which to prefix IDs.\n * @returns {string} - The SVG string with prefixed IDs.\n */\nconst prefixSvgIdsInString = (svgString: string): string => {\n  const idMap: Record<string, string> = {}\n  const randomPrefix = Math.random().toString(36).substring(2, 12)\n\n  // Replace IDs in the SVG string\n  const updatedSvgString = svgString.replace(/id=\"([^\"]+)\"/g, (match, originalId) => {\n    const newId = `${randomPrefix}-${originalId}`\n    idMap[originalId] = newId\n    return `id=\"${newId}\"`\n  })\n\n  // Replace ID references (e.g., url(#id), href=\"#id\", etc.)\n  const processedSvgString = updatedSvgString.replace(/#([^\\s^\")]+)/g, (match, originalId) => idMap[originalId] ? `#${idMap[originalId]}` : match)\n\n  // Return the processed SVG string\n  return processedSvgString\n}\n\nconst htmlEntities: { [key: string]: string } = {\n  '<': '&lt;',\n  '>': '&gt;',\n  '\"': '&quot;',\n  \"'\": '&#39;',\n  '&': '&amp;',\n}\nconst escapeHtml = (str: string) => {\n  return str.replace(/[<>\"'&]/g, (match) => htmlEntities[match])\n}\n\n// The `svgOriginalContent` template string will be replaced with the SVG innerHTML in the generate script.\n// eslint-disable-next-line @stylistic/quotes\nconst svgOriginalContent = `<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.1957 1C6.00475 1 1 6.04165 1 12.2788C1 17.2646 4.20672 21.4849 8.65528 22.9786C9.21147 23.0909 9.41519 22.7359 9.41519 22.4373C9.41519 22.1758 9.39686 21.2796 9.39686 20.3457C6.2825 21.0181 5.63396 19.0012 5.63396 19.0012C5.13346 17.694 4.39188 17.3581 4.39188 17.3581C3.37255 16.6671 4.46613 16.6671 4.46613 16.6671C5.59683 16.7419 6.19015 17.8249 6.19015 17.8249C7.19091 19.5427 8.80355 19.0573 9.45232 18.7585C9.5449 18.0302 9.84167 17.5261 10.1568 17.246C7.67285 16.9845 5.05944 16.0136 5.05944 11.6812C5.05944 10.4487 5.50402 9.4404 6.20848 8.6562C6.09733 8.37616 5.70798 7.21818 6.31985 5.66833C6.31985 5.66833 7.26516 5.3695 9.39663 6.82608C10.3092 6.57919 11.2503 6.4536 12.1957 6.45254C13.141 6.45254 14.1046 6.58339 14.9945 6.82608C17.1262 5.3695 18.0715 5.66833 18.0715 5.66833C18.6833 7.21818 18.2938 8.37616 18.1826 8.6562C18.9056 9.4404 19.3319 10.4487 19.3319 11.6812C19.3319 16.0136 16.7185 16.9657 14.216 17.246C14.6239 17.6008 14.9759 18.2729 14.9759 19.3374C14.9759 20.8499 14.9576 22.0638 14.9576 22.4371C14.9576 22.7359 15.1615 23.0909 15.7175 22.9788C20.166 21.4847 23.3728 17.2646 23.3728 12.2788C23.3911 6.04165 18.368 1 12.1957 1Z\" fill=\"#24292F\"/>`\nconst svgTitleContent = props.title ? `<title data-testid=\"kui-icon-svg-title\">${escapeHtml(props.title)}</title>` : ''\nconst svgProcessedContent = `${svgTitleContent}${!props.staticIds ? prefixSvgIdsInString(svgOriginalContent) : svgOriginalContent}`\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon github-icon\"\n    data-testid=\"kui-icon-wrapper-github-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-github-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      v-html=\"svgProcessedContent\"\n    />\n  </component>\n</template>\n\n<style>\n/**\n * !Important: Do not add styles into this component file.\n *\n * We are adding styles inline to avoid additional stylesheet imports in the consuming application/component.\n */\n</style>\n"],"names":["svgOriginalContent","props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIdsInString","svgString","idMap","randomPrefix","match","originalId","newId","htmlEntities","escapeHtml","str","svgProcessedContent"],"mappings":";;2BAyJMA,IAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA5I3B,UAAMC,IAAQC,GAgERC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,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,OAA2C;AAAA,MAC5E,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,MAChB,eAAeF,EAAM,aAAa,SAAS;AAAA,IAC3C,EAAA,GAaIQ,IAAuB,CAACC,MAA8B;AAC1D,YAAMC,IAAgC,CAAA,GAChCC,IAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE;AAaxD,aAVkBF,EAAU,QAAQ,iBAAiB,CAACG,GAAOC,MAAe;AACjF,cAAMC,IAAQ,GAAGH,CAAY,IAAIE,CAAU;AAC3C,eAAAH,EAAMG,CAAU,IAAIC,GACb,OAAOA,CAAK;AAAA,MAAA,CACpB,EAG2C,QAAQ,iBAAiB,CAACF,GAAOC,MAAeH,EAAMG,CAAU,IAAI,IAAIH,EAAMG,CAAU,CAAC,KAAKD,CAAK;AAAA,IAGxI,GAGHG,IAA0C;AAAA,MAC9C,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IAAA,GAEDC,IAAa,CAACC,MACXA,EAAI,QAAQ,YAAY,CAACL,MAAUG,EAAaH,CAAK,CAAC,GAOzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es50.js

@@ -1,6 +1,6 @@
-import { defineComponent as v, computed as d, openBlock as c, createBlock as C, resolveDynamicComponent as S, normalizeStyle as H, withCtx as b, createElementBlock as y } from "vue";
-import { KUI_ICON_SIZE_50 as p } from "./kong-icons.es1232.js";
-const x = ["aria-hidden"], u = `<g clip-path="url(#clip0_246_5346)">
+import { defineComponent as C, computed as s, openBlock as d, createBlock as S, resolveDynamicComponent as H, normalizeStyle as b, withCtx as y, createElementBlock as x } from "vue";
+import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1232.js";
+const V = ["aria-hidden"], p = `<g clip-path="url(#clip0_246_5346)">
 <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="#F0F0F0"/>
 <path d="M21.426 9.65218H17.4782C17.4782 8.93182 16.8942 8.34784 16.1739 8.34784L15.1304 10.4348C15.1304 10.4348 16.2434 13.5652 16.2086 13.5652H17.513C18.2334 13.5652 18.8173 12.9813 18.8173 12.2609C19.5377 12.2609 20.1216 11.677 20.1216 10.9566H20.0782C20.7986 10.9565 21.426 10.3726 21.426 9.65218Z" fill="#ACABB1"/>
 <path d="M2.57373 9.65218H6.52155C6.52155 8.93182 7.10553 8.34784 7.82588 8.34784L8.86938 10.4348C8.86938 10.4348 7.75631 13.5652 7.79112 13.5652H6.48678C5.76638 13.5652 5.18245 12.9813 5.18245 12.2609C4.46205 12.2609 3.87811 11.677 3.87811 10.9566H3.92155C3.20115 10.9565 2.57373 10.3726 2.57373 9.65218Z" fill="#ACABB1"/>
@@ -13,7 +13,7 @@ const x = ["aria-hidden"], u = `<g clip-path="url(#clip0_246_5346)">
 <clipPath id="clip0_246_5346">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
-</defs>`, M = /* @__PURE__ */ v({
+</defs>`, k = /* @__PURE__ */ C({
   __name: "FlagBlIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -44,7 +44,7 @@ const x = ["aria-hidden"], u = `<g clip-path="url(#clip0_246_5346)">
     size: {
       type: [Number, String],
       required: !1,
-      default: p,
+      default: c,
       // if setting to the imported const fails, just pass a number of 24 as the default.
       validator: (i) => {
         if (typeof i == "number" && i > 0)
@@ -74,7 +74,7 @@ const x = ["aria-hidden"], u = `<g clip-path="url(#clip0_246_5346)">
     }
   },
   setup(i) {
-    const e = i, r = d(() => {
+    const e = i, r = s(() => {
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
@@ -82,8 +82,8 @@ const x = ["aria-hidden"], u = `<g clip-path="url(#clip0_246_5346)">
         if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
           return `${t}px`;
       }
-      return p;
-    }), f = d(() => ({
+      return c;
+    }), u = s(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
@@ -92,31 +92,28 @@ const x = ["aria-hidden"], u = `<g clip-path="url(#clip0_246_5346)">
       lineHeight: "0",
       width: r.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), g = (n) => {
-      const t = {}, a = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (o, l) => {
-        const s = `${a}-${l}`;
-        return t[l] = s, `id="${s}"`;
-      }).replace(/#([^\s^")]+)/g, (o, l) => t[l] ? `#${t[l]}` : o);
-    }, h = (n) => {
-      const t = {
-        "<": "&lt;",
-        ">": "&gt;",
-        '"': "&quot;",
-        "'": "&#039;",
-        "`": "&#039;"
-      };
-      return n.replace(/[<>"'`]/g, (a) => t[a]);
-    }, m = `${e.title ? `<title data-testid="kui-icon-svg-title">${h(e.title)}</title>` : ""}${e.staticIds ? u : g(u)}`;
-    return (n, t) => (c(), C(S(i.as), {
+    })), f = (n) => {
+      const t = {}, v = Math.random().toString(36).substring(2, 12);
+      return n.replace(/id="([^"]+)"/g, (a, l) => {
+        const o = `${v}-${l}`;
+        return t[l] = o, `id="${o}"`;
+      }).replace(/#([^\s^")]+)/g, (a, l) => t[l] ? `#${t[l]}` : a);
+    }, g = {
+      "<": "&lt;",
+      ">": "&gt;",
+      '"': "&quot;",
+      "'": "&#39;",
+      "&": "&amp;"
+    }, h = (n) => n.replace(/[<>"'&]/g, (t) => g[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${h(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
+    return (n, t) => (d(), S(H(i.as), {
       "aria-hidden": i.decorative ? "true" : void 0,
       class: "kui-icon flag-bl-icon",
       "data-testid": "kui-icon-wrapper-flag-bl-icon",
-      style: H(f.value),
+      style: b(u.value),
       tabindex: i.decorative ? "-1" : void 0
     }, {
-      default: b(() => [
-        (c(), y("svg", {
+      default: y(() => [
+        (d(), x("svg", {
           "aria-hidden": i.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-flag-bl-icon",
           fill: "none",
@@ -126,13 +123,13 @@ const x = ["aria-hidden"], u = `<g clip-path="url(#clip0_246_5346)">
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
           innerHTML: m
-        }, null, 8, x))
+        }, null, 8, V))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  M as default
+  k as default
 };
 //# sourceMappingURL=kong-icons.es50.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es50.js","sources":["../src/components/flags/FlagBlIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagBlIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 09 Dec 2024 14:05:24 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } 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  /**\n   * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to `true` during snapshot testing.\n   * Defaults to `false`.\n   */\n  staticIds: {\n    type: Boolean,\n    default: false,\n  },\n})\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 | undefined> => ({\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  pointerEvents: props.decorative ? 'none' : undefined,\n}))\n\n/**\n * Prefix all SVG IDs in the given SVG string with a random prefix to ensure uniqueness.\n *\n * This function performs the following steps:\n * 1. Generates a random prefix.\n * 2. Replaces all `id` attributes in the SVG string with the new prefixed IDs.\n * 3. Updates all ID references (e.g., `url(#id)`, `href=\"#id\"`, etc.) to use the new prefixed IDs.\n *\n * @param {string} svgString - The SVG string in which to prefix IDs.\n * @returns {string} - The SVG string with prefixed IDs.\n */\nconst prefixSvgIdsInString = (svgString: string): string => {\n  const idMap: Record<string, string> = {}\n  const randomPrefix = Math.random().toString(36).substring(2, 12)\n\n  // Replace IDs in the SVG string\n  const updatedSvgString = svgString.replace(/id=\"([^\"]+)\"/g, (match, originalId) => {\n    const newId = `${randomPrefix}-${originalId}`\n    idMap[originalId] = newId\n    return `id=\"${newId}\"`\n  })\n\n  // Replace ID references (e.g., url(#id), href=\"#id\", etc.)\n  const processedSvgString = updatedSvgString.replace(/#([^\\s^\")]+)/g, (match, originalId) => idMap[originalId] ? `#${idMap[originalId]}` : match)\n\n  // Return the processed SVG string\n  return processedSvgString\n}\n\nconst escapeHtml = (str: string) => {\n  const htmlEntities: { [key: string]: string } = {\n    '<': '&lt;',\n    '>': '&gt;',\n    '\"': '&quot;',\n    \"'\": '&#039;',\n    '`': '&#039;',\n  }\n\n  return str.replace(/[<>\"'`]/g, (match) => htmlEntities[match])\n}\n\n// The `svgOriginalContent` template string will be replaced with the SVG innerHTML in the generate script.\n\nconst svgOriginalContent = `<g clip-path=\"url(#clip0_246_5346)\">\n<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=\"#F0F0F0\"/>\n<path d=\"M21.426 9.65218H17.4782C17.4782 8.93182 16.8942 8.34784 16.1739 8.34784L15.1304 10.4348C15.1304 10.4348 16.2434 13.5652 16.2086 13.5652H17.513C18.2334 13.5652 18.8173 12.9813 18.8173 12.2609C19.5377 12.2609 20.1216 11.677 20.1216 10.9566H20.0782C20.7986 10.9565 21.426 10.3726 21.426 9.65218Z\" fill=\"#ACABB1\"/>\n<path d=\"M2.57373 9.65218H6.52155C6.52155 8.93182 7.10553 8.34784 7.82588 8.34784L8.86938 10.4348C8.86938 10.4348 7.75631 13.5652 7.79112 13.5652H6.48678C5.76638 13.5652 5.18245 12.9813 5.18245 12.2609C4.46205 12.2609 3.87811 11.677 3.87811 10.9566H3.92155C3.20115 10.9565 2.57373 10.3726 2.57373 9.65218Z\" fill=\"#ACABB1\"/>\n<path d=\"M16.174 16.6956V17.2173H7.8262V16.6956H5.73926V18.7826H7.8262V19.3043H16.174V18.7826H18.261V16.6956H16.174Z\" fill=\"#FFDA44\"/>\n<path d=\"M7.82617 8.34777V13.5651C7.82617 16.7601 12.0001 17.7391 12.0001 17.7391C12.0001 17.7391 16.174 16.7601 16.174 13.5651V8.34777L12.0001 7.82605L7.82617 8.34777Z\" fill=\"#0052B4\"/>\n<path d=\"M7.82617 10.4349H16.174V13.5654H7.82617V10.4349Z\" fill=\"#D80027\"/>\n<path d=\"M14.087 5.73911V6.52173L13.5653 6.78261L13.0436 6.26084V4.69562H10.9566V6.26084L10.4349 6.78261L9.91312 6.52173V5.73911H7.82617V8.34779H16.174V5.73911H14.087Z\" fill=\"#FFDA44\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_246_5346\">\n<rect width=\"24\" height=\"24\" fill=\"white\"/>\n</clipPath>\n</defs>`\nconst svgTitleContent = props.title ? `<title data-testid=\"kui-icon-svg-title\">${escapeHtml(props.title)}</title>` : ''\nconst svgProcessedContent = `${svgTitleContent}${!props.staticIds ? prefixSvgIdsInString(svgOriginalContent) : svgOriginalContent}`\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-bl-icon\"\n    data-testid=\"kui-icon-wrapper-flag-bl-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-bl-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      v-html=\"svgProcessedContent\"\n    />\n  </component>\n</template>\n\n<style>\n/**\n * !Important: Do not add styles into this component file.\n *\n * We are adding styles inline to avoid additional stylesheet imports in the consuming application/component.\n */\n</style>\n"],"names":["svgOriginalContent","props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIdsInString","svgString","idMap","randomPrefix","match","originalId","newId","escapeHtml","str","htmlEntities","svgProcessedContent"],"mappings":";;2BA0JMA,IAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA7I3B,UAAMC,IAAQC,GAgERC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,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,OAA2C;AAAA,MAC5E,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,MAChB,eAAeF,EAAM,aAAa,SAAS;AAAA,IAC3C,EAAA,GAaIQ,IAAuB,CAACC,MAA8B;AAC1D,YAAMC,IAAgC,CAAA,GAChCC,IAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE;AAaxD,aAVkBF,EAAU,QAAQ,iBAAiB,CAACG,GAAOC,MAAe;AACjF,cAAMC,IAAQ,GAAGH,CAAY,IAAIE,CAAU;AAC3C,eAAAH,EAAMG,CAAU,IAAIC,GACb,OAAOA,CAAK;AAAA,MAAA,CACpB,EAG2C,QAAQ,iBAAiB,CAACF,GAAOC,MAAeH,EAAMG,CAAU,IAAI,IAAIH,EAAMG,CAAU,CAAC,KAAKD,CAAK;AAAA,IAGxI,GAGHG,IAAa,CAACC,MAAgB;AAClC,YAAMC,IAA0C;AAAA,QAC9C,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,MAAA;AAGP,aAAOD,EAAI,QAAQ,YAAY,CAACJ,MAAUK,EAAaL,CAAK,CAAC;AAAA,IAAA,GAoBzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2Ce,EAAWf,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es50.js","sources":["../src/components/flags/FlagBlIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagBlIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 09 Dec 2024 14:01:53 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } 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  /**\n   * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to `true` during snapshot testing.\n   * Defaults to `false`.\n   */\n  staticIds: {\n    type: Boolean,\n    default: false,\n  },\n})\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 | undefined> => ({\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  pointerEvents: props.decorative ? 'none' : undefined,\n}))\n\n/**\n * Prefix all SVG IDs in the given SVG string with a random prefix to ensure uniqueness.\n *\n * This function performs the following steps:\n * 1. Generates a random prefix.\n * 2. Replaces all `id` attributes in the SVG string with the new prefixed IDs.\n * 3. Updates all ID references (e.g., `url(#id)`, `href=\"#id\"`, etc.) to use the new prefixed IDs.\n *\n * @param {string} svgString - The SVG string in which to prefix IDs.\n * @returns {string} - The SVG string with prefixed IDs.\n */\nconst prefixSvgIdsInString = (svgString: string): string => {\n  const idMap: Record<string, string> = {}\n  const randomPrefix = Math.random().toString(36).substring(2, 12)\n\n  // Replace IDs in the SVG string\n  const updatedSvgString = svgString.replace(/id=\"([^\"]+)\"/g, (match, originalId) => {\n    const newId = `${randomPrefix}-${originalId}`\n    idMap[originalId] = newId\n    return `id=\"${newId}\"`\n  })\n\n  // Replace ID references (e.g., url(#id), href=\"#id\", etc.)\n  const processedSvgString = updatedSvgString.replace(/#([^\\s^\")]+)/g, (match, originalId) => idMap[originalId] ? `#${idMap[originalId]}` : match)\n\n  // Return the processed SVG string\n  return processedSvgString\n}\n\nconst htmlEntities: { [key: string]: string } = {\n  '<': '&lt;',\n  '>': '&gt;',\n  '\"': '&quot;',\n  \"'\": '&#39;',\n  '&': '&amp;',\n}\nconst escapeHtml = (str: string) => {\n  return str.replace(/[<>\"'&]/g, (match) => htmlEntities[match])\n}\n\n// The `svgOriginalContent` template string will be replaced with the SVG innerHTML in the generate script.\n\nconst svgOriginalContent = `<g clip-path=\"url(#clip0_246_5346)\">\n<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=\"#F0F0F0\"/>\n<path d=\"M21.426 9.65218H17.4782C17.4782 8.93182 16.8942 8.34784 16.1739 8.34784L15.1304 10.4348C15.1304 10.4348 16.2434 13.5652 16.2086 13.5652H17.513C18.2334 13.5652 18.8173 12.9813 18.8173 12.2609C19.5377 12.2609 20.1216 11.677 20.1216 10.9566H20.0782C20.7986 10.9565 21.426 10.3726 21.426 9.65218Z\" fill=\"#ACABB1\"/>\n<path d=\"M2.57373 9.65218H6.52155C6.52155 8.93182 7.10553 8.34784 7.82588 8.34784L8.86938 10.4348C8.86938 10.4348 7.75631 13.5652 7.79112 13.5652H6.48678C5.76638 13.5652 5.18245 12.9813 5.18245 12.2609C4.46205 12.2609 3.87811 11.677 3.87811 10.9566H3.92155C3.20115 10.9565 2.57373 10.3726 2.57373 9.65218Z\" fill=\"#ACABB1\"/>\n<path d=\"M16.174 16.6956V17.2173H7.8262V16.6956H5.73926V18.7826H7.8262V19.3043H16.174V18.7826H18.261V16.6956H16.174Z\" fill=\"#FFDA44\"/>\n<path d=\"M7.82617 8.34777V13.5651C7.82617 16.7601 12.0001 17.7391 12.0001 17.7391C12.0001 17.7391 16.174 16.7601 16.174 13.5651V8.34777L12.0001 7.82605L7.82617 8.34777Z\" fill=\"#0052B4\"/>\n<path d=\"M7.82617 10.4349H16.174V13.5654H7.82617V10.4349Z\" fill=\"#D80027\"/>\n<path d=\"M14.087 5.73911V6.52173L13.5653 6.78261L13.0436 6.26084V4.69562H10.9566V6.26084L10.4349 6.78261L9.91312 6.52173V5.73911H7.82617V8.34779H16.174V5.73911H14.087Z\" fill=\"#FFDA44\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_246_5346\">\n<rect width=\"24\" height=\"24\" fill=\"white\"/>\n</clipPath>\n</defs>`\nconst svgTitleContent = props.title ? `<title data-testid=\"kui-icon-svg-title\">${escapeHtml(props.title)}</title>` : ''\nconst svgProcessedContent = `${svgTitleContent}${!props.staticIds ? prefixSvgIdsInString(svgOriginalContent) : svgOriginalContent}`\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-bl-icon\"\n    data-testid=\"kui-icon-wrapper-flag-bl-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-bl-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      v-html=\"svgProcessedContent\"\n    />\n  </component>\n</template>\n\n<style>\n/**\n * !Important: Do not add styles into this component file.\n *\n * We are adding styles inline to avoid additional stylesheet imports in the consuming application/component.\n */\n</style>\n"],"names":["svgOriginalContent","props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIdsInString","svgString","idMap","randomPrefix","match","originalId","newId","htmlEntities","escapeHtml","str","svgProcessedContent"],"mappings":";;2BAyJMA,IAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA5I3B,UAAMC,IAAQC,GAgERC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,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,OAA2C;AAAA,MAC5E,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,MAChB,eAAeF,EAAM,aAAa,SAAS;AAAA,IAC3C,EAAA,GAaIQ,IAAuB,CAACC,MAA8B;AAC1D,YAAMC,IAAgC,CAAA,GAChCC,IAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE;AAaxD,aAVkBF,EAAU,QAAQ,iBAAiB,CAACG,GAAOC,MAAe;AACjF,cAAMC,IAAQ,GAAGH,CAAY,IAAIE,CAAU;AAC3C,eAAAH,EAAMG,CAAU,IAAIC,GACb,OAAOA,CAAK;AAAA,MAAA,CACpB,EAG2C,QAAQ,iBAAiB,CAACF,GAAOC,MAAeH,EAAMG,CAAU,IAAI,IAAIH,EAAMG,CAAU,CAAC,KAAKD,CAAK;AAAA,IAGxI,GAGHG,IAA0C;AAAA,MAC9C,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IAAA,GAEDC,IAAa,CAACC,MACXA,EAAI,QAAQ,YAAY,CAACL,MAAUG,EAAaH,CAAK,CAAC,GAoBzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es500.js

@@ -1,9 +1,9 @@
-import { defineComponent as v, computed as d, openBlock as c, createBlock as S, resolveDynamicComponent as h, normalizeStyle as y, withCtx as b, createElementBlock as x } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kong-icons.es1232.js";
-const z = ["aria-hidden"], C = `<path d="M14.6907 8.5684H15.3007L17.0392 6.77648L17.1246 6.0157C16.1287 5.10965 14.9251 4.48026 13.6276 4.18696C12.33 3.89366 10.9813 3.94615 9.70894 4.33947C8.43655 4.73279 7.28244 5.45395 6.35563 6.43483C5.42883 7.41571 4.75992 8.62392 4.41211 9.94534C4.60579 9.86352 4.82033 9.85025 5.02212 9.90762L8.49915 9.3166C8.49915 9.3166 8.67605 9.0148 8.76755 9.03367C9.51257 8.19031 10.5422 7.67237 11.6456 7.58588C12.749 7.49938 13.8427 7.85088 14.7029 8.5684H14.6907Z" fill="#EA4335"/>
+import { defineComponent as S, computed as l, openBlock as d, createBlock as h, resolveDynamicComponent as y, normalizeStyle as b, withCtx as x, createElementBlock as z } from "vue";
+import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1232.js";
+const L = ["aria-hidden"], u = `<path d="M14.6907 8.5684H15.3007L17.0392 6.77648L17.1246 6.0157C16.1287 5.10965 14.9251 4.48026 13.6276 4.18696C12.33 3.89366 10.9813 3.94615 9.70894 4.33947C8.43655 4.73279 7.28244 5.45395 6.35563 6.43483C5.42883 7.41571 4.75992 8.62392 4.41211 9.94534C4.60579 9.86352 4.82033 9.85025 5.02212 9.90762L8.49915 9.3166C8.49915 9.3166 8.67605 9.0148 8.76755 9.03367C9.51257 8.19031 10.5422 7.67237 11.6456 7.58588C12.749 7.49938 13.8427 7.85088 14.7029 8.5684H14.6907Z" fill="#EA4335"/>
 <path d="M19.5162 9.94508C19.1166 8.42833 18.2962 7.06478 17.1555 6.02173L14.7155 8.5367C15.224 8.96498 15.6315 9.50669 15.9073 10.121C16.1831 10.7352 16.32 11.4061 16.3076 12.0828V12.5292C16.5928 12.5292 16.8752 12.5871 17.1386 12.6996C17.4021 12.8121 17.6415 12.977 17.8432 13.1848C18.0448 13.3927 18.2048 13.6394 18.3139 13.911C18.423 14.1825 18.4792 14.4736 18.4792 14.7675C18.4792 15.0615 18.423 15.3525 18.3139 15.6241C18.2048 15.8957 18.0448 16.1424 17.8432 16.3503C17.6415 16.5581 17.4021 16.723 17.1386 16.8355C16.8752 16.948 16.5928 17.0059 16.3076 17.0059H11.9644L11.5312 17.4586V20.1433L11.9644 20.5897H16.3076C17.5204 20.5994 18.7041 20.2065 19.6835 19.4691C20.6629 18.7317 21.386 17.689 21.7459 16.4952C22.1057 15.3013 22.0832 14.0198 21.6817 12.8402C21.2801 11.6606 20.5209 10.6455 19.5162 9.94508Z" fill="#4285F4"/>
 <path d="M7.61501 20.5646H11.9583V16.9807H7.61501C7.30557 16.9807 6.99977 16.9121 6.7183 16.7795L6.1083 16.9745L4.35758 18.7664L4.20508 19.3951C5.18684 20.1592 6.3848 20.5701 7.61501 20.5646Z" fill="#34A853"/>
-<path d="M7.61491 8.93912C6.4381 8.94637 5.29287 9.33228 4.33918 10.0429C3.38548 10.7536 2.67095 11.7536 2.29538 12.9031C1.91981 14.0527 1.90195 15.2944 2.24431 16.4549C2.58667 17.6154 3.27214 18.6368 4.20498 19.3763L6.7243 16.7795C6.40415 16.6305 6.12387 16.4035 5.90751 16.1183C5.69114 15.833 5.54516 15.4978 5.48208 15.1416C5.41901 14.7854 5.44072 14.4187 5.54536 14.0731C5.64999 13.7274 5.83443 13.4131 6.08285 13.157C6.33126 12.901 6.63624 12.7109 6.97161 12.603C7.30697 12.4952 7.66272 12.4728 8.00832 12.5378C8.35393 12.6028 8.67907 12.7533 8.95585 12.9763C9.23263 13.1993 9.45279 13.4882 9.59743 13.8182L12.1168 11.2215C11.588 10.5089 10.9064 9.93216 10.1255 9.53622C9.34449 9.14029 8.48524 8.93593 7.61491 8.93912Z" fill="#FBBC05"/>`, I = /* @__PURE__ */ v({
+<path d="M7.61491 8.93912C6.4381 8.94637 5.29287 9.33228 4.33918 10.0429C3.38548 10.7536 2.67095 11.7536 2.29538 12.9031C1.91981 14.0527 1.90195 15.2944 2.24431 16.4549C2.58667 17.6154 3.27214 18.6368 4.20498 19.3763L6.7243 16.7795C6.40415 16.6305 6.12387 16.4035 5.90751 16.1183C5.69114 15.833 5.54516 15.4978 5.48208 15.1416C5.41901 14.7854 5.44072 14.4187 5.54536 14.0731C5.64999 13.7274 5.83443 13.4131 6.08285 13.157C6.33126 12.901 6.63624 12.7109 6.97161 12.603C7.30697 12.4952 7.66272 12.4728 8.00832 12.5378C8.35393 12.6028 8.67907 12.7533 8.95585 12.9763C9.23263 13.1993 9.45279 13.4882 9.59743 13.8182L12.1168 11.2215C11.588 10.5089 10.9064 9.93216 10.1255 9.53622C9.34449 9.14029 8.48524 8.93593 7.61491 8.93912Z" fill="#FBBC05"/>`, $ = /* @__PURE__ */ S({
   __name: "GoogleCloudIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -34,7 +34,7 @@ const z = ["aria-hidden"], C = `<path d="M14.6907 8.5684H15.3007L17.0392 6.77648
     size: {
       type: [Number, String],
       required: !1,
-      default: u,
+      default: c,
       // if setting to the imported const fails, just pass a number of 24 as the default.
       validator: (i) => {
         if (typeof i == "number" && i > 0)
@@ -64,7 +64,7 @@ const z = ["aria-hidden"], C = `<path d="M14.6907 8.5684H15.3007L17.0392 6.77648
     }
   },
   setup(i) {
-    const e = i, n = d(() => {
+    const e = i, n = l(() => {
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
@@ -72,8 +72,8 @@ const z = ["aria-hidden"], C = `<path d="M14.6907 8.5684H15.3007L17.0392 6.77648
         if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
           return `${t}px`;
       }
-      return u;
-    }), g = d(() => ({
+      return c;
+    }), C = l(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
@@ -82,31 +82,28 @@ const z = ["aria-hidden"], C = `<path d="M14.6907 8.5684H15.3007L17.0392 6.77648
       lineHeight: "0",
       width: n.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), p = (r) => {
-      const t = {}, s = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (a, o) => {
-        const l = `${s}-${o}`;
-        return t[o] = l, `id="${l}"`;
-      }).replace(/#([^\s^")]+)/g, (a, o) => t[o] ? `#${t[o]}` : a);
-    }, f = (r) => {
-      const t = {
-        "<": "&lt;",
-        ">": "&gt;",
-        '"': "&quot;",
-        "'": "&#039;",
-        "`": "&#039;"
-      };
-      return r.replace(/[<>"'`]/g, (s) => t[s]);
-    }, m = `${e.title ? `<title data-testid="kui-icon-svg-title">${f(e.title)}</title>` : ""}${e.staticIds ? C : p(C)}`;
-    return (r, t) => (c(), S(h(i.as), {
+    })), g = (r) => {
+      const t = {}, v = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (s, o) => {
+        const a = `${v}-${o}`;
+        return t[o] = a, `id="${a}"`;
+      }).replace(/#([^\s^")]+)/g, (s, o) => t[o] ? `#${t[o]}` : s);
+    }, p = {
+      "<": "&lt;",
+      ">": "&gt;",
+      '"': "&quot;",
+      "'": "&#39;",
+      "&": "&amp;"
+    }, f = (r) => r.replace(/[<>"'&]/g, (t) => p[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${f(e.title)}</title>` : ""}${e.staticIds ? u : g(u)}`;
+    return (r, t) => (d(), h(y(i.as), {
       "aria-hidden": i.decorative ? "true" : void 0,
       class: "kui-icon google-cloud-icon",
       "data-testid": "kui-icon-wrapper-google-cloud-icon",
-      style: y(g.value),
+      style: b(C.value),
       tabindex: i.decorative ? "-1" : void 0
     }, {
-      default: b(() => [
-        (c(), x("svg", {
+      default: x(() => [
+        (d(), z("svg", {
           "aria-hidden": i.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-google-cloud-icon",
           fill: "none",
@@ -116,13 +113,13 @@ const z = ["aria-hidden"], C = `<path d="M14.6907 8.5684H15.3007L17.0392 6.77648
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
           innerHTML: m
-        }, null, 8, z))
+        }, null, 8, L))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  I as default
+  $ as default
 };
 //# sourceMappingURL=kong-icons.es500.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es500.js","sources":["../src/components/multi-color/GoogleCloudIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * GoogleCloudIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 09 Dec 2024 14:05:24 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } 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  /**\n   * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to `true` during snapshot testing.\n   * Defaults to `false`.\n   */\n  staticIds: {\n    type: Boolean,\n    default: false,\n  },\n})\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 | undefined> => ({\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  pointerEvents: props.decorative ? 'none' : undefined,\n}))\n\n/**\n * Prefix all SVG IDs in the given SVG string with a random prefix to ensure uniqueness.\n *\n * This function performs the following steps:\n * 1. Generates a random prefix.\n * 2. Replaces all `id` attributes in the SVG string with the new prefixed IDs.\n * 3. Updates all ID references (e.g., `url(#id)`, `href=\"#id\"`, etc.) to use the new prefixed IDs.\n *\n * @param {string} svgString - The SVG string in which to prefix IDs.\n * @returns {string} - The SVG string with prefixed IDs.\n */\nconst prefixSvgIdsInString = (svgString: string): string => {\n  const idMap: Record<string, string> = {}\n  const randomPrefix = Math.random().toString(36).substring(2, 12)\n\n  // Replace IDs in the SVG string\n  const updatedSvgString = svgString.replace(/id=\"([^\"]+)\"/g, (match, originalId) => {\n    const newId = `${randomPrefix}-${originalId}`\n    idMap[originalId] = newId\n    return `id=\"${newId}\"`\n  })\n\n  // Replace ID references (e.g., url(#id), href=\"#id\", etc.)\n  const processedSvgString = updatedSvgString.replace(/#([^\\s^\")]+)/g, (match, originalId) => idMap[originalId] ? `#${idMap[originalId]}` : match)\n\n  // Return the processed SVG string\n  return processedSvgString\n}\n\nconst escapeHtml = (str: string) => {\n  const htmlEntities: { [key: string]: string } = {\n    '<': '&lt;',\n    '>': '&gt;',\n    '\"': '&quot;',\n    \"'\": '&#039;',\n    '`': '&#039;',\n  }\n\n  return str.replace(/[<>\"'`]/g, (match) => htmlEntities[match])\n}\n\n// The `svgOriginalContent` template string will be replaced with the SVG innerHTML in the generate script.\n\nconst svgOriginalContent = `<path d=\"M14.6907 8.5684H15.3007L17.0392 6.77648L17.1246 6.0157C16.1287 5.10965 14.9251 4.48026 13.6276 4.18696C12.33 3.89366 10.9813 3.94615 9.70894 4.33947C8.43655 4.73279 7.28244 5.45395 6.35563 6.43483C5.42883 7.41571 4.75992 8.62392 4.41211 9.94534C4.60579 9.86352 4.82033 9.85025 5.02212 9.90762L8.49915 9.3166C8.49915 9.3166 8.67605 9.0148 8.76755 9.03367C9.51257 8.19031 10.5422 7.67237 11.6456 7.58588C12.749 7.49938 13.8427 7.85088 14.7029 8.5684H14.6907Z\" fill=\"#EA4335\"/>\n<path d=\"M19.5162 9.94508C19.1166 8.42833 18.2962 7.06478 17.1555 6.02173L14.7155 8.5367C15.224 8.96498 15.6315 9.50669 15.9073 10.121C16.1831 10.7352 16.32 11.4061 16.3076 12.0828V12.5292C16.5928 12.5292 16.8752 12.5871 17.1386 12.6996C17.4021 12.8121 17.6415 12.977 17.8432 13.1848C18.0448 13.3927 18.2048 13.6394 18.3139 13.911C18.423 14.1825 18.4792 14.4736 18.4792 14.7675C18.4792 15.0615 18.423 15.3525 18.3139 15.6241C18.2048 15.8957 18.0448 16.1424 17.8432 16.3503C17.6415 16.5581 17.4021 16.723 17.1386 16.8355C16.8752 16.948 16.5928 17.0059 16.3076 17.0059H11.9644L11.5312 17.4586V20.1433L11.9644 20.5897H16.3076C17.5204 20.5994 18.7041 20.2065 19.6835 19.4691C20.6629 18.7317 21.386 17.689 21.7459 16.4952C22.1057 15.3013 22.0832 14.0198 21.6817 12.8402C21.2801 11.6606 20.5209 10.6455 19.5162 9.94508Z\" fill=\"#4285F4\"/>\n<path d=\"M7.61501 20.5646H11.9583V16.9807H7.61501C7.30557 16.9807 6.99977 16.9121 6.7183 16.7795L6.1083 16.9745L4.35758 18.7664L4.20508 19.3951C5.18684 20.1592 6.3848 20.5701 7.61501 20.5646Z\" fill=\"#34A853\"/>\n<path d=\"M7.61491 8.93912C6.4381 8.94637 5.29287 9.33228 4.33918 10.0429C3.38548 10.7536 2.67095 11.7536 2.29538 12.9031C1.91981 14.0527 1.90195 15.2944 2.24431 16.4549C2.58667 17.6154 3.27214 18.6368 4.20498 19.3763L6.7243 16.7795C6.40415 16.6305 6.12387 16.4035 5.90751 16.1183C5.69114 15.833 5.54516 15.4978 5.48208 15.1416C5.41901 14.7854 5.44072 14.4187 5.54536 14.0731C5.64999 13.7274 5.83443 13.4131 6.08285 13.157C6.33126 12.901 6.63624 12.7109 6.97161 12.603C7.30697 12.4952 7.66272 12.4728 8.00832 12.5378C8.35393 12.6028 8.67907 12.7533 8.95585 12.9763C9.23263 13.1993 9.45279 13.4882 9.59743 13.8182L12.1168 11.2215C11.588 10.5089 10.9064 9.93216 10.1255 9.53622C9.34449 9.14029 8.48524 8.93593 7.61491 8.93912Z\" fill=\"#FBBC05\"/>`\nconst svgTitleContent = props.title ? `<title data-testid=\"kui-icon-svg-title\">${escapeHtml(props.title)}</title>` : ''\nconst svgProcessedContent = `${svgTitleContent}${!props.staticIds ? prefixSvgIdsInString(svgOriginalContent) : svgOriginalContent}`\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon google-cloud-icon\"\n    data-testid=\"kui-icon-wrapper-google-cloud-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-google-cloud-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      v-html=\"svgProcessedContent\"\n    />\n  </component>\n</template>\n\n<style>\n/**\n * !Important: Do not add styles into this component file.\n *\n * We are adding styles inline to avoid additional stylesheet imports in the consuming application/component.\n */\n</style>\n"],"names":["svgOriginalContent","props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIdsInString","svgString","idMap","randomPrefix","match","originalId","newId","escapeHtml","str","htmlEntities","svgProcessedContent"],"mappings":";;2BA0JMA,IAAqB;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA7I3B,UAAMC,IAAQC,GAgERC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,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,OAA2C;AAAA,MAC5E,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,MAChB,eAAeF,EAAM,aAAa,SAAS;AAAA,IAC3C,EAAA,GAaIQ,IAAuB,CAACC,MAA8B;AAC1D,YAAMC,IAAgC,CAAA,GAChCC,IAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE;AAaxD,aAVkBF,EAAU,QAAQ,iBAAiB,CAACG,GAAOC,MAAe;AACjF,cAAMC,IAAQ,GAAGH,CAAY,IAAIE,CAAU;AAC3C,eAAAH,EAAMG,CAAU,IAAIC,GACb,OAAOA,CAAK;AAAA,MAAA,CACpB,EAG2C,QAAQ,iBAAiB,CAACF,GAAOC,MAAeH,EAAMG,CAAU,IAAI,IAAIH,EAAMG,CAAU,CAAC,KAAKD,CAAK;AAAA,IAGxI,GAGHG,IAAa,CAACC,MAAgB;AAClC,YAAMC,IAA0C;AAAA,QAC9C,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,MAAA;AAGP,aAAOD,EAAI,QAAQ,YAAY,CAACJ,MAAUK,EAAaL,CAAK,CAAC;AAAA,IAAA,GAUzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2Ce,EAAWf,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es500.js","sources":["../src/components/multi-color/GoogleCloudIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * GoogleCloudIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 09 Dec 2024 14:01:53 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } 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  /**\n   * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to `true` during snapshot testing.\n   * Defaults to `false`.\n   */\n  staticIds: {\n    type: Boolean,\n    default: false,\n  },\n})\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 | undefined> => ({\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  pointerEvents: props.decorative ? 'none' : undefined,\n}))\n\n/**\n * Prefix all SVG IDs in the given SVG string with a random prefix to ensure uniqueness.\n *\n * This function performs the following steps:\n * 1. Generates a random prefix.\n * 2. Replaces all `id` attributes in the SVG string with the new prefixed IDs.\n * 3. Updates all ID references (e.g., `url(#id)`, `href=\"#id\"`, etc.) to use the new prefixed IDs.\n *\n * @param {string} svgString - The SVG string in which to prefix IDs.\n * @returns {string} - The SVG string with prefixed IDs.\n */\nconst prefixSvgIdsInString = (svgString: string): string => {\n  const idMap: Record<string, string> = {}\n  const randomPrefix = Math.random().toString(36).substring(2, 12)\n\n  // Replace IDs in the SVG string\n  const updatedSvgString = svgString.replace(/id=\"([^\"]+)\"/g, (match, originalId) => {\n    const newId = `${randomPrefix}-${originalId}`\n    idMap[originalId] = newId\n    return `id=\"${newId}\"`\n  })\n\n  // Replace ID references (e.g., url(#id), href=\"#id\", etc.)\n  const processedSvgString = updatedSvgString.replace(/#([^\\s^\")]+)/g, (match, originalId) => idMap[originalId] ? `#${idMap[originalId]}` : match)\n\n  // Return the processed SVG string\n  return processedSvgString\n}\n\nconst htmlEntities: { [key: string]: string } = {\n  '<': '&lt;',\n  '>': '&gt;',\n  '\"': '&quot;',\n  \"'\": '&#39;',\n  '&': '&amp;',\n}\nconst escapeHtml = (str: string) => {\n  return str.replace(/[<>\"'&]/g, (match) => htmlEntities[match])\n}\n\n// The `svgOriginalContent` template string will be replaced with the SVG innerHTML in the generate script.\n\nconst svgOriginalContent = `<path d=\"M14.6907 8.5684H15.3007L17.0392 6.77648L17.1246 6.0157C16.1287 5.10965 14.9251 4.48026 13.6276 4.18696C12.33 3.89366 10.9813 3.94615 9.70894 4.33947C8.43655 4.73279 7.28244 5.45395 6.35563 6.43483C5.42883 7.41571 4.75992 8.62392 4.41211 9.94534C4.60579 9.86352 4.82033 9.85025 5.02212 9.90762L8.49915 9.3166C8.49915 9.3166 8.67605 9.0148 8.76755 9.03367C9.51257 8.19031 10.5422 7.67237 11.6456 7.58588C12.749 7.49938 13.8427 7.85088 14.7029 8.5684H14.6907Z\" fill=\"#EA4335\"/>\n<path d=\"M19.5162 9.94508C19.1166 8.42833 18.2962 7.06478 17.1555 6.02173L14.7155 8.5367C15.224 8.96498 15.6315 9.50669 15.9073 10.121C16.1831 10.7352 16.32 11.4061 16.3076 12.0828V12.5292C16.5928 12.5292 16.8752 12.5871 17.1386 12.6996C17.4021 12.8121 17.6415 12.977 17.8432 13.1848C18.0448 13.3927 18.2048 13.6394 18.3139 13.911C18.423 14.1825 18.4792 14.4736 18.4792 14.7675C18.4792 15.0615 18.423 15.3525 18.3139 15.6241C18.2048 15.8957 18.0448 16.1424 17.8432 16.3503C17.6415 16.5581 17.4021 16.723 17.1386 16.8355C16.8752 16.948 16.5928 17.0059 16.3076 17.0059H11.9644L11.5312 17.4586V20.1433L11.9644 20.5897H16.3076C17.5204 20.5994 18.7041 20.2065 19.6835 19.4691C20.6629 18.7317 21.386 17.689 21.7459 16.4952C22.1057 15.3013 22.0832 14.0198 21.6817 12.8402C21.2801 11.6606 20.5209 10.6455 19.5162 9.94508Z\" fill=\"#4285F4\"/>\n<path d=\"M7.61501 20.5646H11.9583V16.9807H7.61501C7.30557 16.9807 6.99977 16.9121 6.7183 16.7795L6.1083 16.9745L4.35758 18.7664L4.20508 19.3951C5.18684 20.1592 6.3848 20.5701 7.61501 20.5646Z\" fill=\"#34A853\"/>\n<path d=\"M7.61491 8.93912C6.4381 8.94637 5.29287 9.33228 4.33918 10.0429C3.38548 10.7536 2.67095 11.7536 2.29538 12.9031C1.91981 14.0527 1.90195 15.2944 2.24431 16.4549C2.58667 17.6154 3.27214 18.6368 4.20498 19.3763L6.7243 16.7795C6.40415 16.6305 6.12387 16.4035 5.90751 16.1183C5.69114 15.833 5.54516 15.4978 5.48208 15.1416C5.41901 14.7854 5.44072 14.4187 5.54536 14.0731C5.64999 13.7274 5.83443 13.4131 6.08285 13.157C6.33126 12.901 6.63624 12.7109 6.97161 12.603C7.30697 12.4952 7.66272 12.4728 8.00832 12.5378C8.35393 12.6028 8.67907 12.7533 8.95585 12.9763C9.23263 13.1993 9.45279 13.4882 9.59743 13.8182L12.1168 11.2215C11.588 10.5089 10.9064 9.93216 10.1255 9.53622C9.34449 9.14029 8.48524 8.93593 7.61491 8.93912Z\" fill=\"#FBBC05\"/>`\nconst svgTitleContent = props.title ? `<title data-testid=\"kui-icon-svg-title\">${escapeHtml(props.title)}</title>` : ''\nconst svgProcessedContent = `${svgTitleContent}${!props.staticIds ? prefixSvgIdsInString(svgOriginalContent) : svgOriginalContent}`\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon google-cloud-icon\"\n    data-testid=\"kui-icon-wrapper-google-cloud-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-google-cloud-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      v-html=\"svgProcessedContent\"\n    />\n  </component>\n</template>\n\n<style>\n/**\n * !Important: Do not add styles into this component file.\n *\n * We are adding styles inline to avoid additional stylesheet imports in the consuming application/component.\n */\n</style>\n"],"names":["svgOriginalContent","props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIdsInString","svgString","idMap","randomPrefix","match","originalId","newId","htmlEntities","escapeHtml","str","svgProcessedContent"],"mappings":";;2BAyJMA,IAAqB;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA5I3B,UAAMC,IAAQC,GAgERC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,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,OAA2C;AAAA,MAC5E,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,MAChB,eAAeF,EAAM,aAAa,SAAS;AAAA,IAC3C,EAAA,GAaIQ,IAAuB,CAACC,MAA8B;AAC1D,YAAMC,IAAgC,CAAA,GAChCC,IAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE;AAaxD,aAVkBF,EAAU,QAAQ,iBAAiB,CAACG,GAAOC,MAAe;AACjF,cAAMC,IAAQ,GAAGH,CAAY,IAAIE,CAAU;AAC3C,eAAAH,EAAMG,CAAU,IAAIC,GACb,OAAOA,CAAK;AAAA,MAAA,CACpB,EAG2C,QAAQ,iBAAiB,CAACF,GAAOC,MAAeH,EAAMG,CAAU,IAAI,IAAIH,EAAMG,CAAU,CAAC,KAAKD,CAAK;AAAA,IAGxI,GAGHG,IAA0C;AAAA,MAC9C,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IAAA,GAEDC,IAAa,CAACC,MACXA,EAAI,QAAQ,YAAY,CAACL,MAAUG,EAAaH,CAAK,CAAC,GAUzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es502.js

@@ -1,9 +1,9 @@
-import { defineComponent as S, computed as a, openBlock as c, createBlock as C, resolveDynamicComponent as h, normalizeStyle as y, withCtx as b, createElementBlock as x } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kong-icons.es1232.js";
-const z = ["aria-hidden"], g = `<path fill-rule="evenodd" clip-rule="evenodd" d="M21.2379 12.2828C21.2379 11.5966 21.1763 10.9368 21.062 10.3034H11.9482V14.0466H17.1561C16.9318 15.2562 16.25 16.281 15.2251 16.9672V19.3952H18.3525C20.1823 17.7106 21.2379 15.2298 21.2379 12.2828Z" fill="#4285F4"/>
+import { defineComponent as C, computed as s, openBlock as a, createBlock as h, resolveDynamicComponent as y, normalizeStyle as b, withCtx as x, createElementBlock as z } from "vue";
+import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1232.js";
+const N = ["aria-hidden"], u = `<path fill-rule="evenodd" clip-rule="evenodd" d="M21.2379 12.2828C21.2379 11.5966 21.1763 10.9368 21.062 10.3034H11.9482V14.0466H17.1561C16.9318 15.2562 16.25 16.281 15.2251 16.9672V19.3952H18.3525C20.1823 17.7106 21.2379 15.2298 21.2379 12.2828Z" fill="#4285F4"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M11.9483 21.7397C14.561 21.7397 16.7515 20.8731 18.3525 19.3952L15.2252 16.9673C14.3587 17.5478 13.2503 17.891 11.9483 17.891C9.42791 17.891 7.29463 16.1887 6.53369 13.9015H3.30078V16.4086C4.89305 19.5712 8.16556 21.7397 11.9483 21.7397Z" fill="#34A853"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M6.53366 13.9014C6.34013 13.3208 6.23016 12.7006 6.23016 12.0628C6.23016 11.4251 6.34013 10.8048 6.53366 10.2243V7.7171H3.30074C2.64536 9.02346 2.27148 10.5014 2.27148 12.0628C2.27148 13.6243 2.64536 15.1022 3.30074 16.4086L6.53366 13.9014Z" fill="#FBBC05"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9483 6.23476C13.369 6.23476 14.6446 6.723 15.6475 7.68189L18.4229 4.90641C16.7471 3.34493 14.5566 2.38605 11.9483 2.38605C8.16556 2.38605 4.89305 4.55452 3.30078 7.71705L6.53369 10.2242C7.29463 7.937 9.42791 6.23476 11.9483 6.23476Z" fill="#EA4335"/>`, B = /* @__PURE__ */ S({
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9483 6.23476C13.369 6.23476 14.6446 6.723 15.6475 7.68189L18.4229 4.90641C16.7471 3.34493 14.5566 2.38605 11.9483 2.38605C8.16556 2.38605 4.89305 4.55452 3.30078 7.71705L6.53369 10.2242C7.29463 7.937 9.42791 6.23476 11.9483 6.23476Z" fill="#EA4335"/>`, H = /* @__PURE__ */ C({
   __name: "GoogleIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -34,7 +34,7 @@ const z = ["aria-hidden"], g = `<path fill-rule="evenodd" clip-rule="evenodd" d=
     size: {
       type: [Number, String],
       required: !1,
-      default: u,
+      default: c,
       // if setting to the imported const fails, just pass a number of 24 as the default.
       validator: (i) => {
         if (typeof i == "number" && i > 0)
@@ -64,7 +64,7 @@ const z = ["aria-hidden"], g = `<path fill-rule="evenodd" clip-rule="evenodd" d=
     }
   },
   setup(i) {
-    const e = i, n = a(() => {
+    const e = i, n = s(() => {
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
@@ -72,8 +72,8 @@ const z = ["aria-hidden"], g = `<path fill-rule="evenodd" clip-rule="evenodd" d=
         if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
           return `${t}px`;
       }
-      return u;
-    }), p = a(() => ({
+      return c;
+    }), g = s(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
@@ -82,31 +82,28 @@ const z = ["aria-hidden"], g = `<path fill-rule="evenodd" clip-rule="evenodd" d=
       lineHeight: "0",
       width: n.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), f = (r) => {
-      const t = {}, l = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (d, o) => {
-        const s = `${l}-${o}`;
-        return t[o] = s, `id="${s}"`;
-      }).replace(/#([^\s^")]+)/g, (d, o) => t[o] ? `#${t[o]}` : d);
-    }, v = (r) => {
-      const t = {
-        "<": "&lt;",
-        ">": "&gt;",
-        '"': "&quot;",
-        "'": "&#039;",
-        "`": "&#039;"
-      };
-      return r.replace(/[<>"'`]/g, (l) => t[l]);
-    }, m = `${e.title ? `<title data-testid="kui-icon-svg-title">${v(e.title)}</title>` : ""}${e.staticIds ? g : f(g)}`;
-    return (r, t) => (c(), C(h(i.as), {
+    })), p = (r) => {
+      const t = {}, S = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (l, o) => {
+        const d = `${S}-${o}`;
+        return t[o] = d, `id="${d}"`;
+      }).replace(/#([^\s^")]+)/g, (l, o) => t[o] ? `#${t[o]}` : l);
+    }, f = {
+      "<": "&lt;",
+      ">": "&gt;",
+      '"': "&quot;",
+      "'": "&#39;",
+      "&": "&amp;"
+    }, v = (r) => r.replace(/[<>"'&]/g, (t) => f[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${v(e.title)}</title>` : ""}${e.staticIds ? u : p(u)}`;
+    return (r, t) => (a(), h(y(i.as), {
       "aria-hidden": i.decorative ? "true" : void 0,
       class: "kui-icon google-icon",
       "data-testid": "kui-icon-wrapper-google-icon",
-      style: y(p.value),
+      style: b(g.value),
       tabindex: i.decorative ? "-1" : void 0
     }, {
-      default: b(() => [
-        (c(), x("svg", {
+      default: x(() => [
+        (a(), z("svg", {
           "aria-hidden": i.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-google-icon",
           fill: "none",
@@ -116,13 +113,13 @@ const z = ["aria-hidden"], g = `<path fill-rule="evenodd" clip-rule="evenodd" d=
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
           innerHTML: m
-        }, null, 8, z))
+        }, null, 8, N))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  B as default
+  H as default
 };
 //# sourceMappingURL=kong-icons.es502.js.map