@kong/icons 1.15.3-pr.391.c49c848.0 → 1.15.3-pr.391.ef25e25.0

package/dist/kong-icons734.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons734.cjs","sources":["../src/components/solid/TrashIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * TrashIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 24 Sep 2024 00:35:09 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed, ref, onMounted } 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  /** A boolean to enable prefixing any internal SVG ids with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to false during snapshot testing.\n   * Defaults to `true`.\n   */\n  randomizeIds: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst svgElement = ref<SVGElement | null>(null)\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> => ({\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}))\n\n/**\n * Prefix all ids within the SVG element and update all corresponding references to these ids. This is useful to avoid id conflicts when utilizing multiple instances of the same SVG in the DOM.\n *\n * @param {SVGElement} svgElement - The SVG element whose potential IDs need to be prefixed.\n */\nconst prefixSvgIds = (svgElement: SVGElement): void => {\n  if (!svgElement) {\n    return\n  }\n\n  const defsElement = svgElement.querySelector('defs')\n\n  // Prepare a map to store the original and new IDs for quick lookups\n  const idMap: Record<string, string> = {}\n\n  if (defsElement) {\n    // Step 1: Prefix all direct children of <defs> that have an `id`\n    defsElement.querySelectorAll('[id]').forEach((element) => {\n      const originalId = element.getAttribute('id')\n      const newId = `${Math.random().toString(36).substring(2, 12)}-${originalId}`\n\n      // Map old id to new id\n      idMap[originalId!] = newId\n\n      // Update the element's ID with the new prefixed ID\n      element.setAttribute('id', newId)\n    })\n  }\n\n  // Step 2: Update all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`\n  const referencingAttributes = ['fill', 'stroke', 'filter', 'mask', 'clip-path', 'xlink:href', 'href']\n\n  // Function to update references to IDs in attributes\n  const updateReferences = (element: Element): void => {\n    referencingAttributes.forEach((attr) => {\n      const attrValue = element.getAttribute(attr)\n      if (attrValue) {\n        // Match any url(#id) or href=\"#id\" references\n        const updatedValue = attrValue.replace(/url\\(#([^)]+)\\)/g, (match, id) => {\n          return idMap[id] ? `url(#${idMap[id]})` : match\n        }).replace(/#([^\\s]+)/g, (match, id) => {\n          return idMap[id] ? `#${idMap[id]}` : match\n        })\n\n        // If the value changed, update the attribute\n        if (updatedValue !== attrValue) {\n          element.setAttribute(attr, updatedValue)\n        }\n      }\n    })\n  }\n\n  // Traverse all elements in the SVG to update ID references\n  svgElement.querySelectorAll('*').forEach((element) => {\n    updateReferences(element)\n  })\n}\n\nonMounted(() => {\n  if (props.randomizeIds && svgElement.value) {\n    prefixSvgIds(svgElement.value)\n  }\n})\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon trash-icon\"\n    data-testid=\"kui-icon-wrapper-trash-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-trash-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    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <path\n        d=\"M7 21C6.45 21 5.97917 20.8042 5.5875 20.4125C5.19583 20.0208 5 19.55 5 19V6H4V4H9V3H15V4H20V6H19V19C19 19.55 18.8042 20.0208 18.4125 20.4125C18.0208 20.8042 17.55 21 17 21H7ZM17 6H7V19H17V6ZM9 17H11V8H9V17ZM13 17H15V8H13V17Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","svgElement","ref","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIds","defsElement","idMap","element","originalId","newId","referencingAttributes","updateReferences","attr","attrValue","updatedValue","match","id","onMounted"],"mappings":"upCAaA,MAAMA,EAAQC,EA+DRC,EAAaC,MAAuB,IAAI,EAExCC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOL,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMM,EAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDO,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOL,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQI,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA,EAOIM,EAAgBR,GAAiC,CACrD,GAAI,CAACA,EACH,OAGI,MAAAS,EAAcT,EAAW,cAAc,MAAM,EAG7CU,EAAgC,CAAA,EAElCD,GAEFA,EAAY,iBAAiB,MAAM,EAAE,QAASE,GAAY,CAClD,MAAAC,EAAaD,EAAQ,aAAa,IAAI,EACtCE,EAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,CAAC,IAAID,CAAU,GAG1EF,EAAME,CAAW,EAAIC,EAGbF,EAAA,aAAa,KAAME,CAAK,CAAA,CACjC,EAIG,MAAAC,EAAwB,CAAC,OAAQ,SAAU,SAAU,OAAQ,YAAa,aAAc,MAAM,EAG9FC,EAAoBJ,GAA2B,CAC7BG,EAAA,QAASE,GAAS,CAChC,MAAAC,EAAYN,EAAQ,aAAaK,CAAI,EAC3C,GAAIC,EAAW,CAEb,MAAMC,EAAeD,EAAU,QAAQ,mBAAoB,CAACE,EAAOC,IAC1DV,EAAMU,CAAE,EAAI,QAAQV,EAAMU,CAAE,CAAC,IAAMD,CAC3C,EAAE,QAAQ,aAAc,CAACA,EAAOC,IACxBV,EAAMU,CAAE,EAAI,IAAIV,EAAMU,CAAE,CAAC,GAAKD,CACtC,EAGGD,IAAiBD,GACXN,EAAA,aAAaK,EAAME,CAAY,CAE3C,CAAA,CACD,CAAA,EAIHlB,EAAW,iBAAiB,GAAG,EAAE,QAASW,GAAY,CACpDI,EAAiBJ,CAAO,CAAA,CACzB,CAAA,EAGHU,OAAAA,EAAAA,UAAU,IAAM,CACVvB,EAAM,cAAgBE,EAAW,OACnCQ,EAAaR,EAAW,KAAK,CAC/B,CACD"}
+{"version":3,"file":"kong-icons734.cjs","sources":["../src/components/solid/TrashIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * TrashIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 24 Sep 2024 00:34:54 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed, ref, onMounted } 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  /** A boolean to enable prefixing any internal SVG ids with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to false during snapshot testing.\n   * Defaults to `true`.\n   */\n  randomizeIds: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst svgElement = ref<SVGElement | null>(null)\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> => ({\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}))\n\n/**\n * Prefix all ids within the SVG element and update all corresponding references to these ids. This is useful to avoid id conflicts when utilizing multiple instances of the same SVG in the DOM.\n *\n * The prefix is a random string generated using `Math.random().toString(36).substring(2, 12)` which should be sufficient for most use-cases.\n *\n * @param {SVGElement} svgElement - The SVG element whose potential IDs need to be prefixed.\n */\nconst prefixSvgIds = (svgElement: SVGElement): void => {\n  if (!svgElement) {\n    return\n  }\n\n  const defsElement = svgElement.querySelector('defs')\n\n  // Prepare a map to store the original and new IDs for quick lookups\n  const idMap: Record<string, string> = {}\n\n  if (defsElement) {\n    // Step 1: Prefix all direct children of <defs> that have an `id`\n    defsElement.querySelectorAll('[id]').forEach((element) => {\n      const originalId = element.getAttribute('id')\n      const newId = `${Math.random().toString(36).substring(2, 12)}-${originalId}`\n\n      // Map old id to new id\n      idMap[originalId!] = newId\n\n      // Update the element's ID with the new prefixed ID\n      element.setAttribute('id', newId)\n    })\n  }\n\n  // Step 2: Update all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`\n  const referencingAttributes = ['fill', 'stroke', 'filter', 'mask', 'clip-path', 'xlink:href', 'href']\n\n  // Function to update references to IDs in attributes\n  const updateReferences = (element: Element): void => {\n    referencingAttributes.forEach((attr) => {\n      const attrValue = element.getAttribute(attr)\n      if (attrValue) {\n        // Match any url(#id) or href=\"#id\" references\n        const updatedValue = attrValue.replace(/url\\(#([^)]+)\\)/g, (match, id) => {\n          return idMap[id] ? `url(#${idMap[id]})` : match\n        }).replace(/#([^\\s]+)/g, (match, id) => {\n          return idMap[id] ? `#${idMap[id]}` : match\n        })\n\n        // If the value changed, update the attribute\n        if (updatedValue !== attrValue) {\n          element.setAttribute(attr, updatedValue)\n        }\n      }\n    })\n  }\n\n  // Traverse all elements in the SVG to update ID references\n  svgElement.querySelectorAll('*').forEach((element) => {\n    updateReferences(element)\n  })\n}\n\nonMounted(() => {\n  if (props.randomizeIds && svgElement.value) {\n    prefixSvgIds(svgElement.value)\n  }\n})\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon trash-icon\"\n    data-testid=\"kui-icon-wrapper-trash-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-trash-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    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <path\n        d=\"M7 21C6.45 21 5.97917 20.8042 5.5875 20.4125C5.19583 20.0208 5 19.55 5 19V6H4V4H9V3H15V4H20V6H19V19C19 19.55 18.8042 20.0208 18.4125 20.4125C18.0208 20.8042 17.55 21 17 21H7ZM17 6H7V19H17V6ZM9 17H11V8H9V17ZM13 17H15V8H13V17Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","svgElement","ref","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIds","defsElement","idMap","element","originalId","newId","referencingAttributes","updateReferences","attr","attrValue","updatedValue","match","id","onMounted"],"mappings":"upCAaA,MAAMA,EAAQC,EA+DRC,EAAaC,MAAuB,IAAI,EAExCC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOL,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMM,EAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDO,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOL,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQI,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA,EASIM,EAAgBR,GAAiC,CACrD,GAAI,CAACA,EACH,OAGI,MAAAS,EAAcT,EAAW,cAAc,MAAM,EAG7CU,EAAgC,CAAA,EAElCD,GAEFA,EAAY,iBAAiB,MAAM,EAAE,QAASE,GAAY,CAClD,MAAAC,EAAaD,EAAQ,aAAa,IAAI,EACtCE,EAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,CAAC,IAAID,CAAU,GAG1EF,EAAME,CAAW,EAAIC,EAGbF,EAAA,aAAa,KAAME,CAAK,CAAA,CACjC,EAIG,MAAAC,EAAwB,CAAC,OAAQ,SAAU,SAAU,OAAQ,YAAa,aAAc,MAAM,EAG9FC,EAAoBJ,GAA2B,CAC7BG,EAAA,QAASE,GAAS,CAChC,MAAAC,EAAYN,EAAQ,aAAaK,CAAI,EAC3C,GAAIC,EAAW,CAEb,MAAMC,EAAeD,EAAU,QAAQ,mBAAoB,CAACE,EAAOC,IAC1DV,EAAMU,CAAE,EAAI,QAAQV,EAAMU,CAAE,CAAC,IAAMD,CAC3C,EAAE,QAAQ,aAAc,CAACA,EAAOC,IACxBV,EAAMU,CAAE,EAAI,IAAIV,EAAMU,CAAE,CAAC,GAAKD,CACtC,EAGGD,IAAiBD,GACXN,EAAA,aAAaK,EAAME,CAAY,CAE3C,CAAA,CACD,CAAA,EAIHlB,EAAW,iBAAiB,GAAG,EAAE,QAASW,GAAY,CACpDI,EAAiBJ,CAAO,CAAA,CACzB,CAAA,EAGHU,OAAAA,EAAAA,UAAU,IAAM,CACVvB,EAAM,cAAgBE,EAAW,OACnCQ,EAAaR,EAAW,KAAK,CAC/B,CACD"}

package/dist/kong-icons736.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("./kong-icons1218.cjs"),v=t=>(e.pushScopeId("data-v-1ead572c"),t=t(),e.popScopeId(),t),b=["aria-hidden"],k={key:0,"data-testid":"kui-icon-svg-title"},I=v(()=>e.createElementVNode("path",{d:"M16 18V16H18.6L13.4 10.85L9.4 14.85L2 7.4L3.4 6L9.4 12L13.4 8L20 14.6V12H22V18H16Z",fill:"currentColor"},null,-1)),w=e.defineComponent({__name:"TrendDownIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:g.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const r=String(t).replace(/px/gi,""),n=Number(r);if(n&&!isNaN(n)&&Number.isInteger(n)&&n>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},randomizeIds:{type:Boolean,default:!0}},setup(t){const r=t,n=e.ref(null),f=e.computed(()=>{if(typeof r.size=="number"&&r.size>0)return`${r.size}px`;if(typeof r.size=="string"){const l=String(r.size).replace(/px/gi,""),i=Number(l);if(i&&!isNaN(i)&&Number.isInteger(i)&&i>0)return`${i}px`}return g.KUI_ICON_SIZE_50}),m=e.computed(()=>({boxSizing:"border-box",color:r.color,display:r.display,flexShrink:"0",height:f.value,lineHeight:"0",width:f.value})),h=l=>{if(!l)return;const i=l.querySelector("defs"),s={};i&&i.querySelectorAll("[id]").forEach(o=>{const d=o.getAttribute("id"),a=`${Math.random().toString(36).substring(2,12)}-${d}`;s[d]=a,o.setAttribute("id",a)});const S=["fill","stroke","filter","mask","clip-path","xlink:href","href"],y=o=>{S.forEach(d=>{const a=o.getAttribute(d);if(a){const p=a.replace(/url\(#([^)]+)\)/g,(u,c)=>s[c]?`url(#${s[c]})`:u).replace(/#([^\s]+)/g,(u,c)=>s[c]?`#${s[c]}`:u);p!==a&&o.setAttribute(d,p)}})};l.querySelectorAll("*").forEach(o=>{y(o)})};return e.onMounted(()=>{r.randomizeIds&&n.value&&h(n.value)}),(l,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon trend-down-icon","data-testid":"kui-icon-wrapper-trend-down-icon",style:e.normalizeStyle(m.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgElement",ref:n,"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-trend-down-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",k,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),I],8,b))]),_:1},8,["aria-hidden","style"]))}});exports.default=w;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("./kong-icons1218.cjs"),b=t=>(e.pushScopeId("data-v-c746949b"),t=t(),e.popScopeId(),t),v=["aria-hidden"],k={key:0,"data-testid":"kui-icon-svg-title"},I=b(()=>e.createElementVNode("path",{d:"M16 18V16H18.6L13.4 10.85L9.4 14.85L2 7.4L3.4 6L9.4 12L13.4 8L20 14.6V12H22V18H16Z",fill:"currentColor"},null,-1)),w=e.defineComponent({__name:"TrendDownIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:g.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const r=String(t).replace(/px/gi,""),n=Number(r);if(n&&!isNaN(n)&&Number.isInteger(n)&&n>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},randomizeIds:{type:Boolean,default:!0}},setup(t){const r=t,n=e.ref(null),f=e.computed(()=>{if(typeof r.size=="number"&&r.size>0)return`${r.size}px`;if(typeof r.size=="string"){const l=String(r.size).replace(/px/gi,""),i=Number(l);if(i&&!isNaN(i)&&Number.isInteger(i)&&i>0)return`${i}px`}return g.KUI_ICON_SIZE_50}),m=e.computed(()=>({boxSizing:"border-box",color:r.color,display:r.display,flexShrink:"0",height:f.value,lineHeight:"0",width:f.value})),h=l=>{if(!l)return;const i=l.querySelector("defs"),s={};i&&i.querySelectorAll("[id]").forEach(o=>{const d=o.getAttribute("id"),a=`${Math.random().toString(36).substring(2,12)}-${d}`;s[d]=a,o.setAttribute("id",a)});const S=["fill","stroke","filter","mask","clip-path","xlink:href","href"],y=o=>{S.forEach(d=>{const a=o.getAttribute(d);if(a){const p=a.replace(/url\(#([^)]+)\)/g,(u,c)=>s[c]?`url(#${s[c]})`:u).replace(/#([^\s]+)/g,(u,c)=>s[c]?`#${s[c]}`:u);p!==a&&o.setAttribute(d,p)}})};l.querySelectorAll("*").forEach(o=>{y(o)})};return e.onMounted(()=>{r.randomizeIds&&n.value&&h(n.value)}),(l,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon trend-down-icon","data-testid":"kui-icon-wrapper-trend-down-icon",style:e.normalizeStyle(m.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgElement",ref:n,"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-trend-down-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",k,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),I],8,v))]),_:1},8,["aria-hidden","style"]))}});exports.default=w;
 //# sourceMappingURL=kong-icons736.cjs.map

package/dist/kong-icons736.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons736.cjs","sources":["../src/components/solid/TrendDownIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * TrendDownIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 24 Sep 2024 00:35:09 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed, ref, onMounted } 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  /** A boolean to enable prefixing any internal SVG ids with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to false during snapshot testing.\n   * Defaults to `true`.\n   */\n  randomizeIds: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst svgElement = ref<SVGElement | null>(null)\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> => ({\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}))\n\n/**\n * Prefix all ids within the SVG element and update all corresponding references to these ids. This is useful to avoid id conflicts when utilizing multiple instances of the same SVG in the DOM.\n *\n * @param {SVGElement} svgElement - The SVG element whose potential IDs need to be prefixed.\n */\nconst prefixSvgIds = (svgElement: SVGElement): void => {\n  if (!svgElement) {\n    return\n  }\n\n  const defsElement = svgElement.querySelector('defs')\n\n  // Prepare a map to store the original and new IDs for quick lookups\n  const idMap: Record<string, string> = {}\n\n  if (defsElement) {\n    // Step 1: Prefix all direct children of <defs> that have an `id`\n    defsElement.querySelectorAll('[id]').forEach((element) => {\n      const originalId = element.getAttribute('id')\n      const newId = `${Math.random().toString(36).substring(2, 12)}-${originalId}`\n\n      // Map old id to new id\n      idMap[originalId!] = newId\n\n      // Update the element's ID with the new prefixed ID\n      element.setAttribute('id', newId)\n    })\n  }\n\n  // Step 2: Update all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`\n  const referencingAttributes = ['fill', 'stroke', 'filter', 'mask', 'clip-path', 'xlink:href', 'href']\n\n  // Function to update references to IDs in attributes\n  const updateReferences = (element: Element): void => {\n    referencingAttributes.forEach((attr) => {\n      const attrValue = element.getAttribute(attr)\n      if (attrValue) {\n        // Match any url(#id) or href=\"#id\" references\n        const updatedValue = attrValue.replace(/url\\(#([^)]+)\\)/g, (match, id) => {\n          return idMap[id] ? `url(#${idMap[id]})` : match\n        }).replace(/#([^\\s]+)/g, (match, id) => {\n          return idMap[id] ? `#${idMap[id]}` : match\n        })\n\n        // If the value changed, update the attribute\n        if (updatedValue !== attrValue) {\n          element.setAttribute(attr, updatedValue)\n        }\n      }\n    })\n  }\n\n  // Traverse all elements in the SVG to update ID references\n  svgElement.querySelectorAll('*').forEach((element) => {\n    updateReferences(element)\n  })\n}\n\nonMounted(() => {\n  if (props.randomizeIds && svgElement.value) {\n    prefixSvgIds(svgElement.value)\n  }\n})\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon trend-down-icon\"\n    data-testid=\"kui-icon-wrapper-trend-down-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-trend-down-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    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <path\n        d=\"M16 18V16H18.6L13.4 10.85L9.4 14.85L2 7.4L3.4 6L9.4 12L13.4 8L20 14.6V12H22V18H16Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","svgElement","ref","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIds","defsElement","idMap","element","originalId","newId","referencingAttributes","updateReferences","attr","attrValue","updatedValue","match","id","onMounted"],"mappings":"6gCAaA,MAAMA,EAAQC,EA+DRC,EAAaC,MAAuB,IAAI,EAExCC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOL,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMM,EAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDO,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOL,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQI,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA,EAOIM,EAAgBR,GAAiC,CACrD,GAAI,CAACA,EACH,OAGI,MAAAS,EAAcT,EAAW,cAAc,MAAM,EAG7CU,EAAgC,CAAA,EAElCD,GAEFA,EAAY,iBAAiB,MAAM,EAAE,QAASE,GAAY,CAClD,MAAAC,EAAaD,EAAQ,aAAa,IAAI,EACtCE,EAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,CAAC,IAAID,CAAU,GAG1EF,EAAME,CAAW,EAAIC,EAGbF,EAAA,aAAa,KAAME,CAAK,CAAA,CACjC,EAIG,MAAAC,EAAwB,CAAC,OAAQ,SAAU,SAAU,OAAQ,YAAa,aAAc,MAAM,EAG9FC,EAAoBJ,GAA2B,CAC7BG,EAAA,QAASE,GAAS,CAChC,MAAAC,EAAYN,EAAQ,aAAaK,CAAI,EAC3C,GAAIC,EAAW,CAEb,MAAMC,EAAeD,EAAU,QAAQ,mBAAoB,CAACE,EAAOC,IAC1DV,EAAMU,CAAE,EAAI,QAAQV,EAAMU,CAAE,CAAC,IAAMD,CAC3C,EAAE,QAAQ,aAAc,CAACA,EAAOC,IACxBV,EAAMU,CAAE,EAAI,IAAIV,EAAMU,CAAE,CAAC,GAAKD,CACtC,EAGGD,IAAiBD,GACXN,EAAA,aAAaK,EAAME,CAAY,CAE3C,CAAA,CACD,CAAA,EAIHlB,EAAW,iBAAiB,GAAG,EAAE,QAASW,GAAY,CACpDI,EAAiBJ,CAAO,CAAA,CACzB,CAAA,EAGHU,OAAAA,EAAAA,UAAU,IAAM,CACVvB,EAAM,cAAgBE,EAAW,OACnCQ,EAAaR,EAAW,KAAK,CAC/B,CACD"}
+{"version":3,"file":"kong-icons736.cjs","sources":["../src/components/solid/TrendDownIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * TrendDownIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 24 Sep 2024 00:34:54 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed, ref, onMounted } 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  /** A boolean to enable prefixing any internal SVG ids with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to false during snapshot testing.\n   * Defaults to `true`.\n   */\n  randomizeIds: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst svgElement = ref<SVGElement | null>(null)\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> => ({\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}))\n\n/**\n * Prefix all ids within the SVG element and update all corresponding references to these ids. This is useful to avoid id conflicts when utilizing multiple instances of the same SVG in the DOM.\n *\n * The prefix is a random string generated using `Math.random().toString(36).substring(2, 12)` which should be sufficient for most use-cases.\n *\n * @param {SVGElement} svgElement - The SVG element whose potential IDs need to be prefixed.\n */\nconst prefixSvgIds = (svgElement: SVGElement): void => {\n  if (!svgElement) {\n    return\n  }\n\n  const defsElement = svgElement.querySelector('defs')\n\n  // Prepare a map to store the original and new IDs for quick lookups\n  const idMap: Record<string, string> = {}\n\n  if (defsElement) {\n    // Step 1: Prefix all direct children of <defs> that have an `id`\n    defsElement.querySelectorAll('[id]').forEach((element) => {\n      const originalId = element.getAttribute('id')\n      const newId = `${Math.random().toString(36).substring(2, 12)}-${originalId}`\n\n      // Map old id to new id\n      idMap[originalId!] = newId\n\n      // Update the element's ID with the new prefixed ID\n      element.setAttribute('id', newId)\n    })\n  }\n\n  // Step 2: Update all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`\n  const referencingAttributes = ['fill', 'stroke', 'filter', 'mask', 'clip-path', 'xlink:href', 'href']\n\n  // Function to update references to IDs in attributes\n  const updateReferences = (element: Element): void => {\n    referencingAttributes.forEach((attr) => {\n      const attrValue = element.getAttribute(attr)\n      if (attrValue) {\n        // Match any url(#id) or href=\"#id\" references\n        const updatedValue = attrValue.replace(/url\\(#([^)]+)\\)/g, (match, id) => {\n          return idMap[id] ? `url(#${idMap[id]})` : match\n        }).replace(/#([^\\s]+)/g, (match, id) => {\n          return idMap[id] ? `#${idMap[id]}` : match\n        })\n\n        // If the value changed, update the attribute\n        if (updatedValue !== attrValue) {\n          element.setAttribute(attr, updatedValue)\n        }\n      }\n    })\n  }\n\n  // Traverse all elements in the SVG to update ID references\n  svgElement.querySelectorAll('*').forEach((element) => {\n    updateReferences(element)\n  })\n}\n\nonMounted(() => {\n  if (props.randomizeIds && svgElement.value) {\n    prefixSvgIds(svgElement.value)\n  }\n})\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon trend-down-icon\"\n    data-testid=\"kui-icon-wrapper-trend-down-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-trend-down-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    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <path\n        d=\"M16 18V16H18.6L13.4 10.85L9.4 14.85L2 7.4L3.4 6L9.4 12L13.4 8L20 14.6V12H22V18H16Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","svgElement","ref","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIds","defsElement","idMap","element","originalId","newId","referencingAttributes","updateReferences","attr","attrValue","updatedValue","match","id","onMounted"],"mappings":"6gCAaA,MAAMA,EAAQC,EA+DRC,EAAaC,MAAuB,IAAI,EAExCC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOL,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMM,EAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDO,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOL,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQI,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA,EASIM,EAAgBR,GAAiC,CACrD,GAAI,CAACA,EACH,OAGI,MAAAS,EAAcT,EAAW,cAAc,MAAM,EAG7CU,EAAgC,CAAA,EAElCD,GAEFA,EAAY,iBAAiB,MAAM,EAAE,QAASE,GAAY,CAClD,MAAAC,EAAaD,EAAQ,aAAa,IAAI,EACtCE,EAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,CAAC,IAAID,CAAU,GAG1EF,EAAME,CAAW,EAAIC,EAGbF,EAAA,aAAa,KAAME,CAAK,CAAA,CACjC,EAIG,MAAAC,EAAwB,CAAC,OAAQ,SAAU,SAAU,OAAQ,YAAa,aAAc,MAAM,EAG9FC,EAAoBJ,GAA2B,CAC7BG,EAAA,QAASE,GAAS,CAChC,MAAAC,EAAYN,EAAQ,aAAaK,CAAI,EAC3C,GAAIC,EAAW,CAEb,MAAMC,EAAeD,EAAU,QAAQ,mBAAoB,CAACE,EAAOC,IAC1DV,EAAMU,CAAE,EAAI,QAAQV,EAAMU,CAAE,CAAC,IAAMD,CAC3C,EAAE,QAAQ,aAAc,CAACA,EAAOC,IACxBV,EAAMU,CAAE,EAAI,IAAIV,EAAMU,CAAE,CAAC,GAAKD,CACtC,EAGGD,IAAiBD,GACXN,EAAA,aAAaK,EAAME,CAAY,CAE3C,CAAA,CACD,CAAA,EAIHlB,EAAW,iBAAiB,GAAG,EAAE,QAASW,GAAY,CACpDI,EAAiBJ,CAAO,CAAA,CACzB,CAAA,EAGHU,OAAAA,EAAAA,UAAU,IAAM,CACVvB,EAAM,cAAgBE,EAAW,OACnCQ,EAAaR,EAAW,KAAK,CAC/B,CACD"}

package/dist/kong-icons738.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("./kong-icons1218.cjs"),b=t=>(e.pushScopeId("data-v-b4fa4c36"),t=t(),e.popScopeId(),t),v=["aria-hidden"],k={key:0,"data-testid":"kui-icon-svg-title"},I=b(()=>e.createElementVNode("path",{d:"M3.4 18L2 16.6L9.4 9.15L13.4 13.15L18.6 8H16V6H22V12H20V9.4L13.4 16L9.4 12L3.4 18Z",fill:"currentColor"},null,-1)),N=e.defineComponent({__name:"TrendUpIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:g.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const r=String(t).replace(/px/gi,""),n=Number(r);if(n&&!isNaN(n)&&Number.isInteger(n)&&n>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},randomizeIds:{type:Boolean,default:!0}},setup(t){const r=t,n=e.ref(null),f=e.computed(()=>{if(typeof r.size=="number"&&r.size>0)return`${r.size}px`;if(typeof r.size=="string"){const l=String(r.size).replace(/px/gi,""),i=Number(l);if(i&&!isNaN(i)&&Number.isInteger(i)&&i>0)return`${i}px`}return g.KUI_ICON_SIZE_50}),m=e.computed(()=>({boxSizing:"border-box",color:r.color,display:r.display,flexShrink:"0",height:f.value,lineHeight:"0",width:f.value})),h=l=>{if(!l)return;const i=l.querySelector("defs"),s={};i&&i.querySelectorAll("[id]").forEach(o=>{const u=o.getAttribute("id"),a=`${Math.random().toString(36).substring(2,12)}-${u}`;s[u]=a,o.setAttribute("id",a)});const S=["fill","stroke","filter","mask","clip-path","xlink:href","href"],y=o=>{S.forEach(u=>{const a=o.getAttribute(u);if(a){const p=a.replace(/url\(#([^)]+)\)/g,(d,c)=>s[c]?`url(#${s[c]})`:d).replace(/#([^\s]+)/g,(d,c)=>s[c]?`#${s[c]}`:d);p!==a&&o.setAttribute(u,p)}})};l.querySelectorAll("*").forEach(o=>{y(o)})};return e.onMounted(()=>{r.randomizeIds&&n.value&&h(n.value)}),(l,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon trend-up-icon","data-testid":"kui-icon-wrapper-trend-up-icon",style:e.normalizeStyle(m.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgElement",ref:n,"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-trend-up-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",k,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),I],8,v))]),_:1},8,["aria-hidden","style"]))}});exports.default=N;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("./kong-icons1218.cjs"),v=t=>(e.pushScopeId("data-v-f178dfe8"),t=t(),e.popScopeId(),t),b=["aria-hidden"],k={key:0,"data-testid":"kui-icon-svg-title"},I=v(()=>e.createElementVNode("path",{d:"M3.4 18L2 16.6L9.4 9.15L13.4 13.15L18.6 8H16V6H22V12H20V9.4L13.4 16L9.4 12L3.4 18Z",fill:"currentColor"},null,-1)),N=e.defineComponent({__name:"TrendUpIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:g.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const r=String(t).replace(/px/gi,""),n=Number(r);if(n&&!isNaN(n)&&Number.isInteger(n)&&n>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},randomizeIds:{type:Boolean,default:!0}},setup(t){const r=t,n=e.ref(null),f=e.computed(()=>{if(typeof r.size=="number"&&r.size>0)return`${r.size}px`;if(typeof r.size=="string"){const l=String(r.size).replace(/px/gi,""),i=Number(l);if(i&&!isNaN(i)&&Number.isInteger(i)&&i>0)return`${i}px`}return g.KUI_ICON_SIZE_50}),m=e.computed(()=>({boxSizing:"border-box",color:r.color,display:r.display,flexShrink:"0",height:f.value,lineHeight:"0",width:f.value})),h=l=>{if(!l)return;const i=l.querySelector("defs"),s={};i&&i.querySelectorAll("[id]").forEach(o=>{const u=o.getAttribute("id"),a=`${Math.random().toString(36).substring(2,12)}-${u}`;s[u]=a,o.setAttribute("id",a)});const S=["fill","stroke","filter","mask","clip-path","xlink:href","href"],y=o=>{S.forEach(u=>{const a=o.getAttribute(u);if(a){const p=a.replace(/url\(#([^)]+)\)/g,(c,d)=>s[d]?`url(#${s[d]})`:c).replace(/#([^\s]+)/g,(c,d)=>s[d]?`#${s[d]}`:c);p!==a&&o.setAttribute(u,p)}})};l.querySelectorAll("*").forEach(o=>{y(o)})};return e.onMounted(()=>{r.randomizeIds&&n.value&&h(n.value)}),(l,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon trend-up-icon","data-testid":"kui-icon-wrapper-trend-up-icon",style:e.normalizeStyle(m.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgElement",ref:n,"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-trend-up-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",k,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),I],8,b))]),_:1},8,["aria-hidden","style"]))}});exports.default=N;
 //# sourceMappingURL=kong-icons738.cjs.map

package/dist/kong-icons738.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons738.cjs","sources":["../src/components/solid/TrendUpIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * TrendUpIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 24 Sep 2024 00:35:09 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed, ref, onMounted } 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  /** A boolean to enable prefixing any internal SVG ids with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to false during snapshot testing.\n   * Defaults to `true`.\n   */\n  randomizeIds: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst svgElement = ref<SVGElement | null>(null)\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> => ({\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}))\n\n/**\n * Prefix all ids within the SVG element and update all corresponding references to these ids. This is useful to avoid id conflicts when utilizing multiple instances of the same SVG in the DOM.\n *\n * @param {SVGElement} svgElement - The SVG element whose potential IDs need to be prefixed.\n */\nconst prefixSvgIds = (svgElement: SVGElement): void => {\n  if (!svgElement) {\n    return\n  }\n\n  const defsElement = svgElement.querySelector('defs')\n\n  // Prepare a map to store the original and new IDs for quick lookups\n  const idMap: Record<string, string> = {}\n\n  if (defsElement) {\n    // Step 1: Prefix all direct children of <defs> that have an `id`\n    defsElement.querySelectorAll('[id]').forEach((element) => {\n      const originalId = element.getAttribute('id')\n      const newId = `${Math.random().toString(36).substring(2, 12)}-${originalId}`\n\n      // Map old id to new id\n      idMap[originalId!] = newId\n\n      // Update the element's ID with the new prefixed ID\n      element.setAttribute('id', newId)\n    })\n  }\n\n  // Step 2: Update all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`\n  const referencingAttributes = ['fill', 'stroke', 'filter', 'mask', 'clip-path', 'xlink:href', 'href']\n\n  // Function to update references to IDs in attributes\n  const updateReferences = (element: Element): void => {\n    referencingAttributes.forEach((attr) => {\n      const attrValue = element.getAttribute(attr)\n      if (attrValue) {\n        // Match any url(#id) or href=\"#id\" references\n        const updatedValue = attrValue.replace(/url\\(#([^)]+)\\)/g, (match, id) => {\n          return idMap[id] ? `url(#${idMap[id]})` : match\n        }).replace(/#([^\\s]+)/g, (match, id) => {\n          return idMap[id] ? `#${idMap[id]}` : match\n        })\n\n        // If the value changed, update the attribute\n        if (updatedValue !== attrValue) {\n          element.setAttribute(attr, updatedValue)\n        }\n      }\n    })\n  }\n\n  // Traverse all elements in the SVG to update ID references\n  svgElement.querySelectorAll('*').forEach((element) => {\n    updateReferences(element)\n  })\n}\n\nonMounted(() => {\n  if (props.randomizeIds && svgElement.value) {\n    prefixSvgIds(svgElement.value)\n  }\n})\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon trend-up-icon\"\n    data-testid=\"kui-icon-wrapper-trend-up-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-trend-up-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    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <path\n        d=\"M3.4 18L2 16.6L9.4 9.15L13.4 13.15L18.6 8H16V6H22V12H20V9.4L13.4 16L9.4 12L3.4 18Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","svgElement","ref","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIds","defsElement","idMap","element","originalId","newId","referencingAttributes","updateReferences","attr","attrValue","updatedValue","match","id","onMounted"],"mappings":"2gCAaA,MAAMA,EAAQC,EA+DRC,EAAaC,MAAuB,IAAI,EAExCC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOL,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMM,EAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDO,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOL,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQI,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA,EAOIM,EAAgBR,GAAiC,CACrD,GAAI,CAACA,EACH,OAGI,MAAAS,EAAcT,EAAW,cAAc,MAAM,EAG7CU,EAAgC,CAAA,EAElCD,GAEFA,EAAY,iBAAiB,MAAM,EAAE,QAASE,GAAY,CAClD,MAAAC,EAAaD,EAAQ,aAAa,IAAI,EACtCE,EAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,CAAC,IAAID,CAAU,GAG1EF,EAAME,CAAW,EAAIC,EAGbF,EAAA,aAAa,KAAME,CAAK,CAAA,CACjC,EAIG,MAAAC,EAAwB,CAAC,OAAQ,SAAU,SAAU,OAAQ,YAAa,aAAc,MAAM,EAG9FC,EAAoBJ,GAA2B,CAC7BG,EAAA,QAASE,GAAS,CAChC,MAAAC,EAAYN,EAAQ,aAAaK,CAAI,EAC3C,GAAIC,EAAW,CAEb,MAAMC,EAAeD,EAAU,QAAQ,mBAAoB,CAACE,EAAOC,IAC1DV,EAAMU,CAAE,EAAI,QAAQV,EAAMU,CAAE,CAAC,IAAMD,CAC3C,EAAE,QAAQ,aAAc,CAACA,EAAOC,IACxBV,EAAMU,CAAE,EAAI,IAAIV,EAAMU,CAAE,CAAC,GAAKD,CACtC,EAGGD,IAAiBD,GACXN,EAAA,aAAaK,EAAME,CAAY,CAE3C,CAAA,CACD,CAAA,EAIHlB,EAAW,iBAAiB,GAAG,EAAE,QAASW,GAAY,CACpDI,EAAiBJ,CAAO,CAAA,CACzB,CAAA,EAGHU,OAAAA,EAAAA,UAAU,IAAM,CACVvB,EAAM,cAAgBE,EAAW,OACnCQ,EAAaR,EAAW,KAAK,CAC/B,CACD"}
+{"version":3,"file":"kong-icons738.cjs","sources":["../src/components/solid/TrendUpIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * TrendUpIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 24 Sep 2024 00:34:54 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed, ref, onMounted } 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  /** A boolean to enable prefixing any internal SVG ids with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to false during snapshot testing.\n   * Defaults to `true`.\n   */\n  randomizeIds: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst svgElement = ref<SVGElement | null>(null)\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> => ({\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}))\n\n/**\n * Prefix all ids within the SVG element and update all corresponding references to these ids. This is useful to avoid id conflicts when utilizing multiple instances of the same SVG in the DOM.\n *\n * The prefix is a random string generated using `Math.random().toString(36).substring(2, 12)` which should be sufficient for most use-cases.\n *\n * @param {SVGElement} svgElement - The SVG element whose potential IDs need to be prefixed.\n */\nconst prefixSvgIds = (svgElement: SVGElement): void => {\n  if (!svgElement) {\n    return\n  }\n\n  const defsElement = svgElement.querySelector('defs')\n\n  // Prepare a map to store the original and new IDs for quick lookups\n  const idMap: Record<string, string> = {}\n\n  if (defsElement) {\n    // Step 1: Prefix all direct children of <defs> that have an `id`\n    defsElement.querySelectorAll('[id]').forEach((element) => {\n      const originalId = element.getAttribute('id')\n      const newId = `${Math.random().toString(36).substring(2, 12)}-${originalId}`\n\n      // Map old id to new id\n      idMap[originalId!] = newId\n\n      // Update the element's ID with the new prefixed ID\n      element.setAttribute('id', newId)\n    })\n  }\n\n  // Step 2: Update all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`\n  const referencingAttributes = ['fill', 'stroke', 'filter', 'mask', 'clip-path', 'xlink:href', 'href']\n\n  // Function to update references to IDs in attributes\n  const updateReferences = (element: Element): void => {\n    referencingAttributes.forEach((attr) => {\n      const attrValue = element.getAttribute(attr)\n      if (attrValue) {\n        // Match any url(#id) or href=\"#id\" references\n        const updatedValue = attrValue.replace(/url\\(#([^)]+)\\)/g, (match, id) => {\n          return idMap[id] ? `url(#${idMap[id]})` : match\n        }).replace(/#([^\\s]+)/g, (match, id) => {\n          return idMap[id] ? `#${idMap[id]}` : match\n        })\n\n        // If the value changed, update the attribute\n        if (updatedValue !== attrValue) {\n          element.setAttribute(attr, updatedValue)\n        }\n      }\n    })\n  }\n\n  // Traverse all elements in the SVG to update ID references\n  svgElement.querySelectorAll('*').forEach((element) => {\n    updateReferences(element)\n  })\n}\n\nonMounted(() => {\n  if (props.randomizeIds && svgElement.value) {\n    prefixSvgIds(svgElement.value)\n  }\n})\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon trend-up-icon\"\n    data-testid=\"kui-icon-wrapper-trend-up-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-trend-up-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    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <path\n        d=\"M3.4 18L2 16.6L9.4 9.15L13.4 13.15L18.6 8H16V6H22V12H20V9.4L13.4 16L9.4 12L3.4 18Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","svgElement","ref","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIds","defsElement","idMap","element","originalId","newId","referencingAttributes","updateReferences","attr","attrValue","updatedValue","match","id","onMounted"],"mappings":"2gCAaA,MAAMA,EAAQC,EA+DRC,EAAaC,MAAuB,IAAI,EAExCC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOL,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMM,EAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDO,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOL,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQI,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA,EASIM,EAAgBR,GAAiC,CACrD,GAAI,CAACA,EACH,OAGI,MAAAS,EAAcT,EAAW,cAAc,MAAM,EAG7CU,EAAgC,CAAA,EAElCD,GAEFA,EAAY,iBAAiB,MAAM,EAAE,QAASE,GAAY,CAClD,MAAAC,EAAaD,EAAQ,aAAa,IAAI,EACtCE,EAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,CAAC,IAAID,CAAU,GAG1EF,EAAME,CAAW,EAAIC,EAGbF,EAAA,aAAa,KAAME,CAAK,CAAA,CACjC,EAIG,MAAAC,EAAwB,CAAC,OAAQ,SAAU,SAAU,OAAQ,YAAa,aAAc,MAAM,EAG9FC,EAAoBJ,GAA2B,CAC7BG,EAAA,QAASE,GAAS,CAChC,MAAAC,EAAYN,EAAQ,aAAaK,CAAI,EAC3C,GAAIC,EAAW,CAEb,MAAMC,EAAeD,EAAU,QAAQ,mBAAoB,CAACE,EAAOC,IAC1DV,EAAMU,CAAE,EAAI,QAAQV,EAAMU,CAAE,CAAC,IAAMD,CAC3C,EAAE,QAAQ,aAAc,CAACA,EAAOC,IACxBV,EAAMU,CAAE,EAAI,IAAIV,EAAMU,CAAE,CAAC,GAAKD,CACtC,EAGGD,IAAiBD,GACXN,EAAA,aAAaK,EAAME,CAAY,CAE3C,CAAA,CACD,CAAA,EAIHlB,EAAW,iBAAiB,GAAG,EAAE,QAASW,GAAY,CACpDI,EAAiBJ,CAAO,CAAA,CACzB,CAAA,EAGHU,OAAAA,EAAAA,UAAU,IAAM,CACVvB,EAAM,cAAgBE,EAAW,OACnCQ,EAAaR,EAAW,KAAK,CAC/B,CACD"}

package/dist/kong-icons74.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons906.cjs");;/* empty css                */const t=require("./kong-icons409.cjs"),u=t.default(e.default,[["__scopeId","data-v-c06122f3"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons906.cjs");;/* empty css                */const t=require("./kong-icons409.cjs"),u=t.default(e.default,[["__scopeId","data-v-644c639a"]]);exports.default=u;
 //# sourceMappingURL=kong-icons74.cjs.map

package/dist/kong-icons740.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("./kong-icons1218.cjs"),b=t=>(e.pushScopeId("data-v-025a5bf8"),t=t(),e.popScopeId(),t),v=["aria-hidden"],k={key:0,"data-testid":"kui-icon-svg-title"},I=b(()=>e.createElementVNode("path",{d:"M4.5 21.25V19.25H18.5V21.25H4.5ZM11.5 17.25C9.81667 17.25 8.50833 16.725 7.575 15.675C6.64167 14.625 6.175 13.2333 6.175 11.5V3.25H8.75V11.65C8.75 12.5833 8.98333 13.3417 9.45 13.925C9.91667 14.5083 10.6 14.8 11.5 14.8C12.4 14.8 13.0833 14.5083 13.55 13.925C14.0167 13.3417 14.25 12.5833 14.25 11.65V3.25H16.825V11.5C16.825 13.2333 16.3583 14.625 15.425 15.675C14.4917 16.725 13.1833 17.25 11.5 17.25Z",fill:"currentColor"},null,-1)),C=e.defineComponent({__name:"UnderlineIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:g.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const r=String(t).replace(/px/gi,""),n=Number(r);if(n&&!isNaN(n)&&Number.isInteger(n)&&n>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},randomizeIds:{type:Boolean,default:!0}},setup(t){const r=t,n=e.ref(null),f=e.computed(()=>{if(typeof r.size=="number"&&r.size>0)return`${r.size}px`;if(typeof r.size=="string"){const l=String(r.size).replace(/px/gi,""),i=Number(l);if(i&&!isNaN(i)&&Number.isInteger(i)&&i>0)return`${i}px`}return g.KUI_ICON_SIZE_50}),m=e.computed(()=>({boxSizing:"border-box",color:r.color,display:r.display,flexShrink:"0",height:f.value,lineHeight:"0",width:f.value})),h=l=>{if(!l)return;const i=l.querySelector("defs"),s={};i&&i.querySelectorAll("[id]").forEach(o=>{const u=o.getAttribute("id"),a=`${Math.random().toString(36).substring(2,12)}-${u}`;s[u]=a,o.setAttribute("id",a)});const S=["fill","stroke","filter","mask","clip-path","xlink:href","href"],y=o=>{S.forEach(u=>{const a=o.getAttribute(u);if(a){const p=a.replace(/url\(#([^)]+)\)/g,(c,d)=>s[d]?`url(#${s[d]})`:c).replace(/#([^\s]+)/g,(c,d)=>s[d]?`#${s[d]}`:c);p!==a&&o.setAttribute(u,p)}})};l.querySelectorAll("*").forEach(o=>{y(o)})};return e.onMounted(()=>{r.randomizeIds&&n.value&&h(n.value)}),(l,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon underline-icon","data-testid":"kui-icon-wrapper-underline-icon",style:e.normalizeStyle(m.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgElement",ref:n,"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-underline-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",k,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),I],8,v))]),_:1},8,["aria-hidden","style"]))}});exports.default=C;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("./kong-icons1218.cjs"),b=t=>(e.pushScopeId("data-v-22f2ab6a"),t=t(),e.popScopeId(),t),v=["aria-hidden"],k={key:0,"data-testid":"kui-icon-svg-title"},I=b(()=>e.createElementVNode("path",{d:"M4.5 21.25V19.25H18.5V21.25H4.5ZM11.5 17.25C9.81667 17.25 8.50833 16.725 7.575 15.675C6.64167 14.625 6.175 13.2333 6.175 11.5V3.25H8.75V11.65C8.75 12.5833 8.98333 13.3417 9.45 13.925C9.91667 14.5083 10.6 14.8 11.5 14.8C12.4 14.8 13.0833 14.5083 13.55 13.925C14.0167 13.3417 14.25 12.5833 14.25 11.65V3.25H16.825V11.5C16.825 13.2333 16.3583 14.625 15.425 15.675C14.4917 16.725 13.1833 17.25 11.5 17.25Z",fill:"currentColor"},null,-1)),C=e.defineComponent({__name:"UnderlineIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:g.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const r=String(t).replace(/px/gi,""),n=Number(r);if(n&&!isNaN(n)&&Number.isInteger(n)&&n>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},randomizeIds:{type:Boolean,default:!0}},setup(t){const r=t,n=e.ref(null),f=e.computed(()=>{if(typeof r.size=="number"&&r.size>0)return`${r.size}px`;if(typeof r.size=="string"){const l=String(r.size).replace(/px/gi,""),i=Number(l);if(i&&!isNaN(i)&&Number.isInteger(i)&&i>0)return`${i}px`}return g.KUI_ICON_SIZE_50}),m=e.computed(()=>({boxSizing:"border-box",color:r.color,display:r.display,flexShrink:"0",height:f.value,lineHeight:"0",width:f.value})),h=l=>{if(!l)return;const i=l.querySelector("defs"),s={};i&&i.querySelectorAll("[id]").forEach(o=>{const u=o.getAttribute("id"),a=`${Math.random().toString(36).substring(2,12)}-${u}`;s[u]=a,o.setAttribute("id",a)});const S=["fill","stroke","filter","mask","clip-path","xlink:href","href"],y=o=>{S.forEach(u=>{const a=o.getAttribute(u);if(a){const p=a.replace(/url\(#([^)]+)\)/g,(c,d)=>s[d]?`url(#${s[d]})`:c).replace(/#([^\s]+)/g,(c,d)=>s[d]?`#${s[d]}`:c);p!==a&&o.setAttribute(u,p)}})};l.querySelectorAll("*").forEach(o=>{y(o)})};return e.onMounted(()=>{r.randomizeIds&&n.value&&h(n.value)}),(l,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon underline-icon","data-testid":"kui-icon-wrapper-underline-icon",style:e.normalizeStyle(m.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgElement",ref:n,"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-underline-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",k,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),I],8,v))]),_:1},8,["aria-hidden","style"]))}});exports.default=C;
 //# sourceMappingURL=kong-icons740.cjs.map

package/dist/kong-icons740.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons740.cjs","sources":["../src/components/solid/UnderlineIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * UnderlineIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 24 Sep 2024 00:35:09 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed, ref, onMounted } 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  /** A boolean to enable prefixing any internal SVG ids with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to false during snapshot testing.\n   * Defaults to `true`.\n   */\n  randomizeIds: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst svgElement = ref<SVGElement | null>(null)\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> => ({\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}))\n\n/**\n * Prefix all ids within the SVG element and update all corresponding references to these ids. This is useful to avoid id conflicts when utilizing multiple instances of the same SVG in the DOM.\n *\n * @param {SVGElement} svgElement - The SVG element whose potential IDs need to be prefixed.\n */\nconst prefixSvgIds = (svgElement: SVGElement): void => {\n  if (!svgElement) {\n    return\n  }\n\n  const defsElement = svgElement.querySelector('defs')\n\n  // Prepare a map to store the original and new IDs for quick lookups\n  const idMap: Record<string, string> = {}\n\n  if (defsElement) {\n    // Step 1: Prefix all direct children of <defs> that have an `id`\n    defsElement.querySelectorAll('[id]').forEach((element) => {\n      const originalId = element.getAttribute('id')\n      const newId = `${Math.random().toString(36).substring(2, 12)}-${originalId}`\n\n      // Map old id to new id\n      idMap[originalId!] = newId\n\n      // Update the element's ID with the new prefixed ID\n      element.setAttribute('id', newId)\n    })\n  }\n\n  // Step 2: Update all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`\n  const referencingAttributes = ['fill', 'stroke', 'filter', 'mask', 'clip-path', 'xlink:href', 'href']\n\n  // Function to update references to IDs in attributes\n  const updateReferences = (element: Element): void => {\n    referencingAttributes.forEach((attr) => {\n      const attrValue = element.getAttribute(attr)\n      if (attrValue) {\n        // Match any url(#id) or href=\"#id\" references\n        const updatedValue = attrValue.replace(/url\\(#([^)]+)\\)/g, (match, id) => {\n          return idMap[id] ? `url(#${idMap[id]})` : match\n        }).replace(/#([^\\s]+)/g, (match, id) => {\n          return idMap[id] ? `#${idMap[id]}` : match\n        })\n\n        // If the value changed, update the attribute\n        if (updatedValue !== attrValue) {\n          element.setAttribute(attr, updatedValue)\n        }\n      }\n    })\n  }\n\n  // Traverse all elements in the SVG to update ID references\n  svgElement.querySelectorAll('*').forEach((element) => {\n    updateReferences(element)\n  })\n}\n\nonMounted(() => {\n  if (props.randomizeIds && svgElement.value) {\n    prefixSvgIds(svgElement.value)\n  }\n})\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon underline-icon\"\n    data-testid=\"kui-icon-wrapper-underline-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-underline-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    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <path\n        d=\"M4.5 21.25V19.25H18.5V21.25H4.5ZM11.5 17.25C9.81667 17.25 8.50833 16.725 7.575 15.675C6.64167 14.625 6.175 13.2333 6.175 11.5V3.25H8.75V11.65C8.75 12.5833 8.98333 13.3417 9.45 13.925C9.91667 14.5083 10.6 14.8 11.5 14.8C12.4 14.8 13.0833 14.5083 13.55 13.925C14.0167 13.3417 14.25 12.5833 14.25 11.65V3.25H16.825V11.5C16.825 13.2333 16.3583 14.625 15.425 15.675C14.4917 16.725 13.1833 17.25 11.5 17.25Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","svgElement","ref","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIds","defsElement","idMap","element","originalId","newId","referencingAttributes","updateReferences","attr","attrValue","updatedValue","match","id","onMounted"],"mappings":"40CAaA,MAAMA,EAAQC,EA+DRC,EAAaC,MAAuB,IAAI,EAExCC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOL,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMM,EAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDO,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOL,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQI,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA,EAOIM,EAAgBR,GAAiC,CACrD,GAAI,CAACA,EACH,OAGI,MAAAS,EAAcT,EAAW,cAAc,MAAM,EAG7CU,EAAgC,CAAA,EAElCD,GAEFA,EAAY,iBAAiB,MAAM,EAAE,QAASE,GAAY,CAClD,MAAAC,EAAaD,EAAQ,aAAa,IAAI,EACtCE,EAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,CAAC,IAAID,CAAU,GAG1EF,EAAME,CAAW,EAAIC,EAGbF,EAAA,aAAa,KAAME,CAAK,CAAA,CACjC,EAIG,MAAAC,EAAwB,CAAC,OAAQ,SAAU,SAAU,OAAQ,YAAa,aAAc,MAAM,EAG9FC,EAAoBJ,GAA2B,CAC7BG,EAAA,QAASE,GAAS,CAChC,MAAAC,EAAYN,EAAQ,aAAaK,CAAI,EAC3C,GAAIC,EAAW,CAEb,MAAMC,EAAeD,EAAU,QAAQ,mBAAoB,CAACE,EAAOC,IAC1DV,EAAMU,CAAE,EAAI,QAAQV,EAAMU,CAAE,CAAC,IAAMD,CAC3C,EAAE,QAAQ,aAAc,CAACA,EAAOC,IACxBV,EAAMU,CAAE,EAAI,IAAIV,EAAMU,CAAE,CAAC,GAAKD,CACtC,EAGGD,IAAiBD,GACXN,EAAA,aAAaK,EAAME,CAAY,CAE3C,CAAA,CACD,CAAA,EAIHlB,EAAW,iBAAiB,GAAG,EAAE,QAASW,GAAY,CACpDI,EAAiBJ,CAAO,CAAA,CACzB,CAAA,EAGHU,OAAAA,EAAAA,UAAU,IAAM,CACVvB,EAAM,cAAgBE,EAAW,OACnCQ,EAAaR,EAAW,KAAK,CAC/B,CACD"}
+{"version":3,"file":"kong-icons740.cjs","sources":["../src/components/solid/UnderlineIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * UnderlineIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 24 Sep 2024 00:34:54 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed, ref, onMounted } 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  /** A boolean to enable prefixing any internal SVG ids with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to false during snapshot testing.\n   * Defaults to `true`.\n   */\n  randomizeIds: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst svgElement = ref<SVGElement | null>(null)\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> => ({\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}))\n\n/**\n * Prefix all ids within the SVG element and update all corresponding references to these ids. This is useful to avoid id conflicts when utilizing multiple instances of the same SVG in the DOM.\n *\n * The prefix is a random string generated using `Math.random().toString(36).substring(2, 12)` which should be sufficient for most use-cases.\n *\n * @param {SVGElement} svgElement - The SVG element whose potential IDs need to be prefixed.\n */\nconst prefixSvgIds = (svgElement: SVGElement): void => {\n  if (!svgElement) {\n    return\n  }\n\n  const defsElement = svgElement.querySelector('defs')\n\n  // Prepare a map to store the original and new IDs for quick lookups\n  const idMap: Record<string, string> = {}\n\n  if (defsElement) {\n    // Step 1: Prefix all direct children of <defs> that have an `id`\n    defsElement.querySelectorAll('[id]').forEach((element) => {\n      const originalId = element.getAttribute('id')\n      const newId = `${Math.random().toString(36).substring(2, 12)}-${originalId}`\n\n      // Map old id to new id\n      idMap[originalId!] = newId\n\n      // Update the element's ID with the new prefixed ID\n      element.setAttribute('id', newId)\n    })\n  }\n\n  // Step 2: Update all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`\n  const referencingAttributes = ['fill', 'stroke', 'filter', 'mask', 'clip-path', 'xlink:href', 'href']\n\n  // Function to update references to IDs in attributes\n  const updateReferences = (element: Element): void => {\n    referencingAttributes.forEach((attr) => {\n      const attrValue = element.getAttribute(attr)\n      if (attrValue) {\n        // Match any url(#id) or href=\"#id\" references\n        const updatedValue = attrValue.replace(/url\\(#([^)]+)\\)/g, (match, id) => {\n          return idMap[id] ? `url(#${idMap[id]})` : match\n        }).replace(/#([^\\s]+)/g, (match, id) => {\n          return idMap[id] ? `#${idMap[id]}` : match\n        })\n\n        // If the value changed, update the attribute\n        if (updatedValue !== attrValue) {\n          element.setAttribute(attr, updatedValue)\n        }\n      }\n    })\n  }\n\n  // Traverse all elements in the SVG to update ID references\n  svgElement.querySelectorAll('*').forEach((element) => {\n    updateReferences(element)\n  })\n}\n\nonMounted(() => {\n  if (props.randomizeIds && svgElement.value) {\n    prefixSvgIds(svgElement.value)\n  }\n})\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon underline-icon\"\n    data-testid=\"kui-icon-wrapper-underline-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-underline-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    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <path\n        d=\"M4.5 21.25V19.25H18.5V21.25H4.5ZM11.5 17.25C9.81667 17.25 8.50833 16.725 7.575 15.675C6.64167 14.625 6.175 13.2333 6.175 11.5V3.25H8.75V11.65C8.75 12.5833 8.98333 13.3417 9.45 13.925C9.91667 14.5083 10.6 14.8 11.5 14.8C12.4 14.8 13.0833 14.5083 13.55 13.925C14.0167 13.3417 14.25 12.5833 14.25 11.65V3.25H16.825V11.5C16.825 13.2333 16.3583 14.625 15.425 15.675C14.4917 16.725 13.1833 17.25 11.5 17.25Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","svgElement","ref","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIds","defsElement","idMap","element","originalId","newId","referencingAttributes","updateReferences","attr","attrValue","updatedValue","match","id","onMounted"],"mappings":"40CAaA,MAAMA,EAAQC,EA+DRC,EAAaC,MAAuB,IAAI,EAExCC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOL,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMM,EAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDO,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOL,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQI,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA,EASIM,EAAgBR,GAAiC,CACrD,GAAI,CAACA,EACH,OAGI,MAAAS,EAAcT,EAAW,cAAc,MAAM,EAG7CU,EAAgC,CAAA,EAElCD,GAEFA,EAAY,iBAAiB,MAAM,EAAE,QAASE,GAAY,CAClD,MAAAC,EAAaD,EAAQ,aAAa,IAAI,EACtCE,EAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,CAAC,IAAID,CAAU,GAG1EF,EAAME,CAAW,EAAIC,EAGbF,EAAA,aAAa,KAAME,CAAK,CAAA,CACjC,EAIG,MAAAC,EAAwB,CAAC,OAAQ,SAAU,SAAU,OAAQ,YAAa,aAAc,MAAM,EAG9FC,EAAoBJ,GAA2B,CAC7BG,EAAA,QAASE,GAAS,CAChC,MAAAC,EAAYN,EAAQ,aAAaK,CAAI,EAC3C,GAAIC,EAAW,CAEb,MAAMC,EAAeD,EAAU,QAAQ,mBAAoB,CAACE,EAAOC,IAC1DV,EAAMU,CAAE,EAAI,QAAQV,EAAMU,CAAE,CAAC,IAAMD,CAC3C,EAAE,QAAQ,aAAc,CAACA,EAAOC,IACxBV,EAAMU,CAAE,EAAI,IAAIV,EAAMU,CAAE,CAAC,GAAKD,CACtC,EAGGD,IAAiBD,GACXN,EAAA,aAAaK,EAAME,CAAY,CAE3C,CAAA,CACD,CAAA,EAIHlB,EAAW,iBAAiB,GAAG,EAAE,QAASW,GAAY,CACpDI,EAAiBJ,CAAO,CAAA,CACzB,CAAA,EAGHU,OAAAA,EAAAA,UAAU,IAAM,CACVvB,EAAM,cAAgBE,EAAW,OACnCQ,EAAaR,EAAW,KAAK,CAC/B,CACD"}

package/dist/kong-icons742.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("./kong-icons1218.cjs"),v=t=>(e.pushScopeId("data-v-d30d920f"),t=t(),e.popScopeId(),t),b=["aria-hidden"],k={key:0,"data-testid":"kui-icon-svg-title"},I=v(()=>e.createElementVNode("path",{d:"M12 21L7.5 16.5L8.95 15.05L12 18.1L15.05 15.05L16.5 16.5L12 21ZM8.95 9.04998L7.5 7.59998L12 3.09998L16.5 7.59998L15.05 9.04998L12 5.99998L8.95 9.04998Z",fill:"currentColor"},null,-1)),N=e.defineComponent({__name:"UnfoldMoreIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:g.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const r=String(t).replace(/px/gi,""),o=Number(r);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},randomizeIds:{type:Boolean,default:!0}},setup(t){const r=t,o=e.ref(null),f=e.computed(()=>{if(typeof r.size=="number"&&r.size>0)return`${r.size}px`;if(typeof r.size=="string"){const l=String(r.size).replace(/px/gi,""),i=Number(l);if(i&&!isNaN(i)&&Number.isInteger(i)&&i>0)return`${i}px`}return g.KUI_ICON_SIZE_50}),m=e.computed(()=>({boxSizing:"border-box",color:r.color,display:r.display,flexShrink:"0",height:f.value,lineHeight:"0",width:f.value})),h=l=>{if(!l)return;const i=l.querySelector("defs"),s={};i&&i.querySelectorAll("[id]").forEach(n=>{const u=n.getAttribute("id"),a=`${Math.random().toString(36).substring(2,12)}-${u}`;s[u]=a,n.setAttribute("id",a)});const S=["fill","stroke","filter","mask","clip-path","xlink:href","href"],y=n=>{S.forEach(u=>{const a=n.getAttribute(u);if(a){const p=a.replace(/url\(#([^)]+)\)/g,(c,d)=>s[d]?`url(#${s[d]})`:c).replace(/#([^\s]+)/g,(c,d)=>s[d]?`#${s[d]}`:c);p!==a&&n.setAttribute(u,p)}})};l.querySelectorAll("*").forEach(n=>{y(n)})};return e.onMounted(()=>{r.randomizeIds&&o.value&&h(o.value)}),(l,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon unfold-more-icon","data-testid":"kui-icon-wrapper-unfold-more-icon",style:e.normalizeStyle(m.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgElement",ref:o,"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-unfold-more-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",k,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),I],8,b))]),_:1},8,["aria-hidden","style"]))}});exports.default=N;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("./kong-icons1218.cjs"),v=t=>(e.pushScopeId("data-v-d2114fe2"),t=t(),e.popScopeId(),t),b=["aria-hidden"],k={key:0,"data-testid":"kui-icon-svg-title"},I=v(()=>e.createElementVNode("path",{d:"M12 21L7.5 16.5L8.95 15.05L12 18.1L15.05 15.05L16.5 16.5L12 21ZM8.95 9.04998L7.5 7.59998L12 3.09998L16.5 7.59998L15.05 9.04998L12 5.99998L8.95 9.04998Z",fill:"currentColor"},null,-1)),N=e.defineComponent({__name:"UnfoldMoreIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:g.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const r=String(t).replace(/px/gi,""),o=Number(r);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},randomizeIds:{type:Boolean,default:!0}},setup(t){const r=t,o=e.ref(null),f=e.computed(()=>{if(typeof r.size=="number"&&r.size>0)return`${r.size}px`;if(typeof r.size=="string"){const l=String(r.size).replace(/px/gi,""),i=Number(l);if(i&&!isNaN(i)&&Number.isInteger(i)&&i>0)return`${i}px`}return g.KUI_ICON_SIZE_50}),m=e.computed(()=>({boxSizing:"border-box",color:r.color,display:r.display,flexShrink:"0",height:f.value,lineHeight:"0",width:f.value})),h=l=>{if(!l)return;const i=l.querySelector("defs"),s={};i&&i.querySelectorAll("[id]").forEach(n=>{const u=n.getAttribute("id"),a=`${Math.random().toString(36).substring(2,12)}-${u}`;s[u]=a,n.setAttribute("id",a)});const S=["fill","stroke","filter","mask","clip-path","xlink:href","href"],y=n=>{S.forEach(u=>{const a=n.getAttribute(u);if(a){const p=a.replace(/url\(#([^)]+)\)/g,(c,d)=>s[d]?`url(#${s[d]})`:c).replace(/#([^\s]+)/g,(c,d)=>s[d]?`#${s[d]}`:c);p!==a&&n.setAttribute(u,p)}})};l.querySelectorAll("*").forEach(n=>{y(n)})};return e.onMounted(()=>{r.randomizeIds&&o.value&&h(o.value)}),(l,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon unfold-more-icon","data-testid":"kui-icon-wrapper-unfold-more-icon",style:e.normalizeStyle(m.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgElement",ref:o,"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-unfold-more-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",k,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),I],8,b))]),_:1},8,["aria-hidden","style"]))}});exports.default=N;
 //# sourceMappingURL=kong-icons742.cjs.map

package/dist/kong-icons742.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons742.cjs","sources":["../src/components/solid/UnfoldMoreIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * UnfoldMoreIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 24 Sep 2024 00:35:09 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed, ref, onMounted } 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  /** A boolean to enable prefixing any internal SVG ids with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to false during snapshot testing.\n   * Defaults to `true`.\n   */\n  randomizeIds: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst svgElement = ref<SVGElement | null>(null)\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> => ({\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}))\n\n/**\n * Prefix all ids within the SVG element and update all corresponding references to these ids. This is useful to avoid id conflicts when utilizing multiple instances of the same SVG in the DOM.\n *\n * @param {SVGElement} svgElement - The SVG element whose potential IDs need to be prefixed.\n */\nconst prefixSvgIds = (svgElement: SVGElement): void => {\n  if (!svgElement) {\n    return\n  }\n\n  const defsElement = svgElement.querySelector('defs')\n\n  // Prepare a map to store the original and new IDs for quick lookups\n  const idMap: Record<string, string> = {}\n\n  if (defsElement) {\n    // Step 1: Prefix all direct children of <defs> that have an `id`\n    defsElement.querySelectorAll('[id]').forEach((element) => {\n      const originalId = element.getAttribute('id')\n      const newId = `${Math.random().toString(36).substring(2, 12)}-${originalId}`\n\n      // Map old id to new id\n      idMap[originalId!] = newId\n\n      // Update the element's ID with the new prefixed ID\n      element.setAttribute('id', newId)\n    })\n  }\n\n  // Step 2: Update all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`\n  const referencingAttributes = ['fill', 'stroke', 'filter', 'mask', 'clip-path', 'xlink:href', 'href']\n\n  // Function to update references to IDs in attributes\n  const updateReferences = (element: Element): void => {\n    referencingAttributes.forEach((attr) => {\n      const attrValue = element.getAttribute(attr)\n      if (attrValue) {\n        // Match any url(#id) or href=\"#id\" references\n        const updatedValue = attrValue.replace(/url\\(#([^)]+)\\)/g, (match, id) => {\n          return idMap[id] ? `url(#${idMap[id]})` : match\n        }).replace(/#([^\\s]+)/g, (match, id) => {\n          return idMap[id] ? `#${idMap[id]}` : match\n        })\n\n        // If the value changed, update the attribute\n        if (updatedValue !== attrValue) {\n          element.setAttribute(attr, updatedValue)\n        }\n      }\n    })\n  }\n\n  // Traverse all elements in the SVG to update ID references\n  svgElement.querySelectorAll('*').forEach((element) => {\n    updateReferences(element)\n  })\n}\n\nonMounted(() => {\n  if (props.randomizeIds && svgElement.value) {\n    prefixSvgIds(svgElement.value)\n  }\n})\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon unfold-more-icon\"\n    data-testid=\"kui-icon-wrapper-unfold-more-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-unfold-more-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    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <path\n        d=\"M12 21L7.5 16.5L8.95 15.05L12 18.1L15.05 15.05L16.5 16.5L12 21ZM8.95 9.04998L7.5 7.59998L12 3.09998L16.5 7.59998L15.05 9.04998L12 5.99998L8.95 9.04998Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","svgElement","ref","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIds","defsElement","idMap","element","originalId","newId","referencingAttributes","updateReferences","attr","attrValue","updatedValue","match","id","onMounted"],"mappings":"mlCAaA,MAAMA,EAAQC,EA+DRC,EAAaC,MAAuB,IAAI,EAExCC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOL,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMM,EAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDO,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOL,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQI,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA,EAOIM,EAAgBR,GAAiC,CACrD,GAAI,CAACA,EACH,OAGI,MAAAS,EAAcT,EAAW,cAAc,MAAM,EAG7CU,EAAgC,CAAA,EAElCD,GAEFA,EAAY,iBAAiB,MAAM,EAAE,QAASE,GAAY,CAClD,MAAAC,EAAaD,EAAQ,aAAa,IAAI,EACtCE,EAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,CAAC,IAAID,CAAU,GAG1EF,EAAME,CAAW,EAAIC,EAGbF,EAAA,aAAa,KAAME,CAAK,CAAA,CACjC,EAIG,MAAAC,EAAwB,CAAC,OAAQ,SAAU,SAAU,OAAQ,YAAa,aAAc,MAAM,EAG9FC,EAAoBJ,GAA2B,CAC7BG,EAAA,QAASE,GAAS,CAChC,MAAAC,EAAYN,EAAQ,aAAaK,CAAI,EAC3C,GAAIC,EAAW,CAEb,MAAMC,EAAeD,EAAU,QAAQ,mBAAoB,CAACE,EAAOC,IAC1DV,EAAMU,CAAE,EAAI,QAAQV,EAAMU,CAAE,CAAC,IAAMD,CAC3C,EAAE,QAAQ,aAAc,CAACA,EAAOC,IACxBV,EAAMU,CAAE,EAAI,IAAIV,EAAMU,CAAE,CAAC,GAAKD,CACtC,EAGGD,IAAiBD,GACXN,EAAA,aAAaK,EAAME,CAAY,CAE3C,CAAA,CACD,CAAA,EAIHlB,EAAW,iBAAiB,GAAG,EAAE,QAASW,GAAY,CACpDI,EAAiBJ,CAAO,CAAA,CACzB,CAAA,EAGHU,OAAAA,EAAAA,UAAU,IAAM,CACVvB,EAAM,cAAgBE,EAAW,OACnCQ,EAAaR,EAAW,KAAK,CAC/B,CACD"}
+{"version":3,"file":"kong-icons742.cjs","sources":["../src/components/solid/UnfoldMoreIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * UnfoldMoreIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 24 Sep 2024 00:34:54 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed, ref, onMounted } 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  /** A boolean to enable prefixing any internal SVG ids with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to false during snapshot testing.\n   * Defaults to `true`.\n   */\n  randomizeIds: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst svgElement = ref<SVGElement | null>(null)\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> => ({\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}))\n\n/**\n * Prefix all ids within the SVG element and update all corresponding references to these ids. This is useful to avoid id conflicts when utilizing multiple instances of the same SVG in the DOM.\n *\n * The prefix is a random string generated using `Math.random().toString(36).substring(2, 12)` which should be sufficient for most use-cases.\n *\n * @param {SVGElement} svgElement - The SVG element whose potential IDs need to be prefixed.\n */\nconst prefixSvgIds = (svgElement: SVGElement): void => {\n  if (!svgElement) {\n    return\n  }\n\n  const defsElement = svgElement.querySelector('defs')\n\n  // Prepare a map to store the original and new IDs for quick lookups\n  const idMap: Record<string, string> = {}\n\n  if (defsElement) {\n    // Step 1: Prefix all direct children of <defs> that have an `id`\n    defsElement.querySelectorAll('[id]').forEach((element) => {\n      const originalId = element.getAttribute('id')\n      const newId = `${Math.random().toString(36).substring(2, 12)}-${originalId}`\n\n      // Map old id to new id\n      idMap[originalId!] = newId\n\n      // Update the element's ID with the new prefixed ID\n      element.setAttribute('id', newId)\n    })\n  }\n\n  // Step 2: Update all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`\n  const referencingAttributes = ['fill', 'stroke', 'filter', 'mask', 'clip-path', 'xlink:href', 'href']\n\n  // Function to update references to IDs in attributes\n  const updateReferences = (element: Element): void => {\n    referencingAttributes.forEach((attr) => {\n      const attrValue = element.getAttribute(attr)\n      if (attrValue) {\n        // Match any url(#id) or href=\"#id\" references\n        const updatedValue = attrValue.replace(/url\\(#([^)]+)\\)/g, (match, id) => {\n          return idMap[id] ? `url(#${idMap[id]})` : match\n        }).replace(/#([^\\s]+)/g, (match, id) => {\n          return idMap[id] ? `#${idMap[id]}` : match\n        })\n\n        // If the value changed, update the attribute\n        if (updatedValue !== attrValue) {\n          element.setAttribute(attr, updatedValue)\n        }\n      }\n    })\n  }\n\n  // Traverse all elements in the SVG to update ID references\n  svgElement.querySelectorAll('*').forEach((element) => {\n    updateReferences(element)\n  })\n}\n\nonMounted(() => {\n  if (props.randomizeIds && svgElement.value) {\n    prefixSvgIds(svgElement.value)\n  }\n})\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon unfold-more-icon\"\n    data-testid=\"kui-icon-wrapper-unfold-more-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-unfold-more-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    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <path\n        d=\"M12 21L7.5 16.5L8.95 15.05L12 18.1L15.05 15.05L16.5 16.5L12 21ZM8.95 9.04998L7.5 7.59998L12 3.09998L16.5 7.59998L15.05 9.04998L12 5.99998L8.95 9.04998Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","svgElement","ref","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIds","defsElement","idMap","element","originalId","newId","referencingAttributes","updateReferences","attr","attrValue","updatedValue","match","id","onMounted"],"mappings":"mlCAaA,MAAMA,EAAQC,EA+DRC,EAAaC,MAAuB,IAAI,EAExCC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOL,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMM,EAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDO,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOL,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQI,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA,EASIM,EAAgBR,GAAiC,CACrD,GAAI,CAACA,EACH,OAGI,MAAAS,EAAcT,EAAW,cAAc,MAAM,EAG7CU,EAAgC,CAAA,EAElCD,GAEFA,EAAY,iBAAiB,MAAM,EAAE,QAASE,GAAY,CAClD,MAAAC,EAAaD,EAAQ,aAAa,IAAI,EACtCE,EAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,CAAC,IAAID,CAAU,GAG1EF,EAAME,CAAW,EAAIC,EAGbF,EAAA,aAAa,KAAME,CAAK,CAAA,CACjC,EAIG,MAAAC,EAAwB,CAAC,OAAQ,SAAU,SAAU,OAAQ,YAAa,aAAc,MAAM,EAG9FC,EAAoBJ,GAA2B,CAC7BG,EAAA,QAASE,GAAS,CAChC,MAAAC,EAAYN,EAAQ,aAAaK,CAAI,EAC3C,GAAIC,EAAW,CAEb,MAAMC,EAAeD,EAAU,QAAQ,mBAAoB,CAACE,EAAOC,IAC1DV,EAAMU,CAAE,EAAI,QAAQV,EAAMU,CAAE,CAAC,IAAMD,CAC3C,EAAE,QAAQ,aAAc,CAACA,EAAOC,IACxBV,EAAMU,CAAE,EAAI,IAAIV,EAAMU,CAAE,CAAC,GAAKD,CACtC,EAGGD,IAAiBD,GACXN,EAAA,aAAaK,EAAME,CAAY,CAE3C,CAAA,CACD,CAAA,EAIHlB,EAAW,iBAAiB,GAAG,EAAE,QAASW,GAAY,CACpDI,EAAiBJ,CAAO,CAAA,CACzB,CAAA,EAGHU,OAAAA,EAAAA,UAAU,IAAM,CACVvB,EAAM,cAAgBE,EAAW,OACnCQ,EAAaR,EAAW,KAAK,CAC/B,CACD"}

package/dist/kong-icons744.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("./kong-icons1218.cjs"),b=t=>(e.pushScopeId("data-v-3d741b98"),t=t(),e.popScopeId(),t),v=["aria-hidden"],k={key:0,"data-testid":"kui-icon-svg-title"},I=b(()=>e.createElementVNode("path",{d:"M11 16.5V8.35L8.4 10.95L7 9.5L12 4.5L17 9.5L15.6 10.95L13 8.35V16.5H11ZM6 20.5C5.45 20.5 4.97917 20.3042 4.5875 19.9125C4.19583 19.5208 4 19.05 4 18.5V15.5H6V18.5H18V15.5H20V18.5C20 19.05 19.8042 19.5208 19.4125 19.9125C19.0208 20.3042 18.55 20.5 18 20.5H6Z",fill:"currentColor"},null,-1)),N=e.defineComponent({__name:"UploadIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:g.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const r=String(t).replace(/px/gi,""),o=Number(r);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},randomizeIds:{type:Boolean,default:!0}},setup(t){const r=t,o=e.ref(null),f=e.computed(()=>{if(typeof r.size=="number"&&r.size>0)return`${r.size}px`;if(typeof r.size=="string"){const l=String(r.size).replace(/px/gi,""),i=Number(l);if(i&&!isNaN(i)&&Number.isInteger(i)&&i>0)return`${i}px`}return g.KUI_ICON_SIZE_50}),m=e.computed(()=>({boxSizing:"border-box",color:r.color,display:r.display,flexShrink:"0",height:f.value,lineHeight:"0",width:f.value})),h=l=>{if(!l)return;const i=l.querySelector("defs"),s={};i&&i.querySelectorAll("[id]").forEach(n=>{const u=n.getAttribute("id"),a=`${Math.random().toString(36).substring(2,12)}-${u}`;s[u]=a,n.setAttribute("id",a)});const S=["fill","stroke","filter","mask","clip-path","xlink:href","href"],y=n=>{S.forEach(u=>{const a=n.getAttribute(u);if(a){const p=a.replace(/url\(#([^)]+)\)/g,(c,d)=>s[d]?`url(#${s[d]})`:c).replace(/#([^\s]+)/g,(c,d)=>s[d]?`#${s[d]}`:c);p!==a&&n.setAttribute(u,p)}})};l.querySelectorAll("*").forEach(n=>{y(n)})};return e.onMounted(()=>{r.randomizeIds&&o.value&&h(o.value)}),(l,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon upload-icon","data-testid":"kui-icon-wrapper-upload-icon",style:e.normalizeStyle(m.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgElement",ref:o,"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-upload-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",k,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),I],8,v))]),_:1},8,["aria-hidden","style"]))}});exports.default=N;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("./kong-icons1218.cjs"),b=t=>(e.pushScopeId("data-v-23ab91bc"),t=t(),e.popScopeId(),t),v=["aria-hidden"],k={key:0,"data-testid":"kui-icon-svg-title"},I=b(()=>e.createElementVNode("path",{d:"M11 16.5V8.35L8.4 10.95L7 9.5L12 4.5L17 9.5L15.6 10.95L13 8.35V16.5H11ZM6 20.5C5.45 20.5 4.97917 20.3042 4.5875 19.9125C4.19583 19.5208 4 19.05 4 18.5V15.5H6V18.5H18V15.5H20V18.5C20 19.05 19.8042 19.5208 19.4125 19.9125C19.0208 20.3042 18.55 20.5 18 20.5H6Z",fill:"currentColor"},null,-1)),N=e.defineComponent({__name:"UploadIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:g.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const r=String(t).replace(/px/gi,""),o=Number(r);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},randomizeIds:{type:Boolean,default:!0}},setup(t){const r=t,o=e.ref(null),f=e.computed(()=>{if(typeof r.size=="number"&&r.size>0)return`${r.size}px`;if(typeof r.size=="string"){const l=String(r.size).replace(/px/gi,""),i=Number(l);if(i&&!isNaN(i)&&Number.isInteger(i)&&i>0)return`${i}px`}return g.KUI_ICON_SIZE_50}),m=e.computed(()=>({boxSizing:"border-box",color:r.color,display:r.display,flexShrink:"0",height:f.value,lineHeight:"0",width:f.value})),h=l=>{if(!l)return;const i=l.querySelector("defs"),s={};i&&i.querySelectorAll("[id]").forEach(n=>{const u=n.getAttribute("id"),a=`${Math.random().toString(36).substring(2,12)}-${u}`;s[u]=a,n.setAttribute("id",a)});const S=["fill","stroke","filter","mask","clip-path","xlink:href","href"],y=n=>{S.forEach(u=>{const a=n.getAttribute(u);if(a){const p=a.replace(/url\(#([^)]+)\)/g,(d,c)=>s[c]?`url(#${s[c]})`:d).replace(/#([^\s]+)/g,(d,c)=>s[c]?`#${s[c]}`:d);p!==a&&n.setAttribute(u,p)}})};l.querySelectorAll("*").forEach(n=>{y(n)})};return e.onMounted(()=>{r.randomizeIds&&o.value&&h(o.value)}),(l,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon upload-icon","data-testid":"kui-icon-wrapper-upload-icon",style:e.normalizeStyle(m.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgElement",ref:o,"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-upload-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",k,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),I],8,v))]),_:1},8,["aria-hidden","style"]))}});exports.default=N;
 //# sourceMappingURL=kong-icons744.cjs.map

package/dist/kong-icons744.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons744.cjs","sources":["../src/components/solid/UploadIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * UploadIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 24 Sep 2024 00:35:09 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed, ref, onMounted } 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  /** A boolean to enable prefixing any internal SVG ids with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to false during snapshot testing.\n   * Defaults to `true`.\n   */\n  randomizeIds: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst svgElement = ref<SVGElement | null>(null)\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> => ({\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}))\n\n/**\n * Prefix all ids within the SVG element and update all corresponding references to these ids. This is useful to avoid id conflicts when utilizing multiple instances of the same SVG in the DOM.\n *\n * @param {SVGElement} svgElement - The SVG element whose potential IDs need to be prefixed.\n */\nconst prefixSvgIds = (svgElement: SVGElement): void => {\n  if (!svgElement) {\n    return\n  }\n\n  const defsElement = svgElement.querySelector('defs')\n\n  // Prepare a map to store the original and new IDs for quick lookups\n  const idMap: Record<string, string> = {}\n\n  if (defsElement) {\n    // Step 1: Prefix all direct children of <defs> that have an `id`\n    defsElement.querySelectorAll('[id]').forEach((element) => {\n      const originalId = element.getAttribute('id')\n      const newId = `${Math.random().toString(36).substring(2, 12)}-${originalId}`\n\n      // Map old id to new id\n      idMap[originalId!] = newId\n\n      // Update the element's ID with the new prefixed ID\n      element.setAttribute('id', newId)\n    })\n  }\n\n  // Step 2: Update all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`\n  const referencingAttributes = ['fill', 'stroke', 'filter', 'mask', 'clip-path', 'xlink:href', 'href']\n\n  // Function to update references to IDs in attributes\n  const updateReferences = (element: Element): void => {\n    referencingAttributes.forEach((attr) => {\n      const attrValue = element.getAttribute(attr)\n      if (attrValue) {\n        // Match any url(#id) or href=\"#id\" references\n        const updatedValue = attrValue.replace(/url\\(#([^)]+)\\)/g, (match, id) => {\n          return idMap[id] ? `url(#${idMap[id]})` : match\n        }).replace(/#([^\\s]+)/g, (match, id) => {\n          return idMap[id] ? `#${idMap[id]}` : match\n        })\n\n        // If the value changed, update the attribute\n        if (updatedValue !== attrValue) {\n          element.setAttribute(attr, updatedValue)\n        }\n      }\n    })\n  }\n\n  // Traverse all elements in the SVG to update ID references\n  svgElement.querySelectorAll('*').forEach((element) => {\n    updateReferences(element)\n  })\n}\n\nonMounted(() => {\n  if (props.randomizeIds && svgElement.value) {\n    prefixSvgIds(svgElement.value)\n  }\n})\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon upload-icon\"\n    data-testid=\"kui-icon-wrapper-upload-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-upload-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    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <path\n        d=\"M11 16.5V8.35L8.4 10.95L7 9.5L12 4.5L17 9.5L15.6 10.95L13 8.35V16.5H11ZM6 20.5C5.45 20.5 4.97917 20.3042 4.5875 19.9125C4.19583 19.5208 4 19.05 4 18.5V15.5H6V18.5H18V15.5H20V18.5C20 19.05 19.8042 19.5208 19.4125 19.9125C19.0208 20.3042 18.55 20.5 18 20.5H6Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","svgElement","ref","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIds","defsElement","idMap","element","originalId","newId","referencingAttributes","updateReferences","attr","attrValue","updatedValue","match","id","onMounted"],"mappings":"yrCAaA,MAAMA,EAAQC,EA+DRC,EAAaC,MAAuB,IAAI,EAExCC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOL,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMM,EAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDO,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOL,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQI,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA,EAOIM,EAAgBR,GAAiC,CACrD,GAAI,CAACA,EACH,OAGI,MAAAS,EAAcT,EAAW,cAAc,MAAM,EAG7CU,EAAgC,CAAA,EAElCD,GAEFA,EAAY,iBAAiB,MAAM,EAAE,QAASE,GAAY,CAClD,MAAAC,EAAaD,EAAQ,aAAa,IAAI,EACtCE,EAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,CAAC,IAAID,CAAU,GAG1EF,EAAME,CAAW,EAAIC,EAGbF,EAAA,aAAa,KAAME,CAAK,CAAA,CACjC,EAIG,MAAAC,EAAwB,CAAC,OAAQ,SAAU,SAAU,OAAQ,YAAa,aAAc,MAAM,EAG9FC,EAAoBJ,GAA2B,CAC7BG,EAAA,QAASE,GAAS,CAChC,MAAAC,EAAYN,EAAQ,aAAaK,CAAI,EAC3C,GAAIC,EAAW,CAEb,MAAMC,EAAeD,EAAU,QAAQ,mBAAoB,CAACE,EAAOC,IAC1DV,EAAMU,CAAE,EAAI,QAAQV,EAAMU,CAAE,CAAC,IAAMD,CAC3C,EAAE,QAAQ,aAAc,CAACA,EAAOC,IACxBV,EAAMU,CAAE,EAAI,IAAIV,EAAMU,CAAE,CAAC,GAAKD,CACtC,EAGGD,IAAiBD,GACXN,EAAA,aAAaK,EAAME,CAAY,CAE3C,CAAA,CACD,CAAA,EAIHlB,EAAW,iBAAiB,GAAG,EAAE,QAASW,GAAY,CACpDI,EAAiBJ,CAAO,CAAA,CACzB,CAAA,EAGHU,OAAAA,EAAAA,UAAU,IAAM,CACVvB,EAAM,cAAgBE,EAAW,OACnCQ,EAAaR,EAAW,KAAK,CAC/B,CACD"}
+{"version":3,"file":"kong-icons744.cjs","sources":["../src/components/solid/UploadIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * UploadIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 24 Sep 2024 00:34:54 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed, ref, onMounted } 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  /** A boolean to enable prefixing any internal SVG ids with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to false during snapshot testing.\n   * Defaults to `true`.\n   */\n  randomizeIds: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst svgElement = ref<SVGElement | null>(null)\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> => ({\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}))\n\n/**\n * Prefix all ids within the SVG element and update all corresponding references to these ids. This is useful to avoid id conflicts when utilizing multiple instances of the same SVG in the DOM.\n *\n * The prefix is a random string generated using `Math.random().toString(36).substring(2, 12)` which should be sufficient for most use-cases.\n *\n * @param {SVGElement} svgElement - The SVG element whose potential IDs need to be prefixed.\n */\nconst prefixSvgIds = (svgElement: SVGElement): void => {\n  if (!svgElement) {\n    return\n  }\n\n  const defsElement = svgElement.querySelector('defs')\n\n  // Prepare a map to store the original and new IDs for quick lookups\n  const idMap: Record<string, string> = {}\n\n  if (defsElement) {\n    // Step 1: Prefix all direct children of <defs> that have an `id`\n    defsElement.querySelectorAll('[id]').forEach((element) => {\n      const originalId = element.getAttribute('id')\n      const newId = `${Math.random().toString(36).substring(2, 12)}-${originalId}`\n\n      // Map old id to new id\n      idMap[originalId!] = newId\n\n      // Update the element's ID with the new prefixed ID\n      element.setAttribute('id', newId)\n    })\n  }\n\n  // Step 2: Update all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`\n  const referencingAttributes = ['fill', 'stroke', 'filter', 'mask', 'clip-path', 'xlink:href', 'href']\n\n  // Function to update references to IDs in attributes\n  const updateReferences = (element: Element): void => {\n    referencingAttributes.forEach((attr) => {\n      const attrValue = element.getAttribute(attr)\n      if (attrValue) {\n        // Match any url(#id) or href=\"#id\" references\n        const updatedValue = attrValue.replace(/url\\(#([^)]+)\\)/g, (match, id) => {\n          return idMap[id] ? `url(#${idMap[id]})` : match\n        }).replace(/#([^\\s]+)/g, (match, id) => {\n          return idMap[id] ? `#${idMap[id]}` : match\n        })\n\n        // If the value changed, update the attribute\n        if (updatedValue !== attrValue) {\n          element.setAttribute(attr, updatedValue)\n        }\n      }\n    })\n  }\n\n  // Traverse all elements in the SVG to update ID references\n  svgElement.querySelectorAll('*').forEach((element) => {\n    updateReferences(element)\n  })\n}\n\nonMounted(() => {\n  if (props.randomizeIds && svgElement.value) {\n    prefixSvgIds(svgElement.value)\n  }\n})\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon upload-icon\"\n    data-testid=\"kui-icon-wrapper-upload-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-upload-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    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <path\n        d=\"M11 16.5V8.35L8.4 10.95L7 9.5L12 4.5L17 9.5L15.6 10.95L13 8.35V16.5H11ZM6 20.5C5.45 20.5 4.97917 20.3042 4.5875 19.9125C4.19583 19.5208 4 19.05 4 18.5V15.5H6V18.5H18V15.5H20V18.5C20 19.05 19.8042 19.5208 19.4125 19.9125C19.0208 20.3042 18.55 20.5 18 20.5H6Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","svgElement","ref","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIds","defsElement","idMap","element","originalId","newId","referencingAttributes","updateReferences","attr","attrValue","updatedValue","match","id","onMounted"],"mappings":"yrCAaA,MAAMA,EAAQC,EA+DRC,EAAaC,MAAuB,IAAI,EAExCC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOL,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMM,EAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDO,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOL,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQI,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA,EASIM,EAAgBR,GAAiC,CACrD,GAAI,CAACA,EACH,OAGI,MAAAS,EAAcT,EAAW,cAAc,MAAM,EAG7CU,EAAgC,CAAA,EAElCD,GAEFA,EAAY,iBAAiB,MAAM,EAAE,QAASE,GAAY,CAClD,MAAAC,EAAaD,EAAQ,aAAa,IAAI,EACtCE,EAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,CAAC,IAAID,CAAU,GAG1EF,EAAME,CAAW,EAAIC,EAGbF,EAAA,aAAa,KAAME,CAAK,CAAA,CACjC,EAIG,MAAAC,EAAwB,CAAC,OAAQ,SAAU,SAAU,OAAQ,YAAa,aAAc,MAAM,EAG9FC,EAAoBJ,GAA2B,CAC7BG,EAAA,QAASE,GAAS,CAChC,MAAAC,EAAYN,EAAQ,aAAaK,CAAI,EAC3C,GAAIC,EAAW,CAEb,MAAMC,EAAeD,EAAU,QAAQ,mBAAoB,CAACE,EAAOC,IAC1DV,EAAMU,CAAE,EAAI,QAAQV,EAAMU,CAAE,CAAC,IAAMD,CAC3C,EAAE,QAAQ,aAAc,CAACA,EAAOC,IACxBV,EAAMU,CAAE,EAAI,IAAIV,EAAMU,CAAE,CAAC,GAAKD,CACtC,EAGGD,IAAiBD,GACXN,EAAA,aAAaK,EAAME,CAAY,CAE3C,CAAA,CACD,CAAA,EAIHlB,EAAW,iBAAiB,GAAG,EAAE,QAASW,GAAY,CACpDI,EAAiBJ,CAAO,CAAA,CACzB,CAAA,EAGHU,OAAAA,EAAAA,UAAU,IAAM,CACVvB,EAAM,cAAgBE,EAAW,OACnCQ,EAAaR,EAAW,KAAK,CAC/B,CACD"}

package/dist/kong-icons746.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("./kong-icons1218.cjs"),S=t=>(e.pushScopeId("data-v-d3793fe5"),t=t(),e.popScopeId(),t),b=["aria-hidden"],v={key:0,"data-testid":"kui-icon-svg-title"},k=S(()=>e.createElementVNode("path",{d:"M12 16C13.25 16 14.3125 15.5625 15.1875 14.6875C16.0625 13.8125 16.5 12.75 16.5 11.5C16.5 10.25 16.0625 9.1875 15.1875 8.3125C14.3125 7.4375 13.25 7 12 7C10.75 7 9.6875 7.4375 8.8125 8.3125C7.9375 9.1875 7.5 10.25 7.5 11.5C7.5 12.75 7.9375 13.8125 8.8125 14.6875C9.6875 15.5625 10.75 16 12 16ZM12 14.2C11.25 14.2 10.6125 13.9375 10.0875 13.4125C9.5625 12.8875 9.3 12.25 9.3 11.5C9.3 10.75 9.5625 10.1125 10.0875 9.5875C10.6125 9.0625 11.25 8.8 12 8.8C12.75 8.8 13.3875 9.0625 13.9125 9.5875C14.4375 10.1125 14.7 10.75 14.7 11.5C14.7 12.25 14.4375 12.8875 13.9125 13.4125C13.3875 13.9375 12.75 14.2 12 14.2ZM12 19C9.56667 19 7.35 18.3208 5.35 16.9625C3.35 15.6042 1.9 13.7833 1 11.5C1.9 9.21667 3.35 7.39583 5.35 6.0375C7.35 4.67917 9.56667 4 12 4C14.4333 4 16.65 4.67917 18.65 6.0375C20.65 7.39583 22.1 9.21667 23 11.5C22.1 13.7833 20.65 15.6042 18.65 16.9625C16.65 18.3208 14.4333 19 12 19Z",fill:"currentColor"},null,-1)),I=e.defineComponent({__name:"VisibilityIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:g.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const i=String(t).replace(/px/gi,""),o=Number(i);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},randomizeIds:{type:Boolean,default:!0}},setup(t){const i=t,o=e.ref(null),f=e.computed(()=>{if(typeof i.size=="number"&&i.size>0)return`${i.size}px`;if(typeof i.size=="string"){const l=String(i.size).replace(/px/gi,""),r=Number(l);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return`${r}px`}return g.KUI_ICON_SIZE_50}),C=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,flexShrink:"0",height:f.value,lineHeight:"0",width:f.value})),y=l=>{if(!l)return;const r=l.querySelector("defs"),a={};r&&r.querySelectorAll("[id]").forEach(n=>{const u=n.getAttribute("id"),s=`${Math.random().toString(36).substring(2,12)}-${u}`;a[u]=s,n.setAttribute("id",s)});const m=["fill","stroke","filter","mask","clip-path","xlink:href","href"],h=n=>{m.forEach(u=>{const s=n.getAttribute(u);if(s){const p=s.replace(/url\(#([^)]+)\)/g,(d,c)=>a[c]?`url(#${a[c]})`:d).replace(/#([^\s]+)/g,(d,c)=>a[c]?`#${a[c]}`:d);p!==s&&n.setAttribute(u,p)}})};l.querySelectorAll("*").forEach(n=>{h(n)})};return e.onMounted(()=>{i.randomizeIds&&o.value&&y(o.value)}),(l,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon visibility-icon","data-testid":"kui-icon-wrapper-visibility-icon",style:e.normalizeStyle(C.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgElement",ref:o,"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-visibility-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",v,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),k],8,b))]),_:1},8,["aria-hidden","style"]))}});exports.default=I;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("./kong-icons1218.cjs"),S=t=>(e.pushScopeId("data-v-72c89de3"),t=t(),e.popScopeId(),t),b=["aria-hidden"],v={key:0,"data-testid":"kui-icon-svg-title"},k=S(()=>e.createElementVNode("path",{d:"M12 16C13.25 16 14.3125 15.5625 15.1875 14.6875C16.0625 13.8125 16.5 12.75 16.5 11.5C16.5 10.25 16.0625 9.1875 15.1875 8.3125C14.3125 7.4375 13.25 7 12 7C10.75 7 9.6875 7.4375 8.8125 8.3125C7.9375 9.1875 7.5 10.25 7.5 11.5C7.5 12.75 7.9375 13.8125 8.8125 14.6875C9.6875 15.5625 10.75 16 12 16ZM12 14.2C11.25 14.2 10.6125 13.9375 10.0875 13.4125C9.5625 12.8875 9.3 12.25 9.3 11.5C9.3 10.75 9.5625 10.1125 10.0875 9.5875C10.6125 9.0625 11.25 8.8 12 8.8C12.75 8.8 13.3875 9.0625 13.9125 9.5875C14.4375 10.1125 14.7 10.75 14.7 11.5C14.7 12.25 14.4375 12.8875 13.9125 13.4125C13.3875 13.9375 12.75 14.2 12 14.2ZM12 19C9.56667 19 7.35 18.3208 5.35 16.9625C3.35 15.6042 1.9 13.7833 1 11.5C1.9 9.21667 3.35 7.39583 5.35 6.0375C7.35 4.67917 9.56667 4 12 4C14.4333 4 16.65 4.67917 18.65 6.0375C20.65 7.39583 22.1 9.21667 23 11.5C22.1 13.7833 20.65 15.6042 18.65 16.9625C16.65 18.3208 14.4333 19 12 19Z",fill:"currentColor"},null,-1)),I=e.defineComponent({__name:"VisibilityIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:g.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const i=String(t).replace(/px/gi,""),o=Number(i);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},randomizeIds:{type:Boolean,default:!0}},setup(t){const i=t,o=e.ref(null),f=e.computed(()=>{if(typeof i.size=="number"&&i.size>0)return`${i.size}px`;if(typeof i.size=="string"){const l=String(i.size).replace(/px/gi,""),r=Number(l);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return`${r}px`}return g.KUI_ICON_SIZE_50}),C=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,flexShrink:"0",height:f.value,lineHeight:"0",width:f.value})),y=l=>{if(!l)return;const r=l.querySelector("defs"),a={};r&&r.querySelectorAll("[id]").forEach(n=>{const c=n.getAttribute("id"),s=`${Math.random().toString(36).substring(2,12)}-${c}`;a[c]=s,n.setAttribute("id",s)});const m=["fill","stroke","filter","mask","clip-path","xlink:href","href"],h=n=>{m.forEach(c=>{const s=n.getAttribute(c);if(s){const p=s.replace(/url\(#([^)]+)\)/g,(d,u)=>a[u]?`url(#${a[u]})`:d).replace(/#([^\s]+)/g,(d,u)=>a[u]?`#${a[u]}`:d);p!==s&&n.setAttribute(c,p)}})};l.querySelectorAll("*").forEach(n=>{h(n)})};return e.onMounted(()=>{i.randomizeIds&&o.value&&y(o.value)}),(l,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon visibility-icon","data-testid":"kui-icon-wrapper-visibility-icon",style:e.normalizeStyle(C.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgElement",ref:o,"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-visibility-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",v,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),k],8,b))]),_:1},8,["aria-hidden","style"]))}});exports.default=I;
 //# sourceMappingURL=kong-icons746.cjs.map

package/dist/kong-icons746.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons746.cjs","sources":["../src/components/solid/VisibilityIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * VisibilityIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 24 Sep 2024 00:35:09 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed, ref, onMounted } 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  /** A boolean to enable prefixing any internal SVG ids with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to false during snapshot testing.\n   * Defaults to `true`.\n   */\n  randomizeIds: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst svgElement = ref<SVGElement | null>(null)\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> => ({\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}))\n\n/**\n * Prefix all ids within the SVG element and update all corresponding references to these ids. This is useful to avoid id conflicts when utilizing multiple instances of the same SVG in the DOM.\n *\n * @param {SVGElement} svgElement - The SVG element whose potential IDs need to be prefixed.\n */\nconst prefixSvgIds = (svgElement: SVGElement): void => {\n  if (!svgElement) {\n    return\n  }\n\n  const defsElement = svgElement.querySelector('defs')\n\n  // Prepare a map to store the original and new IDs for quick lookups\n  const idMap: Record<string, string> = {}\n\n  if (defsElement) {\n    // Step 1: Prefix all direct children of <defs> that have an `id`\n    defsElement.querySelectorAll('[id]').forEach((element) => {\n      const originalId = element.getAttribute('id')\n      const newId = `${Math.random().toString(36).substring(2, 12)}-${originalId}`\n\n      // Map old id to new id\n      idMap[originalId!] = newId\n\n      // Update the element's ID with the new prefixed ID\n      element.setAttribute('id', newId)\n    })\n  }\n\n  // Step 2: Update all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`\n  const referencingAttributes = ['fill', 'stroke', 'filter', 'mask', 'clip-path', 'xlink:href', 'href']\n\n  // Function to update references to IDs in attributes\n  const updateReferences = (element: Element): void => {\n    referencingAttributes.forEach((attr) => {\n      const attrValue = element.getAttribute(attr)\n      if (attrValue) {\n        // Match any url(#id) or href=\"#id\" references\n        const updatedValue = attrValue.replace(/url\\(#([^)]+)\\)/g, (match, id) => {\n          return idMap[id] ? `url(#${idMap[id]})` : match\n        }).replace(/#([^\\s]+)/g, (match, id) => {\n          return idMap[id] ? `#${idMap[id]}` : match\n        })\n\n        // If the value changed, update the attribute\n        if (updatedValue !== attrValue) {\n          element.setAttribute(attr, updatedValue)\n        }\n      }\n    })\n  }\n\n  // Traverse all elements in the SVG to update ID references\n  svgElement.querySelectorAll('*').forEach((element) => {\n    updateReferences(element)\n  })\n}\n\nonMounted(() => {\n  if (props.randomizeIds && svgElement.value) {\n    prefixSvgIds(svgElement.value)\n  }\n})\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon visibility-icon\"\n    data-testid=\"kui-icon-wrapper-visibility-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-visibility-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    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <path\n        d=\"M12 16C13.25 16 14.3125 15.5625 15.1875 14.6875C16.0625 13.8125 16.5 12.75 16.5 11.5C16.5 10.25 16.0625 9.1875 15.1875 8.3125C14.3125 7.4375 13.25 7 12 7C10.75 7 9.6875 7.4375 8.8125 8.3125C7.9375 9.1875 7.5 10.25 7.5 11.5C7.5 12.75 7.9375 13.8125 8.8125 14.6875C9.6875 15.5625 10.75 16 12 16ZM12 14.2C11.25 14.2 10.6125 13.9375 10.0875 13.4125C9.5625 12.8875 9.3 12.25 9.3 11.5C9.3 10.75 9.5625 10.1125 10.0875 9.5875C10.6125 9.0625 11.25 8.8 12 8.8C12.75 8.8 13.3875 9.0625 13.9125 9.5875C14.4375 10.1125 14.7 10.75 14.7 11.5C14.7 12.25 14.4375 12.8875 13.9125 13.4125C13.3875 13.9375 12.75 14.2 12 14.2ZM12 19C9.56667 19 7.35 18.3208 5.35 16.9625C3.35 15.6042 1.9 13.7833 1 11.5C1.9 9.21667 3.35 7.39583 5.35 6.0375C7.35 4.67917 9.56667 4 12 4C14.4333 4 16.65 4.67917 18.65 6.0375C20.65 7.39583 22.1 9.21667 23 11.5C22.1 13.7833 20.65 15.6042 18.65 16.9625C16.65 18.3208 14.4333 19 12 19Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","svgElement","ref","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIds","defsElement","idMap","element","originalId","newId","referencingAttributes","updateReferences","attr","attrValue","updatedValue","match","id","onMounted"],"mappings":"uzDAaA,MAAMA,EAAQC,EA+DRC,EAAaC,MAAuB,IAAI,EAExCC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOL,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMM,EAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDO,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOL,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQI,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA,EAOIM,EAAgBR,GAAiC,CACrD,GAAI,CAACA,EACH,OAGI,MAAAS,EAAcT,EAAW,cAAc,MAAM,EAG7CU,EAAgC,CAAA,EAElCD,GAEFA,EAAY,iBAAiB,MAAM,EAAE,QAASE,GAAY,CAClD,MAAAC,EAAaD,EAAQ,aAAa,IAAI,EACtCE,EAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,CAAC,IAAID,CAAU,GAG1EF,EAAME,CAAW,EAAIC,EAGbF,EAAA,aAAa,KAAME,CAAK,CAAA,CACjC,EAIG,MAAAC,EAAwB,CAAC,OAAQ,SAAU,SAAU,OAAQ,YAAa,aAAc,MAAM,EAG9FC,EAAoBJ,GAA2B,CAC7BG,EAAA,QAASE,GAAS,CAChC,MAAAC,EAAYN,EAAQ,aAAaK,CAAI,EAC3C,GAAIC,EAAW,CAEb,MAAMC,EAAeD,EAAU,QAAQ,mBAAoB,CAACE,EAAOC,IAC1DV,EAAMU,CAAE,EAAI,QAAQV,EAAMU,CAAE,CAAC,IAAMD,CAC3C,EAAE,QAAQ,aAAc,CAACA,EAAOC,IACxBV,EAAMU,CAAE,EAAI,IAAIV,EAAMU,CAAE,CAAC,GAAKD,CACtC,EAGGD,IAAiBD,GACXN,EAAA,aAAaK,EAAME,CAAY,CAE3C,CAAA,CACD,CAAA,EAIHlB,EAAW,iBAAiB,GAAG,EAAE,QAASW,GAAY,CACpDI,EAAiBJ,CAAO,CAAA,CACzB,CAAA,EAGHU,OAAAA,EAAAA,UAAU,IAAM,CACVvB,EAAM,cAAgBE,EAAW,OACnCQ,EAAaR,EAAW,KAAK,CAC/B,CACD"}
+{"version":3,"file":"kong-icons746.cjs","sources":["../src/components/solid/VisibilityIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * VisibilityIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 24 Sep 2024 00:34:54 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed, ref, onMounted } 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  /** A boolean to enable prefixing any internal SVG ids with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to false during snapshot testing.\n   * Defaults to `true`.\n   */\n  randomizeIds: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst svgElement = ref<SVGElement | null>(null)\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> => ({\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}))\n\n/**\n * Prefix all ids within the SVG element and update all corresponding references to these ids. This is useful to avoid id conflicts when utilizing multiple instances of the same SVG in the DOM.\n *\n * The prefix is a random string generated using `Math.random().toString(36).substring(2, 12)` which should be sufficient for most use-cases.\n *\n * @param {SVGElement} svgElement - The SVG element whose potential IDs need to be prefixed.\n */\nconst prefixSvgIds = (svgElement: SVGElement): void => {\n  if (!svgElement) {\n    return\n  }\n\n  const defsElement = svgElement.querySelector('defs')\n\n  // Prepare a map to store the original and new IDs for quick lookups\n  const idMap: Record<string, string> = {}\n\n  if (defsElement) {\n    // Step 1: Prefix all direct children of <defs> that have an `id`\n    defsElement.querySelectorAll('[id]').forEach((element) => {\n      const originalId = element.getAttribute('id')\n      const newId = `${Math.random().toString(36).substring(2, 12)}-${originalId}`\n\n      // Map old id to new id\n      idMap[originalId!] = newId\n\n      // Update the element's ID with the new prefixed ID\n      element.setAttribute('id', newId)\n    })\n  }\n\n  // Step 2: Update all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`\n  const referencingAttributes = ['fill', 'stroke', 'filter', 'mask', 'clip-path', 'xlink:href', 'href']\n\n  // Function to update references to IDs in attributes\n  const updateReferences = (element: Element): void => {\n    referencingAttributes.forEach((attr) => {\n      const attrValue = element.getAttribute(attr)\n      if (attrValue) {\n        // Match any url(#id) or href=\"#id\" references\n        const updatedValue = attrValue.replace(/url\\(#([^)]+)\\)/g, (match, id) => {\n          return idMap[id] ? `url(#${idMap[id]})` : match\n        }).replace(/#([^\\s]+)/g, (match, id) => {\n          return idMap[id] ? `#${idMap[id]}` : match\n        })\n\n        // If the value changed, update the attribute\n        if (updatedValue !== attrValue) {\n          element.setAttribute(attr, updatedValue)\n        }\n      }\n    })\n  }\n\n  // Traverse all elements in the SVG to update ID references\n  svgElement.querySelectorAll('*').forEach((element) => {\n    updateReferences(element)\n  })\n}\n\nonMounted(() => {\n  if (props.randomizeIds && svgElement.value) {\n    prefixSvgIds(svgElement.value)\n  }\n})\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon visibility-icon\"\n    data-testid=\"kui-icon-wrapper-visibility-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-visibility-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    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <path\n        d=\"M12 16C13.25 16 14.3125 15.5625 15.1875 14.6875C16.0625 13.8125 16.5 12.75 16.5 11.5C16.5 10.25 16.0625 9.1875 15.1875 8.3125C14.3125 7.4375 13.25 7 12 7C10.75 7 9.6875 7.4375 8.8125 8.3125C7.9375 9.1875 7.5 10.25 7.5 11.5C7.5 12.75 7.9375 13.8125 8.8125 14.6875C9.6875 15.5625 10.75 16 12 16ZM12 14.2C11.25 14.2 10.6125 13.9375 10.0875 13.4125C9.5625 12.8875 9.3 12.25 9.3 11.5C9.3 10.75 9.5625 10.1125 10.0875 9.5875C10.6125 9.0625 11.25 8.8 12 8.8C12.75 8.8 13.3875 9.0625 13.9125 9.5875C14.4375 10.1125 14.7 10.75 14.7 11.5C14.7 12.25 14.4375 12.8875 13.9125 13.4125C13.3875 13.9375 12.75 14.2 12 14.2ZM12 19C9.56667 19 7.35 18.3208 5.35 16.9625C3.35 15.6042 1.9 13.7833 1 11.5C1.9 9.21667 3.35 7.39583 5.35 6.0375C7.35 4.67917 9.56667 4 12 4C14.4333 4 16.65 4.67917 18.65 6.0375C20.65 7.39583 22.1 9.21667 23 11.5C22.1 13.7833 20.65 15.6042 18.65 16.9625C16.65 18.3208 14.4333 19 12 19Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","svgElement","ref","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIds","defsElement","idMap","element","originalId","newId","referencingAttributes","updateReferences","attr","attrValue","updatedValue","match","id","onMounted"],"mappings":"uzDAaA,MAAMA,EAAQC,EA+DRC,EAAaC,MAAuB,IAAI,EAExCC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOL,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMM,EAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDO,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOL,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQI,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA,EASIM,EAAgBR,GAAiC,CACrD,GAAI,CAACA,EACH,OAGI,MAAAS,EAAcT,EAAW,cAAc,MAAM,EAG7CU,EAAgC,CAAA,EAElCD,GAEFA,EAAY,iBAAiB,MAAM,EAAE,QAASE,GAAY,CAClD,MAAAC,EAAaD,EAAQ,aAAa,IAAI,EACtCE,EAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,CAAC,IAAID,CAAU,GAG1EF,EAAME,CAAW,EAAIC,EAGbF,EAAA,aAAa,KAAME,CAAK,CAAA,CACjC,EAIG,MAAAC,EAAwB,CAAC,OAAQ,SAAU,SAAU,OAAQ,YAAa,aAAc,MAAM,EAG9FC,EAAoBJ,GAA2B,CAC7BG,EAAA,QAASE,GAAS,CAChC,MAAAC,EAAYN,EAAQ,aAAaK,CAAI,EAC3C,GAAIC,EAAW,CAEb,MAAMC,EAAeD,EAAU,QAAQ,mBAAoB,CAACE,EAAOC,IAC1DV,EAAMU,CAAE,EAAI,QAAQV,EAAMU,CAAE,CAAC,IAAMD,CAC3C,EAAE,QAAQ,aAAc,CAACA,EAAOC,IACxBV,EAAMU,CAAE,EAAI,IAAIV,EAAMU,CAAE,CAAC,GAAKD,CACtC,EAGGD,IAAiBD,GACXN,EAAA,aAAaK,EAAME,CAAY,CAE3C,CAAA,CACD,CAAA,EAIHlB,EAAW,iBAAiB,GAAG,EAAE,QAASW,GAAY,CACpDI,EAAiBJ,CAAO,CAAA,CACzB,CAAA,EAGHU,OAAAA,EAAAA,UAAU,IAAM,CACVvB,EAAM,cAAgBE,EAAW,OACnCQ,EAAaR,EAAW,KAAK,CAC/B,CACD"}

package/dist/kong-icons748.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("./kong-icons1218.cjs"),v=t=>(e.pushScopeId("data-v-f4a0a767"),t=t(),e.popScopeId(),t),b=["aria-hidden"],k={key:0,"data-testid":"kui-icon-svg-title"},I=v(()=>e.createElementVNode("path",{d:"M9 20C8.68333 20 8.4 19.9083 8.15 19.725C7.9 19.5417 7.71667 19.3083 7.6 19.025L5.3 13H1V11H6.7L9 17.1L13.6 4.975C13.7167 4.69167 13.9 4.45833 14.15 4.275C14.4 4.09167 14.6833 4 15 4C15.3167 4 15.6 4.09167 15.85 4.275C16.1 4.45833 16.2833 4.69167 16.4 4.975L18.7 11H23V13H17.3L15 6.9L10.4 19.025C10.2833 19.3083 10.1 19.5417 9.85 19.725C9.6 19.9083 9.31667 20 9 20Z",fill:"currentColor"},null,-1)),C=e.defineComponent({__name:"VitalsIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:g.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const r=String(t).replace(/px/gi,""),o=Number(r);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},randomizeIds:{type:Boolean,default:!0}},setup(t){const r=t,o=e.ref(null),f=e.computed(()=>{if(typeof r.size=="number"&&r.size>0)return`${r.size}px`;if(typeof r.size=="string"){const l=String(r.size).replace(/px/gi,""),i=Number(l);if(i&&!isNaN(i)&&Number.isInteger(i)&&i>0)return`${i}px`}return g.KUI_ICON_SIZE_50}),m=e.computed(()=>({boxSizing:"border-box",color:r.color,display:r.display,flexShrink:"0",height:f.value,lineHeight:"0",width:f.value})),h=l=>{if(!l)return;const i=l.querySelector("defs"),s={};i&&i.querySelectorAll("[id]").forEach(n=>{const u=n.getAttribute("id"),a=`${Math.random().toString(36).substring(2,12)}-${u}`;s[u]=a,n.setAttribute("id",a)});const S=["fill","stroke","filter","mask","clip-path","xlink:href","href"],y=n=>{S.forEach(u=>{const a=n.getAttribute(u);if(a){const p=a.replace(/url\(#([^)]+)\)/g,(d,c)=>s[c]?`url(#${s[c]})`:d).replace(/#([^\s]+)/g,(d,c)=>s[c]?`#${s[c]}`:d);p!==a&&n.setAttribute(u,p)}})};l.querySelectorAll("*").forEach(n=>{y(n)})};return e.onMounted(()=>{r.randomizeIds&&o.value&&h(o.value)}),(l,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon vitals-icon","data-testid":"kui-icon-wrapper-vitals-icon",style:e.normalizeStyle(m.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgElement",ref:o,"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-vitals-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",k,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),I],8,b))]),_:1},8,["aria-hidden","style"]))}});exports.default=C;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("./kong-icons1218.cjs"),v=t=>(e.pushScopeId("data-v-db6c4f9e"),t=t(),e.popScopeId(),t),b=["aria-hidden"],k={key:0,"data-testid":"kui-icon-svg-title"},I=v(()=>e.createElementVNode("path",{d:"M9 20C8.68333 20 8.4 19.9083 8.15 19.725C7.9 19.5417 7.71667 19.3083 7.6 19.025L5.3 13H1V11H6.7L9 17.1L13.6 4.975C13.7167 4.69167 13.9 4.45833 14.15 4.275C14.4 4.09167 14.6833 4 15 4C15.3167 4 15.6 4.09167 15.85 4.275C16.1 4.45833 16.2833 4.69167 16.4 4.975L18.7 11H23V13H17.3L15 6.9L10.4 19.025C10.2833 19.3083 10.1 19.5417 9.85 19.725C9.6 19.9083 9.31667 20 9 20Z",fill:"currentColor"},null,-1)),C=e.defineComponent({__name:"VitalsIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:g.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const r=String(t).replace(/px/gi,""),o=Number(r);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},randomizeIds:{type:Boolean,default:!0}},setup(t){const r=t,o=e.ref(null),f=e.computed(()=>{if(typeof r.size=="number"&&r.size>0)return`${r.size}px`;if(typeof r.size=="string"){const l=String(r.size).replace(/px/gi,""),i=Number(l);if(i&&!isNaN(i)&&Number.isInteger(i)&&i>0)return`${i}px`}return g.KUI_ICON_SIZE_50}),m=e.computed(()=>({boxSizing:"border-box",color:r.color,display:r.display,flexShrink:"0",height:f.value,lineHeight:"0",width:f.value})),h=l=>{if(!l)return;const i=l.querySelector("defs"),s={};i&&i.querySelectorAll("[id]").forEach(n=>{const c=n.getAttribute("id"),a=`${Math.random().toString(36).substring(2,12)}-${c}`;s[c]=a,n.setAttribute("id",a)});const S=["fill","stroke","filter","mask","clip-path","xlink:href","href"],y=n=>{S.forEach(c=>{const a=n.getAttribute(c);if(a){const p=a.replace(/url\(#([^)]+)\)/g,(d,u)=>s[u]?`url(#${s[u]})`:d).replace(/#([^\s]+)/g,(d,u)=>s[u]?`#${s[u]}`:d);p!==a&&n.setAttribute(c,p)}})};l.querySelectorAll("*").forEach(n=>{y(n)})};return e.onMounted(()=>{r.randomizeIds&&o.value&&h(o.value)}),(l,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon vitals-icon","data-testid":"kui-icon-wrapper-vitals-icon",style:e.normalizeStyle(m.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgElement",ref:o,"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-vitals-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",k,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),I],8,b))]),_:1},8,["aria-hidden","style"]))}});exports.default=C;
 //# sourceMappingURL=kong-icons748.cjs.map

package/dist/kong-icons748.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons748.cjs","sources":["../src/components/solid/VitalsIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * VitalsIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 24 Sep 2024 00:35:09 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed, ref, onMounted } 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  /** A boolean to enable prefixing any internal SVG ids with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to false during snapshot testing.\n   * Defaults to `true`.\n   */\n  randomizeIds: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst svgElement = ref<SVGElement | null>(null)\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> => ({\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}))\n\n/**\n * Prefix all ids within the SVG element and update all corresponding references to these ids. This is useful to avoid id conflicts when utilizing multiple instances of the same SVG in the DOM.\n *\n * @param {SVGElement} svgElement - The SVG element whose potential IDs need to be prefixed.\n */\nconst prefixSvgIds = (svgElement: SVGElement): void => {\n  if (!svgElement) {\n    return\n  }\n\n  const defsElement = svgElement.querySelector('defs')\n\n  // Prepare a map to store the original and new IDs for quick lookups\n  const idMap: Record<string, string> = {}\n\n  if (defsElement) {\n    // Step 1: Prefix all direct children of <defs> that have an `id`\n    defsElement.querySelectorAll('[id]').forEach((element) => {\n      const originalId = element.getAttribute('id')\n      const newId = `${Math.random().toString(36).substring(2, 12)}-${originalId}`\n\n      // Map old id to new id\n      idMap[originalId!] = newId\n\n      // Update the element's ID with the new prefixed ID\n      element.setAttribute('id', newId)\n    })\n  }\n\n  // Step 2: Update all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`\n  const referencingAttributes = ['fill', 'stroke', 'filter', 'mask', 'clip-path', 'xlink:href', 'href']\n\n  // Function to update references to IDs in attributes\n  const updateReferences = (element: Element): void => {\n    referencingAttributes.forEach((attr) => {\n      const attrValue = element.getAttribute(attr)\n      if (attrValue) {\n        // Match any url(#id) or href=\"#id\" references\n        const updatedValue = attrValue.replace(/url\\(#([^)]+)\\)/g, (match, id) => {\n          return idMap[id] ? `url(#${idMap[id]})` : match\n        }).replace(/#([^\\s]+)/g, (match, id) => {\n          return idMap[id] ? `#${idMap[id]}` : match\n        })\n\n        // If the value changed, update the attribute\n        if (updatedValue !== attrValue) {\n          element.setAttribute(attr, updatedValue)\n        }\n      }\n    })\n  }\n\n  // Traverse all elements in the SVG to update ID references\n  svgElement.querySelectorAll('*').forEach((element) => {\n    updateReferences(element)\n  })\n}\n\nonMounted(() => {\n  if (props.randomizeIds && svgElement.value) {\n    prefixSvgIds(svgElement.value)\n  }\n})\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon vitals-icon\"\n    data-testid=\"kui-icon-wrapper-vitals-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-vitals-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    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <path\n        d=\"M9 20C8.68333 20 8.4 19.9083 8.15 19.725C7.9 19.5417 7.71667 19.3083 7.6 19.025L5.3 13H1V11H6.7L9 17.1L13.6 4.975C13.7167 4.69167 13.9 4.45833 14.15 4.275C14.4 4.09167 14.6833 4 15 4C15.3167 4 15.6 4.09167 15.85 4.275C16.1 4.45833 16.2833 4.69167 16.4 4.975L18.7 11H23V13H17.3L15 6.9L10.4 19.025C10.2833 19.3083 10.1 19.5417 9.85 19.725C9.6 19.9083 9.31667 20 9 20Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","svgElement","ref","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIds","defsElement","idMap","element","originalId","newId","referencingAttributes","updateReferences","attr","attrValue","updatedValue","match","id","onMounted"],"mappings":"qyCAaA,MAAMA,EAAQC,EA+DRC,EAAaC,MAAuB,IAAI,EAExCC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOL,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMM,EAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDO,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOL,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQI,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA,EAOIM,EAAgBR,GAAiC,CACrD,GAAI,CAACA,EACH,OAGI,MAAAS,EAAcT,EAAW,cAAc,MAAM,EAG7CU,EAAgC,CAAA,EAElCD,GAEFA,EAAY,iBAAiB,MAAM,EAAE,QAASE,GAAY,CAClD,MAAAC,EAAaD,EAAQ,aAAa,IAAI,EACtCE,EAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,CAAC,IAAID,CAAU,GAG1EF,EAAME,CAAW,EAAIC,EAGbF,EAAA,aAAa,KAAME,CAAK,CAAA,CACjC,EAIG,MAAAC,EAAwB,CAAC,OAAQ,SAAU,SAAU,OAAQ,YAAa,aAAc,MAAM,EAG9FC,EAAoBJ,GAA2B,CAC7BG,EAAA,QAASE,GAAS,CAChC,MAAAC,EAAYN,EAAQ,aAAaK,CAAI,EAC3C,GAAIC,EAAW,CAEb,MAAMC,EAAeD,EAAU,QAAQ,mBAAoB,CAACE,EAAOC,IAC1DV,EAAMU,CAAE,EAAI,QAAQV,EAAMU,CAAE,CAAC,IAAMD,CAC3C,EAAE,QAAQ,aAAc,CAACA,EAAOC,IACxBV,EAAMU,CAAE,EAAI,IAAIV,EAAMU,CAAE,CAAC,GAAKD,CACtC,EAGGD,IAAiBD,GACXN,EAAA,aAAaK,EAAME,CAAY,CAE3C,CAAA,CACD,CAAA,EAIHlB,EAAW,iBAAiB,GAAG,EAAE,QAASW,GAAY,CACpDI,EAAiBJ,CAAO,CAAA,CACzB,CAAA,EAGHU,OAAAA,EAAAA,UAAU,IAAM,CACVvB,EAAM,cAAgBE,EAAW,OACnCQ,EAAaR,EAAW,KAAK,CAC/B,CACD"}
+{"version":3,"file":"kong-icons748.cjs","sources":["../src/components/solid/VitalsIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * VitalsIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 24 Sep 2024 00:34:54 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed, ref, onMounted } 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  /** A boolean to enable prefixing any internal SVG ids with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to false during snapshot testing.\n   * Defaults to `true`.\n   */\n  randomizeIds: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst svgElement = ref<SVGElement | null>(null)\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> => ({\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}))\n\n/**\n * Prefix all ids within the SVG element and update all corresponding references to these ids. This is useful to avoid id conflicts when utilizing multiple instances of the same SVG in the DOM.\n *\n * The prefix is a random string generated using `Math.random().toString(36).substring(2, 12)` which should be sufficient for most use-cases.\n *\n * @param {SVGElement} svgElement - The SVG element whose potential IDs need to be prefixed.\n */\nconst prefixSvgIds = (svgElement: SVGElement): void => {\n  if (!svgElement) {\n    return\n  }\n\n  const defsElement = svgElement.querySelector('defs')\n\n  // Prepare a map to store the original and new IDs for quick lookups\n  const idMap: Record<string, string> = {}\n\n  if (defsElement) {\n    // Step 1: Prefix all direct children of <defs> that have an `id`\n    defsElement.querySelectorAll('[id]').forEach((element) => {\n      const originalId = element.getAttribute('id')\n      const newId = `${Math.random().toString(36).substring(2, 12)}-${originalId}`\n\n      // Map old id to new id\n      idMap[originalId!] = newId\n\n      // Update the element's ID with the new prefixed ID\n      element.setAttribute('id', newId)\n    })\n  }\n\n  // Step 2: Update all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`\n  const referencingAttributes = ['fill', 'stroke', 'filter', 'mask', 'clip-path', 'xlink:href', 'href']\n\n  // Function to update references to IDs in attributes\n  const updateReferences = (element: Element): void => {\n    referencingAttributes.forEach((attr) => {\n      const attrValue = element.getAttribute(attr)\n      if (attrValue) {\n        // Match any url(#id) or href=\"#id\" references\n        const updatedValue = attrValue.replace(/url\\(#([^)]+)\\)/g, (match, id) => {\n          return idMap[id] ? `url(#${idMap[id]})` : match\n        }).replace(/#([^\\s]+)/g, (match, id) => {\n          return idMap[id] ? `#${idMap[id]}` : match\n        })\n\n        // If the value changed, update the attribute\n        if (updatedValue !== attrValue) {\n          element.setAttribute(attr, updatedValue)\n        }\n      }\n    })\n  }\n\n  // Traverse all elements in the SVG to update ID references\n  svgElement.querySelectorAll('*').forEach((element) => {\n    updateReferences(element)\n  })\n}\n\nonMounted(() => {\n  if (props.randomizeIds && svgElement.value) {\n    prefixSvgIds(svgElement.value)\n  }\n})\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon vitals-icon\"\n    data-testid=\"kui-icon-wrapper-vitals-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-vitals-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    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <path\n        d=\"M9 20C8.68333 20 8.4 19.9083 8.15 19.725C7.9 19.5417 7.71667 19.3083 7.6 19.025L5.3 13H1V11H6.7L9 17.1L13.6 4.975C13.7167 4.69167 13.9 4.45833 14.15 4.275C14.4 4.09167 14.6833 4 15 4C15.3167 4 15.6 4.09167 15.85 4.275C16.1 4.45833 16.2833 4.69167 16.4 4.975L18.7 11H23V13H17.3L15 6.9L10.4 19.025C10.2833 19.3083 10.1 19.5417 9.85 19.725C9.6 19.9083 9.31667 20 9 20Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","svgElement","ref","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIds","defsElement","idMap","element","originalId","newId","referencingAttributes","updateReferences","attr","attrValue","updatedValue","match","id","onMounted"],"mappings":"qyCAaA,MAAMA,EAAQC,EA+DRC,EAAaC,MAAuB,IAAI,EAExCC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOL,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMM,EAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDO,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOL,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQI,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA,EASIM,EAAgBR,GAAiC,CACrD,GAAI,CAACA,EACH,OAGI,MAAAS,EAAcT,EAAW,cAAc,MAAM,EAG7CU,EAAgC,CAAA,EAElCD,GAEFA,EAAY,iBAAiB,MAAM,EAAE,QAASE,GAAY,CAClD,MAAAC,EAAaD,EAAQ,aAAa,IAAI,EACtCE,EAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,CAAC,IAAID,CAAU,GAG1EF,EAAME,CAAW,EAAIC,EAGbF,EAAA,aAAa,KAAME,CAAK,CAAA,CACjC,EAIG,MAAAC,EAAwB,CAAC,OAAQ,SAAU,SAAU,OAAQ,YAAa,aAAc,MAAM,EAG9FC,EAAoBJ,GAA2B,CAC7BG,EAAA,QAASE,GAAS,CAChC,MAAAC,EAAYN,EAAQ,aAAaK,CAAI,EAC3C,GAAIC,EAAW,CAEb,MAAMC,EAAeD,EAAU,QAAQ,mBAAoB,CAACE,EAAOC,IAC1DV,EAAMU,CAAE,EAAI,QAAQV,EAAMU,CAAE,CAAC,IAAMD,CAC3C,EAAE,QAAQ,aAAc,CAACA,EAAOC,IACxBV,EAAMU,CAAE,EAAI,IAAIV,EAAMU,CAAE,CAAC,GAAKD,CACtC,EAGGD,IAAiBD,GACXN,EAAA,aAAaK,EAAME,CAAY,CAE3C,CAAA,CACD,CAAA,EAIHlB,EAAW,iBAAiB,GAAG,EAAE,QAASW,GAAY,CACpDI,EAAiBJ,CAAO,CAAA,CACzB,CAAA,EAGHU,OAAAA,EAAAA,UAAU,IAAM,CACVvB,EAAM,cAAgBE,EAAW,OACnCQ,EAAaR,EAAW,KAAK,CAC/B,CACD"}

package/dist/kong-icons75.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons908.cjs");;/* empty css                */const t=require("./kong-icons409.cjs"),u=t.default(e.default,[["__scopeId","data-v-6fd25190"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons908.cjs");;/* empty css                */const t=require("./kong-icons409.cjs"),u=t.default(e.default,[["__scopeId","data-v-6bd63797"]]);exports.default=u;
 //# sourceMappingURL=kong-icons75.cjs.map