@kong/icons 1.24.1-pr.602.321bcf3.0 → 1.25.1-pr.604.3bf1b64.0

package/dist/kong-icons.es504.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.es1316.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 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.es1319.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: {
@@ -38,14 +31,14 @@ 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)
           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;
@@ -68,27 +61,27 @@ 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, 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;
-    }), p = l(() => ({
+      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
-    })), g = (r) => {
+    })), p = (n) => {
       const t = {}, S = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (s, o) => {
+      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);
@@ -98,18 +91,18 @@ const N = ["aria-hidden"], u = `<path d="M12 22C11.6188 19.4841 10.4425 17.1561
       '"': "&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), {
+    }, 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 gemini-icon",
-      "data-testid": "kui-icon-wrapper-gemini-icon",
-      style: x(p.value),
+      class: "kui-icon docker-icon",
+      "data-testid": "kui-icon-wrapper-docker-icon",
+      style: C(g.value),
       tabindex: i.decorative ? "-1" : void 0
     }, {
       default: b(() => [
-        (d(), z("svg", {
+        (c(), x("svg", {
           "aria-hidden": i.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-gemini-icon",
+          "data-testid": "kui-icon-svg-docker-icon",
           fill: "none",
           height: "100%",
           role: "img",
@@ -117,13 +110,13 @@ const N = ["aria-hidden"], u = `<path d="M12 22C11.6188 19.4841 10.4425 17.1561
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
           innerHTML: v
-        }, null, 8, N))
+        }, null, 8, V))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  q as default
+  w 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/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 Mon, 21 Apr 2025 17:02:46 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.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 Tue, 22 Apr 2025 15:30:59 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;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es506.js

@@ -1,7 +1,14 @@
-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.es1316.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 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.es1319.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",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -61,7 +68,7 @@ const N = ["aria-hidden"], u = '<path fill-rule="evenodd" clip-rule="evenodd" d=
     }
   },
   setup(i) {
-    const e = i, n = d(() => {
+    const e = i, n = l(() => {
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
@@ -70,7 +77,7 @@ const N = ["aria-hidden"], u = '<path fill-rule="evenodd" clip-rule="evenodd" d=
           return `${t}px`;
       }
       return c;
-    }), g = d(() => ({
+    }), p = l(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
@@ -79,10 +86,10 @@ const N = ["aria-hidden"], u = '<path fill-rule="evenodd" clip-rule="evenodd" d=
       lineHeight: "0",
       width: n.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), p = (r) => {
-      const t = {}, m = Math.random().toString(36).substring(2, 12);
+    })), g = (r) => {
+      const t = {}, S = Math.random().toString(36).substring(2, 12);
       return r.replace(/id="([^"]+)"/g, (s, o) => {
-        const a = `${m}-${o}`;
+        const a = `${S}-${o}`;
         return t[o] = a, `id="${a}"`;
       }).replace(/#([^\s^")]+)/g, (s, o) => t[o] ? `#${t[o]}` : s);
     }, f = {
@@ -91,18 +98,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 = (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), {
       "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 gemini-icon",
+      "data-testid": "kui-icon-wrapper-gemini-icon",
+      style: x(p.value),
       tabindex: i.decorative ? "-1" : void 0
     }, {
-      default: x(() => [
-        (l(), z("svg", {
+      default: b(() => [
+        (d(), z("svg", {
           "aria-hidden": i.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-github-icon",
+          "data-testid": "kui-icon-svg-gemini-icon",
           fill: "none",
           height: "100%",
           role: "img",
@@ -117,6 +124,6 @@ const N = ["aria-hidden"], u = '<path fill-rule="evenodd" clip-rule="evenodd" d=
   }
 });
 export {
-  B as default
+  q 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/GithubIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * GithubIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 21 Apr 2025 17:02:46 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.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 Tue, 22 Apr 2025 15:30:59 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;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es508.js

@@ -1,10 +1,7 @@
-import { defineComponent as S, computed as l, createBlock as h, openBlock as d, resolveDynamicComponent as y, normalizeStyle as b, withCtx as x, createElementBlock as z } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1316.js";
-const L = ["aria-hidden"], u = `<path d="M14.6907 8.5684H15.3007L17.0392 6.77648L17.1246 6.0157C16.1287 5.10965 14.9251 4.48026 13.6276 4.18696C12.33 3.89366 10.9813 3.94615 9.70894 4.33947C8.43655 4.73279 7.28244 5.45395 6.35563 6.43483C5.42883 7.41571 4.75992 8.62392 4.41211 9.94534C4.60579 9.86352 4.82033 9.85025 5.02212 9.90762L8.49915 9.3166C8.49915 9.3166 8.67605 9.0148 8.76755 9.03367C9.51257 8.19031 10.5422 7.67237 11.6456 7.58588C12.749 7.49938 13.8427 7.85088 14.7029 8.5684H14.6907Z" fill="#EA4335"/>
-<path d="M19.5162 9.94508C19.1166 8.42833 18.2962 7.06478 17.1555 6.02173L14.7155 8.5367C15.224 8.96498 15.6315 9.50669 15.9073 10.121C16.1831 10.7352 16.32 11.4061 16.3076 12.0828V12.5292C16.5928 12.5292 16.8752 12.5871 17.1386 12.6996C17.4021 12.8121 17.6415 12.977 17.8432 13.1848C18.0448 13.3927 18.2048 13.6394 18.3139 13.911C18.423 14.1825 18.4792 14.4736 18.4792 14.7675C18.4792 15.0615 18.423 15.3525 18.3139 15.6241C18.2048 15.8957 18.0448 16.1424 17.8432 16.3503C17.6415 16.5581 17.4021 16.723 17.1386 16.8355C16.8752 16.948 16.5928 17.0059 16.3076 17.0059H11.9644L11.5312 17.4586V20.1433L11.9644 20.5897H16.3076C17.5204 20.5994 18.7041 20.2065 19.6835 19.4691C20.6629 18.7317 21.386 17.689 21.7459 16.4952C22.1057 15.3013 22.0832 14.0198 21.6817 12.8402C21.2801 11.6606 20.5209 10.6455 19.5162 9.94508Z" fill="#4285F4"/>
-<path d="M7.61501 20.5646H11.9583V16.9807H7.61501C7.30557 16.9807 6.99977 16.9121 6.7183 16.7795L6.1083 16.9745L4.35758 18.7664L4.20508 19.3951C5.18684 20.1592 6.3848 20.5701 7.61501 20.5646Z" fill="#34A853"/>
-<path d="M7.61491 8.93912C6.4381 8.94637 5.29287 9.33228 4.33918 10.0429C3.38548 10.7536 2.67095 11.7536 2.29538 12.9031C1.91981 14.0527 1.90195 15.2944 2.24431 16.4549C2.58667 17.6154 3.27214 18.6368 4.20498 19.3763L6.7243 16.7795C6.40415 16.6305 6.12387 16.4035 5.90751 16.1183C5.69114 15.833 5.54516 15.4978 5.48208 15.1416C5.41901 14.7854 5.44072 14.4187 5.54536 14.0731C5.64999 13.7274 5.83443 13.4131 6.08285 13.157C6.33126 12.901 6.63624 12.7109 6.97161 12.603C7.30697 12.4952 7.66272 12.4728 8.00832 12.5378C8.35393 12.6028 8.67907 12.7533 8.95585 12.9763C9.23263 13.1993 9.45279 13.4882 9.59743 13.8182L12.1168 11.2215C11.588 10.5089 10.9064 9.93216 10.1255 9.53622C9.34449 9.14029 8.48524 8.93593 7.61491 8.93912Z" fill="#FBBC05"/>`, $ = /* @__PURE__ */ S({
-  __name: "GoogleCloudIcon",
+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.es1319.js";
+const N = ["aria-hidden"], u = '<path fill-rule="evenodd" clip-rule="evenodd" d="M12.1957 1C6.00475 1 1 6.04165 1 12.2788C1 17.2646 4.20672 21.4849 8.65528 22.9786C9.21147 23.0909 9.41519 22.7359 9.41519 22.4373C9.41519 22.1758 9.39686 21.2796 9.39686 20.3457C6.2825 21.0181 5.63396 19.0012 5.63396 19.0012C5.13346 17.694 4.39188 17.3581 4.39188 17.3581C3.37255 16.6671 4.46613 16.6671 4.46613 16.6671C5.59683 16.7419 6.19015 17.8249 6.19015 17.8249C7.19091 19.5427 8.80355 19.0573 9.45232 18.7585C9.5449 18.0302 9.84167 17.5261 10.1568 17.246C7.67285 16.9845 5.05944 16.0136 5.05944 11.6812C5.05944 10.4487 5.50402 9.4404 6.20848 8.6562C6.09733 8.37616 5.70798 7.21818 6.31985 5.66833C6.31985 5.66833 7.26516 5.3695 9.39663 6.82608C10.3092 6.57919 11.2503 6.4536 12.1957 6.45254C13.141 6.45254 14.1046 6.58339 14.9945 6.82608C17.1262 5.3695 18.0715 5.66833 18.0715 5.66833C18.6833 7.21818 18.2938 8.37616 18.1826 8.6562C18.9056 9.4404 19.3319 10.4487 19.3319 11.6812C19.3319 16.0136 16.7185 16.9657 14.216 17.246C14.6239 17.6008 14.9759 18.2729 14.9759 19.3374C14.9759 20.8499 14.9576 22.0638 14.9576 22.4371C14.9576 22.7359 15.1615 23.0909 15.7175 22.9788C20.166 21.4847 23.3728 17.2646 23.3728 12.2788C23.3911 6.04165 18.368 1 12.1957 1Z" fill="#24292F"/>', B = /* @__PURE__ */ S({
+  __name: "GithubIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -64,7 +61,7 @@ const L = ["aria-hidden"], u = `<path d="M14.6907 8.5684H15.3007L17.0392 6.77648
     }
   },
   setup(i) {
-    const e = i, n = l(() => {
+    const e = i, n = d(() => {
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
@@ -73,7 +70,7 @@ const L = ["aria-hidden"], u = `<path d="M14.6907 8.5684H15.3007L17.0392 6.77648
           return `${t}px`;
       }
       return c;
-    }), C = l(() => ({
+    }), g = d(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
@@ -82,44 +79,44 @@ const L = ["aria-hidden"], u = `<path d="M14.6907 8.5684H15.3007L17.0392 6.77648
       lineHeight: "0",
       width: n.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), g = (r) => {
-      const t = {}, v = Math.random().toString(36).substring(2, 12);
+    })), p = (r) => {
+      const t = {}, m = Math.random().toString(36).substring(2, 12);
       return r.replace(/id="([^"]+)"/g, (s, o) => {
-        const a = `${v}-${o}`;
+        const a = `${m}-${o}`;
         return t[o] = a, `id="${a}"`;
       }).replace(/#([^\s^")]+)/g, (s, o) => t[o] ? `#${t[o]}` : s);
-    }, p = {
+    }, f = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, f = (r) => r.replace(/[<>"'&]/g, (t) => p[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${f(e.title)}</title>` : ""}${e.staticIds ? u : g(u)}`;
-    return (r, t) => (d(), h(y(i.as), {
+    }, C = (r) => r.replace(/[<>"'&]/g, (t) => f[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${C(e.title)}</title>` : ""}${e.staticIds ? u : p(u)}`;
+    return (r, t) => (l(), h(b(i.as), {
       "aria-hidden": i.decorative ? "true" : void 0,
-      class: "kui-icon google-cloud-icon",
-      "data-testid": "kui-icon-wrapper-google-cloud-icon",
-      style: b(C.value),
+      class: "kui-icon github-icon",
+      "data-testid": "kui-icon-wrapper-github-icon",
+      style: y(g.value),
       tabindex: i.decorative ? "-1" : void 0
     }, {
       default: x(() => [
-        (d(), z("svg", {
+        (l(), z("svg", {
           "aria-hidden": i.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-google-cloud-icon",
+          "data-testid": "kui-icon-svg-github-icon",
           fill: "none",
           height: "100%",
           role: "img",
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: m
-        }, null, 8, L))
+          innerHTML: v
+        }, null, 8, N))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  $ as default
+  B 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/GoogleCloudIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * GoogleCloudIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 21 Apr 2025 17:02:46 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /**\n   * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to `true` during snapshot testing.\n   * Defaults to `false`.\n   */\n  staticIds: {\n    type: Boolean,\n    default: false,\n  },\n})\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string | undefined> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n  pointerEvents: props.decorative ? 'none' : undefined,\n}))\n\n/**\n * Prefix all SVG IDs in the given SVG string with a random prefix to ensure uniqueness.\n *\n * This function performs the following steps:\n * 1. Generates a random prefix.\n * 2. Replaces all `id` attributes in the SVG string with the new prefixed IDs.\n * 3. Updates all ID references (e.g., `url(#id)`, `href=\"#id\"`, etc.) to use the new prefixed IDs.\n *\n * @param {string} svgString - The SVG string in which to prefix IDs.\n * @returns {string} - The SVG string with prefixed IDs.\n */\nconst prefixSvgIdsInString = (svgString: string): string => {\n  const idMap: Record<string, string> = {}\n  const randomPrefix = Math.random().toString(36).substring(2, 12)\n\n  // Replace IDs in the SVG string\n  const updatedSvgString = svgString.replace(/id=\"([^\"]+)\"/g, (match, originalId) => {\n    const newId = `${randomPrefix}-${originalId}`\n    idMap[originalId] = newId\n    return `id=\"${newId}\"`\n  })\n\n  // Replace ID references (e.g., url(#id), href=\"#id\", etc.)\n  const processedSvgString = updatedSvgString.replace(/#([^\\s^\")]+)/g, (match, originalId) => idMap[originalId] ? `#${idMap[originalId]}` : match)\n\n  // Return the processed SVG string\n  return processedSvgString\n}\n\nconst htmlEntities: { [key: string]: string } = {\n  '<': '&lt;',\n  '>': '&gt;',\n  '\"': '&quot;',\n  \"'\": '&#39;',\n  '&': '&amp;',\n}\nconst escapeHtml = (str: string) => {\n  return str.replace(/[<>\"'&]/g, (match) => htmlEntities[match])\n}\n\n// The `svgOriginalContent` template string will be replaced with the SVG innerHTML in the generate script.\n\nconst svgOriginalContent = `<path d=\"M14.6907 8.5684H15.3007L17.0392 6.77648L17.1246 6.0157C16.1287 5.10965 14.9251 4.48026 13.6276 4.18696C12.33 3.89366 10.9813 3.94615 9.70894 4.33947C8.43655 4.73279 7.28244 5.45395 6.35563 6.43483C5.42883 7.41571 4.75992 8.62392 4.41211 9.94534C4.60579 9.86352 4.82033 9.85025 5.02212 9.90762L8.49915 9.3166C8.49915 9.3166 8.67605 9.0148 8.76755 9.03367C9.51257 8.19031 10.5422 7.67237 11.6456 7.58588C12.749 7.49938 13.8427 7.85088 14.7029 8.5684H14.6907Z\" fill=\"#EA4335\"/>\n<path d=\"M19.5162 9.94508C19.1166 8.42833 18.2962 7.06478 17.1555 6.02173L14.7155 8.5367C15.224 8.96498 15.6315 9.50669 15.9073 10.121C16.1831 10.7352 16.32 11.4061 16.3076 12.0828V12.5292C16.5928 12.5292 16.8752 12.5871 17.1386 12.6996C17.4021 12.8121 17.6415 12.977 17.8432 13.1848C18.0448 13.3927 18.2048 13.6394 18.3139 13.911C18.423 14.1825 18.4792 14.4736 18.4792 14.7675C18.4792 15.0615 18.423 15.3525 18.3139 15.6241C18.2048 15.8957 18.0448 16.1424 17.8432 16.3503C17.6415 16.5581 17.4021 16.723 17.1386 16.8355C16.8752 16.948 16.5928 17.0059 16.3076 17.0059H11.9644L11.5312 17.4586V20.1433L11.9644 20.5897H16.3076C17.5204 20.5994 18.7041 20.2065 19.6835 19.4691C20.6629 18.7317 21.386 17.689 21.7459 16.4952C22.1057 15.3013 22.0832 14.0198 21.6817 12.8402C21.2801 11.6606 20.5209 10.6455 19.5162 9.94508Z\" fill=\"#4285F4\"/>\n<path d=\"M7.61501 20.5646H11.9583V16.9807H7.61501C7.30557 16.9807 6.99977 16.9121 6.7183 16.7795L6.1083 16.9745L4.35758 18.7664L4.20508 19.3951C5.18684 20.1592 6.3848 20.5701 7.61501 20.5646Z\" fill=\"#34A853\"/>\n<path d=\"M7.61491 8.93912C6.4381 8.94637 5.29287 9.33228 4.33918 10.0429C3.38548 10.7536 2.67095 11.7536 2.29538 12.9031C1.91981 14.0527 1.90195 15.2944 2.24431 16.4549C2.58667 17.6154 3.27214 18.6368 4.20498 19.3763L6.7243 16.7795C6.40415 16.6305 6.12387 16.4035 5.90751 16.1183C5.69114 15.833 5.54516 15.4978 5.48208 15.1416C5.41901 14.7854 5.44072 14.4187 5.54536 14.0731C5.64999 13.7274 5.83443 13.4131 6.08285 13.157C6.33126 12.901 6.63624 12.7109 6.97161 12.603C7.30697 12.4952 7.66272 12.4728 8.00832 12.5378C8.35393 12.6028 8.67907 12.7533 8.95585 12.9763C9.23263 13.1993 9.45279 13.4882 9.59743 13.8182L12.1168 11.2215C11.588 10.5089 10.9064 9.93216 10.1255 9.53622C9.34449 9.14029 8.48524 8.93593 7.61491 8.93912Z\" fill=\"#FBBC05\"/>`\nconst svgTitleContent = props.title ? `<title data-testid=\"kui-icon-svg-title\">${escapeHtml(props.title)}</title>` : ''\nconst svgProcessedContent = `${svgTitleContent}${!props.staticIds ? prefixSvgIdsInString(svgOriginalContent) : svgOriginalContent}`\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon google-cloud-icon\"\n    data-testid=\"kui-icon-wrapper-google-cloud-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-google-cloud-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      v-html=\"svgProcessedContent\"\n    />\n  </component>\n</template>\n\n<style>\n/**\n * !Important: Do not add styles into this component file.\n *\n * We are adding styles inline to avoid additional stylesheet imports in the consuming application/component.\n */\n</style>\n"],"names":["svgOriginalContent","props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIdsInString","svgString","idMap","randomPrefix","match","originalId","newId","htmlEntities","escapeHtml","str","svgProcessedContent"],"mappings":";;2BAyJMA,IAAqB;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA5I3B,UAAMC,IAAQC,GAgERC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,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,GAUzDM,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/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 Tue, 22 Apr 2025 15:30:59 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;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es510.js

@@ -1,10 +1,10 @@
-import { defineComponent as C, computed as s, createBlock as h, openBlock as a, resolveDynamicComponent as y, normalizeStyle as b, withCtx as x, createElementBlock as z } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1316.js";
-const N = ["aria-hidden"], u = `<path fill-rule="evenodd" clip-rule="evenodd" d="M21.2379 12.2828C21.2379 11.5966 21.1763 10.9368 21.062 10.3034H11.9482V14.0466H17.1561C16.9318 15.2562 16.25 16.281 15.2251 16.9672V19.3952H18.3525C20.1823 17.7106 21.2379 15.2298 21.2379 12.2828Z" fill="#4285F4"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9483 21.7397C14.561 21.7397 16.7515 20.8731 18.3525 19.3952L15.2252 16.9673C14.3587 17.5478 13.2503 17.891 11.9483 17.891C9.42791 17.891 7.29463 16.1887 6.53369 13.9015H3.30078V16.4086C4.89305 19.5712 8.16556 21.7397 11.9483 21.7397Z" fill="#34A853"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M6.53366 13.9014C6.34013 13.3208 6.23016 12.7006 6.23016 12.0628C6.23016 11.4251 6.34013 10.8048 6.53366 10.2243V7.7171H3.30074C2.64536 9.02346 2.27148 10.5014 2.27148 12.0628C2.27148 13.6243 2.64536 15.1022 3.30074 16.4086L6.53366 13.9014Z" fill="#FBBC05"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9483 6.23476C13.369 6.23476 14.6446 6.723 15.6475 7.68189L18.4229 4.90641C16.7471 3.34493 14.5566 2.38605 11.9483 2.38605C8.16556 2.38605 4.89305 4.55452 3.30078 7.71705L6.53369 10.2242C7.29463 7.937 9.42791 6.23476 11.9483 6.23476Z" fill="#EA4335"/>`, H = /* @__PURE__ */ C({
-  __name: "GoogleIcon",
+import { defineComponent as S, computed as l, createBlock as h, openBlock as d, resolveDynamicComponent as y, normalizeStyle as b, withCtx as x, createElementBlock as z } from "vue";
+import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1319.js";
+const L = ["aria-hidden"], u = `<path d="M14.6907 8.5684H15.3007L17.0392 6.77648L17.1246 6.0157C16.1287 5.10965 14.9251 4.48026 13.6276 4.18696C12.33 3.89366 10.9813 3.94615 9.70894 4.33947C8.43655 4.73279 7.28244 5.45395 6.35563 6.43483C5.42883 7.41571 4.75992 8.62392 4.41211 9.94534C4.60579 9.86352 4.82033 9.85025 5.02212 9.90762L8.49915 9.3166C8.49915 9.3166 8.67605 9.0148 8.76755 9.03367C9.51257 8.19031 10.5422 7.67237 11.6456 7.58588C12.749 7.49938 13.8427 7.85088 14.7029 8.5684H14.6907Z" fill="#EA4335"/>
+<path d="M19.5162 9.94508C19.1166 8.42833 18.2962 7.06478 17.1555 6.02173L14.7155 8.5367C15.224 8.96498 15.6315 9.50669 15.9073 10.121C16.1831 10.7352 16.32 11.4061 16.3076 12.0828V12.5292C16.5928 12.5292 16.8752 12.5871 17.1386 12.6996C17.4021 12.8121 17.6415 12.977 17.8432 13.1848C18.0448 13.3927 18.2048 13.6394 18.3139 13.911C18.423 14.1825 18.4792 14.4736 18.4792 14.7675C18.4792 15.0615 18.423 15.3525 18.3139 15.6241C18.2048 15.8957 18.0448 16.1424 17.8432 16.3503C17.6415 16.5581 17.4021 16.723 17.1386 16.8355C16.8752 16.948 16.5928 17.0059 16.3076 17.0059H11.9644L11.5312 17.4586V20.1433L11.9644 20.5897H16.3076C17.5204 20.5994 18.7041 20.2065 19.6835 19.4691C20.6629 18.7317 21.386 17.689 21.7459 16.4952C22.1057 15.3013 22.0832 14.0198 21.6817 12.8402C21.2801 11.6606 20.5209 10.6455 19.5162 9.94508Z" fill="#4285F4"/>
+<path d="M7.61501 20.5646H11.9583V16.9807H7.61501C7.30557 16.9807 6.99977 16.9121 6.7183 16.7795L6.1083 16.9745L4.35758 18.7664L4.20508 19.3951C5.18684 20.1592 6.3848 20.5701 7.61501 20.5646Z" fill="#34A853"/>
+<path d="M7.61491 8.93912C6.4381 8.94637 5.29287 9.33228 4.33918 10.0429C3.38548 10.7536 2.67095 11.7536 2.29538 12.9031C1.91981 14.0527 1.90195 15.2944 2.24431 16.4549C2.58667 17.6154 3.27214 18.6368 4.20498 19.3763L6.7243 16.7795C6.40415 16.6305 6.12387 16.4035 5.90751 16.1183C5.69114 15.833 5.54516 15.4978 5.48208 15.1416C5.41901 14.7854 5.44072 14.4187 5.54536 14.0731C5.64999 13.7274 5.83443 13.4131 6.08285 13.157C6.33126 12.901 6.63624 12.7109 6.97161 12.603C7.30697 12.4952 7.66272 12.4728 8.00832 12.5378C8.35393 12.6028 8.67907 12.7533 8.95585 12.9763C9.23263 13.1993 9.45279 13.4882 9.59743 13.8182L12.1168 11.2215C11.588 10.5089 10.9064 9.93216 10.1255 9.53622C9.34449 9.14029 8.48524 8.93593 7.61491 8.93912Z" fill="#FBBC05"/>`, $ = /* @__PURE__ */ S({
+  __name: "GoogleCloudIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -64,7 +64,7 @@ const N = ["aria-hidden"], u = `<path fill-rule="evenodd" clip-rule="evenodd" d=
     }
   },
   setup(i) {
-    const e = i, n = s(() => {
+    const e = i, n = l(() => {
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
@@ -73,7 +73,7 @@ const N = ["aria-hidden"], u = `<path fill-rule="evenodd" clip-rule="evenodd" d=
           return `${t}px`;
       }
       return c;
-    }), g = s(() => ({
+    }), C = l(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
@@ -82,30 +82,30 @@ const N = ["aria-hidden"], u = `<path fill-rule="evenodd" clip-rule="evenodd" d=
       lineHeight: "0",
       width: n.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), p = (r) => {
-      const t = {}, S = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (l, o) => {
-        const d = `${S}-${o}`;
-        return t[o] = d, `id="${d}"`;
-      }).replace(/#([^\s^")]+)/g, (l, o) => t[o] ? `#${t[o]}` : l);
-    }, f = {
+    })), g = (r) => {
+      const t = {}, v = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (s, o) => {
+        const a = `${v}-${o}`;
+        return t[o] = a, `id="${a}"`;
+      }).replace(/#([^\s^")]+)/g, (s, o) => t[o] ? `#${t[o]}` : s);
+    }, p = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, v = (r) => r.replace(/[<>"'&]/g, (t) => f[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${v(e.title)}</title>` : ""}${e.staticIds ? u : p(u)}`;
-    return (r, t) => (a(), h(y(i.as), {
+    }, f = (r) => r.replace(/[<>"'&]/g, (t) => p[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${f(e.title)}</title>` : ""}${e.staticIds ? u : g(u)}`;
+    return (r, t) => (d(), h(y(i.as), {
       "aria-hidden": i.decorative ? "true" : void 0,
-      class: "kui-icon google-icon",
-      "data-testid": "kui-icon-wrapper-google-icon",
-      style: b(g.value),
+      class: "kui-icon google-cloud-icon",
+      "data-testid": "kui-icon-wrapper-google-cloud-icon",
+      style: b(C.value),
       tabindex: i.decorative ? "-1" : void 0
     }, {
       default: x(() => [
-        (a(), z("svg", {
+        (d(), z("svg", {
           "aria-hidden": i.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-google-icon",
+          "data-testid": "kui-icon-svg-google-cloud-icon",
           fill: "none",
           height: "100%",
           role: "img",
@@ -113,13 +113,13 @@ const N = ["aria-hidden"], u = `<path fill-rule="evenodd" clip-rule="evenodd" d=
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
           innerHTML: m
-        }, null, 8, N))
+        }, null, 8, L))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  H as default
+  $ as default
 };
 //# sourceMappingURL=kong-icons.es510.js.map