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

package/dist/kong-icons.es825.js

@@ -1,6 +1,6 @@
-import { defineComponent as p, computed as n, openBlock as a, createBlock as f, 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 t } from "vue";
+import { defineComponent as f, computed as n, openBlock as a, createBlock as p, resolveDynamicComponent as h, normalizeStyle as g, withCtx as m, createElementBlock as d, toDisplayString as C, 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-0408c365"), e = e(), b(), e), v = ["aria-hidden"], z = {
+const c = (e) => (S("data-v-7adcd903"), e = e(), b(), e), v = ["aria-hidden"], z = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, N = /* @__PURE__ */ c(() => /* @__PURE__ */ t("g", { "clip-path": "url(#clip0_1_2274)" }, [
@@ -44,7 +44,7 @@ const c = (e) => (S("data-v-0408c365"), e = e(), b(), e), v = ["aria-hidden"], z
       width: "24"
     })
   ])
-], -1)), k = /* @__PURE__ */ p({
+], -1)), k = /* @__PURE__ */ f({
   __name: "FlagBzIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -109,11 +109,12 @@ const c = (e) => (S("data-v-0408c365"), e = e(), b(), e), v = ["aria-hidden"], z
       boxSizing: "border-box",
       color: i.color,
       display: i.display,
+      flexShrink: "0",
       height: r.value,
       lineHeight: "0",
       width: r.value
     }));
-    return (o, l) => (a(), f(h(e.as), {
+    return (o, l) => (a(), p(h(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon flag-bz-icon",
       "data-testid": "kui-icon-wrapper-flag-bz-icon",

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es825.js","sources":["../src/components/flags/FlagBzIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagBzIcon.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-bz-icon\"\n    data-testid=\"kui-icon-wrapper-flag-bz-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-bz-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_2274)\">\n        <path\n          d=\"M24 12.0002C24 7.88174 21.9249 4.24832 18.7635 2.0872L12 1.56543L5.23655 2.08715C2.07516 4.24832 0 7.88179 0 12.0002C0 16.1188 2.07516 19.7521 5.23655 21.9133L12 22.435L18.7635 21.9133C21.9249 19.7521 24 16.1188 24 12.0002Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M18.7634 2.08697C16.8376 0.770437 14.5089 0 12 0C9.4911 0 7.1624 0.770437 5.23654 2.08697H18.7634Z\"\n          fill=\"#A2001D\"\n        />\n        <path\n          d=\"M5.23654 21.9131C7.16235 23.2296 9.4911 24.0001 12 24.0001C14.5089 24.0001 16.8376 23.2296 18.7634 21.9131H5.23654Z\"\n          fill=\"#A2001D\"\n        />\n        <path\n          d=\"M12 17.739C15.1696 17.739 17.7391 15.1695 17.7391 11.9999C17.7391 8.83024 15.1696 6.26074 12 6.26074C8.83037 6.26074 6.26086 8.83024 6.26086 11.9999C6.26086 15.1695 8.83037 17.739 12 17.739Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M12 16.6955C14.5933 16.6955 16.6957 14.5932 16.6957 11.9999C16.6957 9.40652 14.5933 7.3042 12 7.3042C9.40667 7.3042 7.30435 9.40652 7.30435 11.9999C7.30435 14.5932 9.40667 16.6955 12 16.6955Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M12 15.1305C13.7289 15.1305 15.1305 13.729 15.1305 12.0001C15.1305 10.2712 13.7289 8.86963 12 8.86963C10.2711 8.86963 8.86955 10.2712 8.86955 12.0001C8.86955 13.729 10.2711 15.1305 12 15.1305Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M12 11.2173L10.3044 11.9999V13.3043L12 14.3477L13.6957 13.3043V11.9999L12 11.2173Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M10.3044 10.4346H13.6957V11.9998H10.3044V10.4346Z\"\n          fill=\"#FFDA44\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2274\">\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.es825.js","sources":["../src/components/flags/FlagBzIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagBzIcon.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-bz-icon\"\n    data-testid=\"kui-icon-wrapper-flag-bz-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-bz-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_2274)\">\n        <path\n          d=\"M24 12.0002C24 7.88174 21.9249 4.24832 18.7635 2.0872L12 1.56543L5.23655 2.08715C2.07516 4.24832 0 7.88179 0 12.0002C0 16.1188 2.07516 19.7521 5.23655 21.9133L12 22.435L18.7635 21.9133C21.9249 19.7521 24 16.1188 24 12.0002Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M18.7634 2.08697C16.8376 0.770437 14.5089 0 12 0C9.4911 0 7.1624 0.770437 5.23654 2.08697H18.7634Z\"\n          fill=\"#A2001D\"\n        />\n        <path\n          d=\"M5.23654 21.9131C7.16235 23.2296 9.4911 24.0001 12 24.0001C14.5089 24.0001 16.8376 23.2296 18.7634 21.9131H5.23654Z\"\n          fill=\"#A2001D\"\n        />\n        <path\n          d=\"M12 17.739C15.1696 17.739 17.7391 15.1695 17.7391 11.9999C17.7391 8.83024 15.1696 6.26074 12 6.26074C8.83037 6.26074 6.26086 8.83024 6.26086 11.9999C6.26086 15.1695 8.83037 17.739 12 17.739Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M12 16.6955C14.5933 16.6955 16.6957 14.5932 16.6957 11.9999C16.6957 9.40652 14.5933 7.3042 12 7.3042C9.40667 7.3042 7.30435 9.40652 7.30435 11.9999C7.30435 14.5932 9.40667 16.6955 12 16.6955Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M12 15.1305C13.7289 15.1305 15.1305 13.729 15.1305 12.0001C15.1305 10.2712 13.7289 8.86963 12 8.86963C10.2711 8.86963 8.86955 10.2712 8.86955 12.0001C8.86955 13.729 10.2711 15.1305 12 15.1305Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M12 11.2173L10.3044 11.9999V13.3043L12 14.3477L13.6957 13.3043V11.9999L12 11.2173Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M10.3044 10.4346H13.6957V11.9998H10.3044V10.4346Z\"\n          fill=\"#FFDA44\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2274\">\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.es827.js

@@ -1,6 +1,6 @@
-import { defineComponent as p, computed as n, openBlock as o, createBlock as f, resolveDynamicComponent as g, normalizeStyle as h, withCtx as m, createElementBlock as d, toDisplayString as y, createCommentVNode as S, pushScopeId as v, popScopeId as C, createElementVNode as i } from "vue";
+import { defineComponent as f, computed as n, openBlock as o, createBlock as p, resolveDynamicComponent as h, normalizeStyle as g, withCtx as m, createElementBlock as d, toDisplayString as y, createCommentVNode as S, pushScopeId as v, popScopeId as C, createElementVNode as i } from "vue";
 import { KUI_ICON_SIZE_50 as s } from "./kong-icons.es1215.js";
-const c = (e) => (v("data-v-61e21985"), e = e(), C(), e), N = ["aria-hidden"], b = {
+const c = (e) => (v("data-v-4da5d8f2"), e = e(), C(), e), N = ["aria-hidden"], b = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, _ = /* @__PURE__ */ c(() => /* @__PURE__ */ i("g", { "clip-path": "url(#clip0_1415_3800)" }, [
@@ -28,7 +28,7 @@ const c = (e) => (v("data-v-61e21985"), e = e(), C(), e), N = ["aria-hidden"], b
       width: "24"
     })
   ])
-], -1)), x = /* @__PURE__ */ p({
+], -1)), L = /* @__PURE__ */ f({
   __name: "FlagCaIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -93,15 +93,16 @@ const c = (e) => (v("data-v-61e21985"), e = e(), C(), e), N = ["aria-hidden"], b
       boxSizing: "border-box",
       color: t.color,
       display: t.display,
+      flexShrink: "0",
       height: r.value,
       lineHeight: "0",
       width: r.value
     }));
-    return (l, a) => (o(), f(g(e.as), {
+    return (l, a) => (o(), p(h(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon flag-ca-icon",
       "data-testid": "kui-icon-wrapper-flag-ca-icon",
-      style: h(u.value)
+      style: g(u.value)
     }, {
       default: m(() => [
         (o(), d("svg", {
@@ -124,6 +125,6 @@ const c = (e) => (v("data-v-61e21985"), e = e(), C(), e), N = ["aria-hidden"], b
   }
 });
 export {
-  x as default
+  L as default
 };
 //# sourceMappingURL=kong-icons.es827.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es827.js","sources":["../src/components/flags/FlagCaIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagCaIcon.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-ca-icon\"\n    data-testid=\"kui-icon-wrapper-flag-ca-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-ca-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_3800)\">\n        <path\n          d=\"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M23.9999 12C23.9999 7.24242 21.2312 3.13167 17.2173 1.19067V22.8092C21.2312 20.8682 23.9999 16.7575 23.9999 12Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M0 12C0 16.7575 2.76867 20.8682 6.78263 22.8092V1.19067C2.76867 3.13167 0 7.24242 0 12Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M14.087 13.5653L16.174 12.5218L15.1305 12.0001V10.9566L13.0435 12.0001L14.087 9.9131H13.0435L12.0001 8.3479L10.9566 9.9131H9.91309L10.9566 12.0001L8.86961 10.9566V12.0001L7.82617 12.5218L9.91309 13.5653L9.39138 14.6088H11.4783V16.174H12.5218V14.6088H14.6088L14.087 13.5653Z\"\n          fill=\"#D80027\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1415_3800\">\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.es827.js","sources":["../src/components/flags/FlagCaIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagCaIcon.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-ca-icon\"\n    data-testid=\"kui-icon-wrapper-flag-ca-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-ca-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_3800)\">\n        <path\n          d=\"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M23.9999 12C23.9999 7.24242 21.2312 3.13167 17.2173 1.19067V22.8092C21.2312 20.8682 23.9999 16.7575 23.9999 12Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M0 12C0 16.7575 2.76867 20.8682 6.78263 22.8092V1.19067C2.76867 3.13167 0 7.24242 0 12Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M14.087 13.5653L16.174 12.5218L15.1305 12.0001V10.9566L13.0435 12.0001L14.087 9.9131H13.0435L12.0001 8.3479L10.9566 9.9131H9.91309L10.9566 12.0001L8.86961 10.9566V12.0001L7.82617 12.5218L9.91309 13.5653L9.39138 14.6088H11.4783V16.174H12.5218V14.6088H14.6088L14.087 13.5653Z\"\n          fill=\"#D80027\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1415_3800\">\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.es829.js

@@ -1,6 +1,6 @@
-import { defineComponent as p, computed as n, openBlock as a, createBlock as f, resolveDynamicComponent as u, normalizeStyle as h, withCtx as g, createElementBlock as d, toDisplayString as m, createCommentVNode as C, pushScopeId as y, popScopeId as S, createElementVNode as t } from "vue";
+import { defineComponent as f, computed as n, openBlock as a, createBlock as p, resolveDynamicComponent as u, normalizeStyle as h, withCtx as g, createElementBlock as d, toDisplayString as m, createCommentVNode as C, pushScopeId as y, popScopeId as S, createElementVNode as t } from "vue";
 import { KUI_ICON_SIZE_50 as L } from "./kong-icons.es1215.js";
-const c = (e) => (y("data-v-565744e9"), e = e(), S(), e), F = ["aria-hidden"], v = {
+const c = (e) => (y("data-v-57d5f3a8"), e = e(), S(), e), F = ["aria-hidden"], v = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, N = /* @__PURE__ */ c(() => /* @__PURE__ */ t("g", { "clip-path": "url(#clip0_1_2302)" }, [
@@ -52,7 +52,7 @@ const c = (e) => (y("data-v-565744e9"), e = e(), S(), e), F = ["aria-hidden"], v
       width: "24"
     })
   ])
-], -1)), z = /* @__PURE__ */ p({
+], -1)), x = /* @__PURE__ */ f({
   __name: "FlagCcIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -117,11 +117,12 @@ const c = (e) => (y("data-v-565744e9"), e = e(), S(), e), F = ["aria-hidden"], v
       boxSizing: "border-box",
       color: i.color,
       display: i.display,
+      flexShrink: "0",
       height: r.value,
       lineHeight: "0",
       width: r.value
     }));
-    return (o, l) => (a(), f(u(e.as), {
+    return (o, l) => (a(), p(u(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon flag-cc-icon",
       "data-testid": "kui-icon-wrapper-flag-cc-icon",
@@ -148,6 +149,6 @@ const c = (e) => (y("data-v-565744e9"), e = e(), S(), e), F = ["aria-hidden"], v
   }
 });
 export {
-  z as default
+  x as default
 };
 //# sourceMappingURL=kong-icons.es829.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es829.js","sources":["../src/components/flags/FlagCcIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagCcIcon.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-cc-icon\"\n    data-testid=\"kui-icon-wrapper-flag-cc-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-cc-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_2302)\">\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=\"M18.4211 17.2178L18.7504 17.9063L19.494 17.7345L19.161 18.4212L19.759 18.8954L19.0145 19.0632L19.0166 19.8265L18.4211 19.349L17.8257 19.8265L17.8278 19.0632L17.0833 18.8954L17.6812 18.4212L17.3482 17.7345L18.0918 17.9063L18.4211 17.2178Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M15.3577 9.91309L15.6871 10.6016L16.4307 10.4297L16.0977 11.1166L16.6957 11.5907L15.9511 11.7586L15.9532 12.5218L15.3577 12.0443L14.7623 12.5218L14.7644 11.7586L14.0199 11.5907L14.6179 11.1166L14.2848 10.4297L15.0285 10.6016L15.3577 9.91309Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M18.4211 5.73926L18.7504 6.4278L19.494 6.25587L19.1611 6.94268L19.759 7.41691L19.0145 7.58468L19.0165 8.34795L18.4211 7.87043L17.8257 8.34795L17.8278 7.58468L17.0833 7.41691L17.6813 6.94268L17.3483 6.25587L18.0918 6.4278L18.4211 5.73926Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M21.0969 8.86963L21.4262 9.55818L22.1699 9.38629L21.8368 10.0731L22.4348 10.5473L21.6903 10.7151L21.6923 11.4784L21.0969 11.0008L20.5015 11.4784L20.5035 10.7151L19.759 10.5473L20.357 10.0731L20.024 9.38629L20.7676 9.55818L21.0969 8.86963Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M19.1835 12.522L19.4426 13.3192H20.2808L19.6027 13.8118L19.8617 14.6089L19.1835 14.1163L18.5055 14.6089L18.7645 13.8118L18.0864 13.3192H18.9246L19.1835 12.522Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M13.3043 15.3914C11.4314 15.3914 9.91298 13.873 9.91298 12.0001C9.91298 10.1272 11.4313 8.6088 13.3043 8.6088C13.8883 8.6088 14.4378 8.7565 14.9175 9.01642C14.165 8.28039 13.1358 7.82617 11.9999 7.82617C9.69478 7.82617 7.82606 9.69489 7.82606 12.0001C7.82606 14.3052 9.69478 16.174 11.9999 16.174C13.1358 16.174 14.165 15.7197 14.9175 14.9837C14.4378 15.2437 13.8883 15.3914 13.3043 15.3914V15.3914Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M7.54622 4.69583C7.18528 4.0722 6.51145 3.65234 5.73914 3.65234C4.96683 3.65234 4.293 4.0722 3.93206 4.69583H7.54622Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M7.55316 4.70801L5.73914 6.52202L3.92512 4.70801C3.75173 5.01227 3.65222 5.36416 3.65222 5.73945C3.65222 6.89205 4.58658 7.82641 5.73919 7.82641C6.8918 7.82641 7.82615 6.8921 7.82615 5.73945C7.82611 5.36416 7.72655 5.01227 7.55316 4.70801V4.70801Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M5.21738 6V7.76034C5.38411 7.80323 5.55895 7.82606 5.7391 7.82606C5.91924 7.82606 6.09408 7.80319 6.26081 7.76034V6H5.21738Z\"\n          fill=\"#A2001D\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2302\">\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.es829.js","sources":["../src/components/flags/FlagCcIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagCcIcon.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-cc-icon\"\n    data-testid=\"kui-icon-wrapper-flag-cc-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-cc-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_2302)\">\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=\"M18.4211 17.2178L18.7504 17.9063L19.494 17.7345L19.161 18.4212L19.759 18.8954L19.0145 19.0632L19.0166 19.8265L18.4211 19.349L17.8257 19.8265L17.8278 19.0632L17.0833 18.8954L17.6812 18.4212L17.3482 17.7345L18.0918 17.9063L18.4211 17.2178Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M15.3577 9.91309L15.6871 10.6016L16.4307 10.4297L16.0977 11.1166L16.6957 11.5907L15.9511 11.7586L15.9532 12.5218L15.3577 12.0443L14.7623 12.5218L14.7644 11.7586L14.0199 11.5907L14.6179 11.1166L14.2848 10.4297L15.0285 10.6016L15.3577 9.91309Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M18.4211 5.73926L18.7504 6.4278L19.494 6.25587L19.1611 6.94268L19.759 7.41691L19.0145 7.58468L19.0165 8.34795L18.4211 7.87043L17.8257 8.34795L17.8278 7.58468L17.0833 7.41691L17.6813 6.94268L17.3483 6.25587L18.0918 6.4278L18.4211 5.73926Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M21.0969 8.86963L21.4262 9.55818L22.1699 9.38629L21.8368 10.0731L22.4348 10.5473L21.6903 10.7151L21.6923 11.4784L21.0969 11.0008L20.5015 11.4784L20.5035 10.7151L19.759 10.5473L20.357 10.0731L20.024 9.38629L20.7676 9.55818L21.0969 8.86963Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M19.1835 12.522L19.4426 13.3192H20.2808L19.6027 13.8118L19.8617 14.6089L19.1835 14.1163L18.5055 14.6089L18.7645 13.8118L18.0864 13.3192H18.9246L19.1835 12.522Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M13.3043 15.3914C11.4314 15.3914 9.91298 13.873 9.91298 12.0001C9.91298 10.1272 11.4313 8.6088 13.3043 8.6088C13.8883 8.6088 14.4378 8.7565 14.9175 9.01642C14.165 8.28039 13.1358 7.82617 11.9999 7.82617C9.69478 7.82617 7.82606 9.69489 7.82606 12.0001C7.82606 14.3052 9.69478 16.174 11.9999 16.174C13.1358 16.174 14.165 15.7197 14.9175 14.9837C14.4378 15.2437 13.8883 15.3914 13.3043 15.3914V15.3914Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M7.54622 4.69583C7.18528 4.0722 6.51145 3.65234 5.73914 3.65234C4.96683 3.65234 4.293 4.0722 3.93206 4.69583H7.54622Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M7.55316 4.70801L5.73914 6.52202L3.92512 4.70801C3.75173 5.01227 3.65222 5.36416 3.65222 5.73945C3.65222 6.89205 4.58658 7.82641 5.73919 7.82641C6.8918 7.82641 7.82615 6.8921 7.82615 5.73945C7.82611 5.36416 7.72655 5.01227 7.55316 4.70801V4.70801Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M5.21738 6V7.76034C5.38411 7.80323 5.55895 7.82606 5.7391 7.82606C5.91924 7.82606 6.09408 7.80319 6.26081 7.76034V6H5.21738Z\"\n          fill=\"#A2001D\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2302\">\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.es83.js

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

package/dist/kong-icons.es831.js

@@ -1,9 +1,9 @@
-import { defineComponent as p, computed as n, openBlock as a, createBlock as f, resolveDynamicComponent as h, normalizeStyle as g, withCtx as m, createElementBlock as d, toDisplayString as y, createCommentVNode as C, 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 d, toDisplayString as y, createCommentVNode as C, pushScopeId as S, popScopeId as v, createElementVNode as i } from "vue";
 import { KUI_ICON_SIZE_50 as s } from "./kong-icons.es1215.js";
-const c = (e) => (S("data-v-836c536a"), e = e(), v(), e), L = ["aria-hidden"], N = {
+const c = (e) => (S("data-v-618be28d"), e = e(), v(), e), L = ["aria-hidden"], b = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
-}, b = /* @__PURE__ */ c(() => /* @__PURE__ */ i("g", { "clip-path": "url(#clip0_1_2313)" }, [
+}, N = /* @__PURE__ */ c(() => /* @__PURE__ */ i("g", { "clip-path": "url(#clip0_1_2313)" }, [
   /* @__PURE__ */ i("path", {
     d: "M22.6675 6.49763C22.113 5.4233 21.3862 4.41493 20.4857 3.51436C19.5851 2.61375 18.5766 1.88696 17.5024 1.33252L9.0485 9.04843L1.33255 17.5023C1.88703 18.5766 2.61383 19.585 3.51439 20.4856C4.41496 21.3862 5.42338 22.113 6.49766 22.6674L14.9515 14.9515L22.6675 6.49763Z",
     fill: "#FFDA44"
@@ -32,7 +32,7 @@ const c = (e) => (S("data-v-836c536a"), e = e(), v(), e), L = ["aria-hidden"], N
       width: "24"
     })
   ])
-], -1)), x = /* @__PURE__ */ p({
+], -1)), z = /* @__PURE__ */ f({
   __name: "FlagCdIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -88,7 +88,7 @@ const c = (e) => (S("data-v-836c536a"), e = e(), v(), e), L = ["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`;
       }
@@ -97,18 +97,19 @@ const c = (e) => (S("data-v-836c536a"), e = e(), v(), e), L = ["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(), f(h(e.as), {
+    return (a, o) => (l(), p(h(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon flag-cd-icon",
       "data-testid": "kui-icon-wrapper-flag-cd-icon",
       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-cd-icon",
           fill: "none",
@@ -118,8 +119,8 @@ const c = (e) => (S("data-v-836c536a"), e = e(), v(), e), L = ["aria-hidden"], N
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (a(), d("title", N, y(e.title), 1)) : C("", !0),
-          b,
+          e.title ? (l(), d("title", b, y(e.title), 1)) : C("", !0),
+          N,
           _
         ], 8, L))
       ]),
@@ -128,6 +129,6 @@ const c = (e) => (S("data-v-836c536a"), e = e(), v(), e), L = ["aria-hidden"], N
   }
 });
 export {
-  x as default
+  z as default
 };
 //# sourceMappingURL=kong-icons.es831.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es831.js","sources":["../src/components/flags/FlagCdIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagCdIcon.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-cd-icon\"\n    data-testid=\"kui-icon-wrapper-flag-cd-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-cd-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_2313)\">\n        <path\n          d=\"M22.6675 6.49763C22.113 5.4233 21.3862 4.41493 20.4857 3.51436C19.5851 2.61375 18.5766 1.88696 17.5024 1.33252L9.0485 9.04843L1.33255 17.5023C1.88703 18.5766 2.61383 19.585 3.51439 20.4856C4.41496 21.3862 5.42338 22.113 6.49766 22.6674L14.9515 14.9515L22.6675 6.49763Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M3.5144 20.4858C4.01779 20.9892 4.55493 21.4381 5.11832 21.8334L21.8332 5.11848C21.438 4.55509 20.989 4.01795 20.4856 3.51455C19.9822 3.01116 19.4451 2.56224 18.8817 2.16699L2.16684 18.8819C2.56204 19.4452 3.01096 19.9824 3.5144 20.4858V20.4858Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M3.51429 3.51431C-0.271664 7.30026 -0.99846 12.9861 1.33245 17.5023L17.5023 1.33251C12.986 -0.998347 7.3002 -0.271457 3.51429 3.51431V3.51431Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M20.4856 20.4855C24.2715 16.6996 24.9983 11.0137 22.6675 6.49756L6.49771 22.6673C11.0139 24.9982 16.6998 24.2714 20.4856 20.4855V20.4855Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M6.39498 3.65186L7.04251 5.64484H9.13801L7.44273 6.87653L8.09026 8.86946L6.39498 7.63773L4.69961 8.86946L5.34723 6.87653L3.65186 5.64484H5.74736L6.39498 3.65186Z\"\n          fill=\"#FFDA44\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2313\">\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.es831.js","sources":["../src/components/flags/FlagCdIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagCdIcon.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-cd-icon\"\n    data-testid=\"kui-icon-wrapper-flag-cd-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-cd-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_2313)\">\n        <path\n          d=\"M22.6675 6.49763C22.113 5.4233 21.3862 4.41493 20.4857 3.51436C19.5851 2.61375 18.5766 1.88696 17.5024 1.33252L9.0485 9.04843L1.33255 17.5023C1.88703 18.5766 2.61383 19.585 3.51439 20.4856C4.41496 21.3862 5.42338 22.113 6.49766 22.6674L14.9515 14.9515L22.6675 6.49763Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M3.5144 20.4858C4.01779 20.9892 4.55493 21.4381 5.11832 21.8334L21.8332 5.11848C21.438 4.55509 20.989 4.01795 20.4856 3.51455C19.9822 3.01116 19.4451 2.56224 18.8817 2.16699L2.16684 18.8819C2.56204 19.4452 3.01096 19.9824 3.5144 20.4858V20.4858Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M3.51429 3.51431C-0.271664 7.30026 -0.99846 12.9861 1.33245 17.5023L17.5023 1.33251C12.986 -0.998347 7.3002 -0.271457 3.51429 3.51431V3.51431Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M20.4856 20.4855C24.2715 16.6996 24.9983 11.0137 22.6675 6.49756L6.49771 22.6673C11.0139 24.9982 16.6998 24.2714 20.4856 20.4855V20.4855Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M6.39498 3.65186L7.04251 5.64484H9.13801L7.44273 6.87653L8.09026 8.86946L6.39498 7.63773L4.69961 8.86946L5.34723 6.87653L3.65186 5.64484H5.74736L6.39498 3.65186Z\"\n          fill=\"#FFDA44\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2313\">\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.es833.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 C, createCommentVNode as y, pushScopeId as S, popScopeId as v, createElementVNode as t } from "vue";
 import { KUI_ICON_SIZE_50 as s } from "./kong-icons.es1215.js";
-const c = (e) => (S("data-v-2597b0b1"), e = e(), v(), e), L = ["aria-hidden"], b = {
+const c = (e) => (S("data-v-1420564b"), e = e(), v(), e), L = ["aria-hidden"], b = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, F = /* @__PURE__ */ c(() => /* @__PURE__ */ t("g", { "clip-path": "url(#clip0_1_2296)" }, [
@@ -56,7 +56,7 @@ const c = (e) => (S("data-v-2597b0b1"), e = e(), v(), e), L = ["aria-hidden"], b
       width: "24"
     })
   ])
-], -1)), z = /* @__PURE__ */ p({
+], -1)), x = /* @__PURE__ */ p({
   __name: "FlagCfIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -121,6 +121,7 @@ const c = (e) => (S("data-v-2597b0b1"), e = e(), v(), e), L = ["aria-hidden"], b
       boxSizing: "border-box",
       color: i.color,
       display: i.display,
+      flexShrink: "0",
       height: l.value,
       lineHeight: "0",
       width: l.value
@@ -152,6 +153,6 @@ const c = (e) => (S("data-v-2597b0b1"), e = e(), v(), e), L = ["aria-hidden"], b
   }
 });
 export {
-  z as default
+  x as default
 };
 //# sourceMappingURL=kong-icons.es833.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es833.js","sources":["../src/components/flags/FlagCfIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagCfIcon.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-cf-icon\"\n    data-testid=\"kui-icon-wrapper-flag-cf-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-cf-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_2296)\">\n        <path\n          d=\"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M22.541 6.26072C20.9903 3.41874 18.3239 1.27332 15.1305 0.412598L14.6088 6.26072H22.541Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M1.45911 6.26072H9.39129L8.86958 0.412598C5.67612 1.27332 3.00978 3.41879 1.45911 6.26072V6.26072Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M14.6087 12V17.7391H22.5409C23.4711 16.0342 24 14.0789 24 12H14.6087Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M9.39131 12H0C0 14.0789 0.528891 16.0342 1.45908 17.7391H9.39127V12H9.39131Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M1.45911 17.7393C3.00978 20.5812 5.67612 22.7267 8.86958 23.5874L9.39129 18.4729L1.45911 17.7393Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M15.1305 23.5874C18.3239 22.7267 20.9903 20.5812 22.541 17.7393L14.6088 18.4728L15.1305 23.5874Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M14.6087 18.4728L22.5409 17.7393H14.6087V18.4728Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M9.39134 17.7393H1.45911L9.39134 18.4728V17.7393Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M12 0C10.9169 0 9.86772 0.144375 8.86957 0.413391V23.5867C9.86772 23.8556 10.9169 24 12 24C13.0832 24 14.1323 23.8556 15.1305 23.5866V0.413391C14.1323 0.144375 13.0832 0 12 0V0Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M6.45457 2.60889L6.77828 3.60531H7.82608L6.97849 4.22115L7.30225 5.21757L6.45457 4.60178L5.60693 5.21757L5.93078 4.22115L5.08319 3.60531H6.13089L6.45457 2.60889Z\"\n          fill=\"#FFDA44\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2296\">\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.es833.js","sources":["../src/components/flags/FlagCfIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagCfIcon.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-cf-icon\"\n    data-testid=\"kui-icon-wrapper-flag-cf-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-cf-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_2296)\">\n        <path\n          d=\"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M22.541 6.26072C20.9903 3.41874 18.3239 1.27332 15.1305 0.412598L14.6088 6.26072H22.541Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M1.45911 6.26072H9.39129L8.86958 0.412598C5.67612 1.27332 3.00978 3.41879 1.45911 6.26072V6.26072Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M14.6087 12V17.7391H22.5409C23.4711 16.0342 24 14.0789 24 12H14.6087Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M9.39131 12H0C0 14.0789 0.528891 16.0342 1.45908 17.7391H9.39127V12H9.39131Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M1.45911 17.7393C3.00978 20.5812 5.67612 22.7267 8.86958 23.5874L9.39129 18.4729L1.45911 17.7393Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M15.1305 23.5874C18.3239 22.7267 20.9903 20.5812 22.541 17.7393L14.6088 18.4728L15.1305 23.5874Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M14.6087 18.4728L22.5409 17.7393H14.6087V18.4728Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M9.39134 17.7393H1.45911L9.39134 18.4728V17.7393Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M12 0C10.9169 0 9.86772 0.144375 8.86957 0.413391V23.5867C9.86772 23.8556 10.9169 24 12 24C13.0832 24 14.1323 23.8556 15.1305 23.5866V0.413391C14.1323 0.144375 13.0832 0 12 0V0Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M6.45457 2.60889L6.77828 3.60531H7.82608L6.97849 4.22115L7.30225 5.21757L6.45457 4.60178L5.60693 5.21757L5.93078 4.22115L5.08319 3.60531H6.13089L6.45457 2.60889Z\"\n          fill=\"#FFDA44\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2296\">\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.es835.js

@@ -1,6 +1,6 @@
-import { defineComponent as f, computed as l, openBlock as a, createBlock as p, resolveDynamicComponent as h, normalizeStyle as g, withCtx as m, createElementBlock as s, toDisplayString as y, createCommentVNode as S, pushScopeId as v, popScopeId as b, createElementVNode as o } from "vue";
+import { defineComponent as f, computed as l, openBlock as n, createBlock as p, resolveDynamicComponent as h, normalizeStyle as g, withCtx as m, createElementBlock as s, toDisplayString as y, createCommentVNode as S, pushScopeId as v, popScopeId as N, createElementVNode as o } from "vue";
 import { KUI_ICON_SIZE_50 as d } from "./kong-icons.es1215.js";
-const c = (e) => (v("data-v-1af9894b"), e = e(), b(), e), N = ["aria-hidden"], _ = {
+const c = (e) => (v("data-v-92508334"), e = e(), N(), e), b = ["aria-hidden"], _ = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, w = /* @__PURE__ */ c(() => /* @__PURE__ */ o("g", { "clip-path": "url(#clip0_247_6260)" }, [
@@ -12,7 +12,7 @@ const c = (e) => (v("data-v-1af9894b"), e = e(), b(), e), N = ["aria-hidden"], _
     d: "M18.261 9.91307H14.0871V5.73914H9.91315V9.91307H5.73926V14.087H9.91315V18.2609H14.0871V14.087H18.261V9.91307Z",
     fill: "#F0F0F0"
   })
-], -1)), z = /* @__PURE__ */ c(() => /* @__PURE__ */ o("defs", null, [
+], -1)), x = /* @__PURE__ */ c(() => /* @__PURE__ */ o("defs", null, [
   /* @__PURE__ */ o("clipPath", { id: "clip0_247_6260" }, [
     /* @__PURE__ */ o("rect", {
       fill: "white",
@@ -76,7 +76,7 @@ const c = (e) => (v("data-v-1af9894b"), e = e(), b(), e), N = ["aria-hidden"], _
       if (typeof t.size == "number" && t.size > 0)
         return `${t.size}px`;
       if (typeof t.size == "string") {
-        const n = String(t.size).replace(/px/gi, ""), r = Number(n);
+        const a = String(t.size).replace(/px/gi, ""), r = Number(a);
         if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
           return `${r}px`;
       }
@@ -85,18 +85,19 @@ const c = (e) => (v("data-v-1af9894b"), e = e(), b(), e), N = ["aria-hidden"], _
       boxSizing: "border-box",
       color: t.color,
       display: t.display,
+      flexShrink: "0",
       height: i.value,
       lineHeight: "0",
       width: i.value
     }));
-    return (n, r) => (a(), p(h(e.as), {
+    return (a, r) => (n(), p(h(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon flag-ch-icon",
       "data-testid": "kui-icon-wrapper-flag-ch-icon",
       style: g(u.value)
     }, {
       default: m(() => [
-        (a(), s("svg", {
+        (n(), s("svg", {
           "aria-hidden": e.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-flag-ch-icon",
           fill: "none",
@@ -106,10 +107,10 @@ const c = (e) => (v("data-v-1af9894b"), e = e(), b(), e), N = ["aria-hidden"], _
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (a(), s("title", _, y(e.title), 1)) : S("", !0),
+          e.title ? (n(), s("title", _, y(e.title), 1)) : S("", !0),
           w,
-          z
-        ], 8, N))
+          x
+        ], 8, b))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style"]));

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es835.js","sources":["../src/components/flags/FlagChIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagChIcon.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-ch-icon\"\n    data-testid=\"kui-icon-wrapper-flag-ch-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-ch-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_247_6260)\">\n        <path\n          d=\"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M18.261 9.91307H14.0871V5.73914H9.91315V9.91307H5.73926V14.087H9.91315V18.2609H14.0871V14.087H18.261V9.91307Z\"\n          fill=\"#F0F0F0\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_247_6260\">\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.es835.js","sources":["../src/components/flags/FlagChIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagChIcon.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-ch-icon\"\n    data-testid=\"kui-icon-wrapper-flag-ch-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-ch-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_247_6260)\">\n        <path\n          d=\"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M18.261 9.91307H14.0871V5.73914H9.91315V9.91307H5.73926V14.087H9.91315V18.2609H14.0871V14.087H18.261V9.91307Z\"\n          fill=\"#F0F0F0\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_247_6260\">\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.es837.js

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es837.js","sources":["../src/components/flags/FlagCiIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagCiIcon.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-ci-icon\"\n    data-testid=\"kui-icon-wrapper-flag-ci-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-ci-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_2366)\">\n        <path\n          d=\"M12 24C13.4678 24 14.8739 23.736 16.1739 23.2536L16.6956 12L16.1739 0.746391C14.8739 0.264047 13.4678 0 12 0C10.5321 0 9.12602 0.264047 7.82609 0.746391L7.30432 12L7.82604 23.2536C9.12602 23.736 10.5321 24 12 24Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M0 12.0002C0 17.1598 3.2565 21.5583 7.82611 23.2538V0.746582C3.2565 2.4421 0 6.84061 0 12.0002Z\"\n          fill=\"#FF9811\"\n        />\n        <path\n          d=\"M16.1739 0.746582V23.2538C20.7435 21.5583 24 17.1598 24 12.0002C24 6.84061 20.7435 2.4421 16.1739 0.746582V0.746582Z\"\n          fill=\"#6DA544\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2366\">\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.es837.js","sources":["../src/components/flags/FlagCiIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagCiIcon.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-ci-icon\"\n    data-testid=\"kui-icon-wrapper-flag-ci-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-ci-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_2366)\">\n        <path\n          d=\"M12 24C13.4678 24 14.8739 23.736 16.1739 23.2536L16.6956 12L16.1739 0.746391C14.8739 0.264047 13.4678 0 12 0C10.5321 0 9.12602 0.264047 7.82609 0.746391L7.30432 12L7.82604 23.2536C9.12602 23.736 10.5321 24 12 24Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M0 12.0002C0 17.1598 3.2565 21.5583 7.82611 23.2538V0.746582C3.2565 2.4421 0 6.84061 0 12.0002Z\"\n          fill=\"#FF9811\"\n        />\n        <path\n          d=\"M16.1739 0.746582V23.2538C20.7435 21.5583 24 17.1598 24 12.0002C24 6.84061 20.7435 2.4421 16.1739 0.746582V0.746582Z\"\n          fill=\"#6DA544\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2366\">\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;;;;;;;;;;;;;;;;;;;;;;;;;;;"}