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

package/dist/kong-icons.es548.js

@@ -1,7 +1,13 @@
-import { defineComponent as h, computed as d, createBlock as y, openBlock as l, resolveDynamicComponent as w, normalizeStyle as b, withCtx as x, createElementBlock as z } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1358.js";
-const N = ["aria-hidden"], u = '<path d="M1 4.15006L9.99656 2.91523V11.6094H1M11.0802 2.73883L23 1V11.5338H11.0802M1 12.5267H9.99656V21.246L1 19.986M11.0802 12.6426H23V23.0756L11.0802 21.3872" fill="#0078D6"/>', H = /* @__PURE__ */ h({
-  __name: "WindowsIcon",
+import { defineComponent as S, computed as d, createBlock as y, openBlock as l, resolveDynamicComponent as h, 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="M7.5 6C7.08333 6 6.72917 6.14583 6.4375 6.4375C6.14583 6.72917 6 7.08333 6 7.5C6 7.91667 6.14583 8.27083 6.4375 8.5625C6.72917 8.85417 7.08333 9 7.5 9C7.91667 9 8.27083 8.85417 8.5625 8.5625C8.85417 8.27083 9 7.91667 9 7.5C9 7.08333 8.85417 6.72917 8.5625 6.4375C8.27083 6.14583 7.91667 6 7.5 6ZM7.5 16C7.08333 16 6.72917 16.1458 6.4375 16.4375C6.14583 16.7292 6 17.0833 6 17.5C6 17.9167 6.14583 18.2708 6.4375 18.5625C6.72917 18.8542 7.08333 19 7.5 19C7.91667 19 8.27083 18.8542 8.5625 18.5625C8.85417 18.2708 9 17.9167 9 17.5C9 17.0833 8.85417 16.7292 8.5625 16.4375C8.27083 16.1458 7.91667 16 7.5 16ZM4 3H20C20.2833 3 20.5208 3.09583 20.7125 3.2875C20.9042 3.47917 21 3.71667 21 4V11C21 11.2833 20.9042 11.5208 20.7125 11.7125C20.5208 11.9042 20.2833 12 20 12H4C3.71667 12 3.47917 11.9042 3.2875 11.7125C3.09583 11.5208 3 11.2833 3 11V4C3 3.71667 3.09583 3.47917 3.2875 3.2875C3.47917 3.09583 3.71667 3 4 3ZM5 5V10H19V5H5ZM4 13H20C20.2833 13 20.5208 13.0958 20.7125 13.2875C20.9042 13.4792 21 13.7167 21 14V21C21 21.2833 20.9042 21.5208 20.7125 21.7125C20.5208 21.9042 20.2833 22 20 22H4C3.71667 22 3.47917 21.9042 3.2875 21.7125C3.09583 21.5208 3 21.2833 3 21V14C3 13.7167 3.09583 13.4792 3.2875 13.2875C3.47917 13.0958 3.71667 13 4 13ZM5 15V20H19V15H5Z" fill="url(#paint0_linear_2107_23106)"/>
+<defs>
+<linearGradient id="paint0_linear_2107_23106" x1="21.0026" y1="3.00603" x2="0.624999" y2="18.968" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0044F4"/>
+<stop offset="1" stop-color="#00D6A4"/>
+</linearGradient>
+</defs>`, I = /* @__PURE__ */ S({
+  __name: "SelfManagedGradientIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -80,36 +86,36 @@ const N = ["aria-hidden"], u = '<path d="M1 4.15006L9.99656 2.91523V11.6094H1M11
       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, (s, o) => {
-        const a = `${S}-${o}`;
-        return t[o] = a, `id="${a}"`;
-      }).replace(/#([^\s^")]+)/g, (s, o) => t[o] ? `#${t[o]}` : s);
+      const t = {}, v = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (o, a) => {
+        const s = `${v}-${a}`;
+        return t[a] = s, `id="${s}"`;
+      }).replace(/#([^\s^")]+)/g, (o, a) => t[a] ? `#${t[a]}` : o);
     }, f = {
       "<": "&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 : p(u)}`;
-    return (r, t) => (l(), y(w(i.as), {
+    }, C = (r) => r.replace(/[<>"'&]/g, (t) => f[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${C(e.title)}</title>` : ""}${e.staticIds ? u : p(u)}`;
+    return (r, t) => (l(), y(h(i.as), {
       "aria-hidden": i.decorative ? "true" : void 0,
-      class: "kui-icon windows-icon",
-      "data-testid": "kui-icon-wrapper-windows-icon",
-      style: b(g.value),
+      class: "kui-icon self-managed-gradient-icon",
+      "data-testid": "kui-icon-wrapper-self-managed-gradient-icon",
+      style: x(g.value),
       tabindex: i.decorative ? "-1" : void 0
     }, {
-      default: x(() => [
+      default: b(() => [
         (l(), z("svg", {
           "aria-hidden": i.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-windows-icon",
+          "data-testid": "kui-icon-svg-self-managed-gradient-icon",
           fill: "none",
           height: "100%",
           role: "img",
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: v
+          innerHTML: m
         }, null, 8, N))
       ]),
       _: 1
@@ -117,6 +123,6 @@ const N = ["aria-hidden"], u = '<path d="M1 4.15006L9.99656 2.91523V11.6094H1M11
   }
 });
 export {
-  H as default
+  I as default
 };
 //# sourceMappingURL=kong-icons.es548.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es548.js","sources":["../src/components/multi-color/WindowsIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * WindowsIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on 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=\"M1 4.15006L9.99656 2.91523V11.6094H1M11.0802 2.73883L23 1V11.5338H11.0802M1 12.5267H9.99656V21.246L1 19.986M11.0802 12.6426H23V23.0756L11.0802 21.3872\" fill=\"#0078D6\"/>`\nconst svgTitleContent = props.title ? `<title data-testid=\"kui-icon-svg-title\">${escapeHtml(props.title)}</title>` : ''\nconst svgProcessedContent = `${svgTitleContent}${!props.staticIds ? prefixSvgIdsInString(svgOriginalContent) : svgOriginalContent}`\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon windows-icon\"\n    data-testid=\"kui-icon-wrapper-windows-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-windows-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      v-html=\"svgProcessedContent\"\n    />\n  </component>\n</template>\n\n<style>\n/**\n * !Important: Do not add styles into this component file.\n *\n * We are adding styles inline to avoid additional stylesheet imports in the consuming application/component.\n */\n</style>\n"],"names":["svgOriginalContent","props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIdsInString","svgString","idMap","randomPrefix","match","originalId","newId","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.es548.js","sources":["../src/components/multi-color/SelfManagedGradientIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * SelfManagedGradientIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 15 May 2025 19:34:02 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=\"M7.5 6C7.08333 6 6.72917 6.14583 6.4375 6.4375C6.14583 6.72917 6 7.08333 6 7.5C6 7.91667 6.14583 8.27083 6.4375 8.5625C6.72917 8.85417 7.08333 9 7.5 9C7.91667 9 8.27083 8.85417 8.5625 8.5625C8.85417 8.27083 9 7.91667 9 7.5C9 7.08333 8.85417 6.72917 8.5625 6.4375C8.27083 6.14583 7.91667 6 7.5 6ZM7.5 16C7.08333 16 6.72917 16.1458 6.4375 16.4375C6.14583 16.7292 6 17.0833 6 17.5C6 17.9167 6.14583 18.2708 6.4375 18.5625C6.72917 18.8542 7.08333 19 7.5 19C7.91667 19 8.27083 18.8542 8.5625 18.5625C8.85417 18.2708 9 17.9167 9 17.5C9 17.0833 8.85417 16.7292 8.5625 16.4375C8.27083 16.1458 7.91667 16 7.5 16ZM4 3H20C20.2833 3 20.5208 3.09583 20.7125 3.2875C20.9042 3.47917 21 3.71667 21 4V11C21 11.2833 20.9042 11.5208 20.7125 11.7125C20.5208 11.9042 20.2833 12 20 12H4C3.71667 12 3.47917 11.9042 3.2875 11.7125C3.09583 11.5208 3 11.2833 3 11V4C3 3.71667 3.09583 3.47917 3.2875 3.2875C3.47917 3.09583 3.71667 3 4 3ZM5 5V10H19V5H5ZM4 13H20C20.2833 13 20.5208 13.0958 20.7125 13.2875C20.9042 13.4792 21 13.7167 21 14V21C21 21.2833 20.9042 21.5208 20.7125 21.7125C20.5208 21.9042 20.2833 22 20 22H4C3.71667 22 3.47917 21.9042 3.2875 21.7125C3.09583 21.5208 3 21.2833 3 21V14C3 13.7167 3.09583 13.4792 3.2875 13.2875C3.47917 13.0958 3.71667 13 4 13ZM5 15V20H19V15H5Z\" fill=\"url(#paint0_linear_2107_23106)\"/>\n<defs>\n<linearGradient id=\"paint0_linear_2107_23106\" x1=\"21.0026\" y1=\"3.00603\" x2=\"0.624999\" y2=\"18.968\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#0044F4\"/>\n<stop offset=\"1\" stop-color=\"#00D6A4\"/>\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 self-managed-gradient-icon\"\n    data-testid=\"kui-icon-wrapper-self-managed-gradient-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-self-managed-gradient-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.es550.js

@@ -1,13 +1,13 @@
-import { defineComponent as S, computed as s, createBlock as y, openBlock as l, resolveDynamicComponent as h, normalizeStyle as x, withCtx as b, createElementBlock as z } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1358.js";
-const N = ["aria-hidden"], u = `<path fill-rule="evenodd" clip-rule="evenodd" d="M17.5 16.0002H17V18.0002H17.5C18.2661 17.9997 19.0237 17.8392 19.7242 17.529C20.4247 17.2187 21.0527 16.7655 21.5678 16.1984C22.083 15.6313 22.474 14.9629 22.7158 14.2359C22.9575 13.5089 23.0448 12.7395 22.9719 11.9768C22.899 11.2142 22.6676 10.4751 22.2924 9.80713C21.9173 9.13912 21.4067 8.55685 20.7935 8.09764C20.1802 7.63843 19.4778 7.3124 18.7312 7.14046C17.9846 6.96852 17.2103 6.95445 16.458 7.09916C15.7826 5.35879 14.5197 3.90944 12.8882 3.00211C11.2567 2.09477 9.35922 1.78659 7.5244 2.13093C5.68959 2.47527 4.03297 3.45045 2.84144 4.88758C1.6499 6.32472 0.998489 8.13331 1 10.0002V10.0072H3V10.0002C3 8.40886 3.63214 6.88273 4.75736 5.75751C5.88258 4.6323 7.4087 4.00016 9 4.00016C10.5913 4.00016 12.1174 4.6323 13.2426 5.75751C14.3679 6.88273 15 8.40886 15 10.0002V10.0502C15.4039 9.63807 15.9035 9.33224 16.4542 9.1599C17.0049 8.98756 17.5896 8.95405 18.1564 9.06236C18.7232 9.17067 19.2544 9.41743 19.7028 9.78068C20.1511 10.1439 20.5027 10.6124 20.7262 11.1444C20.9498 11.6764 21.0383 12.2554 20.9839 12.8298C20.9296 13.4043 20.734 13.9564 20.4147 14.4371C20.0954 14.9177 19.6622 15.3119 19.1536 15.5846C18.6451 15.8573 18.077 16.0001 17.5 16.0002ZM1 16C1 15.4477 1.44772 15 2 15H16C16.5523 15 17 15.4477 17 16V21C17 21.5523 16.5523 22 16 22H2C1.44772 22 1 21.5523 1 21V16ZM8 17.5H3V19.5H8V17.5ZM12 18.5C12 19.0523 11.5523 19.5 11 19.5C10.4477 19.5 10 19.0523 10 18.5C10 17.9477 10.4477 17.5 11 17.5C11.5523 17.5 12 17.9477 12 18.5ZM15 18.5C15 19.0523 14.5523 19.5 14 19.5C13.4477 19.5 13 19.0523 13 18.5C13 17.9477 13.4477 17.5 14 17.5C14.5523 17.5 15 17.9477 15 18.5Z" fill="url(#paint0_linear_2107_23108)"/>
+import { defineComponent as S, computed as d, createBlock as y, openBlock as l, resolveDynamicComponent as h, normalizeStyle as x, withCtx as b, createElementBlock as z } from "vue";
+import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1328.js";
+const H = ["aria-hidden"], u = `<path d="M14 18V16H17.5C18.077 16 18.6451 15.8572 19.1536 15.5845C19.6622 15.3118 20.0954 14.9176 20.4147 14.4369C20.734 13.9563 20.9296 13.4042 20.9839 12.8297C21.0383 12.2552 20.9498 11.6762 20.7262 11.1443C20.5027 10.6123 20.1511 10.1438 19.7028 9.78055C19.2544 9.4173 18.7232 9.17054 18.1564 9.06224C17.5896 8.95393 17.0049 8.98744 16.4542 9.15978C15.9035 9.33212 15.4039 9.63795 15 10.05V10C15 8.40873 14.3679 6.88261 13.2426 5.75739C12.1174 4.63217 10.5913 4.00003 9 4.00003C7.4087 4.00003 5.88258 4.63217 4.75736 5.75739C3.63214 6.88261 3 8.40873 3 10V10.007H1V10C0.998489 8.13319 1.6499 6.3246 2.84144 4.88746C4.03297 3.45032 5.68959 2.47515 7.5244 2.13081C9.35922 1.78647 11.2567 2.09465 12.8882 3.00199C14.5197 3.90932 15.7826 5.35867 16.458 7.09903C17.2103 6.95433 17.9846 6.9684 18.7312 7.14034C19.4778 7.31228 20.1802 7.63831 20.7935 8.09752C21.4067 8.55673 21.9173 9.139 22.2924 9.80701C22.6676 10.475 22.899 11.214 22.9719 11.9767C23.0448 12.7393 22.9575 13.5088 22.7158 14.2358C22.474 14.9628 22.083 15.6312 21.5678 16.1983C21.0527 16.7654 20.4247 17.2186 19.7242 17.5288C19.0237 17.8391 18.2661 17.9996 17.5 18H14ZM6 20H16V22H6V20ZM6 12H14V14H6V12ZM2 16H12V18H2V16Z" fill="url(#paint0_linear_2107_23107)"/>
 <defs>
-<linearGradient id="paint0_linear_2107_23108" x1="23" y1="2" x2="1" y2="22" gradientUnits="userSpaceOnUse">
-<stop stop-color="#0044F4"/>
-<stop offset="1" stop-color="#00C8F4"/>
+<linearGradient id="paint0_linear_2107_23107" x1="23" y1="1.99988" x2="0.999847" y2="21.9999" gradientUnits="userSpaceOnUse">
+<stop stop-color="#6F28FF"/>
+<stop offset="1" stop-color="#FF3C99"/>
 </linearGradient>
 </defs>`, $ = /* @__PURE__ */ S({
-  __name: "DedicatedCloudGradientIcon",
+  __name: "ServerlessGradientIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -43,8 +43,8 @@ const N = ["aria-hidden"], u = `<path fill-rule="evenodd" clip-rule="evenodd" d=
         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;
@@ -67,48 +67,48 @@ const N = ["aria-hidden"], u = `<path fill-rule="evenodd" clip-rule="evenodd" d=
     }
   },
   setup(i) {
-    const e = i, n = s(() => {
+    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 = s(() => ({
+    }), p = 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
-    })), C = (r) => {
+    })), g = (n) => {
       const t = {}, m = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (a, o) => {
-        const d = `${m}-${o}`;
-        return t[o] = d, `id="${d}"`;
-      }).replace(/#([^\s^")]+)/g, (a, o) => t[o] ? `#${t[o]}` : a);
-    }, g = {
+      return n.replace(/id="([^"]+)"/g, (o, s) => {
+        const a = `${m}-${s}`;
+        return t[s] = a, `id="${a}"`;
+      }).replace(/#([^\s^")]+)/g, (o, s) => t[s] ? `#${t[s]}` : o);
+    }, f = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, f = (r) => r.replace(/[<>"'&]/g, (t) => g[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${f(e.title)}</title>` : ""}${e.staticIds ? u : C(u)}`;
-    return (r, t) => (l(), y(h(i.as), {
+    }, C = (n) => n.replace(/[<>"'&]/g, (t) => f[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${C(e.title)}</title>` : ""}${e.staticIds ? u : g(u)}`;
+    return (n, t) => (l(), y(h(i.as), {
       "aria-hidden": i.decorative ? "true" : void 0,
-      class: "kui-icon dedicated-cloud-gradient-icon",
-      "data-testid": "kui-icon-wrapper-dedicated-cloud-gradient-icon",
+      class: "kui-icon serverless-gradient-icon",
+      "data-testid": "kui-icon-wrapper-serverless-gradient-icon",
       style: x(p.value),
       tabindex: i.decorative ? "-1" : void 0
     }, {
       default: b(() => [
         (l(), z("svg", {
           "aria-hidden": i.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-dedicated-cloud-gradient-icon",
+          "data-testid": "kui-icon-svg-serverless-gradient-icon",
           fill: "none",
           height: "100%",
           role: "img",
@@ -116,7 +116,7 @@ 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, H))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es550.js","sources":["../src/components/multi-color/DedicatedCloudGradientIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * DedicatedCloudGradientIcon.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=\"M17.5 16.0002H17V18.0002H17.5C18.2661 17.9997 19.0237 17.8392 19.7242 17.529C20.4247 17.2187 21.0527 16.7655 21.5678 16.1984C22.083 15.6313 22.474 14.9629 22.7158 14.2359C22.9575 13.5089 23.0448 12.7395 22.9719 11.9768C22.899 11.2142 22.6676 10.4751 22.2924 9.80713C21.9173 9.13912 21.4067 8.55685 20.7935 8.09764C20.1802 7.63843 19.4778 7.3124 18.7312 7.14046C17.9846 6.96852 17.2103 6.95445 16.458 7.09916C15.7826 5.35879 14.5197 3.90944 12.8882 3.00211C11.2567 2.09477 9.35922 1.78659 7.5244 2.13093C5.68959 2.47527 4.03297 3.45045 2.84144 4.88758C1.6499 6.32472 0.998489 8.13331 1 10.0002V10.0072H3V10.0002C3 8.40886 3.63214 6.88273 4.75736 5.75751C5.88258 4.6323 7.4087 4.00016 9 4.00016C10.5913 4.00016 12.1174 4.6323 13.2426 5.75751C14.3679 6.88273 15 8.40886 15 10.0002V10.0502C15.4039 9.63807 15.9035 9.33224 16.4542 9.1599C17.0049 8.98756 17.5896 8.95405 18.1564 9.06236C18.7232 9.17067 19.2544 9.41743 19.7028 9.78068C20.1511 10.1439 20.5027 10.6124 20.7262 11.1444C20.9498 11.6764 21.0383 12.2554 20.9839 12.8298C20.9296 13.4043 20.734 13.9564 20.4147 14.4371C20.0954 14.9177 19.6622 15.3119 19.1536 15.5846C18.6451 15.8573 18.077 16.0001 17.5 16.0002ZM1 16C1 15.4477 1.44772 15 2 15H16C16.5523 15 17 15.4477 17 16V21C17 21.5523 16.5523 22 16 22H2C1.44772 22 1 21.5523 1 21V16ZM8 17.5H3V19.5H8V17.5ZM12 18.5C12 19.0523 11.5523 19.5 11 19.5C10.4477 19.5 10 19.0523 10 18.5C10 17.9477 10.4477 17.5 11 17.5C11.5523 17.5 12 17.9477 12 18.5ZM15 18.5C15 19.0523 14.5523 19.5 14 19.5C13.4477 19.5 13 19.0523 13 18.5C13 17.9477 13.4477 17.5 14 17.5C14.5523 17.5 15 17.9477 15 18.5Z\" fill=\"url(#paint0_linear_2107_23108)\"/>\n<defs>\n<linearGradient id=\"paint0_linear_2107_23108\" x1=\"23\" y1=\"2\" x2=\"1\" y2=\"22\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#0044F4\"/>\n<stop offset=\"1\" stop-color=\"#00C8F4\"/>\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 dedicated-cloud-gradient-icon\"\n    data-testid=\"kui-icon-wrapper-dedicated-cloud-gradient-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-dedicated-cloud-gradient-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.es550.js","sources":["../src/components/multi-color/ServerlessGradientIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * ServerlessGradientIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 15 May 2025 19:34:02 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 18V16H17.5C18.077 16 18.6451 15.8572 19.1536 15.5845C19.6622 15.3118 20.0954 14.9176 20.4147 14.4369C20.734 13.9563 20.9296 13.4042 20.9839 12.8297C21.0383 12.2552 20.9498 11.6762 20.7262 11.1443C20.5027 10.6123 20.1511 10.1438 19.7028 9.78055C19.2544 9.4173 18.7232 9.17054 18.1564 9.06224C17.5896 8.95393 17.0049 8.98744 16.4542 9.15978C15.9035 9.33212 15.4039 9.63795 15 10.05V10C15 8.40873 14.3679 6.88261 13.2426 5.75739C12.1174 4.63217 10.5913 4.00003 9 4.00003C7.4087 4.00003 5.88258 4.63217 4.75736 5.75739C3.63214 6.88261 3 8.40873 3 10V10.007H1V10C0.998489 8.13319 1.6499 6.3246 2.84144 4.88746C4.03297 3.45032 5.68959 2.47515 7.5244 2.13081C9.35922 1.78647 11.2567 2.09465 12.8882 3.00199C14.5197 3.90932 15.7826 5.35867 16.458 7.09903C17.2103 6.95433 17.9846 6.9684 18.7312 7.14034C19.4778 7.31228 20.1802 7.63831 20.7935 8.09752C21.4067 8.55673 21.9173 9.139 22.2924 9.80701C22.6676 10.475 22.899 11.214 22.9719 11.9767C23.0448 12.7393 22.9575 13.5088 22.7158 14.2358C22.474 14.9628 22.083 15.6312 21.5678 16.1983C21.0527 16.7654 20.4247 17.2186 19.7242 17.5288C19.0237 17.8391 18.2661 17.9996 17.5 18H14ZM6 20H16V22H6V20ZM6 12H14V14H6V12ZM2 16H12V18H2V16Z\" fill=\"url(#paint0_linear_2107_23107)\"/>\n<defs>\n<linearGradient id=\"paint0_linear_2107_23107\" x1=\"23\" y1=\"1.99988\" x2=\"0.999847\" y2=\"21.9999\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#6F28FF\"/>\n<stop offset=\"1\" stop-color=\"#FF3C99\"/>\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 serverless-gradient-icon\"\n    data-testid=\"kui-icon-wrapper-serverless-gradient-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-serverless-gradient-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.es552.js

@@ -1,13 +1,7 @@
-import { defineComponent as S, computed as C, createBlock as L, openBlock as d, resolveDynamicComponent as y, normalizeStyle as h, withCtx as x, createElementBlock as b } from "vue";
-import { KUI_ICON_SIZE_50 as l } from "./kong-icons.es1358.js";
-const H = ["aria-hidden"], c = `<path d="M9.80957 2.72393C9.55994 2.47333 9.21361 2.31895 8.82754 2.31895C8.44243 2.31895 8.09877 2.47333 7.8523 2.72393H7.84599C7.59709 2.97283 7.44271 3.32012 7.44271 3.70377C7.44271 4.08961 7.59709 4.43472 7.84599 4.6812L7.8523 4.68799C8.09877 4.9364 8.44243 5.0886 8.82754 5.0886C9.21361 5.0886 9.55994 4.9364 9.80957 4.68799L9.81248 4.6812C10.0623 4.43472 10.2148 4.08961 10.2148 3.70377C10.2148 3.32012 10.0623 2.97283 9.81248 2.72393H9.80957ZM8.82754 21.6811C9.21361 21.6811 9.55994 21.5238 9.80957 21.2778L9.81248 21.2705C10.0623 21.025 10.2148 20.6777 10.2148 20.296C10.2148 19.9102 10.0623 19.5646 9.81248 19.3145H9.80957C9.55994 19.0614 9.21361 18.9085 8.82754 18.9085C8.44243 18.9085 8.09877 19.0614 7.8523 19.3145H7.84599C7.59709 19.5646 7.44271 19.9102 7.44271 20.296C7.44271 20.6777 7.59709 21.025 7.84599 21.2705L7.8523 21.2778C8.09877 21.5238 8.44243 21.6811 8.82754 21.6811ZM16.3728 17.4851C16.7158 17.395 17.0262 17.1749 17.216 16.8419L17.2414 16.7932C17.4101 16.4779 17.4409 16.1134 17.3507 15.7899C17.2599 15.4445 17.0374 15.1382 16.7051 14.9474L16.6855 14.9343C16.3617 14.7565 15.9933 14.7177 15.6545 14.81C15.3101 14.896 15.0006 15.1253 14.8121 15.4554C14.6211 15.7836 14.5813 16.1607 14.6727 16.5077C14.767 16.8492 14.9878 17.1577 15.3181 17.3506H15.32C15.6511 17.5409 16.0253 17.5751 16.3728 17.4851ZM10.248 10.5809C9.88446 10.2183 9.38278 9.99099 8.82754 9.99099C8.27303 9.99099 7.7728 10.2183 7.40999 10.5809C7.0484 10.943 6.82543 11.4425 6.82543 11.9977C6.82543 12.5529 7.0484 13.0546 7.40999 13.4208C7.7728 13.7812 8.27303 14.0064 8.82754 14.0064C9.38278 14.0064 9.88446 13.7812 10.248 13.4208C10.6106 13.0546 10.8335 12.5529 10.8335 11.9977C10.8335 11.4425 10.6106 10.943 10.248 10.5809ZM9.44918 8.22058C10.2553 8.35339 10.9789 8.73946 11.5322 9.29664H11.5364C11.6243 9.38437 11.7099 9.48107 11.7896 9.57753L13.1723 8.77775C12.9864 8.21597 12.9777 7.62874 13.1272 7.07786C13.3242 6.34037 13.8024 5.68019 14.5193 5.26649L14.5426 5.25171C15.2517 4.85061 16.0575 4.76699 16.7848 4.96403C17.5216 5.16155 18.1861 5.6419 18.5998 6.35758V6.35976C19.0116 7.07156 19.095 7.88831 18.8987 8.62362C18.7026 9.36086 18.2227 10.0256 17.5066 10.4369L17.3178 10.5484H17.2986C16.6363 10.8637 15.908 10.9132 15.2391 10.737C14.6899 10.5916 14.1863 10.2847 13.7917 9.8497L12.411 10.6473C12.5698 11.0671 12.6575 11.5195 12.6575 11.9977C12.6575 12.4735 12.5698 12.9325 12.411 13.3544L13.7917 14.1498C14.1863 13.708 14.6899 13.4082 15.2391 13.2623C15.9761 13.0609 16.7928 13.1465 17.5066 13.5626L17.5524 13.5839V13.5861C18.2419 14.0042 18.7048 14.6493 18.8987 15.3781C19.095 16.109 19.0116 16.9263 18.5998 17.6395L18.5749 17.6892L18.572 17.6851C18.1585 18.3727 17.5066 18.8385 16.787 19.0355C16.049 19.2301 15.2321 19.147 14.5193 18.7369V18.7313C13.8024 18.3169 13.3242 17.6553 13.1272 16.9192C12.9777 16.3708 12.9864 15.7836 13.1723 15.222L11.7896 14.4242C11.7099 14.5206 11.6243 14.613 11.5364 14.7007L11.5322 14.7051C10.9789 15.2603 10.2553 15.6461 9.44918 15.7746V17.3722C10.0236 17.4922 10.5378 17.7794 10.9406 18.1824L10.9428 18.1865C11.4828 18.7241 11.8173 19.473 11.8173 20.296C11.8173 21.1166 11.4828 21.8611 10.9428 22.4013L10.9406 22.4098C10.3968 22.9498 9.65082 23.2843 8.82754 23.2843C8.00862 23.2843 7.2607 22.9498 6.71807 22.4098H6.71589V22.4013C6.17543 21.8611 5.84025 21.1166 5.84025 20.296C5.84025 19.473 6.17543 18.7241 6.71589 18.1865V18.1824H6.71807C7.12062 17.7794 7.63587 17.4922 8.20808 17.3722V15.7746C7.40224 15.6461 6.67977 15.2603 6.12744 14.7051L6.12163 14.7007C5.43188 14.0085 5 13.0546 5 11.9977C5 10.943 5.43188 9.98905 6.12163 9.29664H6.12744C6.67977 8.73946 7.40224 8.35339 8.20808 8.22058V6.62975C7.63587 6.50566 7.12062 6.21847 6.71807 5.81761H6.71589V5.81325C6.17543 5.27085 5.84025 4.52706 5.84025 3.70377C5.84025 2.88485 6.17543 2.13452 6.71589 1.5943L6.71807 1.59212C7.2607 1.04997 8.00862 0.715759 8.82754 0.715759C9.65082 0.715759 10.3968 1.04997 10.9406 1.59212V1.5943H10.9428C11.4828 2.13452 11.8173 2.88485 11.8173 3.70377C11.8173 4.52706 11.4828 5.27085 10.9428 5.81325L10.9406 5.81761C10.5378 6.21847 10.0236 6.50566 9.44918 6.62975V8.22058ZM17.216 7.15954L17.2041 7.14209C17.0136 6.82072 16.7092 6.60648 16.3728 6.51414C16.0253 6.4218 15.6511 6.46058 15.3181 6.65156H15.32C14.9878 6.84011 14.7655 7.14839 14.6727 7.49399C14.5813 7.83693 14.6211 8.21597 14.8121 8.5463L14.8186 8.55479C15.0098 8.88076 15.3145 9.09936 15.6545 9.18734C15.9962 9.28404 16.3769 9.24308 16.7051 9.0521L16.7228 9.04362C17.0459 8.8507 17.2611 8.5463 17.3507 8.21185C17.4423 7.86674 17.4058 7.48963 17.216 7.15954Z" fill="url(#paint0_linear_3791_5891)"/>
-<defs>
-<linearGradient id="paint0_linear_3791_5891" x1="24" y1="-1.86838e-07" x2="-4.93857" y2="13.0415" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F4007A"/>
-<stop offset="1" stop-color="#FFC400"/>
-</linearGradient>
-</defs>`, I = /* @__PURE__ */ S({
-  __name: "EventGradientIcon",
+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="M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H14V5H5V19H19V10H21V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM7 17H9V10H7V17ZM11 17H13V7H11V17ZM15 17H17V13H15V17ZM17 9V7H15V5H17V3H19V5H21V7H19V9H17Z" fill="currentColor"/>', $ = /* @__PURE__ */ h({
+  __name: "AddChartIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -43,8 +37,8 @@ const H = ["aria-hidden"], c = `<path d="M9.80957 2.72393C9.55994 2.47333 9.2136
         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;
@@ -67,48 +61,48 @@ const H = ["aria-hidden"], c = `<path d="M9.80957 2.72393C9.55994 2.47333 9.2136
     }
   },
   setup(i) {
-    const e = i, n = C(() => {
+    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 l;
-    }), u = C(() => ({
+    }), 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}`;
-        return t[o] = a, `id="${a}"`;
-      }).replace(/#([^\s^")]+)/g, (s, o) => t[o] ? `#${t[o]}` : s);
-    }, g = {
+    })), p = (n) => {
+      const t = {}, S = Math.random().toString(36).substring(2, 12);
+      return n.replace(/id="([^"]+)"/g, (a, o) => {
+        const s = `${S}-${o}`;
+        return t[o] = s, `id="${s}"`;
+      }).replace(/#([^\s^")]+)/g, (a, o) => t[o] ? `#${t[o]}` : a);
+    }, f = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, f = (r) => r.replace(/[<>"'&]/g, (t) => g[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${f(e.title)}</title>` : ""}${e.staticIds ? c : p(c)}`;
-    return (r, t) => (d(), L(y(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 event-gradient-icon",
-      "data-testid": "kui-icon-wrapper-event-gradient-icon",
-      style: h(u.value),
+      class: "kui-icon add-chart-icon",
+      "data-testid": "kui-icon-wrapper-add-chart-icon",
+      style: C(g.value),
       tabindex: i.decorative ? "-1" : void 0
     }, {
-      default: x(() => [
-        (d(), b("svg", {
+      default: b(() => [
+        (c(), x("svg", {
           "aria-hidden": i.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-event-gradient-icon",
+          "data-testid": "kui-icon-svg-add-chart-icon",
           fill: "none",
           height: "100%",
           role: "img",
@@ -116,13 +110,13 @@ const H = ["aria-hidden"], c = `<path d="M9.80957 2.72393C9.55994 2.47333 9.2136
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
           innerHTML: v
-        }, null, 8, H))
+        }, null, 8, V))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  I as default
+  $ as default
 };
 //# sourceMappingURL=kong-icons.es552.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es552.js","sources":["../src/components/multi-color/EventGradientIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * EventGradientIcon.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=\"M9.80957 2.72393C9.55994 2.47333 9.21361 2.31895 8.82754 2.31895C8.44243 2.31895 8.09877 2.47333 7.8523 2.72393H7.84599C7.59709 2.97283 7.44271 3.32012 7.44271 3.70377C7.44271 4.08961 7.59709 4.43472 7.84599 4.6812L7.8523 4.68799C8.09877 4.9364 8.44243 5.0886 8.82754 5.0886C9.21361 5.0886 9.55994 4.9364 9.80957 4.68799L9.81248 4.6812C10.0623 4.43472 10.2148 4.08961 10.2148 3.70377C10.2148 3.32012 10.0623 2.97283 9.81248 2.72393H9.80957ZM8.82754 21.6811C9.21361 21.6811 9.55994 21.5238 9.80957 21.2778L9.81248 21.2705C10.0623 21.025 10.2148 20.6777 10.2148 20.296C10.2148 19.9102 10.0623 19.5646 9.81248 19.3145H9.80957C9.55994 19.0614 9.21361 18.9085 8.82754 18.9085C8.44243 18.9085 8.09877 19.0614 7.8523 19.3145H7.84599C7.59709 19.5646 7.44271 19.9102 7.44271 20.296C7.44271 20.6777 7.59709 21.025 7.84599 21.2705L7.8523 21.2778C8.09877 21.5238 8.44243 21.6811 8.82754 21.6811ZM16.3728 17.4851C16.7158 17.395 17.0262 17.1749 17.216 16.8419L17.2414 16.7932C17.4101 16.4779 17.4409 16.1134 17.3507 15.7899C17.2599 15.4445 17.0374 15.1382 16.7051 14.9474L16.6855 14.9343C16.3617 14.7565 15.9933 14.7177 15.6545 14.81C15.3101 14.896 15.0006 15.1253 14.8121 15.4554C14.6211 15.7836 14.5813 16.1607 14.6727 16.5077C14.767 16.8492 14.9878 17.1577 15.3181 17.3506H15.32C15.6511 17.5409 16.0253 17.5751 16.3728 17.4851ZM10.248 10.5809C9.88446 10.2183 9.38278 9.99099 8.82754 9.99099C8.27303 9.99099 7.7728 10.2183 7.40999 10.5809C7.0484 10.943 6.82543 11.4425 6.82543 11.9977C6.82543 12.5529 7.0484 13.0546 7.40999 13.4208C7.7728 13.7812 8.27303 14.0064 8.82754 14.0064C9.38278 14.0064 9.88446 13.7812 10.248 13.4208C10.6106 13.0546 10.8335 12.5529 10.8335 11.9977C10.8335 11.4425 10.6106 10.943 10.248 10.5809ZM9.44918 8.22058C10.2553 8.35339 10.9789 8.73946 11.5322 9.29664H11.5364C11.6243 9.38437 11.7099 9.48107 11.7896 9.57753L13.1723 8.77775C12.9864 8.21597 12.9777 7.62874 13.1272 7.07786C13.3242 6.34037 13.8024 5.68019 14.5193 5.26649L14.5426 5.25171C15.2517 4.85061 16.0575 4.76699 16.7848 4.96403C17.5216 5.16155 18.1861 5.6419 18.5998 6.35758V6.35976C19.0116 7.07156 19.095 7.88831 18.8987 8.62362C18.7026 9.36086 18.2227 10.0256 17.5066 10.4369L17.3178 10.5484H17.2986C16.6363 10.8637 15.908 10.9132 15.2391 10.737C14.6899 10.5916 14.1863 10.2847 13.7917 9.8497L12.411 10.6473C12.5698 11.0671 12.6575 11.5195 12.6575 11.9977C12.6575 12.4735 12.5698 12.9325 12.411 13.3544L13.7917 14.1498C14.1863 13.708 14.6899 13.4082 15.2391 13.2623C15.9761 13.0609 16.7928 13.1465 17.5066 13.5626L17.5524 13.5839V13.5861C18.2419 14.0042 18.7048 14.6493 18.8987 15.3781C19.095 16.109 19.0116 16.9263 18.5998 17.6395L18.5749 17.6892L18.572 17.6851C18.1585 18.3727 17.5066 18.8385 16.787 19.0355C16.049 19.2301 15.2321 19.147 14.5193 18.7369V18.7313C13.8024 18.3169 13.3242 17.6553 13.1272 16.9192C12.9777 16.3708 12.9864 15.7836 13.1723 15.222L11.7896 14.4242C11.7099 14.5206 11.6243 14.613 11.5364 14.7007L11.5322 14.7051C10.9789 15.2603 10.2553 15.6461 9.44918 15.7746V17.3722C10.0236 17.4922 10.5378 17.7794 10.9406 18.1824L10.9428 18.1865C11.4828 18.7241 11.8173 19.473 11.8173 20.296C11.8173 21.1166 11.4828 21.8611 10.9428 22.4013L10.9406 22.4098C10.3968 22.9498 9.65082 23.2843 8.82754 23.2843C8.00862 23.2843 7.2607 22.9498 6.71807 22.4098H6.71589V22.4013C6.17543 21.8611 5.84025 21.1166 5.84025 20.296C5.84025 19.473 6.17543 18.7241 6.71589 18.1865V18.1824H6.71807C7.12062 17.7794 7.63587 17.4922 8.20808 17.3722V15.7746C7.40224 15.6461 6.67977 15.2603 6.12744 14.7051L6.12163 14.7007C5.43188 14.0085 5 13.0546 5 11.9977C5 10.943 5.43188 9.98905 6.12163 9.29664H6.12744C6.67977 8.73946 7.40224 8.35339 8.20808 8.22058V6.62975C7.63587 6.50566 7.12062 6.21847 6.71807 5.81761H6.71589V5.81325C6.17543 5.27085 5.84025 4.52706 5.84025 3.70377C5.84025 2.88485 6.17543 2.13452 6.71589 1.5943L6.71807 1.59212C7.2607 1.04997 8.00862 0.715759 8.82754 0.715759C9.65082 0.715759 10.3968 1.04997 10.9406 1.59212V1.5943H10.9428C11.4828 2.13452 11.8173 2.88485 11.8173 3.70377C11.8173 4.52706 11.4828 5.27085 10.9428 5.81325L10.9406 5.81761C10.5378 6.21847 10.0236 6.50566 9.44918 6.62975V8.22058ZM17.216 7.15954L17.2041 7.14209C17.0136 6.82072 16.7092 6.60648 16.3728 6.51414C16.0253 6.4218 15.6511 6.46058 15.3181 6.65156H15.32C14.9878 6.84011 14.7655 7.14839 14.6727 7.49399C14.5813 7.83693 14.6211 8.21597 14.8121 8.5463L14.8186 8.55479C15.0098 8.88076 15.3145 9.09936 15.6545 9.18734C15.9962 9.28404 16.3769 9.24308 16.7051 9.0521L16.7228 9.04362C17.0459 8.8507 17.2611 8.5463 17.3507 8.21185C17.4423 7.86674 17.4058 7.48963 17.216 7.15954Z\" fill=\"url(#paint0_linear_3791_5891)\"/>\n<defs>\n<linearGradient id=\"paint0_linear_3791_5891\" x1=\"24\" y1=\"-1.86838e-07\" x2=\"-4.93857\" y2=\"13.0415\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#F4007A\"/>\n<stop offset=\"1\" stop-color=\"#FFC400\"/>\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 event-gradient-icon\"\n    data-testid=\"kui-icon-wrapper-event-gradient-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-event-gradient-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.es552.js","sources":["../src/components/solid/AddChartIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * AddChartIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 15 May 2025 19:34:02 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=\"M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H14V5H5V19H19V10H21V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM7 17H9V10H7V17ZM11 17H13V7H11V17ZM15 17H17V13H15V17ZM17 9V7H15V5H17V3H19V5H21V7H19V9H17Z\" fill=\"currentColor\"/>`\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 add-chart-icon\"\n    data-testid=\"kui-icon-wrapper-add-chart-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-add-chart-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;;;;;;;;;;;;;;;;;;;;;;;;;"}