@kong/icons 1.21.0 → 1.21.2-pr.522.614cbd4.0

package/dist/kong-icons.es504.js

@@ -0,0 +1,123 @@
+import { defineComponent as S, computed as l, openBlock as c, createBlock as y, resolveDynamicComponent as b, normalizeStyle as x, withCtx as z, createElementBlock as N } from "vue";
+import { KUI_ICON_SIZE_50 as d } from "./kong-icons.es1256.js";
+const k = ["aria-hidden"], u = `<path d="M14.2228 17.3167L17.5228 15.4833V2.95556L14.2228 1V10.35H10.0061V6.68333L6.64502 8.51667V21.0444L10.0061 23V13.65H14.2228V17.3167Z" fill="black"/>
+<path d="M19.1111 3.81111V16.5222L14.2222 19.2111V23L22.1667 18.4167V5.58333L19.1111 3.81111ZM10.0056 1L2 5.58333V18.4167L5.11667 20.1889V7.47778L10.0056 4.78889V1Z" fill="black"/>`, $ = /* @__PURE__ */ S({
+  __name: "HashicorpIcon",
+  props: {
+    /** The accessibility text provided to screen readers */
+    title: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
+    color: {
+      type: String,
+      required: !1,
+      default: "currentColor"
+    },
+    /** The CSS display property for the icon. Defaults to `block` */
+    display: {
+      type: String,
+      required: !1,
+      default: "block"
+    },
+    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
+    decorative: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    /** The icon size */
+    size: {
+      type: [Number, String],
+      required: !1,
+      default: d,
+      // if setting to the imported const fails, just pass a number of 24 as the default.
+      validator: (i) => {
+        if (typeof i == "number" && i > 0)
+          return !0;
+        if (typeof i == "string") {
+          const e = String(i).replace(/px/gi, ""), r = Number(e);
+          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
+            return !0;
+        }
+        return !1;
+      }
+    },
+    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
+    as: {
+      type: String,
+      required: !1,
+      default: "span"
+    },
+    /**
+     * 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).
+     * Typically only set to `true` during snapshot testing.
+     * Defaults to `false`.
+     */
+    staticIds: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(i) {
+    const e = i, r = l(() => {
+      if (typeof e.size == "number" && e.size > 0)
+        return `${e.size}px`;
+      if (typeof e.size == "string") {
+        const n = String(e.size).replace(/px/gi, ""), t = Number(n);
+        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
+          return `${t}px`;
+      }
+      return d;
+    }), p = l(() => ({
+      boxSizing: "border-box",
+      color: e.color,
+      display: e.display,
+      flexShrink: "0",
+      height: r.value,
+      lineHeight: "0",
+      width: r.value,
+      pointerEvents: e.decorative ? "none" : void 0
+    })), g = (n) => {
+      const t = {}, h = Math.random().toString(36).substring(2, 12);
+      return n.replace(/id="([^"]+)"/g, (s, o) => {
+        const a = `${h}-${o}`;
+        return t[o] = a, `id="${a}"`;
+      }).replace(/#([^\s^")]+)/g, (s, o) => t[o] ? `#${t[o]}` : s);
+    }, f = {
+      "<": "&lt;",
+      ">": "&gt;",
+      '"': "&quot;",
+      "'": "&#39;",
+      "&": "&amp;"
+    }, m = (n) => n.replace(/[<>"'&]/g, (t) => f[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? u : g(u)}`;
+    return (n, t) => (c(), y(b(i.as), {
+      "aria-hidden": i.decorative ? "true" : void 0,
+      class: "kui-icon hashicorp-icon",
+      "data-testid": "kui-icon-wrapper-hashicorp-icon",
+      style: x(p.value),
+      tabindex: i.decorative ? "-1" : void 0
+    }, {
+      default: z(() => [
+        (c(), N("svg", {
+          "aria-hidden": i.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-hashicorp-icon",
+          fill: "none",
+          height: "100%",
+          role: "img",
+          viewBox: "0 0 24 24",
+          width: "100%",
+          xmlns: "http://www.w3.org/2000/svg",
+          innerHTML: v
+        }, null, 8, k))
+      ]),
+      _: 1
+    }, 8, ["aria-hidden", "style", "tabindex"]));
+  }
+});
+export {
+  $ as default
+};
+//# sourceMappingURL=kong-icons.es504.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"kong-icons.es504.js","sources":["../src/components/multi-color/HashicorpIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * HashicorpIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 10 Feb 2025 15:13:03 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.2228 17.3167L17.5228 15.4833V2.95556L14.2228 1V10.35H10.0061V6.68333L6.64502 8.51667V21.0444L10.0061 23V13.65H14.2228V17.3167Z\" fill=\"black\"/>\n<path d=\"M19.1111 3.81111V16.5222L14.2222 19.2111V23L22.1667 18.4167V5.58333L19.1111 3.81111ZM10.0056 1L2 5.58333V18.4167L5.11667 20.1889V7.47778L10.0056 4.78889V1Z\" fill=\"black\"/>`\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 hashicorp-icon\"\n    data-testid=\"kui-icon-wrapper-hashicorp-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-hashicorp-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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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,GAQzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es506.js

@@ -0,0 +1,135 @@
+import { defineComponent as C, computed as l, openBlock as d, createBlock as S, resolveDynamicComponent as y, normalizeStyle as x, withCtx as b, createElementBlock as _ } from "vue";
+import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1256.js";
+const w = ["aria-hidden"], p = `<g clip-path="url(#clip0_55_22054)">
+<path d="M12 23.3899C18.2905 23.3899 23.3899 18.2905 23.3899 12.0001C23.3899 5.70963 18.2905 0.610229 12 0.610229C5.70963 0.610229 0.610229 5.70963 0.610229 12.0001C0.610229 18.2905 5.70963 23.3899 12 23.3899Z" fill="white"/>
+<path d="M12 0C5.37258 0 0 5.37258 0 12C0 18.6275 5.37258 24 12 24C18.6275 24 24 18.6275 24 12C24 5.37258 18.6275 0 12 0ZM12 1.22034C17.9534 1.22034 22.7797 6.04656 22.7797 12C22.7797 17.9534 17.9534 22.7797 12 22.7797C6.04656 22.7797 1.22034 17.9534 1.22034 12C1.22034 6.04656 6.04656 1.22034 12 1.22034Z" fill="#4000BF"/>
+<path d="M12.1355 3.45764C16.8534 3.45764 20.6779 7.28219 20.6779 12C20.6779 16.7178 16.8534 20.5424 12.1355 20.5424C7.41769 20.5424 3.59314 16.7178 3.59314 12C3.59314 10.847 3.82157 9.74739 4.23566 8.74381C4.84027 9.56716 5.8153 10.1017 6.91517 10.1017C8.74992 10.1017 10.2372 8.61436 10.2372 6.77968C10.2372 5.6798 9.70272 4.70477 8.8793 4.10017C9.88287 3.68608 10.9825 3.45764 12.1355 3.45764Z" fill="url(#paint0_linear_55_22054)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_55_22054" x1="857.829" y1="1711.93" x2="857.829" y2="3.45764" gradientUnits="userSpaceOnUse">
+<stop stop-color="#7400E1"/>
+<stop offset="1" stop-color="#4000BF"/>
+</linearGradient>
+<clipPath id="clip0_55_22054">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>`, B = /* @__PURE__ */ C({
+  __name: "InsomniaIcon",
+  props: {
+    /** The accessibility text provided to screen readers */
+    title: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
+    color: {
+      type: String,
+      required: !1,
+      default: "currentColor"
+    },
+    /** The CSS display property for the icon. Defaults to `block` */
+    display: {
+      type: String,
+      required: !1,
+      default: "block"
+    },
+    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
+    decorative: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    /** The icon size */
+    size: {
+      type: [Number, String],
+      required: !1,
+      default: c,
+      // if setting to the imported const fails, just pass a number of 24 as the default.
+      validator: (i) => {
+        if (typeof i == "number" && i > 0)
+          return !0;
+        if (typeof i == "string") {
+          const e = String(i).replace(/px/gi, ""), n = Number(e);
+          if (n && !isNaN(n) && Number.isInteger(n) && n > 0)
+            return !0;
+        }
+        return !1;
+      }
+    },
+    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
+    as: {
+      type: String,
+      required: !1,
+      default: "span"
+    },
+    /**
+     * 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).
+     * Typically only set to `true` during snapshot testing.
+     * Defaults to `false`.
+     */
+    staticIds: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(i) {
+    const e = i, n = l(() => {
+      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);
+        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
+          return `${t}px`;
+      }
+      return c;
+    }), u = l(() => ({
+      boxSizing: "border-box",
+      color: e.color,
+      display: e.display,
+      flexShrink: "0",
+      height: n.value,
+      lineHeight: "0",
+      width: n.value,
+      pointerEvents: e.decorative ? "none" : void 0
+    })), 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]), h = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? p : g(p)}`;
+    return (r, t) => (d(), S(y(i.as), {
+      "aria-hidden": i.decorative ? "true" : void 0,
+      class: "kui-icon insomnia-icon",
+      "data-testid": "kui-icon-wrapper-insomnia-icon",
+      style: x(u.value),
+      tabindex: i.decorative ? "-1" : void 0
+    }, {
+      default: b(() => [
+        (d(), _("svg", {
+          "aria-hidden": i.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-insomnia-icon",
+          fill: "none",
+          height: "100%",
+          role: "img",
+          viewBox: "0 0 24 24",
+          width: "100%",
+          xmlns: "http://www.w3.org/2000/svg",
+          innerHTML: h
+        }, null, 8, w))
+      ]),
+      _: 1
+    }, 8, ["aria-hidden", "style", "tabindex"]));
+  }
+});
+export {
+  B as default
+};
+//# sourceMappingURL=kong-icons.es506.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"kong-icons.es506.js","sources":["../src/components/multi-color/InsomniaIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * InsomniaIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 10 Feb 2025 15:13:03 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 = `<g clip-path=\"url(#clip0_55_22054)\">\n<path d=\"M12 23.3899C18.2905 23.3899 23.3899 18.2905 23.3899 12.0001C23.3899 5.70963 18.2905 0.610229 12 0.610229C5.70963 0.610229 0.610229 5.70963 0.610229 12.0001C0.610229 18.2905 5.70963 23.3899 12 23.3899Z\" fill=\"white\"/>\n<path d=\"M12 0C5.37258 0 0 5.37258 0 12C0 18.6275 5.37258 24 12 24C18.6275 24 24 18.6275 24 12C24 5.37258 18.6275 0 12 0ZM12 1.22034C17.9534 1.22034 22.7797 6.04656 22.7797 12C22.7797 17.9534 17.9534 22.7797 12 22.7797C6.04656 22.7797 1.22034 17.9534 1.22034 12C1.22034 6.04656 6.04656 1.22034 12 1.22034Z\" fill=\"#4000BF\"/>\n<path d=\"M12.1355 3.45764C16.8534 3.45764 20.6779 7.28219 20.6779 12C20.6779 16.7178 16.8534 20.5424 12.1355 20.5424C7.41769 20.5424 3.59314 16.7178 3.59314 12C3.59314 10.847 3.82157 9.74739 4.23566 8.74381C4.84027 9.56716 5.8153 10.1017 6.91517 10.1017C8.74992 10.1017 10.2372 8.61436 10.2372 6.77968C10.2372 5.6798 9.70272 4.70477 8.8793 4.10017C9.88287 3.68608 10.9825 3.45764 12.1355 3.45764Z\" fill=\"url(#paint0_linear_55_22054)\"/>\n</g>\n<defs>\n<linearGradient id=\"paint0_linear_55_22054\" x1=\"857.829\" y1=\"1711.93\" x2=\"857.829\" y2=\"3.45764\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#7400E1\"/>\n<stop offset=\"1\" stop-color=\"#4000BF\"/>\n</linearGradient>\n<clipPath id=\"clip0_55_22054\">\n<rect width=\"24\" height=\"24\" fill=\"white\"/>\n</clipPath>\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 insomnia-icon\"\n    data-testid=\"kui-icon-wrapper-insomnia-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-insomnia-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      v-html=\"svgProcessedContent\"\n    />\n  </component>\n</template>\n\n<style>\n/**\n * !Important: Do not add styles into this component file.\n *\n * We are adding styles inline to avoid additional stylesheet imports in the consuming application/component.\n */\n</style>\n"],"names":["svgOriginalContent","props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIdsInString","svgString","idMap","randomPrefix","match","originalId","newId","htmlEntities","escapeHtml","str","svgProcessedContent"],"mappings":";;2BAyJMA,IAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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,GAoBzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es508.js

@@ -0,0 +1,134 @@
+import { defineComponent as v, computed as o, openBlock as s, createBlock as S, resolveDynamicComponent as x, normalizeStyle as y, withCtx as b, createElementBlock as M } from "vue";
+import { KUI_ICON_SIZE_50 as d } from "./kong-icons.es1256.js";
+const Z = ["aria-hidden"], c = `<path d="M9.53693 7.07369L9.60009 8.52632L8.58956 10.4211L7.01061 13.5158L6.69482 16.1053L7.83167 19.7684L10.4211 21.2211H14.3369L18.0001 18.4421L19.6422 14.0842L15.8527 9.47369L14.779 6.88422L9.53693 7.07369Z" fill="#ECEFF1"/>
+<path d="M18.5051 10.6737C17.4946 9.22111 16.6735 8.3369 16.2314 6.50532C15.7893 4.67374 16.3577 5.179 15.9788 3.60005C15.7893 2.779 15.4735 2.21058 15.1577 1.76848C14.7788 1.32637 14.3367 1.07374 14.0841 1.01058C13.5156 0.694792 12.1893 0.189528 10.5472 1.07374C8.84195 1.95795 9.03143 3.85269 9.34722 7.70532C9.34722 7.95795 9.28406 8.27374 9.15774 8.52637C8.90511 9.09479 8.46301 9.60005 8.08406 10.0422C7.64195 10.6737 7.19985 11.3053 6.88406 12.0001C6.12616 13.4527 5.43143 15.2843 5.6209 15.979C5.93669 15.9158 9.91564 21.979 9.91564 22.1053C10.1683 22.0422 11.242 22.0422 12.1893 22.0422C13.5156 21.979 14.2735 21.9158 15.3472 22.1685C15.3472 21.979 15.2841 21.7895 15.2841 21.6001C15.2841 21.2211 15.3472 20.9053 15.4104 20.4632C15.4735 20.1474 15.5367 19.8316 15.5998 19.4527C14.9683 20.0211 13.8314 20.6527 12.7577 20.8422C11.8104 21.0316 10.2314 20.7158 9.47353 19.7685C9.53669 19.7685 9.66301 19.7685 9.72616 19.7053C9.91564 19.6422 10.1051 19.579 10.1683 19.4527C10.3577 19.1369 10.2314 18.8211 10.1051 18.6316C9.9788 18.4422 9.03143 17.7474 8.58932 17.3685C8.14722 16.9895 7.89458 16.8001 7.64195 16.5474C7.64195 16.5474 7.26301 16.1685 7.13669 16.0422C7.01037 15.9158 6.94722 15.7895 6.88406 15.7264C6.75774 15.4106 6.69458 15.0316 6.75774 14.5264C6.8209 13.8316 7.07353 13.2632 7.38932 12.6316C7.51564 12.379 7.83143 11.8737 7.83143 11.8737C7.83143 11.8737 6.75774 14.5264 7.32616 15.3474C7.32616 15.3474 7.38932 14.5264 7.64195 13.7053C7.83143 13.1369 8.14722 12.3158 8.52616 11.8737C8.90511 11.4316 9.85248 9.78953 9.91564 8.779C9.91564 8.3369 9.97879 7.89479 9.97879 7.579C9.72616 7.32637 14.1472 6.69479 14.3998 7.38953C14.463 7.64216 15.3472 9.91584 15.8525 11.1158C16.1051 11.6843 16.4209 12.1895 16.6104 12.8211C16.7998 13.5158 16.9262 14.4632 16.9262 15.4106C16.9262 15.6001 16.9262 15.9158 16.863 16.2316C16.9893 16.2316 19.4525 13.579 16.5472 11.3685C16.5472 11.3685 18.3156 12.1895 18.3788 13.8316C18.442 15.158 17.8735 16.2316 17.7472 16.4211C17.8104 16.4211 19.0735 16.9895 19.1367 16.9895C19.3893 16.9895 19.8946 16.8001 19.8946 16.8001C19.9577 16.6106 20.1472 16.1053 20.1472 15.9158C20.5893 14.4632 19.5156 12.1264 18.5051 10.6737Z" fill="#263238"/>
+<path d="M10.4841 6.50532C10.9376 6.50532 11.3052 5.93978 11.3052 5.24216C11.3052 4.54454 10.9376 3.979 10.4841 3.979C10.0307 3.979 9.66309 4.54454 9.66309 5.24216C9.66309 5.93978 10.0307 6.50532 10.4841 6.50532Z" fill="#ECEFF1"/>
+<path d="M13.3261 6.63158C13.9191 6.63158 14.3998 5.98122 14.3998 5.17895C14.3998 4.37668 13.9191 3.72632 13.3261 3.72632C12.7331 3.72632 12.2524 4.37668 12.2524 5.17895C12.2524 5.98122 12.7331 6.63158 13.3261 6.63158Z" fill="#ECEFF1"/>
+<path d="M10.9428 5.32856C10.8903 4.91329 10.6514 4.60147 10.4092 4.63209C10.1669 4.66271 10.0131 5.02417 10.0656 5.43944C10.1181 5.8547 10.357 6.16652 10.5993 6.13591C10.8415 6.10529 10.9953 5.74382 10.9428 5.32856Z" fill="#212121"/>
+<path d="M13.2629 6.25264C13.6117 6.25264 13.8945 5.88504 13.8945 5.43159C13.8945 4.97813 13.6117 4.61053 13.2629 4.61053C12.9141 4.61053 12.6313 4.97813 12.6313 5.43159C12.6313 5.88504 12.9141 6.25264 13.2629 6.25264Z" fill="#212121"/>
+<path d="M21.663 19.3263C21.4103 19.2 20.9682 19.0106 20.5893 18.4421C20.3998 18.1263 20.463 17.2421 20.1472 16.8632C19.9577 16.6106 19.7051 16.7369 19.6419 16.7369C19.0735 16.8632 17.7472 17.7474 16.863 16.7369C16.7367 16.6106 16.5472 16.4211 16.2314 16.4211C15.9156 16.4211 15.7893 16.5474 15.663 16.8C15.5367 17.0527 15.5367 17.2421 15.5367 17.8737C15.5367 18.379 15.5367 18.9474 15.4735 19.3895C15.3472 20.4632 15.1577 21.0948 15.1577 21.7263C15.1577 22.4211 15.3472 22.8632 15.5998 23.0527C15.7893 23.2421 16.1051 23.3684 16.7998 23.3684C17.4946 23.3684 17.9367 23.1158 18.3788 22.6737C18.6946 22.3579 18.9472 22.2316 19.8314 21.6C20.5261 21.1579 21.5998 20.5895 21.7893 20.4C21.9156 20.2737 22.1051 20.2106 22.1051 19.8316C22.1051 19.5158 21.8525 19.3895 21.663 19.3263Z" fill="#FFC107"/>
+<path d="M8.96865 19.5158C8.33707 18.5052 8.27391 18.3158 7.8318 17.6842C7.45286 17.0526 6.6318 15.8526 6.12654 15.8526C5.74759 15.8526 5.55812 16.0421 5.30549 16.2947C5.05286 16.5473 4.80023 17.1158 4.35812 17.4315C3.97917 17.7473 2.90549 17.6842 2.65286 18.0631C2.40023 18.4421 2.90549 19.0105 2.90549 19.9579C2.90549 20.3368 2.5897 20.5894 2.52654 20.8421C2.46338 21.1579 2.40023 21.3473 2.52654 21.6C2.77917 21.9789 3.09496 22.1052 5.24233 22.5473C6.37917 22.8 7.45286 23.4315 8.14759 23.4947C8.84233 23.5579 10.0423 23.4947 10.0423 21.7894C10.1055 20.7789 9.53707 20.5263 8.96865 19.5158Z" fill="#FFC107"/>
+<path d="M10.1684 8.0842C9.78942 7.83157 9.47363 7.57894 9.47363 7.19999C9.47363 6.82105 9.72626 6.69473 10.1052 6.37894C10.1684 6.31578 10.8631 5.6842 11.5578 5.6842C12.2526 5.6842 13.0736 6.12631 13.3894 6.25262C13.9578 6.37894 14.5263 6.50526 14.4631 6.94736C14.3999 7.57894 14.3368 7.70526 13.7052 8.02105C13.2631 8.14736 12.4421 8.8421 11.8736 8.8421C11.621 8.8421 11.2421 8.8421 10.9894 8.77894C10.7999 8.71578 10.4842 8.39999 10.1684 8.0842Z" fill="#FFC107"/>
+<path d="M10.0421 7.57894C10.1685 7.70526 10.3579 7.83157 10.5474 7.89473C10.6737 7.95789 10.8632 8.02105 10.8632 8.02105C11.1158 8.02105 11.3053 8.02105 11.4316 8.02105C11.7474 8.02105 12.1895 7.89473 12.6316 7.6421C13.0737 7.45262 13.1369 7.32631 13.4527 7.19999C13.7685 7.01052 14.0842 6.82105 13.9579 6.75789C13.8316 6.69473 13.7053 6.75789 13.2632 7.01052C12.8842 7.26315 12.5685 7.38947 12.1895 7.57894C12 7.6421 11.7474 7.76841 11.5579 7.76841C11.3685 7.76841 11.179 7.76841 10.9895 7.76841C10.8 7.76841 10.6737 7.70526 10.4842 7.6421C10.3579 7.57894 10.2948 7.51578 10.2316 7.51578C10.1053 7.45262 9.85267 7.19999 9.72635 7.13683C9.72635 7.13683 9.60003 7.13683 9.66319 7.19999C9.85267 7.38947 9.91582 7.45262 10.0421 7.57894Z" fill="#634703"/>
+<path d="M11.937 6.1895C12.0002 6.31581 12.1265 6.31581 12.1896 6.37897C12.2528 6.44213 12.316 6.44213 12.316 6.44213C12.3791 6.37897 12.316 6.25265 12.2528 6.25265C12.2528 6.12634 11.937 6.12634 11.937 6.1895Z" fill="#634703"/>
+<path d="M10.9263 6.31575C10.9263 6.37891 11.0526 6.44207 11.0526 6.37891C11.1157 6.31576 11.1789 6.2526 11.2421 6.2526C11.3684 6.18944 11.3052 6.12628 11.1157 6.12628C10.9894 6.18944 10.9894 6.2526 10.9263 6.31575Z" fill="#634703"/>
+<path d="M17.0529 17.4948C17.0529 17.5579 17.0529 17.6211 17.0529 17.6842C17.1792 17.9369 17.495 18 17.7477 18C18.1266 18 18.5056 17.7474 18.695 17.4948C18.695 17.4316 18.7582 17.3684 18.8213 17.3053C18.9477 17.1158 19.0108 16.9895 19.074 16.9263C19.074 16.9263 19.0108 16.8632 19.0108 16.8C18.9477 16.6737 18.7582 16.5474 18.5056 16.4842C18.3161 16.4211 18.0003 16.3579 17.874 16.3579C17.3056 16.2948 16.9898 16.4842 16.8003 16.6737C16.8003 16.6737 16.8635 16.6737 16.8635 16.7369C16.9898 16.8632 17.0529 16.9895 17.0529 17.179C17.1161 17.3053 17.0529 17.3684 17.0529 17.4948Z" fill="#455A64"/>`, w = /* @__PURE__ */ v({
+  __name: "LinuxIcon",
+  props: {
+    /** The accessibility text provided to screen readers */
+    title: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
+    color: {
+      type: String,
+      required: !1,
+      default: "currentColor"
+    },
+    /** The CSS display property for the icon. Defaults to `block` */
+    display: {
+      type: String,
+      required: !1,
+      default: "block"
+    },
+    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
+    decorative: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    /** The icon size */
+    size: {
+      type: [Number, String],
+      required: !1,
+      default: d,
+      // if setting to the imported const fails, just pass a number of 24 as the default.
+      validator: (C) => {
+        if (typeof C == "number" && C > 0)
+          return !0;
+        if (typeof C == "string") {
+          const e = String(C).replace(/px/gi, ""), i = Number(e);
+          if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
+            return !0;
+        }
+        return !1;
+      }
+    },
+    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
+    as: {
+      type: String,
+      required: !1,
+      default: "span"
+    },
+    /**
+     * 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).
+     * Typically only set to `true` during snapshot testing.
+     * Defaults to `false`.
+     */
+    staticIds: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(C) {
+    const e = C, i = o(() => {
+      if (typeof e.size == "number" && e.size > 0)
+        return `${e.size}px`;
+      if (typeof e.size == "string") {
+        const n = String(e.size).replace(/px/gi, ""), t = Number(n);
+        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
+          return `${t}px`;
+      }
+      return d;
+    }), u = o(() => ({
+      boxSizing: "border-box",
+      color: e.color,
+      display: e.display,
+      flexShrink: "0",
+      height: i.value,
+      lineHeight: "0",
+      width: i.value,
+      pointerEvents: e.decorative ? "none" : void 0
+    })), p = (n) => {
+      const t = {}, m = Math.random().toString(36).substring(2, 12);
+      return n.replace(/id="([^"]+)"/g, (l, r) => {
+        const a = `${m}-${r}`;
+        return t[r] = a, `id="${a}"`;
+      }).replace(/#([^\s^")]+)/g, (l, r) => t[r] ? `#${t[r]}` : l);
+    }, f = {
+      "<": "&lt;",
+      ">": "&gt;",
+      '"': "&quot;",
+      "'": "&#39;",
+      "&": "&amp;"
+    }, g = (n) => n.replace(/[<>"'&]/g, (t) => f[t]), h = `${e.title ? `<title data-testid="kui-icon-svg-title">${g(e.title)}</title>` : ""}${e.staticIds ? c : p(c)}`;
+    return (n, t) => (s(), S(x(C.as), {
+      "aria-hidden": C.decorative ? "true" : void 0,
+      class: "kui-icon linux-icon",
+      "data-testid": "kui-icon-wrapper-linux-icon",
+      style: y(u.value),
+      tabindex: C.decorative ? "-1" : void 0
+    }, {
+      default: b(() => [
+        (s(), M("svg", {
+          "aria-hidden": C.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-linux-icon",
+          fill: "none",
+          height: "100%",
+          role: "img",
+          viewBox: "0 0 24 24",
+          width: "100%",
+          xmlns: "http://www.w3.org/2000/svg",
+          innerHTML: h
+        }, null, 8, Z))
+      ]),
+      _: 1
+    }, 8, ["aria-hidden", "style", "tabindex"]));
+  }
+});
+export {
+  w as default
+};
+//# sourceMappingURL=kong-icons.es508.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"kong-icons.es508.js","sources":["../src/components/multi-color/LinuxIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * LinuxIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 10 Feb 2025 15:13:03 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.53693 7.07369L9.60009 8.52632L8.58956 10.4211L7.01061 13.5158L6.69482 16.1053L7.83167 19.7684L10.4211 21.2211H14.3369L18.0001 18.4421L19.6422 14.0842L15.8527 9.47369L14.779 6.88422L9.53693 7.07369Z\" fill=\"#ECEFF1\"/>\n<path d=\"M18.5051 10.6737C17.4946 9.22111 16.6735 8.3369 16.2314 6.50532C15.7893 4.67374 16.3577 5.179 15.9788 3.60005C15.7893 2.779 15.4735 2.21058 15.1577 1.76848C14.7788 1.32637 14.3367 1.07374 14.0841 1.01058C13.5156 0.694792 12.1893 0.189528 10.5472 1.07374C8.84195 1.95795 9.03143 3.85269 9.34722 7.70532C9.34722 7.95795 9.28406 8.27374 9.15774 8.52637C8.90511 9.09479 8.46301 9.60005 8.08406 10.0422C7.64195 10.6737 7.19985 11.3053 6.88406 12.0001C6.12616 13.4527 5.43143 15.2843 5.6209 15.979C5.93669 15.9158 9.91564 21.979 9.91564 22.1053C10.1683 22.0422 11.242 22.0422 12.1893 22.0422C13.5156 21.979 14.2735 21.9158 15.3472 22.1685C15.3472 21.979 15.2841 21.7895 15.2841 21.6001C15.2841 21.2211 15.3472 20.9053 15.4104 20.4632C15.4735 20.1474 15.5367 19.8316 15.5998 19.4527C14.9683 20.0211 13.8314 20.6527 12.7577 20.8422C11.8104 21.0316 10.2314 20.7158 9.47353 19.7685C9.53669 19.7685 9.66301 19.7685 9.72616 19.7053C9.91564 19.6422 10.1051 19.579 10.1683 19.4527C10.3577 19.1369 10.2314 18.8211 10.1051 18.6316C9.9788 18.4422 9.03143 17.7474 8.58932 17.3685C8.14722 16.9895 7.89458 16.8001 7.64195 16.5474C7.64195 16.5474 7.26301 16.1685 7.13669 16.0422C7.01037 15.9158 6.94722 15.7895 6.88406 15.7264C6.75774 15.4106 6.69458 15.0316 6.75774 14.5264C6.8209 13.8316 7.07353 13.2632 7.38932 12.6316C7.51564 12.379 7.83143 11.8737 7.83143 11.8737C7.83143 11.8737 6.75774 14.5264 7.32616 15.3474C7.32616 15.3474 7.38932 14.5264 7.64195 13.7053C7.83143 13.1369 8.14722 12.3158 8.52616 11.8737C8.90511 11.4316 9.85248 9.78953 9.91564 8.779C9.91564 8.3369 9.97879 7.89479 9.97879 7.579C9.72616 7.32637 14.1472 6.69479 14.3998 7.38953C14.463 7.64216 15.3472 9.91584 15.8525 11.1158C16.1051 11.6843 16.4209 12.1895 16.6104 12.8211C16.7998 13.5158 16.9262 14.4632 16.9262 15.4106C16.9262 15.6001 16.9262 15.9158 16.863 16.2316C16.9893 16.2316 19.4525 13.579 16.5472 11.3685C16.5472 11.3685 18.3156 12.1895 18.3788 13.8316C18.442 15.158 17.8735 16.2316 17.7472 16.4211C17.8104 16.4211 19.0735 16.9895 19.1367 16.9895C19.3893 16.9895 19.8946 16.8001 19.8946 16.8001C19.9577 16.6106 20.1472 16.1053 20.1472 15.9158C20.5893 14.4632 19.5156 12.1264 18.5051 10.6737Z\" fill=\"#263238\"/>\n<path d=\"M10.4841 6.50532C10.9376 6.50532 11.3052 5.93978 11.3052 5.24216C11.3052 4.54454 10.9376 3.979 10.4841 3.979C10.0307 3.979 9.66309 4.54454 9.66309 5.24216C9.66309 5.93978 10.0307 6.50532 10.4841 6.50532Z\" fill=\"#ECEFF1\"/>\n<path d=\"M13.3261 6.63158C13.9191 6.63158 14.3998 5.98122 14.3998 5.17895C14.3998 4.37668 13.9191 3.72632 13.3261 3.72632C12.7331 3.72632 12.2524 4.37668 12.2524 5.17895C12.2524 5.98122 12.7331 6.63158 13.3261 6.63158Z\" fill=\"#ECEFF1\"/>\n<path d=\"M10.9428 5.32856C10.8903 4.91329 10.6514 4.60147 10.4092 4.63209C10.1669 4.66271 10.0131 5.02417 10.0656 5.43944C10.1181 5.8547 10.357 6.16652 10.5993 6.13591C10.8415 6.10529 10.9953 5.74382 10.9428 5.32856Z\" fill=\"#212121\"/>\n<path d=\"M13.2629 6.25264C13.6117 6.25264 13.8945 5.88504 13.8945 5.43159C13.8945 4.97813 13.6117 4.61053 13.2629 4.61053C12.9141 4.61053 12.6313 4.97813 12.6313 5.43159C12.6313 5.88504 12.9141 6.25264 13.2629 6.25264Z\" fill=\"#212121\"/>\n<path d=\"M21.663 19.3263C21.4103 19.2 20.9682 19.0106 20.5893 18.4421C20.3998 18.1263 20.463 17.2421 20.1472 16.8632C19.9577 16.6106 19.7051 16.7369 19.6419 16.7369C19.0735 16.8632 17.7472 17.7474 16.863 16.7369C16.7367 16.6106 16.5472 16.4211 16.2314 16.4211C15.9156 16.4211 15.7893 16.5474 15.663 16.8C15.5367 17.0527 15.5367 17.2421 15.5367 17.8737C15.5367 18.379 15.5367 18.9474 15.4735 19.3895C15.3472 20.4632 15.1577 21.0948 15.1577 21.7263C15.1577 22.4211 15.3472 22.8632 15.5998 23.0527C15.7893 23.2421 16.1051 23.3684 16.7998 23.3684C17.4946 23.3684 17.9367 23.1158 18.3788 22.6737C18.6946 22.3579 18.9472 22.2316 19.8314 21.6C20.5261 21.1579 21.5998 20.5895 21.7893 20.4C21.9156 20.2737 22.1051 20.2106 22.1051 19.8316C22.1051 19.5158 21.8525 19.3895 21.663 19.3263Z\" fill=\"#FFC107\"/>\n<path d=\"M8.96865 19.5158C8.33707 18.5052 8.27391 18.3158 7.8318 17.6842C7.45286 17.0526 6.6318 15.8526 6.12654 15.8526C5.74759 15.8526 5.55812 16.0421 5.30549 16.2947C5.05286 16.5473 4.80023 17.1158 4.35812 17.4315C3.97917 17.7473 2.90549 17.6842 2.65286 18.0631C2.40023 18.4421 2.90549 19.0105 2.90549 19.9579C2.90549 20.3368 2.5897 20.5894 2.52654 20.8421C2.46338 21.1579 2.40023 21.3473 2.52654 21.6C2.77917 21.9789 3.09496 22.1052 5.24233 22.5473C6.37917 22.8 7.45286 23.4315 8.14759 23.4947C8.84233 23.5579 10.0423 23.4947 10.0423 21.7894C10.1055 20.7789 9.53707 20.5263 8.96865 19.5158Z\" fill=\"#FFC107\"/>\n<path d=\"M10.1684 8.0842C9.78942 7.83157 9.47363 7.57894 9.47363 7.19999C9.47363 6.82105 9.72626 6.69473 10.1052 6.37894C10.1684 6.31578 10.8631 5.6842 11.5578 5.6842C12.2526 5.6842 13.0736 6.12631 13.3894 6.25262C13.9578 6.37894 14.5263 6.50526 14.4631 6.94736C14.3999 7.57894 14.3368 7.70526 13.7052 8.02105C13.2631 8.14736 12.4421 8.8421 11.8736 8.8421C11.621 8.8421 11.2421 8.8421 10.9894 8.77894C10.7999 8.71578 10.4842 8.39999 10.1684 8.0842Z\" fill=\"#FFC107\"/>\n<path d=\"M10.0421 7.57894C10.1685 7.70526 10.3579 7.83157 10.5474 7.89473C10.6737 7.95789 10.8632 8.02105 10.8632 8.02105C11.1158 8.02105 11.3053 8.02105 11.4316 8.02105C11.7474 8.02105 12.1895 7.89473 12.6316 7.6421C13.0737 7.45262 13.1369 7.32631 13.4527 7.19999C13.7685 7.01052 14.0842 6.82105 13.9579 6.75789C13.8316 6.69473 13.7053 6.75789 13.2632 7.01052C12.8842 7.26315 12.5685 7.38947 12.1895 7.57894C12 7.6421 11.7474 7.76841 11.5579 7.76841C11.3685 7.76841 11.179 7.76841 10.9895 7.76841C10.8 7.76841 10.6737 7.70526 10.4842 7.6421C10.3579 7.57894 10.2948 7.51578 10.2316 7.51578C10.1053 7.45262 9.85267 7.19999 9.72635 7.13683C9.72635 7.13683 9.60003 7.13683 9.66319 7.19999C9.85267 7.38947 9.91582 7.45262 10.0421 7.57894Z\" fill=\"#634703\"/>\n<path d=\"M11.937 6.1895C12.0002 6.31581 12.1265 6.31581 12.1896 6.37897C12.2528 6.44213 12.316 6.44213 12.316 6.44213C12.3791 6.37897 12.316 6.25265 12.2528 6.25265C12.2528 6.12634 11.937 6.12634 11.937 6.1895Z\" fill=\"#634703\"/>\n<path d=\"M10.9263 6.31575C10.9263 6.37891 11.0526 6.44207 11.0526 6.37891C11.1157 6.31576 11.1789 6.2526 11.2421 6.2526C11.3684 6.18944 11.3052 6.12628 11.1157 6.12628C10.9894 6.18944 10.9894 6.2526 10.9263 6.31575Z\" fill=\"#634703\"/>\n<path d=\"M17.0529 17.4948C17.0529 17.5579 17.0529 17.6211 17.0529 17.6842C17.1792 17.9369 17.495 18 17.7477 18C18.1266 18 18.5056 17.7474 18.695 17.4948C18.695 17.4316 18.7582 17.3684 18.8213 17.3053C18.9477 17.1158 19.0108 16.9895 19.074 16.9263C19.074 16.9263 19.0108 16.8632 19.0108 16.8C18.9477 16.6737 18.7582 16.5474 18.5056 16.4842C18.3161 16.4211 18.0003 16.3579 17.874 16.3579C17.3056 16.2948 16.9898 16.4842 16.8003 16.6737C16.8003 16.6737 16.8635 16.6737 16.8635 16.7369C16.9898 16.8632 17.0529 16.9895 17.0529 17.179C17.1161 17.3053 17.0529 17.3684 17.0529 17.4948Z\" fill=\"#455A64\"/>`\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 linux-icon\"\n    data-testid=\"kui-icon-wrapper-linux-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-linux-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      v-html=\"svgProcessedContent\"\n    />\n  </component>\n</template>\n\n<style>\n/**\n * !Important: Do not add styles into this component file.\n *\n * We are adding styles inline to avoid additional stylesheet imports in the consuming application/component.\n */\n</style>\n"],"names":["svgOriginalContent","props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIdsInString","svgString","idMap","randomPrefix","match","originalId","newId","htmlEntities","escapeHtml","str","svgProcessedContent"],"mappings":";;2BAyJMA,IAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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,GAmBzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es510.js

@@ -0,0 +1,122 @@
+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.es1256.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 */
+    title: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
+    color: {
+      type: String,
+      required: !1,
+      default: "currentColor"
+    },
+    /** The CSS display property for the icon. Defaults to `block` */
+    display: {
+      type: String,
+      required: !1,
+      default: "block"
+    },
+    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
+    decorative: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    /** The icon size */
+    size: {
+      type: [Number, String],
+      required: !1,
+      default: c,
+      // if setting to the imported const fails, just pass a number of 24 as the default.
+      validator: (i) => {
+        if (typeof i == "number" && i > 0)
+          return !0;
+        if (typeof i == "string") {
+          const e = String(i).replace(/px/gi, ""), n = Number(e);
+          if (n && !isNaN(n) && Number.isInteger(n) && n > 0)
+            return !0;
+        }
+        return !1;
+      }
+    },
+    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
+    as: {
+      type: String,
+      required: !1,
+      default: "span"
+    },
+    /**
+     * 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).
+     * Typically only set to `true` during snapshot testing.
+     * Defaults to `false`.
+     */
+    staticIds: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(i) {
+    const e = i, n = 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);
+        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
+          return `${t}px`;
+      }
+      return c;
+    }), g = d(() => ({
+      boxSizing: "border-box",
+      color: e.color,
+      display: e.display,
+      flexShrink: "0",
+      height: n.value,
+      lineHeight: "0",
+      width: n.value,
+      pointerEvents: e.decorative ? "none" : void 0
+    })), p = (r) => {
+      const t = {}, S = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (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: b(g.value),
+      tabindex: i.decorative ? "-1" : void 0
+    }, {
+      default: x(() => [
+        (l(), z("svg", {
+          "aria-hidden": i.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-windows-icon",
+          fill: "none",
+          height: "100%",
+          role: "img",
+          viewBox: "0 0 24 24",
+          width: "100%",
+          xmlns: "http://www.w3.org/2000/svg",
+          innerHTML: v
+        }, null, 8, N))
+      ]),
+      _: 1
+    }, 8, ["aria-hidden", "style", "tabindex"]));
+  }
+});
+export {
+  H as default
+};
+//# sourceMappingURL=kong-icons.es510.js.map

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

@@ -0,0 +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, 10 Feb 2025 15:13:03 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;;;;;;;;;;;;;;;;;;;;;;;;;"}