@kong/icons 1.26.1-pr.629.2128f75.0 → 1.26.1-pr.630.5d32828.0

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es502.js","sources":["../src/components/multi-color/ConjourIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * ConjourIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 15 May 2025 06:06:15 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /**\n   * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to `true` during snapshot testing.\n   * Defaults to `false`.\n   */\n  staticIds: {\n    type: Boolean,\n    default: false,\n  },\n})\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string | undefined> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n  pointerEvents: props.decorative ? 'none' : undefined,\n}))\n\n/**\n * Prefix all SVG IDs in the given SVG string with a random prefix to ensure uniqueness.\n *\n * This function performs the following steps:\n * 1. Generates a random prefix.\n * 2. Replaces all `id` attributes in the SVG string with the new prefixed IDs.\n * 3. Updates all ID references (e.g., `url(#id)`, `href=\"#id\"`, etc.) to use the new prefixed IDs.\n *\n * @param {string} svgString - The SVG string in which to prefix IDs.\n * @returns {string} - The SVG string with prefixed IDs.\n */\nconst prefixSvgIdsInString = (svgString: string): string => {\n  const idMap: Record<string, string> = {}\n  const randomPrefix = Math.random().toString(36).substring(2, 12)\n\n  // Replace IDs in the SVG string\n  const updatedSvgString = svgString.replace(/id=\"([^\"]+)\"/g, (match, originalId) => {\n    const newId = `${randomPrefix}-${originalId}`\n    idMap[originalId] = newId\n    return `id=\"${newId}\"`\n  })\n\n  // Replace ID references (e.g., url(#id), href=\"#id\", etc.)\n  const processedSvgString = updatedSvgString.replace(/#([^\\s^\")]+)/g, (match, originalId) => idMap[originalId] ? `#${idMap[originalId]}` : match)\n\n  // Return the processed SVG string\n  return processedSvgString\n}\n\nconst htmlEntities: { [key: string]: string } = {\n  '<': '&lt;',\n  '>': '&gt;',\n  '\"': '&quot;',\n  \"'\": '&#39;',\n  '&': '&amp;',\n}\nconst escapeHtml = (str: string) => {\n  return str.replace(/[<>\"'&]/g, (match) => htmlEntities[match])\n}\n\n// The `svgOriginalContent` template string will be replaced with the SVG innerHTML in the generate script.\n\nconst svgOriginalContent = `<path d=\"M6.98825 9.09313L12.0297 6.17267V0L1.63135 6.00952L6.98825 9.09313Z\" fill=\"#4C8ECC\"/>\n<path d=\"M12.041 17.8328L17.0934 14.9123L22.4394 11.8232V17.9959L12.0519 24L12.041 17.8328Z\" fill=\"#2F74B0\"/>\n<path d=\"M12.0298 6.17267L17.0821 9.0877L22.4227 5.99864L12.0298 0V6.17267Z\" fill=\"#2F74B0\"/>\n<path d=\"M12.0409 17.8273L6.98853 14.9177L1.64795 18.0122L12.0518 24L12.0409 17.8273Z\" fill=\"#4C8ECC\"/>\n<path d=\"M6.98825 14.9177V9.09314L1.63135 6.00952L1.64766 18.0122L6.98825 14.9177Z\" fill=\"#2F74B0\"/>\n<path d=\"M12.0298 6.16724L17.0821 9.0877V14.9177L12.0298 12.0027V6.16724Z\" fill=\"#808083\"/>\n<path d=\"M12.0298 6.16724L6.98828 9.09314V14.9177L12.0298 12.0027V6.17267\" fill=\"#5A5A5D\"/>`\nconst svgTitleContent = props.title ? `<title data-testid=\"kui-icon-svg-title\">${escapeHtml(props.title)}</title>` : ''\nconst svgProcessedContent = `${svgTitleContent}${!props.staticIds ? prefixSvgIdsInString(svgOriginalContent) : svgOriginalContent}`\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon conjour-icon\"\n    data-testid=\"kui-icon-wrapper-conjour-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-conjour-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      v-html=\"svgProcessedContent\"\n    />\n  </component>\n</template>\n\n<style>\n/**\n * !Important: Do not add styles into this component file.\n *\n * We are adding styles inline to avoid additional stylesheet imports in the consuming application/component.\n */\n</style>\n"],"names":["svgOriginalContent","props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIdsInString","svgString","idMap","randomPrefix","match","originalId","newId","htmlEntities","escapeHtml","str","svgProcessedContent"],"mappings":";;2BAyJMA,IAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA5I3B,UAAMC,IAAQC,GAgERC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MACtB;AAIK,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA2C;AAAA,MAC5E,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,MAChB,eAAeF,EAAM,aAAa,SAAS;AAAA,IAAA,EAC3C,GAaIQ,IAAuB,CAACC,MAA8B;AAC1D,YAAMC,IAAgC,CAAC,GACjCC,IAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE;AAaxD,aAVkBF,EAAU,QAAQ,iBAAiB,CAACG,GAAOC,MAAe;AACjF,cAAMC,IAAQ,GAAGH,CAAY,IAAIE,CAAU;AAC3C,eAAAH,EAAMG,CAAU,IAAIC,GACb,OAAOA,CAAK;AAAA,MAAA,CACpB,EAG2C,QAAQ,iBAAiB,CAACF,GAAOC,MAAeH,EAAMG,CAAU,IAAI,IAAIH,EAAMG,CAAU,CAAC,KAAKD,CAAK;AAAA,IAIjJ,GAEMG,IAA0C;AAAA,MAC9C,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IACP,GACMC,IAAa,CAACC,MACXA,EAAI,QAAQ,YAAY,CAACL,MAAUG,EAAaH,CAAK,CAAC,GAazDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es502.js","sources":["../src/components/multi-color/CohereIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * CohereIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 15 May 2025 19:30:45 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /**\n   * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to `true` during snapshot testing.\n   * Defaults to `false`.\n   */\n  staticIds: {\n    type: Boolean,\n    default: false,\n  },\n})\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string | undefined> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n  pointerEvents: props.decorative ? 'none' : undefined,\n}))\n\n/**\n * Prefix all SVG IDs in the given SVG string with a random prefix to ensure uniqueness.\n *\n * This function performs the following steps:\n * 1. Generates a random prefix.\n * 2. Replaces all `id` attributes in the SVG string with the new prefixed IDs.\n * 3. Updates all ID references (e.g., `url(#id)`, `href=\"#id\"`, etc.) to use the new prefixed IDs.\n *\n * @param {string} svgString - The SVG string in which to prefix IDs.\n * @returns {string} - The SVG string with prefixed IDs.\n */\nconst prefixSvgIdsInString = (svgString: string): string => {\n  const idMap: Record<string, string> = {}\n  const randomPrefix = Math.random().toString(36).substring(2, 12)\n\n  // Replace IDs in the SVG string\n  const updatedSvgString = svgString.replace(/id=\"([^\"]+)\"/g, (match, originalId) => {\n    const newId = `${randomPrefix}-${originalId}`\n    idMap[originalId] = newId\n    return `id=\"${newId}\"`\n  })\n\n  // Replace ID references (e.g., url(#id), href=\"#id\", etc.)\n  const processedSvgString = updatedSvgString.replace(/#([^\\s^\")]+)/g, (match, originalId) => idMap[originalId] ? `#${idMap[originalId]}` : match)\n\n  // Return the processed SVG string\n  return processedSvgString\n}\n\nconst htmlEntities: { [key: string]: string } = {\n  '<': '&lt;',\n  '>': '&gt;',\n  '\"': '&quot;',\n  \"'\": '&#39;',\n  '&': '&amp;',\n}\nconst escapeHtml = (str: string) => {\n  return str.replace(/[<>\"'&]/g, (match) => htmlEntities[match])\n}\n\n// The `svgOriginalContent` template string will be replaced with the SVG innerHTML in the generate script.\n\nconst svgOriginalContent = `<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8.832 13.728C9.312 13.728 10.272 13.704 11.616 13.152C13.176 12.504 16.248 11.352 18.48 10.152C20.04 9.312 20.712 8.208 20.712 6.72C20.712 4.68 19.056 3 16.992 3H8.352C5.4 3 3 5.4 3 8.352C3 11.304 5.256 13.728 8.832 13.728Z\" fill=\"#39594D\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.2959 17.4C10.2959 15.96 11.1599 14.64 12.5039 14.088L15.2159 12.96C17.9759 11.832 20.9999 13.848 20.9999 16.824C20.9999 19.128 19.1279 21 16.8239 21H13.8719C11.9039 21 10.2959 19.392 10.2959 17.4Z\" fill=\"#D18EE2\"/>\n<path d=\"M6.096 14.424C4.392 14.424 3 15.816 3 17.52V17.928C3 19.608 4.392 21 6.096 21C7.8 21 9.192 19.608 9.192 17.904V17.496C9.168 15.816 7.8 14.424 6.096 14.424Z\" fill=\"#FF7759\"/>`\nconst svgTitleContent = props.title ? `<title data-testid=\"kui-icon-svg-title\">${escapeHtml(props.title)}</title>` : ''\nconst svgProcessedContent = `${svgTitleContent}${!props.staticIds ? prefixSvgIdsInString(svgOriginalContent) : svgOriginalContent}`\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon cohere-icon\"\n    data-testid=\"kui-icon-wrapper-cohere-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-cohere-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      v-html=\"svgProcessedContent\"\n    />\n  </component>\n</template>\n\n<style>\n/**\n * !Important: Do not add styles into this component file.\n *\n * We are adding styles inline to avoid additional stylesheet imports in the consuming application/component.\n */\n</style>\n"],"names":["svgOriginalContent","props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIdsInString","svgString","idMap","randomPrefix","match","originalId","newId","htmlEntities","escapeHtml","str","svgProcessedContent"],"mappings":";;2BAyJMA,IAAqB;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA5I3B,UAAMC,IAAQC,GAgERC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MACtB;AAIK,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA2C;AAAA,MAC5E,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,MAChB,eAAeF,EAAM,aAAa,SAAS;AAAA,IAAA,EAC3C,GAaIQ,IAAuB,CAACC,MAA8B;AAC1D,YAAMC,IAAgC,CAAC,GACjCC,IAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE;AAaxD,aAVkBF,EAAU,QAAQ,iBAAiB,CAACG,GAAOC,MAAe;AACjF,cAAMC,IAAQ,GAAGH,CAAY,IAAIE,CAAU;AAC3C,eAAAH,EAAMG,CAAU,IAAIC,GACb,OAAOA,CAAK;AAAA,MAAA,CACpB,EAG2C,QAAQ,iBAAiB,CAACF,GAAOC,MAAeH,EAAMG,CAAU,IAAI,IAAIH,EAAMG,CAAU,CAAC,KAAKD,CAAK;AAAA,IAIjJ,GAEMG,IAA0C;AAAA,MAC9C,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IACP,GACMC,IAAa,CAACC,MACXA,EAAI,QAAQ,YAAY,CAACL,MAAUG,EAAaH,CAAK,CAAC,GASzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es504.js

@@ -1,7 +1,13 @@
-import { defineComponent as H, computed as d, createBlock as h, openBlock as c, resolveDynamicComponent as y, normalizeStyle as C, withCtx as b, createElementBlock as x } from "vue";
-import { KUI_ICON_SIZE_50 as l } from "./kong-icons.es1328.js";
-const V = ["aria-hidden"], u = '<path d="M20.0233 9.59753C19.9081 8.76066 19.447 8.03403 18.6152 7.37756L18.1341 7.05183L17.8134 7.53792C17.4025 8.16432 17.197 9.03627 17.2622 9.87315C17.2922 10.1638 17.3874 10.695 17.6831 11.151C17.3874 11.3164 16.8011 11.5369 16.0194 11.5218H1.08595L1.05588 11.6972C0.915565 12.5341 0.915565 15.155 2.59432 17.1645C3.87218 18.6929 5.78146 19.4696 8.27704 19.4696C13.6892 19.4696 17.6881 16.949 19.5673 12.3587C20.304 12.3737 21.8925 12.3637 22.7093 10.7852C22.7294 10.7501 22.7795 10.6549 22.9198 10.3542L23 10.1889L22.544 9.87816C22.0429 9.55243 20.9053 9.42715 20.0233 9.59753ZM13.0277 4H10.7576V6.08968H13.0277V4ZM13.0277 6.51062H10.7576V8.6003H13.0277V6.51062ZM10.3417 6.51062H8.07158V8.6003H10.3417V6.51062ZM7.66066 6.51062H5.39058V8.6003H7.66066V6.51062ZM4.97465 9.02124H2.70457V11.1109H4.97465V9.02124ZM7.66066 9.02124H5.39058V11.1109H7.66066V9.02124ZM10.3417 9.02124H8.07158V11.1109H10.3417V9.02124ZM13.0277 9.02124H10.7576V11.1109H13.0277V9.02124ZM15.7137 9.02124H13.4436V11.1109H15.7137V9.02124Z" fill="#1D63ED"/>', w = /* @__PURE__ */ H({
-  __name: "DockerIcon",
+import { defineComponent as S, computed as l, createBlock as L, openBlock as d, resolveDynamicComponent as y, normalizeStyle as b, withCtx as x, createElementBlock as C } from "vue";
+import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1358.js";
+const z = ["aria-hidden"], u = `<path d="M6.98825 9.09313L12.0297 6.17267V0L1.63135 6.00952L6.98825 9.09313Z" fill="#4C8ECC"/>
+<path d="M12.041 17.8328L17.0934 14.9123L22.4394 11.8232V17.9959L12.0519 24L12.041 17.8328Z" fill="#2F74B0"/>
+<path d="M12.0298 6.17267L17.0821 9.0877L22.4227 5.99864L12.0298 0V6.17267Z" fill="#2F74B0"/>
+<path d="M12.0409 17.8273L6.98853 14.9177L1.64795 18.0122L12.0518 24L12.0409 17.8273Z" fill="#4C8ECC"/>
+<path d="M6.98825 14.9177V9.09314L1.63135 6.00952L1.64766 18.0122L6.98825 14.9177Z" fill="#2F74B0"/>
+<path d="M12.0298 6.16724L17.0821 9.0877V14.9177L12.0298 12.0027V6.16724Z" fill="#808083"/>
+<path d="M12.0298 6.16724L6.98828 9.09314V14.9177L12.0298 12.0027V6.17267" fill="#5A5A5D"/>`, I = /* @__PURE__ */ S({
+  __name: "ConjourIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -31,14 +37,14 @@ const V = ["aria-hidden"], u = '<path d="M20.0233 9.59753C19.9081 8.76066 19.447
     size: {
       type: [Number, String],
       required: !1,
-      default: l,
+      default: c,
       // if setting to the imported const fails, just pass a number of 24 as the default.
       validator: (i) => {
         if (typeof i == "number" && i > 0)
           return !0;
         if (typeof i == "string") {
-          const e = String(i).replace(/px/gi, ""), r = Number(e);
-          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
+          const e = String(i).replace(/px/gi, ""), n = Number(e);
+          if (n && !isNaN(n) && Number.isInteger(n) && n > 0)
             return !0;
         }
         return !1;
@@ -61,48 +67,48 @@ const V = ["aria-hidden"], u = '<path d="M20.0233 9.59753C19.9081 8.76066 19.447
     }
   },
   setup(i) {
-    const e = i, r = d(() => {
+    const e = i, n = l(() => {
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
-        const n = String(e.size).replace(/px/gi, ""), t = Number(n);
+        const r = String(e.size).replace(/px/gi, ""), t = Number(r);
         if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
           return `${t}px`;
       }
-      return l;
-    }), g = d(() => ({
+      return c;
+    }), p = l(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
       flexShrink: "0",
-      height: r.value,
+      height: n.value,
       lineHeight: "0",
-      width: r.value,
+      width: n.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), p = (n) => {
-      const t = {}, S = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (s, o) => {
-        const a = `${S}-${o}`;
-        return t[o] = a, `id="${a}"`;
-      }).replace(/#([^\s^")]+)/g, (s, o) => t[o] ? `#${t[o]}` : s);
-    }, f = {
+    })), f = (r) => {
+      const t = {}, h = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (a, o) => {
+        const s = `${h}-${o}`;
+        return t[o] = s, `id="${s}"`;
+      }).replace(/#([^\s^")]+)/g, (a, o) => t[o] ? `#${t[o]}` : a);
+    }, g = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, m = (n) => n.replace(/[<>"'&]/g, (t) => f[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? u : p(u)}`;
-    return (n, t) => (c(), h(y(i.as), {
+    }, m = (r) => r.replace(/[<>"'&]/g, (t) => g[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? u : f(u)}`;
+    return (r, t) => (d(), L(y(i.as), {
       "aria-hidden": i.decorative ? "true" : void 0,
-      class: "kui-icon docker-icon",
-      "data-testid": "kui-icon-wrapper-docker-icon",
-      style: C(g.value),
+      class: "kui-icon conjour-icon",
+      "data-testid": "kui-icon-wrapper-conjour-icon",
+      style: b(p.value),
       tabindex: i.decorative ? "-1" : void 0
     }, {
-      default: b(() => [
-        (c(), x("svg", {
+      default: x(() => [
+        (d(), C("svg", {
           "aria-hidden": i.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-docker-icon",
+          "data-testid": "kui-icon-svg-conjour-icon",
           fill: "none",
           height: "100%",
           role: "img",
@@ -110,13 +116,13 @@ const V = ["aria-hidden"], u = '<path d="M20.0233 9.59753C19.9081 8.76066 19.447
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
           innerHTML: v
-        }, null, 8, V))
+        }, null, 8, z))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  w as default
+  I as default
 };
 //# sourceMappingURL=kong-icons.es504.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es504.js","sources":["../src/components/multi-color/DockerIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * DockerIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 15 May 2025 06:06:15 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /**\n   * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to `true` during snapshot testing.\n   * Defaults to `false`.\n   */\n  staticIds: {\n    type: Boolean,\n    default: false,\n  },\n})\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string | undefined> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n  pointerEvents: props.decorative ? 'none' : undefined,\n}))\n\n/**\n * Prefix all SVG IDs in the given SVG string with a random prefix to ensure uniqueness.\n *\n * This function performs the following steps:\n * 1. Generates a random prefix.\n * 2. Replaces all `id` attributes in the SVG string with the new prefixed IDs.\n * 3. Updates all ID references (e.g., `url(#id)`, `href=\"#id\"`, etc.) to use the new prefixed IDs.\n *\n * @param {string} svgString - The SVG string in which to prefix IDs.\n * @returns {string} - The SVG string with prefixed IDs.\n */\nconst prefixSvgIdsInString = (svgString: string): string => {\n  const idMap: Record<string, string> = {}\n  const randomPrefix = Math.random().toString(36).substring(2, 12)\n\n  // Replace IDs in the SVG string\n  const updatedSvgString = svgString.replace(/id=\"([^\"]+)\"/g, (match, originalId) => {\n    const newId = `${randomPrefix}-${originalId}`\n    idMap[originalId] = newId\n    return `id=\"${newId}\"`\n  })\n\n  // Replace ID references (e.g., url(#id), href=\"#id\", etc.)\n  const processedSvgString = updatedSvgString.replace(/#([^\\s^\")]+)/g, (match, originalId) => idMap[originalId] ? `#${idMap[originalId]}` : match)\n\n  // Return the processed SVG string\n  return processedSvgString\n}\n\nconst htmlEntities: { [key: string]: string } = {\n  '<': '&lt;',\n  '>': '&gt;',\n  '\"': '&quot;',\n  \"'\": '&#39;',\n  '&': '&amp;',\n}\nconst escapeHtml = (str: string) => {\n  return str.replace(/[<>\"'&]/g, (match) => htmlEntities[match])\n}\n\n// The `svgOriginalContent` template string will be replaced with the SVG innerHTML in the generate script.\n// eslint-disable-next-line @stylistic/quotes\nconst svgOriginalContent = `<path d=\"M20.0233 9.59753C19.9081 8.76066 19.447 8.03403 18.6152 7.37756L18.1341 7.05183L17.8134 7.53792C17.4025 8.16432 17.197 9.03627 17.2622 9.87315C17.2922 10.1638 17.3874 10.695 17.6831 11.151C17.3874 11.3164 16.8011 11.5369 16.0194 11.5218H1.08595L1.05588 11.6972C0.915565 12.5341 0.915565 15.155 2.59432 17.1645C3.87218 18.6929 5.78146 19.4696 8.27704 19.4696C13.6892 19.4696 17.6881 16.949 19.5673 12.3587C20.304 12.3737 21.8925 12.3637 22.7093 10.7852C22.7294 10.7501 22.7795 10.6549 22.9198 10.3542L23 10.1889L22.544 9.87816C22.0429 9.55243 20.9053 9.42715 20.0233 9.59753ZM13.0277 4H10.7576V6.08968H13.0277V4ZM13.0277 6.51062H10.7576V8.6003H13.0277V6.51062ZM10.3417 6.51062H8.07158V8.6003H10.3417V6.51062ZM7.66066 6.51062H5.39058V8.6003H7.66066V6.51062ZM4.97465 9.02124H2.70457V11.1109H4.97465V9.02124ZM7.66066 9.02124H5.39058V11.1109H7.66066V9.02124ZM10.3417 9.02124H8.07158V11.1109H10.3417V9.02124ZM13.0277 9.02124H10.7576V11.1109H13.0277V9.02124ZM15.7137 9.02124H13.4436V11.1109H15.7137V9.02124Z\" fill=\"#1D63ED\"/>`\nconst svgTitleContent = props.title ? `<title data-testid=\"kui-icon-svg-title\">${escapeHtml(props.title)}</title>` : ''\nconst svgProcessedContent = `${svgTitleContent}${!props.staticIds ? prefixSvgIdsInString(svgOriginalContent) : svgOriginalContent}`\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon docker-icon\"\n    data-testid=\"kui-icon-wrapper-docker-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-docker-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      v-html=\"svgProcessedContent\"\n    />\n  </component>\n</template>\n\n<style>\n/**\n * !Important: Do not add styles into this component file.\n *\n * We are adding styles inline to avoid additional stylesheet imports in the consuming application/component.\n */\n</style>\n"],"names":["svgOriginalContent","props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIdsInString","svgString","idMap","randomPrefix","match","originalId","newId","htmlEntities","escapeHtml","str","svgProcessedContent"],"mappings":";;2BAyJMA,IAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA5I3B,UAAMC,IAAQC,GAgERC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MACtB;AAIK,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA2C;AAAA,MAC5E,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,MAChB,eAAeF,EAAM,aAAa,SAAS;AAAA,IAAA,EAC3C,GAaIQ,IAAuB,CAACC,MAA8B;AAC1D,YAAMC,IAAgC,CAAC,GACjCC,IAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE;AAaxD,aAVkBF,EAAU,QAAQ,iBAAiB,CAACG,GAAOC,MAAe;AACjF,cAAMC,IAAQ,GAAGH,CAAY,IAAIE,CAAU;AAC3C,eAAAH,EAAMG,CAAU,IAAIC,GACb,OAAOA,CAAK;AAAA,MAAA,CACpB,EAG2C,QAAQ,iBAAiB,CAACF,GAAOC,MAAeH,EAAMG,CAAU,IAAI,IAAIH,EAAMG,CAAU,CAAC,KAAKD,CAAK;AAAA,IAIjJ,GAEMG,IAA0C;AAAA,MAC9C,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IACP,GACMC,IAAa,CAACC,MACXA,EAAI,QAAQ,YAAY,CAACL,MAAUG,EAAaH,CAAK,CAAC,GAOzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es504.js","sources":["../src/components/multi-color/ConjourIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * ConjourIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 15 May 2025 19:30:45 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /**\n   * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to `true` during snapshot testing.\n   * Defaults to `false`.\n   */\n  staticIds: {\n    type: Boolean,\n    default: false,\n  },\n})\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string | undefined> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n  pointerEvents: props.decorative ? 'none' : undefined,\n}))\n\n/**\n * Prefix all SVG IDs in the given SVG string with a random prefix to ensure uniqueness.\n *\n * This function performs the following steps:\n * 1. Generates a random prefix.\n * 2. Replaces all `id` attributes in the SVG string with the new prefixed IDs.\n * 3. Updates all ID references (e.g., `url(#id)`, `href=\"#id\"`, etc.) to use the new prefixed IDs.\n *\n * @param {string} svgString - The SVG string in which to prefix IDs.\n * @returns {string} - The SVG string with prefixed IDs.\n */\nconst prefixSvgIdsInString = (svgString: string): string => {\n  const idMap: Record<string, string> = {}\n  const randomPrefix = Math.random().toString(36).substring(2, 12)\n\n  // Replace IDs in the SVG string\n  const updatedSvgString = svgString.replace(/id=\"([^\"]+)\"/g, (match, originalId) => {\n    const newId = `${randomPrefix}-${originalId}`\n    idMap[originalId] = newId\n    return `id=\"${newId}\"`\n  })\n\n  // Replace ID references (e.g., url(#id), href=\"#id\", etc.)\n  const processedSvgString = updatedSvgString.replace(/#([^\\s^\")]+)/g, (match, originalId) => idMap[originalId] ? `#${idMap[originalId]}` : match)\n\n  // Return the processed SVG string\n  return processedSvgString\n}\n\nconst htmlEntities: { [key: string]: string } = {\n  '<': '&lt;',\n  '>': '&gt;',\n  '\"': '&quot;',\n  \"'\": '&#39;',\n  '&': '&amp;',\n}\nconst escapeHtml = (str: string) => {\n  return str.replace(/[<>\"'&]/g, (match) => htmlEntities[match])\n}\n\n// The `svgOriginalContent` template string will be replaced with the SVG innerHTML in the generate script.\n\nconst svgOriginalContent = `<path d=\"M6.98825 9.09313L12.0297 6.17267V0L1.63135 6.00952L6.98825 9.09313Z\" fill=\"#4C8ECC\"/>\n<path d=\"M12.041 17.8328L17.0934 14.9123L22.4394 11.8232V17.9959L12.0519 24L12.041 17.8328Z\" fill=\"#2F74B0\"/>\n<path d=\"M12.0298 6.17267L17.0821 9.0877L22.4227 5.99864L12.0298 0V6.17267Z\" fill=\"#2F74B0\"/>\n<path d=\"M12.0409 17.8273L6.98853 14.9177L1.64795 18.0122L12.0518 24L12.0409 17.8273Z\" fill=\"#4C8ECC\"/>\n<path d=\"M6.98825 14.9177V9.09314L1.63135 6.00952L1.64766 18.0122L6.98825 14.9177Z\" fill=\"#2F74B0\"/>\n<path d=\"M12.0298 6.16724L17.0821 9.0877V14.9177L12.0298 12.0027V6.16724Z\" fill=\"#808083\"/>\n<path d=\"M12.0298 6.16724L6.98828 9.09314V14.9177L12.0298 12.0027V6.17267\" fill=\"#5A5A5D\"/>`\nconst svgTitleContent = props.title ? `<title data-testid=\"kui-icon-svg-title\">${escapeHtml(props.title)}</title>` : ''\nconst svgProcessedContent = `${svgTitleContent}${!props.staticIds ? prefixSvgIdsInString(svgOriginalContent) : svgOriginalContent}`\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon conjour-icon\"\n    data-testid=\"kui-icon-wrapper-conjour-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-conjour-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      v-html=\"svgProcessedContent\"\n    />\n  </component>\n</template>\n\n<style>\n/**\n * !Important: Do not add styles into this component file.\n *\n * We are adding styles inline to avoid additional stylesheet imports in the consuming application/component.\n */\n</style>\n"],"names":["svgOriginalContent","props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIdsInString","svgString","idMap","randomPrefix","match","originalId","newId","htmlEntities","escapeHtml","str","svgProcessedContent"],"mappings":";;2BAyJMA,IAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA5I3B,UAAMC,IAAQC,GAgERC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MACtB;AAIK,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA2C;AAAA,MAC5E,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,MAChB,eAAeF,EAAM,aAAa,SAAS;AAAA,IAAA,EAC3C,GAaIQ,IAAuB,CAACC,MAA8B;AAC1D,YAAMC,IAAgC,CAAC,GACjCC,IAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE;AAaxD,aAVkBF,EAAU,QAAQ,iBAAiB,CAACG,GAAOC,MAAe;AACjF,cAAMC,IAAQ,GAAGH,CAAY,IAAIE,CAAU;AAC3C,eAAAH,EAAMG,CAAU,IAAIC,GACb,OAAOA,CAAK;AAAA,MAAA,CACpB,EAG2C,QAAQ,iBAAiB,CAACF,GAAOC,MAAeH,EAAMG,CAAU,IAAI,IAAIH,EAAMG,CAAU,CAAC,KAAKD,CAAK;AAAA,IAIjJ,GAEMG,IAA0C;AAAA,MAC9C,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IACP,GACMC,IAAa,CAACC,MACXA,EAAI,QAAQ,YAAY,CAACL,MAAUG,EAAaH,CAAK,CAAC,GAazDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es506.js

@@ -1,14 +1,7 @@
-import { defineComponent as y, computed as l, createBlock as h, openBlock as d, resolveDynamicComponent as C, normalizeStyle as x, withCtx as b, createElementBlock as z } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1328.js";
-const N = ["aria-hidden"], u = `<path d="M12 22C11.6188 19.4841 10.4425 17.1561 8.6432 15.3568C6.84386 13.5575 4.51593 12.3812 2 12C4.51593 11.6188 6.84386 10.4425 8.6432 8.6432C10.4425 6.84386 11.6188 4.51593 12 2C12.3813 4.51588 13.5576 6.84374 15.3569 8.64306C17.1563 10.4424 19.4841 11.6187 22 12C19.4841 12.3813 17.1563 13.5576 15.3569 15.3569C13.5576 17.1563 12.3813 19.4841 12 22Z" fill="url(#paint0_linear_3684_5644)"/>
-<defs>
-<linearGradient id="paint0_linear_3684_5644" x1="1.99996" y1="2002" x2="1376.6" y2="609.9" gradientUnits="userSpaceOnUse">
-<stop stop-color="#1C7DFF"/>
-<stop offset="0.52021" stop-color="#1C69FF"/>
-<stop offset="1" stop-color="#F0DCD6"/>
-</linearGradient>
-</defs>`, q = /* @__PURE__ */ y({
-  __name: "GeminiIcon",
+import { defineComponent as m, computed as s, createBlock as S, openBlock as d, resolveDynamicComponent as h, normalizeStyle as y, withCtx as b, createElementBlock as x } from "vue";
+import { KUI_ICON_SIZE_50 as l } from "./kong-icons.es1358.js";
+const z = ["aria-hidden"], c = '<path fill-rule="evenodd" clip-rule="evenodd" d="M19.5702 17.0408L17.5735 15.7238L15.9078 18.5061L13.9705 17.9396L12.2648 20.5431L12.3522 21.3626L21.6265 19.6538L21.0879 13.8591L19.5702 17.0408ZM10.9211 14.5424L12.4091 14.3378C12.6499 14.446 12.8175 14.4872 13.1062 14.5606C13.5557 14.6778 14.0762 14.7902 14.8469 14.4017C15.0263 14.3129 15.3999 13.9712 15.551 13.7764L21.6476 12.6704L22.2695 20.1975L11.825 22.0799L10.9211 14.5424ZM22.246 11.8302L21.6442 11.9448L20.4881 0L0.788574 2.28425L3.21549 21.9787L5.52132 21.644C5.33718 21.3811 5.05045 21.063 4.56081 20.6558C3.8817 20.0916 4.1219 19.1333 4.52241 18.5282C5.05242 17.5058 7.78315 16.2064 7.62843 14.5721C7.57294 13.9779 7.47849 13.2044 6.9269 12.6744C6.90616 12.8944 6.94344 13.1063 6.94344 13.1063C6.94344 13.1063 6.71698 12.8173 6.60402 12.4232C6.49191 12.2722 6.40391 12.224 6.28479 12.0222C6.19987 12.2556 6.21108 12.5264 6.21108 12.5264C6.21108 12.5264 6.02582 12.0886 5.99583 11.7192C5.88596 11.8846 5.85821 12.1987 5.85821 12.1987C5.85821 12.1987 5.61745 11.5087 5.67239 11.1371C5.56252 10.8136 5.23684 10.1718 5.32905 8.71295C5.93024 9.1342 7.2537 9.03414 7.76941 8.27403C7.94066 8.02235 8.05782 7.33511 7.68393 5.98109C7.44373 5.1128 6.84899 3.81988 6.6172 3.3294L6.58945 3.3493C6.71165 3.74449 6.96362 4.57299 7.06031 4.97462C7.35292 6.19298 7.4314 6.61704 7.29406 7.17871C7.17719 7.66695 6.89691 7.98647 6.18641 8.34354C5.47591 8.70173 4.53306 7.83008 4.47337 7.78187C3.78305 7.23197 3.24912 6.3348 3.18942 5.89897C3.12748 5.42194 3.46437 5.1355 3.63422 4.74536C3.39122 4.81486 3.12019 4.93819 3.12019 4.93819C3.12019 4.93819 3.44363 4.60354 3.84246 4.31401C4.00755 4.2047 4.10452 4.13519 4.27857 3.99057C4.02661 3.98637 3.822 3.99365 3.822 3.99365C3.822 3.99365 4.24214 3.76663 4.67769 3.60127C4.35901 3.58725 4.05407 3.59903 4.05407 3.59903C4.05407 3.59903 4.9916 3.17973 5.73209 2.87199C6.24135 2.66318 6.73884 2.72485 7.01827 3.129C7.38515 3.65844 7.77053 3.94601 8.58726 4.12426C9.08867 3.902 9.24114 3.78765 9.8712 3.61612C10.4259 3.00624 10.8614 2.9272 10.8614 2.9272C10.8614 2.9272 10.6453 3.12536 10.5876 3.43675C10.9021 3.18898 11.2468 2.98214 11.2468 2.98214C11.2468 2.98214 11.1134 3.14694 10.9889 3.40872L11.0178 3.4516C11.3847 3.23158 11.816 3.05809 11.816 3.05809C11.816 3.05809 11.6927 3.21393 11.5481 3.41573C11.8247 3.41348 12.3858 3.4275 12.6036 3.45216C13.8892 3.48047 14.1561 2.07909 14.6494 1.90336C15.2671 1.68278 15.5432 1.54937 16.5959 2.58331C17.4992 3.47094 18.2049 5.05983 17.8546 5.41578C17.5609 5.71119 16.9813 5.30058 16.3389 4.49983C15.9994 4.07578 15.7427 3.57464 15.6225 2.93757C15.521 2.4 15.1261 2.08806 15.1261 2.08806C15.1261 2.08806 15.3554 2.5976 15.3554 3.04772C15.3554 3.29353 15.3862 4.21255 15.7803 4.72826C15.7413 4.80365 15.7231 5.10131 15.6799 5.1582C15.2214 4.6041 14.2368 4.20751 14.0762 4.09063C14.6196 4.53599 15.8688 5.559 16.3487 6.5394C16.8024 7.46656 16.5351 8.31635 16.7646 8.53637C16.8299 8.59943 17.7405 9.73399 17.9157 10.3041C18.2212 11.2977 17.9339 12.3417 17.534 12.9894L16.4171 13.1635C16.2537 13.118 16.1435 13.0953 15.9969 13.0104C16.0776 12.8675 16.2382 12.511 16.2399 12.4375L16.1769 12.3268C15.8293 12.8193 15.2469 13.2974 14.7631 13.5721C14.13 13.9308 13.4002 13.8756 12.9251 13.7285C11.5767 13.3126 10.3017 12.4014 9.99425 12.162C9.99425 12.162 9.98472 12.3532 10.0427 12.3961C10.3827 12.7795 11.1616 13.4732 11.9144 13.9566L10.3096 14.1332L11.0683 20.0409C10.7319 20.0891 10.6795 20.1126 10.3112 20.165C9.98668 19.0184 9.36587 18.2698 8.68732 17.8337C8.08893 17.4492 7.26351 17.3625 6.47342 17.5189L6.42269 17.5778C6.97203 17.5206 7.62059 17.6002 8.2868 18.022C8.94069 18.4354 9.46761 19.5033 9.66156 20.1462C9.90988 20.968 10.0817 21.847 9.41323 22.7786C8.9376 23.4409 7.54912 23.8069 6.42745 23.0152C6.72707 23.497 7.13206 23.891 7.6772 23.9653C8.48664 24.0752 9.25488 23.9347 9.78376 23.3918C10.2353 22.9277 10.4746 21.9571 10.4116 20.9349L11.126 20.8312L11.3839 22.6659L23.2109 21.2418L22.246 11.8302ZM15.0504 6.84771C15.0174 6.9231 14.9655 6.97243 15.0434 7.21767L15.0482 7.23169L15.0605 7.26336L15.093 7.33679C15.2334 7.62379 15.3876 7.89454 15.6452 8.03271C15.7119 8.0215 15.7808 8.01394 15.8523 8.01029C16.0942 7.99964 16.2469 8.03804 16.3439 8.09017C16.3526 8.04196 16.3546 7.97133 16.3492 7.86735C16.3304 7.50383 16.4213 6.88554 15.7225 6.56014C15.4588 6.43766 15.0888 6.4755 14.9655 6.62825C14.9879 6.63105 15.0081 6.63582 15.0238 6.64114C15.2102 6.70645 15.0838 6.77063 15.0504 6.84771ZM17.0087 10.2396C16.9171 10.1892 16.4888 10.2091 16.1878 10.2449C15.6143 10.3125 14.9952 10.5115 14.8596 10.6174C14.6129 10.808 14.725 11.1404 14.9072 11.2769C15.4182 11.6586 15.866 11.9145 16.3389 11.8523C16.6292 11.8142 16.8851 11.3545 17.0665 10.9375C17.1906 10.6502 17.1906 10.3402 17.0087 10.2396ZM11.9318 7.29783C12.0935 7.14424 11.1263 6.94244 10.3757 7.45423C9.82216 7.83176 9.8045 8.6412 10.3345 9.10001C10.3875 9.14541 10.4312 9.17764 10.4721 9.20399C10.6268 9.13112 10.8031 9.0574 11.006 8.99154C11.3488 8.88027 11.6339 8.82281 11.8682 8.79226C11.9803 8.66698 12.1106 8.4464 12.0781 8.04701C12.0338 7.50524 11.6232 7.59128 11.9318 7.29783Z" fill="#632CA6"/>', $ = /* @__PURE__ */ m({
+  __name: "DatadogIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -38,7 +31,7 @@ const N = ["aria-hidden"], u = `<path d="M12 22C11.6188 19.4841 10.4425 17.1561
     size: {
       type: [Number, String],
       required: !1,
-      default: c,
+      default: l,
       // if setting to the imported const fails, just pass a number of 24 as the default.
       validator: (i) => {
         if (typeof i == "number" && i > 0)
@@ -68,7 +61,7 @@ const N = ["aria-hidden"], u = `<path d="M12 22C11.6188 19.4841 10.4425 17.1561
     }
   },
   setup(i) {
-    const e = i, n = l(() => {
+    const e = i, n = s(() => {
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
@@ -76,8 +69,8 @@ const N = ["aria-hidden"], u = `<path d="M12 22C11.6188 19.4841 10.4425 17.1561
         if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
           return `${t}px`;
       }
-      return c;
-    }), p = l(() => ({
+      return l;
+    }), u = s(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
@@ -87,43 +80,43 @@ const N = ["aria-hidden"], u = `<path d="M12 22C11.6188 19.4841 10.4425 17.1561
       width: n.value,
       pointerEvents: e.decorative ? "none" : void 0
     })), g = (r) => {
-      const t = {}, S = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (s, o) => {
-        const a = `${S}-${o}`;
-        return t[o] = a, `id="${a}"`;
-      }).replace(/#([^\s^")]+)/g, (s, o) => t[o] ? `#${t[o]}` : s);
-    }, f = {
+      const t = {}, v = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (o, C) => {
+        const a = `${v}-${C}`;
+        return t[C] = a, `id="${a}"`;
+      }).replace(/#([^\s^")]+)/g, (o, C) => t[C] ? `#${t[C]}` : o);
+    }, p = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, m = (r) => r.replace(/[<>"'&]/g, (t) => f[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? u : g(u)}`;
-    return (r, t) => (d(), h(C(i.as), {
+    }, f = (r) => r.replace(/[<>"'&]/g, (t) => p[t]), L = `${e.title ? `<title data-testid="kui-icon-svg-title">${f(e.title)}</title>` : ""}${e.staticIds ? c : g(c)}`;
+    return (r, t) => (d(), S(h(i.as), {
       "aria-hidden": i.decorative ? "true" : void 0,
-      class: "kui-icon gemini-icon",
-      "data-testid": "kui-icon-wrapper-gemini-icon",
-      style: x(p.value),
+      class: "kui-icon datadog-icon",
+      "data-testid": "kui-icon-wrapper-datadog-icon",
+      style: y(u.value),
       tabindex: i.decorative ? "-1" : void 0
     }, {
       default: b(() => [
-        (d(), z("svg", {
+        (d(), x("svg", {
           "aria-hidden": i.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-gemini-icon",
+          "data-testid": "kui-icon-svg-datadog-icon",
           fill: "none",
           height: "100%",
           role: "img",
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: v
-        }, null, 8, N))
+          innerHTML: L
+        }, null, 8, z))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  q as default
+  $ as default
 };
 //# sourceMappingURL=kong-icons.es506.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es506.js","sources":["../src/components/multi-color/GeminiIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * GeminiIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 15 May 2025 06:06:15 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /**\n   * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to `true` during snapshot testing.\n   * Defaults to `false`.\n   */\n  staticIds: {\n    type: Boolean,\n    default: false,\n  },\n})\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string | undefined> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n  pointerEvents: props.decorative ? 'none' : undefined,\n}))\n\n/**\n * Prefix all SVG IDs in the given SVG string with a random prefix to ensure uniqueness.\n *\n * This function performs the following steps:\n * 1. Generates a random prefix.\n * 2. Replaces all `id` attributes in the SVG string with the new prefixed IDs.\n * 3. Updates all ID references (e.g., `url(#id)`, `href=\"#id\"`, etc.) to use the new prefixed IDs.\n *\n * @param {string} svgString - The SVG string in which to prefix IDs.\n * @returns {string} - The SVG string with prefixed IDs.\n */\nconst prefixSvgIdsInString = (svgString: string): string => {\n  const idMap: Record<string, string> = {}\n  const randomPrefix = Math.random().toString(36).substring(2, 12)\n\n  // Replace IDs in the SVG string\n  const updatedSvgString = svgString.replace(/id=\"([^\"]+)\"/g, (match, originalId) => {\n    const newId = `${randomPrefix}-${originalId}`\n    idMap[originalId] = newId\n    return `id=\"${newId}\"`\n  })\n\n  // Replace ID references (e.g., url(#id), href=\"#id\", etc.)\n  const processedSvgString = updatedSvgString.replace(/#([^\\s^\")]+)/g, (match, originalId) => idMap[originalId] ? `#${idMap[originalId]}` : match)\n\n  // Return the processed SVG string\n  return processedSvgString\n}\n\nconst htmlEntities: { [key: string]: string } = {\n  '<': '&lt;',\n  '>': '&gt;',\n  '\"': '&quot;',\n  \"'\": '&#39;',\n  '&': '&amp;',\n}\nconst escapeHtml = (str: string) => {\n  return str.replace(/[<>\"'&]/g, (match) => htmlEntities[match])\n}\n\n// The `svgOriginalContent` template string will be replaced with the SVG innerHTML in the generate script.\n\nconst svgOriginalContent = `<path d=\"M12 22C11.6188 19.4841 10.4425 17.1561 8.6432 15.3568C6.84386 13.5575 4.51593 12.3812 2 12C4.51593 11.6188 6.84386 10.4425 8.6432 8.6432C10.4425 6.84386 11.6188 4.51593 12 2C12.3813 4.51588 13.5576 6.84374 15.3569 8.64306C17.1563 10.4424 19.4841 11.6187 22 12C19.4841 12.3813 17.1563 13.5576 15.3569 15.3569C13.5576 17.1563 12.3813 19.4841 12 22Z\" fill=\"url(#paint0_linear_3684_5644)\"/>\n<defs>\n<linearGradient id=\"paint0_linear_3684_5644\" x1=\"1.99996\" y1=\"2002\" x2=\"1376.6\" y2=\"609.9\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#1C7DFF\"/>\n<stop offset=\"0.52021\" stop-color=\"#1C69FF\"/>\n<stop offset=\"1\" stop-color=\"#F0DCD6\"/>\n</linearGradient>\n</defs>`\nconst svgTitleContent = props.title ? `<title data-testid=\"kui-icon-svg-title\">${escapeHtml(props.title)}</title>` : ''\nconst svgProcessedContent = `${svgTitleContent}${!props.staticIds ? prefixSvgIdsInString(svgOriginalContent) : svgOriginalContent}`\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon gemini-icon\"\n    data-testid=\"kui-icon-wrapper-gemini-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-gemini-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      v-html=\"svgProcessedContent\"\n    />\n  </component>\n</template>\n\n<style>\n/**\n * !Important: Do not add styles into this component file.\n *\n * We are adding styles inline to avoid additional stylesheet imports in the consuming application/component.\n */\n</style>\n"],"names":["svgOriginalContent","props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIdsInString","svgString","idMap","randomPrefix","match","originalId","newId","htmlEntities","escapeHtml","str","svgProcessedContent"],"mappings":";;2BAyJMA,IAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA5I3B,UAAMC,IAAQC,GAgERC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MACtB;AAIK,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA2C;AAAA,MAC5E,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,MAChB,eAAeF,EAAM,aAAa,SAAS;AAAA,IAAA,EAC3C,GAaIQ,IAAuB,CAACC,MAA8B;AAC1D,YAAMC,IAAgC,CAAC,GACjCC,IAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE;AAaxD,aAVkBF,EAAU,QAAQ,iBAAiB,CAACG,GAAOC,MAAe;AACjF,cAAMC,IAAQ,GAAGH,CAAY,IAAIE,CAAU;AAC3C,eAAAH,EAAMG,CAAU,IAAIC,GACb,OAAOA,CAAK;AAAA,MAAA,CACpB,EAG2C,QAAQ,iBAAiB,CAACF,GAAOC,MAAeH,EAAMG,CAAU,IAAI,IAAIH,EAAMG,CAAU,CAAC,KAAKD,CAAK;AAAA,IAIjJ,GAEMG,IAA0C;AAAA,MAC9C,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IACP,GACMC,IAAa,CAACC,MACXA,EAAI,QAAQ,YAAY,CAACL,MAAUG,EAAaH,CAAK,CAAC,GAczDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es506.js","sources":["../src/components/multi-color/DatadogIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * DatadogIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 15 May 2025 19:30:45 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /**\n   * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to `true` during snapshot testing.\n   * Defaults to `false`.\n   */\n  staticIds: {\n    type: Boolean,\n    default: false,\n  },\n})\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string | undefined> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n  pointerEvents: props.decorative ? 'none' : undefined,\n}))\n\n/**\n * Prefix all SVG IDs in the given SVG string with a random prefix to ensure uniqueness.\n *\n * This function performs the following steps:\n * 1. Generates a random prefix.\n * 2. Replaces all `id` attributes in the SVG string with the new prefixed IDs.\n * 3. Updates all ID references (e.g., `url(#id)`, `href=\"#id\"`, etc.) to use the new prefixed IDs.\n *\n * @param {string} svgString - The SVG string in which to prefix IDs.\n * @returns {string} - The SVG string with prefixed IDs.\n */\nconst prefixSvgIdsInString = (svgString: string): string => {\n  const idMap: Record<string, string> = {}\n  const randomPrefix = Math.random().toString(36).substring(2, 12)\n\n  // Replace IDs in the SVG string\n  const updatedSvgString = svgString.replace(/id=\"([^\"]+)\"/g, (match, originalId) => {\n    const newId = `${randomPrefix}-${originalId}`\n    idMap[originalId] = newId\n    return `id=\"${newId}\"`\n  })\n\n  // Replace ID references (e.g., url(#id), href=\"#id\", etc.)\n  const processedSvgString = updatedSvgString.replace(/#([^\\s^\")]+)/g, (match, originalId) => idMap[originalId] ? `#${idMap[originalId]}` : match)\n\n  // Return the processed SVG string\n  return processedSvgString\n}\n\nconst htmlEntities: { [key: string]: string } = {\n  '<': '&lt;',\n  '>': '&gt;',\n  '\"': '&quot;',\n  \"'\": '&#39;',\n  '&': '&amp;',\n}\nconst escapeHtml = (str: string) => {\n  return str.replace(/[<>\"'&]/g, (match) => htmlEntities[match])\n}\n\n// The `svgOriginalContent` template string will be replaced with the SVG innerHTML in the generate script.\n// eslint-disable-next-line @stylistic/quotes\nconst svgOriginalContent = `<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M19.5702 17.0408L17.5735 15.7238L15.9078 18.5061L13.9705 17.9396L12.2648 20.5431L12.3522 21.3626L21.6265 19.6538L21.0879 13.8591L19.5702 17.0408ZM10.9211 14.5424L12.4091 14.3378C12.6499 14.446 12.8175 14.4872 13.1062 14.5606C13.5557 14.6778 14.0762 14.7902 14.8469 14.4017C15.0263 14.3129 15.3999 13.9712 15.551 13.7764L21.6476 12.6704L22.2695 20.1975L11.825 22.0799L10.9211 14.5424ZM22.246 11.8302L21.6442 11.9448L20.4881 0L0.788574 2.28425L3.21549 21.9787L5.52132 21.644C5.33718 21.3811 5.05045 21.063 4.56081 20.6558C3.8817 20.0916 4.1219 19.1333 4.52241 18.5282C5.05242 17.5058 7.78315 16.2064 7.62843 14.5721C7.57294 13.9779 7.47849 13.2044 6.9269 12.6744C6.90616 12.8944 6.94344 13.1063 6.94344 13.1063C6.94344 13.1063 6.71698 12.8173 6.60402 12.4232C6.49191 12.2722 6.40391 12.224 6.28479 12.0222C6.19987 12.2556 6.21108 12.5264 6.21108 12.5264C6.21108 12.5264 6.02582 12.0886 5.99583 11.7192C5.88596 11.8846 5.85821 12.1987 5.85821 12.1987C5.85821 12.1987 5.61745 11.5087 5.67239 11.1371C5.56252 10.8136 5.23684 10.1718 5.32905 8.71295C5.93024 9.1342 7.2537 9.03414 7.76941 8.27403C7.94066 8.02235 8.05782 7.33511 7.68393 5.98109C7.44373 5.1128 6.84899 3.81988 6.6172 3.3294L6.58945 3.3493C6.71165 3.74449 6.96362 4.57299 7.06031 4.97462C7.35292 6.19298 7.4314 6.61704 7.29406 7.17871C7.17719 7.66695 6.89691 7.98647 6.18641 8.34354C5.47591 8.70173 4.53306 7.83008 4.47337 7.78187C3.78305 7.23197 3.24912 6.3348 3.18942 5.89897C3.12748 5.42194 3.46437 5.1355 3.63422 4.74536C3.39122 4.81486 3.12019 4.93819 3.12019 4.93819C3.12019 4.93819 3.44363 4.60354 3.84246 4.31401C4.00755 4.2047 4.10452 4.13519 4.27857 3.99057C4.02661 3.98637 3.822 3.99365 3.822 3.99365C3.822 3.99365 4.24214 3.76663 4.67769 3.60127C4.35901 3.58725 4.05407 3.59903 4.05407 3.59903C4.05407 3.59903 4.9916 3.17973 5.73209 2.87199C6.24135 2.66318 6.73884 2.72485 7.01827 3.129C7.38515 3.65844 7.77053 3.94601 8.58726 4.12426C9.08867 3.902 9.24114 3.78765 9.8712 3.61612C10.4259 3.00624 10.8614 2.9272 10.8614 2.9272C10.8614 2.9272 10.6453 3.12536 10.5876 3.43675C10.9021 3.18898 11.2468 2.98214 11.2468 2.98214C11.2468 2.98214 11.1134 3.14694 10.9889 3.40872L11.0178 3.4516C11.3847 3.23158 11.816 3.05809 11.816 3.05809C11.816 3.05809 11.6927 3.21393 11.5481 3.41573C11.8247 3.41348 12.3858 3.4275 12.6036 3.45216C13.8892 3.48047 14.1561 2.07909 14.6494 1.90336C15.2671 1.68278 15.5432 1.54937 16.5959 2.58331C17.4992 3.47094 18.2049 5.05983 17.8546 5.41578C17.5609 5.71119 16.9813 5.30058 16.3389 4.49983C15.9994 4.07578 15.7427 3.57464 15.6225 2.93757C15.521 2.4 15.1261 2.08806 15.1261 2.08806C15.1261 2.08806 15.3554 2.5976 15.3554 3.04772C15.3554 3.29353 15.3862 4.21255 15.7803 4.72826C15.7413 4.80365 15.7231 5.10131 15.6799 5.1582C15.2214 4.6041 14.2368 4.20751 14.0762 4.09063C14.6196 4.53599 15.8688 5.559 16.3487 6.5394C16.8024 7.46656 16.5351 8.31635 16.7646 8.53637C16.8299 8.59943 17.7405 9.73399 17.9157 10.3041C18.2212 11.2977 17.9339 12.3417 17.534 12.9894L16.4171 13.1635C16.2537 13.118 16.1435 13.0953 15.9969 13.0104C16.0776 12.8675 16.2382 12.511 16.2399 12.4375L16.1769 12.3268C15.8293 12.8193 15.2469 13.2974 14.7631 13.5721C14.13 13.9308 13.4002 13.8756 12.9251 13.7285C11.5767 13.3126 10.3017 12.4014 9.99425 12.162C9.99425 12.162 9.98472 12.3532 10.0427 12.3961C10.3827 12.7795 11.1616 13.4732 11.9144 13.9566L10.3096 14.1332L11.0683 20.0409C10.7319 20.0891 10.6795 20.1126 10.3112 20.165C9.98668 19.0184 9.36587 18.2698 8.68732 17.8337C8.08893 17.4492 7.26351 17.3625 6.47342 17.5189L6.42269 17.5778C6.97203 17.5206 7.62059 17.6002 8.2868 18.022C8.94069 18.4354 9.46761 19.5033 9.66156 20.1462C9.90988 20.968 10.0817 21.847 9.41323 22.7786C8.9376 23.4409 7.54912 23.8069 6.42745 23.0152C6.72707 23.497 7.13206 23.891 7.6772 23.9653C8.48664 24.0752 9.25488 23.9347 9.78376 23.3918C10.2353 22.9277 10.4746 21.9571 10.4116 20.9349L11.126 20.8312L11.3839 22.6659L23.2109 21.2418L22.246 11.8302ZM15.0504 6.84771C15.0174 6.9231 14.9655 6.97243 15.0434 7.21767L15.0482 7.23169L15.0605 7.26336L15.093 7.33679C15.2334 7.62379 15.3876 7.89454 15.6452 8.03271C15.7119 8.0215 15.7808 8.01394 15.8523 8.01029C16.0942 7.99964 16.2469 8.03804 16.3439 8.09017C16.3526 8.04196 16.3546 7.97133 16.3492 7.86735C16.3304 7.50383 16.4213 6.88554 15.7225 6.56014C15.4588 6.43766 15.0888 6.4755 14.9655 6.62825C14.9879 6.63105 15.0081 6.63582 15.0238 6.64114C15.2102 6.70645 15.0838 6.77063 15.0504 6.84771ZM17.0087 10.2396C16.9171 10.1892 16.4888 10.2091 16.1878 10.2449C15.6143 10.3125 14.9952 10.5115 14.8596 10.6174C14.6129 10.808 14.725 11.1404 14.9072 11.2769C15.4182 11.6586 15.866 11.9145 16.3389 11.8523C16.6292 11.8142 16.8851 11.3545 17.0665 10.9375C17.1906 10.6502 17.1906 10.3402 17.0087 10.2396ZM11.9318 7.29783C12.0935 7.14424 11.1263 6.94244 10.3757 7.45423C9.82216 7.83176 9.8045 8.6412 10.3345 9.10001C10.3875 9.14541 10.4312 9.17764 10.4721 9.20399C10.6268 9.13112 10.8031 9.0574 11.006 8.99154C11.3488 8.88027 11.6339 8.82281 11.8682 8.79226C11.9803 8.66698 12.1106 8.4464 12.0781 8.04701C12.0338 7.50524 11.6232 7.59128 11.9318 7.29783Z\" fill=\"#632CA6\"/>`\nconst svgTitleContent = props.title ? `<title data-testid=\"kui-icon-svg-title\">${escapeHtml(props.title)}</title>` : ''\nconst svgProcessedContent = `${svgTitleContent}${!props.staticIds ? prefixSvgIdsInString(svgOriginalContent) : svgOriginalContent}`\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon datadog-icon\"\n    data-testid=\"kui-icon-wrapper-datadog-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-datadog-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      v-html=\"svgProcessedContent\"\n    />\n  </component>\n</template>\n\n<style>\n/**\n * !Important: Do not add styles into this component file.\n *\n * We are adding styles inline to avoid additional stylesheet imports in the consuming application/component.\n */\n</style>\n"],"names":["svgOriginalContent","props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIdsInString","svgString","idMap","randomPrefix","match","originalId","newId","htmlEntities","escapeHtml","str","svgProcessedContent"],"mappings":";;2BAyJMA,IAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA5I3B,UAAMC,IAAQC,GAgERC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MACtB;AAIK,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA2C;AAAA,MAC5E,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,MAChB,eAAeF,EAAM,aAAa,SAAS;AAAA,IAAA,EAC3C,GAaIQ,IAAuB,CAACC,MAA8B;AAC1D,YAAMC,IAAgC,CAAC,GACjCC,IAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE;AAaxD,aAVkBF,EAAU,QAAQ,iBAAiB,CAACG,GAAOC,MAAe;AACjF,cAAMC,IAAQ,GAAGH,CAAY,IAAIE,CAAU;AAC3C,eAAAH,EAAMG,CAAU,IAAIC,GACb,OAAOA,CAAK;AAAA,MAAA,CACpB,EAG2C,QAAQ,iBAAiB,CAACF,GAAOC,MAAeH,EAAMG,CAAU,IAAI,IAAIH,EAAMG,CAAU,CAAC,KAAKD,CAAK;AAAA,IAIjJ,GAEMG,IAA0C;AAAA,MAC9C,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IACP,GACMC,IAAa,CAACC,MACXA,EAAI,QAAQ,YAAY,CAACL,MAAUG,EAAaH,CAAK,CAAC,GAOzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es508.js

@@ -1,7 +1,7 @@
-import { defineComponent as S, computed as d, createBlock as h, openBlock as l, resolveDynamicComponent as b, normalizeStyle as y, withCtx as x, createElementBlock as z } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1328.js";
-const N = ["aria-hidden"], u = '<path fill-rule="evenodd" clip-rule="evenodd" d="M12.1957 1C6.00475 1 1 6.04165 1 12.2788C1 17.2646 4.20672 21.4849 8.65528 22.9786C9.21147 23.0909 9.41519 22.7359 9.41519 22.4373C9.41519 22.1758 9.39686 21.2796 9.39686 20.3457C6.2825 21.0181 5.63396 19.0012 5.63396 19.0012C5.13346 17.694 4.39188 17.3581 4.39188 17.3581C3.37255 16.6671 4.46613 16.6671 4.46613 16.6671C5.59683 16.7419 6.19015 17.8249 6.19015 17.8249C7.19091 19.5427 8.80355 19.0573 9.45232 18.7585C9.5449 18.0302 9.84167 17.5261 10.1568 17.246C7.67285 16.9845 5.05944 16.0136 5.05944 11.6812C5.05944 10.4487 5.50402 9.4404 6.20848 8.6562C6.09733 8.37616 5.70798 7.21818 6.31985 5.66833C6.31985 5.66833 7.26516 5.3695 9.39663 6.82608C10.3092 6.57919 11.2503 6.4536 12.1957 6.45254C13.141 6.45254 14.1046 6.58339 14.9945 6.82608C17.1262 5.3695 18.0715 5.66833 18.0715 5.66833C18.6833 7.21818 18.2938 8.37616 18.1826 8.6562C18.9056 9.4404 19.3319 10.4487 19.3319 11.6812C19.3319 16.0136 16.7185 16.9657 14.216 17.246C14.6239 17.6008 14.9759 18.2729 14.9759 19.3374C14.9759 20.8499 14.9576 22.0638 14.9576 22.4371C14.9576 22.7359 15.1615 23.0909 15.7175 22.9788C20.166 21.4847 23.3728 17.2646 23.3728 12.2788C23.3911 6.04165 18.368 1 12.1957 1Z" fill="#24292F"/>', B = /* @__PURE__ */ S({
-  __name: "GithubIcon",
+import { defineComponent as H, computed as d, createBlock as h, openBlock as c, resolveDynamicComponent as y, normalizeStyle as C, withCtx as b, createElementBlock as x } from "vue";
+import { KUI_ICON_SIZE_50 as l } from "./kong-icons.es1358.js";
+const V = ["aria-hidden"], u = '<path d="M20.0233 9.59753C19.9081 8.76066 19.447 8.03403 18.6152 7.37756L18.1341 7.05183L17.8134 7.53792C17.4025 8.16432 17.197 9.03627 17.2622 9.87315C17.2922 10.1638 17.3874 10.695 17.6831 11.151C17.3874 11.3164 16.8011 11.5369 16.0194 11.5218H1.08595L1.05588 11.6972C0.915565 12.5341 0.915565 15.155 2.59432 17.1645C3.87218 18.6929 5.78146 19.4696 8.27704 19.4696C13.6892 19.4696 17.6881 16.949 19.5673 12.3587C20.304 12.3737 21.8925 12.3637 22.7093 10.7852C22.7294 10.7501 22.7795 10.6549 22.9198 10.3542L23 10.1889L22.544 9.87816C22.0429 9.55243 20.9053 9.42715 20.0233 9.59753ZM13.0277 4H10.7576V6.08968H13.0277V4ZM13.0277 6.51062H10.7576V8.6003H13.0277V6.51062ZM10.3417 6.51062H8.07158V8.6003H10.3417V6.51062ZM7.66066 6.51062H5.39058V8.6003H7.66066V6.51062ZM4.97465 9.02124H2.70457V11.1109H4.97465V9.02124ZM7.66066 9.02124H5.39058V11.1109H7.66066V9.02124ZM10.3417 9.02124H8.07158V11.1109H10.3417V9.02124ZM13.0277 9.02124H10.7576V11.1109H13.0277V9.02124ZM15.7137 9.02124H13.4436V11.1109H15.7137V9.02124Z" fill="#1D63ED"/>', w = /* @__PURE__ */ H({
+  __name: "DockerIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -31,14 +31,14 @@ const N = ["aria-hidden"], u = '<path fill-rule="evenodd" clip-rule="evenodd" d=
     size: {
       type: [Number, String],
       required: !1,
-      default: c,
+      default: l,
       // if setting to the imported const fails, just pass a number of 24 as the default.
       validator: (i) => {
         if (typeof i == "number" && i > 0)
           return !0;
         if (typeof i == "string") {
-          const e = String(i).replace(/px/gi, ""), n = Number(e);
-          if (n && !isNaN(n) && Number.isInteger(n) && n > 0)
+          const e = String(i).replace(/px/gi, ""), r = Number(e);
+          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
             return !0;
         }
         return !1;
@@ -61,28 +61,28 @@ const N = ["aria-hidden"], u = '<path fill-rule="evenodd" clip-rule="evenodd" d=
     }
   },
   setup(i) {
-    const e = i, n = d(() => {
+    const e = i, r = d(() => {
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
-        const r = String(e.size).replace(/px/gi, ""), t = Number(r);
+        const n = String(e.size).replace(/px/gi, ""), t = Number(n);
         if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
           return `${t}px`;
       }
-      return c;
+      return l;
     }), g = d(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
       flexShrink: "0",
-      height: n.value,
+      height: r.value,
       lineHeight: "0",
-      width: n.value,
+      width: r.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), p = (r) => {
-      const t = {}, m = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (s, o) => {
-        const a = `${m}-${o}`;
+    })), p = (n) => {
+      const t = {}, S = Math.random().toString(36).substring(2, 12);
+      return n.replace(/id="([^"]+)"/g, (s, o) => {
+        const a = `${S}-${o}`;
         return t[o] = a, `id="${a}"`;
       }).replace(/#([^\s^")]+)/g, (s, o) => t[o] ? `#${t[o]}` : s);
     }, f = {
@@ -91,18 +91,18 @@ const N = ["aria-hidden"], u = '<path fill-rule="evenodd" clip-rule="evenodd" d=
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, C = (r) => r.replace(/[<>"'&]/g, (t) => f[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${C(e.title)}</title>` : ""}${e.staticIds ? u : p(u)}`;
-    return (r, t) => (l(), h(b(i.as), {
+    }, m = (n) => n.replace(/[<>"'&]/g, (t) => f[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? u : p(u)}`;
+    return (n, t) => (c(), h(y(i.as), {
       "aria-hidden": i.decorative ? "true" : void 0,
-      class: "kui-icon github-icon",
-      "data-testid": "kui-icon-wrapper-github-icon",
-      style: y(g.value),
+      class: "kui-icon docker-icon",
+      "data-testid": "kui-icon-wrapper-docker-icon",
+      style: C(g.value),
       tabindex: i.decorative ? "-1" : void 0
     }, {
-      default: x(() => [
-        (l(), z("svg", {
+      default: b(() => [
+        (c(), x("svg", {
           "aria-hidden": i.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-github-icon",
+          "data-testid": "kui-icon-svg-docker-icon",
           fill: "none",
           height: "100%",
           role: "img",
@@ -110,13 +110,13 @@ const N = ["aria-hidden"], u = '<path fill-rule="evenodd" clip-rule="evenodd" d=
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
           innerHTML: v
-        }, null, 8, N))
+        }, null, 8, V))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  B as default
+  w as default
 };
 //# sourceMappingURL=kong-icons.es508.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es508.js","sources":["../src/components/multi-color/GithubIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * GithubIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 15 May 2025 06:06:15 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /**\n   * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to `true` during snapshot testing.\n   * Defaults to `false`.\n   */\n  staticIds: {\n    type: Boolean,\n    default: false,\n  },\n})\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string | undefined> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n  pointerEvents: props.decorative ? 'none' : undefined,\n}))\n\n/**\n * Prefix all SVG IDs in the given SVG string with a random prefix to ensure uniqueness.\n *\n * This function performs the following steps:\n * 1. Generates a random prefix.\n * 2. Replaces all `id` attributes in the SVG string with the new prefixed IDs.\n * 3. Updates all ID references (e.g., `url(#id)`, `href=\"#id\"`, etc.) to use the new prefixed IDs.\n *\n * @param {string} svgString - The SVG string in which to prefix IDs.\n * @returns {string} - The SVG string with prefixed IDs.\n */\nconst prefixSvgIdsInString = (svgString: string): string => {\n  const idMap: Record<string, string> = {}\n  const randomPrefix = Math.random().toString(36).substring(2, 12)\n\n  // Replace IDs in the SVG string\n  const updatedSvgString = svgString.replace(/id=\"([^\"]+)\"/g, (match, originalId) => {\n    const newId = `${randomPrefix}-${originalId}`\n    idMap[originalId] = newId\n    return `id=\"${newId}\"`\n  })\n\n  // Replace ID references (e.g., url(#id), href=\"#id\", etc.)\n  const processedSvgString = updatedSvgString.replace(/#([^\\s^\")]+)/g, (match, originalId) => idMap[originalId] ? `#${idMap[originalId]}` : match)\n\n  // Return the processed SVG string\n  return processedSvgString\n}\n\nconst htmlEntities: { [key: string]: string } = {\n  '<': '&lt;',\n  '>': '&gt;',\n  '\"': '&quot;',\n  \"'\": '&#39;',\n  '&': '&amp;',\n}\nconst escapeHtml = (str: string) => {\n  return str.replace(/[<>\"'&]/g, (match) => htmlEntities[match])\n}\n\n// The `svgOriginalContent` template string will be replaced with the SVG innerHTML in the generate script.\n// eslint-disable-next-line @stylistic/quotes\nconst svgOriginalContent = `<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.1957 1C6.00475 1 1 6.04165 1 12.2788C1 17.2646 4.20672 21.4849 8.65528 22.9786C9.21147 23.0909 9.41519 22.7359 9.41519 22.4373C9.41519 22.1758 9.39686 21.2796 9.39686 20.3457C6.2825 21.0181 5.63396 19.0012 5.63396 19.0012C5.13346 17.694 4.39188 17.3581 4.39188 17.3581C3.37255 16.6671 4.46613 16.6671 4.46613 16.6671C5.59683 16.7419 6.19015 17.8249 6.19015 17.8249C7.19091 19.5427 8.80355 19.0573 9.45232 18.7585C9.5449 18.0302 9.84167 17.5261 10.1568 17.246C7.67285 16.9845 5.05944 16.0136 5.05944 11.6812C5.05944 10.4487 5.50402 9.4404 6.20848 8.6562C6.09733 8.37616 5.70798 7.21818 6.31985 5.66833C6.31985 5.66833 7.26516 5.3695 9.39663 6.82608C10.3092 6.57919 11.2503 6.4536 12.1957 6.45254C13.141 6.45254 14.1046 6.58339 14.9945 6.82608C17.1262 5.3695 18.0715 5.66833 18.0715 5.66833C18.6833 7.21818 18.2938 8.37616 18.1826 8.6562C18.9056 9.4404 19.3319 10.4487 19.3319 11.6812C19.3319 16.0136 16.7185 16.9657 14.216 17.246C14.6239 17.6008 14.9759 18.2729 14.9759 19.3374C14.9759 20.8499 14.9576 22.0638 14.9576 22.4371C14.9576 22.7359 15.1615 23.0909 15.7175 22.9788C20.166 21.4847 23.3728 17.2646 23.3728 12.2788C23.3911 6.04165 18.368 1 12.1957 1Z\" fill=\"#24292F\"/>`\nconst svgTitleContent = props.title ? `<title data-testid=\"kui-icon-svg-title\">${escapeHtml(props.title)}</title>` : ''\nconst svgProcessedContent = `${svgTitleContent}${!props.staticIds ? prefixSvgIdsInString(svgOriginalContent) : svgOriginalContent}`\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon github-icon\"\n    data-testid=\"kui-icon-wrapper-github-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-github-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      v-html=\"svgProcessedContent\"\n    />\n  </component>\n</template>\n\n<style>\n/**\n * !Important: Do not add styles into this component file.\n *\n * We are adding styles inline to avoid additional stylesheet imports in the consuming application/component.\n */\n</style>\n"],"names":["svgOriginalContent","props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIdsInString","svgString","idMap","randomPrefix","match","originalId","newId","htmlEntities","escapeHtml","str","svgProcessedContent"],"mappings":";;2BAyJMA,IAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA5I3B,UAAMC,IAAQC,GAgERC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MACtB;AAIK,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA2C;AAAA,MAC5E,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,MAChB,eAAeF,EAAM,aAAa,SAAS;AAAA,IAAA,EAC3C,GAaIQ,IAAuB,CAACC,MAA8B;AAC1D,YAAMC,IAAgC,CAAC,GACjCC,IAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE;AAaxD,aAVkBF,EAAU,QAAQ,iBAAiB,CAACG,GAAOC,MAAe;AACjF,cAAMC,IAAQ,GAAGH,CAAY,IAAIE,CAAU;AAC3C,eAAAH,EAAMG,CAAU,IAAIC,GACb,OAAOA,CAAK;AAAA,MAAA,CACpB,EAG2C,QAAQ,iBAAiB,CAACF,GAAOC,MAAeH,EAAMG,CAAU,IAAI,IAAIH,EAAMG,CAAU,CAAC,KAAKD,CAAK;AAAA,IAIjJ,GAEMG,IAA0C;AAAA,MAC9C,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IACP,GACMC,IAAa,CAACC,MACXA,EAAI,QAAQ,YAAY,CAACL,MAAUG,EAAaH,CAAK,CAAC,GAOzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es508.js","sources":["../src/components/multi-color/DockerIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * DockerIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 15 May 2025 19:30:45 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /**\n   * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to `true` during snapshot testing.\n   * Defaults to `false`.\n   */\n  staticIds: {\n    type: Boolean,\n    default: false,\n  },\n})\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string | undefined> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n  pointerEvents: props.decorative ? 'none' : undefined,\n}))\n\n/**\n * Prefix all SVG IDs in the given SVG string with a random prefix to ensure uniqueness.\n *\n * This function performs the following steps:\n * 1. Generates a random prefix.\n * 2. Replaces all `id` attributes in the SVG string with the new prefixed IDs.\n * 3. Updates all ID references (e.g., `url(#id)`, `href=\"#id\"`, etc.) to use the new prefixed IDs.\n *\n * @param {string} svgString - The SVG string in which to prefix IDs.\n * @returns {string} - The SVG string with prefixed IDs.\n */\nconst prefixSvgIdsInString = (svgString: string): string => {\n  const idMap: Record<string, string> = {}\n  const randomPrefix = Math.random().toString(36).substring(2, 12)\n\n  // Replace IDs in the SVG string\n  const updatedSvgString = svgString.replace(/id=\"([^\"]+)\"/g, (match, originalId) => {\n    const newId = `${randomPrefix}-${originalId}`\n    idMap[originalId] = newId\n    return `id=\"${newId}\"`\n  })\n\n  // Replace ID references (e.g., url(#id), href=\"#id\", etc.)\n  const processedSvgString = updatedSvgString.replace(/#([^\\s^\")]+)/g, (match, originalId) => idMap[originalId] ? `#${idMap[originalId]}` : match)\n\n  // Return the processed SVG string\n  return processedSvgString\n}\n\nconst htmlEntities: { [key: string]: string } = {\n  '<': '&lt;',\n  '>': '&gt;',\n  '\"': '&quot;',\n  \"'\": '&#39;',\n  '&': '&amp;',\n}\nconst escapeHtml = (str: string) => {\n  return str.replace(/[<>\"'&]/g, (match) => htmlEntities[match])\n}\n\n// The `svgOriginalContent` template string will be replaced with the SVG innerHTML in the generate script.\n// eslint-disable-next-line @stylistic/quotes\nconst svgOriginalContent = `<path d=\"M20.0233 9.59753C19.9081 8.76066 19.447 8.03403 18.6152 7.37756L18.1341 7.05183L17.8134 7.53792C17.4025 8.16432 17.197 9.03627 17.2622 9.87315C17.2922 10.1638 17.3874 10.695 17.6831 11.151C17.3874 11.3164 16.8011 11.5369 16.0194 11.5218H1.08595L1.05588 11.6972C0.915565 12.5341 0.915565 15.155 2.59432 17.1645C3.87218 18.6929 5.78146 19.4696 8.27704 19.4696C13.6892 19.4696 17.6881 16.949 19.5673 12.3587C20.304 12.3737 21.8925 12.3637 22.7093 10.7852C22.7294 10.7501 22.7795 10.6549 22.9198 10.3542L23 10.1889L22.544 9.87816C22.0429 9.55243 20.9053 9.42715 20.0233 9.59753ZM13.0277 4H10.7576V6.08968H13.0277V4ZM13.0277 6.51062H10.7576V8.6003H13.0277V6.51062ZM10.3417 6.51062H8.07158V8.6003H10.3417V6.51062ZM7.66066 6.51062H5.39058V8.6003H7.66066V6.51062ZM4.97465 9.02124H2.70457V11.1109H4.97465V9.02124ZM7.66066 9.02124H5.39058V11.1109H7.66066V9.02124ZM10.3417 9.02124H8.07158V11.1109H10.3417V9.02124ZM13.0277 9.02124H10.7576V11.1109H13.0277V9.02124ZM15.7137 9.02124H13.4436V11.1109H15.7137V9.02124Z\" fill=\"#1D63ED\"/>`\nconst svgTitleContent = props.title ? `<title data-testid=\"kui-icon-svg-title\">${escapeHtml(props.title)}</title>` : ''\nconst svgProcessedContent = `${svgTitleContent}${!props.staticIds ? prefixSvgIdsInString(svgOriginalContent) : svgOriginalContent}`\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon docker-icon\"\n    data-testid=\"kui-icon-wrapper-docker-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-docker-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      v-html=\"svgProcessedContent\"\n    />\n  </component>\n</template>\n\n<style>\n/**\n * !Important: Do not add styles into this component file.\n *\n * We are adding styles inline to avoid additional stylesheet imports in the consuming application/component.\n */\n</style>\n"],"names":["svgOriginalContent","props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIdsInString","svgString","idMap","randomPrefix","match","originalId","newId","htmlEntities","escapeHtml","str","svgProcessedContent"],"mappings":";;2BAyJMA,IAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA5I3B,UAAMC,IAAQC,GAgERC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MACtB;AAIK,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA2C;AAAA,MAC5E,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,MAChB,eAAeF,EAAM,aAAa,SAAS;AAAA,IAAA,EAC3C,GAaIQ,IAAuB,CAACC,MAA8B;AAC1D,YAAMC,IAAgC,CAAC,GACjCC,IAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE;AAaxD,aAVkBF,EAAU,QAAQ,iBAAiB,CAACG,GAAOC,MAAe;AACjF,cAAMC,IAAQ,GAAGH,CAAY,IAAIE,CAAU;AAC3C,eAAAH,EAAMG,CAAU,IAAIC,GACb,OAAOA,CAAK;AAAA,MAAA,CACpB,EAG2C,QAAQ,iBAAiB,CAACF,GAAOC,MAAeH,EAAMG,CAAU,IAAI,IAAIH,EAAMG,CAAU,CAAC,KAAKD,CAAK;AAAA,IAIjJ,GAEMG,IAA0C;AAAA,MAC9C,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IACP,GACMC,IAAa,CAACC,MACXA,EAAI,QAAQ,YAAY,CAACL,MAAUG,EAAaH,CAAK,CAAC,GAOzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}