@kong/icons 1.20.1-pr.460.00f596c.0 → 1.20.1

package/dist/kong-icons.es510.js

@@ -1,6 +1,6 @@
-import { defineComponent as S, computed as l, openBlock as c, createBlock as h, resolveDynamicComponent as y, normalizeStyle as w, withCtx as b, createElementBlock as x } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kong-icons.es1232.js";
-const z = ["aria-hidden"], g = '<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"/>', q = /* @__PURE__ */ S({
+import { defineComponent as h, computed as d, openBlock as l, createBlock as y, resolveDynamicComponent as w, normalizeStyle as b, withCtx as x, createElementBlock as z } from "vue";
+import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1232.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",
   props: {
     /** The accessibility text provided to screen readers */
@@ -31,7 +31,7 @@ const z = ["aria-hidden"], g = '<path d="M1 4.15006L9.99656 2.91523V11.6094H1M11
     size: {
       type: [Number, String],
       required: !1,
-      default: u,
+      default: c,
       // if setting to the imported const fails, just pass a number of 24 as the default.
       validator: (i) => {
         if (typeof i == "number" && i > 0)
@@ -61,7 +61,7 @@ const z = ["aria-hidden"], g = '<path d="M1 4.15006L9.99656 2.91523V11.6094H1M11
     }
   },
   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") {
@@ -69,8 +69,8 @@ const z = ["aria-hidden"], g = '<path d="M1 4.15006L9.99656 2.91523V11.6094H1M11
         if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
           return `${t}px`;
       }
-      return u;
-    }), p = l(() => ({
+      return c;
+    }), g = d(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
@@ -79,31 +79,28 @@ const z = ["aria-hidden"], g = '<path d="M1 4.15006L9.99656 2.91523V11.6094H1M11
       lineHeight: "0",
       width: n.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), f = (r) => {
-      const t = {}, s = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (a, o) => {
-        const d = `${s}-${o}`;
-        return t[o] = d, `id="${d}"`;
-      }).replace(/#([^\s^")]+)/g, (a, o) => t[o] ? `#${t[o]}` : a);
-    }, m = (r) => {
-      const t = {
-        "<": "&lt;",
-        ">": "&gt;",
-        '"': "&quot;",
-        "'": "&#039;",
-        "`": "&#039;"
-      };
-      return r.replace(/[<>"'`]/g, (s) => t[s]);
-    }, v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? g : f(g)}`;
-    return (r, t) => (c(), h(y(i.as), {
+    })), 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);
+    }, 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), {
       "aria-hidden": i.decorative ? "true" : void 0,
       class: "kui-icon windows-icon",
       "data-testid": "kui-icon-wrapper-windows-icon",
-      style: w(p.value),
+      style: b(g.value),
       tabindex: i.decorative ? "-1" : void 0
     }, {
-      default: b(() => [
-        (c(), x("svg", {
+      default: x(() => [
+        (l(), z("svg", {
           "aria-hidden": i.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-windows-icon",
           fill: "none",
@@ -113,13 +110,13 @@ const z = ["aria-hidden"], g = '<path d="M1 4.15006L9.99656 2.91523V11.6094H1M11
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
           innerHTML: v
-        }, null, 8, z))
+        }, null, 8, N))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  q as default
+  H as default
 };
 //# sourceMappingURL=kong-icons.es510.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es510.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 Mon, 09 Dec 2024 14:05:18 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 escapeHtml = (str: string) => {\n  const htmlEntities: { [key: string]: string } = {\n    '<': '&lt;',\n    '>': '&gt;',\n    '\"': '&quot;',\n    \"'\": '&#039;',\n    '`': '&#039;',\n  }\n\n  return str.replace(/[<>\"'`]/g, (match) => htmlEntities[match])\n}\n\n// The `svgOriginalContent` template string will be replaced with the SVG innerHTML in the generate script.\n// eslint-disable-next-line @stylistic/quotes\nconst svgOriginalContent = `<path d=\"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","escapeHtml","str","htmlEntities","svgProcessedContent"],"mappings":";;2BA0JMA,IAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA7I3B,UAAMC,IAAQC,GAgERC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MAExB;AAGO,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,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,IAC3C,EAAA,GAaIQ,IAAuB,CAACC,MAA8B;AAC1D,YAAMC,IAAgC,CAAA,GAChCC,IAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE;AAaxD,aAVkBF,EAAU,QAAQ,iBAAiB,CAACG,GAAOC,MAAe;AACjF,cAAMC,IAAQ,GAAGH,CAAY,IAAIE,CAAU;AAC3C,eAAAH,EAAMG,CAAU,IAAIC,GACb,OAAOA,CAAK;AAAA,MAAA,CACpB,EAG2C,QAAQ,iBAAiB,CAACF,GAAOC,MAAeH,EAAMG,CAAU,IAAI,IAAIH,EAAMG,CAAU,CAAC,KAAKD,CAAK;AAAA,IAGxI,GAGHG,IAAa,CAACC,MAAgB;AAClC,YAAMC,IAA0C;AAAA,QAC9C,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,MAAA;AAGP,aAAOD,EAAI,QAAQ,YAAY,CAACJ,MAAUK,EAAaL,CAAK,CAAC;AAAA,IAAA,GAOzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2Ce,EAAWf,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es510.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 Mon, 09 Dec 2024 14:01:53 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,MAExB;AAGO,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,IAC3C,EAAA,GAaIQ,IAAuB,CAACC,MAA8B;AAC1D,YAAMC,IAAgC,CAAA,GAChCC,IAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE;AAaxD,aAVkBF,EAAU,QAAQ,iBAAiB,CAACG,GAAOC,MAAe;AACjF,cAAMC,IAAQ,GAAGH,CAAY,IAAIE,CAAU;AAC3C,eAAAH,EAAMG,CAAU,IAAIC,GACb,OAAOA,CAAK;AAAA,MAAA,CACpB,EAG2C,QAAQ,iBAAiB,CAACF,GAAOC,MAAeH,EAAMG,CAAU,IAAI,IAAIH,EAAMG,CAAU,CAAC,KAAKD,CAAK;AAAA,IAGxI,GAGHG,IAA0C;AAAA,MAC9C,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IAAA,GAEDC,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.es512.js

@@ -1,6 +1,6 @@
-import { defineComponent as v, computed as c, openBlock as l, createBlock as S, resolveDynamicComponent as h, normalizeStyle as y, withCtx as b, createElementBlock as x } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kong-icons.es1232.js";
-const z = ["aria-hidden"], p = '<path d="M16 19C15.5333 19 15.0792 18.9542 14.6375 18.8625C14.1958 18.7708 13.7667 18.6417 13.35 18.475C14.3333 17.575 15.1042 16.5708 15.6625 15.4625C16.2208 14.3542 16.5 13.2 16.5 12C16.5 10.8 16.2208 9.64583 15.6625 8.5375C15.1042 7.42917 14.3333 6.425 13.35 5.525C13.7667 5.35833 14.1958 5.22917 14.6375 5.1375C15.0792 5.04583 15.5333 5 16 5C17.95 5 19.6042 5.67917 20.9625 7.0375C22.3208 8.39583 23 10.05 23 12C23 13.95 22.3208 15.6042 20.9625 16.9625C19.6042 18.3208 17.95 19 16 19ZM12 17.75C11.0833 17.1167 10.3542 16.3 9.8125 15.3C9.27083 14.3 9 13.2 9 12C9 10.8 9.27083 9.7 9.8125 8.7C10.3542 7.7 11.0833 6.88333 12 6.25C12.9167 6.88333 13.6458 7.7 14.1875 8.7C14.7292 9.7 15 10.8 15 12C15 13.2 14.7292 14.3 14.1875 15.3C13.6458 16.3 12.9167 17.1167 12 17.75ZM8 19C6.05 19 4.39583 18.3208 3.0375 16.9625C1.67917 15.6042 1 13.95 1 12C1 10.05 1.67917 8.39583 3.0375 7.0375C4.39583 5.67917 6.05 5 8 5C8.46667 5 8.92083 5.04583 9.3625 5.1375C9.80417 5.22917 10.2333 5.35833 10.65 5.525C9.66667 6.425 8.89583 7.42917 8.3375 8.5375C7.77917 9.64583 7.5 10.8 7.5 12C7.5 13.3167 7.77083 14.5375 8.3125 15.6625C8.85417 16.7875 9.6 17.7417 10.55 18.525C10.15 18.675 9.7375 18.7917 9.3125 18.875C8.8875 18.9583 8.45 19 8 19Z" fill="#6F28FF"/>', q = /* @__PURE__ */ v({
+import { defineComponent as S, computed as d, openBlock as c, createBlock as h, resolveDynamicComponent as y, normalizeStyle as b, withCtx as x, createElementBlock as z } from "vue";
+import { KUI_ICON_SIZE_50 as l } from "./kong-icons.es1232.js";
+const N = ["aria-hidden"], u = '<path d="M16 19C15.5333 19 15.0792 18.9542 14.6375 18.8625C14.1958 18.7708 13.7667 18.6417 13.35 18.475C14.3333 17.575 15.1042 16.5708 15.6625 15.4625C16.2208 14.3542 16.5 13.2 16.5 12C16.5 10.8 16.2208 9.64583 15.6625 8.5375C15.1042 7.42917 14.3333 6.425 13.35 5.525C13.7667 5.35833 14.1958 5.22917 14.6375 5.1375C15.0792 5.04583 15.5333 5 16 5C17.95 5 19.6042 5.67917 20.9625 7.0375C22.3208 8.39583 23 10.05 23 12C23 13.95 22.3208 15.6042 20.9625 16.9625C19.6042 18.3208 17.95 19 16 19ZM12 17.75C11.0833 17.1167 10.3542 16.3 9.8125 15.3C9.27083 14.3 9 13.2 9 12C9 10.8 9.27083 9.7 9.8125 8.7C10.3542 7.7 11.0833 6.88333 12 6.25C12.9167 6.88333 13.6458 7.7 14.1875 8.7C14.7292 9.7 15 10.8 15 12C15 13.2 14.7292 14.3 14.1875 15.3C13.6458 16.3 12.9167 17.1167 12 17.75ZM8 19C6.05 19 4.39583 18.3208 3.0375 16.9625C1.67917 15.6042 1 13.95 1 12C1 10.05 1.67917 8.39583 3.0375 7.0375C4.39583 5.67917 6.05 5 8 5C8.46667 5 8.92083 5.04583 9.3625 5.1375C9.80417 5.22917 10.2333 5.35833 10.65 5.525C9.66667 6.425 8.89583 7.42917 8.3375 8.5375C7.77917 9.64583 7.5 10.8 7.5 12C7.5 13.3167 7.77083 14.5375 8.3125 15.6625C8.85417 16.7875 9.6 17.7417 10.55 18.525C10.15 18.675 9.7375 18.7917 9.3125 18.875C8.8875 18.9583 8.45 19 8 19Z" fill="#6F28FF"/>', B = /* @__PURE__ */ S({
   __name: "RuntimeCompositeIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -31,7 +31,7 @@ const z = ["aria-hidden"], p = '<path d="M16 19C15.5333 19 15.0792 18.9542 14.63
     size: {
       type: [Number, String],
       required: !1,
-      default: u,
+      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)
@@ -61,7 +61,7 @@ const z = ["aria-hidden"], p = '<path d="M16 19C15.5333 19 15.0792 18.9542 14.63
     }
   },
   setup(i) {
-    const e = i, n = c(() => {
+    const e = i, n = d(() => {
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
@@ -69,8 +69,8 @@ const z = ["aria-hidden"], p = '<path d="M16 19C15.5333 19 15.0792 18.9542 14.63
         if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
           return `${t}px`;
       }
-      return u;
-    }), g = c(() => ({
+      return l;
+    }), p = d(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
@@ -79,31 +79,28 @@ const z = ["aria-hidden"], p = '<path d="M16 19C15.5333 19 15.0792 18.9542 14.63
       lineHeight: "0",
       width: n.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), C = (r) => {
-      const t = {}, s = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (a, o) => {
-        const d = `${s}-${o}`;
-        return t[o] = d, `id="${d}"`;
-      }).replace(/#([^\s^")]+)/g, (a, o) => t[o] ? `#${t[o]}` : a);
-    }, f = (r) => {
-      const t = {
-        "<": "&lt;",
-        ">": "&gt;",
-        '"': "&quot;",
-        "'": "&#039;",
-        "`": "&#039;"
-      };
-      return r.replace(/[<>"'`]/g, (s) => t[s]);
-    }, m = `${e.title ? `<title data-testid="kui-icon-svg-title">${f(e.title)}</title>` : ""}${e.staticIds ? p : C(p)}`;
-    return (r, t) => (l(), S(h(i.as), {
+    })), 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);
+    }, C = {
+      "<": "&lt;",
+      ">": "&gt;",
+      '"': "&quot;",
+      "'": "&#39;",
+      "&": "&amp;"
+    }, m = (r) => r.replace(/[<>"'&]/g, (t) => C[t]), f = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? u : g(u)}`;
+    return (r, t) => (c(), h(y(i.as), {
       "aria-hidden": i.decorative ? "true" : void 0,
       class: "kui-icon runtime-composite-icon",
       "data-testid": "kui-icon-wrapper-runtime-composite-icon",
-      style: y(g.value),
+      style: b(p.value),
       tabindex: i.decorative ? "-1" : void 0
     }, {
-      default: b(() => [
-        (l(), x("svg", {
+      default: x(() => [
+        (c(), z("svg", {
           "aria-hidden": i.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-runtime-composite-icon",
           fill: "none",
@@ -112,14 +109,14 @@ const z = ["aria-hidden"], p = '<path d="M16 19C15.5333 19 15.0792 18.9542 14.63
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: m
-        }, null, 8, z))
+          innerHTML: f
+        }, null, 8, N))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  q as default
+  B as default
 };
 //# sourceMappingURL=kong-icons.es512.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es512.js","sources":["../src/components/multi-color/RuntimeCompositeIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * RuntimeCompositeIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 09 Dec 2024 14:05:18 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 escapeHtml = (str: string) => {\n  const htmlEntities: { [key: string]: string } = {\n    '<': '&lt;',\n    '>': '&gt;',\n    '\"': '&quot;',\n    \"'\": '&#039;',\n    '`': '&#039;',\n  }\n\n  return str.replace(/[<>\"'`]/g, (match) => htmlEntities[match])\n}\n\n// The `svgOriginalContent` template string will be replaced with the SVG innerHTML in the generate script.\n// eslint-disable-next-line @stylistic/quotes\nconst svgOriginalContent = `<path d=\"M16 19C15.5333 19 15.0792 18.9542 14.6375 18.8625C14.1958 18.7708 13.7667 18.6417 13.35 18.475C14.3333 17.575 15.1042 16.5708 15.6625 15.4625C16.2208 14.3542 16.5 13.2 16.5 12C16.5 10.8 16.2208 9.64583 15.6625 8.5375C15.1042 7.42917 14.3333 6.425 13.35 5.525C13.7667 5.35833 14.1958 5.22917 14.6375 5.1375C15.0792 5.04583 15.5333 5 16 5C17.95 5 19.6042 5.67917 20.9625 7.0375C22.3208 8.39583 23 10.05 23 12C23 13.95 22.3208 15.6042 20.9625 16.9625C19.6042 18.3208 17.95 19 16 19ZM12 17.75C11.0833 17.1167 10.3542 16.3 9.8125 15.3C9.27083 14.3 9 13.2 9 12C9 10.8 9.27083 9.7 9.8125 8.7C10.3542 7.7 11.0833 6.88333 12 6.25C12.9167 6.88333 13.6458 7.7 14.1875 8.7C14.7292 9.7 15 10.8 15 12C15 13.2 14.7292 14.3 14.1875 15.3C13.6458 16.3 12.9167 17.1167 12 17.75ZM8 19C6.05 19 4.39583 18.3208 3.0375 16.9625C1.67917 15.6042 1 13.95 1 12C1 10.05 1.67917 8.39583 3.0375 7.0375C4.39583 5.67917 6.05 5 8 5C8.46667 5 8.92083 5.04583 9.3625 5.1375C9.80417 5.22917 10.2333 5.35833 10.65 5.525C9.66667 6.425 8.89583 7.42917 8.3375 8.5375C7.77917 9.64583 7.5 10.8 7.5 12C7.5 13.3167 7.77083 14.5375 8.3125 15.6625C8.85417 16.7875 9.6 17.7417 10.55 18.525C10.15 18.675 9.7375 18.7917 9.3125 18.875C8.8875 18.9583 8.45 19 8 19Z\" fill=\"#6F28FF\"/>`\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 runtime-composite-icon\"\n    data-testid=\"kui-icon-wrapper-runtime-composite-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-runtime-composite-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      v-html=\"svgProcessedContent\"\n    />\n  </component>\n</template>\n\n<style>\n/**\n * !Important: Do not add styles into this component file.\n *\n * We are adding styles inline to avoid additional stylesheet imports in the consuming application/component.\n */\n</style>\n"],"names":["svgOriginalContent","props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIdsInString","svgString","idMap","randomPrefix","match","originalId","newId","escapeHtml","str","htmlEntities","svgProcessedContent"],"mappings":";;2BA0JMA,IAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA7I3B,UAAMC,IAAQC,GAgERC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MAExB;AAGO,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,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,IAC3C,EAAA,GAaIQ,IAAuB,CAACC,MAA8B;AAC1D,YAAMC,IAAgC,CAAA,GAChCC,IAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE;AAaxD,aAVkBF,EAAU,QAAQ,iBAAiB,CAACG,GAAOC,MAAe;AACjF,cAAMC,IAAQ,GAAGH,CAAY,IAAIE,CAAU;AAC3C,eAAAH,EAAMG,CAAU,IAAIC,GACb,OAAOA,CAAK;AAAA,MAAA,CACpB,EAG2C,QAAQ,iBAAiB,CAACF,GAAOC,MAAeH,EAAMG,CAAU,IAAI,IAAIH,EAAMG,CAAU,CAAC,KAAKD,CAAK;AAAA,IAGxI,GAGHG,IAAa,CAACC,MAAgB;AAClC,YAAMC,IAA0C;AAAA,QAC9C,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,MAAA;AAGP,aAAOD,EAAI,QAAQ,YAAY,CAACJ,MAAUK,EAAaL,CAAK,CAAC;AAAA,IAAA,GAOzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2Ce,EAAWf,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es512.js","sources":["../src/components/multi-color/RuntimeCompositeIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * RuntimeCompositeIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 09 Dec 2024 14:01:53 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=\"M16 19C15.5333 19 15.0792 18.9542 14.6375 18.8625C14.1958 18.7708 13.7667 18.6417 13.35 18.475C14.3333 17.575 15.1042 16.5708 15.6625 15.4625C16.2208 14.3542 16.5 13.2 16.5 12C16.5 10.8 16.2208 9.64583 15.6625 8.5375C15.1042 7.42917 14.3333 6.425 13.35 5.525C13.7667 5.35833 14.1958 5.22917 14.6375 5.1375C15.0792 5.04583 15.5333 5 16 5C17.95 5 19.6042 5.67917 20.9625 7.0375C22.3208 8.39583 23 10.05 23 12C23 13.95 22.3208 15.6042 20.9625 16.9625C19.6042 18.3208 17.95 19 16 19ZM12 17.75C11.0833 17.1167 10.3542 16.3 9.8125 15.3C9.27083 14.3 9 13.2 9 12C9 10.8 9.27083 9.7 9.8125 8.7C10.3542 7.7 11.0833 6.88333 12 6.25C12.9167 6.88333 13.6458 7.7 14.1875 8.7C14.7292 9.7 15 10.8 15 12C15 13.2 14.7292 14.3 14.1875 15.3C13.6458 16.3 12.9167 17.1167 12 17.75ZM8 19C6.05 19 4.39583 18.3208 3.0375 16.9625C1.67917 15.6042 1 13.95 1 12C1 10.05 1.67917 8.39583 3.0375 7.0375C4.39583 5.67917 6.05 5 8 5C8.46667 5 8.92083 5.04583 9.3625 5.1375C9.80417 5.22917 10.2333 5.35833 10.65 5.525C9.66667 6.425 8.89583 7.42917 8.3375 8.5375C7.77917 9.64583 7.5 10.8 7.5 12C7.5 13.3167 7.77083 14.5375 8.3125 15.6625C8.85417 16.7875 9.6 17.7417 10.55 18.525C10.15 18.675 9.7375 18.7917 9.3125 18.875C8.8875 18.9583 8.45 19 8 19Z\" fill=\"#6F28FF\"/>`\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 runtime-composite-icon\"\n    data-testid=\"kui-icon-wrapper-runtime-composite-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-runtime-composite-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,MAExB;AAGO,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,IAC3C,EAAA,GAaIQ,IAAuB,CAACC,MAA8B;AAC1D,YAAMC,IAAgC,CAAA,GAChCC,IAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE;AAaxD,aAVkBF,EAAU,QAAQ,iBAAiB,CAACG,GAAOC,MAAe;AACjF,cAAMC,IAAQ,GAAGH,CAAY,IAAIE,CAAU;AAC3C,eAAAH,EAAMG,CAAU,IAAIC,GACb,OAAOA,CAAK;AAAA,MAAA,CACpB,EAG2C,QAAQ,iBAAiB,CAACF,GAAOC,MAAeH,EAAMG,CAAU,IAAI,IAAIH,EAAMG,CAAU,CAAC,KAAKD,CAAK;AAAA,IAGxI,GAGHG,IAA0C;AAAA,MAC9C,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IAAA,GAEDC,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.es514.js

@@ -1,12 +1,12 @@
-import { defineComponent as v, computed as l, openBlock as c, createBlock as S, resolveDynamicComponent as y, normalizeStyle as h, withCtx as x, createElementBlock as b } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kong-icons.es1232.js";
-const z = ["aria-hidden"], p = `<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_754_9630)"/>
+import { defineComponent as S, computed as d, openBlock as l, createBlock as y, resolveDynamicComponent as h, normalizeStyle as x, withCtx as b, createElementBlock as z } from "vue";
+import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1232.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_754_9630)"/>
 <defs>
 <linearGradient id="paint0_linear_754_9630" x1="1" y1="2" x2="23" y2="22" gradientUnits="userSpaceOnUse">
 <stop stop-color="#0044F4"/>
 <stop offset="1" stop-color="#00FABE"/>
 </linearGradient>
-</defs>`, I = /* @__PURE__ */ v({
+</defs>`, $ = /* @__PURE__ */ S({
   __name: "RuntimeDedicatedCloudIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -37,7 +37,7 @@ const z = ["aria-hidden"], p = `<path d="M14 18V16H17.5C18.077 16 18.6451 15.857
     size: {
       type: [Number, String],
       required: !1,
-      default: u,
+      default: c,
       // if setting to the imported const fails, just pass a number of 24 as the default.
       validator: (i) => {
         if (typeof i == "number" && i > 0)
@@ -67,7 +67,7 @@ const z = ["aria-hidden"], p = `<path d="M14 18V16H17.5C18.077 16 18.6451 15.857
     }
   },
   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") {
@@ -75,8 +75,8 @@ const z = ["aria-hidden"], p = `<path d="M14 18V16H17.5C18.077 16 18.6451 15.857
         if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
           return `${t}px`;
       }
-      return u;
-    }), g = l(() => ({
+      return c;
+    }), p = d(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
@@ -85,31 +85,28 @@ const z = ["aria-hidden"], p = `<path d="M14 18V16H17.5C18.077 16 18.6451 15.857
       lineHeight: "0",
       width: n.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), f = (r) => {
-      const t = {}, s = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (a, o) => {
-        const d = `${s}-${o}`;
-        return t[o] = d, `id="${d}"`;
-      }).replace(/#([^\s^")]+)/g, (a, o) => t[o] ? `#${t[o]}` : a);
-    }, C = (r) => {
-      const t = {
-        "<": "&lt;",
-        ">": "&gt;",
-        '"': "&quot;",
-        "'": "&#039;",
-        "`": "&#039;"
-      };
-      return r.replace(/[<>"'`]/g, (s) => t[s]);
-    }, m = `${e.title ? `<title data-testid="kui-icon-svg-title">${C(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
-    return (r, t) => (c(), S(y(i.as), {
+    })), 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);
+    }, f = {
+      "<": "&lt;",
+      ">": "&gt;",
+      '"': "&quot;",
+      "'": "&#39;",
+      "&": "&amp;"
+    }, m = (r) => r.replace(/[<>"'&]/g, (t) => f[t]), C = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? u : g(u)}`;
+    return (r, t) => (l(), y(h(i.as), {
       "aria-hidden": i.decorative ? "true" : void 0,
       class: "kui-icon runtime-dedicated-cloud-icon",
       "data-testid": "kui-icon-wrapper-runtime-dedicated-cloud-icon",
-      style: h(g.value),
+      style: x(p.value),
       tabindex: i.decorative ? "-1" : void 0
     }, {
-      default: x(() => [
-        (c(), b("svg", {
+      default: b(() => [
+        (l(), z("svg", {
           "aria-hidden": i.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-runtime-dedicated-cloud-icon",
           fill: "none",
@@ -118,14 +115,14 @@ const z = ["aria-hidden"], p = `<path d="M14 18V16H17.5C18.077 16 18.6451 15.857
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: m
-        }, null, 8, z))
+          innerHTML: C
+        }, null, 8, H))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  I as default
+  $ as default
 };
 //# sourceMappingURL=kong-icons.es514.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es514.js","sources":["../src/components/multi-color/RuntimeDedicatedCloudIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * RuntimeDedicatedCloudIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 09 Dec 2024 14:05:18 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 escapeHtml = (str: string) => {\n  const htmlEntities: { [key: string]: string } = {\n    '<': '&lt;',\n    '>': '&gt;',\n    '\"': '&quot;',\n    \"'\": '&#039;',\n    '`': '&#039;',\n  }\n\n  return str.replace(/[<>\"'`]/g, (match) => htmlEntities[match])\n}\n\n// The `svgOriginalContent` template string will be replaced with the SVG innerHTML in the generate script.\n\nconst svgOriginalContent = `<path d=\"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_754_9630)\"/>\n<defs>\n<linearGradient id=\"paint0_linear_754_9630\" x1=\"1\" y1=\"2\" x2=\"23\" y2=\"22\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#0044F4\"/>\n<stop offset=\"1\" stop-color=\"#00FABE\"/>\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 runtime-dedicated-cloud-icon\"\n    data-testid=\"kui-icon-wrapper-runtime-dedicated-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-runtime-dedicated-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","escapeHtml","str","htmlEntities","svgProcessedContent"],"mappings":";;2BA0JMA,IAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA7I3B,UAAMC,IAAQC,GAgERC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MAExB;AAGO,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,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,IAC3C,EAAA,GAaIQ,IAAuB,CAACC,MAA8B;AAC1D,YAAMC,IAAgC,CAAA,GAChCC,IAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE;AAaxD,aAVkBF,EAAU,QAAQ,iBAAiB,CAACG,GAAOC,MAAe;AACjF,cAAMC,IAAQ,GAAGH,CAAY,IAAIE,CAAU;AAC3C,eAAAH,EAAMG,CAAU,IAAIC,GACb,OAAOA,CAAK;AAAA,MAAA,CACpB,EAG2C,QAAQ,iBAAiB,CAACF,GAAOC,MAAeH,EAAMG,CAAU,IAAI,IAAIH,EAAMG,CAAU,CAAC,KAAKD,CAAK;AAAA,IAGxI,GAGHG,IAAa,CAACC,MAAgB;AAClC,YAAMC,IAA0C;AAAA,QAC9C,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,MAAA;AAGP,aAAOD,EAAI,QAAQ,YAAY,CAACJ,MAAUK,EAAaL,CAAK,CAAC;AAAA,IAAA,GAazDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2Ce,EAAWf,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es514.js","sources":["../src/components/multi-color/RuntimeDedicatedCloudIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * RuntimeDedicatedCloudIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 09 Dec 2024 14:01:53 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_754_9630)\"/>\n<defs>\n<linearGradient id=\"paint0_linear_754_9630\" x1=\"1\" y1=\"2\" x2=\"23\" y2=\"22\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#0044F4\"/>\n<stop offset=\"1\" stop-color=\"#00FABE\"/>\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 runtime-dedicated-cloud-icon\"\n    data-testid=\"kui-icon-wrapper-runtime-dedicated-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-runtime-dedicated-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;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,MAExB;AAGO,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,IAC3C,EAAA,GAaIQ,IAAuB,CAACC,MAA8B;AAC1D,YAAMC,IAAgC,CAAA,GAChCC,IAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE;AAaxD,aAVkBF,EAAU,QAAQ,iBAAiB,CAACG,GAAOC,MAAe;AACjF,cAAMC,IAAQ,GAAGH,CAAY,IAAIE,CAAU;AAC3C,eAAAH,EAAMG,CAAU,IAAIC,GACb,OAAOA,CAAK;AAAA,MAAA,CACpB,EAG2C,QAAQ,iBAAiB,CAACF,GAAOC,MAAeH,EAAMG,CAAU,IAAI,IAAIH,EAAMG,CAAU,CAAC,KAAKD,CAAK;AAAA,IAGxI,GAGHG,IAA0C;AAAA,MAC9C,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IAAA,GAEDC,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.es516.js

@@ -1,6 +1,6 @@
-import { defineComponent as v, computed as l, openBlock as c, createBlock as S, resolveDynamicComponent as h, normalizeStyle as y, withCtx as b, createElementBlock as x } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kong-icons.es1232.js";
-const z = ["aria-hidden"], C = '<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="#828A9E"/>', $ = /* @__PURE__ */ v({
+import { defineComponent as S, computed as d, openBlock as l, createBlock as h, resolveDynamicComponent as y, normalizeStyle as b, withCtx as x, createElementBlock as z } from "vue";
+import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1232.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="#828A9E"/>', M = /* @__PURE__ */ S({
   __name: "RuntimeHybridIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -31,7 +31,7 @@ const z = ["aria-hidden"], C = '<path fill-rule="evenodd" clip-rule="evenodd" d=
     size: {
       type: [Number, String],
       required: !1,
-      default: u,
+      default: c,
       // if setting to the imported const fails, just pass a number of 24 as the default.
       validator: (i) => {
         if (typeof i == "number" && i > 0)
@@ -61,7 +61,7 @@ const z = ["aria-hidden"], C = '<path fill-rule="evenodd" clip-rule="evenodd" d=
     }
   },
   setup(i) {
-    const e = i, r = l(() => {
+    const e = i, r = d(() => {
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
@@ -69,8 +69,8 @@ const z = ["aria-hidden"], C = '<path fill-rule="evenodd" clip-rule="evenodd" d=
         if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
           return `${t}px`;
       }
-      return u;
-    }), g = l(() => ({
+      return c;
+    }), C = d(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
@@ -79,31 +79,28 @@ const z = ["aria-hidden"], C = '<path fill-rule="evenodd" clip-rule="evenodd" d=
       lineHeight: "0",
       width: r.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), p = (n) => {
-      const t = {}, s = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (a, o) => {
-        const d = `${s}-${o}`;
-        return t[o] = d, `id="${d}"`;
-      }).replace(/#([^\s^")]+)/g, (a, o) => t[o] ? `#${t[o]}` : a);
-    }, f = (n) => {
-      const t = {
-        "<": "&lt;",
-        ">": "&gt;",
-        '"': "&quot;",
-        "'": "&#039;",
-        "`": "&#039;"
-      };
-      return n.replace(/[<>"'`]/g, (s) => t[s]);
-    }, m = `${e.title ? `<title data-testid="kui-icon-svg-title">${f(e.title)}</title>` : ""}${e.staticIds ? C : p(C)}`;
-    return (n, t) => (c(), S(h(i.as), {
+    })), g = (n) => {
+      const t = {}, v = Math.random().toString(36).substring(2, 12);
+      return n.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;"
+    }, f = (n) => n.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 (n, t) => (l(), h(y(i.as), {
       "aria-hidden": i.decorative ? "true" : void 0,
       class: "kui-icon runtime-hybrid-icon",
       "data-testid": "kui-icon-wrapper-runtime-hybrid-icon",
-      style: y(g.value),
+      style: b(C.value),
       tabindex: i.decorative ? "-1" : void 0
     }, {
-      default: b(() => [
-        (c(), x("svg", {
+      default: x(() => [
+        (l(), z("svg", {
           "aria-hidden": i.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-runtime-hybrid-icon",
           fill: "none",
@@ -113,13 +110,13 @@ const z = ["aria-hidden"], C = '<path fill-rule="evenodd" clip-rule="evenodd" d=
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
           innerHTML: m
-        }, null, 8, z))
+        }, null, 8, N))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  $ as default
+  M as default
 };
 //# sourceMappingURL=kong-icons.es516.js.map