@kong/icons 1.15.2-pr.372.02611df.0 → 1.15.2-pr.379.4c7109f.0

package/dist/kong-icons.es663.js

@@ -1,6 +1,6 @@
 import { defineComponent as f, computed as n, openBlock as o, createBlock as p, resolveDynamicComponent as h, normalizeStyle as g, withCtx as m, createElementBlock as s, toDisplayString as C, createCommentVNode as y, pushScopeId as S, popScopeId as v, createElementVNode as t } from "vue";
 import { KUI_ICON_SIZE_50 as d } from "./kong-icons.es1215.js";
-const c = (e) => (S("data-v-f9f8ac29"), e = e(), v(), e), N = ["aria-hidden"], b = {
+const c = (e) => (S("data-v-a3018b2d"), e = e(), v(), e), b = ["aria-hidden"], N = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, _ = /* @__PURE__ */ c(() => /* @__PURE__ */ t("g", { "clip-path": "url(#clip0_1_2357)" }, [
@@ -123,10 +123,10 @@ const c = (e) => (S("data-v-f9f8ac29"), e = e(), v(), e), N = ["aria-hidden"], b
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (o(), s("title", b, C(e.title), 1)) : y("", !0),
+          e.title ? (o(), s("title", N, C(e.title), 1)) : y("", !0),
           _,
           w
-        ], 8, N))
+        ], 8, b))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style"]));

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es663.js","sources":["../src/components/flags/FlagIsIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagIsIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 23 Sep 2024 15:07:43 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  flexShrink: '0',\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-is-icon\"\n    data-testid=\"kui-icon-wrapper-flag-is-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-is-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_2357)\">\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=\"M0.413391 15.1304C1.1077 17.7066 2.63794 19.9394 4.69566 21.5205V15.1304H0.413391Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M10.9565 23.9543C11.3005 23.9839 11.6483 23.9999 12 23.9999C17.5443 23.9999 22.2096 20.2396 23.5866 15.1304H10.9565V23.9543Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M23.5866 8.86955C22.2096 3.76036 17.5443 0 12 0C11.6483 0 11.3005 0.0160312 10.9565 0.0456562V8.86955H23.5866Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M4.69566 2.47949C2.63794 4.06059 1.1077 6.29338 0.413391 8.86959H4.69566V2.47949Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M23.8984 10.4347H9.39136H9.39131V0.285156C8.28234 0.531062 7.23098 0.929641 6.26086 1.459V10.4347H0.101578C0.0347813 10.9471 0 11.4694 0 11.9999C0 12.5304 0.0347813 13.0528 0.101578 13.5651H6.26081H6.26086V22.5408C7.23098 23.0701 8.28234 23.4688 9.39131 23.7146V13.5653V13.5652H23.8984C23.9651 13.0528 24 12.5304 24 11.9999C24 11.4694 23.9651 10.9471 23.8984 10.4347V10.4347Z\"\n          fill=\"#D80027\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2357\">\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,UAAMA,IAAQC,GAuDRC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MAExB;AAGO,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA+B;AAAA,MAChE,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,IAChB,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es663.js","sources":["../src/components/flags/FlagIsIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagIsIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 23 Sep 2024 15:07:26 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  flexShrink: '0',\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-is-icon\"\n    data-testid=\"kui-icon-wrapper-flag-is-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-is-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_2357)\">\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=\"M0.413391 15.1304C1.1077 17.7066 2.63794 19.9394 4.69566 21.5205V15.1304H0.413391Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M10.9565 23.9543C11.3005 23.9839 11.6483 23.9999 12 23.9999C17.5443 23.9999 22.2096 20.2396 23.5866 15.1304H10.9565V23.9543Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M23.5866 8.86955C22.2096 3.76036 17.5443 0 12 0C11.6483 0 11.3005 0.0160312 10.9565 0.0456562V8.86955H23.5866Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M4.69566 2.47949C2.63794 4.06059 1.1077 6.29338 0.413391 8.86959H4.69566V2.47949Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M23.8984 10.4347H9.39136H9.39131V0.285156C8.28234 0.531062 7.23098 0.929641 6.26086 1.459V10.4347H0.101578C0.0347813 10.9471 0 11.4694 0 11.9999C0 12.5304 0.0347813 13.0528 0.101578 13.5651H6.26081H6.26086V22.5408C7.23098 23.0701 8.28234 23.4688 9.39131 23.7146V13.5653V13.5652H23.8984C23.9651 13.0528 24 12.5304 24 11.9999C24 11.4694 23.9651 10.9471 23.8984 10.4347V10.4347Z\"\n          fill=\"#D80027\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2357\">\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,UAAMA,IAAQC,GAuDRC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MAExB;AAGO,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA+B;AAAA,MAChE,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,IAChB,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es665.js

@@ -1,6 +1,6 @@
 import { defineComponent as f, computed as n, openBlock as a, createBlock as p, resolveDynamicComponent as g, normalizeStyle as h, withCtx as m, createElementBlock as s, toDisplayString as y, createCommentVNode as S, pushScopeId as v, popScopeId as C, createElementVNode as r } from "vue";
 import { KUI_ICON_SIZE_50 as d } from "./kong-icons.es1215.js";
-const c = (e) => (v("data-v-72724f44"), e = e(), C(), e), N = ["aria-hidden"], b = {
+const c = (e) => (v("data-v-1a795016"), e = e(), C(), e), N = ["aria-hidden"], b = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, _ = /* @__PURE__ */ c(() => /* @__PURE__ */ r("g", { "clip-path": "url(#clip0_1_2365)" }, [

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es665.js","sources":["../src/components/flags/FlagItIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagItIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 23 Sep 2024 15:07:43 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  flexShrink: '0',\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-it-icon\"\n    data-testid=\"kui-icon-wrapper-flag-it-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-it-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_2365)\">\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=\"M24 12.0002C24 6.84061 20.7435 2.4421 16.1739 0.746582V23.2538C20.7435 21.5583 24 17.1598 24 12.0002V12.0002Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M0 12.0002C0 17.1598 3.2565 21.5583 7.82611 23.2538V0.746582C3.2565 2.4421 0 6.84061 0 12.0002Z\"\n          fill=\"#6DA544\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2365\">\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,UAAMA,IAAQC,GAuDRC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MAExB;AAGO,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA+B;AAAA,MAChE,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,IAChB,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es665.js","sources":["../src/components/flags/FlagItIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagItIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 23 Sep 2024 15:07:26 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  flexShrink: '0',\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-it-icon\"\n    data-testid=\"kui-icon-wrapper-flag-it-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-it-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_2365)\">\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=\"M24 12.0002C24 6.84061 20.7435 2.4421 16.1739 0.746582V23.2538C20.7435 21.5583 24 17.1598 24 12.0002V12.0002Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M0 12.0002C0 17.1598 3.2565 21.5583 7.82611 23.2538V0.746582C3.2565 2.4421 0 6.84061 0 12.0002Z\"\n          fill=\"#6DA544\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2365\">\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,UAAMA,IAAQC,GAuDRC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MAExB;AAGO,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA+B;AAAA,MAChE,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,IAChB,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es667.js

@@ -1,9 +1,9 @@
 import { defineComponent as f, computed as n, openBlock as l, createBlock as p, resolveDynamicComponent as h, normalizeStyle as g, withCtx as m, createElementBlock as d, toDisplayString as y, createCommentVNode as C, pushScopeId as S, popScopeId as L, createElementVNode as i } from "vue";
 import { KUI_ICON_SIZE_50 as s } from "./kong-icons.es1215.js";
-const c = (e) => (S("data-v-e3634f04"), e = e(), L(), e), v = ["aria-hidden"], N = {
+const c = (e) => (S("data-v-0cbf9134"), e = e(), L(), e), v = ["aria-hidden"], b = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
-}, b = /* @__PURE__ */ c(() => /* @__PURE__ */ i("g", { "clip-path": "url(#clip0_1_2369)" }, [
+}, N = /* @__PURE__ */ c(() => /* @__PURE__ */ i("g", { "clip-path": "url(#clip0_1_2369)" }, [
   /* @__PURE__ */ i("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"
@@ -115,8 +115,8 @@ const c = (e) => (S("data-v-e3634f04"), e = e(), L(), e), v = ["aria-hidden"], N
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (l(), d("title", N, y(e.title), 1)) : C("", !0),
-          b,
+          e.title ? (l(), d("title", b, y(e.title), 1)) : C("", !0),
+          N,
           _
         ], 8, v))
       ]),

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es667.js","sources":["../src/components/flags/FlagJeIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagJeIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 23 Sep 2024 15:07:43 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  flexShrink: '0',\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-je-icon\"\n    data-testid=\"kui-icon-wrapper-flag-je-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-je-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_2369)\">\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=\"M21.5202 19.3068L14.2136 12.0002H14.2135L21.5202 4.69351C21.2051 4.28401 20.8604 3.89003 20.4853 3.51489C20.1102 3.13979 19.7162 2.79503 19.3067 2.47998L12.0001 9.78662L12 9.78667L4.69338 2.47998C4.28392 2.79507 3.88989 3.13975 3.51475 3.51489C3.13961 3.89003 2.79489 4.28401 2.47984 4.69351L9.78648 12.0001L9.78653 12.0002L2.4798 19.3069C2.79494 19.7164 3.13966 20.1104 3.5147 20.4855C3.88984 20.8606 4.28378 21.2054 4.69333 21.5204L12 14.2138L12.0001 14.2137L19.3067 21.5204C19.7162 21.2053 20.1102 20.8606 20.4853 20.4855C20.8605 20.1103 21.2051 19.7163 21.5202 19.3068V19.3068Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M9.91302 3.65214L12 4.17386L14.087 3.65214V1.87825L13.2522 2.29563L12 1.04346L10.7478 2.29563L9.91302 1.87825V3.65214Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M9.91302 3.65234V4.95678C9.91302 6.55428 12 7.04375 12 7.04375C12 7.04375 14.087 6.55423 14.087 4.95678V3.65234H9.91302Z\"\n          fill=\"#D80027\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2369\">\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,UAAMA,IAAQC,GAuDRC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MAExB;AAGO,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA+B;AAAA,MAChE,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,IAChB,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es667.js","sources":["../src/components/flags/FlagJeIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagJeIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 23 Sep 2024 15:07:26 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  flexShrink: '0',\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-je-icon\"\n    data-testid=\"kui-icon-wrapper-flag-je-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-je-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_2369)\">\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=\"M21.5202 19.3068L14.2136 12.0002H14.2135L21.5202 4.69351C21.2051 4.28401 20.8604 3.89003 20.4853 3.51489C20.1102 3.13979 19.7162 2.79503 19.3067 2.47998L12.0001 9.78662L12 9.78667L4.69338 2.47998C4.28392 2.79507 3.88989 3.13975 3.51475 3.51489C3.13961 3.89003 2.79489 4.28401 2.47984 4.69351L9.78648 12.0001L9.78653 12.0002L2.4798 19.3069C2.79494 19.7164 3.13966 20.1104 3.5147 20.4855C3.88984 20.8606 4.28378 21.2054 4.69333 21.5204L12 14.2138L12.0001 14.2137L19.3067 21.5204C19.7162 21.2053 20.1102 20.8606 20.4853 20.4855C20.8605 20.1103 21.2051 19.7163 21.5202 19.3068V19.3068Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M9.91302 3.65214L12 4.17386L14.087 3.65214V1.87825L13.2522 2.29563L12 1.04346L10.7478 2.29563L9.91302 1.87825V3.65214Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M9.91302 3.65234V4.95678C9.91302 6.55428 12 7.04375 12 7.04375C12 7.04375 14.087 6.55423 14.087 4.95678V3.65234H9.91302Z\"\n          fill=\"#D80027\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2369\">\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,UAAMA,IAAQC,GAuDRC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MAExB;AAGO,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA+B;AAAA,MAChE,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,IAChB,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es669.js

@@ -1,6 +1,6 @@
-import { defineComponent as f, computed as n, openBlock as a, createBlock as p, resolveDynamicComponent as h, normalizeStyle as m, withCtx as g, createElementBlock as d, toDisplayString as y, createCommentVNode as S, pushScopeId as C, popScopeId as v, createElementVNode as i } from "vue";
+import { defineComponent as f, computed as n, openBlock as o, createBlock as p, resolveDynamicComponent as h, normalizeStyle as m, withCtx as g, createElementBlock as d, toDisplayString as y, createCommentVNode as S, pushScopeId as C, popScopeId as b, createElementVNode as i } from "vue";
 import { KUI_ICON_SIZE_50 as s } from "./kong-icons.es1215.js";
-const c = (e) => (C("data-v-c71f9fa6"), e = e(), v(), e), b = ["aria-hidden"], N = {
+const c = (e) => (C("data-v-31832b0b"), e = e(), b(), e), v = ["aria-hidden"], N = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, _ = /* @__PURE__ */ c(() => /* @__PURE__ */ i("g", { "clip-path": "url(#clip0_1_2367)" }, [
@@ -88,7 +88,7 @@ const c = (e) => (C("data-v-c71f9fa6"), e = e(), v(), e), b = ["aria-hidden"], N
       if (typeof t.size == "number" && t.size > 0)
         return `${t.size}px`;
       if (typeof t.size == "string") {
-        const o = String(t.size).replace(/px/gi, ""), l = Number(o);
+        const a = String(t.size).replace(/px/gi, ""), l = Number(a);
         if (l && !isNaN(l) && Number.isInteger(l) && l > 0)
           return `${l}px`;
       }
@@ -102,14 +102,14 @@ const c = (e) => (C("data-v-c71f9fa6"), e = e(), v(), e), b = ["aria-hidden"], N
       lineHeight: "0",
       width: r.value
     }));
-    return (o, l) => (a(), p(h(e.as), {
+    return (a, l) => (o(), p(h(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon flag-jm-icon",
       "data-testid": "kui-icon-wrapper-flag-jm-icon",
       style: m(u.value)
     }, {
       default: g(() => [
-        (a(), d("svg", {
+        (o(), d("svg", {
           "aria-hidden": e.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-flag-jm-icon",
           fill: "none",
@@ -119,10 +119,10 @@ const c = (e) => (C("data-v-c71f9fa6"), e = e(), v(), e), b = ["aria-hidden"], N
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (a(), d("title", N, y(e.title), 1)) : S("", !0),
+          e.title ? (o(), d("title", N, y(e.title), 1)) : S("", !0),
           _,
           k
-        ], 8, b))
+        ], 8, v))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style"]));

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es669.js","sources":["../src/components/flags/FlagJmIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagJmIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 23 Sep 2024 15:07:43 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  flexShrink: '0',\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-jm-icon\"\n    data-testid=\"kui-icon-wrapper-flag-jm-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-jm-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_2367)\">\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=\"M19.3058 2.48062C17.2823 0.925266 14.7494 0 12 0C9.2506 0 6.71767 0.925312 4.69421 2.48062L12 9.78638L19.3058 2.48062Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M2.48058 4.69434C0.925312 6.71779 0 9.25068 0 12.0001C0 14.7495 0.925312 17.2824 2.48062 19.3059L9.78642 12.0001L2.48058 4.69434Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M4.69421 21.5196C6.71771 23.075 9.2506 24.0002 12 24.0002C14.7494 24.0002 17.2823 23.0749 19.3058 21.5196L12 14.2139L4.69421 21.5196Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M21.5194 19.3058C23.0747 17.2824 24 14.7495 24 12.0001C24 9.25068 23.0747 6.71779 21.5194 4.69434L14.2136 12.0001L21.5194 19.3058Z\"\n          fill=\"black\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2367\">\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,UAAMA,IAAQC,GAuDRC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MAExB;AAGO,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA+B;AAAA,MAChE,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,IAChB,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es669.js","sources":["../src/components/flags/FlagJmIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagJmIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 23 Sep 2024 15:07:26 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  flexShrink: '0',\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-jm-icon\"\n    data-testid=\"kui-icon-wrapper-flag-jm-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-jm-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_2367)\">\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=\"M19.3058 2.48062C17.2823 0.925266 14.7494 0 12 0C9.2506 0 6.71767 0.925312 4.69421 2.48062L12 9.78638L19.3058 2.48062Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M2.48058 4.69434C0.925312 6.71779 0 9.25068 0 12.0001C0 14.7495 0.925312 17.2824 2.48062 19.3059L9.78642 12.0001L2.48058 4.69434Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M4.69421 21.5196C6.71771 23.075 9.2506 24.0002 12 24.0002C14.7494 24.0002 17.2823 23.0749 19.3058 21.5196L12 14.2139L4.69421 21.5196Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M21.5194 19.3058C23.0747 17.2824 24 14.7495 24 12.0001C24 9.25068 23.0747 6.71779 21.5194 4.69434L14.2136 12.0001L21.5194 19.3058Z\"\n          fill=\"black\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2367\">\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,UAAMA,IAAQC,GAuDRC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MAExB;AAGO,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA+B;AAAA,MAChE,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,IAChB,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es67.js

@@ -1,7 +1,7 @@
-import a from "./kong-icons.es597.js";
+import o from "./kong-icons.es597.js";
 /* empty css                 */
-import o from "./kong-icons.es408.js";
-const m = /* @__PURE__ */ o(a, [["__scopeId", "data-v-5a5acaa9"]]);
+import t from "./kong-icons.es408.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4990d0bf"]]);
 export {
   m as default
 };

package/dist/kong-icons.es671.js

@@ -1,6 +1,6 @@
 import { defineComponent as f, computed as n, openBlock as l, createBlock as p, resolveDynamicComponent as h, normalizeStyle as g, withCtx as m, createElementBlock as d, toDisplayString as y, createCommentVNode as S, pushScopeId as L, popScopeId as v, createElementVNode as i } from "vue";
 import { KUI_ICON_SIZE_50 as s } from "./kong-icons.es1215.js";
-const c = (e) => (L("data-v-dcd509f0"), e = e(), v(), e), C = ["aria-hidden"], b = {
+const c = (e) => (L("data-v-36835db7"), e = e(), v(), e), C = ["aria-hidden"], b = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, N = /* @__PURE__ */ c(() => /* @__PURE__ */ i("g", { "clip-path": "url(#clip0_1_2370)" }, [

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es671.js","sources":["../src/components/flags/FlagJoIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagJoIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 23 Sep 2024 15:07:43 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  flexShrink: '0',\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-jo-icon\"\n    data-testid=\"kui-icon-wrapper-flag-jo-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-jo-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_2370)\">\n        <path\n          d=\"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M7.30437 7.82611H23.2536C21.5581 3.2565 17.1596 0 12 0C8.68625 0 5.68657 1.34339 3.51514 3.51511L7.30437 7.82611Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M7.30437 16.1738H23.2536C21.5581 20.7434 17.1596 23.9999 12 23.9999C8.68625 23.9999 5.68657 22.6565 3.51514 20.4848L7.30437 16.1738Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M3.51471 3.51465C-1.17157 8.20093 -1.17157 15.7989 3.51471 20.4853C5.45126 18.5487 7.31374 16.6862 12 12L3.51471 3.51465Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M4.76274 9.39111L5.42129 10.7683L6.90858 10.4245L6.24249 11.798L7.43851 12.7465L5.94943 13.0821L5.95355 14.6085L4.76274 13.6535L3.57188 14.6085L3.57605 13.0821L2.08698 12.7465L3.28294 11.798L2.61694 10.4245L4.10415 10.7683L4.76274 9.39111Z\"\n          fill=\"#F0F0F0\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2370\">\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,UAAMA,IAAQC,GAuDRC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MAExB;AAGO,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA+B;AAAA,MAChE,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,IAChB,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es671.js","sources":["../src/components/flags/FlagJoIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagJoIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 23 Sep 2024 15:07:26 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  flexShrink: '0',\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-jo-icon\"\n    data-testid=\"kui-icon-wrapper-flag-jo-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-jo-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_2370)\">\n        <path\n          d=\"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M7.30437 7.82611H23.2536C21.5581 3.2565 17.1596 0 12 0C8.68625 0 5.68657 1.34339 3.51514 3.51511L7.30437 7.82611Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M7.30437 16.1738H23.2536C21.5581 20.7434 17.1596 23.9999 12 23.9999C8.68625 23.9999 5.68657 22.6565 3.51514 20.4848L7.30437 16.1738Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M3.51471 3.51465C-1.17157 8.20093 -1.17157 15.7989 3.51471 20.4853C5.45126 18.5487 7.31374 16.6862 12 12L3.51471 3.51465Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M4.76274 9.39111L5.42129 10.7683L6.90858 10.4245L6.24249 11.798L7.43851 12.7465L5.94943 13.0821L5.95355 14.6085L4.76274 13.6535L3.57188 14.6085L3.57605 13.0821L2.08698 12.7465L3.28294 11.798L2.61694 10.4245L4.10415 10.7683L4.76274 9.39111Z\"\n          fill=\"#F0F0F0\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2370\">\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,UAAMA,IAAQC,GAuDRC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MAExB;AAGO,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA+B;AAAA,MAChE,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,IAChB,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es673.js

@@ -1,6 +1,6 @@
-import { defineComponent as p, computed as l, openBlock as a, createBlock as f, resolveDynamicComponent as g, normalizeStyle as h, withCtx as m, createElementBlock as s, toDisplayString as y, createCommentVNode as S, pushScopeId as v, popScopeId as C, createElementVNode as o } from "vue";
+import { defineComponent as p, computed as l, openBlock as n, createBlock as f, resolveDynamicComponent as g, normalizeStyle as h, withCtx as m, createElementBlock as s, toDisplayString as y, createCommentVNode as S, pushScopeId as v, popScopeId as C, createElementVNode as o } from "vue";
 import { KUI_ICON_SIZE_50 as d } from "./kong-icons.es1215.js";
-const c = (e) => (v("data-v-080c4d0a"), e = e(), C(), e), N = ["aria-hidden"], b = {
+const c = (e) => (v("data-v-309e7574"), e = e(), C(), e), N = ["aria-hidden"], b = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, _ = /* @__PURE__ */ c(() => /* @__PURE__ */ o("g", { "clip-path": "url(#clip0_1415_4034)" }, [
@@ -76,7 +76,7 @@ const c = (e) => (v("data-v-080c4d0a"), e = e(), C(), e), N = ["aria-hidden"], b
       if (typeof t.size == "number" && t.size > 0)
         return `${t.size}px`;
       if (typeof t.size == "string") {
-        const n = String(t.size).replace(/px/gi, ""), r = Number(n);
+        const a = String(t.size).replace(/px/gi, ""), r = Number(a);
         if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
           return `${r}px`;
       }
@@ -90,14 +90,14 @@ const c = (e) => (v("data-v-080c4d0a"), e = e(), C(), e), N = ["aria-hidden"], b
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (a(), f(g(e.as), {
+    return (a, r) => (n(), f(g(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon flag-jp-icon",
       "data-testid": "kui-icon-wrapper-flag-jp-icon",
       style: h(u.value)
     }, {
       default: m(() => [
-        (a(), s("svg", {
+        (n(), s("svg", {
           "aria-hidden": e.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-flag-jp-icon",
           fill: "none",
@@ -107,7 +107,7 @@ const c = (e) => (v("data-v-080c4d0a"), e = e(), C(), e), N = ["aria-hidden"], b
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (a(), s("title", b, y(e.title), 1)) : S("", !0),
+          e.title ? (n(), s("title", b, y(e.title), 1)) : S("", !0),
           _,
           w
         ], 8, N))

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es673.js","sources":["../src/components/flags/FlagJpIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagJpIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 23 Sep 2024 15:07:43 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  flexShrink: '0',\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-jp-icon\"\n    data-testid=\"kui-icon-wrapper-flag-jp-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-jp-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_1415_4034)\">\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.0001 17.2175C14.8816 17.2175 17.2175 14.8816 17.2175 12.0001C17.2175 9.11861 14.8816 6.78271 12.0001 6.78271C9.11861 6.78271 6.78271 9.11861 6.78271 12.0001C6.78271 14.8816 9.11861 17.2175 12.0001 17.2175Z\"\n          fill=\"#D80027\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1415_4034\">\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,UAAMA,IAAQC,GAuDRC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MAExB;AAGO,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA+B;AAAA,MAChE,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,IAChB,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es673.js","sources":["../src/components/flags/FlagJpIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagJpIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 23 Sep 2024 15:07:26 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  flexShrink: '0',\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-jp-icon\"\n    data-testid=\"kui-icon-wrapper-flag-jp-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-jp-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_1415_4034)\">\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.0001 17.2175C14.8816 17.2175 17.2175 14.8816 17.2175 12.0001C17.2175 9.11861 14.8816 6.78271 12.0001 6.78271C9.11861 6.78271 6.78271 9.11861 6.78271 12.0001C6.78271 14.8816 9.11861 17.2175 12.0001 17.2175Z\"\n          fill=\"#D80027\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1415_4034\">\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,UAAMA,IAAQC,GAuDRC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MAExB;AAGO,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA+B;AAAA,MAChE,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,IAChB,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es675.js

@@ -1,6 +1,6 @@
 import { defineComponent as p, computed as n, openBlock as a, createBlock as u, resolveDynamicComponent as h, normalizeStyle as g, withCtx as C, createElementBlock as d, toDisplayString as m, createCommentVNode as y, pushScopeId as S, popScopeId as b, createElementVNode as t } from "vue";
 import { KUI_ICON_SIZE_50 as s } from "./kong-icons.es1215.js";
-const c = (e) => (S("data-v-5eeaf16e"), e = e(), b(), e), k = ["aria-hidden"], v = {
+const c = (e) => (S("data-v-2f7b43d7"), e = e(), b(), e), k = ["aria-hidden"], v = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, N = /* @__PURE__ */ c(() => /* @__PURE__ */ t("g", { "clip-path": "url(#clip0_1_2372)" }, [

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es675.js","sources":["../src/components/flags/FlagKeIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagKeIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 23 Sep 2024 15:07:43 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  flexShrink: '0',\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-ke-icon\"\n    data-testid=\"kui-icon-wrapper-flag-ke-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-ke-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_2372)\">\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.24248 0 3.13173 2.76867 1.19073 6.78262H22.8092C20.8683 2.76867 16.7575 0 12 0V0Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M12 23.9999C7.24248 23.9999 3.13173 21.2312 1.19073 17.2173H22.8092C20.8683 21.2312 16.7575 23.9999 12 23.9999V23.9999Z\"\n          fill=\"#496E2D\"\n        />\n        <path\n          d=\"M23.4333 8.34766H0.566672C0.199078 9.49933 0 10.7263 0 11.9998C0 13.2734 0.199078 14.5003 0.566672 15.652H23.4333C23.8009 14.5003 24 13.2734 24 11.9998C24 10.7263 23.8009 9.49933 23.4333 8.34766Z\"\n          fill=\"#A2001D\"\n        />\n        <path\n          d=\"M15.7366 5.54557L14.3155 4.88965L12 10.1327L9.68448 4.88965L8.26337 5.54557L11.1381 12.0002L8.26337 18.4549L9.68448 19.1108L12 13.8678L14.3155 19.1108L15.7366 18.4549L12.8619 12.0002L15.7366 5.54557Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M12.9652 6.16395C12.4151 5.56315 12 5.21777 12 5.21777C12 5.21777 11.5849 5.5631 11.0348 6.16395V17.8368C11.5849 18.4376 12 18.783 12 18.783C12 18.783 12.4151 18.4377 12.9652 17.8368V6.16395Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M9.3913 8.4019V15.5978C9.97264 16.6279 10.6842 17.4722 11.2174 18.0319V5.96777C10.6842 6.52751 9.97259 7.37187 9.3913 8.4019V8.4019Z\"\n          fill=\"#A2001D\"\n        />\n        <path\n          d=\"M14.6087 8.4019C14.0273 7.37182 13.3158 6.52751 12.7826 5.96777V18.0319C13.3158 17.4722 14.0273 16.6279 14.6087 15.5978V8.4019Z\"\n          fill=\"#A2001D\"\n        />\n        <path\n          d=\"M14.6087 8.40186V15.5977C15.1972 14.5548 15.6522 13.3216 15.6522 11.9998C15.6522 10.6781 15.1972 9.44482 14.6087 8.40186Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M9.39132 8.40186V15.5977C8.80281 14.5548 8.34784 13.3216 8.34784 11.9998C8.34784 10.6781 8.80281 9.44482 9.39132 8.40186Z\"\n          fill=\"black\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2372\">\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,UAAMA,IAAQC,GAuDRC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MAExB;AAGO,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA+B;AAAA,MAChE,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,IAChB,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es675.js","sources":["../src/components/flags/FlagKeIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagKeIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 23 Sep 2024 15:07:26 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  flexShrink: '0',\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-ke-icon\"\n    data-testid=\"kui-icon-wrapper-flag-ke-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-ke-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_2372)\">\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.24248 0 3.13173 2.76867 1.19073 6.78262H22.8092C20.8683 2.76867 16.7575 0 12 0V0Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M12 23.9999C7.24248 23.9999 3.13173 21.2312 1.19073 17.2173H22.8092C20.8683 21.2312 16.7575 23.9999 12 23.9999V23.9999Z\"\n          fill=\"#496E2D\"\n        />\n        <path\n          d=\"M23.4333 8.34766H0.566672C0.199078 9.49933 0 10.7263 0 11.9998C0 13.2734 0.199078 14.5003 0.566672 15.652H23.4333C23.8009 14.5003 24 13.2734 24 11.9998C24 10.7263 23.8009 9.49933 23.4333 8.34766Z\"\n          fill=\"#A2001D\"\n        />\n        <path\n          d=\"M15.7366 5.54557L14.3155 4.88965L12 10.1327L9.68448 4.88965L8.26337 5.54557L11.1381 12.0002L8.26337 18.4549L9.68448 19.1108L12 13.8678L14.3155 19.1108L15.7366 18.4549L12.8619 12.0002L15.7366 5.54557Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M12.9652 6.16395C12.4151 5.56315 12 5.21777 12 5.21777C12 5.21777 11.5849 5.5631 11.0348 6.16395V17.8368C11.5849 18.4376 12 18.783 12 18.783C12 18.783 12.4151 18.4377 12.9652 17.8368V6.16395Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M9.3913 8.4019V15.5978C9.97264 16.6279 10.6842 17.4722 11.2174 18.0319V5.96777C10.6842 6.52751 9.97259 7.37187 9.3913 8.4019V8.4019Z\"\n          fill=\"#A2001D\"\n        />\n        <path\n          d=\"M14.6087 8.4019C14.0273 7.37182 13.3158 6.52751 12.7826 5.96777V18.0319C13.3158 17.4722 14.0273 16.6279 14.6087 15.5978V8.4019Z\"\n          fill=\"#A2001D\"\n        />\n        <path\n          d=\"M14.6087 8.40186V15.5977C15.1972 14.5548 15.6522 13.3216 15.6522 11.9998C15.6522 10.6781 15.1972 9.44482 14.6087 8.40186Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M9.39132 8.40186V15.5977C8.80281 14.5548 8.34784 13.3216 8.34784 11.9998C8.34784 10.6781 8.80281 9.44482 9.39132 8.40186Z\"\n          fill=\"black\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2372\">\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,UAAMA,IAAQC,GAuDRC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MAExB;AAGO,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA+B;AAAA,MAChE,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,IAChB,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es677.js

@@ -1,6 +1,6 @@
-import { defineComponent as f, computed as n, openBlock as o, createBlock as p, resolveDynamicComponent as g, normalizeStyle as h, withCtx as C, createElementBlock as d, toDisplayString as m, createCommentVNode as y, pushScopeId as L, popScopeId as S, createElementVNode as t } from "vue";
+import { defineComponent as u, computed as n, openBlock as a, createBlock as p, resolveDynamicComponent as g, normalizeStyle as h, withCtx as C, createElementBlock as d, toDisplayString as m, createCommentVNode as y, pushScopeId as L, popScopeId as S, createElementVNode as t } from "vue";
 import { KUI_ICON_SIZE_50 as s } from "./kong-icons.es1215.js";
-const c = (e) => (L("data-v-37b56313"), e = e(), S(), e), v = ["aria-hidden"], b = {
+const c = (e) => (L("data-v-fb1fba7e"), e = e(), S(), e), v = ["aria-hidden"], b = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, N = /* @__PURE__ */ c(() => /* @__PURE__ */ t("g", { "clip-path": "url(#clip0_1_2376)" }, [
@@ -40,7 +40,7 @@ const c = (e) => (L("data-v-37b56313"), e = e(), S(), e), v = ["aria-hidden"], b
       width: "24"
     })
   ])
-], -1)), x = /* @__PURE__ */ f({
+], -1)), x = /* @__PURE__ */ u({
   __name: "FlagKgIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -96,12 +96,12 @@ const c = (e) => (L("data-v-37b56313"), e = e(), S(), e), v = ["aria-hidden"], b
       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, ""), l = Number(a);
+        const o = String(i.size).replace(/px/gi, ""), l = Number(o);
         if (l && !isNaN(l) && Number.isInteger(l) && l > 0)
           return `${l}px`;
       }
       return s;
-    }), u = n(() => ({
+    }), f = n(() => ({
       boxSizing: "border-box",
       color: i.color,
       display: i.display,
@@ -110,14 +110,14 @@ const c = (e) => (L("data-v-37b56313"), e = e(), S(), e), v = ["aria-hidden"], b
       lineHeight: "0",
       width: r.value
     }));
-    return (a, l) => (o(), p(g(e.as), {
+    return (o, l) => (a(), p(g(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon flag-kg-icon",
       "data-testid": "kui-icon-wrapper-flag-kg-icon",
-      style: h(u.value)
+      style: h(f.value)
     }, {
       default: C(() => [
-        (o(), d("svg", {
+        (a(), d("svg", {
           "aria-hidden": e.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-flag-kg-icon",
           fill: "none",
@@ -127,7 +127,7 @@ const c = (e) => (L("data-v-37b56313"), e = e(), S(), e), v = ["aria-hidden"], b
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (o(), d("title", b, m(e.title), 1)) : y("", !0),
+          e.title ? (a(), d("title", b, m(e.title), 1)) : y("", !0),
           N,
           k
         ], 8, v))

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es677.js","sources":["../src/components/flags/FlagKgIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagKgIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 23 Sep 2024 15:07:43 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  flexShrink: '0',\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-kg-icon\"\n    data-testid=\"kui-icon-wrapper-flag-kg-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-kg-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_2376)\">\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=\"M17.8686 12.0001L15.4707 13.128L16.7477 15.4505L14.1436 14.9523L13.8138 17.5827L12 15.6482L10.1863 17.5827L9.85633 14.9523L7.25252 15.4504L8.52939 13.1279L6.13141 12.0001L8.52939 10.8722L7.25252 8.54968L9.85624 9.04796L10.1864 6.41748L12 8.35206L13.8139 6.41748L14.1436 9.04796L16.7478 8.54968L15.4708 10.8724L17.8686 12.0001Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M12 15.652C14.017 15.652 15.6522 14.0169 15.6522 11.9998C15.6522 9.98279 14.017 8.34766 12 8.34766C9.98297 8.34766 8.34784 9.98279 8.34784 11.9998C8.34784 14.0169 9.98297 15.652 12 15.652Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M10.1739 12C10.0859 12 9.99906 12.0045 9.91333 12.013C9.91647 12.5189 10.0995 12.9818 10.4017 13.3415C10.563 12.9076 10.8037 12.5119 11.1073 12.1733C10.8174 12.0618 10.5028 12 10.1739 12Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M11.298 13.9656C11.5174 14.044 11.7536 14.0869 12 14.0869C12.2464 14.0869 12.4826 14.044 12.7019 13.9656C12.5824 13.4963 12.3355 13.0773 12 12.748C11.6645 13.0772 11.4176 13.4963 11.298 13.9656Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M13.8073 10.9569C13.4464 10.3332 12.7725 9.91309 12 9.91309C11.2275 9.91309 10.5536 10.3331 10.1927 10.9569C10.8506 10.9602 11.4675 11.1391 12 11.448C12.5326 11.1391 13.1493 10.9602 13.8073 10.9569Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M12.8926 12.1733C13.1962 12.5119 13.437 12.9075 13.5982 13.3415C13.9005 12.9818 14.0835 12.5189 14.0866 12.013C14.0009 12.0045 13.914 12 13.8261 12C13.4973 12 13.1827 12.0617 12.8926 12.1733V12.1733Z\"\n          fill=\"#FFDA44\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2376\">\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,UAAMA,IAAQC,GAuDRC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MAExB;AAGO,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA+B;AAAA,MAChE,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,IAChB,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es677.js","sources":["../src/components/flags/FlagKgIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagKgIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 23 Sep 2024 15:07:26 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  flexShrink: '0',\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-kg-icon\"\n    data-testid=\"kui-icon-wrapper-flag-kg-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-kg-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_2376)\">\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=\"M17.8686 12.0001L15.4707 13.128L16.7477 15.4505L14.1436 14.9523L13.8138 17.5827L12 15.6482L10.1863 17.5827L9.85633 14.9523L7.25252 15.4504L8.52939 13.1279L6.13141 12.0001L8.52939 10.8722L7.25252 8.54968L9.85624 9.04796L10.1864 6.41748L12 8.35206L13.8139 6.41748L14.1436 9.04796L16.7478 8.54968L15.4708 10.8724L17.8686 12.0001Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M12 15.652C14.017 15.652 15.6522 14.0169 15.6522 11.9998C15.6522 9.98279 14.017 8.34766 12 8.34766C9.98297 8.34766 8.34784 9.98279 8.34784 11.9998C8.34784 14.0169 9.98297 15.652 12 15.652Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M10.1739 12C10.0859 12 9.99906 12.0045 9.91333 12.013C9.91647 12.5189 10.0995 12.9818 10.4017 13.3415C10.563 12.9076 10.8037 12.5119 11.1073 12.1733C10.8174 12.0618 10.5028 12 10.1739 12Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M11.298 13.9656C11.5174 14.044 11.7536 14.0869 12 14.0869C12.2464 14.0869 12.4826 14.044 12.7019 13.9656C12.5824 13.4963 12.3355 13.0773 12 12.748C11.6645 13.0772 11.4176 13.4963 11.298 13.9656Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M13.8073 10.9569C13.4464 10.3332 12.7725 9.91309 12 9.91309C11.2275 9.91309 10.5536 10.3331 10.1927 10.9569C10.8506 10.9602 11.4675 11.1391 12 11.448C12.5326 11.1391 13.1493 10.9602 13.8073 10.9569Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M12.8926 12.1733C13.1962 12.5119 13.437 12.9075 13.5982 13.3415C13.9005 12.9818 14.0835 12.5189 14.0866 12.013C14.0009 12.0045 13.914 12 13.8261 12C13.4973 12 13.1827 12.0617 12.8926 12.1733V12.1733Z\"\n          fill=\"#FFDA44\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2376\">\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,UAAMA,IAAQC,GAuDRC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MAExB;AAGO,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA+B;AAAA,MAChE,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,IAChB,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es679.js

@@ -1,6 +1,6 @@
-import { defineComponent as f, computed as n, openBlock as l, createBlock as p, resolveDynamicComponent as h, normalizeStyle as g, withCtx as m, createElementBlock as d, toDisplayString as y, createCommentVNode as S, pushScopeId as v, popScopeId as C, createElementVNode as i } from "vue";
+import { defineComponent as f, computed as n, openBlock as a, createBlock as p, resolveDynamicComponent as h, normalizeStyle as g, withCtx as m, createElementBlock as d, toDisplayString as y, createCommentVNode as S, pushScopeId as v, popScopeId as C, createElementVNode as i } from "vue";
 import { KUI_ICON_SIZE_50 as s } from "./kong-icons.es1215.js";
-const c = (e) => (v("data-v-0e6e7f14"), e = e(), C(), e), N = ["aria-hidden"], b = {
+const c = (e) => (v("data-v-5e0ad466"), e = e(), C(), e), N = ["aria-hidden"], b = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, k = /* @__PURE__ */ c(() => /* @__PURE__ */ i("g", { "clip-path": "url(#clip0_1_2290)" }, [
@@ -84,7 +84,7 @@ const c = (e) => (v("data-v-0e6e7f14"), e = e(), C(), e), N = ["aria-hidden"], b
       if (typeof t.size == "number" && t.size > 0)
         return `${t.size}px`;
       if (typeof t.size == "string") {
-        const a = String(t.size).replace(/px/gi, ""), o = Number(a);
+        const l = String(t.size).replace(/px/gi, ""), o = Number(l);
         if (o && !isNaN(o) && Number.isInteger(o) && o > 0)
           return `${o}px`;
       }
@@ -98,14 +98,14 @@ const c = (e) => (v("data-v-0e6e7f14"), e = e(), C(), e), N = ["aria-hidden"], b
       lineHeight: "0",
       width: r.value
     }));
-    return (a, o) => (l(), p(h(e.as), {
+    return (l, o) => (a(), p(h(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon flag-kh-icon",
       "data-testid": "kui-icon-wrapper-flag-kh-icon",
       style: g(u.value)
     }, {
       default: m(() => [
-        (l(), d("svg", {
+        (a(), d("svg", {
           "aria-hidden": e.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-flag-kh-icon",
           fill: "none",
@@ -115,7 +115,7 @@ const c = (e) => (v("data-v-0e6e7f14"), e = e(), C(), e), N = ["aria-hidden"], b
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (l(), d("title", b, y(e.title), 1)) : S("", !0),
+          e.title ? (a(), d("title", b, y(e.title), 1)) : S("", !0),
           k,
           _
         ], 8, N))