@kong/icons 1.15.3-pr.391.3fb3a01.0 → 1.15.3-pr.391.5c59f07.0

package/dist/kong-icons728.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m=require("./kong-icons1218.cjs"),C=t=>(e.pushScopeId("data-v-15034f50"),t=t(),e.popScopeId(),t),v=["aria-hidden"],b={key:0,"data-testid":"kui-icon-svg-title"},k=C(()=>e.createElementVNode("path",{d:"M12 12C10.9 12 9.95833 11.6083 9.175 10.825C8.39167 10.0417 8 9.1 8 8C8 6.9 8.39167 5.95833 9.175 5.175C9.95833 4.39167 10.9 4 12 4C13.1 4 14.0417 4.39167 14.825 5.175C15.6083 5.95833 16 6.9 16 8C16 9.1 15.6083 10.0417 14.825 10.825C14.0417 11.6083 13.1 12 12 12ZM4 20V17.2C4 16.6333 4.14583 16.1125 4.4375 15.6375C4.72917 15.1625 5.11667 14.8 5.6 14.55C6.63333 14.0333 7.68333 13.6458 8.75 13.3875C9.81667 13.1292 10.9 13 12 13C13.1 13 14.1833 13.1292 15.25 13.3875C16.3167 13.6458 17.3667 14.0333 18.4 14.55C18.8833 14.8 19.2708 15.1625 19.5625 15.6375C19.8542 16.1125 20 16.6333 20 17.2V20H4Z",fill:"currentColor"},null,-1)),I=e.defineComponent({__name:"TeammateIcon",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:m.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 a=String(r.size).replace(/px/gi,""),i=Number(a);if(i&&!isNaN(i)&&Number.isInteger(i)&&i>0)return`${i}px`}return m.KUI_ICON_SIZE_50}),g=e.computed(()=>({boxSizing:"border-box",color:r.color,display:r.display,flexShrink:"0",height:f.value,lineHeight:"0",width:f.value})),h=a=>{if(!a)return;const i=a.querySelector("defs"),s={};i&&i.querySelectorAll("[id]").forEach(n=>{const u=n.getAttribute("id"),l=`${Math.random().toString(36).substring(2,12)}-${u}`;s[u]=l,n.setAttribute("id",l)});const S=["fill","stroke","filter","mask","clip-path","xlink:href","href"],y=n=>{S.forEach(u=>{const l=n.getAttribute(u);if(l){const p=l.replace(/url\(#([^)]+)\)/g,(d,c)=>s[c]?`url(#${s[c]})`:d).replace(/#([^\s]+)/g,(d,c)=>s[c]?`#${s[c]}`:d);p!==l&&n.setAttribute(u,p)}})};a.querySelectorAll("*").forEach(n=>{y(n)})};return e.onMounted(()=>{r.randomizeIds&&o.value&&h(o.value)}),(a,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon teammate-icon","data-testid":"kui-icon-wrapper-teammate-icon",style:e.normalizeStyle(g.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-teammate-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",b,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),k],8,v))]),_: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"),m=t=>(e.pushScopeId("data-v-fc738b34"),t=t(),e.popScopeId(),t),v=["aria-hidden"],N={key:0,"data-testid":"kui-icon-svg-title"},_=m(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_246_4705)"},[e.createElementVNode("path",{d:"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M7.82617 12V23.2536C9.12611 23.736 10.5322 24 12.0001 24C18.6274 24 24.0001 18.6274 24.0001 12C24.0001 5.37263 7.82617 12 7.82617 12Z",fill:"#6DA544"}),e.createElementVNode("path",{d:"M12.0001 0C10.5322 0 9.12611 0.264047 7.82617 0.746391V12H24.0001C24.0001 5.37262 18.6274 0 12.0001 0Z",fill:"#D80027"})],-1)),k=m(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_246_4705"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),I=e.defineComponent({__name:"FlagMgIcon",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}),h=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,flexShrink:"0",height:f.value,lineHeight:"0",width:f.value})),S=l=>{if(!l)return;const r=l.querySelector("defs"),c={};r&&r.querySelectorAll("[id]").forEach(n=>{const s=n.getAttribute("id"),a=`${Math.random().toString(36).substring(2,12)}-${s}`;c[s]=a,n.setAttribute("id",a)});const y=["fill","stroke","filter","mask","clip-path","xlink:href","href"],b=n=>{y.forEach(s=>{const a=n.getAttribute(s);if(a){const p=a.replace(/url\(#([^)]+)\)/g,(u,d)=>c[d]?`url(#${c[d]})`:u).replace(/#([^\s]+)/g,(u,d)=>c[d]?`#${c[d]}`:u);p!==a&&n.setAttribute(s,p)}})};l.querySelectorAll("*").forEach(n=>{b(n)})};return e.onMounted(()=>{i.randomizeIds&&o.value&&S(o.value)}),(l,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-mg-icon","data-testid":"kui-icon-wrapper-flag-mg-icon",style:e.normalizeStyle(h.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-flag-mg-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",N,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),_,k],8,v))]),_:1},8,["aria-hidden","style"]))}});exports.default=I;
 //# sourceMappingURL=kong-icons728.cjs.map

package/dist/kong-icons728.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons728.cjs","sources":["../src/components/solid/TeammateIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * TeammateIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 23 Sep 2024 18:33:30 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 SVGs 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. Typically only set to false during snapshot testing. Defaults to `true`. */\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 * Prefixes all IDs within the <defs> section of an SVG element and updates all references to these IDs. This is useful to avoid ID conflicts when embedding multiple SVGs in a document.\n *\n * The function performs the following steps:\n * 1. Finds all direct children of the <defs> element that have an `id` attribute and prefixes their IDs with a random string.\n * 2. Updates all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`, etc.\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 teammate-icon\"\n    data-testid=\"kui-icon-wrapper-teammate-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-teammate-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 12C10.9 12 9.95833 11.6083 9.175 10.825C8.39167 10.0417 8 9.1 8 8C8 6.9 8.39167 5.95833 9.175 5.175C9.95833 4.39167 10.9 4 12 4C13.1 4 14.0417 4.39167 14.825 5.175C15.6083 5.95833 16 6.9 16 8C16 9.1 15.6083 10.0417 14.825 10.825C14.0417 11.6083 13.1 12 12 12ZM4 20V17.2C4 16.6333 4.14583 16.1125 4.4375 15.6375C4.72917 15.1625 5.11667 14.8 5.6 14.55C6.63333 14.0333 7.68333 13.6458 8.75 13.3875C9.81667 13.1292 10.9 13 12 13C13.1 13 14.1833 13.1292 15.25 13.3875C16.3167 13.6458 17.3667 14.0333 18.4 14.55C18.8833 14.8 19.2708 15.1625 19.5625 15.6375C19.8542 16.1125 20 16.6333 20 17.2V20H4Z\"\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":"6gDAaA,MAAMA,EAAQC,EA4DRC,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,EAaIM,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-icons728.cjs","sources":["../src/components/flags/FlagMgIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagMgIcon.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:22 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    // 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 flag-mg-icon\"\n    data-testid=\"kui-icon-wrapper-flag-mg-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-mg-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      <g clip-path=\"url(#clip0_246_4705)\">\n        <path\n          d=\"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M7.82617 12V23.2536C9.12611 23.736 10.5322 24 12.0001 24C18.6274 24 24.0001 18.6274 24.0001 12C24.0001 5.37263 7.82617 12 7.82617 12Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M12.0001 0C10.5322 0 9.12611 0.264047 7.82617 0.746391V12H24.0001C24.0001 5.37262 18.6274 0 12.0001 0Z\"\n          fill=\"#D80027\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_246_4705\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\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":"6lDAaA,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"}

package/dist/kong-icons73.cjs

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

package/dist/kong-icons730.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"),y=t=>(e.pushScopeId("data-v-528e99bb"),t=t(),e.popScopeId(),t),v=["aria-hidden"],k={key:0,"data-testid":"kui-icon-svg-title"},I=y(()=>e.createElementVNode("path",{d:"M4.99967 2.87057H14.1663V13.7039L8.33301 19.5372L7.29134 18.4956C7.19412 18.3984 7.11426 18.2664 7.05176 18.0997C6.98926 17.9331 6.95801 17.7734 6.95801 17.6206V17.3289L7.87467 13.7039H2.49967C2.05523 13.7039 1.66634 13.5372 1.33301 13.2039C0.999674 12.8706 0.833008 12.4817 0.833008 12.0372V10.3706C0.833008 10.2734 0.846897 10.1692 0.874674 10.0581C0.902452 9.94696 0.93023 9.8428 0.958008 9.74557L3.45801 3.87057C3.58301 3.5928 3.79134 3.35669 4.08301 3.16224C4.37467 2.9678 4.68023 2.87057 4.99967 2.87057ZM12.4997 4.53724H4.99967L2.49967 10.3706V12.0372H9.99967L8.87467 16.6206L12.4997 12.9956V4.53724ZM14.1663 13.7039V12.0372H16.6663V4.53724H14.1663V2.87057H18.333V13.7039H14.1663Z",fill:"currentColor"},null,-1)),C=e.defineComponent({__name:"ThumbDownIcon",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 b=["fill","stroke","filter","mask","clip-path","xlink:href","href"],S=n=>{b.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=>{S(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 thumb-down-icon","data-testid":"kui-icon-wrapper-thumb-down-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-thumb-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=C;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),h=require("./kong-icons1218.cjs"),g=t=>(e.pushScopeId("data-v-1aeceb1e"),t=t(),e.popScopeId(),t),b=["aria-hidden"],v={key:0,"data-testid":"kui-icon-svg-title"},N=g(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_246_4744)"},[e.createElementVNode("path",{d:"M12 24C18.6274 24 24 18.6274 24 12C24 9.98611 23.5031 8.08847 22.6265 6.42188L11.9859 12.0141L17.5781 1.37353C15.9115 0.496875 14.0139 0 12 0C5.37262 0 0 5.37262 0 12C0 15.3137 1.34316 18.3137 3.51469 20.4853C5.68627 22.6569 8.68627 24 12 24Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M22.6136 6.43496C22.0643 5.38946 21.3502 4.40785 20.4711 3.52876C19.592 2.64967 18.6105 1.93553 17.5649 1.38629L3.50049 20.4993L22.6136 6.43496Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M3.50049 20.4993L22.6136 6.43495C22.0643 5.38945 21.3502 4.40784 20.4711 3.52875L3.50049 20.4993Z",fill:"#FF9811"}),e.createElementVNode("path",{d:"M10.4208 7.03697L8.95534 7.72631L9.73576 9.14569L8.14436 8.84123L7.9427 10.4489L6.8342 9.26644L5.7257 10.4489L5.52414 8.84123L3.93273 9.14559L4.71306 7.72626L3.24756 7.03697L4.71311 6.34758L3.93273 4.9283L5.52404 5.23266L5.72575 3.62503L6.8342 4.80745L7.9427 3.62503L8.14436 5.23266L9.73581 4.9283L8.95539 6.34762L10.4208 7.03697Z",fill:"#F0F0F0"})],-1)),_=g(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_246_4744"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),k=e.defineComponent({__name:"FlagMhIcon",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:h.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 n=String(i.size).replace(/px/gi,""),r=Number(n);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return`${r}px`}return h.KUI_ICON_SIZE_50}),m=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,flexShrink:"0",height:f.value,lineHeight:"0",width:f.value})),S=n=>{if(!n)return;const r=n.querySelector("defs"),c={};r&&r.querySelectorAll("[id]").forEach(l=>{const d=l.getAttribute("id"),a=`${Math.random().toString(36).substring(2,12)}-${d}`;c[d]=a,l.setAttribute("id",a)});const y=["fill","stroke","filter","mask","clip-path","xlink:href","href"],L=l=>{y.forEach(d=>{const a=l.getAttribute(d);if(a){const p=a.replace(/url\(#([^)]+)\)/g,(u,s)=>c[s]?`url(#${c[s]})`:u).replace(/#([^\s]+)/g,(u,s)=>c[s]?`#${c[s]}`:u);p!==a&&l.setAttribute(d,p)}})};n.querySelectorAll("*").forEach(l=>{L(l)})};return e.onMounted(()=>{i.randomizeIds&&o.value&&S(o.value)}),(n,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-mh-icon","data-testid":"kui-icon-wrapper-flag-mh-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-flag-mh-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),N,_],8,b))]),_:1},8,["aria-hidden","style"]))}});exports.default=k;
 //# sourceMappingURL=kong-icons730.cjs.map

package/dist/kong-icons730.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons730.cjs","sources":["../src/components/solid/ThumbDownIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * ThumbDownIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 23 Sep 2024 18:33:30 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 SVGs 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. Typically only set to false during snapshot testing. Defaults to `true`. */\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 * Prefixes all IDs within the <defs> section of an SVG element and updates all references to these IDs. This is useful to avoid ID conflicts when embedding multiple SVGs in a document.\n *\n * The function performs the following steps:\n * 1. Finds all direct children of the <defs> element that have an `id` attribute and prefixes their IDs with a random string.\n * 2. Updates all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`, etc.\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 thumb-down-icon\"\n    data-testid=\"kui-icon-wrapper-thumb-down-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-thumb-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=\"M4.99967 2.87057H14.1663V13.7039L8.33301 19.5372L7.29134 18.4956C7.19412 18.3984 7.11426 18.2664 7.05176 18.0997C6.98926 17.9331 6.95801 17.7734 6.95801 17.6206V17.3289L7.87467 13.7039H2.49967C2.05523 13.7039 1.66634 13.5372 1.33301 13.2039C0.999674 12.8706 0.833008 12.4817 0.833008 12.0372V10.3706C0.833008 10.2734 0.846897 10.1692 0.874674 10.0581C0.902452 9.94696 0.93023 9.8428 0.958008 9.74557L3.45801 3.87057C3.58301 3.5928 3.79134 3.35669 4.08301 3.16224C4.37467 2.9678 4.68023 2.87057 4.99967 2.87057ZM12.4997 4.53724H4.99967L2.49967 10.3706V12.0372H9.99967L8.87467 16.6206L12.4997 12.9956V4.53724ZM14.1663 13.7039V12.0372H16.6663V4.53724H14.1663V2.87057H18.333V13.7039H14.1663Z\"\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":"0mDAaA,MAAMA,EAAQC,EA4DRC,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,EAaIM,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-icons730.cjs","sources":["../src/components/flags/FlagMhIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagMhIcon.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:22 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    // 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 flag-mh-icon\"\n    data-testid=\"kui-icon-wrapper-flag-mh-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-mh-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      <g clip-path=\"url(#clip0_246_4744)\">\n        <path\n          d=\"M12 24C18.6274 24 24 18.6274 24 12C24 9.98611 23.5031 8.08847 22.6265 6.42188L11.9859 12.0141L17.5781 1.37353C15.9115 0.496875 14.0139 0 12 0C5.37262 0 0 5.37262 0 12C0 15.3137 1.34316 18.3137 3.51469 20.4853C5.68627 22.6569 8.68627 24 12 24Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M22.6136 6.43496C22.0643 5.38946 21.3502 4.40785 20.4711 3.52876C19.592 2.64967 18.6105 1.93553 17.5649 1.38629L3.50049 20.4993L22.6136 6.43496Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M3.50049 20.4993L22.6136 6.43495C22.0643 5.38945 21.3502 4.40784 20.4711 3.52875L3.50049 20.4993Z\"\n          fill=\"#FF9811\"\n        />\n        <path\n          d=\"M10.4208 7.03697L8.95534 7.72631L9.73576 9.14569L8.14436 8.84123L7.9427 10.4489L6.8342 9.26644L5.7257 10.4489L5.52414 8.84123L3.93273 9.14559L4.71306 7.72626L3.24756 7.03697L4.71311 6.34758L3.93273 4.9283L5.52404 5.23266L5.72575 3.62503L6.8342 4.80745L7.9427 3.62503L8.14436 5.23266L9.73581 4.9283L8.95539 6.34762L10.4208 7.03697Z\"\n          fill=\"#F0F0F0\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_246_4744\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\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":"imEAaA,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"}

package/dist/kong-icons732.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-9f99acef"),t=t(),e.popScopeId(),t),v=["aria-hidden"],k={key:0,"data-testid":"kui-icon-svg-title"},I=b(()=>e.createElementVNode("path",{d:"M15.0003 17.8706H5.83366V7.03724L11.667 1.2039L12.7087 2.24557C12.8059 2.34279 12.8857 2.47474 12.9482 2.6414C13.0107 2.80807 13.042 2.96779 13.042 3.12057V3.41224L12.1253 7.03724H17.5003C17.9448 7.03724 18.3337 7.2039 18.667 7.53724C19.0003 7.87057 19.167 8.25946 19.167 8.7039V10.3706C19.167 10.4678 19.1531 10.572 19.1253 10.6831C19.0975 10.7942 19.0698 10.8983 19.042 10.9956L16.542 16.8706C16.417 17.1483 16.2087 17.3845 15.917 17.5789C15.6253 17.7733 15.3198 17.8706 15.0003 17.8706ZM7.50033 16.2039H15.0003L17.5003 10.3706V8.7039H10.0003L11.1253 4.12057L7.50033 7.74557V16.2039ZM5.83366 7.03724V8.7039H3.33366V16.2039H5.83366V17.8706H1.66699V7.03724H5.83366Z",fill:"currentColor"},null,-1)),C=e.defineComponent({__name:"ThumbUpIcon",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 thumb-up-icon","data-testid":"kui-icon-wrapper-thumb-up-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-thumb-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=C;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m=require("./kong-icons1218.cjs"),h=t=>(e.pushScopeId("data-v-87962029"),t=t(),e.popScopeId(),t),y=["aria-hidden"],E={key:0,"data-testid":"kui-icon-svg-title"},v=h(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_246_5097)"},[e.createElementVNode("path",{d:"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M13.8249 23.862C15.7766 23.5643 17.5732 22.7957 19.0963 21.6768L12 12L13.8249 23.862Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M10.1752 0.137939C8.22359 0.435689 6.42706 1.20425 4.90381 2.32311L12.0002 12L10.1752 0.137939Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M4.90381 21.6768C6.42696 22.7957 8.2235 23.5643 10.1751 23.8621L12.0002 12L4.90381 21.6768Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M2.32336 4.90359C1.20445 6.42684 0.43598 8.22333 0.138184 10.175L12.0002 12L2.32336 4.90359Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M0.138184 13.8249C0.435934 15.7766 1.2045 17.5732 2.3234 19.0963L12.0002 12L0.138184 13.8249Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M23.862 10.175C23.5642 8.22336 22.7957 6.42683 21.6768 4.90363L12 12L23.862 10.175Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M19.0963 2.32306C17.5731 1.20421 15.7766 0.435689 13.8249 0.137939L12 12L19.0963 2.32306Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M21.6769 19.0964C22.7958 17.5732 23.5643 15.7766 23.8621 13.825L12 12L21.6769 19.0964Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M12.0001 16.1739C14.3052 16.1739 16.174 14.3052 16.174 12C16.174 9.69483 14.3052 7.82611 12.0001 7.82611C9.69489 7.82611 7.82617 9.69483 7.82617 12C7.82617 14.3052 9.69489 16.1739 12.0001 16.1739Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M12.0001 15.1304C13.729 15.1304 15.1305 13.7289 15.1305 12C15.1305 10.2711 13.729 8.86954 12.0001 8.86954C10.2712 8.86954 8.86963 10.2711 8.86963 12C8.86963 13.7289 10.2712 15.1304 12.0001 15.1304Z",fill:"#FFDA44"})],-1)),b=h(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_246_5097"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),k=e.defineComponent({__name:"FlagMkIcon",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:m.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,""),l=Number(i);if(l&&!isNaN(l)&&Number.isInteger(l)&&l>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},randomizeIds:{type:Boolean,default:!0}},setup(t){const i=t,l=e.ref(null),f=e.computed(()=>{if(typeof i.size=="number"&&i.size>0)return`${i.size}px`;if(typeof i.size=="string"){const n=String(i.size).replace(/px/gi,""),r=Number(n);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return`${r}px`}return m.KUI_ICON_SIZE_50}),g=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,flexShrink:"0",height:f.value,lineHeight:"0",width:f.value})),N=n=>{if(!n)return;const r=n.querySelector("defs"),d={};r&&r.querySelectorAll("[id]").forEach(o=>{const c=o.getAttribute("id"),a=`${Math.random().toString(36).substring(2,12)}-${c}`;d[c]=a,o.setAttribute("id",a)});const C=["fill","stroke","filter","mask","clip-path","xlink:href","href"],S=o=>{C.forEach(c=>{const a=o.getAttribute(c);if(a){const p=a.replace(/url\(#([^)]+)\)/g,(u,s)=>d[s]?`url(#${d[s]})`:u).replace(/#([^\s]+)/g,(u,s)=>d[s]?`#${d[s]}`:u);p!==a&&o.setAttribute(c,p)}})};n.querySelectorAll("*").forEach(o=>{S(o)})};return e.onMounted(()=>{i.randomizeIds&&l.value&&N(l.value)}),(n,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-mk-icon","data-testid":"kui-icon-wrapper-flag-mk-icon",style:e.normalizeStyle(g.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgElement",ref:l,"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-mk-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",E,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),v,b],8,y))]),_:1},8,["aria-hidden","style"]))}});exports.default=k;
 //# sourceMappingURL=kong-icons732.cjs.map

package/dist/kong-icons732.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons732.cjs","sources":["../src/components/solid/ThumbUpIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * ThumbUpIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 23 Sep 2024 18:33:30 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 SVGs 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. Typically only set to false during snapshot testing. Defaults to `true`. */\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 * Prefixes all IDs within the <defs> section of an SVG element and updates all references to these IDs. This is useful to avoid ID conflicts when embedding multiple SVGs in a document.\n *\n * The function performs the following steps:\n * 1. Finds all direct children of the <defs> element that have an `id` attribute and prefixes their IDs with a random string.\n * 2. Updates all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`, etc.\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 thumb-up-icon\"\n    data-testid=\"kui-icon-wrapper-thumb-up-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-thumb-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=\"M15.0003 17.8706H5.83366V7.03724L11.667 1.2039L12.7087 2.24557C12.8059 2.34279 12.8857 2.47474 12.9482 2.6414C13.0107 2.80807 13.042 2.96779 13.042 3.12057V3.41224L12.1253 7.03724H17.5003C17.9448 7.03724 18.3337 7.2039 18.667 7.53724C19.0003 7.87057 19.167 8.25946 19.167 8.7039V10.3706C19.167 10.4678 19.1531 10.572 19.1253 10.6831C19.0975 10.7942 19.0698 10.8983 19.042 10.9956L16.542 16.8706C16.417 17.1483 16.2087 17.3845 15.917 17.5789C15.6253 17.7733 15.3198 17.8706 15.0003 17.8706ZM7.50033 16.2039H15.0003L17.5003 10.3706V8.7039H10.0003L11.1253 4.12057L7.50033 7.74557V16.2039ZM5.83366 7.03724V8.7039H3.33366V16.2039H5.83366V17.8706H1.66699V7.03724H5.83366Z\"\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":"klDAaA,MAAMA,EAAQC,EA4DRC,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,EAaIM,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-icons732.cjs","sources":["../src/components/flags/FlagMkIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagMkIcon.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:22 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    // 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 flag-mk-icon\"\n    data-testid=\"kui-icon-wrapper-flag-mk-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-mk-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      <g clip-path=\"url(#clip0_246_5097)\">\n        <path\n          d=\"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M13.8249 23.862C15.7766 23.5643 17.5732 22.7957 19.0963 21.6768L12 12L13.8249 23.862Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M10.1752 0.137939C8.22359 0.435689 6.42706 1.20425 4.90381 2.32311L12.0002 12L10.1752 0.137939Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M4.90381 21.6768C6.42696 22.7957 8.2235 23.5643 10.1751 23.8621L12.0002 12L4.90381 21.6768Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M2.32336 4.90359C1.20445 6.42684 0.43598 8.22333 0.138184 10.175L12.0002 12L2.32336 4.90359Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M0.138184 13.8249C0.435934 15.7766 1.2045 17.5732 2.3234 19.0963L12.0002 12L0.138184 13.8249Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M23.862 10.175C23.5642 8.22336 22.7957 6.42683 21.6768 4.90363L12 12L23.862 10.175Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M19.0963 2.32306C17.5731 1.20421 15.7766 0.435689 13.8249 0.137939L12 12L19.0963 2.32306Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M21.6769 19.0964C22.7958 17.5732 23.5643 15.7766 23.8621 13.825L12 12L21.6769 19.0964Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M12.0001 16.1739C14.3052 16.1739 16.174 14.3052 16.174 12C16.174 9.69483 14.3052 7.82611 12.0001 7.82611C9.69489 7.82611 7.82617 9.69483 7.82617 12C7.82617 14.3052 9.69489 16.1739 12.0001 16.1739Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M12.0001 15.1304C13.729 15.1304 15.1305 13.7289 15.1305 12C15.1305 10.2711 13.729 8.86954 12.0001 8.86954C10.2712 8.86954 8.86963 10.2711 8.86963 12C8.86963 13.7289 10.2712 15.1304 12.0001 15.1304Z\"\n          fill=\"#FFDA44\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_246_5097\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\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":"61FAaA,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"}

package/dist/kong-icons734.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-cf6c8584"),t=t(),e.popScopeId(),t),b=["aria-hidden"],k={key:0,"data-testid":"kui-icon-svg-title"},I=v(()=>e.createElementVNode("path",{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",fill:"currentColor"},null,-1)),N=e.defineComponent({__name:"TrashIcon",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 a=String(r.size).replace(/px/gi,""),i=Number(a);if(i&&!isNaN(i)&&Number.isInteger(i)&&i>0)return`${i}px`}return g.KUI_ICON_SIZE_50}),h=e.computed(()=>({boxSizing:"border-box",color:r.color,display:r.display,flexShrink:"0",height:f.value,lineHeight:"0",width:f.value})),m=a=>{if(!a)return;const i=a.querySelector("defs"),s={};i&&i.querySelectorAll("[id]").forEach(n=>{const c=n.getAttribute("id"),l=`${Math.random().toString(36).substring(2,12)}-${c}`;s[c]=l,n.setAttribute("id",l)});const S=["fill","stroke","filter","mask","clip-path","xlink:href","href"],y=n=>{S.forEach(c=>{const l=n.getAttribute(c);if(l){const p=l.replace(/url\(#([^)]+)\)/g,(d,u)=>s[u]?`url(#${s[u]})`:d).replace(/#([^\s]+)/g,(d,u)=>s[u]?`#${s[u]}`:d);p!==l&&n.setAttribute(c,p)}})};a.querySelectorAll("*").forEach(n=>{y(n)})};return e.onMounted(()=>{r.randomizeIds&&o.value&&m(o.value)}),(a,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon trash-icon","data-testid":"kui-icon-wrapper-trash-icon",style:e.normalizeStyle(h.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-trash-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"),m=t=>(e.pushScopeId("data-v-4c86fee3"),t=t(),e.popScopeId(),t),b=["aria-hidden"],N={key:0,"data-testid":"kui-icon-svg-title"},_=m(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_246_4736)"},[e.createElementVNode("path",{d:"M16.174 0.746391C14.874 0.264047 13.4679 0 12.0001 0C10.5322 0 9.12618 0.264047 7.8262 0.746391L6.78271 12L7.8262 23.2536C9.12618 23.736 10.5322 24 12.0001 24C13.4679 24 14.874 23.736 16.174 23.2536L17.2175 12L16.174 0.746391Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M23.9999 12C23.9999 6.84046 20.7434 2.4419 16.1738 0.746429V23.2537C20.7434 21.5581 23.9999 17.1596 23.9999 12Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M0 12C0 17.1596 3.2565 21.5581 7.82611 23.2536V0.746429C3.2565 2.4419 0 6.84046 0 12Z",fill:"#6DA544"})],-1)),k=m(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_246_4736"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),I=e.defineComponent({__name:"FlagMlIcon",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 n=String(i.size).replace(/px/gi,""),r=Number(n);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return`${r}px`}return g.KUI_ICON_SIZE_50}),h=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,flexShrink:"0",height:f.value,lineHeight:"0",width:f.value})),S=n=>{if(!n)return;const r=n.querySelector("defs"),c={};r&&r.querySelectorAll("[id]").forEach(l=>{const s=l.getAttribute("id"),a=`${Math.random().toString(36).substring(2,12)}-${s}`;c[s]=a,l.setAttribute("id",a)});const y=["fill","stroke","filter","mask","clip-path","xlink:href","href"],v=l=>{y.forEach(s=>{const a=l.getAttribute(s);if(a){const p=a.replace(/url\(#([^)]+)\)/g,(u,d)=>c[d]?`url(#${c[d]})`:u).replace(/#([^\s]+)/g,(u,d)=>c[d]?`#${c[d]}`:u);p!==a&&l.setAttribute(s,p)}})};n.querySelectorAll("*").forEach(l=>{v(l)})};return e.onMounted(()=>{i.randomizeIds&&o.value&&S(o.value)}),(n,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-ml-icon","data-testid":"kui-icon-wrapper-flag-ml-icon",style:e.normalizeStyle(h.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-flag-ml-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",N,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),_,k],8,b))]),_:1},8,["aria-hidden","style"]))}});exports.default=I;
 //# sourceMappingURL=kong-icons734.cjs.map

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 Mon, 23 Sep 2024 18:33:30 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 SVGs 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. Typically only set to false during snapshot testing. Defaults to `true`. */\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 * Prefixes all IDs within the <defs> section of an SVG element and updates all references to these IDs. This is useful to avoid ID conflicts when embedding multiple SVGs in a document.\n *\n * The function performs the following steps:\n * 1. Finds all direct children of the <defs> element that have an `id` attribute and prefixes their IDs with a random string.\n * 2. Updates all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`, etc.\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,EA4DRC,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,EAaIM,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/flags/FlagMlIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagMlIcon.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:22 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    // 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 flag-ml-icon\"\n    data-testid=\"kui-icon-wrapper-flag-ml-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-ml-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      <g clip-path=\"url(#clip0_246_4736)\">\n        <path\n          d=\"M16.174 0.746391C14.874 0.264047 13.4679 0 12.0001 0C10.5322 0 9.12618 0.264047 7.8262 0.746391L6.78271 12L7.8262 23.2536C9.12618 23.736 10.5322 24 12.0001 24C13.4679 24 14.874 23.736 16.174 23.2536L17.2175 12L16.174 0.746391Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M23.9999 12C23.9999 6.84046 20.7434 2.4419 16.1738 0.746429V23.2537C20.7434 21.5581 23.9999 17.1596 23.9999 12Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M0 12C0 17.1596 3.2565 21.5581 7.82611 23.2536V0.746429C3.2565 2.4419 0 6.84046 0 12Z\"\n          fill=\"#6DA544\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_246_4736\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\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":"uqDAaA,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"}

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-c1912a16"),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"),m=require("./kong-icons1218.cjs"),g=t=>(e.pushScopeId("data-v-1495e562"),t=t(),e.popScopeId(),t),N=["aria-hidden"],b={key:0,"data-testid":"kui-icon-svg-title"},_=g(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_246_4859)"},[e.createElementVNode("path",{d:"M23.2536 16.1739C23.736 14.874 24 13.4678 24 12C24 10.5322 23.736 9.12605 23.2536 7.82611L12 6.78262L0.746391 7.82611C0.264047 9.12605 0 10.5322 0 12C0 13.4678 0.264047 14.874 0.746391 16.1739L12 17.2174L23.2536 16.1739Z",fill:"#6DA544"}),e.createElementVNode("path",{d:"M23.2538 7.82611C21.5583 3.2565 17.1598 0 12.0002 0C6.84061 0 2.4421 3.2565 0.746582 7.82611H23.2538Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739H0.746582C2.4421 20.7435 6.84061 24 12.0002 24Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M20.2287 10.1525H13.9424L11.9999 4.17389L10.0573 10.1525H3.771L8.8567 13.8474L6.91411 19.8261L11.9999 16.1739L17.0856 19.8261L15.1431 13.8474L20.2287 10.1525Z",fill:"#F0F0F0"})],-1)),k=g(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_246_4859"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),E=e.defineComponent({__name:"FlagMmIcon",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:m.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 n=String(i.size).replace(/px/gi,""),r=Number(n);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return`${r}px`}return m.KUI_ICON_SIZE_50}),h=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,flexShrink:"0",height:f.value,lineHeight:"0",width:f.value})),S=n=>{if(!n)return;const r=n.querySelector("defs"),c={};r&&r.querySelectorAll("[id]").forEach(l=>{const d=l.getAttribute("id"),a=`${Math.random().toString(36).substring(2,12)}-${d}`;c[d]=a,l.setAttribute("id",a)});const y=["fill","stroke","filter","mask","clip-path","xlink:href","href"],v=l=>{y.forEach(d=>{const a=l.getAttribute(d);if(a){const p=a.replace(/url\(#([^)]+)\)/g,(u,s)=>c[s]?`url(#${c[s]})`:u).replace(/#([^\s]+)/g,(u,s)=>c[s]?`#${c[s]}`:u);p!==a&&l.setAttribute(d,p)}})};n.querySelectorAll("*").forEach(l=>{v(l)})};return e.onMounted(()=>{i.randomizeIds&&o.value&&S(o.value)}),(n,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-mm-icon","data-testid":"kui-icon-wrapper-flag-mm-icon",style:e.normalizeStyle(h.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-flag-mm-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",b,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),_,k],8,N))]),_:1},8,["aria-hidden","style"]))}});exports.default=E;
 //# 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 Mon, 23 Sep 2024 18:33:30 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 SVGs 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. Typically only set to false during snapshot testing. Defaults to `true`. */\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 * Prefixes all IDs within the <defs> section of an SVG element and updates all references to these IDs. This is useful to avoid ID conflicts when embedding multiple SVGs in a document.\n *\n * The function performs the following steps:\n * 1. Finds all direct children of the <defs> element that have an `id` attribute and prefixes their IDs with a random string.\n * 2. Updates all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`, etc.\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,EA4DRC,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,EAaIM,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/flags/FlagMmIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagMmIcon.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:22 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    // 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 flag-mm-icon\"\n    data-testid=\"kui-icon-wrapper-flag-mm-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-mm-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      <g clip-path=\"url(#clip0_246_4859)\">\n        <path\n          d=\"M23.2536 16.1739C23.736 14.874 24 13.4678 24 12C24 10.5322 23.736 9.12605 23.2536 7.82611L12 6.78262L0.746391 7.82611C0.264047 9.12605 0 10.5322 0 12C0 13.4678 0.264047 14.874 0.746391 16.1739L12 17.2174L23.2536 16.1739Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M23.2538 7.82611C21.5583 3.2565 17.1598 0 12.0002 0C6.84061 0 2.4421 3.2565 0.746582 7.82611H23.2538Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739H0.746582C2.4421 20.7435 6.84061 24 12.0002 24Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M20.2287 10.1525H13.9424L11.9999 4.17389L10.0573 10.1525H3.771L8.8567 13.8474L6.91411 19.8261L11.9999 16.1739L17.0856 19.8261L15.1431 13.8474L20.2287 10.1525Z\"\n          fill=\"#F0F0F0\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_246_4859\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\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":"w3DAaA,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"}

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"),v=t=>(e.pushScopeId("data-v-af7d3d70"),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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m=require("./kong-icons1218.cjs"),h=t=>(e.pushScopeId("data-v-8997e3a9"),t=t(),e.popScopeId(),t),V=["aria-hidden"],C={key:0,"data-testid":"kui-icon-svg-title"},E=h(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_246_4814)"},[e.createElementVNode("path",{d:"M11.9999 24C13.4677 24 14.8738 23.736 16.1737 23.2536L16.6955 12L16.1738 0.746391C14.8738 0.264047 13.4677 0 11.9999 0C10.532 0 9.1259 0.264047 7.82596 0.746391L7.3042 12L7.82592 23.2536C9.1259 23.736 10.532 24 11.9999 24Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M0 12C0 17.1596 3.2565 21.5581 7.82611 23.2536V0.746399C3.2565 2.44191 0 6.84043 0 12Z",fill:"#A2001D"}),e.createElementVNode("path",{d:"M16.1738 0.746399V23.2537C20.7434 21.5581 23.9999 17.1596 23.9999 12C23.9999 6.84043 20.7434 2.44191 16.1738 0.746399Z",fill:"#A2001D"}),e.createElementVNode("path",{d:"M5.73926 12H6.78274V16.1739H5.73926V12Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M1.56543 12H2.60891V16.1739H1.56543V12Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M4.17434 14.6087C4.75064 14.6087 5.21783 14.1415 5.21783 13.5652C5.21783 12.9889 4.75064 12.5217 4.17434 12.5217C3.59804 12.5217 3.13086 12.9889 3.13086 13.5652C3.13086 14.1415 3.59804 14.6087 4.17434 14.6087Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M4.17406 10.4348C4.4622 10.4348 4.69578 10.2012 4.69578 9.91305C4.69578 9.62491 4.4622 9.39133 4.17406 9.39133C3.88593 9.39133 3.65234 9.62491 3.65234 9.91305C3.65234 10.2012 3.88593 10.4348 4.17406 10.4348Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M3.13086 15.1305H5.21783V16.1739H3.13086V15.1305Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M3.13086 10.9565H5.21783V12H3.13086V10.9565Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M4.17409 6.26086L4.54365 7.39805H5.73934L4.77207 8.1009L5.14136 9.23808L4.17409 8.53524L3.20687 9.23808L3.57615 8.1009L2.60889 7.39805H3.80457L4.17409 6.26086Z",fill:"#FFDA44"})],-1)),v=h(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_246_4814"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),b=e.defineComponent({__name:"FlagMnIcon",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:m.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,""),l=Number(i);if(l&&!isNaN(l)&&Number.isInteger(l)&&l>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},randomizeIds:{type:Boolean,default:!0}},setup(t){const i=t,l=e.ref(null),f=e.computed(()=>{if(typeof i.size=="number"&&i.size>0)return`${i.size}px`;if(typeof i.size=="string"){const o=String(i.size).replace(/px/gi,""),r=Number(o);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return`${r}px`}return m.KUI_ICON_SIZE_50}),g=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,flexShrink:"0",height:f.value,lineHeight:"0",width:f.value})),N=o=>{if(!o)return;const r=o.querySelector("defs"),d={};r&&r.querySelectorAll("[id]").forEach(n=>{const c=n.getAttribute("id"),a=`${Math.random().toString(36).substring(2,12)}-${c}`;d[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,(u,s)=>d[s]?`url(#${d[s]})`:u).replace(/#([^\s]+)/g,(u,s)=>d[s]?`#${d[s]}`:u);p!==a&&n.setAttribute(c,p)}})};o.querySelectorAll("*").forEach(n=>{y(n)})};return e.onMounted(()=>{i.randomizeIds&&l.value&&N(l.value)}),(o,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-mn-icon","data-testid":"kui-icon-wrapper-flag-mn-icon",style:e.normalizeStyle(g.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgElement",ref:l,"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-mn-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",C,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),E,v],8,V))]),_:1},8,["aria-hidden","style"]))}});exports.default=b;
 //# 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 Mon, 23 Sep 2024 18:33:30 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 SVGs 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. Typically only set to false during snapshot testing. Defaults to `true`. */\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 * Prefixes all IDs within the <defs> section of an SVG element and updates all references to these IDs. This is useful to avoid ID conflicts when embedding multiple SVGs in a document.\n *\n * The function performs the following steps:\n * 1. Finds all direct children of the <defs> element that have an `id` attribute and prefixes their IDs with a random string.\n * 2. Updates all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`, etc.\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,EA4DRC,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,EAaIM,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/flags/FlagMnIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagMnIcon.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:22 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    // 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 flag-mn-icon\"\n    data-testid=\"kui-icon-wrapper-flag-mn-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-mn-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      <g clip-path=\"url(#clip0_246_4814)\">\n        <path\n          d=\"M11.9999 24C13.4677 24 14.8738 23.736 16.1737 23.2536L16.6955 12L16.1738 0.746391C14.8738 0.264047 13.4677 0 11.9999 0C10.532 0 9.1259 0.264047 7.82596 0.746391L7.3042 12L7.82592 23.2536C9.1259 23.736 10.532 24 11.9999 24Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M0 12C0 17.1596 3.2565 21.5581 7.82611 23.2536V0.746399C3.2565 2.44191 0 6.84043 0 12Z\"\n          fill=\"#A2001D\"\n        />\n        <path\n          d=\"M16.1738 0.746399V23.2537C20.7434 21.5581 23.9999 17.1596 23.9999 12C23.9999 6.84043 20.7434 2.44191 16.1738 0.746399Z\"\n          fill=\"#A2001D\"\n        />\n        <path\n          d=\"M5.73926 12H6.78274V16.1739H5.73926V12Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M1.56543 12H2.60891V16.1739H1.56543V12Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M4.17434 14.6087C4.75064 14.6087 5.21783 14.1415 5.21783 13.5652C5.21783 12.9889 4.75064 12.5217 4.17434 12.5217C3.59804 12.5217 3.13086 12.9889 3.13086 13.5652C3.13086 14.1415 3.59804 14.6087 4.17434 14.6087Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M4.17406 10.4348C4.4622 10.4348 4.69578 10.2012 4.69578 9.91305C4.69578 9.62491 4.4622 9.39133 4.17406 9.39133C3.88593 9.39133 3.65234 9.62491 3.65234 9.91305C3.65234 10.2012 3.88593 10.4348 4.17406 10.4348Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M3.13086 15.1305H5.21783V16.1739H3.13086V15.1305Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M3.13086 10.9565H5.21783V12H3.13086V10.9565Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M4.17409 6.26086L4.54365 7.39805H5.73934L4.77207 8.1009L5.14136 9.23808L4.17409 8.53524L3.20687 9.23808L3.57615 8.1009L2.60889 7.39805H3.80457L4.17409 6.26086Z\"\n          fill=\"#FFDA44\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_246_4814\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\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":"0vFAaA,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"}

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-fcffee27"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons614.cjs");;/* empty css                */const t=require("./kong-icons409.cjs"),u=t.default(e.default,[["__scopeId","data-v-b5ba3d8e"]]);exports.default=u;
 //# sourceMappingURL=kong-icons74.cjs.map