@kong/icons 1.11.0 → 1.12.0

package/dist/kong-icons329.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("./kong-icons513.cjs"),s=t=>(e.pushScopeId("data-v-601e1719"),t=t(),e.popScopeId(),t),c=["aria-hidden"],d={key:0,"data-testid":"kui-icon-svg-title"},u=s(()=>e.createElementVNode("path",{d:"M8 17C8.28333 17 8.52083 16.9042 8.7125 16.7125C8.90417 16.5208 9 16.2833 9 16C9 15.7167 8.90417 15.4792 8.7125 15.2875C8.52083 15.0958 8.28333 15 8 15C7.71667 15 7.47917 15.0958 7.2875 15.2875C7.09583 15.4792 7 15.7167 7 16C7 16.2833 7.09583 16.5208 7.2875 16.7125C7.47917 16.9042 7.71667 17 8 17ZM8 13C8.28333 13 8.52083 12.9042 8.7125 12.7125C8.90417 12.5208 9 12.2833 9 12C9 11.7167 8.90417 11.4792 8.7125 11.2875C8.52083 11.0958 8.28333 11 8 11C7.71667 11 7.47917 11.0958 7.2875 11.2875C7.09583 11.4792 7 11.7167 7 12C7 12.2833 7.09583 12.5208 7.2875 12.7125C7.47917 12.9042 7.71667 13 8 13ZM8 9C8.28333 9 8.52083 8.90417 8.7125 8.7125C8.90417 8.52083 9 8.28333 9 8C9 7.71667 8.90417 7.47917 8.7125 7.2875C8.52083 7.09583 8.28333 7 8 7C7.71667 7 7.47917 7.09583 7.2875 7.2875C7.09583 7.47917 7 7.71667 7 8C7 8.28333 7.09583 8.52083 7.2875 8.7125C7.47917 8.90417 7.71667 9 8 9ZM11 17H17V15H11V17ZM11 13H17V11H11V13ZM11 9H17V7H11V9ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z",fill:"currentColor"},null,-1)),C=e.defineComponent({__name:"DocumentListIcon",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:l.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,""),r=Number(i);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return!0}return!1}},as:{type:String,required:!1,default:"span"}},setup(t){const i=t,r=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,""),o=Number(n);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return`${o}px`}return l.KUI_ICON_SIZE_50}),a=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,height:r.value,lineHeight:"0",width:r.value}));return(n,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon document-list-icon","data-testid":"kui-icon-wrapper-document-list-icon",style:e.normalizeStyle(a.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-document-list-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",d,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),u],8,c))]),_:1},8,["aria-hidden","style"]))}});exports.default=C;
+"use strict";
 //# sourceMappingURL=kong-icons329.cjs.map

package/dist/kong-icons329.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons329.cjs","sources":["../src/components/solid/DocumentListIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * DocumentListIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 06 Jun 2024 13:07:45 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n})\n\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  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon document-list-icon\"\n    data-testid=\"kui-icon-wrapper-document-list-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-document-list-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 17C8.28333 17 8.52083 16.9042 8.7125 16.7125C8.90417 16.5208 9 16.2833 9 16C9 15.7167 8.90417 15.4792 8.7125 15.2875C8.52083 15.0958 8.28333 15 8 15C7.71667 15 7.47917 15.0958 7.2875 15.2875C7.09583 15.4792 7 15.7167 7 16C7 16.2833 7.09583 16.5208 7.2875 16.7125C7.47917 16.9042 7.71667 17 8 17ZM8 13C8.28333 13 8.52083 12.9042 8.7125 12.7125C8.90417 12.5208 9 12.2833 9 12C9 11.7167 8.90417 11.4792 8.7125 11.2875C8.52083 11.0958 8.28333 11 8 11C7.71667 11 7.47917 11.0958 7.2875 11.2875C7.09583 11.4792 7 11.7167 7 12C7 12.2833 7.09583 12.5208 7.2875 12.7125C7.47917 12.9042 7.71667 13 8 13ZM8 9C8.28333 9 8.52083 8.90417 8.7125 8.7125C8.90417 8.52083 9 8.28333 9 8C9 7.71667 8.90417 7.47917 8.7125 7.2875C8.52083 7.09583 8.28333 7 8 7C7.71667 7 7.47917 7.09583 7.2875 7.2875C7.09583 7.47917 7 7.71667 7 8C7 8.28333 7.09583 8.52083 7.2875 8.7125C7.47917 8.90417 7.71667 9 8 9ZM11 17H17V15H11V17ZM11 13H17V11H11V13ZM11 9H17V7H11V9ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles"],"mappings":"6mEAaA,MAAMA,EAAQC,EAuDRC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOH,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMI,EAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDK,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,MAAOH,EAAM,MACb,QAASA,EAAM,QACf,OAAQE,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA"}
+{"version":3,"file":"kong-icons329.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/kong-icons33.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons235.cjs");require("./kong-icons236.cjs");const r=require("./kong-icons174.cjs"),t=r.default(e.default,[["__scopeId","data-v-ccea750d"]]);exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons382.cjs");require("./kong-icons383.cjs");const t=require("./kong-icons295.cjs"),u=t.default(e.default,[["__scopeId","data-v-8d7a1a24"]]);exports.default=u;
 //# sourceMappingURL=kong-icons33.cjs.map

package/dist/kong-icons330.cjs

@@ -1,2 +1,2 @@
-"use strict";
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("./kong-icons876.cjs"),a=t=>(e.pushScopeId("data-v-5473bde6"),t=t(),e.popScopeId(),t),c=["aria-hidden"],s={key:0,"data-testid":"kui-icon-svg-title"},u=a(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_1_2251)"},[e.createElementVNode("path",{d:"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M18.7826 8.90651H14.4361C14.7044 8.62554 14.8695 8.24515 14.8695 7.82595C14.8695 6.96152 14.1688 6.26074 13.3043 6.26074C12.7598 6.26074 12.2804 6.53899 12 6.96091C11.7196 6.53899 11.2402 6.26074 10.6957 6.26074C9.83123 6.26074 9.13045 6.96152 9.13045 7.82595C9.13045 8.24515 9.29559 8.62559 9.56391 8.90651H5.21742C5.21742 10.0591 6.22134 10.9934 7.37386 10.9934H7.3043C7.3043 12.1461 8.23866 13.0804 9.39131 13.0804C9.39131 13.4538 9.4897 13.8037 9.66145 14.1067L7.93036 15.8379L9.25852 17.1659L11.1425 15.282C11.2163 15.309 11.2927 15.3307 11.3715 15.3455L10.233 17.9159L12 19.8259L13.767 17.9158L12.6285 15.3454C12.7074 15.3306 12.7837 15.309 12.8575 15.2819L14.7415 17.1658L16.0696 15.8377L14.3385 14.1066C14.5103 13.8036 14.6087 13.4536 14.6087 13.0803C15.7613 13.0803 16.6957 12.146 16.6957 10.9933H16.6261C17.7787 10.9934 18.7826 10.0591 18.7826 8.90651V8.90651Z",fill:"black"})],-1)),p=a(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_1_2251"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),f=e.defineComponent({__name:"FlagAlIcon",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:n.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,""),r=Number(i);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return!0}return!1}},as:{type:String,required:!1,default:"span"}},setup(t){const i=t,r=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,""),o=Number(l);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return`${o}px`}return n.KUI_ICON_SIZE_50}),d=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,height:r.value,lineHeight:"0",width:r.value}));return(l,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-al-icon","data-testid":"kui-icon-wrapper-flag-al-icon",style:e.normalizeStyle(d.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-al-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),u,p],8,c))]),_:1},8,["aria-hidden","style"]))}});exports.default=f;
 //# sourceMappingURL=kong-icons330.cjs.map

package/dist/kong-icons330.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons330.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"kong-icons330.cjs","sources":["../src/components/flags/FlagAlIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagAlIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 06 Jun 2024 15:06:00 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n})\n\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  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-al-icon\"\n    data-testid=\"kui-icon-wrapper-flag-al-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-al-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_1_2251)\">\n        <path\n          d=\"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M18.7826 8.90651H14.4361C14.7044 8.62554 14.8695 8.24515 14.8695 7.82595C14.8695 6.96152 14.1688 6.26074 13.3043 6.26074C12.7598 6.26074 12.2804 6.53899 12 6.96091C11.7196 6.53899 11.2402 6.26074 10.6957 6.26074C9.83123 6.26074 9.13045 6.96152 9.13045 7.82595C9.13045 8.24515 9.29559 8.62559 9.56391 8.90651H5.21742C5.21742 10.0591 6.22134 10.9934 7.37386 10.9934H7.3043C7.3043 12.1461 8.23866 13.0804 9.39131 13.0804C9.39131 13.4538 9.4897 13.8037 9.66145 14.1067L7.93036 15.8379L9.25852 17.1659L11.1425 15.282C11.2163 15.309 11.2927 15.3307 11.3715 15.3455L10.233 17.9159L12 19.8259L13.767 17.9158L12.6285 15.3454C12.7074 15.3306 12.7837 15.309 12.8575 15.2819L14.7415 17.1658L16.0696 15.8377L14.3385 14.1066C14.5103 13.8036 14.6087 13.4536 14.6087 13.0803C15.7613 13.0803 16.6957 12.146 16.6957 10.9933H16.6261C17.7787 10.9934 18.7826 10.0591 18.7826 8.90651V8.90651Z\"\n          fill=\"black\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2251\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles"],"mappings":"unEAaA,MAAMA,EAAQC,EAuDRC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOH,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMI,EAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDK,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,MAAOH,EAAM,MACb,QAASA,EAAM,QACf,OAAQE,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA"}

package/dist/kong-icons331.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("./kong-icons513.cjs"),s=t=>(e.pushScopeId("data-v-50e3aef5"),t=t(),e.popScopeId(),t),c=["aria-hidden"],d={key:0,"data-testid":"kui-icon-svg-title"},u=s(()=>e.createElementVNode("path",{d:"M7 17H14V15H7V17ZM7 13H17V11H7V13ZM7 9H17V7H7V9ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z",fill:"currentColor"},null,-1)),p=e.defineComponent({__name:"DocumentIcon",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:a.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,""),r=Number(i);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return!0}return!1}},as:{type:String,required:!1,default:"span"}},setup(t){const i=t,r=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,""),o=Number(n);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return`${o}px`}return a.KUI_ICON_SIZE_50}),l=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,height:r.value,lineHeight:"0",width:r.value}));return(n,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon document-icon","data-testid":"kui-icon-wrapper-document-icon",style:e.normalizeStyle(l.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-document-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",d,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),u],8,c))]),_:1},8,["aria-hidden","style"]))}});exports.default=p;
+"use strict";
 //# sourceMappingURL=kong-icons331.cjs.map

package/dist/kong-icons331.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons331.cjs","sources":["../src/components/solid/DocumentIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * DocumentIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 06 Jun 2024 13:07:45 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n})\n\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  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon document-icon\"\n    data-testid=\"kui-icon-wrapper-document-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-document-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 17H14V15H7V17ZM7 13H17V11H7V13ZM7 9H17V7H7V9ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles"],"mappings":"kvCAaA,MAAMA,EAAQC,EAuDRC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOH,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMI,EAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDK,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,MAAOH,EAAM,MACb,QAASA,EAAM,QACf,OAAQE,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA"}
+{"version":3,"file":"kong-icons331.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/kong-icons332.cjs

@@ -1,2 +1,2 @@
-"use strict";
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("./kong-icons876.cjs"),n=t=>(e.pushScopeId("data-v-5c69ad56"),t=t(),e.popScopeId(),t),c=["aria-hidden"],s={key:0,"data-testid":"kui-icon-svg-title"},u=n(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_1_2259)"},[e.createElementVNode("path",{d:"M24 11.9999C24 10.532 23.736 9.1259 23.2536 7.82596L12 7.3042L0.746391 7.82592C0.264047 9.1259 0 10.532 0 11.9999C0 13.4677 0.264047 14.8738 0.746391 16.1737L12 16.6955L23.2536 16.1738C23.736 14.8738 24 13.4677 24 11.9999Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738H0.746399C2.44191 20.7434 6.84043 23.9999 12 23.9999Z",fill:"#FF9811"}),e.createElementVNode("path",{d:"M0.746399 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0C6.84043 0 2.44191 3.2565 0.746399 7.82611V7.82611Z",fill:"#D80027"})],-1)),p=n(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_1_2259"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),f=e.defineComponent({__name:"FlagAmIcon",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:a.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,""),r=Number(i);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return!0}return!1}},as:{type:String,required:!1,default:"span"}},setup(t){const i=t,r=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,""),o=Number(l);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return`${o}px`}return a.KUI_ICON_SIZE_50}),d=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,height:r.value,lineHeight:"0",width:r.value}));return(l,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-am-icon","data-testid":"kui-icon-wrapper-flag-am-icon",style:e.normalizeStyle(d.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-am-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),u,p],8,c))]),_:1},8,["aria-hidden","style"]))}});exports.default=f;
 //# sourceMappingURL=kong-icons332.cjs.map

package/dist/kong-icons332.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons332.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"kong-icons332.cjs","sources":["../src/components/flags/FlagAmIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagAmIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 06 Jun 2024 15:06:00 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n})\n\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  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-am-icon\"\n    data-testid=\"kui-icon-wrapper-flag-am-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-am-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_1_2259)\">\n        <path\n          d=\"M24 11.9999C24 10.532 23.736 9.1259 23.2536 7.82596L12 7.3042L0.746391 7.82592C0.264047 9.1259 0 10.532 0 11.9999C0 13.4677 0.264047 14.8738 0.746391 16.1737L12 16.6955L23.2536 16.1738C23.736 14.8738 24 13.4677 24 11.9999Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738H0.746399C2.44191 20.7434 6.84043 23.9999 12 23.9999Z\"\n          fill=\"#FF9811\"\n        />\n        <path\n          d=\"M0.746399 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0C6.84043 0 2.44191 3.2565 0.746399 7.82611V7.82611Z\"\n          fill=\"#D80027\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2259\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles"],"mappings":"6oDAaA,MAAMA,EAAQC,EAuDRC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOH,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMI,EAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDK,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,MAAOH,EAAM,MACb,QAASA,EAAM,QACf,OAAQE,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA"}

package/dist/kong-icons333.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("./kong-icons513.cjs"),d=t=>(e.pushScopeId("data-v-d2436a0c"),t=t(),e.popScopeId(),t),s=["aria-hidden"],c={key:0,"data-testid":"kui-icon-svg-title"},u=d(()=>e.createElementVNode("path",{d:"M12 16L7 11L8.4 9.55L11 12.15V4H13V12.15L15.6 9.55L17 11L12 16ZM6 20C5.45 20 4.97917 19.8042 4.5875 19.4125C4.19583 19.0208 4 18.55 4 18V15H6V18H18V15H20V18C20 18.55 19.8042 19.0208 19.4125 19.4125C19.0208 19.8042 18.55 20 18 20H6Z",fill:"currentColor"},null,-1)),p=e.defineComponent({__name:"DownloadIcon",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:a.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"}},setup(t){const i=t,o=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 a.KUI_ICON_SIZE_50}),l=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,height:o.value,lineHeight:"0",width:o.value}));return(n,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon download-icon","data-testid":"kui-icon-wrapper-download-icon",style:e.normalizeStyle(l.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-download-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",c,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),u],8,s))]),_:1},8,["aria-hidden","style"]))}});exports.default=p;
+"use strict";
 //# sourceMappingURL=kong-icons333.cjs.map

package/dist/kong-icons333.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons333.cjs","sources":["../src/components/solid/DownloadIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * DownloadIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 06 Jun 2024 13:07:45 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n})\n\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  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon download-icon\"\n    data-testid=\"kui-icon-wrapper-download-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-download-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <path\n        d=\"M12 16L7 11L8.4 9.55L11 12.15V4H13V12.15L15.6 9.55L17 11L12 16ZM6 20C5.45 20 4.97917 19.8042 4.5875 19.4125C4.19583 19.0208 4 18.55 4 18V15H6V18H18V15H20V18C20 18.55 19.8042 19.0208 19.4125 19.4125C19.0208 19.8042 18.55 20 18 20H6Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles"],"mappings":"ynCAaA,MAAMA,EAAQC,EAuDRC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOH,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMI,EAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDK,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,MAAOH,EAAM,MACb,QAASA,EAAM,QACf,OAAQE,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA"}
+{"version":3,"file":"kong-icons333.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/kong-icons334.cjs

@@ -1,2 +1,2 @@
-"use strict";
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("./kong-icons876.cjs"),n=t=>(e.pushScopeId("data-v-6bfad0a2"),t=t(),e.popScopeId(),t),c=["aria-hidden"],s={key:0,"data-testid":"kui-icon-svg-title"},u=n(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_1_2255)"},[e.createElementVNode("path",{d:"M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12C23.4783 12 12 13.5652 12 13.5652L0 12Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12",fill:"black"}),e.createElementVNode("path",{d:"M10.3546 9.54414L11.3719 10.2824L10.9842 11.4781L12.0007 10.7386L13.0181 11.4769L12.629 10.2816L13.6454 9.54217L12.3884 9.54292L11.9992 8.34766L11.6115 9.54334L10.3546 9.54414Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M15 6.80381C14.0544 6.25785 13.0205 6.00018 12 6.00196V7.56684C12.7543 7.56548 13.5184 7.75579 14.2174 8.15938C16.3351 9.38207 17.0633 12.0997 15.8406 14.2174C14.6179 16.3351 11.9003 17.0633 9.78257 15.8407C9.1656 15.4844 8.66756 15.0008 8.30043 14.4427L6.99374 15.3053C7.49048 16.0604 8.16529 16.7142 8.99999 17.1961C11.8652 18.8503 15.5419 17.8651 17.1961 14.9999C18.8503 12.1348 17.8652 8.45803 15 6.80381V6.80381Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M8.54016 10.9565C8.12531 11.7149 8.40385 12.6661 9.16219 13.0809L14.2457 15.8587C13.9 16.4907 14.0836 17.2598 14.7156 17.6055L16.0888 18.3567C16.7207 18.7024 17.5134 18.4703 17.8591 17.8384L18.6103 16.4652L8.54016 10.9565Z",fill:"#FFDA44"})],-1)),p=n(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_1_2255"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),f=e.defineComponent({__name:"FlagAoIcon",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:a.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,""),r=Number(i);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return!0}return!1}},as:{type:String,required:!1,default:"span"}},setup(t){const i=t,r=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,""),o=Number(l);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return`${o}px`}return a.KUI_ICON_SIZE_50}),d=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,height:r.value,lineHeight:"0",width:r.value}));return(l,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-ao-icon","data-testid":"kui-icon-wrapper-flag-ao-icon",style:e.normalizeStyle(d.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-ao-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),u,p],8,c))]),_:1},8,["aria-hidden","style"]))}});exports.default=f;
 //# sourceMappingURL=kong-icons334.cjs.map

package/dist/kong-icons334.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons334.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"kong-icons334.cjs","sources":["../src/components/flags/FlagAoIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagAoIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 06 Jun 2024 15:06:00 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n})\n\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  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-ao-icon\"\n    data-testid=\"kui-icon-wrapper-flag-ao-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-ao-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_1_2255)\">\n        <path\n          d=\"M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12C23.4783 12 12 13.5652 12 13.5652L0 12Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M10.3546 9.54414L11.3719 10.2824L10.9842 11.4781L12.0007 10.7386L13.0181 11.4769L12.629 10.2816L13.6454 9.54217L12.3884 9.54292L11.9992 8.34766L11.6115 9.54334L10.3546 9.54414Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M15 6.80381C14.0544 6.25785 13.0205 6.00018 12 6.00196V7.56684C12.7543 7.56548 13.5184 7.75579 14.2174 8.15938C16.3351 9.38207 17.0633 12.0997 15.8406 14.2174C14.6179 16.3351 11.9003 17.0633 9.78257 15.8407C9.1656 15.4844 8.66756 15.0008 8.30043 14.4427L6.99374 15.3053C7.49048 16.0604 8.16529 16.7142 8.99999 17.1961C11.8652 18.8503 15.5419 17.8651 17.1961 14.9999C18.8503 12.1348 17.8652 8.45803 15 6.80381V6.80381Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M8.54016 10.9565C8.12531 11.7149 8.40385 12.6661 9.16219 13.0809L14.2457 15.8587C13.9 16.4907 14.0836 17.2598 14.7156 17.6055L16.0888 18.3567C16.7207 18.7024 17.5134 18.4703 17.8591 17.8384L18.6103 16.4652L8.54016 10.9565Z\"\n          fill=\"#FFDA44\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2255\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles"],"mappings":"owEAaA,MAAMA,EAAQC,EAuDRC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOH,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMI,EAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDK,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,MAAOH,EAAM,MACb,QAASA,EAAM,QACf,OAAQE,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA"}

package/dist/kong-icons335.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("./kong-icons513.cjs"),d=t=>(e.pushScopeId("data-v-7e9e0df6"),t=t(),e.popScopeId(),t),s=["aria-hidden"],c={key:0,"data-testid":"kui-icon-svg-title"},u=d(()=>e.createElementVNode("path",{d:"M9 20C8.45 20 7.97917 19.8042 7.5875 19.4125C7.19583 19.0208 7 18.55 7 18C7 17.45 7.19583 16.9792 7.5875 16.5875C7.97917 16.1958 8.45 16 9 16C9.55 16 10.0208 16.1958 10.4125 16.5875C10.8042 16.9792 11 17.45 11 18C11 18.55 10.8042 19.0208 10.4125 19.4125C10.0208 19.8042 9.55 20 9 20ZM15 20C14.45 20 13.9792 19.8042 13.5875 19.4125C13.1958 19.0208 13 18.55 13 18C13 17.45 13.1958 16.9792 13.5875 16.5875C13.9792 16.1958 14.45 16 15 16C15.55 16 16.0208 16.1958 16.4125 16.5875C16.8042 16.9792 17 17.45 17 18C17 18.55 16.8042 19.0208 16.4125 19.4125C16.0208 19.8042 15.55 20 15 20ZM9 14C8.45 14 7.97917 13.8042 7.5875 13.4125C7.19583 13.0208 7 12.55 7 12C7 11.45 7.19583 10.9792 7.5875 10.5875C7.97917 10.1958 8.45 10 9 10C9.55 10 10.0208 10.1958 10.4125 10.5875C10.8042 10.9792 11 11.45 11 12C11 12.55 10.8042 13.0208 10.4125 13.4125C10.0208 13.8042 9.55 14 9 14ZM15 14C14.45 14 13.9792 13.8042 13.5875 13.4125C13.1958 13.0208 13 12.55 13 12C13 11.45 13.1958 10.9792 13.5875 10.5875C13.9792 10.1958 14.45 10 15 10C15.55 10 16.0208 10.1958 16.4125 10.5875C16.8042 10.9792 17 11.45 17 12C17 12.55 16.8042 13.0208 16.4125 13.4125C16.0208 13.8042 15.55 14 15 14ZM9 8C8.45 8 7.97917 7.80417 7.5875 7.4125C7.19583 7.02083 7 6.55 7 6C7 5.45 7.19583 4.97917 7.5875 4.5875C7.97917 4.19583 8.45 4 9 4C9.55 4 10.0208 4.19583 10.4125 4.5875C10.8042 4.97917 11 5.45 11 6C11 6.55 10.8042 7.02083 10.4125 7.4125C10.0208 7.80417 9.55 8 9 8ZM15 8C14.45 8 13.9792 7.80417 13.5875 7.4125C13.1958 7.02083 13 6.55 13 6C13 5.45 13.1958 4.97917 13.5875 4.5875C13.9792 4.19583 14.45 4 15 4C15.55 4 16.0208 4.19583 16.4125 4.5875C16.8042 4.97917 17 5.45 17 6C17 6.55 16.8042 7.02083 16.4125 7.4125C16.0208 7.80417 15.55 8 15 8Z",fill:"currentColor"},null,-1)),C=e.defineComponent({__name:"DragIcon",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:a.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,""),r=Number(i);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return!0}return!1}},as:{type:String,required:!1,default:"span"}},setup(t){const i=t,r=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,""),o=Number(n);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return`${o}px`}return a.KUI_ICON_SIZE_50}),l=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,height:r.value,lineHeight:"0",width:r.value}));return(n,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon drag-icon","data-testid":"kui-icon-wrapper-drag-icon",style:e.normalizeStyle(l.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-drag-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",c,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),u],8,s))]),_:1},8,["aria-hidden","style"]))}});exports.default=C;
+"use strict";
 //# sourceMappingURL=kong-icons335.cjs.map

package/dist/kong-icons335.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons335.cjs","sources":["../src/components/solid/DragIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * DragIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 06 Jun 2024 13:07:45 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n})\n\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  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon drag-icon\"\n    data-testid=\"kui-icon-wrapper-drag-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-drag-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <path\n        d=\"M9 20C8.45 20 7.97917 19.8042 7.5875 19.4125C7.19583 19.0208 7 18.55 7 18C7 17.45 7.19583 16.9792 7.5875 16.5875C7.97917 16.1958 8.45 16 9 16C9.55 16 10.0208 16.1958 10.4125 16.5875C10.8042 16.9792 11 17.45 11 18C11 18.55 10.8042 19.0208 10.4125 19.4125C10.0208 19.8042 9.55 20 9 20ZM15 20C14.45 20 13.9792 19.8042 13.5875 19.4125C13.1958 19.0208 13 18.55 13 18C13 17.45 13.1958 16.9792 13.5875 16.5875C13.9792 16.1958 14.45 16 15 16C15.55 16 16.0208 16.1958 16.4125 16.5875C16.8042 16.9792 17 17.45 17 18C17 18.55 16.8042 19.0208 16.4125 19.4125C16.0208 19.8042 15.55 20 15 20ZM9 14C8.45 14 7.97917 13.8042 7.5875 13.4125C7.19583 13.0208 7 12.55 7 12C7 11.45 7.19583 10.9792 7.5875 10.5875C7.97917 10.1958 8.45 10 9 10C9.55 10 10.0208 10.1958 10.4125 10.5875C10.8042 10.9792 11 11.45 11 12C11 12.55 10.8042 13.0208 10.4125 13.4125C10.0208 13.8042 9.55 14 9 14ZM15 14C14.45 14 13.9792 13.8042 13.5875 13.4125C13.1958 13.0208 13 12.55 13 12C13 11.45 13.1958 10.9792 13.5875 10.5875C13.9792 10.1958 14.45 10 15 10C15.55 10 16.0208 10.1958 16.4125 10.5875C16.8042 10.9792 17 11.45 17 12C17 12.55 16.8042 13.0208 16.4125 13.4125C16.0208 13.8042 15.55 14 15 14ZM9 8C8.45 8 7.97917 7.80417 7.5875 7.4125C7.19583 7.02083 7 6.55 7 6C7 5.45 7.19583 4.97917 7.5875 4.5875C7.97917 4.19583 8.45 4 9 4C9.55 4 10.0208 4.19583 10.4125 4.5875C10.8042 4.97917 11 5.45 11 6C11 6.55 10.8042 7.02083 10.4125 7.4125C10.0208 7.80417 9.55 8 9 8ZM15 8C14.45 8 13.9792 7.80417 13.5875 7.4125C13.1958 7.02083 13 6.55 13 6C13 5.45 13.1958 4.97917 13.5875 4.5875C13.9792 4.19583 14.45 4 15 4C15.55 4 16.0208 4.19583 16.4125 4.5875C16.8042 4.97917 17 5.45 17 6C17 6.55 16.8042 7.02083 16.4125 7.4125C16.0208 7.80417 15.55 8 15 8Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles"],"mappings":"kjFAaA,MAAMA,EAAQC,EAuDRC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOH,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMI,EAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDK,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,MAAOH,EAAM,MACb,QAASA,EAAM,QACf,OAAQE,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA"}
+{"version":3,"file":"kong-icons335.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/kong-icons336.cjs

@@ -1,2 +1,2 @@
-"use strict";
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("./kong-icons876.cjs"),n=t=>(e.pushScopeId("data-v-fc514c64"),t=t(),e.popScopeId(),t),c=["aria-hidden"],s={key:0,"data-testid":"kui-icon-svg-title"},u=n(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_1_2258)"},[e.createElementVNode("path",{d:"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M12 0C7.24245 0 3.1317 2.76867 1.1907 6.78262H22.8092C20.8683 2.76867 16.7575 0 12 0V0Z",fill:"#338AF3"}),e.createElementVNode("path",{d:"M12 23.9999C16.7575 23.9999 20.8683 21.2312 22.8093 17.2173H1.1907C3.1317 21.2312 7.24245 23.9999 12 23.9999Z",fill:"#338AF3"}),e.createElementVNode("path",{d:"M15.5866 11.9998L14.1211 12.6892L14.9015 14.1085L13.3101 13.804L13.1085 15.4117L12 14.2293L10.8915 15.4117L10.6899 13.804L9.09849 14.1085L9.87886 12.6891L8.41336 11.9998L9.87891 11.3104L9.09849 9.89111L10.6898 10.1955L10.8915 8.58789L12 9.77027L13.1085 8.58789L13.3101 10.1955L14.9016 9.89111L14.1211 11.3104L15.5866 11.9998Z",fill:"#FFDA44"})],-1)),p=n(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_1_2258"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),f=e.defineComponent({__name:"FlagArIcon",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:a.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,""),r=Number(i);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return!0}return!1}},as:{type:String,required:!1,default:"span"}},setup(t){const i=t,r=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,""),o=Number(l);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return`${o}px`}return a.KUI_ICON_SIZE_50}),d=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,height:r.value,lineHeight:"0",width:r.value}));return(l,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-ar-icon","data-testid":"kui-icon-wrapper-flag-ar-icon",style:e.normalizeStyle(d.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-ar-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),u,p],8,c))]),_:1},8,["aria-hidden","style"]))}});exports.default=f;
 //# sourceMappingURL=kong-icons336.cjs.map

package/dist/kong-icons336.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons336.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"kong-icons336.cjs","sources":["../src/components/flags/FlagArIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagArIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 06 Jun 2024 15:06:00 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n})\n\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  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-ar-icon\"\n    data-testid=\"kui-icon-wrapper-flag-ar-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-ar-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_1_2258)\">\n        <path\n          d=\"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M12 0C7.24245 0 3.1317 2.76867 1.1907 6.78262H22.8092C20.8683 2.76867 16.7575 0 12 0V0Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M12 23.9999C16.7575 23.9999 20.8683 21.2312 22.8093 17.2173H1.1907C3.1317 21.2312 7.24245 23.9999 12 23.9999Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M15.5866 11.9998L14.1211 12.6892L14.9015 14.1085L13.3101 13.804L13.1085 15.4117L12 14.2293L10.8915 15.4117L10.6899 13.804L9.09849 14.1085L9.87886 12.6891L8.41336 11.9998L9.87891 11.3104L9.09849 9.89111L10.6898 10.1955L10.8915 8.58789L12 9.77027L13.1085 8.58789L13.3101 10.1955L14.9016 9.89111L14.1211 11.3104L15.5866 11.9998Z\"\n          fill=\"#FFDA44\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2258\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles"],"mappings":"k4DAaA,MAAMA,EAAQC,EAuDRC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOH,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMI,EAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDK,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,MAAOH,EAAM,MACb,QAASA,EAAM,QACf,OAAQE,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA"}

package/dist/kong-icons337.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("./kong-icons513.cjs"),d=t=>(e.pushScopeId("data-v-000a58eb"),t=t(),e.popScopeId(),t),s=["aria-hidden"],c={key:0,"data-testid":"kui-icon-svg-title"},u=d(()=>e.createElementVNode("path",{d:"M5 19H6.4L15.025 10.375L13.625 8.975L5 17.6V19ZM19.3 8.925L15.05 4.725L16.45 3.325C16.8333 2.94167 17.3042 2.75 17.8625 2.75C18.4208 2.75 18.8917 2.94167 19.275 3.325L20.675 4.725C21.0583 5.10833 21.2583 5.57083 21.275 6.1125C21.2917 6.65417 21.1083 7.11667 20.725 7.5L19.3 8.925ZM17.85 10.4L7.25 21H3V16.75L13.6 6.15L17.85 10.4Z",fill:"currentColor"},null,-1)),p=e.defineComponent({__name:"EditIcon",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:a.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,""),r=Number(i);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return!0}return!1}},as:{type:String,required:!1,default:"span"}},setup(t){const i=t,r=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,""),o=Number(n);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return`${o}px`}return a.KUI_ICON_SIZE_50}),l=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,height:r.value,lineHeight:"0",width:r.value}));return(n,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon edit-icon","data-testid":"kui-icon-wrapper-edit-icon",style:e.normalizeStyle(l.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-edit-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",c,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),u],8,s))]),_:1},8,["aria-hidden","style"]))}});exports.default=p;
+"use strict";
 //# sourceMappingURL=kong-icons337.cjs.map

package/dist/kong-icons337.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons337.cjs","sources":["../src/components/solid/EditIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * EditIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 06 Jun 2024 13:07:45 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n})\n\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  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon edit-icon\"\n    data-testid=\"kui-icon-wrapper-edit-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-edit-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=\"M5 19H6.4L15.025 10.375L13.625 8.975L5 17.6V19ZM19.3 8.925L15.05 4.725L16.45 3.325C16.8333 2.94167 17.3042 2.75 17.8625 2.75C18.4208 2.75 18.8917 2.94167 19.275 3.325L20.675 4.725C21.0583 5.10833 21.2583 5.57083 21.275 6.1125C21.2917 6.65417 21.1083 7.11667 20.725 7.5L19.3 8.925ZM17.85 10.4L7.25 21H3V16.75L13.6 6.15L17.85 10.4Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles"],"mappings":"utCAaA,MAAMA,EAAQC,EAuDRC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOH,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMI,EAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDK,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,MAAOH,EAAM,MACb,QAASA,EAAM,QACf,OAAQE,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA"}
+{"version":3,"file":"kong-icons337.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/kong-icons338.cjs

@@ -1,2 +1,2 @@
-"use strict";
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("./kong-icons876.cjs"),n=t=>(e.pushScopeId("data-v-a1b73d18"),t=t(),e.popScopeId(),t),c=["aria-hidden"],s={key:0,"data-testid":"kui-icon-svg-title"},u=n(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_1_2253)"},[e.createElementVNode("path",{d:"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M17.8217 1.50525C16.0974 0.54675 14.1127 0 12 0C5.37309 0 0.00084375 5.37178 0 11.9986L8.34783 7.82611L17.8217 1.50525Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M0 12.0015C0.00084375 18.6283 5.37309 24.0001 12 24.0001C14.1127 24.0001 16.0974 23.4534 17.8217 22.4948L8.34783 16.1739L0 12.0015Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M18.8217 2.12721C18.4994 1.90414 18.1654 1.69667 17.8213 1.50537L0 11.9985V11.9999C0 11.9999 0 12.0009 0 12.0013L17.8213 22.4944C18.1655 22.3031 18.4994 22.0957 18.8218 21.8726L2.05416 11.9999L18.8217 2.12721Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M20.8695 11.5526H19.4401C19.8118 11.1063 19.7889 10.4424 19.3702 10.0238C19.8137 9.58029 19.8137 8.86118 19.3702 8.4176L19.3434 8.44441C19.7869 8.00093 19.8137 7.25501 19.3702 6.81152L12.9457 13.236C13.3892 13.6796 14.0957 13.6743 14.5392 13.2308L14.6628 13.1178L17.7391 12.8381V14.1612H18.7826V12.7432L20.3478 12.601L20.8695 11.5526Z",fill:"#A2001D"}),e.createElementVNode("path",{d:"M13.0439 14.6089L12 14.0872L13.0439 13.5654H19.8264V14.6089H13.0439Z",fill:"#FFDA44"})],-1)),p=n(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_1_2253"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),f=e.defineComponent({__name:"FlagAsIcon",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:a.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,""),r=Number(i);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return!0}return!1}},as:{type:String,required:!1,default:"span"}},setup(t){const i=t,r=e.computed(()=>{if(typeof i.size=="number"&&i.size>0)return`${i.size}px`;if(typeof i.size=="string"){const o=String(i.size).replace(/px/gi,""),l=Number(o);if(l&&!isNaN(l)&&Number.isInteger(l)&&l>0)return`${l}px`}return a.KUI_ICON_SIZE_50}),d=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,height:r.value,lineHeight:"0",width:r.value}));return(o,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-as-icon","data-testid":"kui-icon-wrapper-flag-as-icon",style:e.normalizeStyle(d.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-as-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),u,p],8,c))]),_:1},8,["aria-hidden","style"]))}});exports.default=f;
 //# sourceMappingURL=kong-icons338.cjs.map

package/dist/kong-icons338.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons338.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"kong-icons338.cjs","sources":["../src/components/flags/FlagAsIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagAsIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 06 Jun 2024 15:06:00 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n})\n\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  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-as-icon\"\n    data-testid=\"kui-icon-wrapper-flag-as-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-as-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_1_2253)\">\n        <path\n          d=\"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M17.8217 1.50525C16.0974 0.54675 14.1127 0 12 0C5.37309 0 0.00084375 5.37178 0 11.9986L8.34783 7.82611L17.8217 1.50525Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M0 12.0015C0.00084375 18.6283 5.37309 24.0001 12 24.0001C14.1127 24.0001 16.0974 23.4534 17.8217 22.4948L8.34783 16.1739L0 12.0015Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M18.8217 2.12721C18.4994 1.90414 18.1654 1.69667 17.8213 1.50537L0 11.9985V11.9999C0 11.9999 0 12.0009 0 12.0013L17.8213 22.4944C18.1655 22.3031 18.4994 22.0957 18.8218 21.8726L2.05416 11.9999L18.8217 2.12721Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M20.8695 11.5526H19.4401C19.8118 11.1063 19.7889 10.4424 19.3702 10.0238C19.8137 9.58029 19.8137 8.86118 19.3702 8.4176L19.3434 8.44441C19.7869 8.00093 19.8137 7.25501 19.3702 6.81152L12.9457 13.236C13.3892 13.6796 14.0957 13.6743 14.5392 13.2308L14.6628 13.1178L17.7391 12.8381V14.1612H18.7826V12.7432L20.3478 12.601L20.8695 11.5526Z\"\n          fill=\"#A2001D\"\n        />\n        <path\n          d=\"M13.0439 14.6089L12 14.0872L13.0439 13.5654H19.8264V14.6089H13.0439Z\"\n          fill=\"#FFDA44\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2253\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles"],"mappings":"4zEAaA,MAAMA,EAAQC,EAuDRC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOH,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMI,EAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDK,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,MAAOH,EAAM,MACb,QAASA,EAAM,QACf,OAAQE,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA"}

package/dist/kong-icons339.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("./kong-icons513.cjs"),s=t=>(e.pushScopeId("data-v-10ede110"),t=t(),e.popScopeId(),t),d=["aria-hidden"],c={key:0,"data-testid":"kui-icon-svg-title"},u=s(()=>e.createElementVNode("path",{d:"M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12V13.45C22 14.4333 21.6625 15.2708 20.9875 15.9625C20.3125 16.6542 19.4833 17 18.5 17C17.9167 17 17.3667 16.875 16.85 16.625C16.3333 16.375 15.9 16.0167 15.55 15.55C15.0667 16.0333 14.5208 16.3958 13.9125 16.6375C13.3042 16.8792 12.6667 17 12 17C10.6167 17 9.4375 16.5125 8.4625 15.5375C7.4875 14.5625 7 13.3833 7 12C7 10.6167 7.4875 9.4375 8.4625 8.4625C9.4375 7.4875 10.6167 7 12 7C13.3833 7 14.5625 7.4875 15.5375 8.4625C16.5125 9.4375 17 10.6167 17 12V13.45C17 13.8833 17.1417 14.25 17.425 14.55C17.7083 14.85 18.0667 15 18.5 15C18.9333 15 19.2917 14.85 19.575 14.55C19.8583 14.25 20 13.8833 20 13.45V12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20H17V22H12ZM12 15C12.8333 15 13.5417 14.7083 14.125 14.125C14.7083 13.5417 15 12.8333 15 12C15 11.1667 14.7083 10.4583 14.125 9.875C13.5417 9.29167 12.8333 9 12 9C11.1667 9 10.4583 9.29167 9.875 9.875C9.29167 10.4583 9 11.1667 9 12C9 12.8333 9.29167 13.5417 9.875 14.125C10.4583 14.7083 11.1667 15 12 15Z",fill:"currentColor"},null,-1)),C=e.defineComponent({__name:"EmailIcon",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:a.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,""),r=Number(i);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return!0}return!1}},as:{type:String,required:!1,default:"span"}},setup(t){const i=t,r=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,""),o=Number(n);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return`${o}px`}return a.KUI_ICON_SIZE_50}),l=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,height:r.value,lineHeight:"0",width:r.value}));return(n,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon email-icon","data-testid":"kui-icon-wrapper-email-icon",style:e.normalizeStyle(l.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-email-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",c,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),u],8,d))]),_:1},8,["aria-hidden","style"]))}});exports.default=C;
+"use strict";
 //# sourceMappingURL=kong-icons339.cjs.map

package/dist/kong-icons339.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons339.cjs","sources":["../src/components/solid/EmailIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * EmailIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 06 Jun 2024 13:07:45 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n})\n\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  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon email-icon\"\n    data-testid=\"kui-icon-wrapper-email-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-email-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <path\n        d=\"M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12V13.45C22 14.4333 21.6625 15.2708 20.9875 15.9625C20.3125 16.6542 19.4833 17 18.5 17C17.9167 17 17.3667 16.875 16.85 16.625C16.3333 16.375 15.9 16.0167 15.55 15.55C15.0667 16.0333 14.5208 16.3958 13.9125 16.6375C13.3042 16.8792 12.6667 17 12 17C10.6167 17 9.4375 16.5125 8.4625 15.5375C7.4875 14.5625 7 13.3833 7 12C7 10.6167 7.4875 9.4375 8.4625 8.4625C9.4375 7.4875 10.6167 7 12 7C13.3833 7 14.5625 7.4875 15.5375 8.4625C16.5125 9.4375 17 10.6167 17 12V13.45C17 13.8833 17.1417 14.25 17.425 14.55C17.7083 14.85 18.0667 15 18.5 15C18.9333 15 19.2917 14.85 19.575 14.55C19.8583 14.25 20 13.8833 20 13.45V12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20H17V22H12ZM12 15C12.8333 15 13.5417 14.7083 14.125 14.125C14.7083 13.5417 15 12.8333 15 12C15 11.1667 14.7083 10.4583 14.125 9.875C13.5417 9.29167 12.8333 9 12 9C11.1667 9 10.4583 9.29167 9.875 9.875C9.29167 10.4583 9 11.1667 9 12C9 12.8333 9.29167 13.5417 9.875 14.125C10.4583 14.7083 11.1667 15 12 15Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles"],"mappings":"g6EAaA,MAAMA,EAAQC,EAuDRC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOH,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMI,EAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDK,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,MAAOH,EAAM,MACb,QAASA,EAAM,QACf,OAAQE,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA"}
+{"version":3,"file":"kong-icons339.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/kong-icons34.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons237.cjs");require("./kong-icons238.cjs");const t=require("./kong-icons174.cjs"),r=t.default(e.default,[["__scopeId","data-v-903950b6"]]);exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons384.cjs");require("./kong-icons385.cjs");const t=require("./kong-icons295.cjs"),u=t.default(e.default,[["__scopeId","data-v-784bc13a"]]);exports.default=u;
 //# sourceMappingURL=kong-icons34.cjs.map

package/dist/kong-icons340.cjs

@@ -1,2 +1,2 @@
-"use strict";
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("./kong-icons876.cjs"),a=t=>(e.pushScopeId("data-v-c6682ee4"),t=t(),e.popScopeId(),t),c=["aria-hidden"],s={key:0,"data-testid":"kui-icon-svg-title"},u=a(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_1_2262)"},[e.createElementVNode("path",{d:"M23.2536 16.174C23.736 14.874 24 13.4679 24 12.0001C24 10.5322 23.736 9.12623 23.2536 7.8262L12 6.78271L0.746391 7.8262C0.264047 9.12623 0 10.5322 0 12.0001C0 13.4679 0.264047 14.874 0.746391 16.174L12 17.2175L23.2536 16.174Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M12 23.9999C17.1595 23.9999 21.5581 20.7434 23.2536 16.1738H0.746338C2.4419 20.7434 6.84037 23.9999 12 23.9999Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M12 0C6.84037 0 2.4419 3.2565 0.746338 7.82611H23.2536C21.5581 3.2565 17.1595 0 12 0Z",fill:"#D80027"})],-1)),p=a(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_1_2262"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),f=e.defineComponent({__name:"FlagAtIcon",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:n.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,""),r=Number(i);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return!0}return!1}},as:{type:String,required:!1,default:"span"}},setup(t){const i=t,r=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,""),o=Number(l);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return`${o}px`}return n.KUI_ICON_SIZE_50}),d=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,height:r.value,lineHeight:"0",width:r.value}));return(l,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-at-icon","data-testid":"kui-icon-wrapper-flag-at-icon",style:e.normalizeStyle(d.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-at-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),u,p],8,c))]),_:1},8,["aria-hidden","style"]))}});exports.default=f;
 //# sourceMappingURL=kong-icons340.cjs.map

package/dist/kong-icons340.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons340.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"kong-icons340.cjs","sources":["../src/components/flags/FlagAtIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagAtIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 06 Jun 2024 15:06:00 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n})\n\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  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-at-icon\"\n    data-testid=\"kui-icon-wrapper-flag-at-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-at-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_1_2262)\">\n        <path\n          d=\"M23.2536 16.174C23.736 14.874 24 13.4679 24 12.0001C24 10.5322 23.736 9.12623 23.2536 7.8262L12 6.78271L0.746391 7.8262C0.264047 9.12623 0 10.5322 0 12.0001C0 13.4679 0.264047 14.874 0.746391 16.174L12 17.2175L23.2536 16.174Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M12 23.9999C17.1595 23.9999 21.5581 20.7434 23.2536 16.1738H0.746338C2.4419 20.7434 6.84037 23.9999 12 23.9999Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M12 0C6.84037 0 2.4419 3.2565 0.746338 7.82611H23.2536C21.5581 3.2565 17.1595 0 12 0Z\"\n          fill=\"#D80027\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2262\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles"],"mappings":"0nDAaA,MAAMA,EAAQC,EAuDRC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOH,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMI,EAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDK,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,MAAOH,EAAM,MACb,QAASA,EAAM,QACf,OAAQE,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA"}

package/dist/kong-icons341.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("./kong-icons513.cjs"),s=t=>(e.pushScopeId("data-v-b2815c05"),t=t(),e.popScopeId(),t),u=["aria-hidden"],c={key:0,"data-testid":"kui-icon-svg-title"},d=s(()=>e.createElementVNode("path",{d:"M4 17V14H20V17H4ZM4 10V7H20V10H4Z",fill:"currentColor"},null,-1)),p=e.defineComponent({__name:"EqualIcon",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:a.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,""),r=Number(i);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return!0}return!1}},as:{type:String,required:!1,default:"span"}},setup(t){const i=t,r=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,""),o=Number(n);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return`${o}px`}return a.KUI_ICON_SIZE_50}),l=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,height:r.value,lineHeight:"0",width:r.value}));return(n,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon equal-icon","data-testid":"kui-icon-wrapper-equal-icon",style:e.normalizeStyle(l.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-equal-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",c,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),d],8,u))]),_:1},8,["aria-hidden","style"]))}});exports.default=p;
+"use strict";
 //# sourceMappingURL=kong-icons341.cjs.map

package/dist/kong-icons341.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons341.cjs","sources":["../src/components/solid/EqualIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * EqualIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 06 Jun 2024 13:07:45 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n})\n\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  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon equal-icon\"\n    data-testid=\"kui-icon-wrapper-equal-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-equal-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <path\n        d=\"M4 17V14H20V17H4ZM4 10V7H20V10H4Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles"],"mappings":"g7BAaA,MAAMA,EAAQC,EAuDRC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOH,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMI,EAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDK,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,MAAOH,EAAM,MACb,QAASA,EAAM,QACf,OAAQE,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA"}
+{"version":3,"file":"kong-icons341.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/kong-icons342.cjs

@@ -1,2 +1,2 @@
-"use strict";
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("./kong-icons876.cjs"),n=t=>(e.pushScopeId("data-v-cfe83946"),t=t(),e.popScopeId(),t),L=["aria-hidden"],c={key:0,"data-testid":"kui-icon-svg-title"},s=n(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_246_3694)"},[e.createElementVNode("path",{d:"M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0028 12 0.00135937 12 0C18.6274 0 24 5.37262 24 12Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M12.0001 0C11.9994 0 11.9987 4.6875e-05 11.998 4.6875e-05L12.0001 0Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M11.9678 12H11.9999C11.9999 11.9891 11.9999 11.9787 11.9999 11.9679C11.9892 11.9786 11.9785 11.9893 11.9678 12Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M12 6.26092C12 4.14944 12 2.76583 12 6.10352e-05H11.998C5.3715 0.00113916 0 5.37325 0 12H6.26086V8.47445L9.78642 12H11.9679C11.9787 11.9893 11.9894 11.9786 12 11.9679C12 11.1595 12 10.4381 12 9.78653L8.47444 6.26092H12Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M6.07124 1.56522C4.19441 2.63392 2.63413 4.1942 1.56543 6.07103V12H4.69588V4.69572V4.69567H12.0002C12.0002 3.70834 12.0002 2.76775 12.0002 1.56522H6.07124Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M12.0003 10.5244L7.7369 6.26098H6.26123C6.26123 6.26093 6.26123 6.26098 6.26123 6.26098L12.0003 12H12.0003C12.0003 12 12.0003 10.9826 12.0003 10.5244Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M7.23729 14.087L7.89588 15.4641L9.38309 15.1203L8.71709 16.4939L9.91305 17.4423L8.42398 17.7779L8.42815 19.3043L7.23729 18.3494L6.04648 19.3043L6.05065 17.7779L4.56152 17.4423L5.75754 16.4939L5.09145 15.1203L6.57874 15.4641L7.23729 14.087Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M17.9663 16.6956L18.2956 17.3842L19.0392 17.2123L18.7062 17.8991L19.3042 18.3733L18.5596 18.5411L18.5617 19.3043L17.9663 18.8268L17.3709 19.3043L17.3729 18.5411L16.6284 18.3733L17.2264 17.8991L16.8934 17.2123L17.637 17.3842L17.9663 16.6956Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M14.9033 9.39133L15.2326 10.0799L15.9762 9.90798L15.6432 10.5947L16.2412 11.069L15.4967 11.2368L15.4987 12L14.9033 11.5225L14.3079 12L14.3099 11.2368L13.5654 11.069L14.1634 10.5947L13.8304 9.90798L14.574 10.0799L14.9033 9.39133Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M17.9663 5.21738L18.2956 5.90597L19.0392 5.73408L18.7062 6.42085L19.3041 6.89503L18.5596 7.06289L18.5617 7.82611L17.9663 7.3486L17.3709 7.82611L17.3729 7.06289L16.6284 6.89503L17.2264 6.42085L16.8934 5.73408L17.637 5.90597L17.9663 5.21738Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M20.6421 8.34784L20.9714 9.03643L21.715 8.8645L21.382 9.55126L21.98 10.0255L21.2354 10.1934L21.2375 10.9565L20.6421 10.4791L20.0467 10.9565L20.0487 10.1934L19.3042 10.0255L19.9022 9.55126L19.5692 8.8645L20.3128 9.03643L20.6421 8.34784Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M18.729 12L18.988 12.7972H19.8262L19.1481 13.2899L19.4072 14.087L18.729 13.5943L18.0509 14.087L18.3099 13.2899L17.6318 12.7972H18.47L18.729 12Z",fill:"#F0F0F0"})],-1)),u=n(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_246_3694"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),p=e.defineComponent({__name:"FlagAuIcon",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:o.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const i=String(t).replace(/px/gi,""),l=Number(i);if(l&&!isNaN(l)&&Number.isInteger(l)&&l>0)return!0}return!1}},as:{type:String,required:!1,default:"span"}},setup(t){const i=t,l=e.computed(()=>{if(typeof i.size=="number"&&i.size>0)return`${i.size}px`;if(typeof i.size=="string"){const a=String(i.size).replace(/px/gi,""),r=Number(a);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return`${r}px`}return o.KUI_ICON_SIZE_50}),d=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,height:l.value,lineHeight:"0",width:l.value}));return(a,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-au-icon","data-testid":"kui-icon-wrapper-flag-au-icon",style:e.normalizeStyle(d.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-au-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",c,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),s,u],8,L))]),_:1},8,["aria-hidden","style"]))}});exports.default=p;
 //# sourceMappingURL=kong-icons342.cjs.map

package/dist/kong-icons342.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons342.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"kong-icons342.cjs","sources":["../src/components/flags/FlagAuIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagAuIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 06 Jun 2024 15:06:00 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n})\n\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  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-au-icon\"\n    data-testid=\"kui-icon-wrapper-flag-au-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-au-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_246_3694)\">\n        <path\n          d=\"M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0028 12 0.00135937 12 0C18.6274 0 24 5.37262 24 12Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M12.0001 0C11.9994 0 11.9987 4.6875e-05 11.998 4.6875e-05L12.0001 0Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M11.9678 12H11.9999C11.9999 11.9891 11.9999 11.9787 11.9999 11.9679C11.9892 11.9786 11.9785 11.9893 11.9678 12Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M12 6.26092C12 4.14944 12 2.76583 12 6.10352e-05H11.998C5.3715 0.00113916 0 5.37325 0 12H6.26086V8.47445L9.78642 12H11.9679C11.9787 11.9893 11.9894 11.9786 12 11.9679C12 11.1595 12 10.4381 12 9.78653L8.47444 6.26092H12Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M6.07124 1.56522C4.19441 2.63392 2.63413 4.1942 1.56543 6.07103V12H4.69588V4.69572V4.69567H12.0002C12.0002 3.70834 12.0002 2.76775 12.0002 1.56522H6.07124Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M12.0003 10.5244L7.7369 6.26098H6.26123C6.26123 6.26093 6.26123 6.26098 6.26123 6.26098L12.0003 12H12.0003C12.0003 12 12.0003 10.9826 12.0003 10.5244Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M7.23729 14.087L7.89588 15.4641L9.38309 15.1203L8.71709 16.4939L9.91305 17.4423L8.42398 17.7779L8.42815 19.3043L7.23729 18.3494L6.04648 19.3043L6.05065 17.7779L4.56152 17.4423L5.75754 16.4939L5.09145 15.1203L6.57874 15.4641L7.23729 14.087Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M17.9663 16.6956L18.2956 17.3842L19.0392 17.2123L18.7062 17.8991L19.3042 18.3733L18.5596 18.5411L18.5617 19.3043L17.9663 18.8268L17.3709 19.3043L17.3729 18.5411L16.6284 18.3733L17.2264 17.8991L16.8934 17.2123L17.637 17.3842L17.9663 16.6956Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M14.9033 9.39133L15.2326 10.0799L15.9762 9.90798L15.6432 10.5947L16.2412 11.069L15.4967 11.2368L15.4987 12L14.9033 11.5225L14.3079 12L14.3099 11.2368L13.5654 11.069L14.1634 10.5947L13.8304 9.90798L14.574 10.0799L14.9033 9.39133Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M17.9663 5.21738L18.2956 5.90597L19.0392 5.73408L18.7062 6.42085L19.3041 6.89503L18.5596 7.06289L18.5617 7.82611L17.9663 7.3486L17.3709 7.82611L17.3729 7.06289L16.6284 6.89503L17.2264 6.42085L16.8934 5.73408L17.637 5.90597L17.9663 5.21738Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M20.6421 8.34784L20.9714 9.03643L21.715 8.8645L21.382 9.55126L21.98 10.0255L21.2354 10.1934L21.2375 10.9565L20.6421 10.4791L20.0467 10.9565L20.0487 10.1934L19.3042 10.0255L19.9022 9.55126L19.5692 8.8645L20.3128 9.03643L20.6421 8.34784Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M18.729 12L18.988 12.7972H19.8262L19.1481 13.2899L19.4072 14.087L18.729 13.5943L18.0509 14.087L18.3099 13.2899L17.6318 12.7972H18.47L18.729 12Z\"\n          fill=\"#F0F0F0\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_246_3694\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles"],"mappings":"owHAaA,MAAMA,EAAQC,EAuDRC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOH,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMI,EAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDK,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,MAAOH,EAAM,MACb,QAASA,EAAM,QACf,OAAQE,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA"}

package/dist/kong-icons343.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("./kong-icons513.cjs"),d=t=>(e.pushScopeId("data-v-ef320c18"),t=t(),e.popScopeId(),t),s=["aria-hidden"],c={key:0,"data-testid":"kui-icon-svg-title"},u=d(()=>e.createElementVNode("path",{d:"M3 21V13H5V17.6L17.6 5H13V3H21V11H19V6.4L6.4 19H11V21H3Z",fill:"currentColor"},null,-1)),p=e.defineComponent({__name:"ExpandIcon",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:a.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,""),r=Number(i);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return!0}return!1}},as:{type:String,required:!1,default:"span"}},setup(t){const i=t,r=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,""),o=Number(n);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return`${o}px`}return a.KUI_ICON_SIZE_50}),l=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,height:r.value,lineHeight:"0",width:r.value}));return(n,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon expand-icon","data-testid":"kui-icon-wrapper-expand-icon",style:e.normalizeStyle(l.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-expand-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",c,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),u],8,s))]),_:1},8,["aria-hidden","style"]))}});exports.default=p;
+"use strict";
 //# sourceMappingURL=kong-icons343.cjs.map

package/dist/kong-icons343.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons343.cjs","sources":["../src/components/solid/ExpandIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * ExpandIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 06 Jun 2024 13:07:45 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n})\n\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  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon expand-icon\"\n    data-testid=\"kui-icon-wrapper-expand-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-expand-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <path\n        d=\"M3 21V13H5V17.6L17.6 5H13V3H21V11H19V6.4L6.4 19H11V21H3Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles"],"mappings":"w8BAaA,MAAMA,EAAQC,EAuDRC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOH,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMI,EAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDK,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,MAAOH,EAAM,MACb,QAASA,EAAM,QACf,OAAQE,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA"}
+{"version":3,"file":"kong-icons343.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/kong-icons344.cjs

@@ -1,2 +1,2 @@
-"use strict";
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("./kong-icons876.cjs"),n=t=>(e.pushScopeId("data-v-3080c7a3"),t=t(),e.popScopeId(),t),c=["aria-hidden"],s={key:0,"data-testid":"kui-icon-svg-title"},u=n(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_1_2260)"},[e.createElementVNode("path",{d:"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M12 24.0001C15.6371 24.0001 18.896 22.3818 21.0966 19.8262H2.90338C5.10402 22.3818 8.36291 24.0001 12 24.0001Z",fill:"#338AF3"}),e.createElementVNode("path",{d:"M24 12C24 5.37262 18.6274 0 12 0C5.37262 0 0 5.37262 0 12C0 13.0831 0.144375 14.1323 0.413391 15.1305H23.5867C23.8556 14.1323 24 13.0831 24 12Z",fill:"#338AF3"}),e.createElementVNode("path",{d:"M0.953857 16.6958C1.18519 17.2394 1.45561 17.7621 1.76128 18.261H22.2387C22.5444 17.7621 22.8148 17.2393 23.0462 16.6958H0.953857Z",fill:"#338AF3"}),e.createElementVNode("path",{d:"M5.49922 7.56868L3.15472 6.53396L5.49922 5.49924L6.5339 3.15479L7.56857 5.49924L9.91302 6.53396L7.56857 7.56868L6.5339 9.91313L5.49922 7.56868Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M6.5339 4.44678L7.17285 5.8947L8.62082 6.53375L7.17285 7.17275L6.5339 8.62067L5.89485 7.17275L4.44693 6.53375L5.89485 5.8947L6.5339 4.44678Z",fill:"#D80027"})],-1)),p=n(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_1_2260"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),f=e.defineComponent({__name:"FlagAwIcon",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:a.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,""),r=Number(i);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return!0}return!1}},as:{type:String,required:!1,default:"span"}},setup(t){const i=t,r=e.computed(()=>{if(typeof i.size=="number"&&i.size>0)return`${i.size}px`;if(typeof i.size=="string"){const o=String(i.size).replace(/px/gi,""),l=Number(o);if(l&&!isNaN(l)&&Number.isInteger(l)&&l>0)return`${l}px`}return a.KUI_ICON_SIZE_50}),d=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,height:r.value,lineHeight:"0",width:r.value}));return(o,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-aw-icon","data-testid":"kui-icon-wrapper-flag-aw-icon",style:e.normalizeStyle(d.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-aw-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),u,p],8,c))]),_:1},8,["aria-hidden","style"]))}});exports.default=f;
 //# sourceMappingURL=kong-icons344.cjs.map

package/dist/kong-icons344.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons344.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"kong-icons344.cjs","sources":["../src/components/flags/FlagAwIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagAwIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 06 Jun 2024 15:06:00 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n})\n\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  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-aw-icon\"\n    data-testid=\"kui-icon-wrapper-flag-aw-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-aw-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_1_2260)\">\n        <path\n          d=\"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M12 24.0001C15.6371 24.0001 18.896 22.3818 21.0966 19.8262H2.90338C5.10402 22.3818 8.36291 24.0001 12 24.0001Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M24 12C24 5.37262 18.6274 0 12 0C5.37262 0 0 5.37262 0 12C0 13.0831 0.144375 14.1323 0.413391 15.1305H23.5867C23.8556 14.1323 24 13.0831 24 12Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M0.953857 16.6958C1.18519 17.2394 1.45561 17.7621 1.76128 18.261H22.2387C22.5444 17.7621 22.8148 17.2393 23.0462 16.6958H0.953857Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M5.49922 7.56868L3.15472 6.53396L5.49922 5.49924L6.5339 3.15479L7.56857 5.49924L9.91302 6.53396L7.56857 7.56868L6.5339 9.91313L5.49922 7.56868Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M6.5339 4.44678L7.17285 5.8947L8.62082 6.53375L7.17285 7.17275L6.5339 8.62067L5.89485 7.17275L4.44693 6.53375L5.89485 5.8947L6.5339 4.44678Z\"\n          fill=\"#D80027\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2260\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles"],"mappings":"ynEAaA,MAAMA,EAAQC,EAuDRC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOH,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMI,EAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDK,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,MAAOH,EAAM,MACb,QAASA,EAAM,QACf,OAAQE,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA"}

package/dist/kong-icons345.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("./kong-icons513.cjs"),s=t=>(e.pushScopeId("data-v-6f356970"),t=t(),e.popScopeId(),t),d=["aria-hidden"],c={key:0,"data-testid":"kui-icon-svg-title"},u=s(()=>e.createElementVNode("path",{d:"M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H12V5H5V19H19V12H21V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM9.7 15.7L8.3 14.3L17.6 5H14V3H21V10H19V6.4L9.7 15.7Z",fill:"currentColor"},null,-1)),p=e.defineComponent({__name:"ExternalLinkIcon",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:l.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,""),r=Number(i);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return!0}return!1}},as:{type:String,required:!1,default:"span"}},setup(t){const i=t,r=e.computed(()=>{if(typeof i.size=="number"&&i.size>0)return`${i.size}px`;if(typeof i.size=="string"){const o=String(i.size).replace(/px/gi,""),n=Number(o);if(n&&!isNaN(n)&&Number.isInteger(n)&&n>0)return`${n}px`}return l.KUI_ICON_SIZE_50}),a=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,height:r.value,lineHeight:"0",width:r.value}));return(o,n)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon external-link-icon","data-testid":"kui-icon-wrapper-external-link-icon",style:e.normalizeStyle(a.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-external-link-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",c,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),u],8,d))]),_:1},8,["aria-hidden","style"]))}});exports.default=p;
+"use strict";
 //# sourceMappingURL=kong-icons345.cjs.map

package/dist/kong-icons345.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons345.cjs","sources":["../src/components/solid/ExternalLinkIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * ExternalLinkIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 06 Jun 2024 13:07:45 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n})\n\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  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon external-link-icon\"\n    data-testid=\"kui-icon-wrapper-external-link-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-external-link-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=\"M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H12V5H5V19H19V12H21V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM9.7 15.7L8.3 14.3L17.6 5H14V3H21V10H19V6.4L9.7 15.7Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles"],"mappings":"urCAaA,MAAMA,EAAQC,EAuDRC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOH,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMI,EAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDK,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,MAAOH,EAAM,MACb,QAASA,EAAM,QACf,OAAQE,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA"}
+{"version":3,"file":"kong-icons345.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}