@kong/icons 1.15.3-pr.391.a3e3dc3.0 → 1.15.3-pr.391.b75b9d2.0

package/dist/kong-icons430.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons430.cjs","sources":["../src/components/multi-color/LanguagePythonIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * LanguagePythonIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 24 Sep 2024 00:28:47 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed, ref, onMounted } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /** A boolean to enable prefixing any internal SVG ids with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to false during snapshot testing.\n   * Defaults to `true`.\n   */\n  randomizeIds: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst svgElement = ref<SVGElement | null>(null)\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n\n/**\n * Prefixes all IDs within the <defs> section of an SVG element and updates all references to these IDs. This is useful to avoid ID conflicts when embedding multiple SVGs in a document.\n *\n * The function performs the following steps:\n * 1. Finds all direct children of the <defs> element that have an `id` attribute and prefixes their IDs with a random string.\n * 2. Updates all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`, etc.\n *\n * The prefix is a random string generated using `Math.random().toString(36).substring(2, 12)` which should be sufficient for most use-cases.\n *\n * @param {SVGElement} svgElement - The SVG element whose potential IDs need to be prefixed.\n */\nconst prefixSvgIds = (svgElement: SVGElement): void => {\n  if (!svgElement) {\n    return\n  }\n\n  const defsElement = svgElement.querySelector('defs')\n\n  // Prepare a map to store the original and new IDs for quick lookups\n  const idMap: Record<string, string> = {}\n\n  if (defsElement) {\n    // Step 1: Prefix all direct children of <defs> that have an `id`\n    defsElement.querySelectorAll('[id]').forEach((element) => {\n      const originalId = element.getAttribute('id')\n      const newId = `${Math.random().toString(36).substring(2, 12)}-${originalId}`\n\n      // Map old id to new id\n      idMap[originalId!] = newId\n\n      // Update the element's ID with the new prefixed ID\n      element.setAttribute('id', newId)\n    })\n  }\n\n  // Step 2: Update all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`\n  const referencingAttributes = ['fill', 'stroke', 'filter', 'mask', 'clip-path', 'xlink:href', 'href']\n\n  // Function to update references to IDs in attributes\n  const updateReferences = (element: Element): void => {\n    referencingAttributes.forEach((attr) => {\n      const attrValue = element.getAttribute(attr)\n      if (attrValue) {\n        // Match any url(#id) or href=\"#id\" references\n        const updatedValue = attrValue.replace(/url\\(#([^)]+)\\)/g, (match, id) => {\n          return idMap[id] ? `url(#${idMap[id]})` : match\n        }).replace(/#([^\\s]+)/g, (match, id) => {\n          return idMap[id] ? `#${idMap[id]}` : match\n        })\n\n        // If the value changed, update the attribute\n        if (updatedValue !== attrValue) {\n          element.setAttribute(attr, updatedValue)\n        }\n      }\n    })\n  }\n\n  // Traverse all elements in the SVG to update ID references\n  svgElement.querySelectorAll('*').forEach((element) => {\n    updateReferences(element)\n  })\n}\n\nonMounted(() => {\n  if (props.randomizeIds && svgElement.value) {\n    prefixSvgIds(svgElement.value)\n  }\n})\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon language-python-icon\"\n    data-testid=\"kui-icon-wrapper-language-python-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-language-python-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <path\n        d=\"M11.8858 2.29654C11.0942 2.30029 10.3386 2.3676 9.67335 2.48535C7.71398 2.83147 7.35848 3.55597 7.35848 4.89229V6.65685H11.9884V7.24504H5.62073C4.27523 7.24504 3.09698 8.05372 2.72835 9.59272C2.3031 11.3562 2.28435 12.4568 2.72835 14.2982C3.05741 15.669 3.84341 16.6455 5.1891 16.6455H6.78116V14.5302C6.78116 13.0018 8.10323 11.6539 9.67354 11.6539H14.2982C15.5856 11.6539 16.6131 10.5938 16.6131 9.30116V4.89247C16.6131 3.63754 15.5545 2.69497 14.2982 2.48554C13.5025 2.35316 12.6773 2.29297 11.8858 2.29654ZM9.38198 3.71572C9.8601 3.71572 10.2509 4.11266 10.2509 4.60091C10.2509 5.0871 9.86029 5.48029 9.38198 5.48029C8.90198 5.48029 8.51329 5.0871 8.51329 4.60091C8.5131 4.11266 8.90198 3.71572 9.38198 3.71572Z\"\n        fill=\"url(#paint0_linear_2_1403)\"\n      />\n      <path\n        d=\"M17.1903 7.24506V9.30119C17.1903 10.8949 15.8388 12.2365 14.298 12.2365H9.67327C8.40652 12.2365 7.3584 13.3208 7.3584 14.5894V18.9985C7.3584 20.2531 8.44927 20.9912 9.67327 21.3511C11.1388 21.7817 12.5443 21.8597 14.298 21.3511C15.4635 21.0134 16.6128 20.3342 16.6128 18.9985V17.2337H11.9883V16.6454H18.9281C20.2736 16.6454 20.7753 15.7069 21.2433 14.2981C21.7267 12.8477 21.7059 11.4529 21.2433 9.59256C20.9107 8.25287 20.2756 7.24487 18.9281 7.24487L17.1903 7.24506ZM14.5891 18.4101C15.0693 18.4101 15.458 18.8033 15.458 19.2899C15.458 19.7777 15.0691 20.1747 14.5891 20.1747C14.111 20.1747 13.7205 19.7777 13.7205 19.2899C13.7205 18.8033 14.111 18.4101 14.5891 18.4101Z\"\n        fill=\"url(#paint1_linear_2_1403)\"\n      />\n      <path\n        d=\"M18.2455 22.4244C18.2455 23.0887 15.4675 23.6274 12.0409 23.6274C8.61418 23.6274 5.83618 23.0887 5.83618 22.4244C5.83618 21.7599 8.61399 21.2212 12.0409 21.2212C15.4675 21.2212 18.2455 21.7597 18.2455 22.4244Z\"\n        fill=\"url(#paint2_radial_2_1403)\"\n        opacity=\"0.444\"\n      />\n      <defs>\n        <linearGradient\n          id=\"paint0_linear_2_1403\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"1.9382\"\n          x2=\"12.617\"\n          y1=\"2.84828\"\n          y2=\"11.9551\"\n        >\n          <stop stop-color=\"#5A9FD4\" />\n          <stop\n            offset=\"1\"\n            stop-color=\"#306998\"\n          />\n        </linearGradient>\n        <linearGradient\n          id=\"paint1_linear_2_1403\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"16.6347\"\n          x2=\"12.8051\"\n          y1=\"17.6161\"\n          y2=\"12.2457\"\n        >\n          <stop stop-color=\"#FFD43B\" />\n          <stop\n            offset=\"1\"\n            stop-color=\"#FFE873\"\n          />\n        </linearGradient>\n        <radialGradient\n          id=\"paint2_radial_2_1403\"\n          cx=\"0\"\n          cy=\"0\"\n          gradientTransform=\"translate(12.0159 22.3899) rotate(-90) scale(1.20343 5.2901)\"\n          gradientUnits=\"userSpaceOnUse\"\n          r=\"1\"\n        >\n          <stop\n            stop-color=\"#B8B8B8\"\n            stop-opacity=\"0.498\"\n          />\n          <stop\n            offset=\"1\"\n            stop-color=\"#7F7F7F\"\n            stop-opacity=\"0\"\n          />\n        </radialGradient>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","svgElement","ref","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIds","defsElement","idMap","element","originalId","newId","referencingAttributes","updateReferences","attr","attrValue","updatedValue","match","id","onMounted"],"mappings":"6nHAaA,MAAMA,EAAQC,EA+DRC,EAAaC,MAAuB,IAAI,EAExCC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOL,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMM,EAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDO,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOL,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQI,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA,EAaIM,EAAgBR,GAAiC,CACrD,GAAI,CAACA,EACH,OAGI,MAAAS,EAAcT,EAAW,cAAc,MAAM,EAG7CU,EAAgC,CAAA,EAElCD,GAEFA,EAAY,iBAAiB,MAAM,EAAE,QAASE,GAAY,CAClD,MAAAC,EAAaD,EAAQ,aAAa,IAAI,EACtCE,EAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,CAAC,IAAID,CAAU,GAG1EF,EAAME,CAAW,EAAIC,EAGbF,EAAA,aAAa,KAAME,CAAK,CAAA,CACjC,EAIG,MAAAC,EAAwB,CAAC,OAAQ,SAAU,SAAU,OAAQ,YAAa,aAAc,MAAM,EAG9FC,EAAoBJ,GAA2B,CAC7BG,EAAA,QAASE,GAAS,CAChC,MAAAC,EAAYN,EAAQ,aAAaK,CAAI,EAC3C,GAAIC,EAAW,CAEb,MAAMC,EAAeD,EAAU,QAAQ,mBAAoB,CAACE,EAAOC,IAC1DV,EAAMU,CAAE,EAAI,QAAQV,EAAMU,CAAE,CAAC,IAAMD,CAC3C,EAAE,QAAQ,aAAc,CAACA,EAAOC,IACxBV,EAAMU,CAAE,EAAI,IAAIV,EAAMU,CAAE,CAAC,GAAKD,CACtC,EAGGD,IAAiBD,GACXN,EAAA,aAAaK,EAAME,CAAY,CAE3C,CAAA,CACD,CAAA,EAIHlB,EAAW,iBAAiB,GAAG,EAAE,QAASW,GAAY,CACpDI,EAAiBJ,CAAO,CAAA,CACzB,CAAA,EAGHU,OAAAA,EAAAA,UAAU,IAAM,CACVvB,EAAM,cAAgBE,EAAW,OACnCQ,EAAaR,EAAW,KAAK,CAC/B,CACD"}
+{"version":3,"file":"kong-icons430.cjs","sources":["../src/components/multi-color/LanguagePythonIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * LanguagePythonIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 24 Sep 2024 00:32:21 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed, ref, onMounted } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /** A boolean to enable prefixing any internal SVG ids with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to false during snapshot testing.\n   * Defaults to `true`.\n   */\n  randomizeIds: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst svgElement = ref<SVGElement | null>(null)\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n\n/**\n * Prefixes all ids within the SVG element and update all corresponding references to these ids. This is useful to avoid id conflicts when utilizing multiple instances of the same SVG in the DOM.\n *\n * The prefix is a random string generated using `Math.random().toString(36).substring(2, 12)` which should be sufficient for most use-cases.\n *\n * @param {SVGElement} svgElement - The SVG element whose potential IDs need to be prefixed.\n */\nconst prefixSvgIds = (svgElement: SVGElement): void => {\n  if (!svgElement) {\n    return\n  }\n\n  const defsElement = svgElement.querySelector('defs')\n\n  // Prepare a map to store the original and new IDs for quick lookups\n  const idMap: Record<string, string> = {}\n\n  if (defsElement) {\n    // Step 1: Prefix all direct children of <defs> that have an `id`\n    defsElement.querySelectorAll('[id]').forEach((element) => {\n      const originalId = element.getAttribute('id')\n      const newId = `${Math.random().toString(36).substring(2, 12)}-${originalId}`\n\n      // Map old id to new id\n      idMap[originalId!] = newId\n\n      // Update the element's ID with the new prefixed ID\n      element.setAttribute('id', newId)\n    })\n  }\n\n  // Step 2: Update all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`\n  const referencingAttributes = ['fill', 'stroke', 'filter', 'mask', 'clip-path', 'xlink:href', 'href']\n\n  // Function to update references to IDs in attributes\n  const updateReferences = (element: Element): void => {\n    referencingAttributes.forEach((attr) => {\n      const attrValue = element.getAttribute(attr)\n      if (attrValue) {\n        // Match any url(#id) or href=\"#id\" references\n        const updatedValue = attrValue.replace(/url\\(#([^)]+)\\)/g, (match, id) => {\n          return idMap[id] ? `url(#${idMap[id]})` : match\n        }).replace(/#([^\\s]+)/g, (match, id) => {\n          return idMap[id] ? `#${idMap[id]}` : match\n        })\n\n        // If the value changed, update the attribute\n        if (updatedValue !== attrValue) {\n          element.setAttribute(attr, updatedValue)\n        }\n      }\n    })\n  }\n\n  // Traverse all elements in the SVG to update ID references\n  svgElement.querySelectorAll('*').forEach((element) => {\n    updateReferences(element)\n  })\n}\n\nonMounted(() => {\n  if (props.randomizeIds && svgElement.value) {\n    prefixSvgIds(svgElement.value)\n  }\n})\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon language-python-icon\"\n    data-testid=\"kui-icon-wrapper-language-python-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-language-python-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <path\n        d=\"M11.8858 2.29654C11.0942 2.30029 10.3386 2.3676 9.67335 2.48535C7.71398 2.83147 7.35848 3.55597 7.35848 4.89229V6.65685H11.9884V7.24504H5.62073C4.27523 7.24504 3.09698 8.05372 2.72835 9.59272C2.3031 11.3562 2.28435 12.4568 2.72835 14.2982C3.05741 15.669 3.84341 16.6455 5.1891 16.6455H6.78116V14.5302C6.78116 13.0018 8.10323 11.6539 9.67354 11.6539H14.2982C15.5856 11.6539 16.6131 10.5938 16.6131 9.30116V4.89247C16.6131 3.63754 15.5545 2.69497 14.2982 2.48554C13.5025 2.35316 12.6773 2.29297 11.8858 2.29654ZM9.38198 3.71572C9.8601 3.71572 10.2509 4.11266 10.2509 4.60091C10.2509 5.0871 9.86029 5.48029 9.38198 5.48029C8.90198 5.48029 8.51329 5.0871 8.51329 4.60091C8.5131 4.11266 8.90198 3.71572 9.38198 3.71572Z\"\n        fill=\"url(#paint0_linear_2_1403)\"\n      />\n      <path\n        d=\"M17.1903 7.24506V9.30119C17.1903 10.8949 15.8388 12.2365 14.298 12.2365H9.67327C8.40652 12.2365 7.3584 13.3208 7.3584 14.5894V18.9985C7.3584 20.2531 8.44927 20.9912 9.67327 21.3511C11.1388 21.7817 12.5443 21.8597 14.298 21.3511C15.4635 21.0134 16.6128 20.3342 16.6128 18.9985V17.2337H11.9883V16.6454H18.9281C20.2736 16.6454 20.7753 15.7069 21.2433 14.2981C21.7267 12.8477 21.7059 11.4529 21.2433 9.59256C20.9107 8.25287 20.2756 7.24487 18.9281 7.24487L17.1903 7.24506ZM14.5891 18.4101C15.0693 18.4101 15.458 18.8033 15.458 19.2899C15.458 19.7777 15.0691 20.1747 14.5891 20.1747C14.111 20.1747 13.7205 19.7777 13.7205 19.2899C13.7205 18.8033 14.111 18.4101 14.5891 18.4101Z\"\n        fill=\"url(#paint1_linear_2_1403)\"\n      />\n      <path\n        d=\"M18.2455 22.4244C18.2455 23.0887 15.4675 23.6274 12.0409 23.6274C8.61418 23.6274 5.83618 23.0887 5.83618 22.4244C5.83618 21.7599 8.61399 21.2212 12.0409 21.2212C15.4675 21.2212 18.2455 21.7597 18.2455 22.4244Z\"\n        fill=\"url(#paint2_radial_2_1403)\"\n        opacity=\"0.444\"\n      />\n      <defs>\n        <linearGradient\n          id=\"paint0_linear_2_1403\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"1.9382\"\n          x2=\"12.617\"\n          y1=\"2.84828\"\n          y2=\"11.9551\"\n        >\n          <stop stop-color=\"#5A9FD4\" />\n          <stop\n            offset=\"1\"\n            stop-color=\"#306998\"\n          />\n        </linearGradient>\n        <linearGradient\n          id=\"paint1_linear_2_1403\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"16.6347\"\n          x2=\"12.8051\"\n          y1=\"17.6161\"\n          y2=\"12.2457\"\n        >\n          <stop stop-color=\"#FFD43B\" />\n          <stop\n            offset=\"1\"\n            stop-color=\"#FFE873\"\n          />\n        </linearGradient>\n        <radialGradient\n          id=\"paint2_radial_2_1403\"\n          cx=\"0\"\n          cy=\"0\"\n          gradientTransform=\"translate(12.0159 22.3899) rotate(-90) scale(1.20343 5.2901)\"\n          gradientUnits=\"userSpaceOnUse\"\n          r=\"1\"\n        >\n          <stop\n            stop-color=\"#B8B8B8\"\n            stop-opacity=\"0.498\"\n          />\n          <stop\n            offset=\"1\"\n            stop-color=\"#7F7F7F\"\n            stop-opacity=\"0\"\n          />\n        </radialGradient>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","svgElement","ref","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIds","defsElement","idMap","element","originalId","newId","referencingAttributes","updateReferences","attr","attrValue","updatedValue","match","id","onMounted"],"mappings":"6nHAaA,MAAMA,EAAQC,EA+DRC,EAAaC,MAAuB,IAAI,EAExCC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOL,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMM,EAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDO,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOL,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQI,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA,EASIM,EAAgBR,GAAiC,CACrD,GAAI,CAACA,EACH,OAGI,MAAAS,EAAcT,EAAW,cAAc,MAAM,EAG7CU,EAAgC,CAAA,EAElCD,GAEFA,EAAY,iBAAiB,MAAM,EAAE,QAASE,GAAY,CAClD,MAAAC,EAAaD,EAAQ,aAAa,IAAI,EACtCE,EAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,CAAC,IAAID,CAAU,GAG1EF,EAAME,CAAW,EAAIC,EAGbF,EAAA,aAAa,KAAME,CAAK,CAAA,CACjC,EAIG,MAAAC,EAAwB,CAAC,OAAQ,SAAU,SAAU,OAAQ,YAAa,aAAc,MAAM,EAG9FC,EAAoBJ,GAA2B,CAC7BG,EAAA,QAASE,GAAS,CAChC,MAAAC,EAAYN,EAAQ,aAAaK,CAAI,EAC3C,GAAIC,EAAW,CAEb,MAAMC,EAAeD,EAAU,QAAQ,mBAAoB,CAACE,EAAOC,IAC1DV,EAAMU,CAAE,EAAI,QAAQV,EAAMU,CAAE,CAAC,IAAMD,CAC3C,EAAE,QAAQ,aAAc,CAACA,EAAOC,IACxBV,EAAMU,CAAE,EAAI,IAAIV,EAAMU,CAAE,CAAC,GAAKD,CACtC,EAGGD,IAAiBD,GACXN,EAAA,aAAaK,EAAME,CAAY,CAE3C,CAAA,CACD,CAAA,EAIHlB,EAAW,iBAAiB,GAAG,EAAE,QAASW,GAAY,CACpDI,EAAiBJ,CAAO,CAAA,CACzB,CAAA,EAGHU,OAAAA,EAAAA,UAAU,IAAM,CACVvB,EAAM,cAAgBE,EAAW,OACnCQ,EAAaR,EAAW,KAAK,CAC/B,CACD"}

package/dist/kong-icons432.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m=require("./kong-icons1218.cjs"),f=t=>(e.pushScopeId("data-v-ef3e8a9b"),t=t(),e.popScopeId(),t),C=["aria-hidden"],v={key:0,"data-testid":"kui-icon-svg-title"},N=f(()=>e.createElementVNode("path",{"clip-rule":"evenodd",d:"M12 18.8213C5.37262 18.8213 0 15.2232 0 10.7845C0 6.34599 5.37262 2.74768 12 2.74768C18.6274 2.74768 24 6.34581 24 10.7845C24 15.223 18.6274 18.8213 12 18.8213ZM13.8368 5.88999C8.79937 5.88999 4.71562 8.34981 4.71562 11.3843C4.71562 14.4186 8.79937 16.8786 13.8368 16.8786C18.8741 16.8786 22.5917 15.1967 22.5917 11.3843C22.5917 7.57299 18.8741 5.88999 13.8368 5.88999Z",fill:"url(#paint0_linear_2_1407)","fill-rule":"evenodd"},null,-1)),b=f(()=>e.createElementVNode("path",{"clip-rule":"evenodd",d:"M18.2754 15.1936C18.2754 15.1936 19.0018 15.4128 19.4237 15.6264C19.5699 15.7005 19.8234 15.8482 20.0061 16.0425C20.1133 16.156 20.203 16.2849 20.2723 16.425L23.1347 21.2512L18.5083 21.2531L16.3451 17.1907C16.3451 17.1907 15.9021 16.4295 15.6294 16.2088C15.402 16.0246 15.3051 15.9592 15.0802 15.9592H13.9811L13.9819 21.2503L9.88818 21.252V7.73621H18.1089C18.1089 7.73621 21.8533 7.80371 21.8533 11.366C21.8533 14.9283 18.2754 15.1936 18.2754 15.1936ZM16.4947 10.668L14.0164 10.6663L14.0152 12.9646L16.4947 12.9637C16.4947 12.9637 17.643 12.9601 17.643 11.7946C17.643 10.6059 16.4947 10.668 16.4947 10.668Z",fill:"url(#paint1_linear_2_1407)","fill-rule":"evenodd"},null,-1)),E=f(()=>e.createElementVNode("defs",null,[e.createElementVNode("linearGradient",{id:"paint0_linear_2_1407",gradientUnits:"userSpaceOnUse",x1:"0.000135372",x2:"14.8636",y1:"2.74591",y2:"24.9385"},[e.createElementVNode("stop",{"stop-color":"#CBCED0"}),e.createElementVNode("stop",{offset:"1","stop-color":"#84838B"})]),e.createElementVNode("linearGradient",{id:"paint1_linear_2_1407",gradientUnits:"userSpaceOnUse",x1:"9.88818",x2:"23.4023",y1:"7.73612",y2:"20.9796"},[e.createElementVNode("stop",{"stop-color":"#276DC3"}),e.createElementVNode("stop",{offset:"1","stop-color":"#165CAA"})])],-1)),x=e.defineComponent({__name:"LanguageRIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:m.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const r=String(t).replace(/px/gi,""),n=Number(r);if(n&&!isNaN(n)&&Number.isInteger(n)&&n>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},randomizeIds:{type:Boolean,default:!0}},setup(t){const r=t,n=e.ref(null),p=e.computed(()=>{if(typeof r.size=="number"&&r.size>0)return`${r.size}px`;if(typeof r.size=="string"){const l=String(r.size).replace(/px/gi,""),i=Number(l);if(i&&!isNaN(i)&&Number.isInteger(i)&&i>0)return`${i}px`}return m.KUI_ICON_SIZE_50}),h=e.computed(()=>({boxSizing:"border-box",color:r.color,display:r.display,flexShrink:"0",height:p.value,lineHeight:"0",width:p.value})),y=l=>{if(!l)return;const i=l.querySelector("defs"),s={};i&&i.querySelectorAll("[id]").forEach(o=>{const d=o.getAttribute("id"),a=`${Math.random().toString(36).substring(2,12)}-${d}`;s[d]=a,o.setAttribute("id",a)});const S=["fill","stroke","filter","mask","clip-path","xlink:href","href"],_=o=>{S.forEach(d=>{const a=o.getAttribute(d);if(a){const g=a.replace(/url\(#([^)]+)\)/g,(u,c)=>s[c]?`url(#${s[c]})`:u).replace(/#([^\s]+)/g,(u,c)=>s[c]?`#${s[c]}`:u);g!==a&&o.setAttribute(d,g)}})};l.querySelectorAll("*").forEach(o=>{_(o)})};return e.onMounted(()=>{r.randomizeIds&&n.value&&y(n.value)}),(l,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon language-r-icon","data-testid":"kui-icon-wrapper-language-r-icon",style:e.normalizeStyle(h.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgElement",ref:n,"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-language-r-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",v,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),N,b,E],8,C))]),_:1},8,["aria-hidden","style"]))}});exports.default=x;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m=require("./kong-icons1218.cjs"),f=t=>(e.pushScopeId("data-v-671c393c"),t=t(),e.popScopeId(),t),C=["aria-hidden"],v={key:0,"data-testid":"kui-icon-svg-title"},N=f(()=>e.createElementVNode("path",{"clip-rule":"evenodd",d:"M12 18.8213C5.37262 18.8213 0 15.2232 0 10.7845C0 6.34599 5.37262 2.74768 12 2.74768C18.6274 2.74768 24 6.34581 24 10.7845C24 15.223 18.6274 18.8213 12 18.8213ZM13.8368 5.88999C8.79937 5.88999 4.71562 8.34981 4.71562 11.3843C4.71562 14.4186 8.79937 16.8786 13.8368 16.8786C18.8741 16.8786 22.5917 15.1967 22.5917 11.3843C22.5917 7.57299 18.8741 5.88999 13.8368 5.88999Z",fill:"url(#paint0_linear_2_1407)","fill-rule":"evenodd"},null,-1)),b=f(()=>e.createElementVNode("path",{"clip-rule":"evenodd",d:"M18.2754 15.1936C18.2754 15.1936 19.0018 15.4128 19.4237 15.6264C19.5699 15.7005 19.8234 15.8482 20.0061 16.0425C20.1133 16.156 20.203 16.2849 20.2723 16.425L23.1347 21.2512L18.5083 21.2531L16.3451 17.1907C16.3451 17.1907 15.9021 16.4295 15.6294 16.2088C15.402 16.0246 15.3051 15.9592 15.0802 15.9592H13.9811L13.9819 21.2503L9.88818 21.252V7.73621H18.1089C18.1089 7.73621 21.8533 7.80371 21.8533 11.366C21.8533 14.9283 18.2754 15.1936 18.2754 15.1936ZM16.4947 10.668L14.0164 10.6663L14.0152 12.9646L16.4947 12.9637C16.4947 12.9637 17.643 12.9601 17.643 11.7946C17.643 10.6059 16.4947 10.668 16.4947 10.668Z",fill:"url(#paint1_linear_2_1407)","fill-rule":"evenodd"},null,-1)),E=f(()=>e.createElementVNode("defs",null,[e.createElementVNode("linearGradient",{id:"paint0_linear_2_1407",gradientUnits:"userSpaceOnUse",x1:"0.000135372",x2:"14.8636",y1:"2.74591",y2:"24.9385"},[e.createElementVNode("stop",{"stop-color":"#CBCED0"}),e.createElementVNode("stop",{offset:"1","stop-color":"#84838B"})]),e.createElementVNode("linearGradient",{id:"paint1_linear_2_1407",gradientUnits:"userSpaceOnUse",x1:"9.88818",x2:"23.4023",y1:"7.73612",y2:"20.9796"},[e.createElementVNode("stop",{"stop-color":"#276DC3"}),e.createElementVNode("stop",{offset:"1","stop-color":"#165CAA"})])],-1)),x=e.defineComponent({__name:"LanguageRIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:m.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const r=String(t).replace(/px/gi,""),n=Number(r);if(n&&!isNaN(n)&&Number.isInteger(n)&&n>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},randomizeIds:{type:Boolean,default:!0}},setup(t){const r=t,n=e.ref(null),p=e.computed(()=>{if(typeof r.size=="number"&&r.size>0)return`${r.size}px`;if(typeof r.size=="string"){const l=String(r.size).replace(/px/gi,""),i=Number(l);if(i&&!isNaN(i)&&Number.isInteger(i)&&i>0)return`${i}px`}return m.KUI_ICON_SIZE_50}),h=e.computed(()=>({boxSizing:"border-box",color:r.color,display:r.display,flexShrink:"0",height:p.value,lineHeight:"0",width:p.value})),y=l=>{if(!l)return;const i=l.querySelector("defs"),s={};i&&i.querySelectorAll("[id]").forEach(o=>{const d=o.getAttribute("id"),a=`${Math.random().toString(36).substring(2,12)}-${d}`;s[d]=a,o.setAttribute("id",a)});const S=["fill","stroke","filter","mask","clip-path","xlink:href","href"],_=o=>{S.forEach(d=>{const a=o.getAttribute(d);if(a){const g=a.replace(/url\(#([^)]+)\)/g,(u,c)=>s[c]?`url(#${s[c]})`:u).replace(/#([^\s]+)/g,(u,c)=>s[c]?`#${s[c]}`:u);g!==a&&o.setAttribute(d,g)}})};l.querySelectorAll("*").forEach(o=>{_(o)})};return e.onMounted(()=>{r.randomizeIds&&n.value&&y(n.value)}),(l,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon language-r-icon","data-testid":"kui-icon-wrapper-language-r-icon",style:e.normalizeStyle(h.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgElement",ref:n,"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-language-r-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",v,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),N,b,E],8,C))]),_:1},8,["aria-hidden","style"]))}});exports.default=x;
 //# sourceMappingURL=kong-icons432.cjs.map

package/dist/kong-icons432.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons432.cjs","sources":["../src/components/multi-color/LanguageRIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * LanguageRIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 24 Sep 2024 00:28:47 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed, ref, onMounted } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /** A boolean to enable prefixing any internal SVG ids with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to false during snapshot testing.\n   * Defaults to `true`.\n   */\n  randomizeIds: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst svgElement = ref<SVGElement | null>(null)\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n\n/**\n * Prefixes all IDs within the <defs> section of an SVG element and updates all references to these IDs. This is useful to avoid ID conflicts when embedding multiple SVGs in a document.\n *\n * The function performs the following steps:\n * 1. Finds all direct children of the <defs> element that have an `id` attribute and prefixes their IDs with a random string.\n * 2. Updates all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`, etc.\n *\n * The prefix is a random string generated using `Math.random().toString(36).substring(2, 12)` which should be sufficient for most use-cases.\n *\n * @param {SVGElement} svgElement - The SVG element whose potential IDs need to be prefixed.\n */\nconst prefixSvgIds = (svgElement: SVGElement): void => {\n  if (!svgElement) {\n    return\n  }\n\n  const defsElement = svgElement.querySelector('defs')\n\n  // Prepare a map to store the original and new IDs for quick lookups\n  const idMap: Record<string, string> = {}\n\n  if (defsElement) {\n    // Step 1: Prefix all direct children of <defs> that have an `id`\n    defsElement.querySelectorAll('[id]').forEach((element) => {\n      const originalId = element.getAttribute('id')\n      const newId = `${Math.random().toString(36).substring(2, 12)}-${originalId}`\n\n      // Map old id to new id\n      idMap[originalId!] = newId\n\n      // Update the element's ID with the new prefixed ID\n      element.setAttribute('id', newId)\n    })\n  }\n\n  // Step 2: Update all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`\n  const referencingAttributes = ['fill', 'stroke', 'filter', 'mask', 'clip-path', 'xlink:href', 'href']\n\n  // Function to update references to IDs in attributes\n  const updateReferences = (element: Element): void => {\n    referencingAttributes.forEach((attr) => {\n      const attrValue = element.getAttribute(attr)\n      if (attrValue) {\n        // Match any url(#id) or href=\"#id\" references\n        const updatedValue = attrValue.replace(/url\\(#([^)]+)\\)/g, (match, id) => {\n          return idMap[id] ? `url(#${idMap[id]})` : match\n        }).replace(/#([^\\s]+)/g, (match, id) => {\n          return idMap[id] ? `#${idMap[id]}` : match\n        })\n\n        // If the value changed, update the attribute\n        if (updatedValue !== attrValue) {\n          element.setAttribute(attr, updatedValue)\n        }\n      }\n    })\n  }\n\n  // Traverse all elements in the SVG to update ID references\n  svgElement.querySelectorAll('*').forEach((element) => {\n    updateReferences(element)\n  })\n}\n\nonMounted(() => {\n  if (props.randomizeIds && svgElement.value) {\n    prefixSvgIds(svgElement.value)\n  }\n})\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon language-r-icon\"\n    data-testid=\"kui-icon-wrapper-language-r-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-language-r-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <path\n        clip-rule=\"evenodd\"\n        d=\"M12 18.8213C5.37262 18.8213 0 15.2232 0 10.7845C0 6.34599 5.37262 2.74768 12 2.74768C18.6274 2.74768 24 6.34581 24 10.7845C24 15.223 18.6274 18.8213 12 18.8213ZM13.8368 5.88999C8.79937 5.88999 4.71562 8.34981 4.71562 11.3843C4.71562 14.4186 8.79937 16.8786 13.8368 16.8786C18.8741 16.8786 22.5917 15.1967 22.5917 11.3843C22.5917 7.57299 18.8741 5.88999 13.8368 5.88999Z\"\n        fill=\"url(#paint0_linear_2_1407)\"\n        fill-rule=\"evenodd\"\n      />\n      <path\n        clip-rule=\"evenodd\"\n        d=\"M18.2754 15.1936C18.2754 15.1936 19.0018 15.4128 19.4237 15.6264C19.5699 15.7005 19.8234 15.8482 20.0061 16.0425C20.1133 16.156 20.203 16.2849 20.2723 16.425L23.1347 21.2512L18.5083 21.2531L16.3451 17.1907C16.3451 17.1907 15.9021 16.4295 15.6294 16.2088C15.402 16.0246 15.3051 15.9592 15.0802 15.9592H13.9811L13.9819 21.2503L9.88818 21.252V7.73621H18.1089C18.1089 7.73621 21.8533 7.80371 21.8533 11.366C21.8533 14.9283 18.2754 15.1936 18.2754 15.1936ZM16.4947 10.668L14.0164 10.6663L14.0152 12.9646L16.4947 12.9637C16.4947 12.9637 17.643 12.9601 17.643 11.7946C17.643 10.6059 16.4947 10.668 16.4947 10.668Z\"\n        fill=\"url(#paint1_linear_2_1407)\"\n        fill-rule=\"evenodd\"\n      />\n      <defs>\n        <linearGradient\n          id=\"paint0_linear_2_1407\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"0.000135372\"\n          x2=\"14.8636\"\n          y1=\"2.74591\"\n          y2=\"24.9385\"\n        >\n          <stop stop-color=\"#CBCED0\" />\n          <stop\n            offset=\"1\"\n            stop-color=\"#84838B\"\n          />\n        </linearGradient>\n        <linearGradient\n          id=\"paint1_linear_2_1407\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"9.88818\"\n          x2=\"23.4023\"\n          y1=\"7.73612\"\n          y2=\"20.9796\"\n        >\n          <stop stop-color=\"#276DC3\" />\n          <stop\n            offset=\"1\"\n            stop-color=\"#165CAA\"\n          />\n        </linearGradient>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","svgElement","ref","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIds","defsElement","idMap","element","originalId","newId","referencingAttributes","updateReferences","attr","attrValue","updatedValue","match","id","onMounted"],"mappings":"ypFAaA,MAAMA,EAAQC,EA+DRC,EAAaC,MAAuB,IAAI,EAExCC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOL,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMM,EAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDO,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOL,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQI,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA,EAaIM,EAAgBR,GAAiC,CACrD,GAAI,CAACA,EACH,OAGI,MAAAS,EAAcT,EAAW,cAAc,MAAM,EAG7CU,EAAgC,CAAA,EAElCD,GAEFA,EAAY,iBAAiB,MAAM,EAAE,QAASE,GAAY,CAClD,MAAAC,EAAaD,EAAQ,aAAa,IAAI,EACtCE,EAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,CAAC,IAAID,CAAU,GAG1EF,EAAME,CAAW,EAAIC,EAGbF,EAAA,aAAa,KAAME,CAAK,CAAA,CACjC,EAIG,MAAAC,EAAwB,CAAC,OAAQ,SAAU,SAAU,OAAQ,YAAa,aAAc,MAAM,EAG9FC,EAAoBJ,GAA2B,CAC7BG,EAAA,QAASE,GAAS,CAChC,MAAAC,EAAYN,EAAQ,aAAaK,CAAI,EAC3C,GAAIC,EAAW,CAEb,MAAMC,EAAeD,EAAU,QAAQ,mBAAoB,CAACE,EAAOC,IAC1DV,EAAMU,CAAE,EAAI,QAAQV,EAAMU,CAAE,CAAC,IAAMD,CAC3C,EAAE,QAAQ,aAAc,CAACA,EAAOC,IACxBV,EAAMU,CAAE,EAAI,IAAIV,EAAMU,CAAE,CAAC,GAAKD,CACtC,EAGGD,IAAiBD,GACXN,EAAA,aAAaK,EAAME,CAAY,CAE3C,CAAA,CACD,CAAA,EAIHlB,EAAW,iBAAiB,GAAG,EAAE,QAASW,GAAY,CACpDI,EAAiBJ,CAAO,CAAA,CACzB,CAAA,EAGHU,OAAAA,EAAAA,UAAU,IAAM,CACVvB,EAAM,cAAgBE,EAAW,OACnCQ,EAAaR,EAAW,KAAK,CAC/B,CACD"}
+{"version":3,"file":"kong-icons432.cjs","sources":["../src/components/multi-color/LanguageRIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * LanguageRIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 24 Sep 2024 00:32:21 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed, ref, onMounted } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /** A boolean to enable prefixing any internal SVG ids with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to false during snapshot testing.\n   * Defaults to `true`.\n   */\n  randomizeIds: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst svgElement = ref<SVGElement | null>(null)\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n\n/**\n * Prefixes all ids within the SVG element and update all corresponding references to these ids. This is useful to avoid id conflicts when utilizing multiple instances of the same SVG in the DOM.\n *\n * The prefix is a random string generated using `Math.random().toString(36).substring(2, 12)` which should be sufficient for most use-cases.\n *\n * @param {SVGElement} svgElement - The SVG element whose potential IDs need to be prefixed.\n */\nconst prefixSvgIds = (svgElement: SVGElement): void => {\n  if (!svgElement) {\n    return\n  }\n\n  const defsElement = svgElement.querySelector('defs')\n\n  // Prepare a map to store the original and new IDs for quick lookups\n  const idMap: Record<string, string> = {}\n\n  if (defsElement) {\n    // Step 1: Prefix all direct children of <defs> that have an `id`\n    defsElement.querySelectorAll('[id]').forEach((element) => {\n      const originalId = element.getAttribute('id')\n      const newId = `${Math.random().toString(36).substring(2, 12)}-${originalId}`\n\n      // Map old id to new id\n      idMap[originalId!] = newId\n\n      // Update the element's ID with the new prefixed ID\n      element.setAttribute('id', newId)\n    })\n  }\n\n  // Step 2: Update all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`\n  const referencingAttributes = ['fill', 'stroke', 'filter', 'mask', 'clip-path', 'xlink:href', 'href']\n\n  // Function to update references to IDs in attributes\n  const updateReferences = (element: Element): void => {\n    referencingAttributes.forEach((attr) => {\n      const attrValue = element.getAttribute(attr)\n      if (attrValue) {\n        // Match any url(#id) or href=\"#id\" references\n        const updatedValue = attrValue.replace(/url\\(#([^)]+)\\)/g, (match, id) => {\n          return idMap[id] ? `url(#${idMap[id]})` : match\n        }).replace(/#([^\\s]+)/g, (match, id) => {\n          return idMap[id] ? `#${idMap[id]}` : match\n        })\n\n        // If the value changed, update the attribute\n        if (updatedValue !== attrValue) {\n          element.setAttribute(attr, updatedValue)\n        }\n      }\n    })\n  }\n\n  // Traverse all elements in the SVG to update ID references\n  svgElement.querySelectorAll('*').forEach((element) => {\n    updateReferences(element)\n  })\n}\n\nonMounted(() => {\n  if (props.randomizeIds && svgElement.value) {\n    prefixSvgIds(svgElement.value)\n  }\n})\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon language-r-icon\"\n    data-testid=\"kui-icon-wrapper-language-r-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-language-r-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <path\n        clip-rule=\"evenodd\"\n        d=\"M12 18.8213C5.37262 18.8213 0 15.2232 0 10.7845C0 6.34599 5.37262 2.74768 12 2.74768C18.6274 2.74768 24 6.34581 24 10.7845C24 15.223 18.6274 18.8213 12 18.8213ZM13.8368 5.88999C8.79937 5.88999 4.71562 8.34981 4.71562 11.3843C4.71562 14.4186 8.79937 16.8786 13.8368 16.8786C18.8741 16.8786 22.5917 15.1967 22.5917 11.3843C22.5917 7.57299 18.8741 5.88999 13.8368 5.88999Z\"\n        fill=\"url(#paint0_linear_2_1407)\"\n        fill-rule=\"evenodd\"\n      />\n      <path\n        clip-rule=\"evenodd\"\n        d=\"M18.2754 15.1936C18.2754 15.1936 19.0018 15.4128 19.4237 15.6264C19.5699 15.7005 19.8234 15.8482 20.0061 16.0425C20.1133 16.156 20.203 16.2849 20.2723 16.425L23.1347 21.2512L18.5083 21.2531L16.3451 17.1907C16.3451 17.1907 15.9021 16.4295 15.6294 16.2088C15.402 16.0246 15.3051 15.9592 15.0802 15.9592H13.9811L13.9819 21.2503L9.88818 21.252V7.73621H18.1089C18.1089 7.73621 21.8533 7.80371 21.8533 11.366C21.8533 14.9283 18.2754 15.1936 18.2754 15.1936ZM16.4947 10.668L14.0164 10.6663L14.0152 12.9646L16.4947 12.9637C16.4947 12.9637 17.643 12.9601 17.643 11.7946C17.643 10.6059 16.4947 10.668 16.4947 10.668Z\"\n        fill=\"url(#paint1_linear_2_1407)\"\n        fill-rule=\"evenodd\"\n      />\n      <defs>\n        <linearGradient\n          id=\"paint0_linear_2_1407\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"0.000135372\"\n          x2=\"14.8636\"\n          y1=\"2.74591\"\n          y2=\"24.9385\"\n        >\n          <stop stop-color=\"#CBCED0\" />\n          <stop\n            offset=\"1\"\n            stop-color=\"#84838B\"\n          />\n        </linearGradient>\n        <linearGradient\n          id=\"paint1_linear_2_1407\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"9.88818\"\n          x2=\"23.4023\"\n          y1=\"7.73612\"\n          y2=\"20.9796\"\n        >\n          <stop stop-color=\"#276DC3\" />\n          <stop\n            offset=\"1\"\n            stop-color=\"#165CAA\"\n          />\n        </linearGradient>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","svgElement","ref","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIds","defsElement","idMap","element","originalId","newId","referencingAttributes","updateReferences","attr","attrValue","updatedValue","match","id","onMounted"],"mappings":"ypFAaA,MAAMA,EAAQC,EA+DRC,EAAaC,MAAuB,IAAI,EAExCC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOL,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMM,EAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDO,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOL,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQI,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA,EASIM,EAAgBR,GAAiC,CACrD,GAAI,CAACA,EACH,OAGI,MAAAS,EAAcT,EAAW,cAAc,MAAM,EAG7CU,EAAgC,CAAA,EAElCD,GAEFA,EAAY,iBAAiB,MAAM,EAAE,QAASE,GAAY,CAClD,MAAAC,EAAaD,EAAQ,aAAa,IAAI,EACtCE,EAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,CAAC,IAAID,CAAU,GAG1EF,EAAME,CAAW,EAAIC,EAGbF,EAAA,aAAa,KAAME,CAAK,CAAA,CACjC,EAIG,MAAAC,EAAwB,CAAC,OAAQ,SAAU,SAAU,OAAQ,YAAa,aAAc,MAAM,EAG9FC,EAAoBJ,GAA2B,CAC7BG,EAAA,QAASE,GAAS,CAChC,MAAAC,EAAYN,EAAQ,aAAaK,CAAI,EAC3C,GAAIC,EAAW,CAEb,MAAMC,EAAeD,EAAU,QAAQ,mBAAoB,CAACE,EAAOC,IAC1DV,EAAMU,CAAE,EAAI,QAAQV,EAAMU,CAAE,CAAC,IAAMD,CAC3C,EAAE,QAAQ,aAAc,CAACA,EAAOC,IACxBV,EAAMU,CAAE,EAAI,IAAIV,EAAMU,CAAE,CAAC,GAAKD,CACtC,EAGGD,IAAiBD,GACXN,EAAA,aAAaK,EAAME,CAAY,CAE3C,CAAA,CACD,CAAA,EAIHlB,EAAW,iBAAiB,GAAG,EAAE,QAASW,GAAY,CACpDI,EAAiBJ,CAAO,CAAA,CACzB,CAAA,EAGHU,OAAAA,EAAAA,UAAU,IAAM,CACVvB,EAAM,cAAgBE,EAAW,OACnCQ,EAAaR,EAAW,KAAK,CAC/B,CACD"}

package/dist/kong-icons434.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m=require("./kong-icons1218.cjs"),u=t=>(e.pushScopeId("data-v-6434292d"),t=t(),e.popScopeId(),t),h=["aria-hidden"],y={key:0,"data-testid":"kui-icon-svg-title"},L=u(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_2_1410)"},[e.createElementVNode("path",{d:"M18.2021 15.6026L5.31372 23.2558L22.0018 22.1233L23.2871 5.29614L18.2021 15.6026Z",fill:"url(#paint0_linear_2_1410)"}),e.createElementVNode("path",{d:"M22.029 22.1118L20.5948 12.212L16.6879 17.3709L22.029 22.1118Z",fill:"url(#paint1_linear_2_1410)"}),e.createElementVNode("path",{d:"M22.0485 22.1119L11.5403 21.2871L5.36963 23.2343L22.0485 22.1119Z",fill:"url(#paint2_linear_2_1410)"}),e.createElementVNode("path",{d:"M5.38448 23.2365L8.00966 14.6365L2.23279 15.8717L5.38448 23.2365Z",fill:"url(#paint3_linear_2_1410)"}),e.createElementVNode("path",{d:"M16.6868 17.3995L14.2714 7.93823L7.35901 14.4179L16.6868 17.3995Z",fill:"url(#paint4_linear_2_1410)"}),e.createElementVNode("path",{d:"M22.7391 8.07137L16.2049 2.73474L14.3854 8.61718L22.7391 8.07137Z",fill:"url(#paint5_linear_2_1410)"}),e.createElementVNode("path",{d:"M19.6833 0.831967L15.8401 2.95578L13.4158 0.803467L19.6833 0.831967Z",fill:"url(#paint6_linear_2_1410)"}),e.createElementVNode("path",{d:"M0.712891 18.7564L2.32277 15.8203L1.02039 12.3225L0.712891 18.7564Z",fill:"url(#paint7_linear_2_1410)"}),e.createElementVNode("path",{d:"M0.93396 12.212L2.24402 15.9285L7.93746 14.6512L14.4375 8.61033L16.2718 2.78377L13.3838 0.744141L8.47315 2.58202C6.9259 4.02108 3.92384 6.86827 3.81565 6.92189C3.70821 6.97645 1.83283 10.521 0.93396 12.212Z",fill:"white"}),e.createElementVNode("path",{d:"M5.53484 5.53519C8.88771 2.21081 13.2105 0.246377 14.8695 1.92019C16.5276 3.59381 14.7694 7.66144 11.4161 10.9849C8.0629 14.3083 3.79371 16.3809 2.13621 14.7071C0.477024 13.0346 2.18159 8.85881 5.53484 5.53519Z",fill:"url(#paint8_linear_2_1410)"}),e.createElementVNode("path",{d:"M5.3844 23.233L7.98877 14.6057L16.6391 17.3845C13.5116 20.3173 10.0329 22.7966 5.3844 23.233Z",fill:"url(#paint9_linear_2_1410)"}),e.createElementVNode("path",{d:"M14.4491 8.59326L16.6698 17.3891C19.2825 14.6422 21.6272 11.6889 22.7754 8.03601L14.4491 8.59326Z",fill:"url(#paint10_linear_2_1410)"}),e.createElementVNode("path",{d:"M22.7528 8.08073C23.6415 5.39855 23.8465 1.55104 19.6558 0.83667L16.2173 2.73604L22.7528 8.08073Z",fill:"url(#paint11_linear_2_1410)"}),e.createElementVNode("path",{d:"M0.712891 18.7177C0.835891 23.1442 4.02958 23.21 5.39008 23.249L2.24777 15.9103L0.712891 18.7177Z",fill:"#9E1209"}),e.createElementVNode("path",{d:"M14.4615 8.60695C16.4693 9.84089 20.5152 12.3191 20.5971 12.3646C20.7246 12.4365 22.3416 9.63802 22.7085 8.05664L14.4615 8.60695Z",fill:"url(#paint12_radial_2_1410)"}),e.createElementVNode("path",{d:"M7.98547 14.6057L11.4673 21.3235C13.5261 20.2069 15.1384 18.8464 16.615 17.3891L7.98547 14.6057Z",fill:"url(#paint13_radial_2_1410)"}),e.createElementVNode("path",{d:"M2.23391 15.9196L1.7406 21.7941C2.67135 23.0656 3.95198 23.1762 5.2956 23.077C4.3236 20.6582 2.38223 15.8215 2.23391 15.9196Z",fill:"url(#paint14_linear_2_1410)"}),e.createElementVNode("path",{d:"M16.197 2.7506L23.1141 3.72128C22.7449 2.15697 21.6113 1.14747 19.6791 0.831909L16.197 2.7506Z",fill:"url(#paint15_linear_2_1410)"})],-1)),x=u(()=>e.createElementVNode("defs",null,[e.createElementVNode("linearGradient",{id:"paint0_linear_2_1410",gradientUnits:"userSpaceOnUse",x1:"20.5462",x2:"15.7841",y1:"25.3031",y2:"16.8953"},[e.createElementVNode("stop",{"stop-color":"#FB7655"}),e.createElementVNode("stop",{offset:"0.41","stop-color":"#E42B1E"}),e.createElementVNode("stop",{offset:"0.99","stop-color":"#990000"}),e.createElementVNode("stop",{offset:"1","stop-color":"#990000"})]),e.createElementVNode("linearGradient",{id:"paint1_linear_2_1410",gradientUnits:"userSpaceOnUse",x1:"22.9183",x2:"16.7809",y1:"18.24",y2:"14.1215"},[e.createElementVNode("stop",{"stop-color":"#871101"}),e.createElementVNode("stop",{offset:"0.99","stop-color":"#911209"}),e.createElementVNode("stop",{offset:"1","stop-color":"#911209"})]),e.createElementVNode("linearGradient",{id:"paint2_linear_2_1410",gradientUnits:"userSpaceOnUse",x1:"18.0079",x2:"11.8706",y1:"25.5582",y2:"21.4397"},[e.createElementVNode("stop",{"stop-color":"#871101"}),e.createElementVNode("stop",{offset:"0.99","stop-color":"#911209"}),e.createElementVNode("stop",{offset:"1","stop-color":"#911209"})]),e.createElementVNode("linearGradient",{id:"paint3_linear_2_1410",gradientUnits:"userSpaceOnUse",x1:"5.12198",x2:"6.07335",y1:"15.2584",y2:"21.4418"},[e.createElementVNode("stop",{"stop-color":"white"}),e.createElementVNode("stop",{offset:"0.23","stop-color":"#E57252"}),e.createElementVNode("stop",{offset:"0.46","stop-color":"#DE3B20"}),e.createElementVNode("stop",{offset:"0.99","stop-color":"#A60003"}),e.createElementVNode("stop",{offset:"1","stop-color":"#A60003"})]),e.createElementVNode("linearGradient",{id:"paint4_linear_2_1410",gradientUnits:"userSpaceOnUse",x1:"11.6661",x2:"12.0167",y1:"9.48511",y2:"15.7956"},[e.createElementVNode("stop",{"stop-color":"white"}),e.createElementVNode("stop",{offset:"0.23","stop-color":"#E4714E"}),e.createElementVNode("stop",{offset:"0.56","stop-color":"#BE1A0D"}),e.createElementVNode("stop",{offset:"0.99","stop-color":"#A80D00"}),e.createElementVNode("stop",{offset:"1","stop-color":"#A80D00"})]),e.createElementVNode("linearGradient",{id:"paint5_linear_2_1410",gradientUnits:"userSpaceOnUse",x1:"17.4733",x2:"18.5229",y1:"3.65199",y2:"8.17487"},[e.createElementVNode("stop",{"stop-color":"white"}),e.createElementVNode("stop",{offset:"0.18","stop-color":"#E46342"}),e.createElementVNode("stop",{offset:"0.4","stop-color":"#C82410"}),e.createElementVNode("stop",{offset:"0.99","stop-color":"#A80D00"}),e.createElementVNode("stop",{offset:"1","stop-color":"#A80D00"})]),e.createElementVNode("linearGradient",{id:"paint6_linear_2_1410",gradientUnits:"userSpaceOnUse",x1:"14.2687",x2:"18.791",y1:"2.05915",y2:"-0.201908"},[e.createElementVNode("stop",{"stop-color":"white"}),e.createElementVNode("stop",{offset:"0.54","stop-color":"#C81F11"}),e.createElementVNode("stop",{offset:"0.99","stop-color":"#BF0905"}),e.createElementVNode("stop",{offset:"1","stop-color":"#BF0905"})]),e.createElementVNode("linearGradient",{id:"paint7_linear_2_1410",gradientUnits:"userSpaceOnUse",x1:"1.15764",x2:"1.53002",y1:"13.6823",y2:"17.4088"},[e.createElementVNode("stop",{"stop-color":"white"}),e.createElementVNode("stop",{offset:"0.31","stop-color":"#DE4024"}),e.createElementVNode("stop",{offset:"0.99","stop-color":"#BF190B"}),e.createElementVNode("stop",{offset:"1","stop-color":"#BF190B"})]),e.createElementVNode("linearGradient",{id:"paint8_linear_2_1410",gradientUnits:"userSpaceOnUse",x1:"-1.40135",x2:"16.096",y1:"18.4161",y2:"0.42394"},[e.createElementVNode("stop",{"stop-color":"#BD0012"}),e.createElementVNode("stop",{offset:"0.07","stop-color":"white"}),e.createElementVNode("stop",{offset:"0.17","stop-color":"white"}),e.createElementVNode("stop",{offset:"0.27","stop-color":"#C82F1C"}),e.createElementVNode("stop",{offset:"0.33","stop-color":"#820C01"}),e.createElementVNode("stop",{offset:"0.46","stop-color":"#A31601"}),e.createElementVNode("stop",{offset:"0.72","stop-color":"#B31301"}),e.createElementVNode("stop",{offset:"0.99","stop-color":"#E82609"}),e.createElementVNode("stop",{offset:"1","stop-color":"#E82609"})]),e.createElementVNode("linearGradient",{id:"paint9_linear_2_1410",gradientUnits:"userSpaceOnUse",x1:"12.0013",x2:"6.73084",y1:"20.2309",y2:"18.9302"},[e.createElementVNode("stop",{"stop-color":"#8C0C01"}),e.createElementVNode("stop",{offset:"0.54","stop-color":"#990C00"}),e.createElementVNode("stop",{offset:"0.99","stop-color":"#A80D0E"}),e.createElementVNode("stop",{offset:"1","stop-color":"#A80D0E"})]),e.createElementVNode("linearGradient",{id:"paint10_linear_2_1410",gradientUnits:"userSpaceOnUse",x1:"21.0534",x2:"16.3713",y1:"13.9055",y2:"9.70926"},[e.createElementVNode("stop",{"stop-color":"#7E110B"}),e.createElementVNode("stop",{offset:"0.99","stop-color":"#9E0C00"}),e.createElementVNode("stop",{offset:"1","stop-color":"#9E0C00"})]),e.createElementVNode("linearGradient",{id:"paint11_linear_2_1410",gradientUnits:"userSpaceOnUse",x1:"22.7736",x2:"20.4415",y1:"6.20611",y2:"3.71273"},[e.createElementVNode("stop",{"stop-color":"#79130D"}),e.createElementVNode("stop",{offset:"0.99","stop-color":"#9E120B"}),e.createElementVNode("stop",{offset:"1","stop-color":"#9E120B"})]),e.createElementVNode("radialGradient",{id:"paint12_radial_2_1410",cx:"0",cy:"0",gradientTransform:"translate(17.1006 9.78952) scale(5.73769)",gradientUnits:"userSpaceOnUse",r:"1"},[e.createElementVNode("stop",{"stop-color":"#A80D00"}),e.createElementVNode("stop",{offset:"0.99","stop-color":"#7E0E08"}),e.createElementVNode("stop",{offset:"1","stop-color":"#7E0E08"})]),e.createElementVNode("radialGradient",{id:"paint13_radial_2_1410",cx:"0",cy:"0",gradientTransform:"translate(9.15472 17.3503) scale(7.62731)",gradientUnits:"userSpaceOnUse",r:"1"},[e.createElementVNode("stop",{"stop-color":"#A30C00"}),e.createElementVNode("stop",{offset:"0.99","stop-color":"#800E08"}),e.createElementVNode("stop",{offset:"1","stop-color":"#800E08"})]),e.createElementVNode("linearGradient",{id:"paint14_linear_2_1410",gradientUnits:"userSpaceOnUse",x1:"3.75173",x2:"1.85122",y1:"23.2285",y2:"16.7802"},[e.createElementVNode("stop",{"stop-color":"#8B2114"}),e.createElementVNode("stop",{offset:"0.43","stop-color":"#9E100A"}),e.createElementVNode("stop",{offset:"0.99","stop-color":"#B3100C"}),e.createElementVNode("stop",{offset:"1","stop-color":"#B3100C"})]),e.createElementVNode("linearGradient",{id:"paint15_linear_2_1410",gradientUnits:"userSpaceOnUse",x1:"18.3323",x2:"22.593",y1:"1.86072",y2:"3.74153"},[e.createElementVNode("stop",{"stop-color":"#B31000"}),e.createElementVNode("stop",{offset:"0.44","stop-color":"#910F08"}),e.createElementVNode("stop",{offset:"0.99","stop-color":"#791C12"}),e.createElementVNode("stop",{offset:"1","stop-color":"#791C12"})]),e.createElementVNode("clipPath",{id:"clip0_2_1410"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),S=e.defineComponent({__name:"LanguageRubyIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:m.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const o=String(t).replace(/px/gi,""),l=Number(o);if(l&&!isNaN(l)&&Number.isInteger(l)&&l>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},randomizeIds:{type:Boolean,default:!0}},setup(t){const o=t,l=e.ref(null),f=e.computed(()=>{if(typeof o.size=="number"&&o.size>0)return`${o.size}px`;if(typeof o.size=="string"){const n=String(o.size).replace(/px/gi,""),r=Number(n);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return`${r}px`}return m.KUI_ICON_SIZE_50}),N=e.computed(()=>({boxSizing:"border-box",color:o.color,display:o.display,flexShrink:"0",height:f.value,lineHeight:"0",width:f.value})),_=n=>{if(!n)return;const r=n.querySelector("defs"),i={};r&&r.querySelectorAll("[id]").forEach(a=>{const c=a.getAttribute("id"),s=`${Math.random().toString(36).substring(2,12)}-${c}`;i[c]=s,a.setAttribute("id",s)});const V=["fill","stroke","filter","mask","clip-path","xlink:href","href"],g=a=>{V.forEach(c=>{const s=a.getAttribute(c);if(s){const E=s.replace(/url\(#([^)]+)\)/g,(p,d)=>i[d]?`url(#${i[d]})`:p).replace(/#([^\s]+)/g,(p,d)=>i[d]?`#${i[d]}`:p);E!==s&&a.setAttribute(c,E)}})};n.querySelectorAll("*").forEach(a=>{g(a)})};return e.onMounted(()=>{o.randomizeIds&&l.value&&_(l.value)}),(n,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon language-ruby-icon","data-testid":"kui-icon-wrapper-language-ruby-icon",style:e.normalizeStyle(N.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgElement",ref:l,"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-language-ruby-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",y,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),L,x],8,h))]),_:1},8,["aria-hidden","style"]))}});exports.default=S;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m=require("./kong-icons1218.cjs"),u=t=>(e.pushScopeId("data-v-71738eb5"),t=t(),e.popScopeId(),t),h=["aria-hidden"],y={key:0,"data-testid":"kui-icon-svg-title"},L=u(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_2_1410)"},[e.createElementVNode("path",{d:"M18.2021 15.6026L5.31372 23.2558L22.0018 22.1233L23.2871 5.29614L18.2021 15.6026Z",fill:"url(#paint0_linear_2_1410)"}),e.createElementVNode("path",{d:"M22.029 22.1118L20.5948 12.212L16.6879 17.3709L22.029 22.1118Z",fill:"url(#paint1_linear_2_1410)"}),e.createElementVNode("path",{d:"M22.0485 22.1119L11.5403 21.2871L5.36963 23.2343L22.0485 22.1119Z",fill:"url(#paint2_linear_2_1410)"}),e.createElementVNode("path",{d:"M5.38448 23.2365L8.00966 14.6365L2.23279 15.8717L5.38448 23.2365Z",fill:"url(#paint3_linear_2_1410)"}),e.createElementVNode("path",{d:"M16.6868 17.3995L14.2714 7.93823L7.35901 14.4179L16.6868 17.3995Z",fill:"url(#paint4_linear_2_1410)"}),e.createElementVNode("path",{d:"M22.7391 8.07137L16.2049 2.73474L14.3854 8.61718L22.7391 8.07137Z",fill:"url(#paint5_linear_2_1410)"}),e.createElementVNode("path",{d:"M19.6833 0.831967L15.8401 2.95578L13.4158 0.803467L19.6833 0.831967Z",fill:"url(#paint6_linear_2_1410)"}),e.createElementVNode("path",{d:"M0.712891 18.7564L2.32277 15.8203L1.02039 12.3225L0.712891 18.7564Z",fill:"url(#paint7_linear_2_1410)"}),e.createElementVNode("path",{d:"M0.93396 12.212L2.24402 15.9285L7.93746 14.6512L14.4375 8.61033L16.2718 2.78377L13.3838 0.744141L8.47315 2.58202C6.9259 4.02108 3.92384 6.86827 3.81565 6.92189C3.70821 6.97645 1.83283 10.521 0.93396 12.212Z",fill:"white"}),e.createElementVNode("path",{d:"M5.53484 5.53519C8.88771 2.21081 13.2105 0.246377 14.8695 1.92019C16.5276 3.59381 14.7694 7.66144 11.4161 10.9849C8.0629 14.3083 3.79371 16.3809 2.13621 14.7071C0.477024 13.0346 2.18159 8.85881 5.53484 5.53519Z",fill:"url(#paint8_linear_2_1410)"}),e.createElementVNode("path",{d:"M5.3844 23.233L7.98877 14.6057L16.6391 17.3845C13.5116 20.3173 10.0329 22.7966 5.3844 23.233Z",fill:"url(#paint9_linear_2_1410)"}),e.createElementVNode("path",{d:"M14.4491 8.59326L16.6698 17.3891C19.2825 14.6422 21.6272 11.6889 22.7754 8.03601L14.4491 8.59326Z",fill:"url(#paint10_linear_2_1410)"}),e.createElementVNode("path",{d:"M22.7528 8.08073C23.6415 5.39855 23.8465 1.55104 19.6558 0.83667L16.2173 2.73604L22.7528 8.08073Z",fill:"url(#paint11_linear_2_1410)"}),e.createElementVNode("path",{d:"M0.712891 18.7177C0.835891 23.1442 4.02958 23.21 5.39008 23.249L2.24777 15.9103L0.712891 18.7177Z",fill:"#9E1209"}),e.createElementVNode("path",{d:"M14.4615 8.60695C16.4693 9.84089 20.5152 12.3191 20.5971 12.3646C20.7246 12.4365 22.3416 9.63802 22.7085 8.05664L14.4615 8.60695Z",fill:"url(#paint12_radial_2_1410)"}),e.createElementVNode("path",{d:"M7.98547 14.6057L11.4673 21.3235C13.5261 20.2069 15.1384 18.8464 16.615 17.3891L7.98547 14.6057Z",fill:"url(#paint13_radial_2_1410)"}),e.createElementVNode("path",{d:"M2.23391 15.9196L1.7406 21.7941C2.67135 23.0656 3.95198 23.1762 5.2956 23.077C4.3236 20.6582 2.38223 15.8215 2.23391 15.9196Z",fill:"url(#paint14_linear_2_1410)"}),e.createElementVNode("path",{d:"M16.197 2.7506L23.1141 3.72128C22.7449 2.15697 21.6113 1.14747 19.6791 0.831909L16.197 2.7506Z",fill:"url(#paint15_linear_2_1410)"})],-1)),x=u(()=>e.createElementVNode("defs",null,[e.createElementVNode("linearGradient",{id:"paint0_linear_2_1410",gradientUnits:"userSpaceOnUse",x1:"20.5462",x2:"15.7841",y1:"25.3031",y2:"16.8953"},[e.createElementVNode("stop",{"stop-color":"#FB7655"}),e.createElementVNode("stop",{offset:"0.41","stop-color":"#E42B1E"}),e.createElementVNode("stop",{offset:"0.99","stop-color":"#990000"}),e.createElementVNode("stop",{offset:"1","stop-color":"#990000"})]),e.createElementVNode("linearGradient",{id:"paint1_linear_2_1410",gradientUnits:"userSpaceOnUse",x1:"22.9183",x2:"16.7809",y1:"18.24",y2:"14.1215"},[e.createElementVNode("stop",{"stop-color":"#871101"}),e.createElementVNode("stop",{offset:"0.99","stop-color":"#911209"}),e.createElementVNode("stop",{offset:"1","stop-color":"#911209"})]),e.createElementVNode("linearGradient",{id:"paint2_linear_2_1410",gradientUnits:"userSpaceOnUse",x1:"18.0079",x2:"11.8706",y1:"25.5582",y2:"21.4397"},[e.createElementVNode("stop",{"stop-color":"#871101"}),e.createElementVNode("stop",{offset:"0.99","stop-color":"#911209"}),e.createElementVNode("stop",{offset:"1","stop-color":"#911209"})]),e.createElementVNode("linearGradient",{id:"paint3_linear_2_1410",gradientUnits:"userSpaceOnUse",x1:"5.12198",x2:"6.07335",y1:"15.2584",y2:"21.4418"},[e.createElementVNode("stop",{"stop-color":"white"}),e.createElementVNode("stop",{offset:"0.23","stop-color":"#E57252"}),e.createElementVNode("stop",{offset:"0.46","stop-color":"#DE3B20"}),e.createElementVNode("stop",{offset:"0.99","stop-color":"#A60003"}),e.createElementVNode("stop",{offset:"1","stop-color":"#A60003"})]),e.createElementVNode("linearGradient",{id:"paint4_linear_2_1410",gradientUnits:"userSpaceOnUse",x1:"11.6661",x2:"12.0167",y1:"9.48511",y2:"15.7956"},[e.createElementVNode("stop",{"stop-color":"white"}),e.createElementVNode("stop",{offset:"0.23","stop-color":"#E4714E"}),e.createElementVNode("stop",{offset:"0.56","stop-color":"#BE1A0D"}),e.createElementVNode("stop",{offset:"0.99","stop-color":"#A80D00"}),e.createElementVNode("stop",{offset:"1","stop-color":"#A80D00"})]),e.createElementVNode("linearGradient",{id:"paint5_linear_2_1410",gradientUnits:"userSpaceOnUse",x1:"17.4733",x2:"18.5229",y1:"3.65199",y2:"8.17487"},[e.createElementVNode("stop",{"stop-color":"white"}),e.createElementVNode("stop",{offset:"0.18","stop-color":"#E46342"}),e.createElementVNode("stop",{offset:"0.4","stop-color":"#C82410"}),e.createElementVNode("stop",{offset:"0.99","stop-color":"#A80D00"}),e.createElementVNode("stop",{offset:"1","stop-color":"#A80D00"})]),e.createElementVNode("linearGradient",{id:"paint6_linear_2_1410",gradientUnits:"userSpaceOnUse",x1:"14.2687",x2:"18.791",y1:"2.05915",y2:"-0.201908"},[e.createElementVNode("stop",{"stop-color":"white"}),e.createElementVNode("stop",{offset:"0.54","stop-color":"#C81F11"}),e.createElementVNode("stop",{offset:"0.99","stop-color":"#BF0905"}),e.createElementVNode("stop",{offset:"1","stop-color":"#BF0905"})]),e.createElementVNode("linearGradient",{id:"paint7_linear_2_1410",gradientUnits:"userSpaceOnUse",x1:"1.15764",x2:"1.53002",y1:"13.6823",y2:"17.4088"},[e.createElementVNode("stop",{"stop-color":"white"}),e.createElementVNode("stop",{offset:"0.31","stop-color":"#DE4024"}),e.createElementVNode("stop",{offset:"0.99","stop-color":"#BF190B"}),e.createElementVNode("stop",{offset:"1","stop-color":"#BF190B"})]),e.createElementVNode("linearGradient",{id:"paint8_linear_2_1410",gradientUnits:"userSpaceOnUse",x1:"-1.40135",x2:"16.096",y1:"18.4161",y2:"0.42394"},[e.createElementVNode("stop",{"stop-color":"#BD0012"}),e.createElementVNode("stop",{offset:"0.07","stop-color":"white"}),e.createElementVNode("stop",{offset:"0.17","stop-color":"white"}),e.createElementVNode("stop",{offset:"0.27","stop-color":"#C82F1C"}),e.createElementVNode("stop",{offset:"0.33","stop-color":"#820C01"}),e.createElementVNode("stop",{offset:"0.46","stop-color":"#A31601"}),e.createElementVNode("stop",{offset:"0.72","stop-color":"#B31301"}),e.createElementVNode("stop",{offset:"0.99","stop-color":"#E82609"}),e.createElementVNode("stop",{offset:"1","stop-color":"#E82609"})]),e.createElementVNode("linearGradient",{id:"paint9_linear_2_1410",gradientUnits:"userSpaceOnUse",x1:"12.0013",x2:"6.73084",y1:"20.2309",y2:"18.9302"},[e.createElementVNode("stop",{"stop-color":"#8C0C01"}),e.createElementVNode("stop",{offset:"0.54","stop-color":"#990C00"}),e.createElementVNode("stop",{offset:"0.99","stop-color":"#A80D0E"}),e.createElementVNode("stop",{offset:"1","stop-color":"#A80D0E"})]),e.createElementVNode("linearGradient",{id:"paint10_linear_2_1410",gradientUnits:"userSpaceOnUse",x1:"21.0534",x2:"16.3713",y1:"13.9055",y2:"9.70926"},[e.createElementVNode("stop",{"stop-color":"#7E110B"}),e.createElementVNode("stop",{offset:"0.99","stop-color":"#9E0C00"}),e.createElementVNode("stop",{offset:"1","stop-color":"#9E0C00"})]),e.createElementVNode("linearGradient",{id:"paint11_linear_2_1410",gradientUnits:"userSpaceOnUse",x1:"22.7736",x2:"20.4415",y1:"6.20611",y2:"3.71273"},[e.createElementVNode("stop",{"stop-color":"#79130D"}),e.createElementVNode("stop",{offset:"0.99","stop-color":"#9E120B"}),e.createElementVNode("stop",{offset:"1","stop-color":"#9E120B"})]),e.createElementVNode("radialGradient",{id:"paint12_radial_2_1410",cx:"0",cy:"0",gradientTransform:"translate(17.1006 9.78952) scale(5.73769)",gradientUnits:"userSpaceOnUse",r:"1"},[e.createElementVNode("stop",{"stop-color":"#A80D00"}),e.createElementVNode("stop",{offset:"0.99","stop-color":"#7E0E08"}),e.createElementVNode("stop",{offset:"1","stop-color":"#7E0E08"})]),e.createElementVNode("radialGradient",{id:"paint13_radial_2_1410",cx:"0",cy:"0",gradientTransform:"translate(9.15472 17.3503) scale(7.62731)",gradientUnits:"userSpaceOnUse",r:"1"},[e.createElementVNode("stop",{"stop-color":"#A30C00"}),e.createElementVNode("stop",{offset:"0.99","stop-color":"#800E08"}),e.createElementVNode("stop",{offset:"1","stop-color":"#800E08"})]),e.createElementVNode("linearGradient",{id:"paint14_linear_2_1410",gradientUnits:"userSpaceOnUse",x1:"3.75173",x2:"1.85122",y1:"23.2285",y2:"16.7802"},[e.createElementVNode("stop",{"stop-color":"#8B2114"}),e.createElementVNode("stop",{offset:"0.43","stop-color":"#9E100A"}),e.createElementVNode("stop",{offset:"0.99","stop-color":"#B3100C"}),e.createElementVNode("stop",{offset:"1","stop-color":"#B3100C"})]),e.createElementVNode("linearGradient",{id:"paint15_linear_2_1410",gradientUnits:"userSpaceOnUse",x1:"18.3323",x2:"22.593",y1:"1.86072",y2:"3.74153"},[e.createElementVNode("stop",{"stop-color":"#B31000"}),e.createElementVNode("stop",{offset:"0.44","stop-color":"#910F08"}),e.createElementVNode("stop",{offset:"0.99","stop-color":"#791C12"}),e.createElementVNode("stop",{offset:"1","stop-color":"#791C12"})]),e.createElementVNode("clipPath",{id:"clip0_2_1410"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),S=e.defineComponent({__name:"LanguageRubyIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:m.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const o=String(t).replace(/px/gi,""),l=Number(o);if(l&&!isNaN(l)&&Number.isInteger(l)&&l>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},randomizeIds:{type:Boolean,default:!0}},setup(t){const o=t,l=e.ref(null),f=e.computed(()=>{if(typeof o.size=="number"&&o.size>0)return`${o.size}px`;if(typeof o.size=="string"){const n=String(o.size).replace(/px/gi,""),r=Number(n);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return`${r}px`}return m.KUI_ICON_SIZE_50}),N=e.computed(()=>({boxSizing:"border-box",color:o.color,display:o.display,flexShrink:"0",height:f.value,lineHeight:"0",width:f.value})),_=n=>{if(!n)return;const r=n.querySelector("defs"),i={};r&&r.querySelectorAll("[id]").forEach(a=>{const c=a.getAttribute("id"),s=`${Math.random().toString(36).substring(2,12)}-${c}`;i[c]=s,a.setAttribute("id",s)});const V=["fill","stroke","filter","mask","clip-path","xlink:href","href"],g=a=>{V.forEach(c=>{const s=a.getAttribute(c);if(s){const E=s.replace(/url\(#([^)]+)\)/g,(p,d)=>i[d]?`url(#${i[d]})`:p).replace(/#([^\s]+)/g,(p,d)=>i[d]?`#${i[d]}`:p);E!==s&&a.setAttribute(c,E)}})};n.querySelectorAll("*").forEach(a=>{g(a)})};return e.onMounted(()=>{o.randomizeIds&&l.value&&_(l.value)}),(n,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon language-ruby-icon","data-testid":"kui-icon-wrapper-language-ruby-icon",style:e.normalizeStyle(N.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgElement",ref:l,"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-language-ruby-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",y,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),L,x],8,h))]),_:1},8,["aria-hidden","style"]))}});exports.default=S;
 //# sourceMappingURL=kong-icons434.cjs.map

package/dist/kong-icons434.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons434.cjs","sources":["../src/components/multi-color/LanguageRubyIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * LanguageRubyIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 24 Sep 2024 00:28:47 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed, ref, onMounted } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /** A boolean to enable prefixing any internal SVG ids with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to false during snapshot testing.\n   * Defaults to `true`.\n   */\n  randomizeIds: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst svgElement = ref<SVGElement | null>(null)\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n\n/**\n * Prefixes all IDs within the <defs> section of an SVG element and updates all references to these IDs. This is useful to avoid ID conflicts when embedding multiple SVGs in a document.\n *\n * The function performs the following steps:\n * 1. Finds all direct children of the <defs> element that have an `id` attribute and prefixes their IDs with a random string.\n * 2. Updates all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`, etc.\n *\n * The prefix is a random string generated using `Math.random().toString(36).substring(2, 12)` which should be sufficient for most use-cases.\n *\n * @param {SVGElement} svgElement - The SVG element whose potential IDs need to be prefixed.\n */\nconst prefixSvgIds = (svgElement: SVGElement): void => {\n  if (!svgElement) {\n    return\n  }\n\n  const defsElement = svgElement.querySelector('defs')\n\n  // Prepare a map to store the original and new IDs for quick lookups\n  const idMap: Record<string, string> = {}\n\n  if (defsElement) {\n    // Step 1: Prefix all direct children of <defs> that have an `id`\n    defsElement.querySelectorAll('[id]').forEach((element) => {\n      const originalId = element.getAttribute('id')\n      const newId = `${Math.random().toString(36).substring(2, 12)}-${originalId}`\n\n      // Map old id to new id\n      idMap[originalId!] = newId\n\n      // Update the element's ID with the new prefixed ID\n      element.setAttribute('id', newId)\n    })\n  }\n\n  // Step 2: Update all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`\n  const referencingAttributes = ['fill', 'stroke', 'filter', 'mask', 'clip-path', 'xlink:href', 'href']\n\n  // Function to update references to IDs in attributes\n  const updateReferences = (element: Element): void => {\n    referencingAttributes.forEach((attr) => {\n      const attrValue = element.getAttribute(attr)\n      if (attrValue) {\n        // Match any url(#id) or href=\"#id\" references\n        const updatedValue = attrValue.replace(/url\\(#([^)]+)\\)/g, (match, id) => {\n          return idMap[id] ? `url(#${idMap[id]})` : match\n        }).replace(/#([^\\s]+)/g, (match, id) => {\n          return idMap[id] ? `#${idMap[id]}` : match\n        })\n\n        // If the value changed, update the attribute\n        if (updatedValue !== attrValue) {\n          element.setAttribute(attr, updatedValue)\n        }\n      }\n    })\n  }\n\n  // Traverse all elements in the SVG to update ID references\n  svgElement.querySelectorAll('*').forEach((element) => {\n    updateReferences(element)\n  })\n}\n\nonMounted(() => {\n  if (props.randomizeIds && svgElement.value) {\n    prefixSvgIds(svgElement.value)\n  }\n})\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon language-ruby-icon\"\n    data-testid=\"kui-icon-wrapper-language-ruby-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-language-ruby-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_2_1410)\">\n        <path\n          d=\"M18.2021 15.6026L5.31372 23.2558L22.0018 22.1233L23.2871 5.29614L18.2021 15.6026Z\"\n          fill=\"url(#paint0_linear_2_1410)\"\n        />\n        <path\n          d=\"M22.029 22.1118L20.5948 12.212L16.6879 17.3709L22.029 22.1118Z\"\n          fill=\"url(#paint1_linear_2_1410)\"\n        />\n        <path\n          d=\"M22.0485 22.1119L11.5403 21.2871L5.36963 23.2343L22.0485 22.1119Z\"\n          fill=\"url(#paint2_linear_2_1410)\"\n        />\n        <path\n          d=\"M5.38448 23.2365L8.00966 14.6365L2.23279 15.8717L5.38448 23.2365Z\"\n          fill=\"url(#paint3_linear_2_1410)\"\n        />\n        <path\n          d=\"M16.6868 17.3995L14.2714 7.93823L7.35901 14.4179L16.6868 17.3995Z\"\n          fill=\"url(#paint4_linear_2_1410)\"\n        />\n        <path\n          d=\"M22.7391 8.07137L16.2049 2.73474L14.3854 8.61718L22.7391 8.07137Z\"\n          fill=\"url(#paint5_linear_2_1410)\"\n        />\n        <path\n          d=\"M19.6833 0.831967L15.8401 2.95578L13.4158 0.803467L19.6833 0.831967Z\"\n          fill=\"url(#paint6_linear_2_1410)\"\n        />\n        <path\n          d=\"M0.712891 18.7564L2.32277 15.8203L1.02039 12.3225L0.712891 18.7564Z\"\n          fill=\"url(#paint7_linear_2_1410)\"\n        />\n        <path\n          d=\"M0.93396 12.212L2.24402 15.9285L7.93746 14.6512L14.4375 8.61033L16.2718 2.78377L13.3838 0.744141L8.47315 2.58202C6.9259 4.02108 3.92384 6.86827 3.81565 6.92189C3.70821 6.97645 1.83283 10.521 0.93396 12.212Z\"\n          fill=\"white\"\n        />\n        <path\n          d=\"M5.53484 5.53519C8.88771 2.21081 13.2105 0.246377 14.8695 1.92019C16.5276 3.59381 14.7694 7.66144 11.4161 10.9849C8.0629 14.3083 3.79371 16.3809 2.13621 14.7071C0.477024 13.0346 2.18159 8.85881 5.53484 5.53519Z\"\n          fill=\"url(#paint8_linear_2_1410)\"\n        />\n        <path\n          d=\"M5.3844 23.233L7.98877 14.6057L16.6391 17.3845C13.5116 20.3173 10.0329 22.7966 5.3844 23.233Z\"\n          fill=\"url(#paint9_linear_2_1410)\"\n        />\n        <path\n          d=\"M14.4491 8.59326L16.6698 17.3891C19.2825 14.6422 21.6272 11.6889 22.7754 8.03601L14.4491 8.59326Z\"\n          fill=\"url(#paint10_linear_2_1410)\"\n        />\n        <path\n          d=\"M22.7528 8.08073C23.6415 5.39855 23.8465 1.55104 19.6558 0.83667L16.2173 2.73604L22.7528 8.08073Z\"\n          fill=\"url(#paint11_linear_2_1410)\"\n        />\n        <path\n          d=\"M0.712891 18.7177C0.835891 23.1442 4.02958 23.21 5.39008 23.249L2.24777 15.9103L0.712891 18.7177Z\"\n          fill=\"#9E1209\"\n        />\n        <path\n          d=\"M14.4615 8.60695C16.4693 9.84089 20.5152 12.3191 20.5971 12.3646C20.7246 12.4365 22.3416 9.63802 22.7085 8.05664L14.4615 8.60695Z\"\n          fill=\"url(#paint12_radial_2_1410)\"\n        />\n        <path\n          d=\"M7.98547 14.6057L11.4673 21.3235C13.5261 20.2069 15.1384 18.8464 16.615 17.3891L7.98547 14.6057Z\"\n          fill=\"url(#paint13_radial_2_1410)\"\n        />\n        <path\n          d=\"M2.23391 15.9196L1.7406 21.7941C2.67135 23.0656 3.95198 23.1762 5.2956 23.077C4.3236 20.6582 2.38223 15.8215 2.23391 15.9196Z\"\n          fill=\"url(#paint14_linear_2_1410)\"\n        />\n        <path\n          d=\"M16.197 2.7506L23.1141 3.72128C22.7449 2.15697 21.6113 1.14747 19.6791 0.831909L16.197 2.7506Z\"\n          fill=\"url(#paint15_linear_2_1410)\"\n        />\n      </g>\n      <defs>\n        <linearGradient\n          id=\"paint0_linear_2_1410\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"20.5462\"\n          x2=\"15.7841\"\n          y1=\"25.3031\"\n          y2=\"16.8953\"\n        >\n          <stop stop-color=\"#FB7655\" />\n          <stop\n            offset=\"0.41\"\n            stop-color=\"#E42B1E\"\n          />\n          <stop\n            offset=\"0.99\"\n            stop-color=\"#990000\"\n          />\n          <stop\n            offset=\"1\"\n            stop-color=\"#990000\"\n          />\n        </linearGradient>\n        <linearGradient\n          id=\"paint1_linear_2_1410\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"22.9183\"\n          x2=\"16.7809\"\n          y1=\"18.24\"\n          y2=\"14.1215\"\n        >\n          <stop stop-color=\"#871101\" />\n          <stop\n            offset=\"0.99\"\n            stop-color=\"#911209\"\n          />\n          <stop\n            offset=\"1\"\n            stop-color=\"#911209\"\n          />\n        </linearGradient>\n        <linearGradient\n          id=\"paint2_linear_2_1410\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"18.0079\"\n          x2=\"11.8706\"\n          y1=\"25.5582\"\n          y2=\"21.4397\"\n        >\n          <stop stop-color=\"#871101\" />\n          <stop\n            offset=\"0.99\"\n            stop-color=\"#911209\"\n          />\n          <stop\n            offset=\"1\"\n            stop-color=\"#911209\"\n          />\n        </linearGradient>\n        <linearGradient\n          id=\"paint3_linear_2_1410\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"5.12198\"\n          x2=\"6.07335\"\n          y1=\"15.2584\"\n          y2=\"21.4418\"\n        >\n          <stop stop-color=\"white\" />\n          <stop\n            offset=\"0.23\"\n            stop-color=\"#E57252\"\n          />\n          <stop\n            offset=\"0.46\"\n            stop-color=\"#DE3B20\"\n          />\n          <stop\n            offset=\"0.99\"\n            stop-color=\"#A60003\"\n          />\n          <stop\n            offset=\"1\"\n            stop-color=\"#A60003\"\n          />\n        </linearGradient>\n        <linearGradient\n          id=\"paint4_linear_2_1410\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"11.6661\"\n          x2=\"12.0167\"\n          y1=\"9.48511\"\n          y2=\"15.7956\"\n        >\n          <stop stop-color=\"white\" />\n          <stop\n            offset=\"0.23\"\n            stop-color=\"#E4714E\"\n          />\n          <stop\n            offset=\"0.56\"\n            stop-color=\"#BE1A0D\"\n          />\n          <stop\n            offset=\"0.99\"\n            stop-color=\"#A80D00\"\n          />\n          <stop\n            offset=\"1\"\n            stop-color=\"#A80D00\"\n          />\n        </linearGradient>\n        <linearGradient\n          id=\"paint5_linear_2_1410\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"17.4733\"\n          x2=\"18.5229\"\n          y1=\"3.65199\"\n          y2=\"8.17487\"\n        >\n          <stop stop-color=\"white\" />\n          <stop\n            offset=\"0.18\"\n            stop-color=\"#E46342\"\n          />\n          <stop\n            offset=\"0.4\"\n            stop-color=\"#C82410\"\n          />\n          <stop\n            offset=\"0.99\"\n            stop-color=\"#A80D00\"\n          />\n          <stop\n            offset=\"1\"\n            stop-color=\"#A80D00\"\n          />\n        </linearGradient>\n        <linearGradient\n          id=\"paint6_linear_2_1410\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"14.2687\"\n          x2=\"18.791\"\n          y1=\"2.05915\"\n          y2=\"-0.201908\"\n        >\n          <stop stop-color=\"white\" />\n          <stop\n            offset=\"0.54\"\n            stop-color=\"#C81F11\"\n          />\n          <stop\n            offset=\"0.99\"\n            stop-color=\"#BF0905\"\n          />\n          <stop\n            offset=\"1\"\n            stop-color=\"#BF0905\"\n          />\n        </linearGradient>\n        <linearGradient\n          id=\"paint7_linear_2_1410\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"1.15764\"\n          x2=\"1.53002\"\n          y1=\"13.6823\"\n          y2=\"17.4088\"\n        >\n          <stop stop-color=\"white\" />\n          <stop\n            offset=\"0.31\"\n            stop-color=\"#DE4024\"\n          />\n          <stop\n            offset=\"0.99\"\n            stop-color=\"#BF190B\"\n          />\n          <stop\n            offset=\"1\"\n            stop-color=\"#BF190B\"\n          />\n        </linearGradient>\n        <linearGradient\n          id=\"paint8_linear_2_1410\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"-1.40135\"\n          x2=\"16.096\"\n          y1=\"18.4161\"\n          y2=\"0.42394\"\n        >\n          <stop stop-color=\"#BD0012\" />\n          <stop\n            offset=\"0.07\"\n            stop-color=\"white\"\n          />\n          <stop\n            offset=\"0.17\"\n            stop-color=\"white\"\n          />\n          <stop\n            offset=\"0.27\"\n            stop-color=\"#C82F1C\"\n          />\n          <stop\n            offset=\"0.33\"\n            stop-color=\"#820C01\"\n          />\n          <stop\n            offset=\"0.46\"\n            stop-color=\"#A31601\"\n          />\n          <stop\n            offset=\"0.72\"\n            stop-color=\"#B31301\"\n          />\n          <stop\n            offset=\"0.99\"\n            stop-color=\"#E82609\"\n          />\n          <stop\n            offset=\"1\"\n            stop-color=\"#E82609\"\n          />\n        </linearGradient>\n        <linearGradient\n          id=\"paint9_linear_2_1410\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"12.0013\"\n          x2=\"6.73084\"\n          y1=\"20.2309\"\n          y2=\"18.9302\"\n        >\n          <stop stop-color=\"#8C0C01\" />\n          <stop\n            offset=\"0.54\"\n            stop-color=\"#990C00\"\n          />\n          <stop\n            offset=\"0.99\"\n            stop-color=\"#A80D0E\"\n          />\n          <stop\n            offset=\"1\"\n            stop-color=\"#A80D0E\"\n          />\n        </linearGradient>\n        <linearGradient\n          id=\"paint10_linear_2_1410\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"21.0534\"\n          x2=\"16.3713\"\n          y1=\"13.9055\"\n          y2=\"9.70926\"\n        >\n          <stop stop-color=\"#7E110B\" />\n          <stop\n            offset=\"0.99\"\n            stop-color=\"#9E0C00\"\n          />\n          <stop\n            offset=\"1\"\n            stop-color=\"#9E0C00\"\n          />\n        </linearGradient>\n        <linearGradient\n          id=\"paint11_linear_2_1410\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"22.7736\"\n          x2=\"20.4415\"\n          y1=\"6.20611\"\n          y2=\"3.71273\"\n        >\n          <stop stop-color=\"#79130D\" />\n          <stop\n            offset=\"0.99\"\n            stop-color=\"#9E120B\"\n          />\n          <stop\n            offset=\"1\"\n            stop-color=\"#9E120B\"\n          />\n        </linearGradient>\n        <radialGradient\n          id=\"paint12_radial_2_1410\"\n          cx=\"0\"\n          cy=\"0\"\n          gradientTransform=\"translate(17.1006 9.78952) scale(5.73769)\"\n          gradientUnits=\"userSpaceOnUse\"\n          r=\"1\"\n        >\n          <stop stop-color=\"#A80D00\" />\n          <stop\n            offset=\"0.99\"\n            stop-color=\"#7E0E08\"\n          />\n          <stop\n            offset=\"1\"\n            stop-color=\"#7E0E08\"\n          />\n        </radialGradient>\n        <radialGradient\n          id=\"paint13_radial_2_1410\"\n          cx=\"0\"\n          cy=\"0\"\n          gradientTransform=\"translate(9.15472 17.3503) scale(7.62731)\"\n          gradientUnits=\"userSpaceOnUse\"\n          r=\"1\"\n        >\n          <stop stop-color=\"#A30C00\" />\n          <stop\n            offset=\"0.99\"\n            stop-color=\"#800E08\"\n          />\n          <stop\n            offset=\"1\"\n            stop-color=\"#800E08\"\n          />\n        </radialGradient>\n        <linearGradient\n          id=\"paint14_linear_2_1410\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"3.75173\"\n          x2=\"1.85122\"\n          y1=\"23.2285\"\n          y2=\"16.7802\"\n        >\n          <stop stop-color=\"#8B2114\" />\n          <stop\n            offset=\"0.43\"\n            stop-color=\"#9E100A\"\n          />\n          <stop\n            offset=\"0.99\"\n            stop-color=\"#B3100C\"\n          />\n          <stop\n            offset=\"1\"\n            stop-color=\"#B3100C\"\n          />\n        </linearGradient>\n        <linearGradient\n          id=\"paint15_linear_2_1410\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"18.3323\"\n          x2=\"22.593\"\n          y1=\"1.86072\"\n          y2=\"3.74153\"\n        >\n          <stop stop-color=\"#B31000\" />\n          <stop\n            offset=\"0.44\"\n            stop-color=\"#910F08\"\n          />\n          <stop\n            offset=\"0.99\"\n            stop-color=\"#791C12\"\n          />\n          <stop\n            offset=\"1\"\n            stop-color=\"#791C12\"\n          />\n        </linearGradient>\n        <clipPath id=\"clip0_2_1410\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","svgElement","ref","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIds","defsElement","idMap","element","originalId","newId","referencingAttributes","updateReferences","attr","attrValue","updatedValue","match","id","onMounted"],"mappings":"mlVAaA,MAAMA,EAAQC,EA+DRC,EAAaC,MAAuB,IAAI,EAExCC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOL,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMM,EAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDO,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOL,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQI,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA,EAaIM,EAAgBR,GAAiC,CACrD,GAAI,CAACA,EACH,OAGI,MAAAS,EAAcT,EAAW,cAAc,MAAM,EAG7CU,EAAgC,CAAA,EAElCD,GAEFA,EAAY,iBAAiB,MAAM,EAAE,QAASE,GAAY,CAClD,MAAAC,EAAaD,EAAQ,aAAa,IAAI,EACtCE,EAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,CAAC,IAAID,CAAU,GAG1EF,EAAME,CAAW,EAAIC,EAGbF,EAAA,aAAa,KAAME,CAAK,CAAA,CACjC,EAIG,MAAAC,EAAwB,CAAC,OAAQ,SAAU,SAAU,OAAQ,YAAa,aAAc,MAAM,EAG9FC,EAAoBJ,GAA2B,CAC7BG,EAAA,QAASE,GAAS,CAChC,MAAAC,EAAYN,EAAQ,aAAaK,CAAI,EAC3C,GAAIC,EAAW,CAEb,MAAMC,EAAeD,EAAU,QAAQ,mBAAoB,CAACE,EAAOC,IAC1DV,EAAMU,CAAE,EAAI,QAAQV,EAAMU,CAAE,CAAC,IAAMD,CAC3C,EAAE,QAAQ,aAAc,CAACA,EAAOC,IACxBV,EAAMU,CAAE,EAAI,IAAIV,EAAMU,CAAE,CAAC,GAAKD,CACtC,EAGGD,IAAiBD,GACXN,EAAA,aAAaK,EAAME,CAAY,CAE3C,CAAA,CACD,CAAA,EAIHlB,EAAW,iBAAiB,GAAG,EAAE,QAASW,GAAY,CACpDI,EAAiBJ,CAAO,CAAA,CACzB,CAAA,EAGHU,OAAAA,EAAAA,UAAU,IAAM,CACVvB,EAAM,cAAgBE,EAAW,OACnCQ,EAAaR,EAAW,KAAK,CAC/B,CACD"}
+{"version":3,"file":"kong-icons434.cjs","sources":["../src/components/multi-color/LanguageRubyIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * LanguageRubyIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 24 Sep 2024 00:32:21 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed, ref, onMounted } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /** A boolean to enable prefixing any internal SVG ids with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to false during snapshot testing.\n   * Defaults to `true`.\n   */\n  randomizeIds: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst svgElement = ref<SVGElement | null>(null)\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n\n/**\n * Prefixes all ids within the SVG element and update all corresponding references to these ids. This is useful to avoid id conflicts when utilizing multiple instances of the same SVG in the DOM.\n *\n * The prefix is a random string generated using `Math.random().toString(36).substring(2, 12)` which should be sufficient for most use-cases.\n *\n * @param {SVGElement} svgElement - The SVG element whose potential IDs need to be prefixed.\n */\nconst prefixSvgIds = (svgElement: SVGElement): void => {\n  if (!svgElement) {\n    return\n  }\n\n  const defsElement = svgElement.querySelector('defs')\n\n  // Prepare a map to store the original and new IDs for quick lookups\n  const idMap: Record<string, string> = {}\n\n  if (defsElement) {\n    // Step 1: Prefix all direct children of <defs> that have an `id`\n    defsElement.querySelectorAll('[id]').forEach((element) => {\n      const originalId = element.getAttribute('id')\n      const newId = `${Math.random().toString(36).substring(2, 12)}-${originalId}`\n\n      // Map old id to new id\n      idMap[originalId!] = newId\n\n      // Update the element's ID with the new prefixed ID\n      element.setAttribute('id', newId)\n    })\n  }\n\n  // Step 2: Update all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`\n  const referencingAttributes = ['fill', 'stroke', 'filter', 'mask', 'clip-path', 'xlink:href', 'href']\n\n  // Function to update references to IDs in attributes\n  const updateReferences = (element: Element): void => {\n    referencingAttributes.forEach((attr) => {\n      const attrValue = element.getAttribute(attr)\n      if (attrValue) {\n        // Match any url(#id) or href=\"#id\" references\n        const updatedValue = attrValue.replace(/url\\(#([^)]+)\\)/g, (match, id) => {\n          return idMap[id] ? `url(#${idMap[id]})` : match\n        }).replace(/#([^\\s]+)/g, (match, id) => {\n          return idMap[id] ? `#${idMap[id]}` : match\n        })\n\n        // If the value changed, update the attribute\n        if (updatedValue !== attrValue) {\n          element.setAttribute(attr, updatedValue)\n        }\n      }\n    })\n  }\n\n  // Traverse all elements in the SVG to update ID references\n  svgElement.querySelectorAll('*').forEach((element) => {\n    updateReferences(element)\n  })\n}\n\nonMounted(() => {\n  if (props.randomizeIds && svgElement.value) {\n    prefixSvgIds(svgElement.value)\n  }\n})\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon language-ruby-icon\"\n    data-testid=\"kui-icon-wrapper-language-ruby-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-language-ruby-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_2_1410)\">\n        <path\n          d=\"M18.2021 15.6026L5.31372 23.2558L22.0018 22.1233L23.2871 5.29614L18.2021 15.6026Z\"\n          fill=\"url(#paint0_linear_2_1410)\"\n        />\n        <path\n          d=\"M22.029 22.1118L20.5948 12.212L16.6879 17.3709L22.029 22.1118Z\"\n          fill=\"url(#paint1_linear_2_1410)\"\n        />\n        <path\n          d=\"M22.0485 22.1119L11.5403 21.2871L5.36963 23.2343L22.0485 22.1119Z\"\n          fill=\"url(#paint2_linear_2_1410)\"\n        />\n        <path\n          d=\"M5.38448 23.2365L8.00966 14.6365L2.23279 15.8717L5.38448 23.2365Z\"\n          fill=\"url(#paint3_linear_2_1410)\"\n        />\n        <path\n          d=\"M16.6868 17.3995L14.2714 7.93823L7.35901 14.4179L16.6868 17.3995Z\"\n          fill=\"url(#paint4_linear_2_1410)\"\n        />\n        <path\n          d=\"M22.7391 8.07137L16.2049 2.73474L14.3854 8.61718L22.7391 8.07137Z\"\n          fill=\"url(#paint5_linear_2_1410)\"\n        />\n        <path\n          d=\"M19.6833 0.831967L15.8401 2.95578L13.4158 0.803467L19.6833 0.831967Z\"\n          fill=\"url(#paint6_linear_2_1410)\"\n        />\n        <path\n          d=\"M0.712891 18.7564L2.32277 15.8203L1.02039 12.3225L0.712891 18.7564Z\"\n          fill=\"url(#paint7_linear_2_1410)\"\n        />\n        <path\n          d=\"M0.93396 12.212L2.24402 15.9285L7.93746 14.6512L14.4375 8.61033L16.2718 2.78377L13.3838 0.744141L8.47315 2.58202C6.9259 4.02108 3.92384 6.86827 3.81565 6.92189C3.70821 6.97645 1.83283 10.521 0.93396 12.212Z\"\n          fill=\"white\"\n        />\n        <path\n          d=\"M5.53484 5.53519C8.88771 2.21081 13.2105 0.246377 14.8695 1.92019C16.5276 3.59381 14.7694 7.66144 11.4161 10.9849C8.0629 14.3083 3.79371 16.3809 2.13621 14.7071C0.477024 13.0346 2.18159 8.85881 5.53484 5.53519Z\"\n          fill=\"url(#paint8_linear_2_1410)\"\n        />\n        <path\n          d=\"M5.3844 23.233L7.98877 14.6057L16.6391 17.3845C13.5116 20.3173 10.0329 22.7966 5.3844 23.233Z\"\n          fill=\"url(#paint9_linear_2_1410)\"\n        />\n        <path\n          d=\"M14.4491 8.59326L16.6698 17.3891C19.2825 14.6422 21.6272 11.6889 22.7754 8.03601L14.4491 8.59326Z\"\n          fill=\"url(#paint10_linear_2_1410)\"\n        />\n        <path\n          d=\"M22.7528 8.08073C23.6415 5.39855 23.8465 1.55104 19.6558 0.83667L16.2173 2.73604L22.7528 8.08073Z\"\n          fill=\"url(#paint11_linear_2_1410)\"\n        />\n        <path\n          d=\"M0.712891 18.7177C0.835891 23.1442 4.02958 23.21 5.39008 23.249L2.24777 15.9103L0.712891 18.7177Z\"\n          fill=\"#9E1209\"\n        />\n        <path\n          d=\"M14.4615 8.60695C16.4693 9.84089 20.5152 12.3191 20.5971 12.3646C20.7246 12.4365 22.3416 9.63802 22.7085 8.05664L14.4615 8.60695Z\"\n          fill=\"url(#paint12_radial_2_1410)\"\n        />\n        <path\n          d=\"M7.98547 14.6057L11.4673 21.3235C13.5261 20.2069 15.1384 18.8464 16.615 17.3891L7.98547 14.6057Z\"\n          fill=\"url(#paint13_radial_2_1410)\"\n        />\n        <path\n          d=\"M2.23391 15.9196L1.7406 21.7941C2.67135 23.0656 3.95198 23.1762 5.2956 23.077C4.3236 20.6582 2.38223 15.8215 2.23391 15.9196Z\"\n          fill=\"url(#paint14_linear_2_1410)\"\n        />\n        <path\n          d=\"M16.197 2.7506L23.1141 3.72128C22.7449 2.15697 21.6113 1.14747 19.6791 0.831909L16.197 2.7506Z\"\n          fill=\"url(#paint15_linear_2_1410)\"\n        />\n      </g>\n      <defs>\n        <linearGradient\n          id=\"paint0_linear_2_1410\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"20.5462\"\n          x2=\"15.7841\"\n          y1=\"25.3031\"\n          y2=\"16.8953\"\n        >\n          <stop stop-color=\"#FB7655\" />\n          <stop\n            offset=\"0.41\"\n            stop-color=\"#E42B1E\"\n          />\n          <stop\n            offset=\"0.99\"\n            stop-color=\"#990000\"\n          />\n          <stop\n            offset=\"1\"\n            stop-color=\"#990000\"\n          />\n        </linearGradient>\n        <linearGradient\n          id=\"paint1_linear_2_1410\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"22.9183\"\n          x2=\"16.7809\"\n          y1=\"18.24\"\n          y2=\"14.1215\"\n        >\n          <stop stop-color=\"#871101\" />\n          <stop\n            offset=\"0.99\"\n            stop-color=\"#911209\"\n          />\n          <stop\n            offset=\"1\"\n            stop-color=\"#911209\"\n          />\n        </linearGradient>\n        <linearGradient\n          id=\"paint2_linear_2_1410\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"18.0079\"\n          x2=\"11.8706\"\n          y1=\"25.5582\"\n          y2=\"21.4397\"\n        >\n          <stop stop-color=\"#871101\" />\n          <stop\n            offset=\"0.99\"\n            stop-color=\"#911209\"\n          />\n          <stop\n            offset=\"1\"\n            stop-color=\"#911209\"\n          />\n        </linearGradient>\n        <linearGradient\n          id=\"paint3_linear_2_1410\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"5.12198\"\n          x2=\"6.07335\"\n          y1=\"15.2584\"\n          y2=\"21.4418\"\n        >\n          <stop stop-color=\"white\" />\n          <stop\n            offset=\"0.23\"\n            stop-color=\"#E57252\"\n          />\n          <stop\n            offset=\"0.46\"\n            stop-color=\"#DE3B20\"\n          />\n          <stop\n            offset=\"0.99\"\n            stop-color=\"#A60003\"\n          />\n          <stop\n            offset=\"1\"\n            stop-color=\"#A60003\"\n          />\n        </linearGradient>\n        <linearGradient\n          id=\"paint4_linear_2_1410\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"11.6661\"\n          x2=\"12.0167\"\n          y1=\"9.48511\"\n          y2=\"15.7956\"\n        >\n          <stop stop-color=\"white\" />\n          <stop\n            offset=\"0.23\"\n            stop-color=\"#E4714E\"\n          />\n          <stop\n            offset=\"0.56\"\n            stop-color=\"#BE1A0D\"\n          />\n          <stop\n            offset=\"0.99\"\n            stop-color=\"#A80D00\"\n          />\n          <stop\n            offset=\"1\"\n            stop-color=\"#A80D00\"\n          />\n        </linearGradient>\n        <linearGradient\n          id=\"paint5_linear_2_1410\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"17.4733\"\n          x2=\"18.5229\"\n          y1=\"3.65199\"\n          y2=\"8.17487\"\n        >\n          <stop stop-color=\"white\" />\n          <stop\n            offset=\"0.18\"\n            stop-color=\"#E46342\"\n          />\n          <stop\n            offset=\"0.4\"\n            stop-color=\"#C82410\"\n          />\n          <stop\n            offset=\"0.99\"\n            stop-color=\"#A80D00\"\n          />\n          <stop\n            offset=\"1\"\n            stop-color=\"#A80D00\"\n          />\n        </linearGradient>\n        <linearGradient\n          id=\"paint6_linear_2_1410\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"14.2687\"\n          x2=\"18.791\"\n          y1=\"2.05915\"\n          y2=\"-0.201908\"\n        >\n          <stop stop-color=\"white\" />\n          <stop\n            offset=\"0.54\"\n            stop-color=\"#C81F11\"\n          />\n          <stop\n            offset=\"0.99\"\n            stop-color=\"#BF0905\"\n          />\n          <stop\n            offset=\"1\"\n            stop-color=\"#BF0905\"\n          />\n        </linearGradient>\n        <linearGradient\n          id=\"paint7_linear_2_1410\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"1.15764\"\n          x2=\"1.53002\"\n          y1=\"13.6823\"\n          y2=\"17.4088\"\n        >\n          <stop stop-color=\"white\" />\n          <stop\n            offset=\"0.31\"\n            stop-color=\"#DE4024\"\n          />\n          <stop\n            offset=\"0.99\"\n            stop-color=\"#BF190B\"\n          />\n          <stop\n            offset=\"1\"\n            stop-color=\"#BF190B\"\n          />\n        </linearGradient>\n        <linearGradient\n          id=\"paint8_linear_2_1410\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"-1.40135\"\n          x2=\"16.096\"\n          y1=\"18.4161\"\n          y2=\"0.42394\"\n        >\n          <stop stop-color=\"#BD0012\" />\n          <stop\n            offset=\"0.07\"\n            stop-color=\"white\"\n          />\n          <stop\n            offset=\"0.17\"\n            stop-color=\"white\"\n          />\n          <stop\n            offset=\"0.27\"\n            stop-color=\"#C82F1C\"\n          />\n          <stop\n            offset=\"0.33\"\n            stop-color=\"#820C01\"\n          />\n          <stop\n            offset=\"0.46\"\n            stop-color=\"#A31601\"\n          />\n          <stop\n            offset=\"0.72\"\n            stop-color=\"#B31301\"\n          />\n          <stop\n            offset=\"0.99\"\n            stop-color=\"#E82609\"\n          />\n          <stop\n            offset=\"1\"\n            stop-color=\"#E82609\"\n          />\n        </linearGradient>\n        <linearGradient\n          id=\"paint9_linear_2_1410\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"12.0013\"\n          x2=\"6.73084\"\n          y1=\"20.2309\"\n          y2=\"18.9302\"\n        >\n          <stop stop-color=\"#8C0C01\" />\n          <stop\n            offset=\"0.54\"\n            stop-color=\"#990C00\"\n          />\n          <stop\n            offset=\"0.99\"\n            stop-color=\"#A80D0E\"\n          />\n          <stop\n            offset=\"1\"\n            stop-color=\"#A80D0E\"\n          />\n        </linearGradient>\n        <linearGradient\n          id=\"paint10_linear_2_1410\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"21.0534\"\n          x2=\"16.3713\"\n          y1=\"13.9055\"\n          y2=\"9.70926\"\n        >\n          <stop stop-color=\"#7E110B\" />\n          <stop\n            offset=\"0.99\"\n            stop-color=\"#9E0C00\"\n          />\n          <stop\n            offset=\"1\"\n            stop-color=\"#9E0C00\"\n          />\n        </linearGradient>\n        <linearGradient\n          id=\"paint11_linear_2_1410\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"22.7736\"\n          x2=\"20.4415\"\n          y1=\"6.20611\"\n          y2=\"3.71273\"\n        >\n          <stop stop-color=\"#79130D\" />\n          <stop\n            offset=\"0.99\"\n            stop-color=\"#9E120B\"\n          />\n          <stop\n            offset=\"1\"\n            stop-color=\"#9E120B\"\n          />\n        </linearGradient>\n        <radialGradient\n          id=\"paint12_radial_2_1410\"\n          cx=\"0\"\n          cy=\"0\"\n          gradientTransform=\"translate(17.1006 9.78952) scale(5.73769)\"\n          gradientUnits=\"userSpaceOnUse\"\n          r=\"1\"\n        >\n          <stop stop-color=\"#A80D00\" />\n          <stop\n            offset=\"0.99\"\n            stop-color=\"#7E0E08\"\n          />\n          <stop\n            offset=\"1\"\n            stop-color=\"#7E0E08\"\n          />\n        </radialGradient>\n        <radialGradient\n          id=\"paint13_radial_2_1410\"\n          cx=\"0\"\n          cy=\"0\"\n          gradientTransform=\"translate(9.15472 17.3503) scale(7.62731)\"\n          gradientUnits=\"userSpaceOnUse\"\n          r=\"1\"\n        >\n          <stop stop-color=\"#A30C00\" />\n          <stop\n            offset=\"0.99\"\n            stop-color=\"#800E08\"\n          />\n          <stop\n            offset=\"1\"\n            stop-color=\"#800E08\"\n          />\n        </radialGradient>\n        <linearGradient\n          id=\"paint14_linear_2_1410\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"3.75173\"\n          x2=\"1.85122\"\n          y1=\"23.2285\"\n          y2=\"16.7802\"\n        >\n          <stop stop-color=\"#8B2114\" />\n          <stop\n            offset=\"0.43\"\n            stop-color=\"#9E100A\"\n          />\n          <stop\n            offset=\"0.99\"\n            stop-color=\"#B3100C\"\n          />\n          <stop\n            offset=\"1\"\n            stop-color=\"#B3100C\"\n          />\n        </linearGradient>\n        <linearGradient\n          id=\"paint15_linear_2_1410\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"18.3323\"\n          x2=\"22.593\"\n          y1=\"1.86072\"\n          y2=\"3.74153\"\n        >\n          <stop stop-color=\"#B31000\" />\n          <stop\n            offset=\"0.44\"\n            stop-color=\"#910F08\"\n          />\n          <stop\n            offset=\"0.99\"\n            stop-color=\"#791C12\"\n          />\n          <stop\n            offset=\"1\"\n            stop-color=\"#791C12\"\n          />\n        </linearGradient>\n        <clipPath id=\"clip0_2_1410\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","svgElement","ref","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIds","defsElement","idMap","element","originalId","newId","referencingAttributes","updateReferences","attr","attrValue","updatedValue","match","id","onMounted"],"mappings":"mlVAaA,MAAMA,EAAQC,EA+DRC,EAAaC,MAAuB,IAAI,EAExCC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOL,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMM,EAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDO,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOL,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQI,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA,EASIM,EAAgBR,GAAiC,CACrD,GAAI,CAACA,EACH,OAGI,MAAAS,EAAcT,EAAW,cAAc,MAAM,EAG7CU,EAAgC,CAAA,EAElCD,GAEFA,EAAY,iBAAiB,MAAM,EAAE,QAASE,GAAY,CAClD,MAAAC,EAAaD,EAAQ,aAAa,IAAI,EACtCE,EAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,CAAC,IAAID,CAAU,GAG1EF,EAAME,CAAW,EAAIC,EAGbF,EAAA,aAAa,KAAME,CAAK,CAAA,CACjC,EAIG,MAAAC,EAAwB,CAAC,OAAQ,SAAU,SAAU,OAAQ,YAAa,aAAc,MAAM,EAG9FC,EAAoBJ,GAA2B,CAC7BG,EAAA,QAASE,GAAS,CAChC,MAAAC,EAAYN,EAAQ,aAAaK,CAAI,EAC3C,GAAIC,EAAW,CAEb,MAAMC,EAAeD,EAAU,QAAQ,mBAAoB,CAACE,EAAOC,IAC1DV,EAAMU,CAAE,EAAI,QAAQV,EAAMU,CAAE,CAAC,IAAMD,CAC3C,EAAE,QAAQ,aAAc,CAACA,EAAOC,IACxBV,EAAMU,CAAE,EAAI,IAAIV,EAAMU,CAAE,CAAC,GAAKD,CACtC,EAGGD,IAAiBD,GACXN,EAAA,aAAaK,EAAME,CAAY,CAE3C,CAAA,CACD,CAAA,EAIHlB,EAAW,iBAAiB,GAAG,EAAE,QAASW,GAAY,CACpDI,EAAiBJ,CAAO,CAAA,CACzB,CAAA,EAGHU,OAAAA,EAAAA,UAAU,IAAM,CACVvB,EAAM,cAAgBE,EAAW,OACnCQ,EAAaR,EAAW,KAAK,CAC/B,CACD"}

package/dist/kong-icons436.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m=require("./kong-icons1218.cjs"),u=t=>(e.pushScopeId("data-v-bc6c52c4"),t=t(),e.popScopeId(),t),v=["aria-hidden"],S={key:0,"data-testid":"kui-icon-svg-title"},N=u(()=>e.createElementVNode("path",{"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)","fill-rule":"evenodd",opacity:"0.8"},null,-1)),E=u(()=>e.createElementVNode("path",{"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)","fill-rule":"evenodd"},null,-1)),b=u(()=>e.createElementVNode("path",{"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","fill-rule":"evenodd"},null,-1)),x=u(()=>e.createElementVNode("path",{"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","fill-rule":"evenodd"},null,-1)),k=u(()=>e.createElementVNode("defs",null,[e.createElementVNode("linearGradient",{id:"paint0_linear_2_1398",gradientUnits:"userSpaceOnUse",x1:"18.0574",x2:"4.77264",y1:"17.4105",y2:"5.54419"},[e.createElementVNode("stop",{"stop-color":"#A9C8FF"}),e.createElementVNode("stop",{offset:"1","stop-color":"#C7E6FF"})]),e.createElementVNode("linearGradient",{id:"paint1_linear_2_1398",gradientUnits:"userSpaceOnUse",x1:"4.75048",x2:"17.7317",y1:"5.56312",y2:"17.0912"},[e.createElementVNode("stop",{"stop-color":"#2D4664"}),e.createElementVNode("stop",{offset:"0.169","stop-color":"#29405B"}),e.createElementVNode("stop",{offset:"0.445","stop-color":"#1E2F43"}),e.createElementVNode("stop",{offset:"0.79","stop-color":"#0C131B"}),e.createElementVNode("stop",{offset:"1"})])],-1)),I=e.defineComponent({__name:"LanguageShellIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:m.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const r=String(t).replace(/px/gi,""),i=Number(r);if(i&&!isNaN(i)&&Number.isInteger(i)&&i>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},randomizeIds:{type:Boolean,default:!0}},setup(t){const r=t,i=e.ref(null),p=e.computed(()=>{if(typeof r.size=="number"&&r.size>0)return`${r.size}px`;if(typeof r.size=="string"){const n=String(r.size).replace(/px/gi,""),o=Number(n);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return`${o}px`}return m.KUI_ICON_SIZE_50}),C=e.computed(()=>({boxSizing:"border-box",color:r.color,display:r.display,flexShrink:"0",height:p.value,lineHeight:"0",width:p.value})),h=n=>{if(!n)return;const o=n.querySelector("defs"),s={};o&&o.querySelectorAll("[id]").forEach(l=>{const d=l.getAttribute("id"),a=`${Math.random().toString(36).substring(2,12)}-${d}`;s[d]=a,l.setAttribute("id",a)});const _=["fill","stroke","filter","mask","clip-path","xlink:href","href"],y=l=>{_.forEach(d=>{const a=l.getAttribute(d);if(a){const g=a.replace(/url\(#([^)]+)\)/g,(f,c)=>s[c]?`url(#${s[c]})`:f).replace(/#([^\s]+)/g,(f,c)=>s[c]?`#${s[c]}`:f);g!==a&&l.setAttribute(d,g)}})};n.querySelectorAll("*").forEach(l=>{y(l)})};return e.onMounted(()=>{r.randomizeIds&&i.value&&h(i.value)}),(n,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon language-shell-icon","data-testid":"kui-icon-wrapper-language-shell-icon",style:e.normalizeStyle(C.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgElement",ref:i,"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-language-shell-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",S,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),N,E,b,x,k],8,v))]),_:1},8,["aria-hidden","style"]))}});exports.default=I;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m=require("./kong-icons1218.cjs"),u=t=>(e.pushScopeId("data-v-80e64f47"),t=t(),e.popScopeId(),t),v=["aria-hidden"],S={key:0,"data-testid":"kui-icon-svg-title"},N=u(()=>e.createElementVNode("path",{"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)","fill-rule":"evenodd",opacity:"0.8"},null,-1)),E=u(()=>e.createElementVNode("path",{"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)","fill-rule":"evenodd"},null,-1)),b=u(()=>e.createElementVNode("path",{"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","fill-rule":"evenodd"},null,-1)),x=u(()=>e.createElementVNode("path",{"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","fill-rule":"evenodd"},null,-1)),k=u(()=>e.createElementVNode("defs",null,[e.createElementVNode("linearGradient",{id:"paint0_linear_2_1398",gradientUnits:"userSpaceOnUse",x1:"18.0574",x2:"4.77264",y1:"17.4105",y2:"5.54419"},[e.createElementVNode("stop",{"stop-color":"#A9C8FF"}),e.createElementVNode("stop",{offset:"1","stop-color":"#C7E6FF"})]),e.createElementVNode("linearGradient",{id:"paint1_linear_2_1398",gradientUnits:"userSpaceOnUse",x1:"4.75048",x2:"17.7317",y1:"5.56312",y2:"17.0912"},[e.createElementVNode("stop",{"stop-color":"#2D4664"}),e.createElementVNode("stop",{offset:"0.169","stop-color":"#29405B"}),e.createElementVNode("stop",{offset:"0.445","stop-color":"#1E2F43"}),e.createElementVNode("stop",{offset:"0.79","stop-color":"#0C131B"}),e.createElementVNode("stop",{offset:"1"})])],-1)),I=e.defineComponent({__name:"LanguageShellIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:m.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const r=String(t).replace(/px/gi,""),i=Number(r);if(i&&!isNaN(i)&&Number.isInteger(i)&&i>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},randomizeIds:{type:Boolean,default:!0}},setup(t){const r=t,i=e.ref(null),p=e.computed(()=>{if(typeof r.size=="number"&&r.size>0)return`${r.size}px`;if(typeof r.size=="string"){const n=String(r.size).replace(/px/gi,""),o=Number(n);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return`${o}px`}return m.KUI_ICON_SIZE_50}),C=e.computed(()=>({boxSizing:"border-box",color:r.color,display:r.display,flexShrink:"0",height:p.value,lineHeight:"0",width:p.value})),h=n=>{if(!n)return;const o=n.querySelector("defs"),s={};o&&o.querySelectorAll("[id]").forEach(l=>{const d=l.getAttribute("id"),a=`${Math.random().toString(36).substring(2,12)}-${d}`;s[d]=a,l.setAttribute("id",a)});const _=["fill","stroke","filter","mask","clip-path","xlink:href","href"],y=l=>{_.forEach(d=>{const a=l.getAttribute(d);if(a){const g=a.replace(/url\(#([^)]+)\)/g,(f,c)=>s[c]?`url(#${s[c]})`:f).replace(/#([^\s]+)/g,(f,c)=>s[c]?`#${s[c]}`:f);g!==a&&l.setAttribute(d,g)}})};n.querySelectorAll("*").forEach(l=>{y(l)})};return e.onMounted(()=>{r.randomizeIds&&i.value&&h(i.value)}),(n,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon language-shell-icon","data-testid":"kui-icon-wrapper-language-shell-icon",style:e.normalizeStyle(C.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgElement",ref:i,"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-language-shell-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",S,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),N,E,b,x,k],8,v))]),_:1},8,["aria-hidden","style"]))}});exports.default=I;
 //# sourceMappingURL=kong-icons436.cjs.map

package/dist/kong-icons436.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons436.cjs","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 Tue, 24 Sep 2024 00:28:47 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed, ref, onMounted } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /** A boolean to enable prefixing any internal SVG ids with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to false during snapshot testing.\n   * Defaults to `true`.\n   */\n  randomizeIds: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst svgElement = ref<SVGElement | null>(null)\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n\n/**\n * Prefixes all IDs within the <defs> section of an SVG element and updates all references to these IDs. This is useful to avoid ID conflicts when embedding multiple SVGs in a document.\n *\n * The function performs the following steps:\n * 1. Finds all direct children of the <defs> element that have an `id` attribute and prefixes their IDs with a random string.\n * 2. Updates all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`, etc.\n *\n * The prefix is a random string generated using `Math.random().toString(36).substring(2, 12)` which should be sufficient for most use-cases.\n *\n * @param {SVGElement} svgElement - The SVG element whose potential IDs need to be prefixed.\n */\nconst prefixSvgIds = (svgElement: SVGElement): void => {\n  if (!svgElement) {\n    return\n  }\n\n  const defsElement = svgElement.querySelector('defs')\n\n  // Prepare a map to store the original and new IDs for quick lookups\n  const idMap: Record<string, string> = {}\n\n  if (defsElement) {\n    // Step 1: Prefix all direct children of <defs> that have an `id`\n    defsElement.querySelectorAll('[id]').forEach((element) => {\n      const originalId = element.getAttribute('id')\n      const newId = `${Math.random().toString(36).substring(2, 12)}-${originalId}`\n\n      // Map old id to new id\n      idMap[originalId!] = newId\n\n      // Update the element's ID with the new prefixed ID\n      element.setAttribute('id', newId)\n    })\n  }\n\n  // Step 2: Update all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`\n  const referencingAttributes = ['fill', 'stroke', 'filter', 'mask', 'clip-path', 'xlink:href', 'href']\n\n  // Function to update references to IDs in attributes\n  const updateReferences = (element: Element): void => {\n    referencingAttributes.forEach((attr) => {\n      const attrValue = element.getAttribute(attr)\n      if (attrValue) {\n        // Match any url(#id) or href=\"#id\" references\n        const updatedValue = attrValue.replace(/url\\(#([^)]+)\\)/g, (match, id) => {\n          return idMap[id] ? `url(#${idMap[id]})` : match\n        }).replace(/#([^\\s]+)/g, (match, id) => {\n          return idMap[id] ? `#${idMap[id]}` : match\n        })\n\n        // If the value changed, update the attribute\n        if (updatedValue !== attrValue) {\n          element.setAttribute(attr, updatedValue)\n        }\n      }\n    })\n  }\n\n  // Traverse all elements in the SVG to update ID references\n  svgElement.querySelectorAll('*').forEach((element) => {\n    updateReferences(element)\n  })\n}\n\nonMounted(() => {\n  if (props.randomizeIds && svgElement.value) {\n    prefixSvgIds(svgElement.value)\n  }\n})\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon language-shell-icon\"\n    data-testid=\"kui-icon-wrapper-language-shell-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\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    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <path\n        clip-rule=\"evenodd\"\n        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\"\n        fill=\"url(#paint0_linear_2_1398)\"\n        fill-rule=\"evenodd\"\n        opacity=\"0.8\"\n      />\n      <path\n        clip-rule=\"evenodd\"\n        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\"\n        fill=\"url(#paint1_linear_2_1398)\"\n        fill-rule=\"evenodd\"\n      />\n      <path\n        clip-rule=\"evenodd\"\n        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\"\n        fill=\"#2C5591\"\n        fill-rule=\"evenodd\"\n      />\n      <path\n        clip-rule=\"evenodd\"\n        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\"\n        fill=\"white\"\n        fill-rule=\"evenodd\"\n      />\n      <defs>\n        <linearGradient\n          id=\"paint0_linear_2_1398\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"18.0574\"\n          x2=\"4.77264\"\n          y1=\"17.4105\"\n          y2=\"5.54419\"\n        >\n          <stop stop-color=\"#A9C8FF\" />\n          <stop\n            offset=\"1\"\n            stop-color=\"#C7E6FF\"\n          />\n        </linearGradient>\n        <linearGradient\n          id=\"paint1_linear_2_1398\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"4.75048\"\n          x2=\"17.7317\"\n          y1=\"5.56312\"\n          y2=\"17.0912\"\n        >\n          <stop stop-color=\"#2D4664\" />\n          <stop\n            offset=\"0.169\"\n            stop-color=\"#29405B\"\n          />\n          <stop\n            offset=\"0.445\"\n            stop-color=\"#1E2F43\"\n          />\n          <stop\n            offset=\"0.79\"\n            stop-color=\"#0C131B\"\n          />\n          <stop offset=\"1\" />\n        </linearGradient>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","svgElement","ref","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIds","defsElement","idMap","element","originalId","newId","referencingAttributes","updateReferences","attr","attrValue","updatedValue","match","id","onMounted"],"mappings":"m1HAaA,MAAMA,EAAQC,EA+DRC,EAAaC,MAAuB,IAAI,EAExCC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOL,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMM,EAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDO,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOL,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQI,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA,EAaIM,EAAgBR,GAAiC,CACrD,GAAI,CAACA,EACH,OAGI,MAAAS,EAAcT,EAAW,cAAc,MAAM,EAG7CU,EAAgC,CAAA,EAElCD,GAEFA,EAAY,iBAAiB,MAAM,EAAE,QAASE,GAAY,CAClD,MAAAC,EAAaD,EAAQ,aAAa,IAAI,EACtCE,EAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,CAAC,IAAID,CAAU,GAG1EF,EAAME,CAAW,EAAIC,EAGbF,EAAA,aAAa,KAAME,CAAK,CAAA,CACjC,EAIG,MAAAC,EAAwB,CAAC,OAAQ,SAAU,SAAU,OAAQ,YAAa,aAAc,MAAM,EAG9FC,EAAoBJ,GAA2B,CAC7BG,EAAA,QAASE,GAAS,CAChC,MAAAC,EAAYN,EAAQ,aAAaK,CAAI,EAC3C,GAAIC,EAAW,CAEb,MAAMC,EAAeD,EAAU,QAAQ,mBAAoB,CAACE,EAAOC,IAC1DV,EAAMU,CAAE,EAAI,QAAQV,EAAMU,CAAE,CAAC,IAAMD,CAC3C,EAAE,QAAQ,aAAc,CAACA,EAAOC,IACxBV,EAAMU,CAAE,EAAI,IAAIV,EAAMU,CAAE,CAAC,GAAKD,CACtC,EAGGD,IAAiBD,GACXN,EAAA,aAAaK,EAAME,CAAY,CAE3C,CAAA,CACD,CAAA,EAIHlB,EAAW,iBAAiB,GAAG,EAAE,QAASW,GAAY,CACpDI,EAAiBJ,CAAO,CAAA,CACzB,CAAA,EAGHU,OAAAA,EAAAA,UAAU,IAAM,CACVvB,EAAM,cAAgBE,EAAW,OACnCQ,EAAaR,EAAW,KAAK,CAC/B,CACD"}
+{"version":3,"file":"kong-icons436.cjs","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 Tue, 24 Sep 2024 00:32:21 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed, ref, onMounted } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /** A boolean to enable prefixing any internal SVG ids with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to false during snapshot testing.\n   * Defaults to `true`.\n   */\n  randomizeIds: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst svgElement = ref<SVGElement | null>(null)\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n\n/**\n * Prefixes all ids within the SVG element and update all corresponding references to these ids. This is useful to avoid id conflicts when utilizing multiple instances of the same SVG in the DOM.\n *\n * The prefix is a random string generated using `Math.random().toString(36).substring(2, 12)` which should be sufficient for most use-cases.\n *\n * @param {SVGElement} svgElement - The SVG element whose potential IDs need to be prefixed.\n */\nconst prefixSvgIds = (svgElement: SVGElement): void => {\n  if (!svgElement) {\n    return\n  }\n\n  const defsElement = svgElement.querySelector('defs')\n\n  // Prepare a map to store the original and new IDs for quick lookups\n  const idMap: Record<string, string> = {}\n\n  if (defsElement) {\n    // Step 1: Prefix all direct children of <defs> that have an `id`\n    defsElement.querySelectorAll('[id]').forEach((element) => {\n      const originalId = element.getAttribute('id')\n      const newId = `${Math.random().toString(36).substring(2, 12)}-${originalId}`\n\n      // Map old id to new id\n      idMap[originalId!] = newId\n\n      // Update the element's ID with the new prefixed ID\n      element.setAttribute('id', newId)\n    })\n  }\n\n  // Step 2: Update all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`\n  const referencingAttributes = ['fill', 'stroke', 'filter', 'mask', 'clip-path', 'xlink:href', 'href']\n\n  // Function to update references to IDs in attributes\n  const updateReferences = (element: Element): void => {\n    referencingAttributes.forEach((attr) => {\n      const attrValue = element.getAttribute(attr)\n      if (attrValue) {\n        // Match any url(#id) or href=\"#id\" references\n        const updatedValue = attrValue.replace(/url\\(#([^)]+)\\)/g, (match, id) => {\n          return idMap[id] ? `url(#${idMap[id]})` : match\n        }).replace(/#([^\\s]+)/g, (match, id) => {\n          return idMap[id] ? `#${idMap[id]}` : match\n        })\n\n        // If the value changed, update the attribute\n        if (updatedValue !== attrValue) {\n          element.setAttribute(attr, updatedValue)\n        }\n      }\n    })\n  }\n\n  // Traverse all elements in the SVG to update ID references\n  svgElement.querySelectorAll('*').forEach((element) => {\n    updateReferences(element)\n  })\n}\n\nonMounted(() => {\n  if (props.randomizeIds && svgElement.value) {\n    prefixSvgIds(svgElement.value)\n  }\n})\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon language-shell-icon\"\n    data-testid=\"kui-icon-wrapper-language-shell-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\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    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <path\n        clip-rule=\"evenodd\"\n        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\"\n        fill=\"url(#paint0_linear_2_1398)\"\n        fill-rule=\"evenodd\"\n        opacity=\"0.8\"\n      />\n      <path\n        clip-rule=\"evenodd\"\n        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\"\n        fill=\"url(#paint1_linear_2_1398)\"\n        fill-rule=\"evenodd\"\n      />\n      <path\n        clip-rule=\"evenodd\"\n        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\"\n        fill=\"#2C5591\"\n        fill-rule=\"evenodd\"\n      />\n      <path\n        clip-rule=\"evenodd\"\n        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\"\n        fill=\"white\"\n        fill-rule=\"evenodd\"\n      />\n      <defs>\n        <linearGradient\n          id=\"paint0_linear_2_1398\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"18.0574\"\n          x2=\"4.77264\"\n          y1=\"17.4105\"\n          y2=\"5.54419\"\n        >\n          <stop stop-color=\"#A9C8FF\" />\n          <stop\n            offset=\"1\"\n            stop-color=\"#C7E6FF\"\n          />\n        </linearGradient>\n        <linearGradient\n          id=\"paint1_linear_2_1398\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"4.75048\"\n          x2=\"17.7317\"\n          y1=\"5.56312\"\n          y2=\"17.0912\"\n        >\n          <stop stop-color=\"#2D4664\" />\n          <stop\n            offset=\"0.169\"\n            stop-color=\"#29405B\"\n          />\n          <stop\n            offset=\"0.445\"\n            stop-color=\"#1E2F43\"\n          />\n          <stop\n            offset=\"0.79\"\n            stop-color=\"#0C131B\"\n          />\n          <stop offset=\"1\" />\n        </linearGradient>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","svgElement","ref","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIds","defsElement","idMap","element","originalId","newId","referencingAttributes","updateReferences","attr","attrValue","updatedValue","match","id","onMounted"],"mappings":"m1HAaA,MAAMA,EAAQC,EA+DRC,EAAaC,MAAuB,IAAI,EAExCC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOL,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMM,EAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDO,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOL,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQI,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA,EASIM,EAAgBR,GAAiC,CACrD,GAAI,CAACA,EACH,OAGI,MAAAS,EAAcT,EAAW,cAAc,MAAM,EAG7CU,EAAgC,CAAA,EAElCD,GAEFA,EAAY,iBAAiB,MAAM,EAAE,QAASE,GAAY,CAClD,MAAAC,EAAaD,EAAQ,aAAa,IAAI,EACtCE,EAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,CAAC,IAAID,CAAU,GAG1EF,EAAME,CAAW,EAAIC,EAGbF,EAAA,aAAa,KAAME,CAAK,CAAA,CACjC,EAIG,MAAAC,EAAwB,CAAC,OAAQ,SAAU,SAAU,OAAQ,YAAa,aAAc,MAAM,EAG9FC,EAAoBJ,GAA2B,CAC7BG,EAAA,QAASE,GAAS,CAChC,MAAAC,EAAYN,EAAQ,aAAaK,CAAI,EAC3C,GAAIC,EAAW,CAEb,MAAMC,EAAeD,EAAU,QAAQ,mBAAoB,CAACE,EAAOC,IAC1DV,EAAMU,CAAE,EAAI,QAAQV,EAAMU,CAAE,CAAC,IAAMD,CAC3C,EAAE,QAAQ,aAAc,CAACA,EAAOC,IACxBV,EAAMU,CAAE,EAAI,IAAIV,EAAMU,CAAE,CAAC,GAAKD,CACtC,EAGGD,IAAiBD,GACXN,EAAA,aAAaK,EAAME,CAAY,CAE3C,CAAA,CACD,CAAA,EAIHlB,EAAW,iBAAiB,GAAG,EAAE,QAASW,GAAY,CACpDI,EAAiBJ,CAAO,CAAA,CACzB,CAAA,EAGHU,OAAAA,EAAAA,UAAU,IAAM,CACVvB,EAAM,cAAgBE,EAAW,OACnCQ,EAAaR,EAAW,KAAK,CAC/B,CACD"}

package/dist/kong-icons438.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),C=require("./kong-icons1218.cjs"),g=t=>(e.pushScopeId("data-v-61097d20"),t=t(),e.popScopeId(),t),v=["aria-hidden"],b={key:0,"data-testid":"kui-icon-svg-title"},N=g(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_2_1429)"},[e.createElementVNode("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"}),e.createElementVNode("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"})],-1)),_=g(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_2_1429"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),E=e.defineComponent({__name:"LanguageSwiftIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:C.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const i=String(t).replace(/px/gi,""),n=Number(i);if(n&&!isNaN(n)&&Number.isInteger(n)&&n>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},randomizeIds:{type:Boolean,default:!0}},setup(t){const i=t,n=e.ref(null),f=e.computed(()=>{if(typeof i.size=="number"&&i.size>0)return`${i.size}px`;if(typeof i.size=="string"){const l=String(i.size).replace(/px/gi,""),r=Number(l);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return`${r}px`}return C.KUI_ICON_SIZE_50}),h=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,flexShrink:"0",height:f.value,lineHeight:"0",width:f.value})),m=l=>{if(!l)return;const r=l.querySelector("defs"),s={};r&&r.querySelectorAll("[id]").forEach(o=>{const c=o.getAttribute("id"),a=`${Math.random().toString(36).substring(2,12)}-${c}`;s[c]=a,o.setAttribute("id",a)});const S=["fill","stroke","filter","mask","clip-path","xlink:href","href"],y=o=>{S.forEach(c=>{const a=o.getAttribute(c);if(a){const p=a.replace(/url\(#([^)]+)\)/g,(u,d)=>s[d]?`url(#${s[d]})`:u).replace(/#([^\s]+)/g,(u,d)=>s[d]?`#${s[d]}`:u);p!==a&&o.setAttribute(c,p)}})};l.querySelectorAll("*").forEach(o=>{y(o)})};return e.onMounted(()=>{i.randomizeIds&&n.value&&m(n.value)}),(l,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon language-swift-icon","data-testid":"kui-icon-wrapper-language-swift-icon",style:e.normalizeStyle(h.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgElement",ref:n,"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-language-swift-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",b,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),N,_],8,v))]),_:1},8,["aria-hidden","style"]))}});exports.default=E;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),C=require("./kong-icons1218.cjs"),g=t=>(e.pushScopeId("data-v-383bfb58"),t=t(),e.popScopeId(),t),b=["aria-hidden"],v={key:0,"data-testid":"kui-icon-svg-title"},N=g(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_2_1429)"},[e.createElementVNode("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"}),e.createElementVNode("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"})],-1)),_=g(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_2_1429"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),E=e.defineComponent({__name:"LanguageSwiftIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:C.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const i=String(t).replace(/px/gi,""),n=Number(i);if(n&&!isNaN(n)&&Number.isInteger(n)&&n>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},randomizeIds:{type:Boolean,default:!0}},setup(t){const i=t,n=e.ref(null),f=e.computed(()=>{if(typeof i.size=="number"&&i.size>0)return`${i.size}px`;if(typeof i.size=="string"){const l=String(i.size).replace(/px/gi,""),r=Number(l);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return`${r}px`}return C.KUI_ICON_SIZE_50}),h=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,flexShrink:"0",height:f.value,lineHeight:"0",width:f.value})),m=l=>{if(!l)return;const r=l.querySelector("defs"),s={};r&&r.querySelectorAll("[id]").forEach(o=>{const c=o.getAttribute("id"),a=`${Math.random().toString(36).substring(2,12)}-${c}`;s[c]=a,o.setAttribute("id",a)});const S=["fill","stroke","filter","mask","clip-path","xlink:href","href"],y=o=>{S.forEach(c=>{const a=o.getAttribute(c);if(a){const p=a.replace(/url\(#([^)]+)\)/g,(u,d)=>s[d]?`url(#${s[d]})`:u).replace(/#([^\s]+)/g,(u,d)=>s[d]?`#${s[d]}`:u);p!==a&&o.setAttribute(c,p)}})};l.querySelectorAll("*").forEach(o=>{y(o)})};return e.onMounted(()=>{i.randomizeIds&&n.value&&m(n.value)}),(l,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon language-swift-icon","data-testid":"kui-icon-wrapper-language-swift-icon",style:e.normalizeStyle(h.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgElement",ref:n,"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-language-swift-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",v,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),N,_],8,b))]),_:1},8,["aria-hidden","style"]))}});exports.default=E;
 //# sourceMappingURL=kong-icons438.cjs.map

package/dist/kong-icons438.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons438.cjs","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 Tue, 24 Sep 2024 00:28:47 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed, ref, onMounted } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /** A boolean to enable prefixing any internal SVG ids with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to false during snapshot testing.\n   * Defaults to `true`.\n   */\n  randomizeIds: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst svgElement = ref<SVGElement | null>(null)\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n\n/**\n * Prefixes all IDs within the <defs> section of an SVG element and updates all references to these IDs. This is useful to avoid ID conflicts when embedding multiple SVGs in a document.\n *\n * The function performs the following steps:\n * 1. Finds all direct children of the <defs> element that have an `id` attribute and prefixes their IDs with a random string.\n * 2. Updates all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`, etc.\n *\n * The prefix is a random string generated using `Math.random().toString(36).substring(2, 12)` which should be sufficient for most use-cases.\n *\n * @param {SVGElement} svgElement - The SVG element whose potential IDs need to be prefixed.\n */\nconst prefixSvgIds = (svgElement: SVGElement): void => {\n  if (!svgElement) {\n    return\n  }\n\n  const defsElement = svgElement.querySelector('defs')\n\n  // Prepare a map to store the original and new IDs for quick lookups\n  const idMap: Record<string, string> = {}\n\n  if (defsElement) {\n    // Step 1: Prefix all direct children of <defs> that have an `id`\n    defsElement.querySelectorAll('[id]').forEach((element) => {\n      const originalId = element.getAttribute('id')\n      const newId = `${Math.random().toString(36).substring(2, 12)}-${originalId}`\n\n      // Map old id to new id\n      idMap[originalId!] = newId\n\n      // Update the element's ID with the new prefixed ID\n      element.setAttribute('id', newId)\n    })\n  }\n\n  // Step 2: Update all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`\n  const referencingAttributes = ['fill', 'stroke', 'filter', 'mask', 'clip-path', 'xlink:href', 'href']\n\n  // Function to update references to IDs in attributes\n  const updateReferences = (element: Element): void => {\n    referencingAttributes.forEach((attr) => {\n      const attrValue = element.getAttribute(attr)\n      if (attrValue) {\n        // Match any url(#id) or href=\"#id\" references\n        const updatedValue = attrValue.replace(/url\\(#([^)]+)\\)/g, (match, id) => {\n          return idMap[id] ? `url(#${idMap[id]})` : match\n        }).replace(/#([^\\s]+)/g, (match, id) => {\n          return idMap[id] ? `#${idMap[id]}` : match\n        })\n\n        // If the value changed, update the attribute\n        if (updatedValue !== attrValue) {\n          element.setAttribute(attr, updatedValue)\n        }\n      }\n    })\n  }\n\n  // Traverse all elements in the SVG to update ID references\n  svgElement.querySelectorAll('*').forEach((element) => {\n    updateReferences(element)\n  })\n}\n\nonMounted(() => {\n  if (props.randomizeIds && svgElement.value) {\n    prefixSvgIds(svgElement.value)\n  }\n})\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon language-swift-icon\"\n    data-testid=\"kui-icon-wrapper-language-swift-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\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    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_2_1429)\">\n        <path\n          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\"\n          fill=\"#F05138\"\n        />\n        <path\n          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\"\n          fill=\"#FEFEFE\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_2_1429\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","svgElement","ref","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIds","defsElement","idMap","element","originalId","newId","referencingAttributes","updateReferences","attr","attrValue","updatedValue","match","id","onMounted"],"mappings":"yvGAaA,MAAMA,EAAQC,EA+DRC,EAAaC,MAAuB,IAAI,EAExCC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOL,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMM,EAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDO,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOL,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQI,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA,EAaIM,EAAgBR,GAAiC,CACrD,GAAI,CAACA,EACH,OAGI,MAAAS,EAAcT,EAAW,cAAc,MAAM,EAG7CU,EAAgC,CAAA,EAElCD,GAEFA,EAAY,iBAAiB,MAAM,EAAE,QAASE,GAAY,CAClD,MAAAC,EAAaD,EAAQ,aAAa,IAAI,EACtCE,EAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,CAAC,IAAID,CAAU,GAG1EF,EAAME,CAAW,EAAIC,EAGbF,EAAA,aAAa,KAAME,CAAK,CAAA,CACjC,EAIG,MAAAC,EAAwB,CAAC,OAAQ,SAAU,SAAU,OAAQ,YAAa,aAAc,MAAM,EAG9FC,EAAoBJ,GAA2B,CAC7BG,EAAA,QAASE,GAAS,CAChC,MAAAC,EAAYN,EAAQ,aAAaK,CAAI,EAC3C,GAAIC,EAAW,CAEb,MAAMC,EAAeD,EAAU,QAAQ,mBAAoB,CAACE,EAAOC,IAC1DV,EAAMU,CAAE,EAAI,QAAQV,EAAMU,CAAE,CAAC,IAAMD,CAC3C,EAAE,QAAQ,aAAc,CAACA,EAAOC,IACxBV,EAAMU,CAAE,EAAI,IAAIV,EAAMU,CAAE,CAAC,GAAKD,CACtC,EAGGD,IAAiBD,GACXN,EAAA,aAAaK,EAAME,CAAY,CAE3C,CAAA,CACD,CAAA,EAIHlB,EAAW,iBAAiB,GAAG,EAAE,QAASW,GAAY,CACpDI,EAAiBJ,CAAO,CAAA,CACzB,CAAA,EAGHU,OAAAA,EAAAA,UAAU,IAAM,CACVvB,EAAM,cAAgBE,EAAW,OACnCQ,EAAaR,EAAW,KAAK,CAC/B,CACD"}
+{"version":3,"file":"kong-icons438.cjs","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 Tue, 24 Sep 2024 00:32:21 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed, ref, onMounted } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /** A boolean to enable prefixing any internal SVG ids with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to false during snapshot testing.\n   * Defaults to `true`.\n   */\n  randomizeIds: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst svgElement = ref<SVGElement | null>(null)\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n\n/**\n * Prefixes all ids within the SVG element and update all corresponding references to these ids. This is useful to avoid id conflicts when utilizing multiple instances of the same SVG in the DOM.\n *\n * The prefix is a random string generated using `Math.random().toString(36).substring(2, 12)` which should be sufficient for most use-cases.\n *\n * @param {SVGElement} svgElement - The SVG element whose potential IDs need to be prefixed.\n */\nconst prefixSvgIds = (svgElement: SVGElement): void => {\n  if (!svgElement) {\n    return\n  }\n\n  const defsElement = svgElement.querySelector('defs')\n\n  // Prepare a map to store the original and new IDs for quick lookups\n  const idMap: Record<string, string> = {}\n\n  if (defsElement) {\n    // Step 1: Prefix all direct children of <defs> that have an `id`\n    defsElement.querySelectorAll('[id]').forEach((element) => {\n      const originalId = element.getAttribute('id')\n      const newId = `${Math.random().toString(36).substring(2, 12)}-${originalId}`\n\n      // Map old id to new id\n      idMap[originalId!] = newId\n\n      // Update the element's ID with the new prefixed ID\n      element.setAttribute('id', newId)\n    })\n  }\n\n  // Step 2: Update all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`\n  const referencingAttributes = ['fill', 'stroke', 'filter', 'mask', 'clip-path', 'xlink:href', 'href']\n\n  // Function to update references to IDs in attributes\n  const updateReferences = (element: Element): void => {\n    referencingAttributes.forEach((attr) => {\n      const attrValue = element.getAttribute(attr)\n      if (attrValue) {\n        // Match any url(#id) or href=\"#id\" references\n        const updatedValue = attrValue.replace(/url\\(#([^)]+)\\)/g, (match, id) => {\n          return idMap[id] ? `url(#${idMap[id]})` : match\n        }).replace(/#([^\\s]+)/g, (match, id) => {\n          return idMap[id] ? `#${idMap[id]}` : match\n        })\n\n        // If the value changed, update the attribute\n        if (updatedValue !== attrValue) {\n          element.setAttribute(attr, updatedValue)\n        }\n      }\n    })\n  }\n\n  // Traverse all elements in the SVG to update ID references\n  svgElement.querySelectorAll('*').forEach((element) => {\n    updateReferences(element)\n  })\n}\n\nonMounted(() => {\n  if (props.randomizeIds && svgElement.value) {\n    prefixSvgIds(svgElement.value)\n  }\n})\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon language-swift-icon\"\n    data-testid=\"kui-icon-wrapper-language-swift-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\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    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_2_1429)\">\n        <path\n          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\"\n          fill=\"#F05138\"\n        />\n        <path\n          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\"\n          fill=\"#FEFEFE\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_2_1429\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","svgElement","ref","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIds","defsElement","idMap","element","originalId","newId","referencingAttributes","updateReferences","attr","attrValue","updatedValue","match","id","onMounted"],"mappings":"yvGAaA,MAAMA,EAAQC,EA+DRC,EAAaC,MAAuB,IAAI,EAExCC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOL,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMM,EAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDO,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOL,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQI,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA,EASIM,EAAgBR,GAAiC,CACrD,GAAI,CAACA,EACH,OAGI,MAAAS,EAAcT,EAAW,cAAc,MAAM,EAG7CU,EAAgC,CAAA,EAElCD,GAEFA,EAAY,iBAAiB,MAAM,EAAE,QAASE,GAAY,CAClD,MAAAC,EAAaD,EAAQ,aAAa,IAAI,EACtCE,EAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,CAAC,IAAID,CAAU,GAG1EF,EAAME,CAAW,EAAIC,EAGbF,EAAA,aAAa,KAAME,CAAK,CAAA,CACjC,EAIG,MAAAC,EAAwB,CAAC,OAAQ,SAAU,SAAU,OAAQ,YAAa,aAAc,MAAM,EAG9FC,EAAoBJ,GAA2B,CAC7BG,EAAA,QAASE,GAAS,CAChC,MAAAC,EAAYN,EAAQ,aAAaK,CAAI,EAC3C,GAAIC,EAAW,CAEb,MAAMC,EAAeD,EAAU,QAAQ,mBAAoB,CAACE,EAAOC,IAC1DV,EAAMU,CAAE,EAAI,QAAQV,EAAMU,CAAE,CAAC,IAAMD,CAC3C,EAAE,QAAQ,aAAc,CAACA,EAAOC,IACxBV,EAAMU,CAAE,EAAI,IAAIV,EAAMU,CAAE,CAAC,GAAKD,CACtC,EAGGD,IAAiBD,GACXN,EAAA,aAAaK,EAAME,CAAY,CAE3C,CAAA,CACD,CAAA,EAIHlB,EAAW,iBAAiB,GAAG,EAAE,QAASW,GAAY,CACpDI,EAAiBJ,CAAO,CAAA,CACzB,CAAA,EAGHU,OAAAA,EAAAA,UAAU,IAAM,CACVvB,EAAM,cAAgBE,EAAW,OACnCQ,EAAaR,EAAW,KAAK,CAC/B,CACD"}

package/dist/kong-icons44.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons846.cjs");;/* empty css                */const t=require("./kong-icons409.cjs"),u=t.default(e.default,[["__scopeId","data-v-8a52a968"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons846.cjs");;/* empty css                */const t=require("./kong-icons409.cjs"),u=t.default(e.default,[["__scopeId","data-v-8c769e82"]]);exports.default=u;
 //# sourceMappingURL=kong-icons44.cjs.map