@kong/icons 1.18.1 → 1.18.2-pr.429.21d05d1.0

package/dist/kong-icons.es506.js

@@ -1,4 +1,4 @@
-import { defineComponent as m, computed as s, openBlock as d, createBlock as S, resolveDynamicComponent as v, normalizeStyle as y, withCtx as x, createElementBlock as M } from "vue";
+import { defineComponent as m, computed as s, openBlock as d, createBlock as v, resolveDynamicComponent as S, normalizeStyle as y, withCtx as x, createElementBlock as M } from "vue";
 import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1223.js";
 const b = ["aria-hidden"], u = `<path d="M9.53693 7.07369L9.60009 8.52632L8.58956 10.4211L7.01061 13.5158L6.69482 16.1053L7.83167 19.7684L10.4211 21.2211H14.3369L18.0001 18.4421L19.6422 14.0842L15.8527 9.47369L14.779 6.88422L9.53693 7.07369Z" fill="#ECEFF1"/>
 <path d="M18.5051 10.6737C17.4946 9.22111 16.6735 8.3369 16.2314 6.50532C15.7893 4.67374 16.3577 5.179 15.9788 3.60005C15.7893 2.779 15.4735 2.21058 15.1577 1.76848C14.7788 1.32637 14.3367 1.07374 14.0841 1.01058C13.5156 0.694792 12.1893 0.189528 10.5472 1.07374C8.84195 1.95795 9.03143 3.85269 9.34722 7.70532C9.34722 7.95795 9.28406 8.27374 9.15774 8.52637C8.90511 9.09479 8.46301 9.60005 8.08406 10.0422C7.64195 10.6737 7.19985 11.3053 6.88406 12.0001C6.12616 13.4527 5.43143 15.2843 5.6209 15.979C5.93669 15.9158 9.91564 21.979 9.91564 22.1053C10.1683 22.0422 11.242 22.0422 12.1893 22.0422C13.5156 21.979 14.2735 21.9158 15.3472 22.1685C15.3472 21.979 15.2841 21.7895 15.2841 21.6001C15.2841 21.2211 15.3472 20.9053 15.4104 20.4632C15.4735 20.1474 15.5367 19.8316 15.5998 19.4527C14.9683 20.0211 13.8314 20.6527 12.7577 20.8422C11.8104 21.0316 10.2314 20.7158 9.47353 19.7685C9.53669 19.7685 9.66301 19.7685 9.72616 19.7053C9.91564 19.6422 10.1051 19.579 10.1683 19.4527C10.3577 19.1369 10.2314 18.8211 10.1051 18.6316C9.9788 18.4422 9.03143 17.7474 8.58932 17.3685C8.14722 16.9895 7.89458 16.8001 7.64195 16.5474C7.64195 16.5474 7.26301 16.1685 7.13669 16.0422C7.01037 15.9158 6.94722 15.7895 6.88406 15.7264C6.75774 15.4106 6.69458 15.0316 6.75774 14.5264C6.8209 13.8316 7.07353 13.2632 7.38932 12.6316C7.51564 12.379 7.83143 11.8737 7.83143 11.8737C7.83143 11.8737 6.75774 14.5264 7.32616 15.3474C7.32616 15.3474 7.38932 14.5264 7.64195 13.7053C7.83143 13.1369 8.14722 12.3158 8.52616 11.8737C8.90511 11.4316 9.85248 9.78953 9.91564 8.779C9.91564 8.3369 9.97879 7.89479 9.97879 7.579C9.72616 7.32637 14.1472 6.69479 14.3998 7.38953C14.463 7.64216 15.3472 9.91584 15.8525 11.1158C16.1051 11.6843 16.4209 12.1895 16.6104 12.8211C16.7998 13.5158 16.9262 14.4632 16.9262 15.4106C16.9262 15.6001 16.9262 15.9158 16.863 16.2316C16.9893 16.2316 19.4525 13.579 16.5472 11.3685C16.5472 11.3685 18.3156 12.1895 18.3788 13.8316C18.442 15.158 17.8735 16.2316 17.7472 16.4211C17.8104 16.4211 19.0735 16.9895 19.1367 16.9895C19.3893 16.9895 19.8946 16.8001 19.8946 16.8001C19.9577 16.6106 20.1472 16.1053 20.1472 15.9158C20.5893 14.4632 19.5156 12.1264 18.5051 10.6737Z" fill="#263238"/>
@@ -12,7 +12,7 @@ const b = ["aria-hidden"], u = `<path d="M9.53693 7.07369L9.60009 8.52632L8.5895
 <path d="M10.0421 7.57894C10.1685 7.70526 10.3579 7.83157 10.5474 7.89473C10.6737 7.95789 10.8632 8.02105 10.8632 8.02105C11.1158 8.02105 11.3053 8.02105 11.4316 8.02105C11.7474 8.02105 12.1895 7.89473 12.6316 7.6421C13.0737 7.45262 13.1369 7.32631 13.4527 7.19999C13.7685 7.01052 14.0842 6.82105 13.9579 6.75789C13.8316 6.69473 13.7053 6.75789 13.2632 7.01052C12.8842 7.26315 12.5685 7.38947 12.1895 7.57894C12 7.6421 11.7474 7.76841 11.5579 7.76841C11.3685 7.76841 11.179 7.76841 10.9895 7.76841C10.8 7.76841 10.6737 7.70526 10.4842 7.6421C10.3579 7.57894 10.2948 7.51578 10.2316 7.51578C10.1053 7.45262 9.85267 7.19999 9.72635 7.13683C9.72635 7.13683 9.60003 7.13683 9.66319 7.19999C9.85267 7.38947 9.91582 7.45262 10.0421 7.57894Z" fill="#634703"/>
 <path d="M11.937 6.1895C12.0002 6.31581 12.1265 6.31581 12.1896 6.37897C12.2528 6.44213 12.316 6.44213 12.316 6.44213C12.3791 6.37897 12.316 6.25265 12.2528 6.25265C12.2528 6.12634 11.937 6.12634 11.937 6.1895Z" fill="#634703"/>
 <path d="M10.9263 6.31575C10.9263 6.37891 11.0526 6.44207 11.0526 6.37891C11.1157 6.31576 11.1789 6.2526 11.2421 6.2526C11.3684 6.18944 11.3052 6.12628 11.1157 6.12628C10.9894 6.18944 10.9894 6.2526 10.9263 6.31575Z" fill="#634703"/>
-<path d="M17.0529 17.4948C17.0529 17.5579 17.0529 17.6211 17.0529 17.6842C17.1792 17.9369 17.495 18 17.7477 18C18.1266 18 18.5056 17.7474 18.695 17.4948C18.695 17.4316 18.7582 17.3684 18.8213 17.3053C18.9477 17.1158 19.0108 16.9895 19.074 16.9263C19.074 16.9263 19.0108 16.8632 19.0108 16.8C18.9477 16.6737 18.7582 16.5474 18.5056 16.4842C18.3161 16.4211 18.0003 16.3579 17.874 16.3579C17.3056 16.2948 16.9898 16.4842 16.8003 16.6737C16.8003 16.6737 16.8635 16.6737 16.8635 16.7369C16.9898 16.8632 17.0529 16.9895 17.0529 17.179C17.1161 17.3053 17.0529 17.3684 17.0529 17.4948Z" fill="#455A64"/>`, w = /* @__PURE__ */ m({
+<path d="M17.0529 17.4948C17.0529 17.5579 17.0529 17.6211 17.0529 17.6842C17.1792 17.9369 17.495 18 17.7477 18C18.1266 18 18.5056 17.7474 18.695 17.4948C18.695 17.4316 18.7582 17.3684 18.8213 17.3053C18.9477 17.1158 19.0108 16.9895 19.074 16.9263C19.074 16.9263 19.0108 16.8632 19.0108 16.8C18.9477 16.6737 18.7582 16.5474 18.5056 16.4842C18.3161 16.4211 18.0003 16.3579 17.874 16.3579C17.3056 16.2948 16.9898 16.4842 16.8003 16.6737C16.8003 16.6737 16.8635 16.6737 16.8635 16.7369C16.9898 16.8632 17.0529 16.9895 17.0529 17.179C17.1161 17.3053 17.0529 17.3684 17.0529 17.4948Z" fill="#455A64"/>`, E = /* @__PURE__ */ m({
   __name: "LinuxIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -89,13 +89,14 @@ const b = ["aria-hidden"], u = `<path d="M9.53693 7.07369L9.60009 8.52632L8.5895
       flexShrink: "0",
       height: i.value,
       lineHeight: "0",
-      width: i.value
+      width: i.value,
+      pointerEvents: e.decorative ? "none" : "all"
     })), f = (n) => {
       const t = {}, l = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (a, r) => {
-        const o = `${l}-${r}`;
-        return t[r] = o, `id="${o}"`;
-      }).replace(/#([^\s^")]+)/g, (a, r) => t[r] ? `#${t[r]}` : a);
+      return n.replace(/id="([^"]+)"/g, (o, r) => {
+        const a = `${l}-${r}`;
+        return t[r] = a, `id="${a}"`;
+      }).replace(/#([^\s^")]+)/g, (o, r) => t[r] ? `#${t[r]}` : o);
     }, g = (n) => {
       const t = {
         "<": "&lt;",
@@ -106,7 +107,7 @@ const b = ["aria-hidden"], u = `<path d="M9.53693 7.07369L9.60009 8.52632L8.5895
       };
       return n.replace(/[<>"'`]/g, (l) => t[l]);
     }, h = `${e.title ? `<title data-testid="kui-icon-svg-title">${g(e.title)}</title>` : ""}${e.staticIds ? u : f(u)}`;
-    return (n, t) => (d(), S(v(C.as), {
+    return (n, t) => (d(), v(S(C.as), {
       "aria-hidden": C.decorative ? "true" : void 0,
       class: "kui-icon linux-icon",
       "data-testid": "kui-icon-wrapper-linux-icon",
@@ -130,6 +131,6 @@ const b = ["aria-hidden"], u = `<path d="M9.53693 7.07369L9.60009 8.52632L8.5895
   }
 });
 export {
-  w as default
+  E as default
 };
 //# sourceMappingURL=kong-icons.es506.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es506.js","sources":["../src/components/multi-color/LinuxIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * LinuxIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 30 Sep 2024 20:59:37 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> => ({\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 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=\"M9.53693 7.07369L9.60009 8.52632L8.58956 10.4211L7.01061 13.5158L6.69482 16.1053L7.83167 19.7684L10.4211 21.2211H14.3369L18.0001 18.4421L19.6422 14.0842L15.8527 9.47369L14.779 6.88422L9.53693 7.07369Z\" fill=\"#ECEFF1\"/>\n<path d=\"M18.5051 10.6737C17.4946 9.22111 16.6735 8.3369 16.2314 6.50532C15.7893 4.67374 16.3577 5.179 15.9788 3.60005C15.7893 2.779 15.4735 2.21058 15.1577 1.76848C14.7788 1.32637 14.3367 1.07374 14.0841 1.01058C13.5156 0.694792 12.1893 0.189528 10.5472 1.07374C8.84195 1.95795 9.03143 3.85269 9.34722 7.70532C9.34722 7.95795 9.28406 8.27374 9.15774 8.52637C8.90511 9.09479 8.46301 9.60005 8.08406 10.0422C7.64195 10.6737 7.19985 11.3053 6.88406 12.0001C6.12616 13.4527 5.43143 15.2843 5.6209 15.979C5.93669 15.9158 9.91564 21.979 9.91564 22.1053C10.1683 22.0422 11.242 22.0422 12.1893 22.0422C13.5156 21.979 14.2735 21.9158 15.3472 22.1685C15.3472 21.979 15.2841 21.7895 15.2841 21.6001C15.2841 21.2211 15.3472 20.9053 15.4104 20.4632C15.4735 20.1474 15.5367 19.8316 15.5998 19.4527C14.9683 20.0211 13.8314 20.6527 12.7577 20.8422C11.8104 21.0316 10.2314 20.7158 9.47353 19.7685C9.53669 19.7685 9.66301 19.7685 9.72616 19.7053C9.91564 19.6422 10.1051 19.579 10.1683 19.4527C10.3577 19.1369 10.2314 18.8211 10.1051 18.6316C9.9788 18.4422 9.03143 17.7474 8.58932 17.3685C8.14722 16.9895 7.89458 16.8001 7.64195 16.5474C7.64195 16.5474 7.26301 16.1685 7.13669 16.0422C7.01037 15.9158 6.94722 15.7895 6.88406 15.7264C6.75774 15.4106 6.69458 15.0316 6.75774 14.5264C6.8209 13.8316 7.07353 13.2632 7.38932 12.6316C7.51564 12.379 7.83143 11.8737 7.83143 11.8737C7.83143 11.8737 6.75774 14.5264 7.32616 15.3474C7.32616 15.3474 7.38932 14.5264 7.64195 13.7053C7.83143 13.1369 8.14722 12.3158 8.52616 11.8737C8.90511 11.4316 9.85248 9.78953 9.91564 8.779C9.91564 8.3369 9.97879 7.89479 9.97879 7.579C9.72616 7.32637 14.1472 6.69479 14.3998 7.38953C14.463 7.64216 15.3472 9.91584 15.8525 11.1158C16.1051 11.6843 16.4209 12.1895 16.6104 12.8211C16.7998 13.5158 16.9262 14.4632 16.9262 15.4106C16.9262 15.6001 16.9262 15.9158 16.863 16.2316C16.9893 16.2316 19.4525 13.579 16.5472 11.3685C16.5472 11.3685 18.3156 12.1895 18.3788 13.8316C18.442 15.158 17.8735 16.2316 17.7472 16.4211C17.8104 16.4211 19.0735 16.9895 19.1367 16.9895C19.3893 16.9895 19.8946 16.8001 19.8946 16.8001C19.9577 16.6106 20.1472 16.1053 20.1472 15.9158C20.5893 14.4632 19.5156 12.1264 18.5051 10.6737Z\" fill=\"#263238\"/>\n<path d=\"M10.4841 6.50532C10.9376 6.50532 11.3052 5.93978 11.3052 5.24216C11.3052 4.54454 10.9376 3.979 10.4841 3.979C10.0307 3.979 9.66309 4.54454 9.66309 5.24216C9.66309 5.93978 10.0307 6.50532 10.4841 6.50532Z\" fill=\"#ECEFF1\"/>\n<path d=\"M13.3261 6.63158C13.9191 6.63158 14.3998 5.98122 14.3998 5.17895C14.3998 4.37668 13.9191 3.72632 13.3261 3.72632C12.7331 3.72632 12.2524 4.37668 12.2524 5.17895C12.2524 5.98122 12.7331 6.63158 13.3261 6.63158Z\" fill=\"#ECEFF1\"/>\n<path d=\"M10.9428 5.32856C10.8903 4.91329 10.6514 4.60147 10.4092 4.63209C10.1669 4.66271 10.0131 5.02417 10.0656 5.43944C10.1181 5.8547 10.357 6.16652 10.5993 6.13591C10.8415 6.10529 10.9953 5.74382 10.9428 5.32856Z\" fill=\"#212121\"/>\n<path d=\"M13.2629 6.25264C13.6117 6.25264 13.8945 5.88504 13.8945 5.43159C13.8945 4.97813 13.6117 4.61053 13.2629 4.61053C12.9141 4.61053 12.6313 4.97813 12.6313 5.43159C12.6313 5.88504 12.9141 6.25264 13.2629 6.25264Z\" fill=\"#212121\"/>\n<path d=\"M21.663 19.3263C21.4103 19.2 20.9682 19.0106 20.5893 18.4421C20.3998 18.1263 20.463 17.2421 20.1472 16.8632C19.9577 16.6106 19.7051 16.7369 19.6419 16.7369C19.0735 16.8632 17.7472 17.7474 16.863 16.7369C16.7367 16.6106 16.5472 16.4211 16.2314 16.4211C15.9156 16.4211 15.7893 16.5474 15.663 16.8C15.5367 17.0527 15.5367 17.2421 15.5367 17.8737C15.5367 18.379 15.5367 18.9474 15.4735 19.3895C15.3472 20.4632 15.1577 21.0948 15.1577 21.7263C15.1577 22.4211 15.3472 22.8632 15.5998 23.0527C15.7893 23.2421 16.1051 23.3684 16.7998 23.3684C17.4946 23.3684 17.9367 23.1158 18.3788 22.6737C18.6946 22.3579 18.9472 22.2316 19.8314 21.6C20.5261 21.1579 21.5998 20.5895 21.7893 20.4C21.9156 20.2737 22.1051 20.2106 22.1051 19.8316C22.1051 19.5158 21.8525 19.3895 21.663 19.3263Z\" fill=\"#FFC107\"/>\n<path d=\"M8.96865 19.5158C8.33707 18.5052 8.27391 18.3158 7.8318 17.6842C7.45286 17.0526 6.6318 15.8526 6.12654 15.8526C5.74759 15.8526 5.55812 16.0421 5.30549 16.2947C5.05286 16.5473 4.80023 17.1158 4.35812 17.4315C3.97917 17.7473 2.90549 17.6842 2.65286 18.0631C2.40023 18.4421 2.90549 19.0105 2.90549 19.9579C2.90549 20.3368 2.5897 20.5894 2.52654 20.8421C2.46338 21.1579 2.40023 21.3473 2.52654 21.6C2.77917 21.9789 3.09496 22.1052 5.24233 22.5473C6.37917 22.8 7.45286 23.4315 8.14759 23.4947C8.84233 23.5579 10.0423 23.4947 10.0423 21.7894C10.1055 20.7789 9.53707 20.5263 8.96865 19.5158Z\" fill=\"#FFC107\"/>\n<path d=\"M10.1684 8.0842C9.78942 7.83157 9.47363 7.57894 9.47363 7.19999C9.47363 6.82105 9.72626 6.69473 10.1052 6.37894C10.1684 6.31578 10.8631 5.6842 11.5578 5.6842C12.2526 5.6842 13.0736 6.12631 13.3894 6.25262C13.9578 6.37894 14.5263 6.50526 14.4631 6.94736C14.3999 7.57894 14.3368 7.70526 13.7052 8.02105C13.2631 8.14736 12.4421 8.8421 11.8736 8.8421C11.621 8.8421 11.2421 8.8421 10.9894 8.77894C10.7999 8.71578 10.4842 8.39999 10.1684 8.0842Z\" fill=\"#FFC107\"/>\n<path d=\"M10.0421 7.57894C10.1685 7.70526 10.3579 7.83157 10.5474 7.89473C10.6737 7.95789 10.8632 8.02105 10.8632 8.02105C11.1158 8.02105 11.3053 8.02105 11.4316 8.02105C11.7474 8.02105 12.1895 7.89473 12.6316 7.6421C13.0737 7.45262 13.1369 7.32631 13.4527 7.19999C13.7685 7.01052 14.0842 6.82105 13.9579 6.75789C13.8316 6.69473 13.7053 6.75789 13.2632 7.01052C12.8842 7.26315 12.5685 7.38947 12.1895 7.57894C12 7.6421 11.7474 7.76841 11.5579 7.76841C11.3685 7.76841 11.179 7.76841 10.9895 7.76841C10.8 7.76841 10.6737 7.70526 10.4842 7.6421C10.3579 7.57894 10.2948 7.51578 10.2316 7.51578C10.1053 7.45262 9.85267 7.19999 9.72635 7.13683C9.72635 7.13683 9.60003 7.13683 9.66319 7.19999C9.85267 7.38947 9.91582 7.45262 10.0421 7.57894Z\" fill=\"#634703\"/>\n<path d=\"M11.937 6.1895C12.0002 6.31581 12.1265 6.31581 12.1896 6.37897C12.2528 6.44213 12.316 6.44213 12.316 6.44213C12.3791 6.37897 12.316 6.25265 12.2528 6.25265C12.2528 6.12634 11.937 6.12634 11.937 6.1895Z\" fill=\"#634703\"/>\n<path d=\"M10.9263 6.31575C10.9263 6.37891 11.0526 6.44207 11.0526 6.37891C11.1157 6.31576 11.1789 6.2526 11.2421 6.2526C11.3684 6.18944 11.3052 6.12628 11.1157 6.12628C10.9894 6.18944 10.9894 6.2526 10.9263 6.31575Z\" fill=\"#634703\"/>\n<path d=\"M17.0529 17.4948C17.0529 17.5579 17.0529 17.6211 17.0529 17.6842C17.1792 17.9369 17.495 18 17.7477 18C18.1266 18 18.5056 17.7474 18.695 17.4948C18.695 17.4316 18.7582 17.3684 18.8213 17.3053C18.9477 17.1158 19.0108 16.9895 19.074 16.9263C19.074 16.9263 19.0108 16.8632 19.0108 16.8C18.9477 16.6737 18.7582 16.5474 18.5056 16.4842C18.3161 16.4211 18.0003 16.3579 17.874 16.3579C17.3056 16.2948 16.9898 16.4842 16.8003 16.6737C16.8003 16.6737 16.8635 16.6737 16.8635 16.7369C16.9898 16.8632 17.0529 16.9895 17.0529 17.179C17.1161 17.3053 17.0529 17.3684 17.0529 17.4948Z\" fill=\"#455A64\"/>`\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 linux-icon\"\n    data-testid=\"kui-icon-wrapper-linux-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-linux-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":";;2BAyJMA,IAAqB;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,OAA+B;AAAA,MAChE,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,IAChB,EAAA,GAaIM,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,GAmBzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2Ce,EAAWf,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es506.js","sources":["../src/components/multi-color/LinuxIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * LinuxIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Wed, 30 Oct 2024 13:57:09 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> => ({\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' : 'all',\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=\"M9.53693 7.07369L9.60009 8.52632L8.58956 10.4211L7.01061 13.5158L6.69482 16.1053L7.83167 19.7684L10.4211 21.2211H14.3369L18.0001 18.4421L19.6422 14.0842L15.8527 9.47369L14.779 6.88422L9.53693 7.07369Z\" fill=\"#ECEFF1\"/>\n<path d=\"M18.5051 10.6737C17.4946 9.22111 16.6735 8.3369 16.2314 6.50532C15.7893 4.67374 16.3577 5.179 15.9788 3.60005C15.7893 2.779 15.4735 2.21058 15.1577 1.76848C14.7788 1.32637 14.3367 1.07374 14.0841 1.01058C13.5156 0.694792 12.1893 0.189528 10.5472 1.07374C8.84195 1.95795 9.03143 3.85269 9.34722 7.70532C9.34722 7.95795 9.28406 8.27374 9.15774 8.52637C8.90511 9.09479 8.46301 9.60005 8.08406 10.0422C7.64195 10.6737 7.19985 11.3053 6.88406 12.0001C6.12616 13.4527 5.43143 15.2843 5.6209 15.979C5.93669 15.9158 9.91564 21.979 9.91564 22.1053C10.1683 22.0422 11.242 22.0422 12.1893 22.0422C13.5156 21.979 14.2735 21.9158 15.3472 22.1685C15.3472 21.979 15.2841 21.7895 15.2841 21.6001C15.2841 21.2211 15.3472 20.9053 15.4104 20.4632C15.4735 20.1474 15.5367 19.8316 15.5998 19.4527C14.9683 20.0211 13.8314 20.6527 12.7577 20.8422C11.8104 21.0316 10.2314 20.7158 9.47353 19.7685C9.53669 19.7685 9.66301 19.7685 9.72616 19.7053C9.91564 19.6422 10.1051 19.579 10.1683 19.4527C10.3577 19.1369 10.2314 18.8211 10.1051 18.6316C9.9788 18.4422 9.03143 17.7474 8.58932 17.3685C8.14722 16.9895 7.89458 16.8001 7.64195 16.5474C7.64195 16.5474 7.26301 16.1685 7.13669 16.0422C7.01037 15.9158 6.94722 15.7895 6.88406 15.7264C6.75774 15.4106 6.69458 15.0316 6.75774 14.5264C6.8209 13.8316 7.07353 13.2632 7.38932 12.6316C7.51564 12.379 7.83143 11.8737 7.83143 11.8737C7.83143 11.8737 6.75774 14.5264 7.32616 15.3474C7.32616 15.3474 7.38932 14.5264 7.64195 13.7053C7.83143 13.1369 8.14722 12.3158 8.52616 11.8737C8.90511 11.4316 9.85248 9.78953 9.91564 8.779C9.91564 8.3369 9.97879 7.89479 9.97879 7.579C9.72616 7.32637 14.1472 6.69479 14.3998 7.38953C14.463 7.64216 15.3472 9.91584 15.8525 11.1158C16.1051 11.6843 16.4209 12.1895 16.6104 12.8211C16.7998 13.5158 16.9262 14.4632 16.9262 15.4106C16.9262 15.6001 16.9262 15.9158 16.863 16.2316C16.9893 16.2316 19.4525 13.579 16.5472 11.3685C16.5472 11.3685 18.3156 12.1895 18.3788 13.8316C18.442 15.158 17.8735 16.2316 17.7472 16.4211C17.8104 16.4211 19.0735 16.9895 19.1367 16.9895C19.3893 16.9895 19.8946 16.8001 19.8946 16.8001C19.9577 16.6106 20.1472 16.1053 20.1472 15.9158C20.5893 14.4632 19.5156 12.1264 18.5051 10.6737Z\" fill=\"#263238\"/>\n<path d=\"M10.4841 6.50532C10.9376 6.50532 11.3052 5.93978 11.3052 5.24216C11.3052 4.54454 10.9376 3.979 10.4841 3.979C10.0307 3.979 9.66309 4.54454 9.66309 5.24216C9.66309 5.93978 10.0307 6.50532 10.4841 6.50532Z\" fill=\"#ECEFF1\"/>\n<path d=\"M13.3261 6.63158C13.9191 6.63158 14.3998 5.98122 14.3998 5.17895C14.3998 4.37668 13.9191 3.72632 13.3261 3.72632C12.7331 3.72632 12.2524 4.37668 12.2524 5.17895C12.2524 5.98122 12.7331 6.63158 13.3261 6.63158Z\" fill=\"#ECEFF1\"/>\n<path d=\"M10.9428 5.32856C10.8903 4.91329 10.6514 4.60147 10.4092 4.63209C10.1669 4.66271 10.0131 5.02417 10.0656 5.43944C10.1181 5.8547 10.357 6.16652 10.5993 6.13591C10.8415 6.10529 10.9953 5.74382 10.9428 5.32856Z\" fill=\"#212121\"/>\n<path d=\"M13.2629 6.25264C13.6117 6.25264 13.8945 5.88504 13.8945 5.43159C13.8945 4.97813 13.6117 4.61053 13.2629 4.61053C12.9141 4.61053 12.6313 4.97813 12.6313 5.43159C12.6313 5.88504 12.9141 6.25264 13.2629 6.25264Z\" fill=\"#212121\"/>\n<path d=\"M21.663 19.3263C21.4103 19.2 20.9682 19.0106 20.5893 18.4421C20.3998 18.1263 20.463 17.2421 20.1472 16.8632C19.9577 16.6106 19.7051 16.7369 19.6419 16.7369C19.0735 16.8632 17.7472 17.7474 16.863 16.7369C16.7367 16.6106 16.5472 16.4211 16.2314 16.4211C15.9156 16.4211 15.7893 16.5474 15.663 16.8C15.5367 17.0527 15.5367 17.2421 15.5367 17.8737C15.5367 18.379 15.5367 18.9474 15.4735 19.3895C15.3472 20.4632 15.1577 21.0948 15.1577 21.7263C15.1577 22.4211 15.3472 22.8632 15.5998 23.0527C15.7893 23.2421 16.1051 23.3684 16.7998 23.3684C17.4946 23.3684 17.9367 23.1158 18.3788 22.6737C18.6946 22.3579 18.9472 22.2316 19.8314 21.6C20.5261 21.1579 21.5998 20.5895 21.7893 20.4C21.9156 20.2737 22.1051 20.2106 22.1051 19.8316C22.1051 19.5158 21.8525 19.3895 21.663 19.3263Z\" fill=\"#FFC107\"/>\n<path d=\"M8.96865 19.5158C8.33707 18.5052 8.27391 18.3158 7.8318 17.6842C7.45286 17.0526 6.6318 15.8526 6.12654 15.8526C5.74759 15.8526 5.55812 16.0421 5.30549 16.2947C5.05286 16.5473 4.80023 17.1158 4.35812 17.4315C3.97917 17.7473 2.90549 17.6842 2.65286 18.0631C2.40023 18.4421 2.90549 19.0105 2.90549 19.9579C2.90549 20.3368 2.5897 20.5894 2.52654 20.8421C2.46338 21.1579 2.40023 21.3473 2.52654 21.6C2.77917 21.9789 3.09496 22.1052 5.24233 22.5473C6.37917 22.8 7.45286 23.4315 8.14759 23.4947C8.84233 23.5579 10.0423 23.4947 10.0423 21.7894C10.1055 20.7789 9.53707 20.5263 8.96865 19.5158Z\" fill=\"#FFC107\"/>\n<path d=\"M10.1684 8.0842C9.78942 7.83157 9.47363 7.57894 9.47363 7.19999C9.47363 6.82105 9.72626 6.69473 10.1052 6.37894C10.1684 6.31578 10.8631 5.6842 11.5578 5.6842C12.2526 5.6842 13.0736 6.12631 13.3894 6.25262C13.9578 6.37894 14.5263 6.50526 14.4631 6.94736C14.3999 7.57894 14.3368 7.70526 13.7052 8.02105C13.2631 8.14736 12.4421 8.8421 11.8736 8.8421C11.621 8.8421 11.2421 8.8421 10.9894 8.77894C10.7999 8.71578 10.4842 8.39999 10.1684 8.0842Z\" fill=\"#FFC107\"/>\n<path d=\"M10.0421 7.57894C10.1685 7.70526 10.3579 7.83157 10.5474 7.89473C10.6737 7.95789 10.8632 8.02105 10.8632 8.02105C11.1158 8.02105 11.3053 8.02105 11.4316 8.02105C11.7474 8.02105 12.1895 7.89473 12.6316 7.6421C13.0737 7.45262 13.1369 7.32631 13.4527 7.19999C13.7685 7.01052 14.0842 6.82105 13.9579 6.75789C13.8316 6.69473 13.7053 6.75789 13.2632 7.01052C12.8842 7.26315 12.5685 7.38947 12.1895 7.57894C12 7.6421 11.7474 7.76841 11.5579 7.76841C11.3685 7.76841 11.179 7.76841 10.9895 7.76841C10.8 7.76841 10.6737 7.70526 10.4842 7.6421C10.3579 7.57894 10.2948 7.51578 10.2316 7.51578C10.1053 7.45262 9.85267 7.19999 9.72635 7.13683C9.72635 7.13683 9.60003 7.13683 9.66319 7.19999C9.85267 7.38947 9.91582 7.45262 10.0421 7.57894Z\" fill=\"#634703\"/>\n<path d=\"M11.937 6.1895C12.0002 6.31581 12.1265 6.31581 12.1896 6.37897C12.2528 6.44213 12.316 6.44213 12.316 6.44213C12.3791 6.37897 12.316 6.25265 12.2528 6.25265C12.2528 6.12634 11.937 6.12634 11.937 6.1895Z\" fill=\"#634703\"/>\n<path d=\"M10.9263 6.31575C10.9263 6.37891 11.0526 6.44207 11.0526 6.37891C11.1157 6.31576 11.1789 6.2526 11.2421 6.2526C11.3684 6.18944 11.3052 6.12628 11.1157 6.12628C10.9894 6.18944 10.9894 6.2526 10.9263 6.31575Z\" fill=\"#634703\"/>\n<path d=\"M17.0529 17.4948C17.0529 17.5579 17.0529 17.6211 17.0529 17.6842C17.1792 17.9369 17.495 18 17.7477 18C18.1266 18 18.5056 17.7474 18.695 17.4948C18.695 17.4316 18.7582 17.3684 18.8213 17.3053C18.9477 17.1158 19.0108 16.9895 19.074 16.9263C19.074 16.9263 19.0108 16.8632 19.0108 16.8C18.9477 16.6737 18.7582 16.5474 18.5056 16.4842C18.3161 16.4211 18.0003 16.3579 17.874 16.3579C17.3056 16.2948 16.9898 16.4842 16.8003 16.6737C16.8003 16.6737 16.8635 16.6737 16.8635 16.7369C16.9898 16.8632 17.0529 16.9895 17.0529 17.179C17.1161 17.3053 17.0529 17.3684 17.0529 17.4948Z\" fill=\"#455A64\"/>`\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 linux-icon\"\n    data-testid=\"kui-icon-wrapper-linux-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-linux-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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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,OAA+B;AAAA,MAChE,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,GAmBzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2Ce,EAAWf,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es508.js

@@ -1,6 +1,6 @@
-import { defineComponent as v, computed as d, openBlock as c, createBlock as h, resolveDynamicComponent as y, normalizeStyle as w, withCtx as b, createElementBlock as x } from "vue";
+import { defineComponent as S, computed as d, openBlock as c, createBlock as h, resolveDynamicComponent as y, normalizeStyle as w, withCtx as b, createElementBlock as x } from "vue";
 import { KUI_ICON_SIZE_50 as u } from "./kong-icons.es1223.js";
-const z = ["aria-hidden"], g = '<path d="M1 4.15006L9.99656 2.91523V11.6094H1M11.0802 2.73883L23 1V11.5338H11.0802M1 12.5267H9.99656V21.246L1 19.986M11.0802 12.6426H23V23.0756L11.0802 21.3872" fill="#0078D6"/>', q = /* @__PURE__ */ v({
+const z = ["aria-hidden"], g = '<path d="M1 4.15006L9.99656 2.91523V11.6094H1M11.0802 2.73883L23 1V11.5338H11.0802M1 12.5267H9.99656V21.246L1 19.986M11.0802 12.6426H23V23.0756L11.0802 21.3872" fill="#0078D6"/>', q = /* @__PURE__ */ S({
   __name: "WindowsIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -77,7 +77,8 @@ const z = ["aria-hidden"], g = '<path d="M1 4.15006L9.99656 2.91523V11.6094H1M11
       flexShrink: "0",
       height: n.value,
       lineHeight: "0",
-      width: n.value
+      width: n.value,
+      pointerEvents: e.decorative ? "none" : "all"
     })), f = (r) => {
       const t = {}, s = Math.random().toString(36).substring(2, 12);
       return r.replace(/id="([^"]+)"/g, (a, o) => {
@@ -93,7 +94,7 @@ const z = ["aria-hidden"], g = '<path d="M1 4.15006L9.99656 2.91523V11.6094H1M11
         "`": "&#039;"
       };
       return r.replace(/[<>"'`]/g, (s) => t[s]);
-    }, S = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? g : f(g)}`;
+    }, v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? g : f(g)}`;
     return (r, t) => (c(), h(y(i.as), {
       "aria-hidden": i.decorative ? "true" : void 0,
       class: "kui-icon windows-icon",
@@ -110,7 +111,7 @@ const z = ["aria-hidden"], g = '<path d="M1 4.15006L9.99656 2.91523V11.6094H1M11
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: S
+          innerHTML: v
         }, null, 8, z))
       ]),
       _: 1

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es508.js","sources":["../src/components/multi-color/WindowsIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * WindowsIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 30 Sep 2024 20:59:37 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> => ({\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 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 d=\"M1 4.15006L9.99656 2.91523V11.6094H1M11.0802 2.73883L23 1V11.5338H11.0802M1 12.5267H9.99656V21.246L1 19.986M11.0802 12.6426H23V23.0756L11.0802 21.3872\" fill=\"#0078D6\"/>`\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 windows-icon\"\n    data-testid=\"kui-icon-wrapper-windows-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-windows-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":";;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,OAA+B;AAAA,MAChE,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,IAChB,EAAA,GAaIM,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.es508.js","sources":["../src/components/multi-color/WindowsIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * WindowsIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Wed, 30 Oct 2024 13:57:09 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> => ({\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' : 'all',\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 d=\"M1 4.15006L9.99656 2.91523V11.6094H1M11.0802 2.73883L23 1V11.5338H11.0802M1 12.5267H9.99656V21.246L1 19.986M11.0802 12.6426H23V23.0756L11.0802 21.3872\" fill=\"#0078D6\"/>`\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 windows-icon\"\n    data-testid=\"kui-icon-wrapper-windows-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-windows-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,OAA+B;AAAA,MAChE,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;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es510.js

@@ -1,6 +1,6 @@
-import { defineComponent as S, computed as c, openBlock as d, createBlock as v, resolveDynamicComponent as h, normalizeStyle as y, withCtx as b, createElementBlock as x } from "vue";
+import { defineComponent as v, computed as c, openBlock as d, 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.es1223.js";
-const z = ["aria-hidden"], p = '<path d="M16 19C15.5333 19 15.0792 18.9542 14.6375 18.8625C14.1958 18.7708 13.7667 18.6417 13.35 18.475C14.3333 17.575 15.1042 16.5708 15.6625 15.4625C16.2208 14.3542 16.5 13.2 16.5 12C16.5 10.8 16.2208 9.64583 15.6625 8.5375C15.1042 7.42917 14.3333 6.425 13.35 5.525C13.7667 5.35833 14.1958 5.22917 14.6375 5.1375C15.0792 5.04583 15.5333 5 16 5C17.95 5 19.6042 5.67917 20.9625 7.0375C22.3208 8.39583 23 10.05 23 12C23 13.95 22.3208 15.6042 20.9625 16.9625C19.6042 18.3208 17.95 19 16 19ZM12 17.75C11.0833 17.1167 10.3542 16.3 9.8125 15.3C9.27083 14.3 9 13.2 9 12C9 10.8 9.27083 9.7 9.8125 8.7C10.3542 7.7 11.0833 6.88333 12 6.25C12.9167 6.88333 13.6458 7.7 14.1875 8.7C14.7292 9.7 15 10.8 15 12C15 13.2 14.7292 14.3 14.1875 15.3C13.6458 16.3 12.9167 17.1167 12 17.75ZM8 19C6.05 19 4.39583 18.3208 3.0375 16.9625C1.67917 15.6042 1 13.95 1 12C1 10.05 1.67917 8.39583 3.0375 7.0375C4.39583 5.67917 6.05 5 8 5C8.46667 5 8.92083 5.04583 9.3625 5.1375C9.80417 5.22917 10.2333 5.35833 10.65 5.525C9.66667 6.425 8.89583 7.42917 8.3375 8.5375C7.77917 9.64583 7.5 10.8 7.5 12C7.5 13.3167 7.77083 14.5375 8.3125 15.6625C8.85417 16.7875 9.6 17.7417 10.55 18.525C10.15 18.675 9.7375 18.7917 9.3125 18.875C8.8875 18.9583 8.45 19 8 19Z" fill="#6F28FF"/>', q = /* @__PURE__ */ S({
+const z = ["aria-hidden"], p = '<path d="M16 19C15.5333 19 15.0792 18.9542 14.6375 18.8625C14.1958 18.7708 13.7667 18.6417 13.35 18.475C14.3333 17.575 15.1042 16.5708 15.6625 15.4625C16.2208 14.3542 16.5 13.2 16.5 12C16.5 10.8 16.2208 9.64583 15.6625 8.5375C15.1042 7.42917 14.3333 6.425 13.35 5.525C13.7667 5.35833 14.1958 5.22917 14.6375 5.1375C15.0792 5.04583 15.5333 5 16 5C17.95 5 19.6042 5.67917 20.9625 7.0375C22.3208 8.39583 23 10.05 23 12C23 13.95 22.3208 15.6042 20.9625 16.9625C19.6042 18.3208 17.95 19 16 19ZM12 17.75C11.0833 17.1167 10.3542 16.3 9.8125 15.3C9.27083 14.3 9 13.2 9 12C9 10.8 9.27083 9.7 9.8125 8.7C10.3542 7.7 11.0833 6.88333 12 6.25C12.9167 6.88333 13.6458 7.7 14.1875 8.7C14.7292 9.7 15 10.8 15 12C15 13.2 14.7292 14.3 14.1875 15.3C13.6458 16.3 12.9167 17.1167 12 17.75ZM8 19C6.05 19 4.39583 18.3208 3.0375 16.9625C1.67917 15.6042 1 13.95 1 12C1 10.05 1.67917 8.39583 3.0375 7.0375C4.39583 5.67917 6.05 5 8 5C8.46667 5 8.92083 5.04583 9.3625 5.1375C9.80417 5.22917 10.2333 5.35833 10.65 5.525C9.66667 6.425 8.89583 7.42917 8.3375 8.5375C7.77917 9.64583 7.5 10.8 7.5 12C7.5 13.3167 7.77083 14.5375 8.3125 15.6625C8.85417 16.7875 9.6 17.7417 10.55 18.525C10.15 18.675 9.7375 18.7917 9.3125 18.875C8.8875 18.9583 8.45 19 8 19Z" fill="#6F28FF"/>', q = /* @__PURE__ */ v({
   __name: "RuntimeCompositeIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -77,7 +77,8 @@ const z = ["aria-hidden"], p = '<path d="M16 19C15.5333 19 15.0792 18.9542 14.63
       flexShrink: "0",
       height: r.value,
       lineHeight: "0",
-      width: r.value
+      width: r.value,
+      pointerEvents: e.decorative ? "none" : "all"
     })), C = (n) => {
       const t = {}, s = Math.random().toString(36).substring(2, 12);
       return n.replace(/id="([^"]+)"/g, (a, o) => {
@@ -94,7 +95,7 @@ const z = ["aria-hidden"], p = '<path d="M16 19C15.5333 19 15.0792 18.9542 14.63
       };
       return n.replace(/[<>"'`]/g, (s) => t[s]);
     }, m = `${e.title ? `<title data-testid="kui-icon-svg-title">${f(e.title)}</title>` : ""}${e.staticIds ? p : C(p)}`;
-    return (n, t) => (d(), v(h(i.as), {
+    return (n, t) => (d(), S(h(i.as), {
       "aria-hidden": i.decorative ? "true" : void 0,
       class: "kui-icon runtime-composite-icon",
       "data-testid": "kui-icon-wrapper-runtime-composite-icon",

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es510.js","sources":["../src/components/multi-color/RuntimeCompositeIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * RuntimeCompositeIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 30 Sep 2024 20:59:37 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> => ({\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 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 d=\"M16 19C15.5333 19 15.0792 18.9542 14.6375 18.8625C14.1958 18.7708 13.7667 18.6417 13.35 18.475C14.3333 17.575 15.1042 16.5708 15.6625 15.4625C16.2208 14.3542 16.5 13.2 16.5 12C16.5 10.8 16.2208 9.64583 15.6625 8.5375C15.1042 7.42917 14.3333 6.425 13.35 5.525C13.7667 5.35833 14.1958 5.22917 14.6375 5.1375C15.0792 5.04583 15.5333 5 16 5C17.95 5 19.6042 5.67917 20.9625 7.0375C22.3208 8.39583 23 10.05 23 12C23 13.95 22.3208 15.6042 20.9625 16.9625C19.6042 18.3208 17.95 19 16 19ZM12 17.75C11.0833 17.1167 10.3542 16.3 9.8125 15.3C9.27083 14.3 9 13.2 9 12C9 10.8 9.27083 9.7 9.8125 8.7C10.3542 7.7 11.0833 6.88333 12 6.25C12.9167 6.88333 13.6458 7.7 14.1875 8.7C14.7292 9.7 15 10.8 15 12C15 13.2 14.7292 14.3 14.1875 15.3C13.6458 16.3 12.9167 17.1167 12 17.75ZM8 19C6.05 19 4.39583 18.3208 3.0375 16.9625C1.67917 15.6042 1 13.95 1 12C1 10.05 1.67917 8.39583 3.0375 7.0375C4.39583 5.67917 6.05 5 8 5C8.46667 5 8.92083 5.04583 9.3625 5.1375C9.80417 5.22917 10.2333 5.35833 10.65 5.525C9.66667 6.425 8.89583 7.42917 8.3375 8.5375C7.77917 9.64583 7.5 10.8 7.5 12C7.5 13.3167 7.77083 14.5375 8.3125 15.6625C8.85417 16.7875 9.6 17.7417 10.55 18.525C10.15 18.675 9.7375 18.7917 9.3125 18.875C8.8875 18.9583 8.45 19 8 19Z\" fill=\"#6F28FF\"/>`\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 runtime-composite-icon\"\n    data-testid=\"kui-icon-wrapper-runtime-composite-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-runtime-composite-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":";;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,OAA+B;AAAA,MAChE,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,IAChB,EAAA,GAaIM,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.es510.js","sources":["../src/components/multi-color/RuntimeCompositeIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * RuntimeCompositeIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Wed, 30 Oct 2024 13:57:09 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> => ({\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' : 'all',\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 d=\"M16 19C15.5333 19 15.0792 18.9542 14.6375 18.8625C14.1958 18.7708 13.7667 18.6417 13.35 18.475C14.3333 17.575 15.1042 16.5708 15.6625 15.4625C16.2208 14.3542 16.5 13.2 16.5 12C16.5 10.8 16.2208 9.64583 15.6625 8.5375C15.1042 7.42917 14.3333 6.425 13.35 5.525C13.7667 5.35833 14.1958 5.22917 14.6375 5.1375C15.0792 5.04583 15.5333 5 16 5C17.95 5 19.6042 5.67917 20.9625 7.0375C22.3208 8.39583 23 10.05 23 12C23 13.95 22.3208 15.6042 20.9625 16.9625C19.6042 18.3208 17.95 19 16 19ZM12 17.75C11.0833 17.1167 10.3542 16.3 9.8125 15.3C9.27083 14.3 9 13.2 9 12C9 10.8 9.27083 9.7 9.8125 8.7C10.3542 7.7 11.0833 6.88333 12 6.25C12.9167 6.88333 13.6458 7.7 14.1875 8.7C14.7292 9.7 15 10.8 15 12C15 13.2 14.7292 14.3 14.1875 15.3C13.6458 16.3 12.9167 17.1167 12 17.75ZM8 19C6.05 19 4.39583 18.3208 3.0375 16.9625C1.67917 15.6042 1 13.95 1 12C1 10.05 1.67917 8.39583 3.0375 7.0375C4.39583 5.67917 6.05 5 8 5C8.46667 5 8.92083 5.04583 9.3625 5.1375C9.80417 5.22917 10.2333 5.35833 10.65 5.525C9.66667 6.425 8.89583 7.42917 8.3375 8.5375C7.77917 9.64583 7.5 10.8 7.5 12C7.5 13.3167 7.77083 14.5375 8.3125 15.6625C8.85417 16.7875 9.6 17.7417 10.55 18.525C10.15 18.675 9.7375 18.7917 9.3125 18.875C8.8875 18.9583 8.45 19 8 19Z\" fill=\"#6F28FF\"/>`\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 runtime-composite-icon\"\n    data-testid=\"kui-icon-wrapper-runtime-composite-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-runtime-composite-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,OAA+B;AAAA,MAChE,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;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es512.js

@@ -83,7 +83,8 @@ const z = ["aria-hidden"], p = `<path d="M14 18V16H17.5C18.077 16 18.6451 15.857
       flexShrink: "0",
       height: r.value,
       lineHeight: "0",
-      width: r.value
+      width: r.value,
+      pointerEvents: e.decorative ? "none" : "all"
     })), f = (n) => {
       const t = {}, s = Math.random().toString(36).substring(2, 12);
       return n.replace(/id="([^"]+)"/g, (a, o) => {

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es512.js","sources":["../src/components/multi-color/RuntimeDedicatedCloudIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * RuntimeDedicatedCloudIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 30 Sep 2024 20:59:37 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> => ({\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 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 18V16H17.5C18.077 16 18.6451 15.8572 19.1536 15.5845C19.6622 15.3118 20.0954 14.9176 20.4147 14.4369C20.734 13.9563 20.9296 13.4042 20.9839 12.8297C21.0383 12.2552 20.9498 11.6762 20.7262 11.1443C20.5027 10.6123 20.1511 10.1438 19.7028 9.78055C19.2544 9.4173 18.7232 9.17054 18.1564 9.06224C17.5896 8.95393 17.0049 8.98744 16.4542 9.15978C15.9035 9.33212 15.4039 9.63795 15 10.05V10C15 8.40873 14.3679 6.88261 13.2426 5.75739C12.1174 4.63217 10.5913 4.00003 9 4.00003C7.4087 4.00003 5.88258 4.63217 4.75736 5.75739C3.63214 6.88261 3 8.40873 3 10V10.007H1V10C0.998489 8.13319 1.6499 6.3246 2.84144 4.88746C4.03297 3.45032 5.68959 2.47515 7.5244 2.13081C9.35922 1.78647 11.2567 2.09465 12.8882 3.00199C14.5197 3.90932 15.7826 5.35867 16.458 7.09903C17.2103 6.95433 17.9846 6.9684 18.7312 7.14034C19.4778 7.31228 20.1802 7.63831 20.7935 8.09752C21.4067 8.55673 21.9173 9.139 22.2924 9.80701C22.6676 10.475 22.899 11.214 22.9719 11.9767C23.0448 12.7393 22.9575 13.5088 22.7158 14.2358C22.474 14.9628 22.083 15.6312 21.5678 16.1983C21.0527 16.7654 20.4247 17.2186 19.7242 17.5288C19.0237 17.8391 18.2661 17.9996 17.5 18H14ZM6 20H16V22H6V20ZM6 12H14V14H6V12ZM2 16H12V18H2V16Z\" fill=\"url(#paint0_linear_754_9630)\"/>\n<defs>\n<linearGradient id=\"paint0_linear_754_9630\" x1=\"1\" y1=\"2\" x2=\"23\" y2=\"22\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#0044F4\"/>\n<stop offset=\"1\" stop-color=\"#00FABE\"/>\n</linearGradient>\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 runtime-dedicated-cloud-icon\"\n    data-testid=\"kui-icon-wrapper-runtime-dedicated-cloud-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-runtime-dedicated-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":";;2BAyJMA,IAAqB;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,OAA+B;AAAA,MAChE,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,IAChB,EAAA,GAaIM,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,GAazDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2Ce,EAAWf,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es512.js","sources":["../src/components/multi-color/RuntimeDedicatedCloudIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * RuntimeDedicatedCloudIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Wed, 30 Oct 2024 13:57:09 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> => ({\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' : 'all',\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 18V16H17.5C18.077 16 18.6451 15.8572 19.1536 15.5845C19.6622 15.3118 20.0954 14.9176 20.4147 14.4369C20.734 13.9563 20.9296 13.4042 20.9839 12.8297C21.0383 12.2552 20.9498 11.6762 20.7262 11.1443C20.5027 10.6123 20.1511 10.1438 19.7028 9.78055C19.2544 9.4173 18.7232 9.17054 18.1564 9.06224C17.5896 8.95393 17.0049 8.98744 16.4542 9.15978C15.9035 9.33212 15.4039 9.63795 15 10.05V10C15 8.40873 14.3679 6.88261 13.2426 5.75739C12.1174 4.63217 10.5913 4.00003 9 4.00003C7.4087 4.00003 5.88258 4.63217 4.75736 5.75739C3.63214 6.88261 3 8.40873 3 10V10.007H1V10C0.998489 8.13319 1.6499 6.3246 2.84144 4.88746C4.03297 3.45032 5.68959 2.47515 7.5244 2.13081C9.35922 1.78647 11.2567 2.09465 12.8882 3.00199C14.5197 3.90932 15.7826 5.35867 16.458 7.09903C17.2103 6.95433 17.9846 6.9684 18.7312 7.14034C19.4778 7.31228 20.1802 7.63831 20.7935 8.09752C21.4067 8.55673 21.9173 9.139 22.2924 9.80701C22.6676 10.475 22.899 11.214 22.9719 11.9767C23.0448 12.7393 22.9575 13.5088 22.7158 14.2358C22.474 14.9628 22.083 15.6312 21.5678 16.1983C21.0527 16.7654 20.4247 17.2186 19.7242 17.5288C19.0237 17.8391 18.2661 17.9996 17.5 18H14ZM6 20H16V22H6V20ZM6 12H14V14H6V12ZM2 16H12V18H2V16Z\" fill=\"url(#paint0_linear_754_9630)\"/>\n<defs>\n<linearGradient id=\"paint0_linear_754_9630\" x1=\"1\" y1=\"2\" x2=\"23\" y2=\"22\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#0044F4\"/>\n<stop offset=\"1\" stop-color=\"#00FABE\"/>\n</linearGradient>\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 runtime-dedicated-cloud-icon\"\n    data-testid=\"kui-icon-wrapper-runtime-dedicated-cloud-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-runtime-dedicated-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;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,OAA+B;AAAA,MAChE,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,GAazDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2Ce,EAAWf,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es514.js

@@ -70,15 +70,16 @@ const z = ["aria-hidden"], C = '<path fill-rule="evenodd" clip-rule="evenodd" d=
           return `${t}px`;
       }
       return u;
-    }), g = d(() => ({
+    }), p = d(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
       flexShrink: "0",
       height: r.value,
       lineHeight: "0",
-      width: r.value
-    })), p = (n) => {
+      width: r.value,
+      pointerEvents: e.decorative ? "none" : "all"
+    })), g = (n) => {
       const t = {}, s = Math.random().toString(36).substring(2, 12);
       return n.replace(/id="([^"]+)"/g, (a, o) => {
         const l = `${s}-${o}`;
@@ -93,12 +94,12 @@ const z = ["aria-hidden"], C = '<path fill-rule="evenodd" clip-rule="evenodd" d=
         "`": "&#039;"
       };
       return n.replace(/[<>"'`]/g, (s) => t[s]);
-    }, m = `${e.title ? `<title data-testid="kui-icon-svg-title">${f(e.title)}</title>` : ""}${e.staticIds ? C : p(C)}`;
+    }, m = `${e.title ? `<title data-testid="kui-icon-svg-title">${f(e.title)}</title>` : ""}${e.staticIds ? C : g(C)}`;
     return (n, t) => (c(), S(h(i.as), {
       "aria-hidden": i.decorative ? "true" : void 0,
       class: "kui-icon runtime-hybrid-icon",
       "data-testid": "kui-icon-wrapper-runtime-hybrid-icon",
-      style: y(g.value)
+      style: y(p.value)
     }, {
       default: b(() => [
         (c(), x("svg", {

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es514.js","sources":["../src/components/multi-color/RuntimeHybridIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * RuntimeHybridIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 30 Sep 2024 20:59:37 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> => ({\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 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=\"M17.5 16.0002H17V18.0002H17.5C18.2661 17.9997 19.0237 17.8392 19.7242 17.529C20.4247 17.2187 21.0527 16.7655 21.5678 16.1984C22.083 15.6313 22.474 14.9629 22.7158 14.2359C22.9575 13.5089 23.0448 12.7395 22.9719 11.9768C22.899 11.2142 22.6676 10.4751 22.2924 9.80713C21.9173 9.13912 21.4067 8.55685 20.7935 8.09764C20.1802 7.63843 19.4778 7.3124 18.7312 7.14046C17.9846 6.96852 17.2103 6.95445 16.458 7.09916C15.7826 5.35879 14.5197 3.90944 12.8882 3.00211C11.2567 2.09477 9.35922 1.78659 7.5244 2.13093C5.68959 2.47527 4.03297 3.45045 2.84144 4.88758C1.6499 6.32472 0.998489 8.13331 1 10.0002V10.0072H3V10.0002C3 8.40886 3.63214 6.88273 4.75736 5.75751C5.88258 4.6323 7.4087 4.00016 9 4.00016C10.5913 4.00016 12.1174 4.6323 13.2426 5.75751C14.3679 6.88273 15 8.40886 15 10.0002V10.0502C15.4039 9.63807 15.9035 9.33224 16.4542 9.1599C17.0049 8.98756 17.5896 8.95405 18.1564 9.06236C18.7232 9.17067 19.2544 9.41743 19.7028 9.78068C20.1511 10.1439 20.5027 10.6124 20.7262 11.1444C20.9498 11.6764 21.0383 12.2554 20.9839 12.8298C20.9296 13.4043 20.734 13.9564 20.4147 14.4371C20.0954 14.9177 19.6622 15.3119 19.1536 15.5846C18.6451 15.8573 18.077 16.0001 17.5 16.0002ZM1 16C1 15.4477 1.44772 15 2 15H16C16.5523 15 17 15.4477 17 16V21C17 21.5523 16.5523 22 16 22H2C1.44772 22 1 21.5523 1 21V16ZM8 17.5H3V19.5H8V17.5ZM12 18.5C12 19.0523 11.5523 19.5 11 19.5C10.4477 19.5 10 19.0523 10 18.5C10 17.9477 10.4477 17.5 11 17.5C11.5523 17.5 12 17.9477 12 18.5ZM15 18.5C15 19.0523 14.5523 19.5 14 19.5C13.4477 19.5 13 19.0523 13 18.5C13 17.9477 13.4477 17.5 14 17.5C14.5523 17.5 15 17.9477 15 18.5Z\" fill=\"#828A9E\"/>`\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 runtime-hybrid-icon\"\n    data-testid=\"kui-icon-wrapper-runtime-hybrid-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-runtime-hybrid-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":";;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,OAA+B;AAAA,MAChE,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,IAChB,EAAA,GAaIM,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.es514.js","sources":["../src/components/multi-color/RuntimeHybridIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * RuntimeHybridIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Wed, 30 Oct 2024 13:57:09 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> => ({\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' : 'all',\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=\"M17.5 16.0002H17V18.0002H17.5C18.2661 17.9997 19.0237 17.8392 19.7242 17.529C20.4247 17.2187 21.0527 16.7655 21.5678 16.1984C22.083 15.6313 22.474 14.9629 22.7158 14.2359C22.9575 13.5089 23.0448 12.7395 22.9719 11.9768C22.899 11.2142 22.6676 10.4751 22.2924 9.80713C21.9173 9.13912 21.4067 8.55685 20.7935 8.09764C20.1802 7.63843 19.4778 7.3124 18.7312 7.14046C17.9846 6.96852 17.2103 6.95445 16.458 7.09916C15.7826 5.35879 14.5197 3.90944 12.8882 3.00211C11.2567 2.09477 9.35922 1.78659 7.5244 2.13093C5.68959 2.47527 4.03297 3.45045 2.84144 4.88758C1.6499 6.32472 0.998489 8.13331 1 10.0002V10.0072H3V10.0002C3 8.40886 3.63214 6.88273 4.75736 5.75751C5.88258 4.6323 7.4087 4.00016 9 4.00016C10.5913 4.00016 12.1174 4.6323 13.2426 5.75751C14.3679 6.88273 15 8.40886 15 10.0002V10.0502C15.4039 9.63807 15.9035 9.33224 16.4542 9.1599C17.0049 8.98756 17.5896 8.95405 18.1564 9.06236C18.7232 9.17067 19.2544 9.41743 19.7028 9.78068C20.1511 10.1439 20.5027 10.6124 20.7262 11.1444C20.9498 11.6764 21.0383 12.2554 20.9839 12.8298C20.9296 13.4043 20.734 13.9564 20.4147 14.4371C20.0954 14.9177 19.6622 15.3119 19.1536 15.5846C18.6451 15.8573 18.077 16.0001 17.5 16.0002ZM1 16C1 15.4477 1.44772 15 2 15H16C16.5523 15 17 15.4477 17 16V21C17 21.5523 16.5523 22 16 22H2C1.44772 22 1 21.5523 1 21V16ZM8 17.5H3V19.5H8V17.5ZM12 18.5C12 19.0523 11.5523 19.5 11 19.5C10.4477 19.5 10 19.0523 10 18.5C10 17.9477 10.4477 17.5 11 17.5C11.5523 17.5 12 17.9477 12 18.5ZM15 18.5C15 19.0523 14.5523 19.5 14 19.5C13.4477 19.5 13 19.0523 13 18.5C13 17.9477 13.4477 17.5 14 17.5C14.5523 17.5 15 17.9477 15 18.5Z\" fill=\"#828A9E\"/>`\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 runtime-hybrid-icon\"\n    data-testid=\"kui-icon-wrapper-runtime-hybrid-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-runtime-hybrid-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,OAA+B;AAAA,MAChE,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;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es516.js

@@ -1,4 +1,4 @@
-import { defineComponent as m, computed as a, openBlock as l, createBlock as S, resolveDynamicComponent as v, normalizeStyle as h, withCtx as M, createElementBlock as Z } from "vue";
+import { defineComponent as m, computed as a, openBlock as l, createBlock as v, resolveDynamicComponent as S, normalizeStyle as h, withCtx as M, createElementBlock as Z } from "vue";
 import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1223.js";
 const y = ["aria-hidden"], d = `<path d="M13.9146 13.5007C13.8866 13.495 13.8581 13.4928 13.8296 13.4941C13.7803 13.4968 13.7321 13.5097 13.6878 13.532C13.6019 13.5747 13.5353 13.65 13.5018 13.7421C13.4684 13.8342 13.4708 13.9361 13.5085 14.0264L13.5059 14.0302L14.3541 16.1414C15.1657 15.6079 15.7815 14.811 16.1042 13.8766L13.9184 13.496L13.9146 13.5007ZM10.5135 13.7999C10.4951 13.7167 10.4502 13.6423 10.3858 13.5885C10.3215 13.5347 10.2415 13.5048 10.1586 13.5034C10.1342 13.5031 10.1097 13.5053 10.0857 13.5101L10.082 13.5054L7.91521 13.8844C8.2406 14.8114 8.85385 15.6019 9.65982 16.1332L10.4995 14.0428L10.4929 14.0346C10.5239 13.9606 10.5311 13.8784 10.5135 13.7999V13.7999ZM12.3282 14.6197C12.2966 14.5589 12.2495 14.5081 12.1921 14.4728C12.1346 14.4374 12.0689 14.4187 12.0019 14.4188C11.935 14.4189 11.8693 14.4377 11.8119 14.4732C11.7545 14.5088 11.7076 14.5597 11.6761 14.6205H11.6743L10.6087 16.6056C11.3717 16.8732 12.1919 16.9166 12.9775 16.7311C13.1231 16.6969 13.2654 16.656 13.4044 16.6081L12.3363 14.6196L12.3282 14.6197ZM15.7015 10.0085L14.062 11.5203L14.0629 11.5251C14.0125 11.5705 13.975 11.629 13.9544 11.6946C13.9337 11.7601 13.9307 11.8302 13.9456 11.8974C13.9604 11.9646 13.9927 12.0264 14.0389 12.0762C14.0852 12.1261 14.1436 12.1621 14.2081 12.1804L14.2101 12.1895L16.3337 12.8197C16.4255 11.8368 16.2035 10.8499 15.7015 10.0088V10.0085ZM12.6556 10.1779C12.6587 10.2468 12.6798 10.3135 12.7167 10.371C12.7536 10.4284 12.805 10.4746 12.8653 10.5044C12.9256 10.5342 12.9926 10.5467 13.0593 10.5405C13.1259 10.5342 13.1896 10.5095 13.2437 10.4689L13.2502 10.4717L15.0441 9.16132C14.3613 8.47226 13.4776 8.0334 12.529 7.91221L12.6536 10.1773L12.6556 10.1779ZM10.7558 10.4772C10.8099 10.5178 10.8737 10.5424 10.9403 10.5486C11.007 10.5547 11.074 10.5422 11.1342 10.5122C11.1945 10.4822 11.2457 10.436 11.2825 10.3784C11.3193 10.3208 11.3402 10.2541 11.3431 10.1852L11.3522 10.1808L11.4768 7.91211C11.3264 7.93073 11.177 7.95728 11.0291 7.99163C10.2428 8.17372 9.52147 8.57865 8.94666 9.16071L10.7523 10.4794L10.7558 10.4772ZM9.7932 12.1915C9.85783 12.1733 9.91646 12.1374 9.96284 12.0876C10.0092 12.0378 10.0416 11.9759 10.0565 11.9087C10.0715 11.8414 10.0684 11.7712 10.0476 11.7056C10.0268 11.6399 9.98917 11.5814 9.93862 11.5361L9.94041 11.5271L8.29188 10.008C7.78896 10.8513 7.5731 11.8432 7.67838 12.827L9.79151 12.1988L9.7932 12.1915ZM11.3944 12.8588L12.0025 13.16L12.6088 12.8594L12.7594 12.185L12.3398 11.6444H11.6644L11.2436 12.1842L11.3944 12.8588Z" fill="#326CE5"/>
 <path d="M22.056 14.1874L20.3231 6.433C20.2765 6.23239 20.1873 6.04493 20.0619 5.88416C19.9364 5.72338 19.7779 5.5933 19.5977 5.50329L12.5834 2.05312C12.4016 1.96374 12.2027 1.91736 12.0013 1.91736C11.7999 1.91736 11.601 1.96374 11.4192 2.05312L4.40624 5.50513C4.22604 5.59508 4.06748 5.72514 3.942 5.8859C3.81652 6.04666 3.72725 6.23412 3.68065 6.43474L1.95056 14.189C1.90789 14.385 1.90775 14.5883 1.95016 14.7843C1.96265 14.844 1.97897 14.9029 1.999 14.9604C2.03286 15.0585 2.07769 15.1522 2.13258 15.2397C2.15635 15.2771 2.18142 15.3135 2.20867 15.3487L7.06293 21.5664C7.08412 21.5935 7.10749 21.6181 7.13067 21.6433C7.20684 21.7268 7.29284 21.8002 7.38669 21.8618C7.50539 21.9388 7.63474 21.9967 7.77033 22.0337C7.88151 22.0651 7.9962 22.0814 8.11149 22.0821H8.18698L15.8959 22.0803C15.9427 22.0801 15.9896 22.0772 16.0361 22.0718C16.1029 22.064 16.169 22.0511 16.234 22.0331C16.2805 22.0204 16.3263 22.0053 16.3713 21.9878C16.4064 21.9739 16.4414 21.9601 16.4753 21.9434C16.5259 21.9184 16.575 21.8903 16.6224 21.8592C16.7445 21.78 16.8533 21.6809 16.9443 21.5656L17.0923 21.376L21.7969 15.3467C21.8871 15.2302 21.9579 15.0991 22.0066 14.9588C22.0269 14.9011 22.0435 14.8421 22.0563 14.7822C22.0988 14.5861 22.0987 14.3828 22.0559 14.1868L22.056 14.1874ZM14.7805 17.2033C14.8002 17.263 14.8235 17.3212 14.8504 17.3778C14.8075 17.4552 14.7958 17.5468 14.8179 17.633C14.9199 17.8738 15.0446 18.1037 15.1901 18.3195C15.2715 18.4299 15.3467 18.545 15.4152 18.6642C15.4321 18.6965 15.4542 18.7465 15.4702 18.7806C15.5004 18.8327 15.5197 18.8906 15.5269 18.9508C15.534 19.011 15.5289 19.072 15.5118 19.13C15.4947 19.1881 15.466 19.2417 15.4275 19.2876C15.3891 19.3335 15.3417 19.3706 15.2885 19.3965C15.2353 19.4224 15.1774 19.4366 15.1186 19.4381C15.0598 19.4396 15.0013 19.4283 14.9469 19.4052C14.8926 19.382 14.8435 19.3473 14.8029 19.3034C14.7623 19.2595 14.7311 19.2073 14.7113 19.1503C14.6952 19.1164 14.673 19.0714 14.6593 19.0394C14.6114 18.9098 14.5707 18.7774 14.5375 18.643C14.4647 18.3915 14.3682 18.148 14.2494 17.9158C14.1978 17.844 14.1209 17.7959 14.0352 17.7819C14.0218 17.758 13.972 17.664 13.9454 17.6156C12.6967 18.1027 11.3176 18.0991 10.0714 17.6053L9.97645 17.7826C9.90864 17.7934 9.84558 17.8251 9.79552 17.8735C9.65237 18.1155 9.54295 18.377 9.47047 18.6504C9.43758 18.7848 9.39713 18.9172 9.34932 19.0468C9.3359 19.0785 9.31342 19.123 9.2974 19.1567V19.1576L9.29671 19.1585C9.27689 19.2156 9.24567 19.2679 9.20506 19.3118C9.16444 19.3558 9.11534 19.3905 9.0609 19.4137C9.00647 19.4369 8.94792 19.4481 8.88903 19.4465C8.83014 19.445 8.77221 19.4308 8.71899 19.4047C8.66577 19.3787 8.61844 19.3415 8.58004 19.2955C8.54164 19.2494 8.51304 19.1956 8.49607 19.1375C8.4791 19.0794 8.47414 19.0183 8.48151 18.958C8.48889 18.8978 8.50843 18.8399 8.53889 18.7879C8.5547 18.7536 8.57589 18.7039 8.5926 18.6716C8.66107 18.552 8.73619 18.4366 8.81759 18.326C8.96569 18.1045 9.09292 17.8689 9.19754 17.6224C9.20867 17.5389 9.19566 17.4538 9.16014 17.3778L9.23653 17.1893C8.08762 16.4907 7.22656 15.3832 6.81576 14.0755L6.63285 14.1076C6.56188 14.0557 6.47822 14.0254 6.39135 14.02C6.14106 14.0693 5.89602 14.1436 5.65969 14.2418C5.53698 14.2987 5.41121 14.3483 5.28302 14.3904C5.25268 14.399 5.20892 14.4076 5.1743 14.4154C5.17152 14.4164 5.16913 14.4177 5.16635 14.4184C5.1642 14.4187 5.16205 14.4189 5.15988 14.419C5.10416 14.4379 5.04523 14.4446 4.98686 14.4386C4.92849 14.4327 4.87196 14.4143 4.8209 14.3845C4.76984 14.3548 4.72537 14.3144 4.69033 14.266C4.65529 14.2175 4.63046 14.162 4.61743 14.1031C4.6044 14.0442 4.60345 13.9831 4.61465 13.9238C4.62585 13.8645 4.64895 13.8082 4.68246 13.7587C4.71598 13.7091 4.75917 13.6672 4.80929 13.6358C4.8594 13.6044 4.91533 13.5841 4.97348 13.5763L4.97955 13.5748L4.98323 13.5737C5.01834 13.5652 5.0633 13.5532 5.09533 13.5469C5.22887 13.5278 5.36337 13.5166 5.49816 13.5135C5.75236 13.4964 6.00434 13.4537 6.25051 13.3862C6.32346 13.3383 6.38511 13.2743 6.43094 13.1987L6.60669 13.1458C6.41598 11.781 6.72104 10.3918 7.46338 9.24447L7.3288 9.12089C7.3239 9.0312 7.29467 8.94472 7.24446 8.87128C7.05112 8.70006 6.84202 8.54871 6.62012 8.41938C6.5003 8.35643 6.3841 8.28643 6.27209 8.20973C6.24663 8.19016 6.21281 8.16075 6.18516 8.13759L6.17889 8.13308C6.08341 8.06242 6.01895 7.9557 5.99961 7.83624C5.98026 7.71677 6.0076 7.59428 6.07565 7.49551C6.11586 7.44481 6.16709 7.40458 6.22521 7.37809C6.28333 7.3516 6.34669 7.33959 6.41015 7.34304C6.51698 7.34776 6.61954 7.38762 6.70277 7.45678C6.73132 7.47983 6.77041 7.51068 6.79577 7.53312C6.89349 7.62833 6.98582 7.72926 7.07228 7.8354C7.24385 8.02959 7.4334 8.20606 7.63824 8.36231C7.71499 8.40389 7.80451 8.41283 7.88759 8.38721C7.93759 8.42478 7.98805 8.46174 8.03898 8.49808C8.77664 7.69028 9.73183 7.12808 10.7819 6.88366C11.0318 6.82535 11.2854 6.78519 11.5408 6.76346L11.5508 6.58066C11.616 6.52097 11.6632 6.44332 11.687 6.35686C11.6962 6.09448 11.6805 5.83181 11.6403 5.57256C11.6136 5.43669 11.5945 5.29936 11.583 5.16124C11.5819 5.12978 11.5836 5.08634 11.584 5.05047C11.584 5.04637 11.583 5.04227 11.583 5.03838C11.577 4.97792 11.5834 4.91685 11.6018 4.8591C11.6202 4.80135 11.6501 4.74822 11.6896 4.70312C11.7292 4.65802 11.7775 4.62196 11.8314 4.59728C11.8853 4.57259 11.9436 4.55982 12.0026 4.55979C12.0616 4.55976 12.1199 4.57247 12.1738 4.59711C12.2277 4.62174 12.276 4.65775 12.3156 4.70281C12.3552 4.74787 12.3852 4.80098 12.4036 4.85871C12.422 4.91644 12.4285 4.97751 12.4226 5.03797C12.4226 5.07588 12.4248 5.12609 12.4235 5.16093C12.412 5.29903 12.3928 5.43633 12.3659 5.57215C12.3254 5.83144 12.3095 6.09418 12.3183 6.35666C12.3349 6.4444 12.3842 6.52199 12.4555 6.57287C12.457 6.60412 12.462 6.70844 12.4656 6.76592C13.7927 6.89026 15.0308 7.50659 15.9501 8.50044L16.1098 8.3829C16.1956 8.39807 16.2838 8.3882 16.3645 8.35442C16.5693 8.1979 16.7588 8.02123 16.9304 7.8269C17.0171 7.7207 17.1096 7.61977 17.2076 7.52461C17.2334 7.50186 17.2723 7.47133 17.3007 7.44817C17.3428 7.40538 17.3932 7.3722 17.4486 7.35077C17.504 7.32934 17.5631 7.32015 17.6222 7.32379C17.6812 7.32743 17.7389 7.34383 17.7914 7.37191C17.8439 7.39999 17.89 7.43913 17.9269 7.48679C17.9638 7.53445 17.9905 7.58957 18.0054 7.64856C18.0202 7.70755 18.0229 7.7691 18.0131 7.82922C18.0034 7.88933 17.9815 7.94666 17.9489 7.99749C17.9162 8.04832 17.8736 8.09152 17.8237 8.12427C17.7955 8.14773 17.7583 8.18042 17.7313 8.20112C17.619 8.27788 17.5026 8.34788 17.3825 8.41077C17.1606 8.54018 16.9515 8.69152 16.7581 8.86267C16.7018 8.93057 16.6736 9.01847 16.6794 9.10757C16.656 9.1297 16.5739 9.20461 16.5305 9.24519C17.2749 10.3884 17.5861 11.7734 17.4049 13.1373L17.5744 13.1881C17.6168 13.2667 17.6795 13.3316 17.7555 13.3757C18.0018 13.4433 18.2539 13.4861 18.5082 13.5033C18.6429 13.5065 18.7772 13.5176 18.9106 13.5365C18.946 13.5432 18.997 13.5577 19.033 13.5663C19.0911 13.5741 19.1471 13.5944 19.1972 13.6259C19.2473 13.6573 19.2905 13.6991 19.324 13.7487C19.3574 13.7984 19.3805 13.8546 19.3917 13.9139C19.4029 13.9733 19.4019 14.0343 19.3888 14.0933C19.3758 14.1522 19.3509 14.2076 19.3158 14.2561C19.2808 14.3045 19.2363 14.3449 19.1852 14.3746C19.1341 14.4043 19.0776 14.4227 19.0192 14.4286C18.9608 14.4345 18.9019 14.4278 18.8462 14.4089L18.8401 14.408C18.8373 14.4073 18.8348 14.4058 18.8319 14.405C18.7973 14.3973 18.7538 14.3895 18.7234 14.3813C18.5953 14.3389 18.4696 14.2889 18.347 14.2315C18.1104 14.1332 17.8652 14.0589 17.6146 14.0096C17.5279 14.0068 17.4436 14.0391 17.3797 14.0995C17.32 14.0878 17.2602 14.077 17.2003 14.0671C16.7944 15.3829 15.9332 16.499 14.7805 17.2032V17.2033Z" fill="#326CE5"/>
@@ -79,7 +79,8 @@ const y = ["aria-hidden"], d = `<path d="M13.9146 13.5007C13.8866 13.495 13.8581
       flexShrink: "0",
       height: i.value,
       lineHeight: "0",
-      width: i.value
+      width: i.value,
+      pointerEvents: C.decorative ? "none" : "all"
     })), p = (r) => {
       const e = {}, L = Math.random().toString(36).substring(2, 12);
       return r.replace(/id="([^"]+)"/g, (o, n) => {
@@ -96,7 +97,7 @@ const y = ["aria-hidden"], d = `<path d="M13.9146 13.5007C13.8866 13.495 13.8581
       };
       return r.replace(/[<>"'`]/g, (L) => e[L]);
     }, f = `${C.title ? `<title data-testid="kui-icon-svg-title">${g(C.title)}</title>` : ""}${C.staticIds ? d : p(d)}`;
-    return (r, e) => (l(), S(v(t.as), {
+    return (r, e) => (l(), v(S(t.as), {
       "aria-hidden": t.decorative ? "true" : void 0,
       class: "kui-icon runtime-kic-icon",
       "data-testid": "kui-icon-wrapper-runtime-kic-icon",