@kong/icons 1.15.0 → 1.15.1-pr.357.73586ee.0

package/dist/kong-icons.es811.js

@@ -1,6 +1,6 @@
-import { defineComponent as f, 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 { 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-78e8a77e"), e = e(), b(), e), v = ["aria-hidden"], N = {
+const c = (e) => (S("data-v-5c029ce9"), e = e(), b(), e), v = ["aria-hidden"], N = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, H = /* @__PURE__ */ c(() => /* @__PURE__ */ t("g", { "clip-path": "url(#clip0_1_2286)" }, [
@@ -52,7 +52,7 @@ const c = (e) => (S("data-v-78e8a77e"), e = e(), b(), e), v = ["aria-hidden"], N
       width: "24"
     })
   ])
-], -1)), x = /* @__PURE__ */ f({
+], -1)), z = /* @__PURE__ */ p({
   __name: "FlagBnIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -113,10 +113,11 @@ const c = (e) => (S("data-v-78e8a77e"), e = e(), b(), e), v = ["aria-hidden"], N
           return `${l}px`;
       }
       return s;
-    }), p = n(() => ({
+    }), f = n(() => ({
       boxSizing: "border-box",
       color: i.color,
       display: i.display,
+      flexShrink: "0",
       height: r.value,
       lineHeight: "0",
       width: r.value
@@ -125,7 +126,7 @@ const c = (e) => (S("data-v-78e8a77e"), e = e(), b(), e), v = ["aria-hidden"], N
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon flag-bn-icon",
       "data-testid": "kui-icon-wrapper-flag-bn-icon",
-      style: g(p.value)
+      style: g(f.value)
     }, {
       default: C(() => [
         (a(), d("svg", {
@@ -148,6 +149,6 @@ const c = (e) => (S("data-v-78e8a77e"), e = e(), b(), e), v = ["aria-hidden"], N
   }
 });
 export {
-  x as default
+  z as default
 };
 //# sourceMappingURL=kong-icons.es811.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es811.js","sources":["../src/components/flags/FlagBnIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagBnIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 16 Jul 2024 12:21:51 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n})\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-bn-icon\"\n    data-testid=\"kui-icon-wrapper-flag-bn-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-bn-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_2286)\">\n        <path\n          d=\"M12.0001 23.9984C18.6265 23.9984 23.9983 18.6266 23.9983 12.0002C23.9983 5.37375 18.6265 0.00195312 12.0001 0.00195312C5.37366 0.00195312 0.00186157 5.37375 0.00186157 12.0002C0.00186157 18.6266 5.37366 23.9984 12.0001 23.9984Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M1.60925 6.00098C1.06769 6.93887 0.668213 7.91942 0.402191 8.91821L20.4678 20.5032C21.1998 19.7734 21.8493 18.9371 22.3907 17.9992L1.60925 6.00098Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M17.9991 1.6092C13.1983 -1.16253 7.27879 -0.238742 3.53214 3.4969L23.5978 15.0818C24.9597 9.9694 22.7999 4.38098 17.9991 1.6092V1.6092Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M6.00091 22.3906C10.8017 25.1624 16.7213 24.2386 20.4679 20.503L0.402184 8.91797C-0.959611 14.0305 1.20006 19.6189 6.00091 22.3906Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M15.3908 10.6955C15.3908 12.5682 13.8727 14.0863 12 14.0863C10.1273 14.0863 8.60919 12.5682 8.60919 10.6955C8.60919 10.1116 8.7568 9.5622 9.01678 9.08252C8.28097 9.83502 7.82669 10.864 7.82669 11.9997C7.82669 14.3045 9.69512 16.173 12 16.173C14.3049 16.173 16.1733 14.3046 16.1733 11.9997C16.1733 10.864 15.7191 9.83502 14.9832 9.08252C15.2432 9.5623 15.3908 10.1116 15.3908 10.6955V10.6955Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M11.2176 6.7832H12.7826V14.6082H11.2176V6.7832Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M14.6083 8.34814H9.39172C9.39172 8.70829 9.70546 9.00022 10.0656 9.00022H10.0438C10.0438 9.36036 10.3358 9.6523 10.6959 9.6523C10.6959 10.0124 10.9879 10.3044 11.348 10.3044H12.6521C13.0123 10.3044 13.3042 10.0124 13.3042 9.6523C13.6644 9.6523 13.9563 9.36036 13.9563 9.00022H13.9346C14.2946 9.00018 14.6083 8.70833 14.6083 8.34814Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M8.34845 15.1299H15.6517V16.6949H8.34845V15.1299Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M13.5651 15.6514H16.695V17.2163H13.5651V15.6514Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M7.30515 15.6514H10.4351V17.2163H7.30515V15.6514Z\"\n          fill=\"#D80027\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2286\">\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,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,IAChB,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es811.js","sources":["../src/components/flags/FlagBnIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagBnIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 18 Jul 2024 14:59:12 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-bn-icon\"\n    data-testid=\"kui-icon-wrapper-flag-bn-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-bn-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_2286)\">\n        <path\n          d=\"M12.0001 23.9984C18.6265 23.9984 23.9983 18.6266 23.9983 12.0002C23.9983 5.37375 18.6265 0.00195312 12.0001 0.00195312C5.37366 0.00195312 0.00186157 5.37375 0.00186157 12.0002C0.00186157 18.6266 5.37366 23.9984 12.0001 23.9984Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M1.60925 6.00098C1.06769 6.93887 0.668213 7.91942 0.402191 8.91821L20.4678 20.5032C21.1998 19.7734 21.8493 18.9371 22.3907 17.9992L1.60925 6.00098Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M17.9991 1.6092C13.1983 -1.16253 7.27879 -0.238742 3.53214 3.4969L23.5978 15.0818C24.9597 9.9694 22.7999 4.38098 17.9991 1.6092V1.6092Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M6.00091 22.3906C10.8017 25.1624 16.7213 24.2386 20.4679 20.503L0.402184 8.91797C-0.959611 14.0305 1.20006 19.6189 6.00091 22.3906Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M15.3908 10.6955C15.3908 12.5682 13.8727 14.0863 12 14.0863C10.1273 14.0863 8.60919 12.5682 8.60919 10.6955C8.60919 10.1116 8.7568 9.5622 9.01678 9.08252C8.28097 9.83502 7.82669 10.864 7.82669 11.9997C7.82669 14.3045 9.69512 16.173 12 16.173C14.3049 16.173 16.1733 14.3046 16.1733 11.9997C16.1733 10.864 15.7191 9.83502 14.9832 9.08252C15.2432 9.5623 15.3908 10.1116 15.3908 10.6955V10.6955Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M11.2176 6.7832H12.7826V14.6082H11.2176V6.7832Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M14.6083 8.34814H9.39172C9.39172 8.70829 9.70546 9.00022 10.0656 9.00022H10.0438C10.0438 9.36036 10.3358 9.6523 10.6959 9.6523C10.6959 10.0124 10.9879 10.3044 11.348 10.3044H12.6521C13.0123 10.3044 13.3042 10.0124 13.3042 9.6523C13.6644 9.6523 13.9563 9.36036 13.9563 9.00022H13.9346C14.2946 9.00018 14.6083 8.70833 14.6083 8.34814Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M8.34845 15.1299H15.6517V16.6949H8.34845V15.1299Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M13.5651 15.6514H16.695V17.2163H13.5651V15.6514Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M7.30515 15.6514H10.4351V17.2163H7.30515V15.6514Z\"\n          fill=\"#D80027\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2286\">\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.es813.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 d, toDisplayString as y, createCommentVNode as S, pushScopeId as b, popScopeId as v, createElementVNode as r } from "vue";
 import { KUI_ICON_SIZE_50 as s } from "./kong-icons.es1215.js";
-const c = (e) => (b("data-v-74fddbc1"), e = e(), v(), e), C = ["aria-hidden"], N = {
+const c = (e) => (b("data-v-7613d59b"), e = e(), v(), e), C = ["aria-hidden"], N = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, _ = /* @__PURE__ */ c(() => /* @__PURE__ */ r("g", { "clip-path": "url(#clip0_1_2278)" }, [
@@ -89,6 +89,7 @@ const c = (e) => (b("data-v-74fddbc1"), e = e(), v(), e), C = ["aria-hidden"], N
       boxSizing: "border-box",
       color: t.color,
       display: t.display,
+      flexShrink: "0",
       height: i.value,
       lineHeight: "0",
       width: i.value

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es813.js","sources":["../src/components/flags/FlagBoIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagBoIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 16 Jul 2024 12:21:51 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n})\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-bo-icon\"\n    data-testid=\"kui-icon-wrapper-flag-bo-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-bo-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_2278)\">\n        <path\n          d=\"M24 11.9999C24 10.532 23.736 9.1259 23.2536 7.82596L12 7.3042L0.746391 7.82592C0.264 9.1259 0 10.532 0 11.9999C0 13.4677 0.264 14.8738 0.746391 16.1737L12 16.6955L23.2536 16.1738C23.736 14.8738 24 13.4677 24 11.9999Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738H0.746391C2.44191 20.7434 6.84042 23.9999 12 23.9999Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M0.746391 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0C6.84042 0 2.44191 3.2565 0.746391 7.82611V7.82611Z\"\n          fill=\"#D80027\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2278\">\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,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,IAChB,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es813.js","sources":["../src/components/flags/FlagBoIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagBoIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 18 Jul 2024 14:59:12 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-bo-icon\"\n    data-testid=\"kui-icon-wrapper-flag-bo-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-bo-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_2278)\">\n        <path\n          d=\"M24 11.9999C24 10.532 23.736 9.1259 23.2536 7.82596L12 7.3042L0.746391 7.82592C0.264 9.1259 0 10.532 0 11.9999C0 13.4677 0.264 14.8738 0.746391 16.1737L12 16.6955L23.2536 16.1738C23.736 14.8738 24 13.4677 24 11.9999Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738H0.746391C2.44191 20.7434 6.84042 23.9999 12 23.9999Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M0.746391 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0C6.84042 0 2.44191 3.2565 0.746391 7.82611V7.82611Z\"\n          fill=\"#D80027\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2278\">\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.es815.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 d, toDisplayString as C, createCommentVNode as y, pushScopeId as S, popScopeId as b, createElementVNode as i } from "vue";
+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 C, createCommentVNode as y, pushScopeId as b, popScopeId as S, createElementVNode as i } from "vue";
 import { KUI_ICON_SIZE_50 as s } from "./kong-icons.es1215.js";
-const c = (e) => (S("data-v-af427a2a"), e = e(), b(), e), v = ["aria-hidden"], N = {
+const c = (e) => (b("data-v-b81bb7fe"), e = e(), S(), e), v = ["aria-hidden"], N = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, _ = /* @__PURE__ */ c(() => /* @__PURE__ */ i("g", { "clip-path": "url(#clip0_1415_3697)" }, [
@@ -88,27 +88,28 @@ const c = (e) => (S("data-v-af427a2a"), e = e(), b(), e), v = ["aria-hidden"], N
       if (typeof t.size == "number" && t.size > 0)
         return `${t.size}px`;
       if (typeof t.size == "string") {
-        const l = String(t.size).replace(/px/gi, ""), a = Number(l);
-        if (a && !isNaN(a) && Number.isInteger(a) && a > 0)
-          return `${a}px`;
+        const a = String(t.size).replace(/px/gi, ""), o = Number(a);
+        if (o && !isNaN(o) && Number.isInteger(o) && o > 0)
+          return `${o}px`;
       }
       return s;
     }), u = n(() => ({
       boxSizing: "border-box",
       color: t.color,
       display: t.display,
+      flexShrink: "0",
       height: r.value,
       lineHeight: "0",
       width: r.value
     }));
-    return (l, a) => (o(), p(h(e.as), {
+    return (a, o) => (l(), p(h(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon flag-br-icon",
       "data-testid": "kui-icon-wrapper-flag-br-icon",
       style: g(u.value)
     }, {
       default: m(() => [
-        (o(), d("svg", {
+        (l(), d("svg", {
           "aria-hidden": e.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-flag-br-icon",
           fill: "none",
@@ -118,7 +119,7 @@ const c = (e) => (S("data-v-af427a2a"), e = e(), b(), e), v = ["aria-hidden"], N
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (o(), d("title", N, C(e.title), 1)) : y("", !0),
+          e.title ? (l(), d("title", N, C(e.title), 1)) : y("", !0),
           _,
           w
         ], 8, v))

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es815.js","sources":["../src/components/flags/FlagBrIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagBrIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 16 Jul 2024 12:21:51 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n})\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-br-icon\"\n    data-testid=\"kui-icon-wrapper-flag-br-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-br-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_3697)\">\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=\"#6DA544\"\n        />\n        <path\n          d=\"M11.9999 4.69556L21.913 11.9999L11.9999 19.3042L2.08691 11.9999L11.9999 4.69556Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M12.0001 16.174C14.3052 16.174 16.174 14.3052 16.174 12.0001C16.174 9.69489 14.3052 7.82617 12.0001 7.82617C9.69489 7.82617 7.82617 9.69489 7.82617 12.0001C7.82617 14.3052 9.69489 16.174 12.0001 16.174Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M9.913 11.7393C9.18719 11.7393 8.48674 11.8496 7.82739 12.0545C7.8566 14.3345 9.71303 16.1741 12 16.1741C13.4141 16.1741 14.663 15.4701 15.418 14.3943C14.1263 12.7773 12.1388 11.7393 9.913 11.7393Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M16.0964 12.7997C16.1467 12.5408 16.1738 12.2737 16.1738 12.0001C16.1738 9.69484 14.3051 7.82617 11.9999 7.82617C10.2799 7.82617 8.80331 8.86684 8.16431 10.3527C8.72915 10.2356 9.31396 10.174 9.91298 10.174C12.3372 10.174 14.5303 11.1817 16.0964 12.7997Z\"\n          fill=\"#0052B4\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1415_3697\">\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,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,IAChB,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es815.js","sources":["../src/components/flags/FlagBrIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagBrIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 18 Jul 2024 14:59:12 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-br-icon\"\n    data-testid=\"kui-icon-wrapper-flag-br-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-br-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_3697)\">\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=\"#6DA544\"\n        />\n        <path\n          d=\"M11.9999 4.69556L21.913 11.9999L11.9999 19.3042L2.08691 11.9999L11.9999 4.69556Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M12.0001 16.174C14.3052 16.174 16.174 14.3052 16.174 12.0001C16.174 9.69489 14.3052 7.82617 12.0001 7.82617C9.69489 7.82617 7.82617 9.69489 7.82617 12.0001C7.82617 14.3052 9.69489 16.174 12.0001 16.174Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M9.913 11.7393C9.18719 11.7393 8.48674 11.8496 7.82739 12.0545C7.8566 14.3345 9.71303 16.1741 12 16.1741C13.4141 16.1741 14.663 15.4701 15.418 14.3943C14.1263 12.7773 12.1388 11.7393 9.913 11.7393Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M16.0964 12.7997C16.1467 12.5408 16.1738 12.2737 16.1738 12.0001C16.1738 9.69484 14.3051 7.82617 11.9999 7.82617C10.2799 7.82617 8.80331 8.86684 8.16431 10.3527C8.72915 10.2356 9.31396 10.174 9.91298 10.174C12.3372 10.174 14.5303 11.1817 16.0964 12.7997Z\"\n          fill=\"#0052B4\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1415_3697\">\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.es817.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 b, pushScopeId as S, popScopeId as v, createElementVNode as i } from "vue";
+import { defineComponent as f, computed as n, openBlock as l, createBlock as p, resolveDynamicComponent as h, normalizeStyle as g, withCtx as m, createElementBlock as s, toDisplayString as y, createCommentVNode as S, pushScopeId as b, popScopeId as v, createElementVNode as i } from "vue";
 import { KUI_ICON_SIZE_50 as d } from "./kong-icons.es1215.js";
-const c = (e) => (S("data-v-b565accf"), e = e(), v(), e), C = ["aria-hidden"], N = {
+const c = (e) => (b("data-v-c05b2290"), e = e(), v(), e), C = ["aria-hidden"], N = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, _ = /* @__PURE__ */ c(() => /* @__PURE__ */ i("g", { "clip-path": "url(#clip0_1_2265)" }, [
@@ -84,7 +84,7 @@ const c = (e) => (S("data-v-b565accf"), e = e(), v(), e), C = ["aria-hidden"], N
       if (typeof t.size == "number" && t.size > 0)
         return `${t.size}px`;
       if (typeof t.size == "string") {
-        const l = String(t.size).replace(/px/gi, ""), o = Number(l);
+        const a = String(t.size).replace(/px/gi, ""), o = Number(a);
         if (o && !isNaN(o) && Number.isInteger(o) && o > 0)
           return `${o}px`;
       }
@@ -93,18 +93,19 @@ const c = (e) => (S("data-v-b565accf"), e = e(), v(), e), C = ["aria-hidden"], N
       boxSizing: "border-box",
       color: t.color,
       display: t.display,
+      flexShrink: "0",
       height: r.value,
       lineHeight: "0",
       width: r.value
     }));
-    return (l, o) => (a(), p(g(e.as), {
+    return (a, o) => (l(), p(h(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon flag-bs-icon",
       "data-testid": "kui-icon-wrapper-flag-bs-icon",
-      style: h(u.value)
+      style: g(u.value)
     }, {
       default: m(() => [
-        (a(), s("svg", {
+        (l(), s("svg", {
           "aria-hidden": e.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-flag-bs-icon",
           fill: "none",
@@ -114,7 +115,7 @@ const c = (e) => (S("data-v-b565accf"), e = e(), v(), e), C = ["aria-hidden"], N
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (a(), s("title", N, y(e.title), 1)) : b("", !0),
+          e.title ? (l(), s("title", N, y(e.title), 1)) : S("", !0),
           _,
           w
         ], 8, C))

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es817.js","sources":["../src/components/flags/FlagBsIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagBsIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 16 Jul 2024 12:21:51 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n})\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-bs-icon\"\n    data-testid=\"kui-icon-wrapper-flag-bs-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-bs-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_2265)\">\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=\"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=\"#338AF3\"\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=\"#338AF3\"\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=\"black\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2265\">\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,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,IAChB,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es817.js","sources":["../src/components/flags/FlagBsIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagBsIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 18 Jul 2024 14:59:12 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-bs-icon\"\n    data-testid=\"kui-icon-wrapper-flag-bs-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-bs-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_2265)\">\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=\"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=\"#338AF3\"\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=\"#338AF3\"\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=\"black\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2265\">\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.es819.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 L, createElementBlock as d, toDisplayString as m, createCommentVNode as C, pushScopeId as y, popScopeId as S, createElementVNode as i } from "vue";
+import { defineComponent as f, computed as n, openBlock as l, createBlock as p, resolveDynamicComponent as h, normalizeStyle as g, withCtx as L, createElementBlock as d, toDisplayString as m, createCommentVNode as C, pushScopeId as y, popScopeId as S, createElementVNode as i } from "vue";
 import { KUI_ICON_SIZE_50 as s } from "./kong-icons.es1215.js";
-const c = (e) => (y("data-v-251340f3"), e = e(), S(), e), b = ["aria-hidden"], v = {
+const c = (e) => (y("data-v-d3d94387"), e = e(), S(), e), b = ["aria-hidden"], v = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, N = /* @__PURE__ */ c(() => /* @__PURE__ */ i("g", { "clip-path": "url(#clip0_1_2277)" }, [
@@ -28,7 +28,7 @@ const c = (e) => (y("data-v-251340f3"), e = e(), S(), e), b = ["aria-hidden"], v
       width: "24"
     })
   ])
-], -1)), x = /* @__PURE__ */ f({
+], -1)), z = /* @__PURE__ */ f({
   __name: "FlagBtIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -84,7 +84,7 @@ const c = (e) => (y("data-v-251340f3"), e = e(), S(), e), b = ["aria-hidden"], v
       if (typeof t.size == "number" && t.size > 0)
         return `${t.size}px`;
       if (typeof t.size == "string") {
-        const l = String(t.size).replace(/px/gi, ""), o = Number(l);
+        const a = String(t.size).replace(/px/gi, ""), o = Number(a);
         if (o && !isNaN(o) && Number.isInteger(o) && o > 0)
           return `${o}px`;
       }
@@ -93,18 +93,19 @@ const c = (e) => (y("data-v-251340f3"), e = e(), S(), e), b = ["aria-hidden"], v
       boxSizing: "border-box",
       color: t.color,
       display: t.display,
+      flexShrink: "0",
       height: r.value,
       lineHeight: "0",
       width: r.value
     }));
-    return (l, o) => (a(), p(g(e.as), {
+    return (a, o) => (l(), p(h(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon flag-bt-icon",
       "data-testid": "kui-icon-wrapper-flag-bt-icon",
-      style: h(u.value)
+      style: g(u.value)
     }, {
       default: L(() => [
-        (a(), d("svg", {
+        (l(), d("svg", {
           "aria-hidden": e.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-flag-bt-icon",
           fill: "none",
@@ -114,7 +115,7 @@ const c = (e) => (y("data-v-251340f3"), e = e(), S(), e), b = ["aria-hidden"], v
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (a(), d("title", v, m(e.title), 1)) : C("", !0),
+          e.title ? (l(), d("title", v, m(e.title), 1)) : C("", !0),
           N,
           _
         ], 8, b))
@@ -124,6 +125,6 @@ const c = (e) => (y("data-v-251340f3"), e = e(), S(), e), b = ["aria-hidden"], v
   }
 });
 export {
-  x as default
+  z as default
 };
 //# sourceMappingURL=kong-icons.es819.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es819.js","sources":["../src/components/flags/FlagBtIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagBtIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 16 Jul 2024 12:21:51 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n})\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-bt-icon\"\n    data-testid=\"kui-icon-wrapper-flag-bt-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-bt-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_2277)\">\n        <path\n          d=\"M20.4853 20.4855C15.799 25.1718 8.20102 25.1718 3.51469 20.4855C-1.17159 15.7992 -1.17159 8.20118 3.51469 3.51485C3.51638 3.51485 14.2987 0.328894 18.985 5.01518C23.6713 9.70146 20.4885 20.4822 20.4853 20.4855Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M20.4853 20.4854C25.1715 15.7991 25.1715 8.20106 20.4853 3.51473C15.799 -1.1716 8.20102 -1.17155 3.51469 3.51473L20.4853 20.4854Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M15.1367 15.138C14.6437 15.3316 14.071 15.3111 13.5741 15.0322C12.6961 14.5395 12.3827 13.4241 12.8756 12.546L12.726 12.4621C14.2293 12.0996 15.3415 10.7351 15.322 9.12483C15.3099 8.12372 14.8626 7.22808 14.1629 6.61523L13.0673 7.7377C13.4814 8.0678 13.75 8.57414 13.7569 9.14381C13.7691 10.1507 12.9599 10.9798 11.9531 10.9919L11.9552 11.1633C10.8896 10.0427 9.15183 9.76181 7.76709 10.5838C6.90619 11.0949 6.35428 11.9301 6.1733 12.8425L7.69317 13.2301C7.77197 12.7064 8.07614 12.2206 8.56603 11.9298C9.43186 11.4158 10.5544 11.7021 11.0684 12.5679L11.216 12.4804C10.7782 13.9634 11.4038 15.6089 12.8081 16.3971C13.6812 16.8871 14.6804 16.9476 15.5611 16.6481L15.1367 15.138ZM11.9657 12.0352L11.9656 12.0352L11.9657 12.0352Z\"\n          fill=\"#FF9811\"\n        />\n        <path\n          d=\"M16.4431 8.12741L15.5949 11.1542L13.0501 10.6843L11.412 7.30762L6.98667 8.87798L6.63769 7.89454L5.47988 7.7519L6.35227 10.2104L9.39769 9.43157L10.2631 11.8704L8.15789 14.9774L11.7306 18.0245L11.0534 18.8184L11.5088 19.8926L13.2018 17.9077L11.0046 15.6597L12.684 13.6908L16.4273 13.9605L17.2799 9.34288L18.306 9.5324L19.0087 8.60099L16.4431 8.12741ZM11.9991 12.0818V12.0819V12.0818Z\"\n          fill=\"#FFEACF\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2277\">\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,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,IAChB,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es819.js","sources":["../src/components/flags/FlagBtIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagBtIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 18 Jul 2024 14:59:12 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-bt-icon\"\n    data-testid=\"kui-icon-wrapper-flag-bt-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-bt-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_2277)\">\n        <path\n          d=\"M20.4853 20.4855C15.799 25.1718 8.20102 25.1718 3.51469 20.4855C-1.17159 15.7992 -1.17159 8.20118 3.51469 3.51485C3.51638 3.51485 14.2987 0.328894 18.985 5.01518C23.6713 9.70146 20.4885 20.4822 20.4853 20.4855Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M20.4853 20.4854C25.1715 15.7991 25.1715 8.20106 20.4853 3.51473C15.799 -1.1716 8.20102 -1.17155 3.51469 3.51473L20.4853 20.4854Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M15.1367 15.138C14.6437 15.3316 14.071 15.3111 13.5741 15.0322C12.6961 14.5395 12.3827 13.4241 12.8756 12.546L12.726 12.4621C14.2293 12.0996 15.3415 10.7351 15.322 9.12483C15.3099 8.12372 14.8626 7.22808 14.1629 6.61523L13.0673 7.7377C13.4814 8.0678 13.75 8.57414 13.7569 9.14381C13.7691 10.1507 12.9599 10.9798 11.9531 10.9919L11.9552 11.1633C10.8896 10.0427 9.15183 9.76181 7.76709 10.5838C6.90619 11.0949 6.35428 11.9301 6.1733 12.8425L7.69317 13.2301C7.77197 12.7064 8.07614 12.2206 8.56603 11.9298C9.43186 11.4158 10.5544 11.7021 11.0684 12.5679L11.216 12.4804C10.7782 13.9634 11.4038 15.6089 12.8081 16.3971C13.6812 16.8871 14.6804 16.9476 15.5611 16.6481L15.1367 15.138ZM11.9657 12.0352L11.9656 12.0352L11.9657 12.0352Z\"\n          fill=\"#FF9811\"\n        />\n        <path\n          d=\"M16.4431 8.12741L15.5949 11.1542L13.0501 10.6843L11.412 7.30762L6.98667 8.87798L6.63769 7.89454L5.47988 7.7519L6.35227 10.2104L9.39769 9.43157L10.2631 11.8704L8.15789 14.9774L11.7306 18.0245L11.0534 18.8184L11.5088 19.8926L13.2018 17.9077L11.0046 15.6597L12.684 13.6908L16.4273 13.9605L17.2799 9.34288L18.306 9.5324L19.0087 8.60099L16.4431 8.12741ZM11.9991 12.0818V12.0819V12.0818Z\"\n          fill=\"#FFEACF\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2277\">\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.es82.js

@@ -1,7 +1,7 @@
 import o from "./kong-icons.es919.js";
 /* empty css                 */
 import r from "./kong-icons.es408.js";
-const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-9624f7ee"]]);
+const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-223efcb0"]]);
 export {
   f as default
 };

package/dist/kong-icons.es821.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 d, toDisplayString as y, createCommentVNode as b, pushScopeId as C, popScopeId as S, createElementVNode as i } from "vue";
+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 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-ba7368fd"), e = e(), S(), e), v = ["aria-hidden"], w = {
+const c = (e) => (C("data-v-cd467483"), e = e(), b(), e), v = ["aria-hidden"], w = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, N = /* @__PURE__ */ c(() => /* @__PURE__ */ i("g", { "clip-path": "url(#clip0_1_2281)" }, [
@@ -84,7 +84,7 @@ const c = (e) => (C("data-v-ba7368fd"), e = e(), S(), e), v = ["aria-hidden"], w
       if (typeof t.size == "number" && t.size > 0)
         return `${t.size}px`;
       if (typeof t.size == "string") {
-        const l = String(t.size).replace(/px/gi, ""), o = Number(l);
+        const a = String(t.size).replace(/px/gi, ""), o = Number(a);
         if (o && !isNaN(o) && Number.isInteger(o) && o > 0)
           return `${o}px`;
       }
@@ -93,18 +93,19 @@ const c = (e) => (C("data-v-ba7368fd"), e = e(), S(), e), v = ["aria-hidden"], w
       boxSizing: "border-box",
       color: t.color,
       display: t.display,
+      flexShrink: "0",
       height: r.value,
       lineHeight: "0",
       width: r.value
     }));
-    return (l, o) => (a(), p(g(e.as), {
+    return (a, o) => (l(), p(h(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon flag-bw-icon",
       "data-testid": "kui-icon-wrapper-flag-bw-icon",
-      style: h(u.value)
+      style: g(u.value)
     }, {
       default: m(() => [
-        (a(), d("svg", {
+        (l(), d("svg", {
           "aria-hidden": e.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-flag-bw-icon",
           fill: "none",
@@ -114,7 +115,7 @@ const c = (e) => (C("data-v-ba7368fd"), e = e(), S(), e), v = ["aria-hidden"], w
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (a(), d("title", w, y(e.title), 1)) : b("", !0),
+          e.title ? (l(), d("title", w, y(e.title), 1)) : S("", !0),
           N,
           _
         ], 8, v))

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es821.js","sources":["../src/components/flags/FlagBwIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagBwIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 16 Jul 2024 12:21:51 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n})\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-bw-icon\"\n    data-testid=\"kui-icon-wrapper-flag-bw-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-bw-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_2281)\">\n        <path\n          d=\"M0.566671 8.34789C0.199077 9.49956 -1.09036e-06 10.7264 4.57846e-05 12.0001C-1.09036e-06 13.2736 0.199077 14.5005 0.566718 15.6522L12 16.174L23.4333 15.6522C23.8009 14.5005 24 13.2736 24 12.0001C24 10.7265 23.8009 9.49956 23.4333 8.34789L12 7.82617L0.566671 8.34789Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M24 12.0001C24 11.2882 23.9377 10.5909 23.8187 9.91309H0.181313C0.0623437 10.5909 0 11.2881 0 12.0001C0 12.712 0.0623906 13.4092 0.181313 14.087H23.8187C23.9376 13.4092 24 12.7119 24 12.0001Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M12 23.9997C17.3539 23.9997 21.8881 20.4933 23.4333 15.6519H0.566711C2.11195 20.4933 6.64621 23.9996 12 23.9997V23.9997Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M12 1.87984e-09C6.64621 1.87984e-09 2.11199 3.50639 0.566666 8.34773L23.4332 8.34778C21.8881 3.50639 17.3538 -9.37481e-05 12 1.87984e-09V1.87984e-09Z\"\n          fill=\"#338AF3\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2281\">\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,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,IAChB,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es821.js","sources":["../src/components/flags/FlagBwIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagBwIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 18 Jul 2024 14:59:12 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-bw-icon\"\n    data-testid=\"kui-icon-wrapper-flag-bw-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-bw-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_2281)\">\n        <path\n          d=\"M0.566671 8.34789C0.199077 9.49956 -1.09036e-06 10.7264 4.57846e-05 12.0001C-1.09036e-06 13.2736 0.199077 14.5005 0.566718 15.6522L12 16.174L23.4333 15.6522C23.8009 14.5005 24 13.2736 24 12.0001C24 10.7265 23.8009 9.49956 23.4333 8.34789L12 7.82617L0.566671 8.34789Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M24 12.0001C24 11.2882 23.9377 10.5909 23.8187 9.91309H0.181313C0.0623437 10.5909 0 11.2881 0 12.0001C0 12.712 0.0623906 13.4092 0.181313 14.087H23.8187C23.9376 13.4092 24 12.7119 24 12.0001Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M12 23.9997C17.3539 23.9997 21.8881 20.4933 23.4333 15.6519H0.566711C2.11195 20.4933 6.64621 23.9996 12 23.9997V23.9997Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M12 1.87984e-09C6.64621 1.87984e-09 2.11199 3.50639 0.566666 8.34773L23.4332 8.34778C21.8881 3.50639 17.3538 -9.37481e-05 12 1.87984e-09V1.87984e-09Z\"\n          fill=\"#338AF3\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2281\">\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.es823.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 m, createElementBlock as d, toDisplayString as y, createCommentVNode as L, pushScopeId as C, popScopeId as S, createElementVNode as t } from "vue";
 import { KUI_ICON_SIZE_50 as s } from "./kong-icons.es1215.js";
-const c = (e) => (C("data-v-3a7ce5f6"), e = e(), S(), e), b = ["aria-hidden"], v = {
+const c = (e) => (C("data-v-695ff8cb"), e = e(), S(), e), b = ["aria-hidden"], v = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, N = /* @__PURE__ */ c(() => /* @__PURE__ */ t("g", { "clip-path": "url(#clip0_1_2271)" }, [
@@ -48,7 +48,7 @@ const c = (e) => (C("data-v-3a7ce5f6"), e = e(), S(), e), b = ["aria-hidden"], v
       width: "24"
     })
   ])
-], -1)), x = /* @__PURE__ */ p({
+], -1)), z = /* @__PURE__ */ p({
   __name: "FlagByIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -113,6 +113,7 @@ const c = (e) => (C("data-v-3a7ce5f6"), e = e(), S(), e), b = ["aria-hidden"], v
       boxSizing: "border-box",
       color: i.color,
       display: i.display,
+      flexShrink: "0",
       height: r.value,
       lineHeight: "0",
       width: r.value
@@ -144,6 +145,6 @@ const c = (e) => (C("data-v-3a7ce5f6"), e = e(), S(), e), b = ["aria-hidden"], v
   }
 });
 export {
-  x as default
+  z as default
 };
 //# sourceMappingURL=kong-icons.es823.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es823.js","sources":["../src/components/flags/FlagByIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagByIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 16 Jul 2024 12:21:51 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n})\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-by-icon\"\n    data-testid=\"kui-icon-wrapper-flag-by-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-by-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_2271)\">\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=\"#FCFCFC\"\n        />\n        <path\n          d=\"M4.9565 11.1302L3.65216 8.76384L4.9565 6.43457L6.26085 8.76384L4.9565 11.1302Z\"\n          fill=\"#A2001D\"\n        />\n        <path\n          d=\"M2.3478 11.1302L1.04346 8.76384L2.3478 6.43457L3.65214 8.76384L2.3478 11.1302Z\"\n          fill=\"#A2001D\"\n        />\n        <path\n          d=\"M4.9565 17.5653L3.65216 15.1989L4.9565 12.8696L6.26085 15.1989L4.9565 17.5653Z\"\n          fill=\"#A2001D\"\n        />\n        <path\n          d=\"M2.3478 17.5653L1.04346 15.1989L2.3478 12.8696L3.65214 15.1989L2.3478 17.5653Z\"\n          fill=\"#A2001D\"\n        />\n        <path\n          d=\"M6.26083 2.32936L5.89155 1.66992C5.22921 2.06236 4.60797 2.51672 4.03558 3.02503L4.95649 4.6957L6.26083 2.32936Z\"\n          fill=\"#A2001D\"\n        />\n        <path\n          d=\"M4.95647 19.3042L4.02582 20.9662C4.59769 21.4752 5.21851 21.9302 5.88057 22.3235L6.26086 21.6335L4.95647 19.3042Z\"\n          fill=\"#A2001D\"\n        />\n        <path\n          d=\"M7.30432 15.1304V23.0458C8.74662 23.6597 10.3335 23.9999 12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738L7.30432 15.1304Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M23.2536 16.1739C23.736 14.8739 24 13.4678 24 12C24 5.37263 18.6274 0 12 0C10.3336 0 8.74662 0.339984 7.30432 0.953813V16.1739H23.2536V16.1739Z\"\n          fill=\"#A2001D\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2271\">\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,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,IAChB,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es823.js","sources":["../src/components/flags/FlagByIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagByIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 18 Jul 2024 14:59:12 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-by-icon\"\n    data-testid=\"kui-icon-wrapper-flag-by-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-by-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_2271)\">\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=\"#FCFCFC\"\n        />\n        <path\n          d=\"M4.9565 11.1302L3.65216 8.76384L4.9565 6.43457L6.26085 8.76384L4.9565 11.1302Z\"\n          fill=\"#A2001D\"\n        />\n        <path\n          d=\"M2.3478 11.1302L1.04346 8.76384L2.3478 6.43457L3.65214 8.76384L2.3478 11.1302Z\"\n          fill=\"#A2001D\"\n        />\n        <path\n          d=\"M4.9565 17.5653L3.65216 15.1989L4.9565 12.8696L6.26085 15.1989L4.9565 17.5653Z\"\n          fill=\"#A2001D\"\n        />\n        <path\n          d=\"M2.3478 17.5653L1.04346 15.1989L2.3478 12.8696L3.65214 15.1989L2.3478 17.5653Z\"\n          fill=\"#A2001D\"\n        />\n        <path\n          d=\"M6.26083 2.32936L5.89155 1.66992C5.22921 2.06236 4.60797 2.51672 4.03558 3.02503L4.95649 4.6957L6.26083 2.32936Z\"\n          fill=\"#A2001D\"\n        />\n        <path\n          d=\"M4.95647 19.3042L4.02582 20.9662C4.59769 21.4752 5.21851 21.9302 5.88057 22.3235L6.26086 21.6335L4.95647 19.3042Z\"\n          fill=\"#A2001D\"\n        />\n        <path\n          d=\"M7.30432 15.1304V23.0458C8.74662 23.6597 10.3335 23.9999 12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738L7.30432 15.1304Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M23.2536 16.1739C23.736 14.8739 24 13.4678 24 12C24 5.37263 18.6274 0 12 0C10.3336 0 8.74662 0.339984 7.30432 0.953813V16.1739H23.2536V16.1739Z\"\n          fill=\"#A2001D\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2271\">\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;;;;;;;;;;;;;;;;;;;;;;;;;;;"}