@kong/icons 1.15.3-pr.391.3fb3a01.0 → 1.15.3-pr.391.ed1a789.0

package/dist/kong-icons442.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"),c=t=>(e.pushScopeId("data-v-fe4a7243"),t=t(),e.popScopeId(),t),y=["aria-hidden"],b={key:0,"data-testid":"kui-icon-svg-title"},k=c(()=>e.createElementVNode("path",{d:"M7.63597 10.4771C7.63597 10.7308 7.66258 10.9365 7.70914 11.0873C7.76236 11.2381 7.82888 11.4027 7.922 11.5809C7.95526 11.6358 7.96856 11.6906 7.96856 11.7386C7.96856 11.8072 7.92865 11.8758 7.84218 11.9443L7.42311 12.2323C7.36324 12.2734 7.30338 12.294 7.25016 12.294C7.18364 12.294 7.11712 12.2597 7.05061 12.198C6.95748 12.0952 6.87766 11.9855 6.81114 11.8758C6.74462 11.7592 6.6781 11.6289 6.60493 11.4712C6.08608 12.102 5.4342 12.4174 4.64928 12.4174C4.09052 12.4174 3.64484 12.2529 3.3189 11.9238C2.99296 11.5947 2.82666 11.1559 2.82666 10.6074C2.82666 10.0246 3.02622 9.55151 3.43198 9.19499C3.83775 8.83847 4.37655 8.66021 5.06169 8.66021C5.28786 8.66021 5.52067 8.68078 5.76679 8.71506C6.01291 8.74934 6.26568 8.80419 6.53176 8.86589V8.36539C6.53176 7.84432 6.42533 7.48094 6.21912 7.2684C6.00626 7.05586 5.64706 6.95301 5.13486 6.95301C4.90205 6.95301 4.66258 6.98044 4.41646 7.04214C4.17034 7.10385 3.93087 7.17927 3.69806 7.27525C3.59163 7.32325 3.5118 7.35067 3.46524 7.36438C3.41868 7.3781 3.38542 7.38495 3.35881 7.38495C3.26568 7.38495 3.21912 7.31639 3.21912 7.17241V6.83646C3.21912 6.72676 3.23242 6.64448 3.26568 6.59649C3.29894 6.5485 3.35881 6.5005 3.45194 6.45251C3.68475 6.3291 3.96413 6.22625 4.29007 6.14398C4.61602 6.05485 4.96191 6.01371 5.32777 6.01371C6.11934 6.01371 6.69806 6.19883 7.07056 6.56906C7.43641 6.9393 7.62267 7.50151 7.62267 8.25569V10.4771H7.63597ZM4.93531 11.5192C5.15482 11.5192 5.38098 11.4781 5.62045 11.3958C5.85992 11.3136 6.07278 11.1627 6.25238 10.957C6.35881 10.8268 6.43863 10.6828 6.47854 10.5182C6.51845 10.3537 6.54506 10.1549 6.54506 9.92175V9.63379C6.35216 9.58579 6.14595 9.54466 5.93309 9.51723C5.72023 9.48981 5.51402 9.47609 5.30781 9.47609C4.86214 9.47609 4.53619 9.56523 4.31668 9.75034C4.09717 9.93546 3.99074 10.196 3.99074 10.5388C3.99074 10.861 4.07056 11.101 4.23686 11.2656C4.3965 11.437 4.62932 11.5192 4.93531 11.5192ZM10.2768 12.2597C10.157 12.2597 10.0772 12.2391 10.024 12.1912C9.97078 12.15 9.92422 12.054 9.88431 11.9238L8.32111 6.62391C8.2812 6.48679 8.26125 6.39766 8.26125 6.34967C8.26125 6.23997 8.31446 6.17826 8.42089 6.17826H9.07278C9.19916 6.17826 9.28564 6.19883 9.3322 6.24682C9.38542 6.28796 9.42533 6.38395 9.46524 6.51422L10.5828 11.053L11.6204 6.51422C11.6537 6.37709 11.6936 6.28796 11.7468 6.24682C11.8 6.20569 11.8932 6.17826 12.0129 6.17826H12.5451C12.6714 6.17826 12.7579 6.19883 12.8111 6.24682C12.8643 6.28796 12.9109 6.38395 12.9375 6.51422L13.9885 11.1079L15.1393 6.51422C15.1792 6.37709 15.2258 6.28796 15.2723 6.24682C15.3255 6.20569 15.412 6.17826 15.5318 6.17826H16.1504C16.2568 6.17826 16.3167 6.23311 16.3167 6.34967C16.3167 6.38395 16.31 6.41823 16.3034 6.45937C16.2967 6.5005 16.2834 6.55535 16.2568 6.63077L14.6537 11.9306C14.6138 12.0677 14.5672 12.1569 14.514 12.198C14.4608 12.2391 14.3743 12.2666 14.2612 12.2666H13.6892C13.5628 12.2666 13.4763 12.246 13.4231 12.198C13.3699 12.15 13.3233 12.0609 13.2967 11.9238L12.2657 7.50151L11.2413 11.9169C11.208 12.054 11.1681 12.1432 11.1149 12.1912C11.0617 12.2391 10.9686 12.2597 10.8488 12.2597H10.2768ZM18.8244 12.4448C18.4785 12.4448 18.1326 12.4037 17.8 12.3214C17.4675 12.2391 17.208 12.15 17.0351 12.0472C16.9286 11.9855 16.8555 11.9169 16.8289 11.8552C16.8023 11.7935 16.789 11.7249 16.789 11.6632V11.3136C16.789 11.1696 16.8422 11.101 16.942 11.101C16.9819 11.101 17.0218 11.1079 17.0617 11.1216C17.1016 11.1353 17.1615 11.1627 17.228 11.1901C17.4541 11.293 17.7003 11.3753 17.9597 11.4301C18.2258 11.485 18.4852 11.5124 18.7513 11.5124C19.1703 11.5124 19.4963 11.437 19.7224 11.2861C19.9486 11.1353 20.0683 10.9159 20.0683 10.6348C20.0683 10.4428 20.0085 10.2851 19.8887 10.1549C19.769 10.0246 19.5428 9.90804 19.2169 9.79834L18.2524 9.48981C17.7668 9.33211 17.4076 9.099 17.1881 8.79047C16.9686 8.4888 16.8555 8.15285 16.8555 7.79632C16.8555 7.50836 16.9153 7.25469 17.0351 7.03529C17.1548 6.81589 17.3145 6.62391 17.514 6.47308C17.7136 6.31539 17.9397 6.19883 18.2058 6.11656C18.4719 6.03428 18.7513 6 19.0439 6C19.1903 6 19.3433 6.00686 19.4896 6.02742C19.6426 6.04799 19.7823 6.07542 19.922 6.10284C20.055 6.13712 20.1814 6.17141 20.3012 6.21254C20.4209 6.25368 20.514 6.29482 20.5805 6.33595C20.6737 6.3908 20.7402 6.44565 20.7801 6.50736C20.82 6.56221 20.84 6.63763 20.84 6.73361V7.05586C20.84 7.19984 20.7867 7.27525 20.687 7.27525C20.6337 7.27525 20.5473 7.24783 20.4342 7.19298C20.055 7.01472 19.6293 6.92559 19.157 6.92559C18.7779 6.92559 18.4785 6.98729 18.2723 7.11756C18.0661 7.24783 17.9597 7.44666 17.9597 7.72776C17.9597 7.91974 18.0262 8.08429 18.1592 8.21455C18.2923 8.34482 18.5384 8.47509 18.891 8.59164L19.8355 8.90017C20.3145 9.05787 20.6604 9.27726 20.8666 9.55837C21.0728 9.83947 21.1726 10.1617 21.1726 10.5182C21.1726 10.8131 21.1127 11.0804 20.9996 11.3136C20.8799 11.5467 20.7202 11.7524 20.514 11.9169C20.3078 12.0883 20.0617 12.2117 19.7757 12.3008C19.4763 12.3968 19.1637 12.4448 18.8244 12.4448Z",fill:"#252F3E"},null,-1)),I=c(()=>e.createElementVNode("path",{"clip-rule":"evenodd",d:"M20.0819 15.7768C17.8935 17.4428 14.7139 18.3273 11.98 18.3273C8.14847 18.3273 4.69614 16.8669 2.0886 14.4398C1.8824 14.2478 2.06865 13.9873 2.31477 14.1381C5.13517 15.8248 8.6141 16.8463 12.2128 16.8463C14.6407 16.8463 17.3081 16.3253 19.7627 15.2557C20.1285 15.0843 20.4411 15.5025 20.0819 15.7768Z",fill:"#FF9900","fill-rule":"evenodd"},null,-1)),N=c(()=>e.createElementVNode("path",{"clip-rule":"evenodd",d:"M20.9929 14.7073C20.7136 14.3371 19.1437 14.529 18.432 14.6182C18.2191 14.6456 18.1858 14.4536 18.3787 14.3096C19.6293 13.4046 21.6847 13.6651 21.9242 13.9668C22.1637 14.2753 21.8577 16.3939 20.6869 17.4086C20.5073 17.5663 20.3344 17.484 20.4142 17.2784C20.6803 16.5996 21.2723 15.0707 20.9929 14.7073Z",fill:"#FF9900","fill-rule":"evenodd"},null,-1)),_=e.defineComponent({__name:"AwsIcon",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 C=String(i.size).replace(/px/gi,""),r=Number(C);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})),m=C=>{if(!C)return;const r=C.querySelector("defs"),a={};r&&r.querySelectorAll("[id]").forEach(n=>{const s=n.getAttribute("id"),l=`${Math.random().toString(36).substring(2,12)}-${s}`;a[s]=l,n.setAttribute("id",l)});const S=["fill","stroke","filter","mask","clip-path","xlink:href","href"],v=n=>{S.forEach(s=>{const l=n.getAttribute(s);if(l){const p=l.replace(/url\(#([^)]+)\)/g,(u,d)=>a[d]?`url(#${a[d]})`:u).replace(/#([^\s]+)/g,(u,d)=>a[d]?`#${a[d]}`:u);p!==l&&n.setAttribute(s,p)}})};C.querySelectorAll("*").forEach(n=>{v(n)})};return e.onMounted(()=>{i.randomizeIds&&o.value&&m(o.value)}),(C,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon aws-icon","data-testid":"kui-icon-wrapper-aws-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-aws-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,I,N],8,y))]),_:1},8,["aria-hidden","style"]))}});exports.default=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("./kong-icons1218.cjs"),u=t=>(e.pushScopeId("data-v-94731c18"),t=t(),e.popScopeId(),t),y=["aria-hidden"],b={key:0,"data-testid":"kui-icon-svg-title"},k=u(()=>e.createElementVNode("path",{d:"M7.63597 10.4771C7.63597 10.7308 7.66258 10.9365 7.70914 11.0873C7.76236 11.2381 7.82888 11.4027 7.922 11.5809C7.95526 11.6358 7.96856 11.6906 7.96856 11.7386C7.96856 11.8072 7.92865 11.8758 7.84218 11.9443L7.42311 12.2323C7.36324 12.2734 7.30338 12.294 7.25016 12.294C7.18364 12.294 7.11712 12.2597 7.05061 12.198C6.95748 12.0952 6.87766 11.9855 6.81114 11.8758C6.74462 11.7592 6.6781 11.6289 6.60493 11.4712C6.08608 12.102 5.4342 12.4174 4.64928 12.4174C4.09052 12.4174 3.64484 12.2529 3.3189 11.9238C2.99296 11.5947 2.82666 11.1559 2.82666 10.6074C2.82666 10.0246 3.02622 9.55151 3.43198 9.19499C3.83775 8.83847 4.37655 8.66021 5.06169 8.66021C5.28786 8.66021 5.52067 8.68078 5.76679 8.71506C6.01291 8.74934 6.26568 8.80419 6.53176 8.86589V8.36539C6.53176 7.84432 6.42533 7.48094 6.21912 7.2684C6.00626 7.05586 5.64706 6.95301 5.13486 6.95301C4.90205 6.95301 4.66258 6.98044 4.41646 7.04214C4.17034 7.10385 3.93087 7.17927 3.69806 7.27525C3.59163 7.32325 3.5118 7.35067 3.46524 7.36438C3.41868 7.3781 3.38542 7.38495 3.35881 7.38495C3.26568 7.38495 3.21912 7.31639 3.21912 7.17241V6.83646C3.21912 6.72676 3.23242 6.64448 3.26568 6.59649C3.29894 6.5485 3.35881 6.5005 3.45194 6.45251C3.68475 6.3291 3.96413 6.22625 4.29007 6.14398C4.61602 6.05485 4.96191 6.01371 5.32777 6.01371C6.11934 6.01371 6.69806 6.19883 7.07056 6.56906C7.43641 6.9393 7.62267 7.50151 7.62267 8.25569V10.4771H7.63597ZM4.93531 11.5192C5.15482 11.5192 5.38098 11.4781 5.62045 11.3958C5.85992 11.3136 6.07278 11.1627 6.25238 10.957C6.35881 10.8268 6.43863 10.6828 6.47854 10.5182C6.51845 10.3537 6.54506 10.1549 6.54506 9.92175V9.63379C6.35216 9.58579 6.14595 9.54466 5.93309 9.51723C5.72023 9.48981 5.51402 9.47609 5.30781 9.47609C4.86214 9.47609 4.53619 9.56523 4.31668 9.75034C4.09717 9.93546 3.99074 10.196 3.99074 10.5388C3.99074 10.861 4.07056 11.101 4.23686 11.2656C4.3965 11.437 4.62932 11.5192 4.93531 11.5192ZM10.2768 12.2597C10.157 12.2597 10.0772 12.2391 10.024 12.1912C9.97078 12.15 9.92422 12.054 9.88431 11.9238L8.32111 6.62391C8.2812 6.48679 8.26125 6.39766 8.26125 6.34967C8.26125 6.23997 8.31446 6.17826 8.42089 6.17826H9.07278C9.19916 6.17826 9.28564 6.19883 9.3322 6.24682C9.38542 6.28796 9.42533 6.38395 9.46524 6.51422L10.5828 11.053L11.6204 6.51422C11.6537 6.37709 11.6936 6.28796 11.7468 6.24682C11.8 6.20569 11.8932 6.17826 12.0129 6.17826H12.5451C12.6714 6.17826 12.7579 6.19883 12.8111 6.24682C12.8643 6.28796 12.9109 6.38395 12.9375 6.51422L13.9885 11.1079L15.1393 6.51422C15.1792 6.37709 15.2258 6.28796 15.2723 6.24682C15.3255 6.20569 15.412 6.17826 15.5318 6.17826H16.1504C16.2568 6.17826 16.3167 6.23311 16.3167 6.34967C16.3167 6.38395 16.31 6.41823 16.3034 6.45937C16.2967 6.5005 16.2834 6.55535 16.2568 6.63077L14.6537 11.9306C14.6138 12.0677 14.5672 12.1569 14.514 12.198C14.4608 12.2391 14.3743 12.2666 14.2612 12.2666H13.6892C13.5628 12.2666 13.4763 12.246 13.4231 12.198C13.3699 12.15 13.3233 12.0609 13.2967 11.9238L12.2657 7.50151L11.2413 11.9169C11.208 12.054 11.1681 12.1432 11.1149 12.1912C11.0617 12.2391 10.9686 12.2597 10.8488 12.2597H10.2768ZM18.8244 12.4448C18.4785 12.4448 18.1326 12.4037 17.8 12.3214C17.4675 12.2391 17.208 12.15 17.0351 12.0472C16.9286 11.9855 16.8555 11.9169 16.8289 11.8552C16.8023 11.7935 16.789 11.7249 16.789 11.6632V11.3136C16.789 11.1696 16.8422 11.101 16.942 11.101C16.9819 11.101 17.0218 11.1079 17.0617 11.1216C17.1016 11.1353 17.1615 11.1627 17.228 11.1901C17.4541 11.293 17.7003 11.3753 17.9597 11.4301C18.2258 11.485 18.4852 11.5124 18.7513 11.5124C19.1703 11.5124 19.4963 11.437 19.7224 11.2861C19.9486 11.1353 20.0683 10.9159 20.0683 10.6348C20.0683 10.4428 20.0085 10.2851 19.8887 10.1549C19.769 10.0246 19.5428 9.90804 19.2169 9.79834L18.2524 9.48981C17.7668 9.33211 17.4076 9.099 17.1881 8.79047C16.9686 8.4888 16.8555 8.15285 16.8555 7.79632C16.8555 7.50836 16.9153 7.25469 17.0351 7.03529C17.1548 6.81589 17.3145 6.62391 17.514 6.47308C17.7136 6.31539 17.9397 6.19883 18.2058 6.11656C18.4719 6.03428 18.7513 6 19.0439 6C19.1903 6 19.3433 6.00686 19.4896 6.02742C19.6426 6.04799 19.7823 6.07542 19.922 6.10284C20.055 6.13712 20.1814 6.17141 20.3012 6.21254C20.4209 6.25368 20.514 6.29482 20.5805 6.33595C20.6737 6.3908 20.7402 6.44565 20.7801 6.50736C20.82 6.56221 20.84 6.63763 20.84 6.73361V7.05586C20.84 7.19984 20.7867 7.27525 20.687 7.27525C20.6337 7.27525 20.5473 7.24783 20.4342 7.19298C20.055 7.01472 19.6293 6.92559 19.157 6.92559C18.7779 6.92559 18.4785 6.98729 18.2723 7.11756C18.0661 7.24783 17.9597 7.44666 17.9597 7.72776C17.9597 7.91974 18.0262 8.08429 18.1592 8.21455C18.2923 8.34482 18.5384 8.47509 18.891 8.59164L19.8355 8.90017C20.3145 9.05787 20.6604 9.27726 20.8666 9.55837C21.0728 9.83947 21.1726 10.1617 21.1726 10.5182C21.1726 10.8131 21.1127 11.0804 20.9996 11.3136C20.8799 11.5467 20.7202 11.7524 20.514 11.9169C20.3078 12.0883 20.0617 12.2117 19.7757 12.3008C19.4763 12.3968 19.1637 12.4448 18.8244 12.4448Z",fill:"#252F3E"},null,-1)),I=u(()=>e.createElementVNode("path",{"clip-rule":"evenodd",d:"M20.0819 15.7768C17.8935 17.4428 14.7139 18.3273 11.98 18.3273C8.14847 18.3273 4.69614 16.8669 2.0886 14.4398C1.8824 14.2478 2.06865 13.9873 2.31477 14.1381C5.13517 15.8248 8.6141 16.8463 12.2128 16.8463C14.6407 16.8463 17.3081 16.3253 19.7627 15.2557C20.1285 15.0843 20.4411 15.5025 20.0819 15.7768Z",fill:"#FF9900","fill-rule":"evenodd"},null,-1)),N=u(()=>e.createElementVNode("path",{"clip-rule":"evenodd",d:"M20.9929 14.7073C20.7136 14.3371 19.1437 14.529 18.432 14.6182C18.2191 14.6456 18.1858 14.4536 18.3787 14.3096C19.6293 13.4046 21.6847 13.6651 21.9242 13.9668C22.1637 14.2753 21.8577 16.3939 20.6869 17.4086C20.5073 17.5663 20.3344 17.484 20.4142 17.2784C20.6803 16.5996 21.2723 15.0707 20.9929 14.7073Z",fill:"#FF9900","fill-rule":"evenodd"},null,-1)),_=e.defineComponent({__name:"AwsIcon",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 C=String(i.size).replace(/px/gi,""),r=Number(C);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})),m=C=>{if(!C)return;const r=C.querySelector("defs"),a={};r&&r.querySelectorAll("[id]").forEach(n=>{const s=n.getAttribute("id"),l=`${Math.random().toString(36).substring(2,12)}-${s}`;a[s]=l,n.setAttribute("id",l)});const S=["fill","stroke","filter","mask","clip-path","xlink:href","href"],v=n=>{S.forEach(s=>{const l=n.getAttribute(s);if(l){const p=l.replace(/url\(#([^)]+)\)/g,(c,d)=>a[d]?`url(#${a[d]})`:c).replace(/#([^\s]+)/g,(c,d)=>a[d]?`#${a[d]}`:c);p!==l&&n.setAttribute(s,p)}})};C.querySelectorAll("*").forEach(n=>{v(n)})};return e.onMounted(()=>{i.randomizeIds&&o.value&&m(o.value)}),(C,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon aws-icon","data-testid":"kui-icon-wrapper-aws-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-aws-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,I,N],8,y))]),_:1},8,["aria-hidden","style"]))}});exports.default=_;
 //# sourceMappingURL=kong-icons442.cjs.map

package/dist/kong-icons442.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons442.cjs","sources":["../src/components/multi-color/AwsIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * AwsIcon.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 aws-icon\"\n    data-testid=\"kui-icon-wrapper-aws-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-aws-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.63597 10.4771C7.63597 10.7308 7.66258 10.9365 7.70914 11.0873C7.76236 11.2381 7.82888 11.4027 7.922 11.5809C7.95526 11.6358 7.96856 11.6906 7.96856 11.7386C7.96856 11.8072 7.92865 11.8758 7.84218 11.9443L7.42311 12.2323C7.36324 12.2734 7.30338 12.294 7.25016 12.294C7.18364 12.294 7.11712 12.2597 7.05061 12.198C6.95748 12.0952 6.87766 11.9855 6.81114 11.8758C6.74462 11.7592 6.6781 11.6289 6.60493 11.4712C6.08608 12.102 5.4342 12.4174 4.64928 12.4174C4.09052 12.4174 3.64484 12.2529 3.3189 11.9238C2.99296 11.5947 2.82666 11.1559 2.82666 10.6074C2.82666 10.0246 3.02622 9.55151 3.43198 9.19499C3.83775 8.83847 4.37655 8.66021 5.06169 8.66021C5.28786 8.66021 5.52067 8.68078 5.76679 8.71506C6.01291 8.74934 6.26568 8.80419 6.53176 8.86589V8.36539C6.53176 7.84432 6.42533 7.48094 6.21912 7.2684C6.00626 7.05586 5.64706 6.95301 5.13486 6.95301C4.90205 6.95301 4.66258 6.98044 4.41646 7.04214C4.17034 7.10385 3.93087 7.17927 3.69806 7.27525C3.59163 7.32325 3.5118 7.35067 3.46524 7.36438C3.41868 7.3781 3.38542 7.38495 3.35881 7.38495C3.26568 7.38495 3.21912 7.31639 3.21912 7.17241V6.83646C3.21912 6.72676 3.23242 6.64448 3.26568 6.59649C3.29894 6.5485 3.35881 6.5005 3.45194 6.45251C3.68475 6.3291 3.96413 6.22625 4.29007 6.14398C4.61602 6.05485 4.96191 6.01371 5.32777 6.01371C6.11934 6.01371 6.69806 6.19883 7.07056 6.56906C7.43641 6.9393 7.62267 7.50151 7.62267 8.25569V10.4771H7.63597ZM4.93531 11.5192C5.15482 11.5192 5.38098 11.4781 5.62045 11.3958C5.85992 11.3136 6.07278 11.1627 6.25238 10.957C6.35881 10.8268 6.43863 10.6828 6.47854 10.5182C6.51845 10.3537 6.54506 10.1549 6.54506 9.92175V9.63379C6.35216 9.58579 6.14595 9.54466 5.93309 9.51723C5.72023 9.48981 5.51402 9.47609 5.30781 9.47609C4.86214 9.47609 4.53619 9.56523 4.31668 9.75034C4.09717 9.93546 3.99074 10.196 3.99074 10.5388C3.99074 10.861 4.07056 11.101 4.23686 11.2656C4.3965 11.437 4.62932 11.5192 4.93531 11.5192ZM10.2768 12.2597C10.157 12.2597 10.0772 12.2391 10.024 12.1912C9.97078 12.15 9.92422 12.054 9.88431 11.9238L8.32111 6.62391C8.2812 6.48679 8.26125 6.39766 8.26125 6.34967C8.26125 6.23997 8.31446 6.17826 8.42089 6.17826H9.07278C9.19916 6.17826 9.28564 6.19883 9.3322 6.24682C9.38542 6.28796 9.42533 6.38395 9.46524 6.51422L10.5828 11.053L11.6204 6.51422C11.6537 6.37709 11.6936 6.28796 11.7468 6.24682C11.8 6.20569 11.8932 6.17826 12.0129 6.17826H12.5451C12.6714 6.17826 12.7579 6.19883 12.8111 6.24682C12.8643 6.28796 12.9109 6.38395 12.9375 6.51422L13.9885 11.1079L15.1393 6.51422C15.1792 6.37709 15.2258 6.28796 15.2723 6.24682C15.3255 6.20569 15.412 6.17826 15.5318 6.17826H16.1504C16.2568 6.17826 16.3167 6.23311 16.3167 6.34967C16.3167 6.38395 16.31 6.41823 16.3034 6.45937C16.2967 6.5005 16.2834 6.55535 16.2568 6.63077L14.6537 11.9306C14.6138 12.0677 14.5672 12.1569 14.514 12.198C14.4608 12.2391 14.3743 12.2666 14.2612 12.2666H13.6892C13.5628 12.2666 13.4763 12.246 13.4231 12.198C13.3699 12.15 13.3233 12.0609 13.2967 11.9238L12.2657 7.50151L11.2413 11.9169C11.208 12.054 11.1681 12.1432 11.1149 12.1912C11.0617 12.2391 10.9686 12.2597 10.8488 12.2597H10.2768ZM18.8244 12.4448C18.4785 12.4448 18.1326 12.4037 17.8 12.3214C17.4675 12.2391 17.208 12.15 17.0351 12.0472C16.9286 11.9855 16.8555 11.9169 16.8289 11.8552C16.8023 11.7935 16.789 11.7249 16.789 11.6632V11.3136C16.789 11.1696 16.8422 11.101 16.942 11.101C16.9819 11.101 17.0218 11.1079 17.0617 11.1216C17.1016 11.1353 17.1615 11.1627 17.228 11.1901C17.4541 11.293 17.7003 11.3753 17.9597 11.4301C18.2258 11.485 18.4852 11.5124 18.7513 11.5124C19.1703 11.5124 19.4963 11.437 19.7224 11.2861C19.9486 11.1353 20.0683 10.9159 20.0683 10.6348C20.0683 10.4428 20.0085 10.2851 19.8887 10.1549C19.769 10.0246 19.5428 9.90804 19.2169 9.79834L18.2524 9.48981C17.7668 9.33211 17.4076 9.099 17.1881 8.79047C16.9686 8.4888 16.8555 8.15285 16.8555 7.79632C16.8555 7.50836 16.9153 7.25469 17.0351 7.03529C17.1548 6.81589 17.3145 6.62391 17.514 6.47308C17.7136 6.31539 17.9397 6.19883 18.2058 6.11656C18.4719 6.03428 18.7513 6 19.0439 6C19.1903 6 19.3433 6.00686 19.4896 6.02742C19.6426 6.04799 19.7823 6.07542 19.922 6.10284C20.055 6.13712 20.1814 6.17141 20.3012 6.21254C20.4209 6.25368 20.514 6.29482 20.5805 6.33595C20.6737 6.3908 20.7402 6.44565 20.7801 6.50736C20.82 6.56221 20.84 6.63763 20.84 6.73361V7.05586C20.84 7.19984 20.7867 7.27525 20.687 7.27525C20.6337 7.27525 20.5473 7.24783 20.4342 7.19298C20.055 7.01472 19.6293 6.92559 19.157 6.92559C18.7779 6.92559 18.4785 6.98729 18.2723 7.11756C18.0661 7.24783 17.9597 7.44666 17.9597 7.72776C17.9597 7.91974 18.0262 8.08429 18.1592 8.21455C18.2923 8.34482 18.5384 8.47509 18.891 8.59164L19.8355 8.90017C20.3145 9.05787 20.6604 9.27726 20.8666 9.55837C21.0728 9.83947 21.1726 10.1617 21.1726 10.5182C21.1726 10.8131 21.1127 11.0804 20.9996 11.3136C20.8799 11.5467 20.7202 11.7524 20.514 11.9169C20.3078 12.0883 20.0617 12.2117 19.7757 12.3008C19.4763 12.3968 19.1637 12.4448 18.8244 12.4448Z\"\n        fill=\"#252F3E\"\n      />\n      <path\n        clip-rule=\"evenodd\"\n        d=\"M20.0819 15.7768C17.8935 17.4428 14.7139 18.3273 11.98 18.3273C8.14847 18.3273 4.69614 16.8669 2.0886 14.4398C1.8824 14.2478 2.06865 13.9873 2.31477 14.1381C5.13517 15.8248 8.6141 16.8463 12.2128 16.8463C14.6407 16.8463 17.3081 16.3253 19.7627 15.2557C20.1285 15.0843 20.4411 15.5025 20.0819 15.7768Z\"\n        fill=\"#FF9900\"\n        fill-rule=\"evenodd\"\n      />\n      <path\n        clip-rule=\"evenodd\"\n        d=\"M20.9929 14.7073C20.7136 14.3371 19.1437 14.529 18.432 14.6182C18.2191 14.6456 18.1858 14.4536 18.3787 14.3096C19.6293 13.4046 21.6847 13.6651 21.9242 13.9668C22.1637 14.2753 21.8577 16.3939 20.6869 17.4086C20.5073 17.5663 20.3344 17.484 20.4142 17.2784C20.6803 16.5996 21.2723 15.0707 20.9929 14.7073Z\"\n        fill=\"#FF9900\"\n        fill-rule=\"evenodd\"\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":"ugNAaA,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-icons442.cjs","sources":["../src/components/multi-color/AwsIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * AwsIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 23 Sep 2024 18:37:12 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).\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 * 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 aws-icon\"\n    data-testid=\"kui-icon-wrapper-aws-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-aws-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.63597 10.4771C7.63597 10.7308 7.66258 10.9365 7.70914 11.0873C7.76236 11.2381 7.82888 11.4027 7.922 11.5809C7.95526 11.6358 7.96856 11.6906 7.96856 11.7386C7.96856 11.8072 7.92865 11.8758 7.84218 11.9443L7.42311 12.2323C7.36324 12.2734 7.30338 12.294 7.25016 12.294C7.18364 12.294 7.11712 12.2597 7.05061 12.198C6.95748 12.0952 6.87766 11.9855 6.81114 11.8758C6.74462 11.7592 6.6781 11.6289 6.60493 11.4712C6.08608 12.102 5.4342 12.4174 4.64928 12.4174C4.09052 12.4174 3.64484 12.2529 3.3189 11.9238C2.99296 11.5947 2.82666 11.1559 2.82666 10.6074C2.82666 10.0246 3.02622 9.55151 3.43198 9.19499C3.83775 8.83847 4.37655 8.66021 5.06169 8.66021C5.28786 8.66021 5.52067 8.68078 5.76679 8.71506C6.01291 8.74934 6.26568 8.80419 6.53176 8.86589V8.36539C6.53176 7.84432 6.42533 7.48094 6.21912 7.2684C6.00626 7.05586 5.64706 6.95301 5.13486 6.95301C4.90205 6.95301 4.66258 6.98044 4.41646 7.04214C4.17034 7.10385 3.93087 7.17927 3.69806 7.27525C3.59163 7.32325 3.5118 7.35067 3.46524 7.36438C3.41868 7.3781 3.38542 7.38495 3.35881 7.38495C3.26568 7.38495 3.21912 7.31639 3.21912 7.17241V6.83646C3.21912 6.72676 3.23242 6.64448 3.26568 6.59649C3.29894 6.5485 3.35881 6.5005 3.45194 6.45251C3.68475 6.3291 3.96413 6.22625 4.29007 6.14398C4.61602 6.05485 4.96191 6.01371 5.32777 6.01371C6.11934 6.01371 6.69806 6.19883 7.07056 6.56906C7.43641 6.9393 7.62267 7.50151 7.62267 8.25569V10.4771H7.63597ZM4.93531 11.5192C5.15482 11.5192 5.38098 11.4781 5.62045 11.3958C5.85992 11.3136 6.07278 11.1627 6.25238 10.957C6.35881 10.8268 6.43863 10.6828 6.47854 10.5182C6.51845 10.3537 6.54506 10.1549 6.54506 9.92175V9.63379C6.35216 9.58579 6.14595 9.54466 5.93309 9.51723C5.72023 9.48981 5.51402 9.47609 5.30781 9.47609C4.86214 9.47609 4.53619 9.56523 4.31668 9.75034C4.09717 9.93546 3.99074 10.196 3.99074 10.5388C3.99074 10.861 4.07056 11.101 4.23686 11.2656C4.3965 11.437 4.62932 11.5192 4.93531 11.5192ZM10.2768 12.2597C10.157 12.2597 10.0772 12.2391 10.024 12.1912C9.97078 12.15 9.92422 12.054 9.88431 11.9238L8.32111 6.62391C8.2812 6.48679 8.26125 6.39766 8.26125 6.34967C8.26125 6.23997 8.31446 6.17826 8.42089 6.17826H9.07278C9.19916 6.17826 9.28564 6.19883 9.3322 6.24682C9.38542 6.28796 9.42533 6.38395 9.46524 6.51422L10.5828 11.053L11.6204 6.51422C11.6537 6.37709 11.6936 6.28796 11.7468 6.24682C11.8 6.20569 11.8932 6.17826 12.0129 6.17826H12.5451C12.6714 6.17826 12.7579 6.19883 12.8111 6.24682C12.8643 6.28796 12.9109 6.38395 12.9375 6.51422L13.9885 11.1079L15.1393 6.51422C15.1792 6.37709 15.2258 6.28796 15.2723 6.24682C15.3255 6.20569 15.412 6.17826 15.5318 6.17826H16.1504C16.2568 6.17826 16.3167 6.23311 16.3167 6.34967C16.3167 6.38395 16.31 6.41823 16.3034 6.45937C16.2967 6.5005 16.2834 6.55535 16.2568 6.63077L14.6537 11.9306C14.6138 12.0677 14.5672 12.1569 14.514 12.198C14.4608 12.2391 14.3743 12.2666 14.2612 12.2666H13.6892C13.5628 12.2666 13.4763 12.246 13.4231 12.198C13.3699 12.15 13.3233 12.0609 13.2967 11.9238L12.2657 7.50151L11.2413 11.9169C11.208 12.054 11.1681 12.1432 11.1149 12.1912C11.0617 12.2391 10.9686 12.2597 10.8488 12.2597H10.2768ZM18.8244 12.4448C18.4785 12.4448 18.1326 12.4037 17.8 12.3214C17.4675 12.2391 17.208 12.15 17.0351 12.0472C16.9286 11.9855 16.8555 11.9169 16.8289 11.8552C16.8023 11.7935 16.789 11.7249 16.789 11.6632V11.3136C16.789 11.1696 16.8422 11.101 16.942 11.101C16.9819 11.101 17.0218 11.1079 17.0617 11.1216C17.1016 11.1353 17.1615 11.1627 17.228 11.1901C17.4541 11.293 17.7003 11.3753 17.9597 11.4301C18.2258 11.485 18.4852 11.5124 18.7513 11.5124C19.1703 11.5124 19.4963 11.437 19.7224 11.2861C19.9486 11.1353 20.0683 10.9159 20.0683 10.6348C20.0683 10.4428 20.0085 10.2851 19.8887 10.1549C19.769 10.0246 19.5428 9.90804 19.2169 9.79834L18.2524 9.48981C17.7668 9.33211 17.4076 9.099 17.1881 8.79047C16.9686 8.4888 16.8555 8.15285 16.8555 7.79632C16.8555 7.50836 16.9153 7.25469 17.0351 7.03529C17.1548 6.81589 17.3145 6.62391 17.514 6.47308C17.7136 6.31539 17.9397 6.19883 18.2058 6.11656C18.4719 6.03428 18.7513 6 19.0439 6C19.1903 6 19.3433 6.00686 19.4896 6.02742C19.6426 6.04799 19.7823 6.07542 19.922 6.10284C20.055 6.13712 20.1814 6.17141 20.3012 6.21254C20.4209 6.25368 20.514 6.29482 20.5805 6.33595C20.6737 6.3908 20.7402 6.44565 20.7801 6.50736C20.82 6.56221 20.84 6.63763 20.84 6.73361V7.05586C20.84 7.19984 20.7867 7.27525 20.687 7.27525C20.6337 7.27525 20.5473 7.24783 20.4342 7.19298C20.055 7.01472 19.6293 6.92559 19.157 6.92559C18.7779 6.92559 18.4785 6.98729 18.2723 7.11756C18.0661 7.24783 17.9597 7.44666 17.9597 7.72776C17.9597 7.91974 18.0262 8.08429 18.1592 8.21455C18.2923 8.34482 18.5384 8.47509 18.891 8.59164L19.8355 8.90017C20.3145 9.05787 20.6604 9.27726 20.8666 9.55837C21.0728 9.83947 21.1726 10.1617 21.1726 10.5182C21.1726 10.8131 21.1127 11.0804 20.9996 11.3136C20.8799 11.5467 20.7202 11.7524 20.514 11.9169C20.3078 12.0883 20.0617 12.2117 19.7757 12.3008C19.4763 12.3968 19.1637 12.4448 18.8244 12.4448Z\"\n        fill=\"#252F3E\"\n      />\n      <path\n        clip-rule=\"evenodd\"\n        d=\"M20.0819 15.7768C17.8935 17.4428 14.7139 18.3273 11.98 18.3273C8.14847 18.3273 4.69614 16.8669 2.0886 14.4398C1.8824 14.2478 2.06865 13.9873 2.31477 14.1381C5.13517 15.8248 8.6141 16.8463 12.2128 16.8463C14.6407 16.8463 17.3081 16.3253 19.7627 15.2557C20.1285 15.0843 20.4411 15.5025 20.0819 15.7768Z\"\n        fill=\"#FF9900\"\n        fill-rule=\"evenodd\"\n      />\n      <path\n        clip-rule=\"evenodd\"\n        d=\"M20.9929 14.7073C20.7136 14.3371 19.1437 14.529 18.432 14.6182C18.2191 14.6456 18.1858 14.4536 18.3787 14.3096C19.6293 13.4046 21.6847 13.6651 21.9242 13.9668C22.1637 14.2753 21.8577 16.3939 20.6869 17.4086C20.5073 17.5663 20.3344 17.484 20.4142 17.2784C20.6803 16.5996 21.2723 15.0707 20.9929 14.7073Z\"\n        fill=\"#FF9900\"\n        fill-rule=\"evenodd\"\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":"ugNAaA,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,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"}

package/dist/kong-icons444.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),C=require("./kong-icons1218.cjs"),u=t=>(e.pushScopeId("data-v-8b112ebd"),t=t(),e.popScopeId(),t),N=["aria-hidden"],S={key:0,"data-testid":"kui-icon-svg-title"},E=u(()=>e.createElementVNode("path",{d:"M8.8651 2.00024H14.9587L8.63295 21.3186C8.56793 21.5171 8.44415 21.6896 8.27904 21.8118C8.11392 21.934 7.91578 21.9997 7.71251 21.9998H2.97016C2.81615 21.9998 2.66434 21.962 2.52731 21.8896C2.39027 21.8171 2.27194 21.7121 2.18211 21.5831C2.09228 21.4542 2.03352 21.305 2.0107 21.1481C1.98789 20.9911 2.00167 20.8307 2.0509 20.6803L7.94443 2.68144C8.00942 2.48284 8.13322 2.31027 8.29838 2.18802C8.46355 2.06577 8.66176 2.00025 8.8651 2.00024Z",fill:"url(#paint0_linear_321_21552)"},null,-1)),b=u(()=>e.createElementVNode("path",{d:"M17.7201 14.9576H8.0571C7.96726 14.9575 7.87948 14.9853 7.80518 15.0374C7.73088 15.0894 7.67352 15.1633 7.64056 15.2495C7.6076 15.3356 7.60058 15.43 7.6204 15.5203C7.64022 15.6106 7.68597 15.6927 7.75169 15.7558L13.9609 21.7293C14.1417 21.9031 14.3798 21.9998 14.627 21.9997H20.0986L17.7201 14.9576Z",fill:"#0078D4"},null,-1)),v=u(()=>e.createElementVNode("path",{d:"M8.86533 2.00025C8.65977 1.99944 8.45934 2.06639 8.29332 2.19133C8.12731 2.31627 8.0044 2.49266 7.94255 2.69471L2.05838 20.6639C2.00583 20.8149 1.98934 20.9767 2.01028 21.1356C2.03123 21.2945 2.08901 21.4459 2.17872 21.5769C2.26844 21.708 2.38745 21.8148 2.5257 21.8884C2.66395 21.962 2.81736 22.0002 2.97296 21.9998H7.83771C8.01889 21.9664 8.18824 21.8841 8.32844 21.7612C8.46865 21.6383 8.5747 21.4792 8.63575 21.3003L9.80916 17.7358L14.0006 21.7653C14.1763 21.9151 14.3966 21.9979 14.6245 21.9998H20.0758L17.6849 14.9577L10.7153 14.9594L14.981 2.00025H8.86533Z",fill:"url(#paint1_linear_321_21552)"},null,-1)),x=u(()=>e.createElementVNode("path",{d:"M16.6485 2.68054C16.5836 2.48226 16.46 2.30998 16.2951 2.18794C16.1302 2.06591 15.9323 2.00028 15.7293 2.00031H8.93799C9.141 2.00032 9.33889 2.06596 9.50379 2.18799C9.6687 2.31002 9.79233 2.48228 9.85725 2.68054L15.751 20.6801C15.8003 20.8306 15.8141 20.991 15.7913 21.148C15.7685 21.305 15.7098 21.4542 15.6199 21.5832C15.5301 21.7122 15.4118 21.8173 15.2747 21.8898C15.1376 21.9623 14.9858 22.0001 14.8318 22.0001H21.6233C21.7773 22 21.9291 21.9622 22.0661 21.8897C22.2032 21.8172 22.3215 21.7121 22.4113 21.5831C22.5011 21.4541 22.5598 21.3049 22.5826 21.1479C22.6054 20.9909 22.5916 20.8306 22.5423 20.6801L16.6485 2.68054Z",fill:"url(#paint2_linear_321_21552)"},null,-1)),z=u(()=>e.createElementVNode("defs",null,[e.createElementVNode("linearGradient",{id:"paint0_linear_321_21552",gradientUnits:"userSpaceOnUse",x1:"11.086",x2:"4.40577",y1:"3.48228",y2:"22.6294"},[e.createElementVNode("stop",{"stop-color":"#114A8B"}),e.createElementVNode("stop",{offset:"1","stop-color":"#0669BC"})]),e.createElementVNode("linearGradient",{id:"paint1_linear_321_21552",gradientUnits:"userSpaceOnUse",x1:"13.0631",x2:"11.5904",y1:"12.4626",y2:"12.9457"},[e.createElementVNode("stop",{"stop-opacity":"0.3"}),e.createElementVNode("stop",{offset:"0.071","stop-opacity":"0.2"}),e.createElementVNode("stop",{offset:"0.321","stop-opacity":"0.1"}),e.createElementVNode("stop",{offset:"0.623","stop-opacity":"0.05"}),e.createElementVNode("stop",{offset:"1","stop-opacity":"0"})]),e.createElementVNode("linearGradient",{id:"paint2_linear_321_21552",gradientUnits:"userSpaceOnUse",x1:"12.2581",x2:"19.5817",y1:"2.92031",y2:"21.8502"},[e.createElementVNode("stop",{"stop-color":"#3CCBF4"}),e.createElementVNode("stop",{offset:"1","stop-color":"#2892DF"})])],-1)),k=e.defineComponent({__name:"AzureIcon",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:C.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 C.KUI_ICON_SIZE_50}),_=e.computed(()=>({boxSizing:"border-box",color:r.color,display:r.display,flexShrink:"0",height:f.value,lineHeight:"0",width:f.value})),g=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 y=["fill","stroke","filter","mask","clip-path","xlink:href","href"],h=n=>{y.forEach(c=>{const l=n.getAttribute(c);if(l){const m=l.replace(/url\(#([^)]+)\)/g,(p,d)=>s[d]?`url(#${s[d]})`:p).replace(/#([^\s]+)/g,(p,d)=>s[d]?`#${s[d]}`:p);m!==l&&n.setAttribute(c,m)}})};a.querySelectorAll("*").forEach(n=>{h(n)})};return e.onMounted(()=>{r.randomizeIds&&o.value&&g(o.value)}),(a,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon azure-icon","data-testid":"kui-icon-wrapper-azure-icon",style:e.normalizeStyle(_.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-azure-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",S,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),E,b,v,x,z],8,N))]),_:1},8,["aria-hidden","style"]))}});exports.default=k;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),C=require("./kong-icons1218.cjs"),u=t=>(e.pushScopeId("data-v-ee2730d2"),t=t(),e.popScopeId(),t),N=["aria-hidden"],S={key:0,"data-testid":"kui-icon-svg-title"},E=u(()=>e.createElementVNode("path",{d:"M8.8651 2.00024H14.9587L8.63295 21.3186C8.56793 21.5171 8.44415 21.6896 8.27904 21.8118C8.11392 21.934 7.91578 21.9997 7.71251 21.9998H2.97016C2.81615 21.9998 2.66434 21.962 2.52731 21.8896C2.39027 21.8171 2.27194 21.7121 2.18211 21.5831C2.09228 21.4542 2.03352 21.305 2.0107 21.1481C1.98789 20.9911 2.00167 20.8307 2.0509 20.6803L7.94443 2.68144C8.00942 2.48284 8.13322 2.31027 8.29838 2.18802C8.46355 2.06577 8.66176 2.00025 8.8651 2.00024Z",fill:"url(#paint0_linear_321_21552)"},null,-1)),v=u(()=>e.createElementVNode("path",{d:"M17.7201 14.9576H8.0571C7.96726 14.9575 7.87948 14.9853 7.80518 15.0374C7.73088 15.0894 7.67352 15.1633 7.64056 15.2495C7.6076 15.3356 7.60058 15.43 7.6204 15.5203C7.64022 15.6106 7.68597 15.6927 7.75169 15.7558L13.9609 21.7293C14.1417 21.9031 14.3798 21.9998 14.627 21.9997H20.0986L17.7201 14.9576Z",fill:"#0078D4"},null,-1)),b=u(()=>e.createElementVNode("path",{d:"M8.86533 2.00025C8.65977 1.99944 8.45934 2.06639 8.29332 2.19133C8.12731 2.31627 8.0044 2.49266 7.94255 2.69471L2.05838 20.6639C2.00583 20.8149 1.98934 20.9767 2.01028 21.1356C2.03123 21.2945 2.08901 21.4459 2.17872 21.5769C2.26844 21.708 2.38745 21.8148 2.5257 21.8884C2.66395 21.962 2.81736 22.0002 2.97296 21.9998H7.83771C8.01889 21.9664 8.18824 21.8841 8.32844 21.7612C8.46865 21.6383 8.5747 21.4792 8.63575 21.3003L9.80916 17.7358L14.0006 21.7653C14.1763 21.9151 14.3966 21.9979 14.6245 21.9998H20.0758L17.6849 14.9577L10.7153 14.9594L14.981 2.00025H8.86533Z",fill:"url(#paint1_linear_321_21552)"},null,-1)),x=u(()=>e.createElementVNode("path",{d:"M16.6485 2.68054C16.5836 2.48226 16.46 2.30998 16.2951 2.18794C16.1302 2.06591 15.9323 2.00028 15.7293 2.00031H8.93799C9.141 2.00032 9.33889 2.06596 9.50379 2.18799C9.6687 2.31002 9.79233 2.48228 9.85725 2.68054L15.751 20.6801C15.8003 20.8306 15.8141 20.991 15.7913 21.148C15.7685 21.305 15.7098 21.4542 15.6199 21.5832C15.5301 21.7122 15.4118 21.8173 15.2747 21.8898C15.1376 21.9623 14.9858 22.0001 14.8318 22.0001H21.6233C21.7773 22 21.9291 21.9622 22.0661 21.8897C22.2032 21.8172 22.3215 21.7121 22.4113 21.5831C22.5011 21.4541 22.5598 21.3049 22.5826 21.1479C22.6054 20.9909 22.5916 20.8306 22.5423 20.6801L16.6485 2.68054Z",fill:"url(#paint2_linear_321_21552)"},null,-1)),z=u(()=>e.createElementVNode("defs",null,[e.createElementVNode("linearGradient",{id:"paint0_linear_321_21552",gradientUnits:"userSpaceOnUse",x1:"11.086",x2:"4.40577",y1:"3.48228",y2:"22.6294"},[e.createElementVNode("stop",{"stop-color":"#114A8B"}),e.createElementVNode("stop",{offset:"1","stop-color":"#0669BC"})]),e.createElementVNode("linearGradient",{id:"paint1_linear_321_21552",gradientUnits:"userSpaceOnUse",x1:"13.0631",x2:"11.5904",y1:"12.4626",y2:"12.9457"},[e.createElementVNode("stop",{"stop-opacity":"0.3"}),e.createElementVNode("stop",{offset:"0.071","stop-opacity":"0.2"}),e.createElementVNode("stop",{offset:"0.321","stop-opacity":"0.1"}),e.createElementVNode("stop",{offset:"0.623","stop-opacity":"0.05"}),e.createElementVNode("stop",{offset:"1","stop-opacity":"0"})]),e.createElementVNode("linearGradient",{id:"paint2_linear_321_21552",gradientUnits:"userSpaceOnUse",x1:"12.2581",x2:"19.5817",y1:"2.92031",y2:"21.8502"},[e.createElementVNode("stop",{"stop-color":"#3CCBF4"}),e.createElementVNode("stop",{offset:"1","stop-color":"#2892DF"})])],-1)),k=e.defineComponent({__name:"AzureIcon",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:C.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 C.KUI_ICON_SIZE_50}),_=e.computed(()=>({boxSizing:"border-box",color:r.color,display:r.display,flexShrink:"0",height:f.value,lineHeight:"0",width:f.value})),g=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 y=["fill","stroke","filter","mask","clip-path","xlink:href","href"],h=n=>{y.forEach(c=>{const l=n.getAttribute(c);if(l){const m=l.replace(/url\(#([^)]+)\)/g,(p,d)=>s[d]?`url(#${s[d]})`:p).replace(/#([^\s]+)/g,(p,d)=>s[d]?`#${s[d]}`:p);m!==l&&n.setAttribute(c,m)}})};a.querySelectorAll("*").forEach(n=>{h(n)})};return e.onMounted(()=>{r.randomizeIds&&o.value&&g(o.value)}),(a,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon azure-icon","data-testid":"kui-icon-wrapper-azure-icon",style:e.normalizeStyle(_.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-azure-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",S,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),E,v,b,x,z],8,N))]),_:1},8,["aria-hidden","style"]))}});exports.default=k;
 //# sourceMappingURL=kong-icons444.cjs.map

package/dist/kong-icons444.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons444.cjs","sources":["../src/components/multi-color/AzureIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * AzureIcon.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 azure-icon\"\n    data-testid=\"kui-icon-wrapper-azure-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-azure-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=\"M8.8651 2.00024H14.9587L8.63295 21.3186C8.56793 21.5171 8.44415 21.6896 8.27904 21.8118C8.11392 21.934 7.91578 21.9997 7.71251 21.9998H2.97016C2.81615 21.9998 2.66434 21.962 2.52731 21.8896C2.39027 21.8171 2.27194 21.7121 2.18211 21.5831C2.09228 21.4542 2.03352 21.305 2.0107 21.1481C1.98789 20.9911 2.00167 20.8307 2.0509 20.6803L7.94443 2.68144C8.00942 2.48284 8.13322 2.31027 8.29838 2.18802C8.46355 2.06577 8.66176 2.00025 8.8651 2.00024Z\"\n        fill=\"url(#paint0_linear_321_21552)\"\n      />\n      <path\n        d=\"M17.7201 14.9576H8.0571C7.96726 14.9575 7.87948 14.9853 7.80518 15.0374C7.73088 15.0894 7.67352 15.1633 7.64056 15.2495C7.6076 15.3356 7.60058 15.43 7.6204 15.5203C7.64022 15.6106 7.68597 15.6927 7.75169 15.7558L13.9609 21.7293C14.1417 21.9031 14.3798 21.9998 14.627 21.9997H20.0986L17.7201 14.9576Z\"\n        fill=\"#0078D4\"\n      />\n      <path\n        d=\"M8.86533 2.00025C8.65977 1.99944 8.45934 2.06639 8.29332 2.19133C8.12731 2.31627 8.0044 2.49266 7.94255 2.69471L2.05838 20.6639C2.00583 20.8149 1.98934 20.9767 2.01028 21.1356C2.03123 21.2945 2.08901 21.4459 2.17872 21.5769C2.26844 21.708 2.38745 21.8148 2.5257 21.8884C2.66395 21.962 2.81736 22.0002 2.97296 21.9998H7.83771C8.01889 21.9664 8.18824 21.8841 8.32844 21.7612C8.46865 21.6383 8.5747 21.4792 8.63575 21.3003L9.80916 17.7358L14.0006 21.7653C14.1763 21.9151 14.3966 21.9979 14.6245 21.9998H20.0758L17.6849 14.9577L10.7153 14.9594L14.981 2.00025H8.86533Z\"\n        fill=\"url(#paint1_linear_321_21552)\"\n      />\n      <path\n        d=\"M16.6485 2.68054C16.5836 2.48226 16.46 2.30998 16.2951 2.18794C16.1302 2.06591 15.9323 2.00028 15.7293 2.00031H8.93799C9.141 2.00032 9.33889 2.06596 9.50379 2.18799C9.6687 2.31002 9.79233 2.48228 9.85725 2.68054L15.751 20.6801C15.8003 20.8306 15.8141 20.991 15.7913 21.148C15.7685 21.305 15.7098 21.4542 15.6199 21.5832C15.5301 21.7122 15.4118 21.8173 15.2747 21.8898C15.1376 21.9623 14.9858 22.0001 14.8318 22.0001H21.6233C21.7773 22 21.9291 21.9622 22.0661 21.8897C22.2032 21.8172 22.3215 21.7121 22.4113 21.5831C22.5011 21.4541 22.5598 21.3049 22.5826 21.1479C22.6054 20.9909 22.5916 20.8306 22.5423 20.6801L16.6485 2.68054Z\"\n        fill=\"url(#paint2_linear_321_21552)\"\n      />\n      <defs>\n        <linearGradient\n          id=\"paint0_linear_321_21552\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"11.086\"\n          x2=\"4.40577\"\n          y1=\"3.48228\"\n          y2=\"22.6294\"\n        >\n          <stop stop-color=\"#114A8B\" />\n          <stop\n            offset=\"1\"\n            stop-color=\"#0669BC\"\n          />\n        </linearGradient>\n        <linearGradient\n          id=\"paint1_linear_321_21552\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"13.0631\"\n          x2=\"11.5904\"\n          y1=\"12.4626\"\n          y2=\"12.9457\"\n        >\n          <stop stop-opacity=\"0.3\" />\n          <stop\n            offset=\"0.071\"\n            stop-opacity=\"0.2\"\n          />\n          <stop\n            offset=\"0.321\"\n            stop-opacity=\"0.1\"\n          />\n          <stop\n            offset=\"0.623\"\n            stop-opacity=\"0.05\"\n          />\n          <stop\n            offset=\"1\"\n            stop-opacity=\"0\"\n          />\n        </linearGradient>\n        <linearGradient\n          id=\"paint2_linear_321_21552\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"12.2581\"\n          x2=\"19.5817\"\n          y1=\"2.92031\"\n          y2=\"21.8502\"\n        >\n          <stop stop-color=\"#3CCBF4\" />\n          <stop\n            offset=\"1\"\n            stop-color=\"#2892DF\"\n          />\n        </linearGradient>\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":"onIAaA,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-icons444.cjs","sources":["../src/components/multi-color/AzureIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * AzureIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 23 Sep 2024 18:37:12 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).\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 * 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 azure-icon\"\n    data-testid=\"kui-icon-wrapper-azure-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-azure-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=\"M8.8651 2.00024H14.9587L8.63295 21.3186C8.56793 21.5171 8.44415 21.6896 8.27904 21.8118C8.11392 21.934 7.91578 21.9997 7.71251 21.9998H2.97016C2.81615 21.9998 2.66434 21.962 2.52731 21.8896C2.39027 21.8171 2.27194 21.7121 2.18211 21.5831C2.09228 21.4542 2.03352 21.305 2.0107 21.1481C1.98789 20.9911 2.00167 20.8307 2.0509 20.6803L7.94443 2.68144C8.00942 2.48284 8.13322 2.31027 8.29838 2.18802C8.46355 2.06577 8.66176 2.00025 8.8651 2.00024Z\"\n        fill=\"url(#paint0_linear_321_21552)\"\n      />\n      <path\n        d=\"M17.7201 14.9576H8.0571C7.96726 14.9575 7.87948 14.9853 7.80518 15.0374C7.73088 15.0894 7.67352 15.1633 7.64056 15.2495C7.6076 15.3356 7.60058 15.43 7.6204 15.5203C7.64022 15.6106 7.68597 15.6927 7.75169 15.7558L13.9609 21.7293C14.1417 21.9031 14.3798 21.9998 14.627 21.9997H20.0986L17.7201 14.9576Z\"\n        fill=\"#0078D4\"\n      />\n      <path\n        d=\"M8.86533 2.00025C8.65977 1.99944 8.45934 2.06639 8.29332 2.19133C8.12731 2.31627 8.0044 2.49266 7.94255 2.69471L2.05838 20.6639C2.00583 20.8149 1.98934 20.9767 2.01028 21.1356C2.03123 21.2945 2.08901 21.4459 2.17872 21.5769C2.26844 21.708 2.38745 21.8148 2.5257 21.8884C2.66395 21.962 2.81736 22.0002 2.97296 21.9998H7.83771C8.01889 21.9664 8.18824 21.8841 8.32844 21.7612C8.46865 21.6383 8.5747 21.4792 8.63575 21.3003L9.80916 17.7358L14.0006 21.7653C14.1763 21.9151 14.3966 21.9979 14.6245 21.9998H20.0758L17.6849 14.9577L10.7153 14.9594L14.981 2.00025H8.86533Z\"\n        fill=\"url(#paint1_linear_321_21552)\"\n      />\n      <path\n        d=\"M16.6485 2.68054C16.5836 2.48226 16.46 2.30998 16.2951 2.18794C16.1302 2.06591 15.9323 2.00028 15.7293 2.00031H8.93799C9.141 2.00032 9.33889 2.06596 9.50379 2.18799C9.6687 2.31002 9.79233 2.48228 9.85725 2.68054L15.751 20.6801C15.8003 20.8306 15.8141 20.991 15.7913 21.148C15.7685 21.305 15.7098 21.4542 15.6199 21.5832C15.5301 21.7122 15.4118 21.8173 15.2747 21.8898C15.1376 21.9623 14.9858 22.0001 14.8318 22.0001H21.6233C21.7773 22 21.9291 21.9622 22.0661 21.8897C22.2032 21.8172 22.3215 21.7121 22.4113 21.5831C22.5011 21.4541 22.5598 21.3049 22.5826 21.1479C22.6054 20.9909 22.5916 20.8306 22.5423 20.6801L16.6485 2.68054Z\"\n        fill=\"url(#paint2_linear_321_21552)\"\n      />\n      <defs>\n        <linearGradient\n          id=\"paint0_linear_321_21552\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"11.086\"\n          x2=\"4.40577\"\n          y1=\"3.48228\"\n          y2=\"22.6294\"\n        >\n          <stop stop-color=\"#114A8B\" />\n          <stop\n            offset=\"1\"\n            stop-color=\"#0669BC\"\n          />\n        </linearGradient>\n        <linearGradient\n          id=\"paint1_linear_321_21552\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"13.0631\"\n          x2=\"11.5904\"\n          y1=\"12.4626\"\n          y2=\"12.9457\"\n        >\n          <stop stop-opacity=\"0.3\" />\n          <stop\n            offset=\"0.071\"\n            stop-opacity=\"0.2\"\n          />\n          <stop\n            offset=\"0.321\"\n            stop-opacity=\"0.1\"\n          />\n          <stop\n            offset=\"0.623\"\n            stop-opacity=\"0.05\"\n          />\n          <stop\n            offset=\"1\"\n            stop-opacity=\"0\"\n          />\n        </linearGradient>\n        <linearGradient\n          id=\"paint2_linear_321_21552\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"12.2581\"\n          x2=\"19.5817\"\n          y1=\"2.92031\"\n          y2=\"21.8502\"\n        >\n          <stop stop-color=\"#3CCBF4\" />\n          <stop\n            offset=\"1\"\n            stop-color=\"#2892DF\"\n          />\n        </linearGradient>\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":"onIAaA,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,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"}

package/dist/kong-icons446.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-7cc0767d"),t=t(),e.popScopeId(),t),b=["aria-hidden"],k={key:0,"data-testid":"kui-icon-svg-title"},H=v(()=>e.createElementVNode("path",{d:"M20.0233 9.59753C19.9081 8.76066 19.447 8.03403 18.6152 7.37756L18.1341 7.05183L17.8134 7.53792C17.4025 8.16432 17.197 9.03627 17.2622 9.87315C17.2922 10.1638 17.3874 10.695 17.6831 11.151C17.3874 11.3164 16.8011 11.5369 16.0194 11.5218H1.08595L1.05588 11.6972C0.915565 12.5341 0.915565 15.155 2.59432 17.1645C3.87218 18.6929 5.78146 19.4696 8.27704 19.4696C13.6892 19.4696 17.6881 16.949 19.5673 12.3587C20.304 12.3737 21.8925 12.3637 22.7093 10.7852C22.7294 10.7501 22.7795 10.6549 22.9198 10.3542L23 10.1889L22.544 9.87816C22.0429 9.55243 20.9053 9.42715 20.0233 9.59753ZM13.0277 4H10.7576V6.08968H13.0277V4ZM13.0277 6.51062H10.7576V8.6003H13.0277V6.51062ZM10.3417 6.51062H8.07158V8.6003H10.3417V6.51062ZM7.66066 6.51062H5.39058V8.6003H7.66066V6.51062ZM4.97465 9.02124H2.70457V11.1109H4.97465V9.02124ZM7.66066 9.02124H5.39058V11.1109H7.66066V9.02124ZM10.3417 9.02124H8.07158V11.1109H10.3417V9.02124ZM13.0277 9.02124H10.7576V11.1109H13.0277V9.02124ZM15.7137 9.02124H13.4436V11.1109H15.7137V9.02124Z",fill:"#1D63ED"},null,-1)),V=e.defineComponent({__name:"DockerIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:g.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const r=String(t).replace(/px/gi,""),o=Number(r);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},randomizeIds:{type:Boolean,default:!0}},setup(t){const r=t,o=e.ref(null),f=e.computed(()=>{if(typeof r.size=="number"&&r.size>0)return`${r.size}px`;if(typeof r.size=="string"){const l=String(r.size).replace(/px/gi,""),i=Number(l);if(i&&!isNaN(i)&&Number.isInteger(i)&&i>0)return`${i}px`}return g.KUI_ICON_SIZE_50}),m=e.computed(()=>({boxSizing:"border-box",color:r.color,display:r.display,flexShrink:"0",height:f.value,lineHeight:"0",width:f.value})),h=l=>{if(!l)return;const i=l.querySelector("defs"),s={};i&&i.querySelectorAll("[id]").forEach(n=>{const c=n.getAttribute("id"),a=`${Math.random().toString(36).substring(2,12)}-${c}`;s[c]=a,n.setAttribute("id",a)});const S=["fill","stroke","filter","mask","clip-path","xlink:href","href"],y=n=>{S.forEach(c=>{const a=n.getAttribute(c);if(a){const p=a.replace(/url\(#([^)]+)\)/g,(u,d)=>s[d]?`url(#${s[d]})`:u).replace(/#([^\s]+)/g,(u,d)=>s[d]?`#${s[d]}`:u);p!==a&&n.setAttribute(c,p)}})};l.querySelectorAll("*").forEach(n=>{y(n)})};return e.onMounted(()=>{r.randomizeIds&&o.value&&h(o.value)}),(l,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon docker-icon","data-testid":"kui-icon-wrapper-docker-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-docker-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),H],8,b))]),_:1},8,["aria-hidden","style"]))}});exports.default=V;
+"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-33f6b00e"),t=t(),e.popScopeId(),t),v=["aria-hidden"],k={key:0,"data-testid":"kui-icon-svg-title"},H=b(()=>e.createElementVNode("path",{d:"M20.0233 9.59753C19.9081 8.76066 19.447 8.03403 18.6152 7.37756L18.1341 7.05183L17.8134 7.53792C17.4025 8.16432 17.197 9.03627 17.2622 9.87315C17.2922 10.1638 17.3874 10.695 17.6831 11.151C17.3874 11.3164 16.8011 11.5369 16.0194 11.5218H1.08595L1.05588 11.6972C0.915565 12.5341 0.915565 15.155 2.59432 17.1645C3.87218 18.6929 5.78146 19.4696 8.27704 19.4696C13.6892 19.4696 17.6881 16.949 19.5673 12.3587C20.304 12.3737 21.8925 12.3637 22.7093 10.7852C22.7294 10.7501 22.7795 10.6549 22.9198 10.3542L23 10.1889L22.544 9.87816C22.0429 9.55243 20.9053 9.42715 20.0233 9.59753ZM13.0277 4H10.7576V6.08968H13.0277V4ZM13.0277 6.51062H10.7576V8.6003H13.0277V6.51062ZM10.3417 6.51062H8.07158V8.6003H10.3417V6.51062ZM7.66066 6.51062H5.39058V8.6003H7.66066V6.51062ZM4.97465 9.02124H2.70457V11.1109H4.97465V9.02124ZM7.66066 9.02124H5.39058V11.1109H7.66066V9.02124ZM10.3417 9.02124H8.07158V11.1109H10.3417V9.02124ZM13.0277 9.02124H10.7576V11.1109H13.0277V9.02124ZM15.7137 9.02124H13.4436V11.1109H15.7137V9.02124Z",fill:"#1D63ED"},null,-1)),V=e.defineComponent({__name:"DockerIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:g.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const r=String(t).replace(/px/gi,""),o=Number(r);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},randomizeIds:{type:Boolean,default:!0}},setup(t){const r=t,o=e.ref(null),f=e.computed(()=>{if(typeof r.size=="number"&&r.size>0)return`${r.size}px`;if(typeof r.size=="string"){const l=String(r.size).replace(/px/gi,""),i=Number(l);if(i&&!isNaN(i)&&Number.isInteger(i)&&i>0)return`${i}px`}return g.KUI_ICON_SIZE_50}),m=e.computed(()=>({boxSizing:"border-box",color:r.color,display:r.display,flexShrink:"0",height:f.value,lineHeight:"0",width:f.value})),h=l=>{if(!l)return;const i=l.querySelector("defs"),s={};i&&i.querySelectorAll("[id]").forEach(n=>{const c=n.getAttribute("id"),a=`${Math.random().toString(36).substring(2,12)}-${c}`;s[c]=a,n.setAttribute("id",a)});const S=["fill","stroke","filter","mask","clip-path","xlink:href","href"],y=n=>{S.forEach(c=>{const a=n.getAttribute(c);if(a){const p=a.replace(/url\(#([^)]+)\)/g,(u,d)=>s[d]?`url(#${s[d]})`:u).replace(/#([^\s]+)/g,(u,d)=>s[d]?`#${s[d]}`:u);p!==a&&n.setAttribute(c,p)}})};l.querySelectorAll("*").forEach(n=>{y(n)})};return e.onMounted(()=>{r.randomizeIds&&o.value&&h(o.value)}),(l,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon docker-icon","data-testid":"kui-icon-wrapper-docker-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-docker-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),H],8,v))]),_:1},8,["aria-hidden","style"]))}});exports.default=V;
 //# sourceMappingURL=kong-icons446.cjs.map

package/dist/kong-icons446.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons446.cjs","sources":["../src/components/multi-color/DockerIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * DockerIcon.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 docker-icon\"\n    data-testid=\"kui-icon-wrapper-docker-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-docker-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=\"M20.0233 9.59753C19.9081 8.76066 19.447 8.03403 18.6152 7.37756L18.1341 7.05183L17.8134 7.53792C17.4025 8.16432 17.197 9.03627 17.2622 9.87315C17.2922 10.1638 17.3874 10.695 17.6831 11.151C17.3874 11.3164 16.8011 11.5369 16.0194 11.5218H1.08595L1.05588 11.6972C0.915565 12.5341 0.915565 15.155 2.59432 17.1645C3.87218 18.6929 5.78146 19.4696 8.27704 19.4696C13.6892 19.4696 17.6881 16.949 19.5673 12.3587C20.304 12.3737 21.8925 12.3637 22.7093 10.7852C22.7294 10.7501 22.7795 10.6549 22.9198 10.3542L23 10.1889L22.544 9.87816C22.0429 9.55243 20.9053 9.42715 20.0233 9.59753ZM13.0277 4H10.7576V6.08968H13.0277V4ZM13.0277 6.51062H10.7576V8.6003H13.0277V6.51062ZM10.3417 6.51062H8.07158V8.6003H10.3417V6.51062ZM7.66066 6.51062H5.39058V8.6003H7.66066V6.51062ZM4.97465 9.02124H2.70457V11.1109H4.97465V9.02124ZM7.66066 9.02124H5.39058V11.1109H7.66066V9.02124ZM10.3417 9.02124H8.07158V11.1109H10.3417V9.02124ZM13.0277 9.02124H10.7576V11.1109H13.0277V9.02124ZM15.7137 9.02124H13.4436V11.1109H15.7137V9.02124Z\"\n        fill=\"#1D63ED\"\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":"25DAaA,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-icons446.cjs","sources":["../src/components/multi-color/DockerIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * DockerIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 23 Sep 2024 18:37:12 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).\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 * 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 docker-icon\"\n    data-testid=\"kui-icon-wrapper-docker-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-docker-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=\"M20.0233 9.59753C19.9081 8.76066 19.447 8.03403 18.6152 7.37756L18.1341 7.05183L17.8134 7.53792C17.4025 8.16432 17.197 9.03627 17.2622 9.87315C17.2922 10.1638 17.3874 10.695 17.6831 11.151C17.3874 11.3164 16.8011 11.5369 16.0194 11.5218H1.08595L1.05588 11.6972C0.915565 12.5341 0.915565 15.155 2.59432 17.1645C3.87218 18.6929 5.78146 19.4696 8.27704 19.4696C13.6892 19.4696 17.6881 16.949 19.5673 12.3587C20.304 12.3737 21.8925 12.3637 22.7093 10.7852C22.7294 10.7501 22.7795 10.6549 22.9198 10.3542L23 10.1889L22.544 9.87816C22.0429 9.55243 20.9053 9.42715 20.0233 9.59753ZM13.0277 4H10.7576V6.08968H13.0277V4ZM13.0277 6.51062H10.7576V8.6003H13.0277V6.51062ZM10.3417 6.51062H8.07158V8.6003H10.3417V6.51062ZM7.66066 6.51062H5.39058V8.6003H7.66066V6.51062ZM4.97465 9.02124H2.70457V11.1109H4.97465V9.02124ZM7.66066 9.02124H5.39058V11.1109H7.66066V9.02124ZM10.3417 9.02124H8.07158V11.1109H10.3417V9.02124ZM13.0277 9.02124H10.7576V11.1109H13.0277V9.02124ZM15.7137 9.02124H13.4436V11.1109H15.7137V9.02124Z\"\n        fill=\"#1D63ED\"\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":"25DAaA,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,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"}

package/dist/kong-icons448.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"),u=t=>(e.pushScopeId("data-v-294f9938"),t=t(),e.popScopeId(),t),v=["aria-hidden"],b={key:0,"data-testid":"kui-icon-svg-title"},_=u(()=>e.createElementVNode("path",{d:"M14.6907 8.5684H15.3007L17.0392 6.77648L17.1246 6.0157C16.1287 5.10965 14.9251 4.48026 13.6276 4.18696C12.33 3.89366 10.9813 3.94615 9.70894 4.33947C8.43655 4.73279 7.28244 5.45395 6.35563 6.43483C5.42883 7.41571 4.75992 8.62392 4.41211 9.94534C4.60579 9.86352 4.82033 9.85025 5.02212 9.90762L8.49915 9.3166C8.49915 9.3166 8.67605 9.0148 8.76755 9.03367C9.51257 8.19031 10.5422 7.67237 11.6456 7.58588C12.749 7.49938 13.8427 7.85088 14.7029 8.5684H14.6907Z",fill:"#EA4335"},null,-1)),N=u(()=>e.createElementVNode("path",{d:"M19.5162 9.94508C19.1166 8.42833 18.2962 7.06478 17.1555 6.02173L14.7155 8.5367C15.224 8.96498 15.6315 9.50669 15.9073 10.121C16.1831 10.7352 16.32 11.4061 16.3076 12.0828V12.5292C16.5928 12.5292 16.8752 12.5871 17.1386 12.6996C17.4021 12.8121 17.6415 12.977 17.8432 13.1848C18.0448 13.3927 18.2048 13.6394 18.3139 13.911C18.423 14.1825 18.4792 14.4736 18.4792 14.7675C18.4792 15.0615 18.423 15.3525 18.3139 15.6241C18.2048 15.8957 18.0448 16.1424 17.8432 16.3503C17.6415 16.5581 17.4021 16.723 17.1386 16.8355C16.8752 16.948 16.5928 17.0059 16.3076 17.0059H11.9644L11.5312 17.4586V20.1433L11.9644 20.5897H16.3076C17.5204 20.5994 18.7041 20.2065 19.6835 19.4691C20.6629 18.7317 21.386 17.689 21.7459 16.4952C22.1057 15.3013 22.0832 14.0198 21.6817 12.8402C21.2801 11.6606 20.5209 10.6455 19.5162 9.94508Z",fill:"#4285F4"},null,-1)),k=u(()=>e.createElementVNode("path",{d:"M7.61501 20.5646H11.9583V16.9807H7.61501C7.30557 16.9807 6.99977 16.9121 6.7183 16.7795L6.1083 16.9745L4.35758 18.7664L4.20508 19.3951C5.18684 20.1592 6.3848 20.5701 7.61501 20.5646Z",fill:"#34A853"},null,-1)),I=u(()=>e.createElementVNode("path",{d:"M7.61491 8.93912C6.4381 8.94637 5.29287 9.33228 4.33918 10.0429C3.38548 10.7536 2.67095 11.7536 2.29538 12.9031C1.91981 14.0527 1.90195 15.2944 2.24431 16.4549C2.58667 17.6154 3.27214 18.6368 4.20498 19.3763L6.7243 16.7795C6.40415 16.6305 6.12387 16.4035 5.90751 16.1183C5.69114 15.833 5.54516 15.4978 5.48208 15.1416C5.41901 14.7854 5.44072 14.4187 5.54536 14.0731C5.64999 13.7274 5.83443 13.4131 6.08285 13.157C6.33126 12.901 6.63624 12.7109 6.97161 12.603C7.30697 12.4952 7.66272 12.4728 8.00832 12.5378C8.35393 12.6028 8.67907 12.7533 8.95585 12.9763C9.23263 13.1993 9.45279 13.4882 9.59743 13.8182L12.1168 11.2215C11.588 10.5089 10.9064 9.93216 10.1255 9.53622C9.34449 9.14029 8.48524 8.93593 7.61491 8.93912Z",fill:"#FBBC05"},null,-1)),x=e.defineComponent({__name:"GoogleCloudIcon",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),C=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:C.value,lineHeight:"0",width:C.value})),m=l=>{if(!l)return;const r=l.querySelector("defs"),s={};r&&r.querySelectorAll("[id]").forEach(n=>{const d=n.getAttribute("id"),a=`${Math.random().toString(36).substring(2,12)}-${d}`;s[d]=a,n.setAttribute("id",a)});const S=["fill","stroke","filter","mask","clip-path","xlink:href","href"],y=n=>{S.forEach(d=>{const a=n.getAttribute(d);if(a){const p=a.replace(/url\(#([^)]+)\)/g,(f,c)=>s[c]?`url(#${s[c]})`:f).replace(/#([^\s]+)/g,(f,c)=>s[c]?`#${s[c]}`:f);p!==a&&n.setAttribute(d,p)}})};l.querySelectorAll("*").forEach(n=>{y(n)})};return e.onMounted(()=>{i.randomizeIds&&o.value&&m(o.value)}),(l,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon google-cloud-icon","data-testid":"kui-icon-wrapper-google-cloud-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-google-cloud-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),_,N,k,I],8,v))]),_:1},8,["aria-hidden","style"]))}});exports.default=x;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("./kong-icons1218.cjs"),u=t=>(e.pushScopeId("data-v-a732d38c"),t=t(),e.popScopeId(),t),v=["aria-hidden"],b={key:0,"data-testid":"kui-icon-svg-title"},_=u(()=>e.createElementVNode("path",{d:"M14.6907 8.5684H15.3007L17.0392 6.77648L17.1246 6.0157C16.1287 5.10965 14.9251 4.48026 13.6276 4.18696C12.33 3.89366 10.9813 3.94615 9.70894 4.33947C8.43655 4.73279 7.28244 5.45395 6.35563 6.43483C5.42883 7.41571 4.75992 8.62392 4.41211 9.94534C4.60579 9.86352 4.82033 9.85025 5.02212 9.90762L8.49915 9.3166C8.49915 9.3166 8.67605 9.0148 8.76755 9.03367C9.51257 8.19031 10.5422 7.67237 11.6456 7.58588C12.749 7.49938 13.8427 7.85088 14.7029 8.5684H14.6907Z",fill:"#EA4335"},null,-1)),N=u(()=>e.createElementVNode("path",{d:"M19.5162 9.94508C19.1166 8.42833 18.2962 7.06478 17.1555 6.02173L14.7155 8.5367C15.224 8.96498 15.6315 9.50669 15.9073 10.121C16.1831 10.7352 16.32 11.4061 16.3076 12.0828V12.5292C16.5928 12.5292 16.8752 12.5871 17.1386 12.6996C17.4021 12.8121 17.6415 12.977 17.8432 13.1848C18.0448 13.3927 18.2048 13.6394 18.3139 13.911C18.423 14.1825 18.4792 14.4736 18.4792 14.7675C18.4792 15.0615 18.423 15.3525 18.3139 15.6241C18.2048 15.8957 18.0448 16.1424 17.8432 16.3503C17.6415 16.5581 17.4021 16.723 17.1386 16.8355C16.8752 16.948 16.5928 17.0059 16.3076 17.0059H11.9644L11.5312 17.4586V20.1433L11.9644 20.5897H16.3076C17.5204 20.5994 18.7041 20.2065 19.6835 19.4691C20.6629 18.7317 21.386 17.689 21.7459 16.4952C22.1057 15.3013 22.0832 14.0198 21.6817 12.8402C21.2801 11.6606 20.5209 10.6455 19.5162 9.94508Z",fill:"#4285F4"},null,-1)),k=u(()=>e.createElementVNode("path",{d:"M7.61501 20.5646H11.9583V16.9807H7.61501C7.30557 16.9807 6.99977 16.9121 6.7183 16.7795L6.1083 16.9745L4.35758 18.7664L4.20508 19.3951C5.18684 20.1592 6.3848 20.5701 7.61501 20.5646Z",fill:"#34A853"},null,-1)),I=u(()=>e.createElementVNode("path",{d:"M7.61491 8.93912C6.4381 8.94637 5.29287 9.33228 4.33918 10.0429C3.38548 10.7536 2.67095 11.7536 2.29538 12.9031C1.91981 14.0527 1.90195 15.2944 2.24431 16.4549C2.58667 17.6154 3.27214 18.6368 4.20498 19.3763L6.7243 16.7795C6.40415 16.6305 6.12387 16.4035 5.90751 16.1183C5.69114 15.833 5.54516 15.4978 5.48208 15.1416C5.41901 14.7854 5.44072 14.4187 5.54536 14.0731C5.64999 13.7274 5.83443 13.4131 6.08285 13.157C6.33126 12.901 6.63624 12.7109 6.97161 12.603C7.30697 12.4952 7.66272 12.4728 8.00832 12.5378C8.35393 12.6028 8.67907 12.7533 8.95585 12.9763C9.23263 13.1993 9.45279 13.4882 9.59743 13.8182L12.1168 11.2215C11.588 10.5089 10.9064 9.93216 10.1255 9.53622C9.34449 9.14029 8.48524 8.93593 7.61491 8.93912Z",fill:"#FBBC05"},null,-1)),x=e.defineComponent({__name:"GoogleCloudIcon",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),C=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:C.value,lineHeight:"0",width:C.value})),m=l=>{if(!l)return;const r=l.querySelector("defs"),s={};r&&r.querySelectorAll("[id]").forEach(n=>{const d=n.getAttribute("id"),a=`${Math.random().toString(36).substring(2,12)}-${d}`;s[d]=a,n.setAttribute("id",a)});const S=["fill","stroke","filter","mask","clip-path","xlink:href","href"],y=n=>{S.forEach(d=>{const a=n.getAttribute(d);if(a){const p=a.replace(/url\(#([^)]+)\)/g,(f,c)=>s[c]?`url(#${s[c]})`:f).replace(/#([^\s]+)/g,(f,c)=>s[c]?`#${s[c]}`:f);p!==a&&n.setAttribute(d,p)}})};l.querySelectorAll("*").forEach(n=>{y(n)})};return e.onMounted(()=>{i.randomizeIds&&o.value&&m(o.value)}),(l,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon google-cloud-icon","data-testid":"kui-icon-wrapper-google-cloud-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-google-cloud-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),_,N,k,I],8,v))]),_:1},8,["aria-hidden","style"]))}});exports.default=x;
 //# sourceMappingURL=kong-icons448.cjs.map

package/dist/kong-icons448.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons448.cjs","sources":["../src/components/multi-color/GoogleCloudIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * GoogleCloudIcon.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 google-cloud-icon\"\n    data-testid=\"kui-icon-wrapper-google-cloud-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-google-cloud-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <path\n        d=\"M14.6907 8.5684H15.3007L17.0392 6.77648L17.1246 6.0157C16.1287 5.10965 14.9251 4.48026 13.6276 4.18696C12.33 3.89366 10.9813 3.94615 9.70894 4.33947C8.43655 4.73279 7.28244 5.45395 6.35563 6.43483C5.42883 7.41571 4.75992 8.62392 4.41211 9.94534C4.60579 9.86352 4.82033 9.85025 5.02212 9.90762L8.49915 9.3166C8.49915 9.3166 8.67605 9.0148 8.76755 9.03367C9.51257 8.19031 10.5422 7.67237 11.6456 7.58588C12.749 7.49938 13.8427 7.85088 14.7029 8.5684H14.6907Z\"\n        fill=\"#EA4335\"\n      />\n      <path\n        d=\"M19.5162 9.94508C19.1166 8.42833 18.2962 7.06478 17.1555 6.02173L14.7155 8.5367C15.224 8.96498 15.6315 9.50669 15.9073 10.121C16.1831 10.7352 16.32 11.4061 16.3076 12.0828V12.5292C16.5928 12.5292 16.8752 12.5871 17.1386 12.6996C17.4021 12.8121 17.6415 12.977 17.8432 13.1848C18.0448 13.3927 18.2048 13.6394 18.3139 13.911C18.423 14.1825 18.4792 14.4736 18.4792 14.7675C18.4792 15.0615 18.423 15.3525 18.3139 15.6241C18.2048 15.8957 18.0448 16.1424 17.8432 16.3503C17.6415 16.5581 17.4021 16.723 17.1386 16.8355C16.8752 16.948 16.5928 17.0059 16.3076 17.0059H11.9644L11.5312 17.4586V20.1433L11.9644 20.5897H16.3076C17.5204 20.5994 18.7041 20.2065 19.6835 19.4691C20.6629 18.7317 21.386 17.689 21.7459 16.4952C22.1057 15.3013 22.0832 14.0198 21.6817 12.8402C21.2801 11.6606 20.5209 10.6455 19.5162 9.94508Z\"\n        fill=\"#4285F4\"\n      />\n      <path\n        d=\"M7.61501 20.5646H11.9583V16.9807H7.61501C7.30557 16.9807 6.99977 16.9121 6.7183 16.7795L6.1083 16.9745L4.35758 18.7664L4.20508 19.3951C5.18684 20.1592 6.3848 20.5701 7.61501 20.5646Z\"\n        fill=\"#34A853\"\n      />\n      <path\n        d=\"M7.61491 8.93912C6.4381 8.94637 5.29287 9.33228 4.33918 10.0429C3.38548 10.7536 2.67095 11.7536 2.29538 12.9031C1.91981 14.0527 1.90195 15.2944 2.24431 16.4549C2.58667 17.6154 3.27214 18.6368 4.20498 19.3763L6.7243 16.7795C6.40415 16.6305 6.12387 16.4035 5.90751 16.1183C5.69114 15.833 5.54516 15.4978 5.48208 15.1416C5.41901 14.7854 5.44072 14.4187 5.54536 14.0731C5.64999 13.7274 5.83443 13.4131 6.08285 13.157C6.33126 12.901 6.63624 12.7109 6.97161 12.603C7.30697 12.4952 7.66272 12.4728 8.00832 12.5378C8.35393 12.6028 8.67907 12.7533 8.95585 12.9763C9.23263 13.1993 9.45279 13.4882 9.59743 13.8182L12.1168 11.2215C11.588 10.5089 10.9064 9.93216 10.1255 9.53622C9.34449 9.14029 8.48524 8.93593 7.61491 8.93912Z\"\n        fill=\"#FBBC05\"\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":"gvGAaA,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-icons448.cjs","sources":["../src/components/multi-color/GoogleCloudIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * GoogleCloudIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 23 Sep 2024 18:37:12 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).\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 * 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 google-cloud-icon\"\n    data-testid=\"kui-icon-wrapper-google-cloud-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-google-cloud-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <path\n        d=\"M14.6907 8.5684H15.3007L17.0392 6.77648L17.1246 6.0157C16.1287 5.10965 14.9251 4.48026 13.6276 4.18696C12.33 3.89366 10.9813 3.94615 9.70894 4.33947C8.43655 4.73279 7.28244 5.45395 6.35563 6.43483C5.42883 7.41571 4.75992 8.62392 4.41211 9.94534C4.60579 9.86352 4.82033 9.85025 5.02212 9.90762L8.49915 9.3166C8.49915 9.3166 8.67605 9.0148 8.76755 9.03367C9.51257 8.19031 10.5422 7.67237 11.6456 7.58588C12.749 7.49938 13.8427 7.85088 14.7029 8.5684H14.6907Z\"\n        fill=\"#EA4335\"\n      />\n      <path\n        d=\"M19.5162 9.94508C19.1166 8.42833 18.2962 7.06478 17.1555 6.02173L14.7155 8.5367C15.224 8.96498 15.6315 9.50669 15.9073 10.121C16.1831 10.7352 16.32 11.4061 16.3076 12.0828V12.5292C16.5928 12.5292 16.8752 12.5871 17.1386 12.6996C17.4021 12.8121 17.6415 12.977 17.8432 13.1848C18.0448 13.3927 18.2048 13.6394 18.3139 13.911C18.423 14.1825 18.4792 14.4736 18.4792 14.7675C18.4792 15.0615 18.423 15.3525 18.3139 15.6241C18.2048 15.8957 18.0448 16.1424 17.8432 16.3503C17.6415 16.5581 17.4021 16.723 17.1386 16.8355C16.8752 16.948 16.5928 17.0059 16.3076 17.0059H11.9644L11.5312 17.4586V20.1433L11.9644 20.5897H16.3076C17.5204 20.5994 18.7041 20.2065 19.6835 19.4691C20.6629 18.7317 21.386 17.689 21.7459 16.4952C22.1057 15.3013 22.0832 14.0198 21.6817 12.8402C21.2801 11.6606 20.5209 10.6455 19.5162 9.94508Z\"\n        fill=\"#4285F4\"\n      />\n      <path\n        d=\"M7.61501 20.5646H11.9583V16.9807H7.61501C7.30557 16.9807 6.99977 16.9121 6.7183 16.7795L6.1083 16.9745L4.35758 18.7664L4.20508 19.3951C5.18684 20.1592 6.3848 20.5701 7.61501 20.5646Z\"\n        fill=\"#34A853\"\n      />\n      <path\n        d=\"M7.61491 8.93912C6.4381 8.94637 5.29287 9.33228 4.33918 10.0429C3.38548 10.7536 2.67095 11.7536 2.29538 12.9031C1.91981 14.0527 1.90195 15.2944 2.24431 16.4549C2.58667 17.6154 3.27214 18.6368 4.20498 19.3763L6.7243 16.7795C6.40415 16.6305 6.12387 16.4035 5.90751 16.1183C5.69114 15.833 5.54516 15.4978 5.48208 15.1416C5.41901 14.7854 5.44072 14.4187 5.54536 14.0731C5.64999 13.7274 5.83443 13.4131 6.08285 13.157C6.33126 12.901 6.63624 12.7109 6.97161 12.603C7.30697 12.4952 7.66272 12.4728 8.00832 12.5378C8.35393 12.6028 8.67907 12.7533 8.95585 12.9763C9.23263 13.1993 9.45279 13.4882 9.59743 13.8182L12.1168 11.2215C11.588 10.5089 10.9064 9.93216 10.1255 9.53622C9.34449 9.14029 8.48524 8.93593 7.61491 8.93912Z\"\n        fill=\"#FBBC05\"\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":"gvGAaA,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,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"}

package/dist/kong-icons45.cjs

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

package/dist/kong-icons450.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),h=require("./kong-icons1218.cjs"),c=t=>(e.pushScopeId("data-v-00de8a69"),t=t(),e.popScopeId(),t),C=["aria-hidden"],b={key:0,"data-testid":"kui-icon-svg-title"},_=c(()=>e.createElementVNode("path",{"clip-rule":"evenodd",d:"M21.2379 12.2828C21.2379 11.5966 21.1763 10.9368 21.062 10.3034H11.9482V14.0466H17.1561C16.9318 15.2562 16.25 16.281 15.2251 16.9672V19.3952H18.3525C20.1823 17.7106 21.2379 15.2298 21.2379 12.2828Z",fill:"#4285F4","fill-rule":"evenodd"},null,-1)),N=c(()=>e.createElementVNode("path",{"clip-rule":"evenodd",d:"M11.9483 21.7397C14.561 21.7397 16.7515 20.8731 18.3525 19.3952L15.2252 16.9673C14.3587 17.5478 13.2503 17.891 11.9483 17.891C9.42791 17.891 7.29463 16.1887 6.53369 13.9015H3.30078V16.4086C4.89305 19.5712 8.16556 21.7397 11.9483 21.7397Z",fill:"#34A853","fill-rule":"evenodd"},null,-1)),k=c(()=>e.createElementVNode("path",{"clip-rule":"evenodd",d:"M6.53366 13.9014C6.34013 13.3208 6.23016 12.7006 6.23016 12.0628C6.23016 11.4251 6.34013 10.8048 6.53366 10.2243V7.7171H3.30074C2.64536 9.02346 2.27148 10.5014 2.27148 12.0628C2.27148 13.6243 2.64536 15.1022 3.30074 16.4086L6.53366 13.9014Z",fill:"#FBBC05","fill-rule":"evenodd"},null,-1)),I=c(()=>e.createElementVNode("path",{"clip-rule":"evenodd",d:"M11.9483 6.23476C13.369 6.23476 14.6446 6.723 15.6475 7.68189L18.4229 4.90641C16.7471 3.34493 14.5566 2.38605 11.9483 2.38605C8.16556 2.38605 4.89305 4.55452 3.30078 7.71705L6.53369 10.2242C7.29463 7.937 9.42791 6.23476 11.9483 6.23476Z",fill:"#EA4335","fill-rule":"evenodd"},null,-1)),x=e.defineComponent({__name:"GoogleIcon",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),p=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:p.value,lineHeight:"0",width:p.value})),v=n=>{if(!n)return;const r=n.querySelector("defs"),a={};r&&r.querySelectorAll("[id]").forEach(l=>{const s=l.getAttribute("id"),d=`${Math.random().toString(36).substring(2,12)}-${s}`;a[s]=d,l.setAttribute("id",d)});const S=["fill","stroke","filter","mask","clip-path","xlink:href","href"],y=l=>{S.forEach(s=>{const d=l.getAttribute(s);if(d){const g=d.replace(/url\(#([^)]+)\)/g,(f,u)=>a[u]?`url(#${a[u]})`:f).replace(/#([^\s]+)/g,(f,u)=>a[u]?`#${a[u]}`:f);g!==d&&l.setAttribute(s,g)}})};n.querySelectorAll("*").forEach(l=>{y(l)})};return e.onMounted(()=>{i.randomizeIds&&o.value&&v(o.value)}),(n,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon google-icon","data-testid":"kui-icon-wrapper-google-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-google-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),_,N,k,I],8,C))]),_:1},8,["aria-hidden","style"]))}});exports.default=x;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),h=require("./kong-icons1218.cjs"),c=t=>(e.pushScopeId("data-v-cd498733"),t=t(),e.popScopeId(),t),C=["aria-hidden"],b={key:0,"data-testid":"kui-icon-svg-title"},_=c(()=>e.createElementVNode("path",{"clip-rule":"evenodd",d:"M21.2379 12.2828C21.2379 11.5966 21.1763 10.9368 21.062 10.3034H11.9482V14.0466H17.1561C16.9318 15.2562 16.25 16.281 15.2251 16.9672V19.3952H18.3525C20.1823 17.7106 21.2379 15.2298 21.2379 12.2828Z",fill:"#4285F4","fill-rule":"evenodd"},null,-1)),N=c(()=>e.createElementVNode("path",{"clip-rule":"evenodd",d:"M11.9483 21.7397C14.561 21.7397 16.7515 20.8731 18.3525 19.3952L15.2252 16.9673C14.3587 17.5478 13.2503 17.891 11.9483 17.891C9.42791 17.891 7.29463 16.1887 6.53369 13.9015H3.30078V16.4086C4.89305 19.5712 8.16556 21.7397 11.9483 21.7397Z",fill:"#34A853","fill-rule":"evenodd"},null,-1)),k=c(()=>e.createElementVNode("path",{"clip-rule":"evenodd",d:"M6.53366 13.9014C6.34013 13.3208 6.23016 12.7006 6.23016 12.0628C6.23016 11.4251 6.34013 10.8048 6.53366 10.2243V7.7171H3.30074C2.64536 9.02346 2.27148 10.5014 2.27148 12.0628C2.27148 13.6243 2.64536 15.1022 3.30074 16.4086L6.53366 13.9014Z",fill:"#FBBC05","fill-rule":"evenodd"},null,-1)),I=c(()=>e.createElementVNode("path",{"clip-rule":"evenodd",d:"M11.9483 6.23476C13.369 6.23476 14.6446 6.723 15.6475 7.68189L18.4229 4.90641C16.7471 3.34493 14.5566 2.38605 11.9483 2.38605C8.16556 2.38605 4.89305 4.55452 3.30078 7.71705L6.53369 10.2242C7.29463 7.937 9.42791 6.23476 11.9483 6.23476Z",fill:"#EA4335","fill-rule":"evenodd"},null,-1)),x=e.defineComponent({__name:"GoogleIcon",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),p=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:p.value,lineHeight:"0",width:p.value})),v=n=>{if(!n)return;const r=n.querySelector("defs"),a={};r&&r.querySelectorAll("[id]").forEach(l=>{const s=l.getAttribute("id"),d=`${Math.random().toString(36).substring(2,12)}-${s}`;a[s]=d,l.setAttribute("id",d)});const S=["fill","stroke","filter","mask","clip-path","xlink:href","href"],y=l=>{S.forEach(s=>{const d=l.getAttribute(s);if(d){const g=d.replace(/url\(#([^)]+)\)/g,(f,u)=>a[u]?`url(#${a[u]})`:f).replace(/#([^\s]+)/g,(f,u)=>a[u]?`#${a[u]}`:f);g!==d&&l.setAttribute(s,g)}})};n.querySelectorAll("*").forEach(l=>{y(l)})};return e.onMounted(()=>{i.randomizeIds&&o.value&&v(o.value)}),(n,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon google-icon","data-testid":"kui-icon-wrapper-google-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-google-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),_,N,k,I],8,C))]),_:1},8,["aria-hidden","style"]))}});exports.default=x;
 //# sourceMappingURL=kong-icons450.cjs.map

package/dist/kong-icons450.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons450.cjs","sources":["../src/components/multi-color/GoogleIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * GoogleIcon.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 google-icon\"\n    data-testid=\"kui-icon-wrapper-google-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-google-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        clip-rule=\"evenodd\"\n        d=\"M21.2379 12.2828C21.2379 11.5966 21.1763 10.9368 21.062 10.3034H11.9482V14.0466H17.1561C16.9318 15.2562 16.25 16.281 15.2251 16.9672V19.3952H18.3525C20.1823 17.7106 21.2379 15.2298 21.2379 12.2828Z\"\n        fill=\"#4285F4\"\n        fill-rule=\"evenodd\"\n      />\n      <path\n        clip-rule=\"evenodd\"\n        d=\"M11.9483 21.7397C14.561 21.7397 16.7515 20.8731 18.3525 19.3952L15.2252 16.9673C14.3587 17.5478 13.2503 17.891 11.9483 17.891C9.42791 17.891 7.29463 16.1887 6.53369 13.9015H3.30078V16.4086C4.89305 19.5712 8.16556 21.7397 11.9483 21.7397Z\"\n        fill=\"#34A853\"\n        fill-rule=\"evenodd\"\n      />\n      <path\n        clip-rule=\"evenodd\"\n        d=\"M6.53366 13.9014C6.34013 13.3208 6.23016 12.7006 6.23016 12.0628C6.23016 11.4251 6.34013 10.8048 6.53366 10.2243V7.7171H3.30074C2.64536 9.02346 2.27148 10.5014 2.27148 12.0628C2.27148 13.6243 2.64536 15.1022 3.30074 16.4086L6.53366 13.9014Z\"\n        fill=\"#FBBC05\"\n        fill-rule=\"evenodd\"\n      />\n      <path\n        clip-rule=\"evenodd\"\n        d=\"M11.9483 6.23476C13.369 6.23476 14.6446 6.723 15.6475 7.68189L18.4229 4.90641C16.7471 3.34493 14.5566 2.38605 11.9483 2.38605C8.16556 2.38605 4.89305 4.55452 3.30078 7.71705L6.53369 10.2242C7.29463 7.937 9.42791 6.23476 11.9483 6.23476Z\"\n        fill=\"#EA4335\"\n        fill-rule=\"evenodd\"\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":"6rEAaA,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-icons450.cjs","sources":["../src/components/multi-color/GoogleIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * GoogleIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 23 Sep 2024 18:37:12 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).\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 * 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 google-icon\"\n    data-testid=\"kui-icon-wrapper-google-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-google-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        clip-rule=\"evenodd\"\n        d=\"M21.2379 12.2828C21.2379 11.5966 21.1763 10.9368 21.062 10.3034H11.9482V14.0466H17.1561C16.9318 15.2562 16.25 16.281 15.2251 16.9672V19.3952H18.3525C20.1823 17.7106 21.2379 15.2298 21.2379 12.2828Z\"\n        fill=\"#4285F4\"\n        fill-rule=\"evenodd\"\n      />\n      <path\n        clip-rule=\"evenodd\"\n        d=\"M11.9483 21.7397C14.561 21.7397 16.7515 20.8731 18.3525 19.3952L15.2252 16.9673C14.3587 17.5478 13.2503 17.891 11.9483 17.891C9.42791 17.891 7.29463 16.1887 6.53369 13.9015H3.30078V16.4086C4.89305 19.5712 8.16556 21.7397 11.9483 21.7397Z\"\n        fill=\"#34A853\"\n        fill-rule=\"evenodd\"\n      />\n      <path\n        clip-rule=\"evenodd\"\n        d=\"M6.53366 13.9014C6.34013 13.3208 6.23016 12.7006 6.23016 12.0628C6.23016 11.4251 6.34013 10.8048 6.53366 10.2243V7.7171H3.30074C2.64536 9.02346 2.27148 10.5014 2.27148 12.0628C2.27148 13.6243 2.64536 15.1022 3.30074 16.4086L6.53366 13.9014Z\"\n        fill=\"#FBBC05\"\n        fill-rule=\"evenodd\"\n      />\n      <path\n        clip-rule=\"evenodd\"\n        d=\"M11.9483 6.23476C13.369 6.23476 14.6446 6.723 15.6475 7.68189L18.4229 4.90641C16.7471 3.34493 14.5566 2.38605 11.9483 2.38605C8.16556 2.38605 4.89305 4.55452 3.30078 7.71705L6.53369 10.2242C7.29463 7.937 9.42791 6.23476 11.9483 6.23476Z\"\n        fill=\"#EA4335\"\n        fill-rule=\"evenodd\"\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":"6rEAaA,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,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"}

package/dist/kong-icons452.cjs

@@ -1,2 +1,2 @@
-"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-8cd43748"),t=t(),e.popScopeId(),t),v=["aria-hidden"],k={key:0,"data-testid":"kui-icon-svg-title"},I=g(()=>e.createElementVNode("path",{d:"M14.2228 17.3167L17.5228 15.4833V2.95556L14.2228 1V10.35H10.0061V6.68333L6.64502 8.51667V21.0444L10.0061 23V13.65H14.2228V17.3167Z",fill:"black"},null,-1)),N=g(()=>e.createElementVNode("path",{d:"M19.1111 3.81111V16.5222L14.2222 19.2111V23L22.1667 18.4167V5.58333L19.1111 3.81111ZM10.0056 1L2 5.58333V18.4167L5.11667 20.1889V7.47778L10.0056 4.78889V1Z",fill:"black"},null,-1)),_=e.defineComponent({__name:"HashicorpIcon",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 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 h.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})),S=l=>{if(!l)return;const i=l.querySelector("defs"),s={};i&&i.querySelectorAll("[id]").forEach(n=>{const c=n.getAttribute("id"),a=`${Math.random().toString(36).substring(2,12)}-${c}`;s[c]=a,n.setAttribute("id",a)});const y=["fill","stroke","filter","mask","clip-path","xlink:href","href"],b=n=>{y.forEach(c=>{const a=n.getAttribute(c);if(a){const p=a.replace(/url\(#([^)]+)\)/g,(u,d)=>s[d]?`url(#${s[d]})`:u).replace(/#([^\s]+)/g,(u,d)=>s[d]?`#${s[d]}`:u);p!==a&&n.setAttribute(c,p)}})};l.querySelectorAll("*").forEach(n=>{b(n)})};return e.onMounted(()=>{r.randomizeIds&&o.value&&S(o.value)}),(l,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon hashicorp-icon","data-testid":"kui-icon-wrapper-hashicorp-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-hashicorp-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,N],8,v))]),_:1},8,["aria-hidden","style"]))}});exports.default=_;
+"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-845f4691"),t=t(),e.popScopeId(),t),v=["aria-hidden"],k={key:0,"data-testid":"kui-icon-svg-title"},I=g(()=>e.createElementVNode("path",{d:"M14.2228 17.3167L17.5228 15.4833V2.95556L14.2228 1V10.35H10.0061V6.68333L6.64502 8.51667V21.0444L10.0061 23V13.65H14.2228V17.3167Z",fill:"black"},null,-1)),N=g(()=>e.createElementVNode("path",{d:"M19.1111 3.81111V16.5222L14.2222 19.2111V23L22.1667 18.4167V5.58333L19.1111 3.81111ZM10.0056 1L2 5.58333V18.4167L5.11667 20.1889V7.47778L10.0056 4.78889V1Z",fill:"black"},null,-1)),_=e.defineComponent({__name:"HashicorpIcon",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 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 h.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})),S=l=>{if(!l)return;const i=l.querySelector("defs"),s={};i&&i.querySelectorAll("[id]").forEach(n=>{const c=n.getAttribute("id"),a=`${Math.random().toString(36).substring(2,12)}-${c}`;s[c]=a,n.setAttribute("id",a)});const y=["fill","stroke","filter","mask","clip-path","xlink:href","href"],b=n=>{y.forEach(c=>{const a=n.getAttribute(c);if(a){const p=a.replace(/url\(#([^)]+)\)/g,(d,u)=>s[u]?`url(#${s[u]})`:d).replace(/#([^\s]+)/g,(d,u)=>s[u]?`#${s[u]}`:d);p!==a&&n.setAttribute(c,p)}})};l.querySelectorAll("*").forEach(n=>{b(n)})};return e.onMounted(()=>{r.randomizeIds&&o.value&&S(o.value)}),(l,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon hashicorp-icon","data-testid":"kui-icon-wrapper-hashicorp-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-hashicorp-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,N],8,v))]),_:1},8,["aria-hidden","style"]))}});exports.default=_;
 //# sourceMappingURL=kong-icons452.cjs.map

package/dist/kong-icons452.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons452.cjs","sources":["../src/components/multi-color/HashicorpIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * HashicorpIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 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 hashicorp-icon\"\n    data-testid=\"kui-icon-wrapper-hashicorp-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-hashicorp-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <path\n        d=\"M14.2228 17.3167L17.5228 15.4833V2.95556L14.2228 1V10.35H10.0061V6.68333L6.64502 8.51667V21.0444L10.0061 23V13.65H14.2228V17.3167Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M19.1111 3.81111V16.5222L14.2222 19.2111V23L22.1667 18.4167V5.58333L19.1111 3.81111ZM10.0056 1L2 5.58333V18.4167L5.11667 20.1889V7.47778L10.0056 4.78889V1Z\"\n        fill=\"black\"\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":"mxCAaA,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-icons452.cjs","sources":["../src/components/multi-color/HashicorpIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * HashicorpIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 23 Sep 2024 18:37:12 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).\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 * 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 hashicorp-icon\"\n    data-testid=\"kui-icon-wrapper-hashicorp-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-hashicorp-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <path\n        d=\"M14.2228 17.3167L17.5228 15.4833V2.95556L14.2228 1V10.35H10.0061V6.68333L6.64502 8.51667V21.0444L10.0061 23V13.65H14.2228V17.3167Z\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M19.1111 3.81111V16.5222L14.2222 19.2111V23L22.1667 18.4167V5.58333L19.1111 3.81111ZM10.0056 1L2 5.58333V18.4167L5.11667 20.1889V7.47778L10.0056 4.78889V1Z\"\n        fill=\"black\"\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":"mxCAaA,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,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"}