@kong/icons 1.18.2-pr.429.8eca45a.0 → 1.18.2-pr.429.8fc7570.0

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es486.js","sources":["../src/components/multi-color/LanguageShellIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * LanguageShellIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Wed, 30 Oct 2024 15:04:56 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  ...(props.decorative && { pointerEvents: 'none' }),\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 opacity=\"0.8\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1.35001 20.7188C1.03126 20.7188 0.768764 20.5875 0.581264 20.3625C0.393764 20.1375 0.337514 19.8188 0.412514 19.5L3.90001 4.40625C4.05001 3.76875 4.65001 3.28125 5.28751 3.28125H22.65C22.9688 3.28125 23.2313 3.4125 23.4188 3.6375C23.6063 3.8625 23.6625 4.18125 23.5875 4.5L20.1 19.5938C19.95 20.2313 19.35 20.7188 18.7125 20.7188H1.35001Z\" fill=\"url(#paint0_linear_2_1398)\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M22.5562 3.46875H5.34373C4.79998 3.46875 4.27498 3.9 4.14373 4.44375L0.693734 19.5563C0.562484 20.1 0.899984 20.5312 1.44373 20.5312H18.6562C19.2 20.5312 19.725 20.1 19.8562 19.5563L23.3062 4.4625C23.4375 3.91875 23.1 3.46875 22.5562 3.46875Z\" fill=\"url(#paint1_linear_2_1398)\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.0374 16.5563H16.2187C16.7062 16.5563 17.0999 16.9688 17.0999 17.475C17.0999 17.9813 16.7062 18.3938 16.2187 18.3938H12.0374C11.5499 18.3938 11.1562 17.9813 11.1562 17.475C11.1562 16.9688 11.5499 16.5563 12.0374 16.5563ZM14.7562 12.4688C14.6812 12.6188 14.5312 12.7688 14.2687 12.9563L6.48744 18.5438C6.05619 18.8438 5.45619 18.7313 5.11869 18.2813C4.79994 17.8313 4.87494 17.2125 5.28744 16.9125L12.2999 11.8313V11.7188L7.89369 7.0313C7.53744 6.6563 7.57494 6.03755 7.96869 5.6438C8.38119 5.2688 8.99994 5.2688 9.35619 5.6438L14.6437 11.2688C14.9624 11.625 14.9812 12.1125 14.7562 12.4688Z\" fill=\"#2C5591\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.5499 12.2813C14.4749 12.4313 14.3249 12.5813 14.0624 12.7688L6.29994 18.3563C5.86869 18.6563 5.26869 18.5438 4.93119 18.0938C4.61244 17.6438 4.68744 17.025 5.09994 16.725L12.1124 11.6438V11.5313L7.70619 6.8438C7.34994 6.4688 7.38744 5.85005 7.78119 5.4563C8.19369 5.0813 8.81244 5.0813 9.16869 5.4563L14.4562 11.0813C14.7749 11.4188 14.7937 11.9063 14.5499 12.2813ZM11.9062 16.4625H16.0874C16.5749 16.4625 16.9687 16.8563 16.9687 17.325C16.9687 17.8125 16.5749 18.1875 16.0874 18.1875H11.9062C11.4187 18.1875 11.0249 17.7938 11.0249 17.325C11.0249 16.8375 11.4187 16.4625 11.9062 16.4625Z\" fill=\"white\"/>\n<defs>\n<linearGradient id=\"paint0_linear_2_1398\" x1=\"18.0574\" y1=\"17.4105\" x2=\"4.77264\" y2=\"5.54419\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#A9C8FF\"/>\n<stop offset=\"1\" stop-color=\"#C7E6FF\"/>\n</linearGradient>\n<linearGradient id=\"paint1_linear_2_1398\" x1=\"4.75048\" y1=\"5.56312\" x2=\"17.7317\" y2=\"17.0912\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#2D4664\"/>\n<stop offset=\"0.169\" stop-color=\"#29405B\"/>\n<stop offset=\"0.445\" stop-color=\"#1E2F43\"/>\n<stop offset=\"0.79\" stop-color=\"#0C131B\"/>\n<stop offset=\"1\"/>\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 language-shell-icon\"\n    data-testid=\"kui-icon-wrapper-language-shell-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-language-shell-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      :tabindex=\"decorative ? '-1' : undefined\"\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":";;uCA0JMA,IAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA7I3B,UAAMC,IAAQC,GAgERC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MAExB;AAGO,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,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,GAAIF,EAAM,cAAc,EAAE,eAAe,OAAO;AAAA,IAChD,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,GAuBzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2Ce,EAAWf,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es486.js","sources":["../src/components/multi-color/LanguageShellIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * LanguageShellIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Wed, 30 Oct 2024 15:19:35 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  ...(props.decorative && { pointerEvents: 'none' }), // If the icon is decorative, disable pointer events\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 opacity=\"0.8\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1.35001 20.7188C1.03126 20.7188 0.768764 20.5875 0.581264 20.3625C0.393764 20.1375 0.337514 19.8188 0.412514 19.5L3.90001 4.40625C4.05001 3.76875 4.65001 3.28125 5.28751 3.28125H22.65C22.9688 3.28125 23.2313 3.4125 23.4188 3.6375C23.6063 3.8625 23.6625 4.18125 23.5875 4.5L20.1 19.5938C19.95 20.2313 19.35 20.7188 18.7125 20.7188H1.35001Z\" fill=\"url(#paint0_linear_2_1398)\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M22.5562 3.46875H5.34373C4.79998 3.46875 4.27498 3.9 4.14373 4.44375L0.693734 19.5563C0.562484 20.1 0.899984 20.5312 1.44373 20.5312H18.6562C19.2 20.5312 19.725 20.1 19.8562 19.5563L23.3062 4.4625C23.4375 3.91875 23.1 3.46875 22.5562 3.46875Z\" fill=\"url(#paint1_linear_2_1398)\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.0374 16.5563H16.2187C16.7062 16.5563 17.0999 16.9688 17.0999 17.475C17.0999 17.9813 16.7062 18.3938 16.2187 18.3938H12.0374C11.5499 18.3938 11.1562 17.9813 11.1562 17.475C11.1562 16.9688 11.5499 16.5563 12.0374 16.5563ZM14.7562 12.4688C14.6812 12.6188 14.5312 12.7688 14.2687 12.9563L6.48744 18.5438C6.05619 18.8438 5.45619 18.7313 5.11869 18.2813C4.79994 17.8313 4.87494 17.2125 5.28744 16.9125L12.2999 11.8313V11.7188L7.89369 7.0313C7.53744 6.6563 7.57494 6.03755 7.96869 5.6438C8.38119 5.2688 8.99994 5.2688 9.35619 5.6438L14.6437 11.2688C14.9624 11.625 14.9812 12.1125 14.7562 12.4688Z\" fill=\"#2C5591\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.5499 12.2813C14.4749 12.4313 14.3249 12.5813 14.0624 12.7688L6.29994 18.3563C5.86869 18.6563 5.26869 18.5438 4.93119 18.0938C4.61244 17.6438 4.68744 17.025 5.09994 16.725L12.1124 11.6438V11.5313L7.70619 6.8438C7.34994 6.4688 7.38744 5.85005 7.78119 5.4563C8.19369 5.0813 8.81244 5.0813 9.16869 5.4563L14.4562 11.0813C14.7749 11.4188 14.7937 11.9063 14.5499 12.2813ZM11.9062 16.4625H16.0874C16.5749 16.4625 16.9687 16.8563 16.9687 17.325C16.9687 17.8125 16.5749 18.1875 16.0874 18.1875H11.9062C11.4187 18.1875 11.0249 17.7938 11.0249 17.325C11.0249 16.8375 11.4187 16.4625 11.9062 16.4625Z\" fill=\"white\"/>\n<defs>\n<linearGradient id=\"paint0_linear_2_1398\" x1=\"18.0574\" y1=\"17.4105\" x2=\"4.77264\" y2=\"5.54419\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#A9C8FF\"/>\n<stop offset=\"1\" stop-color=\"#C7E6FF\"/>\n</linearGradient>\n<linearGradient id=\"paint1_linear_2_1398\" x1=\"4.75048\" y1=\"5.56312\" x2=\"17.7317\" y2=\"17.0912\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#2D4664\"/>\n<stop offset=\"0.169\" stop-color=\"#29405B\"/>\n<stop offset=\"0.445\" stop-color=\"#1E2F43\"/>\n<stop offset=\"0.79\" stop-color=\"#0C131B\"/>\n<stop offset=\"1\"/>\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 language-shell-icon\"\n    data-testid=\"kui-icon-wrapper-language-shell-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-language-shell-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      v-html=\"svgProcessedContent\"\n    />\n  </component>\n</template>\n\n<style>\n/**\n * !Important: Do not add styles into this component file.\n *\n * We are adding styles inline to avoid additional stylesheet imports in the consuming application/component.\n */\n</style>\n"],"names":["svgOriginalContent","props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIdsInString","svgString","idMap","randomPrefix","match","originalId","newId","escapeHtml","str","htmlEntities","svgProcessedContent"],"mappings":";;2BA0JMA,IAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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,GAAIF,EAAM,cAAc,EAAE,eAAe,OAAO;AAAA;AAAA,IAChD,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,GAuBzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2Ce,EAAWf,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es488.js

@@ -1,6 +1,6 @@
-import { defineComponent as m, computed as d, openBlock as c, createBlock as h, resolveDynamicComponent as S, normalizeStyle as y, withCtx as b, createElementBlock as x } from "vue";
+import { defineComponent as h, computed as d, openBlock as c, createBlock as v, resolveDynamicComponent as S, normalizeStyle as y, withCtx as b, createElementBlock as w } from "vue";
 import { KUI_ICON_SIZE_50 as u } from "./kong-icons.es1223.js";
-const w = ["aria-hidden", "tabindex"], g = `<g clip-path="url(#clip0_2_1429)">
+const x = ["aria-hidden"], g = `<g clip-path="url(#clip0_2_1429)">
 <path d="M23.6868 6.38629C23.6867 5.8932 23.6371 5.40136 23.5387 4.91817C23.4403 4.42353 23.2731 3.94512 23.0418 3.49692C22.8002 3.06279 22.4999 2.66404 22.1493 2.31192C21.7878 1.95818 21.3679 1.66956 20.9081 1.45879C20.4543 1.22999 19.969 1.07011 19.4681 0.984419C18.9712 0.888794 18.4256 0.888794 17.9287 0.841919H5.67185C5.28951 0.848145 4.90802 0.880092 4.52997 0.937544C4.15481 0.98171 3.78757 1.07762 3.43873 1.22254C3.33935 1.26942 3.19123 1.31817 3.09185 1.36504C2.7618 1.54196 2.44808 1.74776 2.15435 1.98004C2.05498 2.07567 1.9556 2.12254 1.85623 2.21629C1.4908 2.55523 1.18859 2.95649 0.963726 3.40129C0.718162 3.8432 0.550107 4.3239 0.466851 4.82254C0.392961 5.30913 0.343524 5.79912 0.318726 6.29067V17.6138C0.31888 18.1069 0.368503 18.5987 0.466851 19.0819C0.565247 19.5766 0.732499 20.055 0.963726 20.5032C1.20537 20.9373 1.5057 21.336 1.85623 21.6882C2.21775 22.0419 2.63768 22.3305 3.09748 22.5413C3.55123 22.7701 4.03657 22.93 4.53748 23.0157C5.03435 23.1113 5.57998 23.1113 6.07685 23.1582H17.9306C18.447 23.1578 18.9623 23.1101 19.47 23.0157C19.9709 22.93 20.4562 22.7701 20.91 22.5413C21.3599 22.3136 21.7774 22.0267 22.1512 21.6882C22.5167 21.3492 22.8189 20.948 23.0437 20.5032C23.2893 20.0613 23.4573 19.5806 23.5406 19.0819C23.6145 18.5953 23.6639 18.1053 23.6887 17.6138V6.38629H23.6868Z" fill="#F05138"/>
 <path d="M15.9375 18.0938C13.8543 19.2431 10.9912 19.3613 8.10935 18.1819C5.86238 17.2702 3.9412 15.7044 2.59497 13.6875C3.22061 14.1664 3.90412 14.5646 4.62935 14.8725C7.60497 16.2038 10.5787 16.1119 12.6731 14.8725C9.69184 12.6863 7.1606 9.84377 5.27435 7.52252C4.90212 7.13023 4.56986 6.70187 4.28247 6.24377C6.56247 8.23314 10.1887 10.7438 11.4787 11.4544C9.63686 9.56718 7.94428 7.53984 6.41622 5.39064C8.9563 7.85905 11.7514 10.0507 14.7543 11.9288C14.8875 12 14.9906 12.06 15.0731 12.1163C15.1611 11.9014 15.2369 11.6816 15.3 11.4581C15.9956 9.04127 15.2006 6.29439 13.4643 4.02002C17.4843 6.33939 19.875 10.6969 18.8737 14.3456C18.8475 14.445 18.8193 14.5331 18.7893 14.6363L18.825 14.6775C20.8106 17.0456 20.265 19.5525 20.0156 19.0838C18.9375 17.0625 16.9443 17.6869 15.9375 18.0938Z" fill="#FEFEFE"/>
 </g>
@@ -8,7 +8,7 @@ const w = ["aria-hidden", "tabindex"], g = `<g clip-path="url(#clip0_2_1429)">
 <clipPath id="clip0_2_1429">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
-</defs>`, E = /* @__PURE__ */ m({
+</defs>`, E = /* @__PURE__ */ h({
   __name: "LanguageSwiftIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -87,13 +87,14 @@ const w = ["aria-hidden", "tabindex"], g = `<g clip-path="url(#clip0_2_1429)">
       lineHeight: "0",
       width: n.value,
       ...e.decorative && { pointerEvents: "none" }
-    })), f = (r) => {
+      // If the icon is decorative, disable pointer events
+    })), p = (r) => {
       const t = {}, o = Math.random().toString(36).substring(2, 12);
       return r.replace(/id="([^"]+)"/g, (s, a) => {
         const l = `${o}-${a}`;
         return t[a] = l, `id="${l}"`;
       }).replace(/#([^\s^")]+)/g, (s, a) => t[a] ? `#${t[a]}` : s);
-    }, p = (r) => {
+    }, f = (r) => {
       const t = {
         "<": "&lt;",
         ">": "&gt;",
@@ -102,8 +103,8 @@ const w = ["aria-hidden", "tabindex"], g = `<g clip-path="url(#clip0_2_1429)">
         "`": "&#039;"
       };
       return r.replace(/[<>"'`]/g, (o) => t[o]);
-    }, v = `${e.title ? `<title data-testid="kui-icon-svg-title">${p(e.title)}</title>` : ""}${e.staticIds ? g : f(g)}`;
-    return (r, t) => (c(), h(S(i.as), {
+    }, m = `${e.title ? `<title data-testid="kui-icon-svg-title">${f(e.title)}</title>` : ""}${e.staticIds ? g : p(g)}`;
+    return (r, t) => (c(), v(S(i.as), {
       "aria-hidden": i.decorative ? "true" : void 0,
       class: "kui-icon language-swift-icon",
       "data-testid": "kui-icon-wrapper-language-swift-icon",
@@ -111,18 +112,17 @@ const w = ["aria-hidden", "tabindex"], g = `<g clip-path="url(#clip0_2_1429)">
       tabindex: i.decorative ? "-1" : void 0
     }, {
       default: b(() => [
-        (c(), x("svg", {
+        (c(), w("svg", {
           "aria-hidden": i.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-language-swift-icon",
           fill: "none",
           height: "100%",
           role: "img",
-          tabindex: i.decorative ? "-1" : void 0,
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: v
-        }, null, 8, w))
+          innerHTML: m
+        }, null, 8, x))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es488.js","sources":["../src/components/multi-color/LanguageSwiftIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * LanguageSwiftIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Wed, 30 Oct 2024 15:04:56 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  ...(props.decorative && { pointerEvents: 'none' }),\n}))\n\n/**\n * Prefix all SVG IDs in the given SVG string with a random prefix to ensure uniqueness.\n *\n * This function performs the following steps:\n * 1. Generates a random prefix.\n * 2. Replaces all `id` attributes in the SVG string with the new prefixed IDs.\n * 3. Updates all ID references (e.g., `url(#id)`, `href=\"#id\"`, etc.) to use the new prefixed IDs.\n *\n * @param {string} svgString - The SVG string in which to prefix IDs.\n * @returns {string} - The SVG string with prefixed IDs.\n */\nconst prefixSvgIdsInString = (svgString: string): string => {\n  const idMap: Record<string, string> = {}\n  const randomPrefix = Math.random().toString(36).substring(2, 12)\n\n  // Replace IDs in the SVG string\n  const updatedSvgString = svgString.replace(/id=\"([^\"]+)\"/g, (match, originalId) => {\n    const newId = `${randomPrefix}-${originalId}`\n    idMap[originalId] = newId\n    return `id=\"${newId}\"`\n  })\n\n  // Replace ID references (e.g., url(#id), href=\"#id\", etc.)\n  const processedSvgString = updatedSvgString.replace(/#([^\\s^\")]+)/g, (match, originalId) => idMap[originalId] ? `#${idMap[originalId]}` : match)\n\n  // Return the processed SVG string\n  return processedSvgString\n}\n\nconst escapeHtml = (str: string) => {\n  const htmlEntities: { [key: string]: string } = {\n    '<': '&lt;',\n    '>': '&gt;',\n    '\"': '&quot;',\n    \"'\": '&#039;',\n    '`': '&#039;',\n  }\n\n  return str.replace(/[<>\"'`]/g, (match) => htmlEntities[match])\n}\n\n// The `svgOriginalContent` template string will be replaced with the SVG innerHTML in the generate script.\n\nconst svgOriginalContent = `<g clip-path=\"url(#clip0_2_1429)\">\n<path d=\"M23.6868 6.38629C23.6867 5.8932 23.6371 5.40136 23.5387 4.91817C23.4403 4.42353 23.2731 3.94512 23.0418 3.49692C22.8002 3.06279 22.4999 2.66404 22.1493 2.31192C21.7878 1.95818 21.3679 1.66956 20.9081 1.45879C20.4543 1.22999 19.969 1.07011 19.4681 0.984419C18.9712 0.888794 18.4256 0.888794 17.9287 0.841919H5.67185C5.28951 0.848145 4.90802 0.880092 4.52997 0.937544C4.15481 0.98171 3.78757 1.07762 3.43873 1.22254C3.33935 1.26942 3.19123 1.31817 3.09185 1.36504C2.7618 1.54196 2.44808 1.74776 2.15435 1.98004C2.05498 2.07567 1.9556 2.12254 1.85623 2.21629C1.4908 2.55523 1.18859 2.95649 0.963726 3.40129C0.718162 3.8432 0.550107 4.3239 0.466851 4.82254C0.392961 5.30913 0.343524 5.79912 0.318726 6.29067V17.6138C0.31888 18.1069 0.368503 18.5987 0.466851 19.0819C0.565247 19.5766 0.732499 20.055 0.963726 20.5032C1.20537 20.9373 1.5057 21.336 1.85623 21.6882C2.21775 22.0419 2.63768 22.3305 3.09748 22.5413C3.55123 22.7701 4.03657 22.93 4.53748 23.0157C5.03435 23.1113 5.57998 23.1113 6.07685 23.1582H17.9306C18.447 23.1578 18.9623 23.1101 19.47 23.0157C19.9709 22.93 20.4562 22.7701 20.91 22.5413C21.3599 22.3136 21.7774 22.0267 22.1512 21.6882C22.5167 21.3492 22.8189 20.948 23.0437 20.5032C23.2893 20.0613 23.4573 19.5806 23.5406 19.0819C23.6145 18.5953 23.6639 18.1053 23.6887 17.6138V6.38629H23.6868Z\" fill=\"#F05138\"/>\n<path d=\"M15.9375 18.0938C13.8543 19.2431 10.9912 19.3613 8.10935 18.1819C5.86238 17.2702 3.9412 15.7044 2.59497 13.6875C3.22061 14.1664 3.90412 14.5646 4.62935 14.8725C7.60497 16.2038 10.5787 16.1119 12.6731 14.8725C9.69184 12.6863 7.1606 9.84377 5.27435 7.52252C4.90212 7.13023 4.56986 6.70187 4.28247 6.24377C6.56247 8.23314 10.1887 10.7438 11.4787 11.4544C9.63686 9.56718 7.94428 7.53984 6.41622 5.39064C8.9563 7.85905 11.7514 10.0507 14.7543 11.9288C14.8875 12 14.9906 12.06 15.0731 12.1163C15.1611 11.9014 15.2369 11.6816 15.3 11.4581C15.9956 9.04127 15.2006 6.29439 13.4643 4.02002C17.4843 6.33939 19.875 10.6969 18.8737 14.3456C18.8475 14.445 18.8193 14.5331 18.7893 14.6363L18.825 14.6775C20.8106 17.0456 20.265 19.5525 20.0156 19.0838C18.9375 17.0625 16.9443 17.6869 15.9375 18.0938Z\" fill=\"#FEFEFE\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_2_1429\">\n<rect width=\"24\" height=\"24\" fill=\"white\"/>\n</clipPath>\n</defs>`\nconst svgTitleContent = props.title ? `<title data-testid=\"kui-icon-svg-title\">${escapeHtml(props.title)}</title>` : ''\nconst svgProcessedContent = `${svgTitleContent}${!props.staticIds ? prefixSvgIdsInString(svgOriginalContent) : svgOriginalContent}`\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon language-swift-icon\"\n    data-testid=\"kui-icon-wrapper-language-swift-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-language-swift-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      :tabindex=\"decorative ? '-1' : undefined\"\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":";;uCA0JMA,IAAqB;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,GAAIF,EAAM,cAAc,EAAE,eAAe,OAAO;AAAA,IAChD,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,GAezDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2Ce,EAAWf,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es488.js","sources":["../src/components/multi-color/LanguageSwiftIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * LanguageSwiftIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Wed, 30 Oct 2024 15:19:35 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  ...(props.decorative && { pointerEvents: 'none' }), // If the icon is decorative, disable pointer events\n}))\n\n/**\n * Prefix all SVG IDs in the given SVG string with a random prefix to ensure uniqueness.\n *\n * This function performs the following steps:\n * 1. Generates a random prefix.\n * 2. Replaces all `id` attributes in the SVG string with the new prefixed IDs.\n * 3. Updates all ID references (e.g., `url(#id)`, `href=\"#id\"`, etc.) to use the new prefixed IDs.\n *\n * @param {string} svgString - The SVG string in which to prefix IDs.\n * @returns {string} - The SVG string with prefixed IDs.\n */\nconst prefixSvgIdsInString = (svgString: string): string => {\n  const idMap: Record<string, string> = {}\n  const randomPrefix = Math.random().toString(36).substring(2, 12)\n\n  // Replace IDs in the SVG string\n  const updatedSvgString = svgString.replace(/id=\"([^\"]+)\"/g, (match, originalId) => {\n    const newId = `${randomPrefix}-${originalId}`\n    idMap[originalId] = newId\n    return `id=\"${newId}\"`\n  })\n\n  // Replace ID references (e.g., url(#id), href=\"#id\", etc.)\n  const processedSvgString = updatedSvgString.replace(/#([^\\s^\")]+)/g, (match, originalId) => idMap[originalId] ? `#${idMap[originalId]}` : match)\n\n  // Return the processed SVG string\n  return processedSvgString\n}\n\nconst escapeHtml = (str: string) => {\n  const htmlEntities: { [key: string]: string } = {\n    '<': '&lt;',\n    '>': '&gt;',\n    '\"': '&quot;',\n    \"'\": '&#039;',\n    '`': '&#039;',\n  }\n\n  return str.replace(/[<>\"'`]/g, (match) => htmlEntities[match])\n}\n\n// The `svgOriginalContent` template string will be replaced with the SVG innerHTML in the generate script.\n\nconst svgOriginalContent = `<g clip-path=\"url(#clip0_2_1429)\">\n<path d=\"M23.6868 6.38629C23.6867 5.8932 23.6371 5.40136 23.5387 4.91817C23.4403 4.42353 23.2731 3.94512 23.0418 3.49692C22.8002 3.06279 22.4999 2.66404 22.1493 2.31192C21.7878 1.95818 21.3679 1.66956 20.9081 1.45879C20.4543 1.22999 19.969 1.07011 19.4681 0.984419C18.9712 0.888794 18.4256 0.888794 17.9287 0.841919H5.67185C5.28951 0.848145 4.90802 0.880092 4.52997 0.937544C4.15481 0.98171 3.78757 1.07762 3.43873 1.22254C3.33935 1.26942 3.19123 1.31817 3.09185 1.36504C2.7618 1.54196 2.44808 1.74776 2.15435 1.98004C2.05498 2.07567 1.9556 2.12254 1.85623 2.21629C1.4908 2.55523 1.18859 2.95649 0.963726 3.40129C0.718162 3.8432 0.550107 4.3239 0.466851 4.82254C0.392961 5.30913 0.343524 5.79912 0.318726 6.29067V17.6138C0.31888 18.1069 0.368503 18.5987 0.466851 19.0819C0.565247 19.5766 0.732499 20.055 0.963726 20.5032C1.20537 20.9373 1.5057 21.336 1.85623 21.6882C2.21775 22.0419 2.63768 22.3305 3.09748 22.5413C3.55123 22.7701 4.03657 22.93 4.53748 23.0157C5.03435 23.1113 5.57998 23.1113 6.07685 23.1582H17.9306C18.447 23.1578 18.9623 23.1101 19.47 23.0157C19.9709 22.93 20.4562 22.7701 20.91 22.5413C21.3599 22.3136 21.7774 22.0267 22.1512 21.6882C22.5167 21.3492 22.8189 20.948 23.0437 20.5032C23.2893 20.0613 23.4573 19.5806 23.5406 19.0819C23.6145 18.5953 23.6639 18.1053 23.6887 17.6138V6.38629H23.6868Z\" fill=\"#F05138\"/>\n<path d=\"M15.9375 18.0938C13.8543 19.2431 10.9912 19.3613 8.10935 18.1819C5.86238 17.2702 3.9412 15.7044 2.59497 13.6875C3.22061 14.1664 3.90412 14.5646 4.62935 14.8725C7.60497 16.2038 10.5787 16.1119 12.6731 14.8725C9.69184 12.6863 7.1606 9.84377 5.27435 7.52252C4.90212 7.13023 4.56986 6.70187 4.28247 6.24377C6.56247 8.23314 10.1887 10.7438 11.4787 11.4544C9.63686 9.56718 7.94428 7.53984 6.41622 5.39064C8.9563 7.85905 11.7514 10.0507 14.7543 11.9288C14.8875 12 14.9906 12.06 15.0731 12.1163C15.1611 11.9014 15.2369 11.6816 15.3 11.4581C15.9956 9.04127 15.2006 6.29439 13.4643 4.02002C17.4843 6.33939 19.875 10.6969 18.8737 14.3456C18.8475 14.445 18.8193 14.5331 18.7893 14.6363L18.825 14.6775C20.8106 17.0456 20.265 19.5525 20.0156 19.0838C18.9375 17.0625 16.9443 17.6869 15.9375 18.0938Z\" fill=\"#FEFEFE\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_2_1429\">\n<rect width=\"24\" height=\"24\" fill=\"white\"/>\n</clipPath>\n</defs>`\nconst svgTitleContent = props.title ? `<title data-testid=\"kui-icon-svg-title\">${escapeHtml(props.title)}</title>` : ''\nconst svgProcessedContent = `${svgTitleContent}${!props.staticIds ? prefixSvgIdsInString(svgOriginalContent) : svgOriginalContent}`\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon language-swift-icon\"\n    data-testid=\"kui-icon-wrapper-language-swift-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-language-swift-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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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,GAAIF,EAAM,cAAc,EAAE,eAAe,OAAO;AAAA;AAAA,IAChD,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,GAezDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2Ce,EAAWf,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es490.js

@@ -1,6 +1,6 @@
-import { defineComponent as C, computed as d, openBlock as c, createBlock as S, resolveDynamicComponent as h, normalizeStyle as b, withCtx as y, createElementBlock as x } from "vue";
+import { defineComponent as C, computed as d, openBlock as c, createBlock as S, resolveDynamicComponent as h, normalizeStyle as y, withCtx as b, createElementBlock as x } from "vue";
 import { KUI_ICON_SIZE_50 as u } from "./kong-icons.es1223.js";
-const z = ["aria-hidden", "tabindex"], p = '<path d="M20.3399 8.50055C20.2123 8.59956 17.9593 9.86909 17.9593 12.692C17.9593 15.9571 20.8262 17.1122 20.912 17.1408C20.8988 17.2112 20.4565 18.7228 19.4004 20.2629C18.4587 21.6183 17.4752 22.9714 15.9791 22.9714C14.4829 22.9714 14.0979 22.1023 12.3707 22.1023C10.6876 22.1023 10.0891 23 8.72057 23C7.35203 23 6.39714 21.7459 5.29923 20.2057C4.0275 18.3971 3 15.5875 3 12.9208C3 8.64356 5.78108 6.37514 8.51815 6.37514C9.9725 6.37514 11.1848 7.33003 12.0979 7.33003C12.967 7.33003 14.3223 6.31793 15.9769 6.31793C16.604 6.31793 18.857 6.37514 20.3399 8.50055ZM15.1914 4.50715C15.8757 3.69527 16.3597 2.56876 16.3597 1.44224C16.3597 1.28603 16.3465 1.12761 16.3179 1C15.2046 1.0418 13.8801 1.74147 13.0814 2.66777C12.4543 3.38064 11.8691 4.50715 11.8691 5.64907C11.8691 5.82068 11.8977 5.9923 11.9109 6.0473C11.9813 6.06051 12.0957 6.07591 12.2101 6.07591C13.209 6.07591 14.4653 5.40704 15.1914 4.50715Z" fill="black"/>', q = /* @__PURE__ */ C({
+const z = ["aria-hidden"], p = '<path d="M20.3399 8.50055C20.2123 8.59956 17.9593 9.86909 17.9593 12.692C17.9593 15.9571 20.8262 17.1122 20.912 17.1408C20.8988 17.2112 20.4565 18.7228 19.4004 20.2629C18.4587 21.6183 17.4752 22.9714 15.9791 22.9714C14.4829 22.9714 14.0979 22.1023 12.3707 22.1023C10.6876 22.1023 10.0891 23 8.72057 23C7.35203 23 6.39714 21.7459 5.29923 20.2057C4.0275 18.3971 3 15.5875 3 12.9208C3 8.64356 5.78108 6.37514 8.51815 6.37514C9.9725 6.37514 11.1848 7.33003 12.0979 7.33003C12.967 7.33003 14.3223 6.31793 15.9769 6.31793C16.604 6.31793 18.857 6.37514 20.3399 8.50055ZM15.1914 4.50715C15.8757 3.69527 16.3597 2.56876 16.3597 1.44224C16.3597 1.28603 16.3465 1.12761 16.3179 1C15.2046 1.0418 13.8801 1.74147 13.0814 2.66777C12.4543 3.38064 11.8691 4.50715 11.8691 5.64907C11.8691 5.82068 11.8977 5.9923 11.9109 6.0473C11.9813 6.06051 12.0957 6.07591 12.2101 6.07591C13.209 6.07591 14.4653 5.40704 15.1914 4.50715Z" fill="black"/>', q = /* @__PURE__ */ C({
   __name: "AppleIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -79,13 +79,14 @@ const z = ["aria-hidden", "tabindex"], p = '<path d="M20.3399 8.50055C20.2123 8.
       lineHeight: "0",
       width: n.value,
       ...e.decorative && { pointerEvents: "none" }
+      // If the icon is decorative, disable pointer events
     })), f = (r) => {
-      const t = {}, a = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (s, o) => {
-        const l = `${a}-${o}`;
+      const t = {}, s = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (a, o) => {
+        const l = `${s}-${o}`;
         return t[o] = l, `id="${l}"`;
-      }).replace(/#([^\s^")]+)/g, (s, o) => t[o] ? `#${t[o]}` : s);
-    }, v = (r) => {
+      }).replace(/#([^\s^")]+)/g, (a, o) => t[o] ? `#${t[o]}` : a);
+    }, m = (r) => {
       const t = {
         "<": "&lt;",
         ">": "&gt;",
@@ -93,27 +94,26 @@ const z = ["aria-hidden", "tabindex"], p = '<path d="M20.3399 8.50055C20.2123 8.
         "'": "&#039;",
         "`": "&#039;"
       };
-      return r.replace(/[<>"'`]/g, (a) => t[a]);
-    }, m = `${e.title ? `<title data-testid="kui-icon-svg-title">${v(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
+      return r.replace(/[<>"'`]/g, (s) => t[s]);
+    }, v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
     return (r, t) => (c(), S(h(i.as), {
       "aria-hidden": i.decorative ? "true" : void 0,
       class: "kui-icon apple-icon",
       "data-testid": "kui-icon-wrapper-apple-icon",
-      style: b(g.value),
+      style: y(g.value),
       tabindex: i.decorative ? "-1" : void 0
     }, {
-      default: y(() => [
+      default: b(() => [
         (c(), x("svg", {
           "aria-hidden": i.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-apple-icon",
           fill: "none",
           height: "100%",
           role: "img",
-          tabindex: i.decorative ? "-1" : void 0,
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: m
+          innerHTML: v
         }, null, 8, z))
       ]),
       _: 1

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es490.js","sources":["../src/components/multi-color/AppleIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * AppleIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Wed, 30 Oct 2024 15:04:56 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  ...(props.decorative && { pointerEvents: 'none' }),\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=\"M20.3399 8.50055C20.2123 8.59956 17.9593 9.86909 17.9593 12.692C17.9593 15.9571 20.8262 17.1122 20.912 17.1408C20.8988 17.2112 20.4565 18.7228 19.4004 20.2629C18.4587 21.6183 17.4752 22.9714 15.9791 22.9714C14.4829 22.9714 14.0979 22.1023 12.3707 22.1023C10.6876 22.1023 10.0891 23 8.72057 23C7.35203 23 6.39714 21.7459 5.29923 20.2057C4.0275 18.3971 3 15.5875 3 12.9208C3 8.64356 5.78108 6.37514 8.51815 6.37514C9.9725 6.37514 11.1848 7.33003 12.0979 7.33003C12.967 7.33003 14.3223 6.31793 15.9769 6.31793C16.604 6.31793 18.857 6.37514 20.3399 8.50055ZM15.1914 4.50715C15.8757 3.69527 16.3597 2.56876 16.3597 1.44224C16.3597 1.28603 16.3465 1.12761 16.3179 1C15.2046 1.0418 13.8801 1.74147 13.0814 2.66777C12.4543 3.38064 11.8691 4.50715 11.8691 5.64907C11.8691 5.82068 11.8977 5.9923 11.9109 6.0473C11.9813 6.06051 12.0957 6.07591 12.2101 6.07591C13.209 6.07591 14.4653 5.40704 15.1914 4.50715Z\" fill=\"black\"/>`\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 apple-icon\"\n    data-testid=\"kui-icon-wrapper-apple-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-apple-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      :tabindex=\"decorative ? '-1' : undefined\"\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":";;uCA0JMA,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,GAAIF,EAAM,cAAc,EAAE,eAAe,OAAO;AAAA,IAChD,EAAA,GAaIQ,IAAuB,CAACC,MAA8B;AAC1D,YAAMC,IAAgC,CAAA,GAChCC,IAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE;AAaxD,aAVkBF,EAAU,QAAQ,iBAAiB,CAACG,GAAOC,MAAe;AACjF,cAAMC,IAAQ,GAAGH,CAAY,IAAIE,CAAU;AAC3C,eAAAH,EAAMG,CAAU,IAAIC,GACb,OAAOA,CAAK;AAAA,MAAA,CACpB,EAG2C,QAAQ,iBAAiB,CAACF,GAAOC,MAAeH,EAAMG,CAAU,IAAI,IAAIH,EAAMG,CAAU,CAAC,KAAKD,CAAK;AAAA,IAGxI,GAGHG,IAAa,CAACC,MAAgB;AAClC,YAAMC,IAA0C;AAAA,QAC9C,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,MAAA;AAGP,aAAOD,EAAI,QAAQ,YAAY,CAACJ,MAAUK,EAAaL,CAAK,CAAC;AAAA,IAAA,GAOzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2Ce,EAAWf,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es490.js","sources":["../src/components/multi-color/AppleIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * AppleIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Wed, 30 Oct 2024 15:19:35 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  ...(props.decorative && { pointerEvents: 'none' }), // If the icon is decorative, disable pointer events\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=\"M20.3399 8.50055C20.2123 8.59956 17.9593 9.86909 17.9593 12.692C17.9593 15.9571 20.8262 17.1122 20.912 17.1408C20.8988 17.2112 20.4565 18.7228 19.4004 20.2629C18.4587 21.6183 17.4752 22.9714 15.9791 22.9714C14.4829 22.9714 14.0979 22.1023 12.3707 22.1023C10.6876 22.1023 10.0891 23 8.72057 23C7.35203 23 6.39714 21.7459 5.29923 20.2057C4.0275 18.3971 3 15.5875 3 12.9208C3 8.64356 5.78108 6.37514 8.51815 6.37514C9.9725 6.37514 11.1848 7.33003 12.0979 7.33003C12.967 7.33003 14.3223 6.31793 15.9769 6.31793C16.604 6.31793 18.857 6.37514 20.3399 8.50055ZM15.1914 4.50715C15.8757 3.69527 16.3597 2.56876 16.3597 1.44224C16.3597 1.28603 16.3465 1.12761 16.3179 1C15.2046 1.0418 13.8801 1.74147 13.0814 2.66777C12.4543 3.38064 11.8691 4.50715 11.8691 5.64907C11.8691 5.82068 11.8977 5.9923 11.9109 6.0473C11.9813 6.06051 12.0957 6.07591 12.2101 6.07591C13.209 6.07591 14.4653 5.40704 15.1914 4.50715Z\" fill=\"black\"/>`\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 apple-icon\"\n    data-testid=\"kui-icon-wrapper-apple-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-apple-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,GAAIF,EAAM,cAAc,EAAE,eAAe,OAAO;AAAA;AAAA,IAChD,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.es492.js

@@ -1,6 +1,6 @@
-import { defineComponent as m, computed as d, openBlock as l, createBlock as S, resolveDynamicComponent as h, normalizeStyle as y, withCtx as b, createElementBlock as x } from "vue";
+import { defineComponent as m, computed as l, 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 c } from "./kong-icons.es1223.js";
-const w = ["aria-hidden", "tabindex"], u = `<path d="M7.63597 10.4771C7.63597 10.7308 7.66258 10.9365 7.70914 11.0873C7.76236 11.2381 7.82888 11.4027 7.922 11.5809C7.95526 11.6358 7.96856 11.6906 7.96856 11.7386C7.96856 11.8072 7.92865 11.8758 7.84218 11.9443L7.42311 12.2323C7.36324 12.2734 7.30338 12.294 7.25016 12.294C7.18364 12.294 7.11712 12.2597 7.05061 12.198C6.95748 12.0952 6.87766 11.9855 6.81114 11.8758C6.74462 11.7592 6.6781 11.6289 6.60493 11.4712C6.08608 12.102 5.4342 12.4174 4.64928 12.4174C4.09052 12.4174 3.64484 12.2529 3.3189 11.9238C2.99296 11.5947 2.82666 11.1559 2.82666 10.6074C2.82666 10.0246 3.02622 9.55151 3.43198 9.19499C3.83775 8.83847 4.37655 8.66021 5.06169 8.66021C5.28786 8.66021 5.52067 8.68078 5.76679 8.71506C6.01291 8.74934 6.26568 8.80419 6.53176 8.86589V8.36539C6.53176 7.84432 6.42533 7.48094 6.21912 7.2684C6.00626 7.05586 5.64706 6.95301 5.13486 6.95301C4.90205 6.95301 4.66258 6.98044 4.41646 7.04214C4.17034 7.10385 3.93087 7.17927 3.69806 7.27525C3.59163 7.32325 3.5118 7.35067 3.46524 7.36438C3.41868 7.3781 3.38542 7.38495 3.35881 7.38495C3.26568 7.38495 3.21912 7.31639 3.21912 7.17241V6.83646C3.21912 6.72676 3.23242 6.64448 3.26568 6.59649C3.29894 6.5485 3.35881 6.5005 3.45194 6.45251C3.68475 6.3291 3.96413 6.22625 4.29007 6.14398C4.61602 6.05485 4.96191 6.01371 5.32777 6.01371C6.11934 6.01371 6.69806 6.19883 7.07056 6.56906C7.43641 6.9393 7.62267 7.50151 7.62267 8.25569V10.4771H7.63597ZM4.93531 11.5192C5.15482 11.5192 5.38098 11.4781 5.62045 11.3958C5.85992 11.3136 6.07278 11.1627 6.25238 10.957C6.35881 10.8268 6.43863 10.6828 6.47854 10.5182C6.51845 10.3537 6.54506 10.1549 6.54506 9.92175V9.63379C6.35216 9.58579 6.14595 9.54466 5.93309 9.51723C5.72023 9.48981 5.51402 9.47609 5.30781 9.47609C4.86214 9.47609 4.53619 9.56523 4.31668 9.75034C4.09717 9.93546 3.99074 10.196 3.99074 10.5388C3.99074 10.861 4.07056 11.101 4.23686 11.2656C4.3965 11.437 4.62932 11.5192 4.93531 11.5192ZM10.2768 12.2597C10.157 12.2597 10.0772 12.2391 10.024 12.1912C9.97078 12.15 9.92422 12.054 9.88431 11.9238L8.32111 6.62391C8.2812 6.48679 8.26125 6.39766 8.26125 6.34967C8.26125 6.23997 8.31446 6.17826 8.42089 6.17826H9.07278C9.19916 6.17826 9.28564 6.19883 9.3322 6.24682C9.38542 6.28796 9.42533 6.38395 9.46524 6.51422L10.5828 11.053L11.6204 6.51422C11.6537 6.37709 11.6936 6.28796 11.7468 6.24682C11.8 6.20569 11.8932 6.17826 12.0129 6.17826H12.5451C12.6714 6.17826 12.7579 6.19883 12.8111 6.24682C12.8643 6.28796 12.9109 6.38395 12.9375 6.51422L13.9885 11.1079L15.1393 6.51422C15.1792 6.37709 15.2258 6.28796 15.2723 6.24682C15.3255 6.20569 15.412 6.17826 15.5318 6.17826H16.1504C16.2568 6.17826 16.3167 6.23311 16.3167 6.34967C16.3167 6.38395 16.31 6.41823 16.3034 6.45937C16.2967 6.5005 16.2834 6.55535 16.2568 6.63077L14.6537 11.9306C14.6138 12.0677 14.5672 12.1569 14.514 12.198C14.4608 12.2391 14.3743 12.2666 14.2612 12.2666H13.6892C13.5628 12.2666 13.4763 12.246 13.4231 12.198C13.3699 12.15 13.3233 12.0609 13.2967 11.9238L12.2657 7.50151L11.2413 11.9169C11.208 12.054 11.1681 12.1432 11.1149 12.1912C11.0617 12.2391 10.9686 12.2597 10.8488 12.2597H10.2768ZM18.8244 12.4448C18.4785 12.4448 18.1326 12.4037 17.8 12.3214C17.4675 12.2391 17.208 12.15 17.0351 12.0472C16.9286 11.9855 16.8555 11.9169 16.8289 11.8552C16.8023 11.7935 16.789 11.7249 16.789 11.6632V11.3136C16.789 11.1696 16.8422 11.101 16.942 11.101C16.9819 11.101 17.0218 11.1079 17.0617 11.1216C17.1016 11.1353 17.1615 11.1627 17.228 11.1901C17.4541 11.293 17.7003 11.3753 17.9597 11.4301C18.2258 11.485 18.4852 11.5124 18.7513 11.5124C19.1703 11.5124 19.4963 11.437 19.7224 11.2861C19.9486 11.1353 20.0683 10.9159 20.0683 10.6348C20.0683 10.4428 20.0085 10.2851 19.8887 10.1549C19.769 10.0246 19.5428 9.90804 19.2169 9.79834L18.2524 9.48981C17.7668 9.33211 17.4076 9.099 17.1881 8.79047C16.9686 8.4888 16.8555 8.15285 16.8555 7.79632C16.8555 7.50836 16.9153 7.25469 17.0351 7.03529C17.1548 6.81589 17.3145 6.62391 17.514 6.47308C17.7136 6.31539 17.9397 6.19883 18.2058 6.11656C18.4719 6.03428 18.7513 6 19.0439 6C19.1903 6 19.3433 6.00686 19.4896 6.02742C19.6426 6.04799 19.7823 6.07542 19.922 6.10284C20.055 6.13712 20.1814 6.17141 20.3012 6.21254C20.4209 6.25368 20.514 6.29482 20.5805 6.33595C20.6737 6.3908 20.7402 6.44565 20.7801 6.50736C20.82 6.56221 20.84 6.63763 20.84 6.73361V7.05586C20.84 7.19984 20.7867 7.27525 20.687 7.27525C20.6337 7.27525 20.5473 7.24783 20.4342 7.19298C20.055 7.01472 19.6293 6.92559 19.157 6.92559C18.7779 6.92559 18.4785 6.98729 18.2723 7.11756C18.0661 7.24783 17.9597 7.44666 17.9597 7.72776C17.9597 7.91974 18.0262 8.08429 18.1592 8.21455C18.2923 8.34482 18.5384 8.47509 18.891 8.59164L19.8355 8.90017C20.3145 9.05787 20.6604 9.27726 20.8666 9.55837C21.0728 9.83947 21.1726 10.1617 21.1726 10.5182C21.1726 10.8131 21.1127 11.0804 20.9996 11.3136C20.8799 11.5467 20.7202 11.7524 20.514 11.9169C20.3078 12.0883 20.0617 12.2117 19.7757 12.3008C19.4763 12.3968 19.1637 12.4448 18.8244 12.4448Z" fill="#252F3E"/>
+const w = ["aria-hidden"], u = `<path d="M7.63597 10.4771C7.63597 10.7308 7.66258 10.9365 7.70914 11.0873C7.76236 11.2381 7.82888 11.4027 7.922 11.5809C7.95526 11.6358 7.96856 11.6906 7.96856 11.7386C7.96856 11.8072 7.92865 11.8758 7.84218 11.9443L7.42311 12.2323C7.36324 12.2734 7.30338 12.294 7.25016 12.294C7.18364 12.294 7.11712 12.2597 7.05061 12.198C6.95748 12.0952 6.87766 11.9855 6.81114 11.8758C6.74462 11.7592 6.6781 11.6289 6.60493 11.4712C6.08608 12.102 5.4342 12.4174 4.64928 12.4174C4.09052 12.4174 3.64484 12.2529 3.3189 11.9238C2.99296 11.5947 2.82666 11.1559 2.82666 10.6074C2.82666 10.0246 3.02622 9.55151 3.43198 9.19499C3.83775 8.83847 4.37655 8.66021 5.06169 8.66021C5.28786 8.66021 5.52067 8.68078 5.76679 8.71506C6.01291 8.74934 6.26568 8.80419 6.53176 8.86589V8.36539C6.53176 7.84432 6.42533 7.48094 6.21912 7.2684C6.00626 7.05586 5.64706 6.95301 5.13486 6.95301C4.90205 6.95301 4.66258 6.98044 4.41646 7.04214C4.17034 7.10385 3.93087 7.17927 3.69806 7.27525C3.59163 7.32325 3.5118 7.35067 3.46524 7.36438C3.41868 7.3781 3.38542 7.38495 3.35881 7.38495C3.26568 7.38495 3.21912 7.31639 3.21912 7.17241V6.83646C3.21912 6.72676 3.23242 6.64448 3.26568 6.59649C3.29894 6.5485 3.35881 6.5005 3.45194 6.45251C3.68475 6.3291 3.96413 6.22625 4.29007 6.14398C4.61602 6.05485 4.96191 6.01371 5.32777 6.01371C6.11934 6.01371 6.69806 6.19883 7.07056 6.56906C7.43641 6.9393 7.62267 7.50151 7.62267 8.25569V10.4771H7.63597ZM4.93531 11.5192C5.15482 11.5192 5.38098 11.4781 5.62045 11.3958C5.85992 11.3136 6.07278 11.1627 6.25238 10.957C6.35881 10.8268 6.43863 10.6828 6.47854 10.5182C6.51845 10.3537 6.54506 10.1549 6.54506 9.92175V9.63379C6.35216 9.58579 6.14595 9.54466 5.93309 9.51723C5.72023 9.48981 5.51402 9.47609 5.30781 9.47609C4.86214 9.47609 4.53619 9.56523 4.31668 9.75034C4.09717 9.93546 3.99074 10.196 3.99074 10.5388C3.99074 10.861 4.07056 11.101 4.23686 11.2656C4.3965 11.437 4.62932 11.5192 4.93531 11.5192ZM10.2768 12.2597C10.157 12.2597 10.0772 12.2391 10.024 12.1912C9.97078 12.15 9.92422 12.054 9.88431 11.9238L8.32111 6.62391C8.2812 6.48679 8.26125 6.39766 8.26125 6.34967C8.26125 6.23997 8.31446 6.17826 8.42089 6.17826H9.07278C9.19916 6.17826 9.28564 6.19883 9.3322 6.24682C9.38542 6.28796 9.42533 6.38395 9.46524 6.51422L10.5828 11.053L11.6204 6.51422C11.6537 6.37709 11.6936 6.28796 11.7468 6.24682C11.8 6.20569 11.8932 6.17826 12.0129 6.17826H12.5451C12.6714 6.17826 12.7579 6.19883 12.8111 6.24682C12.8643 6.28796 12.9109 6.38395 12.9375 6.51422L13.9885 11.1079L15.1393 6.51422C15.1792 6.37709 15.2258 6.28796 15.2723 6.24682C15.3255 6.20569 15.412 6.17826 15.5318 6.17826H16.1504C16.2568 6.17826 16.3167 6.23311 16.3167 6.34967C16.3167 6.38395 16.31 6.41823 16.3034 6.45937C16.2967 6.5005 16.2834 6.55535 16.2568 6.63077L14.6537 11.9306C14.6138 12.0677 14.5672 12.1569 14.514 12.198C14.4608 12.2391 14.3743 12.2666 14.2612 12.2666H13.6892C13.5628 12.2666 13.4763 12.246 13.4231 12.198C13.3699 12.15 13.3233 12.0609 13.2967 11.9238L12.2657 7.50151L11.2413 11.9169C11.208 12.054 11.1681 12.1432 11.1149 12.1912C11.0617 12.2391 10.9686 12.2597 10.8488 12.2597H10.2768ZM18.8244 12.4448C18.4785 12.4448 18.1326 12.4037 17.8 12.3214C17.4675 12.2391 17.208 12.15 17.0351 12.0472C16.9286 11.9855 16.8555 11.9169 16.8289 11.8552C16.8023 11.7935 16.789 11.7249 16.789 11.6632V11.3136C16.789 11.1696 16.8422 11.101 16.942 11.101C16.9819 11.101 17.0218 11.1079 17.0617 11.1216C17.1016 11.1353 17.1615 11.1627 17.228 11.1901C17.4541 11.293 17.7003 11.3753 17.9597 11.4301C18.2258 11.485 18.4852 11.5124 18.7513 11.5124C19.1703 11.5124 19.4963 11.437 19.7224 11.2861C19.9486 11.1353 20.0683 10.9159 20.0683 10.6348C20.0683 10.4428 20.0085 10.2851 19.8887 10.1549C19.769 10.0246 19.5428 9.90804 19.2169 9.79834L18.2524 9.48981C17.7668 9.33211 17.4076 9.099 17.1881 8.79047C16.9686 8.4888 16.8555 8.15285 16.8555 7.79632C16.8555 7.50836 16.9153 7.25469 17.0351 7.03529C17.1548 6.81589 17.3145 6.62391 17.514 6.47308C17.7136 6.31539 17.9397 6.19883 18.2058 6.11656C18.4719 6.03428 18.7513 6 19.0439 6C19.1903 6 19.3433 6.00686 19.4896 6.02742C19.6426 6.04799 19.7823 6.07542 19.922 6.10284C20.055 6.13712 20.1814 6.17141 20.3012 6.21254C20.4209 6.25368 20.514 6.29482 20.5805 6.33595C20.6737 6.3908 20.7402 6.44565 20.7801 6.50736C20.82 6.56221 20.84 6.63763 20.84 6.73361V7.05586C20.84 7.19984 20.7867 7.27525 20.687 7.27525C20.6337 7.27525 20.5473 7.24783 20.4342 7.19298C20.055 7.01472 19.6293 6.92559 19.157 6.92559C18.7779 6.92559 18.4785 6.98729 18.2723 7.11756C18.0661 7.24783 17.9597 7.44666 17.9597 7.72776C17.9597 7.91974 18.0262 8.08429 18.1592 8.21455C18.2923 8.34482 18.5384 8.47509 18.891 8.59164L19.8355 8.90017C20.3145 9.05787 20.6604 9.27726 20.8666 9.55837C21.0728 9.83947 21.1726 10.1617 21.1726 10.5182C21.1726 10.8131 21.1127 11.0804 20.9996 11.3136C20.8799 11.5467 20.7202 11.7524 20.514 11.9169C20.3078 12.0883 20.0617 12.2117 19.7757 12.3008C19.4763 12.3968 19.1637 12.4448 18.8244 12.4448Z" fill="#252F3E"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M20.0819 15.7768C17.8935 17.4428 14.7139 18.3273 11.98 18.3273C8.14847 18.3273 4.69614 16.8669 2.0886 14.4398C1.8824 14.2478 2.06865 13.9873 2.31477 14.1381C5.13517 15.8248 8.6141 16.8463 12.2128 16.8463C14.6407 16.8463 17.3081 16.3253 19.7627 15.2557C20.1285 15.0843 20.4411 15.5025 20.0819 15.7768Z" fill="#FF9900"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M20.9929 14.7073C20.7136 14.3371 19.1437 14.529 18.432 14.6182C18.2191 14.6456 18.1858 14.4536 18.3787 14.3096C19.6293 13.4046 21.6847 13.6651 21.9242 13.9668C22.1637 14.2753 21.8577 16.3939 20.6869 17.4086C20.5073 17.5663 20.3344 17.484 20.4142 17.2784C20.6803 16.5996 21.2723 15.0707 20.9929 14.7073Z" fill="#FF9900"/>`, I = /* @__PURE__ */ m({
   __name: "AwsIcon",
@@ -63,7 +63,7 @@ const w = ["aria-hidden", "tabindex"], u = `<path d="M7.63597 10.4771C7.63597 10
     }
   },
   setup(i) {
-    const e = i, C = d(() => {
+    const e = i, C = l(() => {
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
@@ -72,7 +72,7 @@ const w = ["aria-hidden", "tabindex"], u = `<path d="M7.63597 10.4771C7.63597 10
           return `${t}px`;
       }
       return c;
-    }), g = d(() => ({
+    }), p = l(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
@@ -81,7 +81,8 @@ const w = ["aria-hidden", "tabindex"], u = `<path d="M7.63597 10.4771C7.63597 10
       lineHeight: "0",
       width: C.value,
       ...e.decorative && { pointerEvents: "none" }
-    })), p = (n) => {
+      // If the icon is decorative, disable pointer events
+    })), g = (n) => {
       const t = {}, o = Math.random().toString(36).substring(2, 12);
       return n.replace(/id="([^"]+)"/g, (s, r) => {
         const a = `${o}-${r}`;
@@ -96,22 +97,21 @@ const w = ["aria-hidden", "tabindex"], u = `<path d="M7.63597 10.4771C7.63597 10
         "`": "&#039;"
       };
       return n.replace(/[<>"'`]/g, (o) => t[o]);
-    }, v = `${e.title ? `<title data-testid="kui-icon-svg-title">${f(e.title)}</title>` : ""}${e.staticIds ? u : p(u)}`;
-    return (n, t) => (l(), S(h(i.as), {
+    }, v = `${e.title ? `<title data-testid="kui-icon-svg-title">${f(e.title)}</title>` : ""}${e.staticIds ? u : g(u)}`;
+    return (n, t) => (d(), S(h(i.as), {
       "aria-hidden": i.decorative ? "true" : void 0,
       class: "kui-icon aws-icon",
       "data-testid": "kui-icon-wrapper-aws-icon",
-      style: y(g.value),
+      style: y(p.value),
       tabindex: i.decorative ? "-1" : void 0
     }, {
       default: b(() => [
-        (l(), x("svg", {
+        (d(), x("svg", {
           "aria-hidden": i.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-aws-icon",
           fill: "none",
           height: "100%",
           role: "img",
-          tabindex: i.decorative ? "-1" : void 0,
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es492.js","sources":["../src/components/multi-color/AwsIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * AwsIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Wed, 30 Oct 2024 15:04:56 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  ...(props.decorative && { pointerEvents: 'none' }),\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=\"M7.63597 10.4771C7.63597 10.7308 7.66258 10.9365 7.70914 11.0873C7.76236 11.2381 7.82888 11.4027 7.922 11.5809C7.95526 11.6358 7.96856 11.6906 7.96856 11.7386C7.96856 11.8072 7.92865 11.8758 7.84218 11.9443L7.42311 12.2323C7.36324 12.2734 7.30338 12.294 7.25016 12.294C7.18364 12.294 7.11712 12.2597 7.05061 12.198C6.95748 12.0952 6.87766 11.9855 6.81114 11.8758C6.74462 11.7592 6.6781 11.6289 6.60493 11.4712C6.08608 12.102 5.4342 12.4174 4.64928 12.4174C4.09052 12.4174 3.64484 12.2529 3.3189 11.9238C2.99296 11.5947 2.82666 11.1559 2.82666 10.6074C2.82666 10.0246 3.02622 9.55151 3.43198 9.19499C3.83775 8.83847 4.37655 8.66021 5.06169 8.66021C5.28786 8.66021 5.52067 8.68078 5.76679 8.71506C6.01291 8.74934 6.26568 8.80419 6.53176 8.86589V8.36539C6.53176 7.84432 6.42533 7.48094 6.21912 7.2684C6.00626 7.05586 5.64706 6.95301 5.13486 6.95301C4.90205 6.95301 4.66258 6.98044 4.41646 7.04214C4.17034 7.10385 3.93087 7.17927 3.69806 7.27525C3.59163 7.32325 3.5118 7.35067 3.46524 7.36438C3.41868 7.3781 3.38542 7.38495 3.35881 7.38495C3.26568 7.38495 3.21912 7.31639 3.21912 7.17241V6.83646C3.21912 6.72676 3.23242 6.64448 3.26568 6.59649C3.29894 6.5485 3.35881 6.5005 3.45194 6.45251C3.68475 6.3291 3.96413 6.22625 4.29007 6.14398C4.61602 6.05485 4.96191 6.01371 5.32777 6.01371C6.11934 6.01371 6.69806 6.19883 7.07056 6.56906C7.43641 6.9393 7.62267 7.50151 7.62267 8.25569V10.4771H7.63597ZM4.93531 11.5192C5.15482 11.5192 5.38098 11.4781 5.62045 11.3958C5.85992 11.3136 6.07278 11.1627 6.25238 10.957C6.35881 10.8268 6.43863 10.6828 6.47854 10.5182C6.51845 10.3537 6.54506 10.1549 6.54506 9.92175V9.63379C6.35216 9.58579 6.14595 9.54466 5.93309 9.51723C5.72023 9.48981 5.51402 9.47609 5.30781 9.47609C4.86214 9.47609 4.53619 9.56523 4.31668 9.75034C4.09717 9.93546 3.99074 10.196 3.99074 10.5388C3.99074 10.861 4.07056 11.101 4.23686 11.2656C4.3965 11.437 4.62932 11.5192 4.93531 11.5192ZM10.2768 12.2597C10.157 12.2597 10.0772 12.2391 10.024 12.1912C9.97078 12.15 9.92422 12.054 9.88431 11.9238L8.32111 6.62391C8.2812 6.48679 8.26125 6.39766 8.26125 6.34967C8.26125 6.23997 8.31446 6.17826 8.42089 6.17826H9.07278C9.19916 6.17826 9.28564 6.19883 9.3322 6.24682C9.38542 6.28796 9.42533 6.38395 9.46524 6.51422L10.5828 11.053L11.6204 6.51422C11.6537 6.37709 11.6936 6.28796 11.7468 6.24682C11.8 6.20569 11.8932 6.17826 12.0129 6.17826H12.5451C12.6714 6.17826 12.7579 6.19883 12.8111 6.24682C12.8643 6.28796 12.9109 6.38395 12.9375 6.51422L13.9885 11.1079L15.1393 6.51422C15.1792 6.37709 15.2258 6.28796 15.2723 6.24682C15.3255 6.20569 15.412 6.17826 15.5318 6.17826H16.1504C16.2568 6.17826 16.3167 6.23311 16.3167 6.34967C16.3167 6.38395 16.31 6.41823 16.3034 6.45937C16.2967 6.5005 16.2834 6.55535 16.2568 6.63077L14.6537 11.9306C14.6138 12.0677 14.5672 12.1569 14.514 12.198C14.4608 12.2391 14.3743 12.2666 14.2612 12.2666H13.6892C13.5628 12.2666 13.4763 12.246 13.4231 12.198C13.3699 12.15 13.3233 12.0609 13.2967 11.9238L12.2657 7.50151L11.2413 11.9169C11.208 12.054 11.1681 12.1432 11.1149 12.1912C11.0617 12.2391 10.9686 12.2597 10.8488 12.2597H10.2768ZM18.8244 12.4448C18.4785 12.4448 18.1326 12.4037 17.8 12.3214C17.4675 12.2391 17.208 12.15 17.0351 12.0472C16.9286 11.9855 16.8555 11.9169 16.8289 11.8552C16.8023 11.7935 16.789 11.7249 16.789 11.6632V11.3136C16.789 11.1696 16.8422 11.101 16.942 11.101C16.9819 11.101 17.0218 11.1079 17.0617 11.1216C17.1016 11.1353 17.1615 11.1627 17.228 11.1901C17.4541 11.293 17.7003 11.3753 17.9597 11.4301C18.2258 11.485 18.4852 11.5124 18.7513 11.5124C19.1703 11.5124 19.4963 11.437 19.7224 11.2861C19.9486 11.1353 20.0683 10.9159 20.0683 10.6348C20.0683 10.4428 20.0085 10.2851 19.8887 10.1549C19.769 10.0246 19.5428 9.90804 19.2169 9.79834L18.2524 9.48981C17.7668 9.33211 17.4076 9.099 17.1881 8.79047C16.9686 8.4888 16.8555 8.15285 16.8555 7.79632C16.8555 7.50836 16.9153 7.25469 17.0351 7.03529C17.1548 6.81589 17.3145 6.62391 17.514 6.47308C17.7136 6.31539 17.9397 6.19883 18.2058 6.11656C18.4719 6.03428 18.7513 6 19.0439 6C19.1903 6 19.3433 6.00686 19.4896 6.02742C19.6426 6.04799 19.7823 6.07542 19.922 6.10284C20.055 6.13712 20.1814 6.17141 20.3012 6.21254C20.4209 6.25368 20.514 6.29482 20.5805 6.33595C20.6737 6.3908 20.7402 6.44565 20.7801 6.50736C20.82 6.56221 20.84 6.63763 20.84 6.73361V7.05586C20.84 7.19984 20.7867 7.27525 20.687 7.27525C20.6337 7.27525 20.5473 7.24783 20.4342 7.19298C20.055 7.01472 19.6293 6.92559 19.157 6.92559C18.7779 6.92559 18.4785 6.98729 18.2723 7.11756C18.0661 7.24783 17.9597 7.44666 17.9597 7.72776C17.9597 7.91974 18.0262 8.08429 18.1592 8.21455C18.2923 8.34482 18.5384 8.47509 18.891 8.59164L19.8355 8.90017C20.3145 9.05787 20.6604 9.27726 20.8666 9.55837C21.0728 9.83947 21.1726 10.1617 21.1726 10.5182C21.1726 10.8131 21.1127 11.0804 20.9996 11.3136C20.8799 11.5467 20.7202 11.7524 20.514 11.9169C20.3078 12.0883 20.0617 12.2117 19.7757 12.3008C19.4763 12.3968 19.1637 12.4448 18.8244 12.4448Z\" fill=\"#252F3E\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M20.0819 15.7768C17.8935 17.4428 14.7139 18.3273 11.98 18.3273C8.14847 18.3273 4.69614 16.8669 2.0886 14.4398C1.8824 14.2478 2.06865 13.9873 2.31477 14.1381C5.13517 15.8248 8.6141 16.8463 12.2128 16.8463C14.6407 16.8463 17.3081 16.3253 19.7627 15.2557C20.1285 15.0843 20.4411 15.5025 20.0819 15.7768Z\" fill=\"#FF9900\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M20.9929 14.7073C20.7136 14.3371 19.1437 14.529 18.432 14.6182C18.2191 14.6456 18.1858 14.4536 18.3787 14.3096C19.6293 13.4046 21.6847 13.6651 21.9242 13.9668C22.1637 14.2753 21.8577 16.3939 20.6869 17.4086C20.5073 17.5663 20.3344 17.484 20.4142 17.2784C20.6803 16.5996 21.2723 15.0707 20.9929 14.7073Z\" fill=\"#FF9900\"/>`\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 aws-icon\"\n    data-testid=\"kui-icon-wrapper-aws-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-aws-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      :tabindex=\"decorative ? '-1' : undefined\"\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":";;uCA0JMA,IAAqB;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,GAAIF,EAAM,cAAc,EAAE,eAAe,OAAO;AAAA,IAChD,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,GASzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2Ce,EAAWf,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es492.js","sources":["../src/components/multi-color/AwsIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * AwsIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Wed, 30 Oct 2024 15:19:35 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  ...(props.decorative && { pointerEvents: 'none' }), // If the icon is decorative, disable pointer events\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=\"M7.63597 10.4771C7.63597 10.7308 7.66258 10.9365 7.70914 11.0873C7.76236 11.2381 7.82888 11.4027 7.922 11.5809C7.95526 11.6358 7.96856 11.6906 7.96856 11.7386C7.96856 11.8072 7.92865 11.8758 7.84218 11.9443L7.42311 12.2323C7.36324 12.2734 7.30338 12.294 7.25016 12.294C7.18364 12.294 7.11712 12.2597 7.05061 12.198C6.95748 12.0952 6.87766 11.9855 6.81114 11.8758C6.74462 11.7592 6.6781 11.6289 6.60493 11.4712C6.08608 12.102 5.4342 12.4174 4.64928 12.4174C4.09052 12.4174 3.64484 12.2529 3.3189 11.9238C2.99296 11.5947 2.82666 11.1559 2.82666 10.6074C2.82666 10.0246 3.02622 9.55151 3.43198 9.19499C3.83775 8.83847 4.37655 8.66021 5.06169 8.66021C5.28786 8.66021 5.52067 8.68078 5.76679 8.71506C6.01291 8.74934 6.26568 8.80419 6.53176 8.86589V8.36539C6.53176 7.84432 6.42533 7.48094 6.21912 7.2684C6.00626 7.05586 5.64706 6.95301 5.13486 6.95301C4.90205 6.95301 4.66258 6.98044 4.41646 7.04214C4.17034 7.10385 3.93087 7.17927 3.69806 7.27525C3.59163 7.32325 3.5118 7.35067 3.46524 7.36438C3.41868 7.3781 3.38542 7.38495 3.35881 7.38495C3.26568 7.38495 3.21912 7.31639 3.21912 7.17241V6.83646C3.21912 6.72676 3.23242 6.64448 3.26568 6.59649C3.29894 6.5485 3.35881 6.5005 3.45194 6.45251C3.68475 6.3291 3.96413 6.22625 4.29007 6.14398C4.61602 6.05485 4.96191 6.01371 5.32777 6.01371C6.11934 6.01371 6.69806 6.19883 7.07056 6.56906C7.43641 6.9393 7.62267 7.50151 7.62267 8.25569V10.4771H7.63597ZM4.93531 11.5192C5.15482 11.5192 5.38098 11.4781 5.62045 11.3958C5.85992 11.3136 6.07278 11.1627 6.25238 10.957C6.35881 10.8268 6.43863 10.6828 6.47854 10.5182C6.51845 10.3537 6.54506 10.1549 6.54506 9.92175V9.63379C6.35216 9.58579 6.14595 9.54466 5.93309 9.51723C5.72023 9.48981 5.51402 9.47609 5.30781 9.47609C4.86214 9.47609 4.53619 9.56523 4.31668 9.75034C4.09717 9.93546 3.99074 10.196 3.99074 10.5388C3.99074 10.861 4.07056 11.101 4.23686 11.2656C4.3965 11.437 4.62932 11.5192 4.93531 11.5192ZM10.2768 12.2597C10.157 12.2597 10.0772 12.2391 10.024 12.1912C9.97078 12.15 9.92422 12.054 9.88431 11.9238L8.32111 6.62391C8.2812 6.48679 8.26125 6.39766 8.26125 6.34967C8.26125 6.23997 8.31446 6.17826 8.42089 6.17826H9.07278C9.19916 6.17826 9.28564 6.19883 9.3322 6.24682C9.38542 6.28796 9.42533 6.38395 9.46524 6.51422L10.5828 11.053L11.6204 6.51422C11.6537 6.37709 11.6936 6.28796 11.7468 6.24682C11.8 6.20569 11.8932 6.17826 12.0129 6.17826H12.5451C12.6714 6.17826 12.7579 6.19883 12.8111 6.24682C12.8643 6.28796 12.9109 6.38395 12.9375 6.51422L13.9885 11.1079L15.1393 6.51422C15.1792 6.37709 15.2258 6.28796 15.2723 6.24682C15.3255 6.20569 15.412 6.17826 15.5318 6.17826H16.1504C16.2568 6.17826 16.3167 6.23311 16.3167 6.34967C16.3167 6.38395 16.31 6.41823 16.3034 6.45937C16.2967 6.5005 16.2834 6.55535 16.2568 6.63077L14.6537 11.9306C14.6138 12.0677 14.5672 12.1569 14.514 12.198C14.4608 12.2391 14.3743 12.2666 14.2612 12.2666H13.6892C13.5628 12.2666 13.4763 12.246 13.4231 12.198C13.3699 12.15 13.3233 12.0609 13.2967 11.9238L12.2657 7.50151L11.2413 11.9169C11.208 12.054 11.1681 12.1432 11.1149 12.1912C11.0617 12.2391 10.9686 12.2597 10.8488 12.2597H10.2768ZM18.8244 12.4448C18.4785 12.4448 18.1326 12.4037 17.8 12.3214C17.4675 12.2391 17.208 12.15 17.0351 12.0472C16.9286 11.9855 16.8555 11.9169 16.8289 11.8552C16.8023 11.7935 16.789 11.7249 16.789 11.6632V11.3136C16.789 11.1696 16.8422 11.101 16.942 11.101C16.9819 11.101 17.0218 11.1079 17.0617 11.1216C17.1016 11.1353 17.1615 11.1627 17.228 11.1901C17.4541 11.293 17.7003 11.3753 17.9597 11.4301C18.2258 11.485 18.4852 11.5124 18.7513 11.5124C19.1703 11.5124 19.4963 11.437 19.7224 11.2861C19.9486 11.1353 20.0683 10.9159 20.0683 10.6348C20.0683 10.4428 20.0085 10.2851 19.8887 10.1549C19.769 10.0246 19.5428 9.90804 19.2169 9.79834L18.2524 9.48981C17.7668 9.33211 17.4076 9.099 17.1881 8.79047C16.9686 8.4888 16.8555 8.15285 16.8555 7.79632C16.8555 7.50836 16.9153 7.25469 17.0351 7.03529C17.1548 6.81589 17.3145 6.62391 17.514 6.47308C17.7136 6.31539 17.9397 6.19883 18.2058 6.11656C18.4719 6.03428 18.7513 6 19.0439 6C19.1903 6 19.3433 6.00686 19.4896 6.02742C19.6426 6.04799 19.7823 6.07542 19.922 6.10284C20.055 6.13712 20.1814 6.17141 20.3012 6.21254C20.4209 6.25368 20.514 6.29482 20.5805 6.33595C20.6737 6.3908 20.7402 6.44565 20.7801 6.50736C20.82 6.56221 20.84 6.63763 20.84 6.73361V7.05586C20.84 7.19984 20.7867 7.27525 20.687 7.27525C20.6337 7.27525 20.5473 7.24783 20.4342 7.19298C20.055 7.01472 19.6293 6.92559 19.157 6.92559C18.7779 6.92559 18.4785 6.98729 18.2723 7.11756C18.0661 7.24783 17.9597 7.44666 17.9597 7.72776C17.9597 7.91974 18.0262 8.08429 18.1592 8.21455C18.2923 8.34482 18.5384 8.47509 18.891 8.59164L19.8355 8.90017C20.3145 9.05787 20.6604 9.27726 20.8666 9.55837C21.0728 9.83947 21.1726 10.1617 21.1726 10.5182C21.1726 10.8131 21.1127 11.0804 20.9996 11.3136C20.8799 11.5467 20.7202 11.7524 20.514 11.9169C20.3078 12.0883 20.0617 12.2117 19.7757 12.3008C19.4763 12.3968 19.1637 12.4448 18.8244 12.4448Z\" fill=\"#252F3E\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M20.0819 15.7768C17.8935 17.4428 14.7139 18.3273 11.98 18.3273C8.14847 18.3273 4.69614 16.8669 2.0886 14.4398C1.8824 14.2478 2.06865 13.9873 2.31477 14.1381C5.13517 15.8248 8.6141 16.8463 12.2128 16.8463C14.6407 16.8463 17.3081 16.3253 19.7627 15.2557C20.1285 15.0843 20.4411 15.5025 20.0819 15.7768Z\" fill=\"#FF9900\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M20.9929 14.7073C20.7136 14.3371 19.1437 14.529 18.432 14.6182C18.2191 14.6456 18.1858 14.4536 18.3787 14.3096C19.6293 13.4046 21.6847 13.6651 21.9242 13.9668C22.1637 14.2753 21.8577 16.3939 20.6869 17.4086C20.5073 17.5663 20.3344 17.484 20.4142 17.2784C20.6803 16.5996 21.2723 15.0707 20.9929 14.7073Z\" fill=\"#FF9900\"/>`\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 aws-icon\"\n    data-testid=\"kui-icon-wrapper-aws-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-aws-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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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,GAAIF,EAAM,cAAc,EAAE,eAAe,OAAO;AAAA;AAAA,IAChD,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,GASzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2Ce,EAAWf,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es494.js

@@ -1,6 +1,6 @@
-import { defineComponent as y, computed as d, openBlock as c, createBlock as m, resolveDynamicComponent as S, normalizeStyle as x, withCtx as h, createElementBlock as _ } from "vue";
+import { defineComponent as m, computed as d, openBlock as c, createBlock as S, resolveDynamicComponent as v, normalizeStyle as h, withCtx as x, createElementBlock as _ } from "vue";
 import { KUI_ICON_SIZE_50 as p } from "./kong-icons.es1223.js";
-const b = ["aria-hidden", "tabindex"], u = `<path d="M8.8651 2.00024H14.9587L8.63295 21.3186C8.56793 21.5171 8.44415 21.6896 8.27904 21.8118C8.11392 21.934 7.91578 21.9997 7.71251 21.9998H2.97016C2.81615 21.9998 2.66434 21.962 2.52731 21.8896C2.39027 21.8171 2.27194 21.7121 2.18211 21.5831C2.09228 21.4542 2.03352 21.305 2.0107 21.1481C1.98789 20.9911 2.00167 20.8307 2.0509 20.6803L7.94443 2.68144C8.00942 2.48284 8.13322 2.31027 8.29838 2.18802C8.46355 2.06577 8.66176 2.00025 8.8651 2.00024Z" fill="url(#paint0_linear_321_21552)"/>
+const b = ["aria-hidden"], u = `<path d="M8.8651 2.00024H14.9587L8.63295 21.3186C8.56793 21.5171 8.44415 21.6896 8.27904 21.8118C8.11392 21.934 7.91578 21.9997 7.71251 21.9998H2.97016C2.81615 21.9998 2.66434 21.962 2.52731 21.8896C2.39027 21.8171 2.27194 21.7121 2.18211 21.5831C2.09228 21.4542 2.03352 21.305 2.0107 21.1481C1.98789 20.9911 2.00167 20.8307 2.0509 20.6803L7.94443 2.68144C8.00942 2.48284 8.13322 2.31027 8.29838 2.18802C8.46355 2.06577 8.66176 2.00025 8.8651 2.00024Z" fill="url(#paint0_linear_321_21552)"/>
 <path d="M17.7201 14.9576H8.0571C7.96726 14.9575 7.87948 14.9853 7.80518 15.0374C7.73088 15.0894 7.67352 15.1633 7.64056 15.2495C7.6076 15.3356 7.60058 15.43 7.6204 15.5203C7.64022 15.6106 7.68597 15.6927 7.75169 15.7558L13.9609 21.7293C14.1417 21.9031 14.3798 21.9998 14.627 21.9997H20.0986L17.7201 14.9576Z" fill="#0078D4"/>
 <path d="M8.86533 2.00025C8.65977 1.99944 8.45934 2.06639 8.29332 2.19133C8.12731 2.31627 8.0044 2.49266 7.94255 2.69471L2.05838 20.6639C2.00583 20.8149 1.98934 20.9767 2.01028 21.1356C2.03123 21.2945 2.08901 21.4459 2.17872 21.5769C2.26844 21.708 2.38745 21.8148 2.5257 21.8884C2.66395 21.962 2.81736 22.0002 2.97296 21.9998H7.83771C8.01889 21.9664 8.18824 21.8841 8.32844 21.7612C8.46865 21.6383 8.5747 21.4792 8.63575 21.3003L9.80916 17.7358L14.0006 21.7653C14.1763 21.9151 14.3966 21.9979 14.6245 21.9998H20.0758L17.6849 14.9577L10.7153 14.9594L14.981 2.00025H8.86533Z" fill="url(#paint1_linear_321_21552)"/>
 <path d="M16.6485 2.68054C16.5836 2.48226 16.46 2.30998 16.2951 2.18794C16.1302 2.06591 15.9323 2.00028 15.7293 2.00031H8.93799C9.141 2.00032 9.33889 2.06596 9.50379 2.18799C9.6687 2.31002 9.79233 2.48228 9.85725 2.68054L15.751 20.6801C15.8003 20.8306 15.8141 20.991 15.7913 21.148C15.7685 21.305 15.7098 21.4542 15.6199 21.5832C15.5301 21.7122 15.4118 21.8173 15.2747 21.8898C15.1376 21.9623 14.9858 22.0001 14.8318 22.0001H21.6233C21.7773 22 21.9291 21.9622 22.0661 21.8897C22.2032 21.8172 22.3215 21.7121 22.4113 21.5831C22.5011 21.4541 22.5598 21.3049 22.5826 21.1479C22.6054 20.9909 22.5916 20.8306 22.5423 20.6801L16.6485 2.68054Z" fill="url(#paint2_linear_321_21552)"/>
@@ -20,7 +20,7 @@ const b = ["aria-hidden", "tabindex"], u = `<path d="M8.8651 2.00024H14.9587L8.6
 <stop stop-color="#3CCBF4"/>
 <stop offset="1" stop-color="#2892DF"/>
 </linearGradient>
-</defs>`, k = /* @__PURE__ */ y({
+</defs>`, k = /* @__PURE__ */ m({
   __name: "AzureIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -57,8 +57,8 @@ const b = ["aria-hidden", "tabindex"], u = `<path d="M8.8651 2.00024H14.9587L8.6
         if (typeof i == "number" && i > 0)
           return !0;
         if (typeof i == "string") {
-          const e = String(i).replace(/px/gi, ""), n = Number(e);
-          if (n && !isNaN(n) && Number.isInteger(n) && n > 0)
+          const e = String(i).replace(/px/gi, ""), r = Number(e);
+          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
             return !0;
         }
         return !1;
@@ -81,11 +81,11 @@ const b = ["aria-hidden", "tabindex"], u = `<path d="M8.8651 2.00024H14.9587L8.6
     }
   },
   setup(i) {
-    const e = i, n = d(() => {
+    const e = i, r = d(() => {
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
-        const r = String(e.size).replace(/px/gi, ""), t = Number(r);
+        const n = String(e.size).replace(/px/gi, ""), t = Number(n);
         if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
           return `${t}px`;
       }
@@ -95,17 +95,18 @@ const b = ["aria-hidden", "tabindex"], u = `<path d="M8.8651 2.00024H14.9587L8.6
       color: e.color,
       display: e.display,
       flexShrink: "0",
-      height: n.value,
+      height: r.value,
       lineHeight: "0",
-      width: n.value,
+      width: r.value,
       ...e.decorative && { pointerEvents: "none" }
-    })), C = (r) => {
-      const t = {}, a = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (s, o) => {
-        const l = `${a}-${o}`;
+      // If the icon is decorative, disable pointer events
+    })), C = (n) => {
+      const t = {}, s = Math.random().toString(36).substring(2, 12);
+      return n.replace(/id="([^"]+)"/g, (a, o) => {
+        const l = `${s}-${o}`;
         return t[o] = l, `id="${l}"`;
-      }).replace(/#([^\s^")]+)/g, (s, o) => t[o] ? `#${t[o]}` : s);
-    }, g = (r) => {
+      }).replace(/#([^\s^")]+)/g, (a, o) => t[o] ? `#${t[o]}` : a);
+    }, g = (n) => {
       const t = {
         "<": "&lt;",
         ">": "&gt;",
@@ -113,27 +114,26 @@ const b = ["aria-hidden", "tabindex"], u = `<path d="M8.8651 2.00024H14.9587L8.6
         "'": "&#039;",
         "`": "&#039;"
       };
-      return r.replace(/[<>"'`]/g, (a) => t[a]);
-    }, v = `${e.title ? `<title data-testid="kui-icon-svg-title">${g(e.title)}</title>` : ""}${e.staticIds ? u : C(u)}`;
-    return (r, t) => (c(), m(S(i.as), {
+      return n.replace(/[<>"'`]/g, (s) => t[s]);
+    }, y = `${e.title ? `<title data-testid="kui-icon-svg-title">${g(e.title)}</title>` : ""}${e.staticIds ? u : C(u)}`;
+    return (n, t) => (c(), S(v(i.as), {
       "aria-hidden": i.decorative ? "true" : void 0,
       class: "kui-icon azure-icon",
       "data-testid": "kui-icon-wrapper-azure-icon",
-      style: x(f.value),
+      style: h(f.value),
       tabindex: i.decorative ? "-1" : void 0
     }, {
-      default: h(() => [
+      default: x(() => [
         (c(), _("svg", {
           "aria-hidden": i.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-azure-icon",
           fill: "none",
           height: "100%",
           role: "img",
-          tabindex: i.decorative ? "-1" : void 0,
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: v
+          innerHTML: y
         }, null, 8, b))
       ]),
       _: 1