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

package/dist/kong-icons.es1027.js

@@ -1,9 +1,9 @@
-import { defineComponent as f, 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 { 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-a2d0ec43"), e = e(), v(), e), F = ["aria-hidden"], N = {
+const c = (e) => (S("data-v-62bf7834"), e = e(), v(), e), F = ["aria-hidden"], b = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
-}, b = /* @__PURE__ */ c(() => /* @__PURE__ */ t("g", { "clip-path": "url(#clip0_246_4814)" }, [
+}, N = /* @__PURE__ */ c(() => /* @__PURE__ */ t("g", { "clip-path": "url(#clip0_246_4814)" }, [
   /* @__PURE__ */ t("path", {
     d: "M11.9999 24C13.4677 24 14.8738 23.736 16.1737 23.2536L16.6955 12L16.1738 0.746391C14.8738 0.264047 13.4677 0 11.9999 0C10.532 0 9.1259 0.264047 7.82596 0.746391L7.3042 12L7.82592 23.2536C9.1259 23.736 10.532 24 11.9999 24Z",
     fill: "#0052B4"
@@ -52,7 +52,7 @@ const c = (e) => (S("data-v-a2d0ec43"), e = e(), v(), e), F = ["aria-hidden"], N
       width: "24"
     })
   ])
-], -1)), L = /* @__PURE__ */ f({
+], -1)), z = /* @__PURE__ */ p({
   __name: "FlagMnIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -113,10 +113,11 @@ const c = (e) => (S("data-v-a2d0ec43"), e = e(), v(), e), F = ["aria-hidden"], N
           return `${l}px`;
       }
       return s;
-    }), p = n(() => ({
+    }), f = n(() => ({
       boxSizing: "border-box",
       color: i.color,
       display: i.display,
+      flexShrink: "0",
       height: r.value,
       lineHeight: "0",
       width: r.value
@@ -125,7 +126,7 @@ const c = (e) => (S("data-v-a2d0ec43"), e = e(), v(), e), F = ["aria-hidden"], N
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon flag-mn-icon",
       "data-testid": "kui-icon-wrapper-flag-mn-icon",
-      style: g(p.value)
+      style: g(f.value)
     }, {
       default: m(() => [
         (a(), d("svg", {
@@ -138,8 +139,8 @@ const c = (e) => (S("data-v-a2d0ec43"), e = e(), v(), e), F = ["aria-hidden"], N
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (a(), d("title", N, C(e.title), 1)) : y("", !0),
-          b,
+          e.title ? (a(), d("title", b, C(e.title), 1)) : y("", !0),
+          N,
           _
         ], 8, F))
       ]),
@@ -148,6 +149,6 @@ const c = (e) => (S("data-v-a2d0ec43"), e = e(), v(), e), F = ["aria-hidden"], N
   }
 });
 export {
-  L as default
+  z as default
 };
 //# sourceMappingURL=kong-icons.es1027.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es1027.js","sources":["../src/components/flags/FlagMnIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagMnIcon.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-mn-icon\"\n    data-testid=\"kui-icon-wrapper-flag-mn-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-mn-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_246_4814)\">\n        <path\n          d=\"M11.9999 24C13.4677 24 14.8738 23.736 16.1737 23.2536L16.6955 12L16.1738 0.746391C14.8738 0.264047 13.4677 0 11.9999 0C10.532 0 9.1259 0.264047 7.82596 0.746391L7.3042 12L7.82592 23.2536C9.1259 23.736 10.532 24 11.9999 24Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M0 12C0 17.1596 3.2565 21.5581 7.82611 23.2536V0.746399C3.2565 2.44191 0 6.84043 0 12Z\"\n          fill=\"#A2001D\"\n        />\n        <path\n          d=\"M16.1738 0.746399V23.2537C20.7434 21.5581 23.9999 17.1596 23.9999 12C23.9999 6.84043 20.7434 2.44191 16.1738 0.746399Z\"\n          fill=\"#A2001D\"\n        />\n        <path\n          d=\"M5.73926 12H6.78274V16.1739H5.73926V12Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M1.56543 12H2.60891V16.1739H1.56543V12Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M4.17434 14.6087C4.75064 14.6087 5.21783 14.1415 5.21783 13.5652C5.21783 12.9889 4.75064 12.5217 4.17434 12.5217C3.59804 12.5217 3.13086 12.9889 3.13086 13.5652C3.13086 14.1415 3.59804 14.6087 4.17434 14.6087Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M4.17406 10.4348C4.4622 10.4348 4.69578 10.2012 4.69578 9.91305C4.69578 9.62491 4.4622 9.39133 4.17406 9.39133C3.88593 9.39133 3.65234 9.62491 3.65234 9.91305C3.65234 10.2012 3.88593 10.4348 4.17406 10.4348Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M3.13086 15.1305H5.21783V16.1739H3.13086V15.1305Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M3.13086 10.9565H5.21783V12H3.13086V10.9565Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M4.17409 6.26086L4.54365 7.39805H5.73934L4.77207 8.1009L5.14136 9.23808L4.17409 8.53524L3.20687 9.23808L3.57615 8.1009L2.60889 7.39805H3.80457L4.17409 6.26086Z\"\n          fill=\"#FFDA44\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_246_4814\">\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.es1027.js","sources":["../src/components/flags/FlagMnIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagMnIcon.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-mn-icon\"\n    data-testid=\"kui-icon-wrapper-flag-mn-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-mn-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_246_4814)\">\n        <path\n          d=\"M11.9999 24C13.4677 24 14.8738 23.736 16.1737 23.2536L16.6955 12L16.1738 0.746391C14.8738 0.264047 13.4677 0 11.9999 0C10.532 0 9.1259 0.264047 7.82596 0.746391L7.3042 12L7.82592 23.2536C9.1259 23.736 10.532 24 11.9999 24Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M0 12C0 17.1596 3.2565 21.5581 7.82611 23.2536V0.746399C3.2565 2.44191 0 6.84043 0 12Z\"\n          fill=\"#A2001D\"\n        />\n        <path\n          d=\"M16.1738 0.746399V23.2537C20.7434 21.5581 23.9999 17.1596 23.9999 12C23.9999 6.84043 20.7434 2.44191 16.1738 0.746399Z\"\n          fill=\"#A2001D\"\n        />\n        <path\n          d=\"M5.73926 12H6.78274V16.1739H5.73926V12Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M1.56543 12H2.60891V16.1739H1.56543V12Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M4.17434 14.6087C4.75064 14.6087 5.21783 14.1415 5.21783 13.5652C5.21783 12.9889 4.75064 12.5217 4.17434 12.5217C3.59804 12.5217 3.13086 12.9889 3.13086 13.5652C3.13086 14.1415 3.59804 14.6087 4.17434 14.6087Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M4.17406 10.4348C4.4622 10.4348 4.69578 10.2012 4.69578 9.91305C4.69578 9.62491 4.4622 9.39133 4.17406 9.39133C3.88593 9.39133 3.65234 9.62491 3.65234 9.91305C3.65234 10.2012 3.88593 10.4348 4.17406 10.4348Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M3.13086 15.1305H5.21783V16.1739H3.13086V15.1305Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M3.13086 10.9565H5.21783V12H3.13086V10.9565Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M4.17409 6.26086L4.54365 7.39805H5.73934L4.77207 8.1009L5.14136 9.23808L4.17409 8.53524L3.20687 9.23808L3.57615 8.1009L2.60889 7.39805H3.80457L4.17409 6.26086Z\"\n          fill=\"#FFDA44\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_246_4814\">\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.es1029.js

@@ -1,9 +1,9 @@
-import { defineComponent as p, computed as n, openBlock as o, createBlock as u, resolveDynamicComponent as f, normalizeStyle as h, withCtx as g, createElementBlock as d, toDisplayString as m, createCommentVNode as C, pushScopeId as y, popScopeId as F, createElementVNode as t } from "vue";
+import { defineComponent as f, computed as n, openBlock as o, 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 F, createElementVNode as t } from "vue";
 import { KUI_ICON_SIZE_50 as s } from "./kong-icons.es1215.js";
-const c = (e) => (y("data-v-6045a7db"), e = e(), F(), e), S = ["aria-hidden"], v = {
+const c = (e) => (y("data-v-a45ad948"), e = e(), F(), e), S = ["aria-hidden"], v = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
-}, b = /* @__PURE__ */ c(() => /* @__PURE__ */ t("g", { "clip-path": "url(#clip0_246_4693)" }, [
+}, N = /* @__PURE__ */ c(() => /* @__PURE__ */ t("g", { "clip-path": "url(#clip0_246_4693)" }, [
   /* @__PURE__ */ t("path", {
     d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z",
     fill: "#496E2D"
@@ -40,7 +40,7 @@ const c = (e) => (y("data-v-6045a7db"), e = e(), F(), e), S = ["aria-hidden"], v
     d: "M7.21729 15.5245C7.38289 15.9035 7.59289 16.2585 7.83955 16.5843H16.1607C16.4074 16.2585 16.6174 15.9035 16.783 15.5245H7.21729Z",
     fill: "#F0F0F0"
   })
-], -1)), N = /* @__PURE__ */ c(() => /* @__PURE__ */ t("defs", null, [
+], -1)), b = /* @__PURE__ */ c(() => /* @__PURE__ */ t("defs", null, [
   /* @__PURE__ */ t("clipPath", { id: "clip0_246_4693" }, [
     /* @__PURE__ */ t("rect", {
       fill: "white",
@@ -48,7 +48,7 @@ const c = (e) => (y("data-v-6045a7db"), e = e(), F(), e), S = ["aria-hidden"], v
       width: "24"
     })
   ])
-], -1)), z = /* @__PURE__ */ p({
+], -1)), x = /* @__PURE__ */ f({
   __name: "FlagMoIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -113,11 +113,12 @@ const c = (e) => (y("data-v-6045a7db"), e = e(), F(), e), S = ["aria-hidden"], v
       boxSizing: "border-box",
       color: i.color,
       display: i.display,
+      flexShrink: "0",
       height: r.value,
       lineHeight: "0",
       width: r.value
     }));
-    return (a, l) => (o(), u(f(e.as), {
+    return (a, l) => (o(), p(u(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon flag-mo-icon",
       "data-testid": "kui-icon-wrapper-flag-mo-icon",
@@ -135,8 +136,8 @@ const c = (e) => (y("data-v-6045a7db"), e = e(), F(), e), S = ["aria-hidden"], v
           xmlns: "http://www.w3.org/2000/svg"
         }, [
           e.title ? (o(), d("title", v, m(e.title), 1)) : C("", !0),
-          b,
-          N
+          N,
+          b
         ], 8, S))
       ]),
       _: 1
@@ -144,6 +145,6 @@ const c = (e) => (y("data-v-6045a7db"), e = e(), F(), e), S = ["aria-hidden"], v
   }
 });
 export {
-  z as default
+  x as default
 };
 //# sourceMappingURL=kong-icons.es1029.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es1029.js","sources":["../src/components/flags/FlagMoIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagMoIcon.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-mo-icon\"\n    data-testid=\"kui-icon-wrapper-flag-mo-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-mo-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_246_4693)\">\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=\"#496E2D\"\n        />\n        <path\n          d=\"M14.0867 11.4996C13.7922 11.4996 13.5125 11.5583 13.2528 11.6518C13.3951 11.3348 13.4905 10.982 13.4905 10.6052C13.4905 9.11457 11.9998 7.99655 11.9998 7.99655C11.9998 7.99655 10.5091 9.11457 10.5091 10.6052C10.5091 10.9819 10.6045 11.3348 10.7468 11.6518C10.4871 11.5584 10.2074 11.4996 9.91289 11.4996C8.42221 11.4996 7.3042 12.9903 7.3042 12.9903C7.3042 12.9903 8.42221 14.481 9.91289 14.481C10.7869 14.481 11.5323 13.9688 11.9999 13.5447C12.4674 13.9687 13.2128 14.481 14.0868 14.481C15.5775 14.481 16.6955 12.9903 16.6955 12.9903C16.6955 12.9903 15.5774 11.4996 14.0867 11.4996Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M11.9997 4.69565L12.3076 5.64327H13.304L12.498 6.22902L12.8057 7.17665L11.9997 6.5909L11.1936 7.17665L11.5013 6.22902L10.6953 5.64327H11.6917L11.9997 4.69565Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M8.21061 6.35309L8.80302 6.88643L9.49335 6.4879L9.16916 7.2161L9.76152 7.74954L8.96877 7.6662L8.64458 8.3944L8.47874 7.61473L7.68604 7.53138L8.37632 7.13276L8.21061 6.35309Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M5.43701 9.12689L6.21673 9.29259L6.61531 8.60226L6.69865 9.39497L7.47828 9.56081L6.75012 9.88505L6.83346 10.6777L6.29998 10.0854L5.57182 10.4096L5.9704 9.71925L5.43701 9.12689Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M15.7887 6.35309L15.1963 6.88643L14.506 6.4879L14.8301 7.2161L14.2378 7.74954L15.0305 7.6662L15.3547 8.3944L15.5206 7.61473L16.3133 7.53138L15.623 7.13276L15.7887 6.35309Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M18.5627 9.12689L17.783 9.29259L17.3845 8.60226L17.3011 9.39497L16.5215 9.56081L17.2496 9.88505L17.1663 10.6777L17.6998 10.0854L18.4279 10.4096L18.0294 9.71925L18.5627 9.12689Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M12.0002 18.6549C13.1843 18.6549 14.2757 18.2599 15.1512 17.5951H8.84912C9.72465 18.2598 10.816 18.6549 12.0002 18.6549Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M7.21729 15.5245C7.38289 15.9035 7.59289 16.2585 7.83955 16.5843H16.1607C16.4074 16.2585 16.6174 15.9035 16.783 15.5245H7.21729Z\"\n          fill=\"#F0F0F0\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_246_4693\">\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.es1029.js","sources":["../src/components/flags/FlagMoIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagMoIcon.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-mo-icon\"\n    data-testid=\"kui-icon-wrapper-flag-mo-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-mo-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_246_4693)\">\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=\"#496E2D\"\n        />\n        <path\n          d=\"M14.0867 11.4996C13.7922 11.4996 13.5125 11.5583 13.2528 11.6518C13.3951 11.3348 13.4905 10.982 13.4905 10.6052C13.4905 9.11457 11.9998 7.99655 11.9998 7.99655C11.9998 7.99655 10.5091 9.11457 10.5091 10.6052C10.5091 10.9819 10.6045 11.3348 10.7468 11.6518C10.4871 11.5584 10.2074 11.4996 9.91289 11.4996C8.42221 11.4996 7.3042 12.9903 7.3042 12.9903C7.3042 12.9903 8.42221 14.481 9.91289 14.481C10.7869 14.481 11.5323 13.9688 11.9999 13.5447C12.4674 13.9687 13.2128 14.481 14.0868 14.481C15.5775 14.481 16.6955 12.9903 16.6955 12.9903C16.6955 12.9903 15.5774 11.4996 14.0867 11.4996Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M11.9997 4.69565L12.3076 5.64327H13.304L12.498 6.22902L12.8057 7.17665L11.9997 6.5909L11.1936 7.17665L11.5013 6.22902L10.6953 5.64327H11.6917L11.9997 4.69565Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M8.21061 6.35309L8.80302 6.88643L9.49335 6.4879L9.16916 7.2161L9.76152 7.74954L8.96877 7.6662L8.64458 8.3944L8.47874 7.61473L7.68604 7.53138L8.37632 7.13276L8.21061 6.35309Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M5.43701 9.12689L6.21673 9.29259L6.61531 8.60226L6.69865 9.39497L7.47828 9.56081L6.75012 9.88505L6.83346 10.6777L6.29998 10.0854L5.57182 10.4096L5.9704 9.71925L5.43701 9.12689Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M15.7887 6.35309L15.1963 6.88643L14.506 6.4879L14.8301 7.2161L14.2378 7.74954L15.0305 7.6662L15.3547 8.3944L15.5206 7.61473L16.3133 7.53138L15.623 7.13276L15.7887 6.35309Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M18.5627 9.12689L17.783 9.29259L17.3845 8.60226L17.3011 9.39497L16.5215 9.56081L17.2496 9.88505L17.1663 10.6777L17.6998 10.0854L18.4279 10.4096L18.0294 9.71925L18.5627 9.12689Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M12.0002 18.6549C13.1843 18.6549 14.2757 18.2599 15.1512 17.5951H8.84912C9.72465 18.2598 10.816 18.6549 12.0002 18.6549Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M7.21729 15.5245C7.38289 15.9035 7.59289 16.2585 7.83955 16.5843H16.1607C16.4074 16.2585 16.6174 15.9035 16.783 15.5245H7.21729Z\"\n          fill=\"#F0F0F0\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_246_4693\">\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.es103.js

@@ -1,8 +1,8 @@
 import o from "./kong-icons.es961.js";
 /* empty css                 */
-import a from "./kong-icons.es408.js";
-const p = /* @__PURE__ */ a(o, [["__scopeId", "data-v-9daa4843"]]);
+import t from "./kong-icons.es408.js";
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-08f1bb80"]]);
 export {
-  p as default
+  f as default
 };
 //# sourceMappingURL=kong-icons.es103.js.map

package/dist/kong-icons.es1031.js

@@ -1,6 +1,6 @@
-import { defineComponent as p, computed as l, openBlock as o, createBlock as u, resolveDynamicComponent as f, normalizeStyle as h, withCtx as g, createElementBlock as n, toDisplayString as m, createCommentVNode as y, pushScopeId as S, popScopeId as v, createElementVNode as i } from "vue";
+import { defineComponent as p, computed as a, openBlock as o, createBlock as u, resolveDynamicComponent as f, normalizeStyle as h, withCtx as g, createElementBlock as n, toDisplayString as m, createCommentVNode as y, pushScopeId as S, popScopeId as v, createElementVNode as i } from "vue";
 import { KUI_ICON_SIZE_50 as d } from "./kong-icons.es1215.js";
-const s = (e) => (S("data-v-8811a2ef"), e = e(), v(), e), N = ["aria-hidden"], b = {
+const s = (e) => (S("data-v-c0bd4b63"), e = e(), v(), e), b = ["aria-hidden"], N = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, _ = /* @__PURE__ */ s(() => /* @__PURE__ */ i("g", { "clip-path": "url(#clip0_246_4975)" }, [
@@ -32,7 +32,7 @@ const s = (e) => (S("data-v-8811a2ef"), e = e(), v(), e), N = ["aria-hidden"], b
       width: "24"
     })
   ])
-], -1)), L = /* @__PURE__ */ p({
+], -1)), k = /* @__PURE__ */ p({
   __name: "FlagMpIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -84,24 +84,25 @@ const s = (e) => (S("data-v-8811a2ef"), e = e(), v(), e), N = ["aria-hidden"], b
     }
   },
   setup(e) {
-    const t = e, r = l(() => {
+    const t = e, r = a(() => {
       if (typeof t.size == "number" && t.size > 0)
         return `${t.size}px`;
       if (typeof t.size == "string") {
-        const a = String(t.size).replace(/px/gi, ""), C = Number(a);
+        const l = String(t.size).replace(/px/gi, ""), C = Number(l);
         if (C && !isNaN(C) && Number.isInteger(C) && C > 0)
           return `${C}px`;
       }
       return d;
-    }), c = l(() => ({
+    }), c = a(() => ({
       boxSizing: "border-box",
       color: t.color,
       display: t.display,
+      flexShrink: "0",
       height: r.value,
       lineHeight: "0",
       width: r.value
     }));
-    return (a, C) => (o(), u(f(e.as), {
+    return (l, C) => (o(), u(f(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon flag-mp-icon",
       "data-testid": "kui-icon-wrapper-flag-mp-icon",
@@ -118,16 +119,16 @@ const s = (e) => (S("data-v-8811a2ef"), e = e(), v(), e), N = ["aria-hidden"], b
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (o(), n("title", b, m(e.title), 1)) : y("", !0),
+          e.title ? (o(), n("title", N, m(e.title), 1)) : y("", !0),
           _,
           w
-        ], 8, N))
+        ], 8, b))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style"]));
   }
 });
 export {
-  L as default
+  k as default
 };
 //# sourceMappingURL=kong-icons.es1031.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es1031.js","sources":["../src/components/flags/FlagMpIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagMpIcon.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-mp-icon\"\n    data-testid=\"kui-icon-wrapper-flag-mp-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-mp-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_246_4975)\">\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=\"#338AF3\"\n        />\n        <path\n          d=\"M11.6216 19.5558C11.2981 19.5401 11.0304 19.3299 10.9256 19.0445C10.7404 19.286 10.4221 19.4076 10.1085 19.3268C9.79442 19.2459 9.57482 18.9861 9.52939 18.6845C9.29877 18.8837 8.96277 18.938 8.67219 18.7956C8.38105 18.6527 8.2183 18.3536 8.23499 18.0495C7.96944 18.1987 7.62927 18.1841 7.3731 17.9858C7.11744 17.7875 7.01778 17.4625 7.09499 17.1677C6.80488 17.2606 6.47516 17.1782 6.26385 16.9324C6.05253 16.6872 6.02014 16.3486 6.15482 16.0757C5.85219 16.108 5.54544 15.9609 5.38785 15.6782C5.22974 15.3954 5.2663 15.0568 5.45357 14.8162C5.15043 14.787 4.87911 14.5809 4.78208 14.272C4.68453 13.9631 4.78888 13.6386 5.02105 13.4409C4.72991 13.351 4.5066 13.0944 4.47374 12.7725C4.44088 12.4506 4.60785 12.1548 4.87442 12.0077C4.6078 11.8615 4.4398 11.5658 4.47163 11.2443H4.47214C4.50397 10.9219 4.72728 10.6647 5.01786 10.5739C4.78569 10.3767 4.68032 10.0527 4.77683 9.74378C4.87335 9.4344 5.1441 9.22778 5.44728 9.1975C5.25997 8.9575 5.22243 8.61882 5.37946 8.33561C5.53649 8.05281 5.84328 7.90515 6.14643 7.93698C6.01077 7.66412 6.0426 7.3255 6.25339 7.07926C6.46367 6.83354 6.79339 6.75057 7.08402 6.8424C7.00574 6.54812 7.10488 6.22257 7.36053 6.02382C7.61567 5.82498 7.95585 5.80984 8.22139 5.95801C8.20419 5.65389 8.36642 5.35487 8.65705 5.21139C8.94716 5.06842 9.28368 5.12167 9.51477 5.32093C9.55911 5.01943 9.77877 4.75858 10.0923 4.67711C10.4053 4.59573 10.7236 4.71625 10.9093 4.95728C11.0142 4.6719 11.2813 4.46111 11.6048 4.44493C11.9278 4.42829 12.2147 4.60979 12.3483 4.88275C12.508 4.62395 12.8116 4.47058 13.1315 4.51909C13.4518 4.56709 13.6976 4.80287 13.7737 5.09772C13.9824 4.87539 14.3111 4.78726 14.6148 4.89887C14.9189 5.01104 15.112 5.29173 15.1266 5.59642C15.3755 5.42115 15.7156 5.40076 15.9906 5.5719C16.2656 5.74253 16.3976 6.05607 16.3506 6.35711C16.6297 6.23556 16.9668 6.28407 17.2016 6.50631C17.4364 6.72911 17.5031 7.06248 17.3967 7.34786C17.6946 7.28472 18.015 7.39951 18.2007 7.66506C18.3864 7.93009 18.3849 8.27026 18.2237 8.52854C18.5278 8.52643 18.8185 8.70386 18.9473 9.00072C19.0757 9.29809 19.0052 9.63151 18.795 9.8522C19.094 9.91168 19.3428 10.1439 19.4085 10.4611C19.4737 10.7783 19.3376 11.0897 19.0877 11.2635C19.3673 11.382 19.5645 11.659 19.5651 11.9825V11.9929V11.9997C19.5651 12.3232 19.3689 12.6008 19.0892 12.7202C19.3397 12.893 19.4769 13.2044 19.4117 13.5216C19.347 13.8388 19.0986 14.0716 18.7997 14.1321C19.0105 14.3522 19.082 14.6851 18.9541 14.983C18.8263 15.2804 18.5357 15.4584 18.231 15.4568C18.3927 15.715 18.3953 16.0552 18.2101 16.3208C18.0249 16.5864 17.7051 16.7022 17.4072 16.6396C17.5141 16.9244 17.4478 17.2584 17.2136 17.4817C16.9788 17.7045 16.6423 17.7535 16.3632 17.633C16.4106 17.9335 16.2792 18.2476 16.0047 18.4193C15.7303 18.5909 15.3901 18.571 15.1407 18.3963C15.1266 18.701 14.9346 18.9822 14.631 19.0949C14.3274 19.2076 14.631 19.0949 14.6305 19.0949C14.3268 19.2071 13.9981 19.1195 13.7889 18.8978C13.7138 19.1931 13.4686 19.4294 13.1482 19.4785C12.8284 19.527 12.5242 19.3746 12.3641 19.1158C12.2368 19.3783 11.9676 19.5567 11.6608 19.5567C11.6477 19.5569 11.6346 19.5564 11.6216 19.5558Z\"\n          fill=\"#F3F3F3\"\n        />\n        <path\n          d=\"M12.0001 17.2174C14.8816 17.2174 17.2175 14.8815 17.2175 12C17.2175 9.11852 14.8816 6.78262 12.0001 6.78262C9.11861 6.78262 6.78271 9.11852 6.78271 12C6.78271 14.8815 9.11861 17.2174 12.0001 17.2174Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M13.142 10.229C13.3983 10.0389 13.5652 9.735 13.5652 9.39131V8.8696C13.5652 8.29327 13.0981 7.82611 12.5217 7.82611H11.4783C10.902 7.82611 10.4348 8.29327 10.4348 8.8696V9.39131C10.4348 9.735 10.6017 10.0389 10.858 10.229L9.91309 19.8261C9.91309 19.8261 10.4348 20.3479 12.0001 20.3479C13.5653 20.3479 14.087 19.8261 14.087 19.8261L13.142 10.229Z\"\n          fill=\"#BDBCC1\"\n        />\n        <path\n          d=\"M11.9998 7.82611L12.9062 10.616H15.8399L13.4666 12.3405L14.373 15.1305L11.9998 13.4062L9.62639 15.1305L10.533 12.3405L8.15967 10.616H11.0932L11.9998 7.82611Z\"\n          fill=\"#F0F0F0\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_246_4975\">\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.es1031.js","sources":["../src/components/flags/FlagMpIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagMpIcon.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-mp-icon\"\n    data-testid=\"kui-icon-wrapper-flag-mp-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-mp-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_246_4975)\">\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=\"#338AF3\"\n        />\n        <path\n          d=\"M11.6216 19.5558C11.2981 19.5401 11.0304 19.3299 10.9256 19.0445C10.7404 19.286 10.4221 19.4076 10.1085 19.3268C9.79442 19.2459 9.57482 18.9861 9.52939 18.6845C9.29877 18.8837 8.96277 18.938 8.67219 18.7956C8.38105 18.6527 8.2183 18.3536 8.23499 18.0495C7.96944 18.1987 7.62927 18.1841 7.3731 17.9858C7.11744 17.7875 7.01778 17.4625 7.09499 17.1677C6.80488 17.2606 6.47516 17.1782 6.26385 16.9324C6.05253 16.6872 6.02014 16.3486 6.15482 16.0757C5.85219 16.108 5.54544 15.9609 5.38785 15.6782C5.22974 15.3954 5.2663 15.0568 5.45357 14.8162C5.15043 14.787 4.87911 14.5809 4.78208 14.272C4.68453 13.9631 4.78888 13.6386 5.02105 13.4409C4.72991 13.351 4.5066 13.0944 4.47374 12.7725C4.44088 12.4506 4.60785 12.1548 4.87442 12.0077C4.6078 11.8615 4.4398 11.5658 4.47163 11.2443H4.47214C4.50397 10.9219 4.72728 10.6647 5.01786 10.5739C4.78569 10.3767 4.68032 10.0527 4.77683 9.74378C4.87335 9.4344 5.1441 9.22778 5.44728 9.1975C5.25997 8.9575 5.22243 8.61882 5.37946 8.33561C5.53649 8.05281 5.84328 7.90515 6.14643 7.93698C6.01077 7.66412 6.0426 7.3255 6.25339 7.07926C6.46367 6.83354 6.79339 6.75057 7.08402 6.8424C7.00574 6.54812 7.10488 6.22257 7.36053 6.02382C7.61567 5.82498 7.95585 5.80984 8.22139 5.95801C8.20419 5.65389 8.36642 5.35487 8.65705 5.21139C8.94716 5.06842 9.28368 5.12167 9.51477 5.32093C9.55911 5.01943 9.77877 4.75858 10.0923 4.67711C10.4053 4.59573 10.7236 4.71625 10.9093 4.95728C11.0142 4.6719 11.2813 4.46111 11.6048 4.44493C11.9278 4.42829 12.2147 4.60979 12.3483 4.88275C12.508 4.62395 12.8116 4.47058 13.1315 4.51909C13.4518 4.56709 13.6976 4.80287 13.7737 5.09772C13.9824 4.87539 14.3111 4.78726 14.6148 4.89887C14.9189 5.01104 15.112 5.29173 15.1266 5.59642C15.3755 5.42115 15.7156 5.40076 15.9906 5.5719C16.2656 5.74253 16.3976 6.05607 16.3506 6.35711C16.6297 6.23556 16.9668 6.28407 17.2016 6.50631C17.4364 6.72911 17.5031 7.06248 17.3967 7.34786C17.6946 7.28472 18.015 7.39951 18.2007 7.66506C18.3864 7.93009 18.3849 8.27026 18.2237 8.52854C18.5278 8.52643 18.8185 8.70386 18.9473 9.00072C19.0757 9.29809 19.0052 9.63151 18.795 9.8522C19.094 9.91168 19.3428 10.1439 19.4085 10.4611C19.4737 10.7783 19.3376 11.0897 19.0877 11.2635C19.3673 11.382 19.5645 11.659 19.5651 11.9825V11.9929V11.9997C19.5651 12.3232 19.3689 12.6008 19.0892 12.7202C19.3397 12.893 19.4769 13.2044 19.4117 13.5216C19.347 13.8388 19.0986 14.0716 18.7997 14.1321C19.0105 14.3522 19.082 14.6851 18.9541 14.983C18.8263 15.2804 18.5357 15.4584 18.231 15.4568C18.3927 15.715 18.3953 16.0552 18.2101 16.3208C18.0249 16.5864 17.7051 16.7022 17.4072 16.6396C17.5141 16.9244 17.4478 17.2584 17.2136 17.4817C16.9788 17.7045 16.6423 17.7535 16.3632 17.633C16.4106 17.9335 16.2792 18.2476 16.0047 18.4193C15.7303 18.5909 15.3901 18.571 15.1407 18.3963C15.1266 18.701 14.9346 18.9822 14.631 19.0949C14.3274 19.2076 14.631 19.0949 14.6305 19.0949C14.3268 19.2071 13.9981 19.1195 13.7889 18.8978C13.7138 19.1931 13.4686 19.4294 13.1482 19.4785C12.8284 19.527 12.5242 19.3746 12.3641 19.1158C12.2368 19.3783 11.9676 19.5567 11.6608 19.5567C11.6477 19.5569 11.6346 19.5564 11.6216 19.5558Z\"\n          fill=\"#F3F3F3\"\n        />\n        <path\n          d=\"M12.0001 17.2174C14.8816 17.2174 17.2175 14.8815 17.2175 12C17.2175 9.11852 14.8816 6.78262 12.0001 6.78262C9.11861 6.78262 6.78271 9.11852 6.78271 12C6.78271 14.8815 9.11861 17.2174 12.0001 17.2174Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M13.142 10.229C13.3983 10.0389 13.5652 9.735 13.5652 9.39131V8.8696C13.5652 8.29327 13.0981 7.82611 12.5217 7.82611H11.4783C10.902 7.82611 10.4348 8.29327 10.4348 8.8696V9.39131C10.4348 9.735 10.6017 10.0389 10.858 10.229L9.91309 19.8261C9.91309 19.8261 10.4348 20.3479 12.0001 20.3479C13.5653 20.3479 14.087 19.8261 14.087 19.8261L13.142 10.229Z\"\n          fill=\"#BDBCC1\"\n        />\n        <path\n          d=\"M11.9998 7.82611L12.9062 10.616H15.8399L13.4666 12.3405L14.373 15.1305L11.9998 13.4062L9.62639 15.1305L10.533 12.3405L8.15967 10.616H11.0932L11.9998 7.82611Z\"\n          fill=\"#F0F0F0\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_246_4975\">\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.es1033.js

@@ -1,9 +1,9 @@
-import { defineComponent as p, computed as n, openBlock as a, createBlock as u, resolveDynamicComponent as f, normalizeStyle as h, withCtx as g, createElementBlock as d, toDisplayString as m, createCommentVNode as H, 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 H, pushScopeId as y, popScopeId as S, createElementVNode as t } from "vue";
 import { KUI_ICON_SIZE_50 as C } from "./kong-icons.es1215.js";
-const s = (e) => (y("data-v-08a345c3"), e = e(), S(), e), v = ["aria-hidden"], F = {
+const s = (e) => (y("data-v-1de9bb1b"), e = e(), S(), e), b = ["aria-hidden"], v = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
-}, N = /* @__PURE__ */ s(() => /* @__PURE__ */ t("g", { "clip-path": "url(#clip0_246_4749)" }, [
+}, F = /* @__PURE__ */ s(() => /* @__PURE__ */ t("g", { "clip-path": "url(#clip0_246_4749)" }, [
   /* @__PURE__ */ t("path", {
     d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z",
     fill: "#F0F0F0"
@@ -40,7 +40,7 @@ const s = (e) => (y("data-v-08a345c3"), e = e(), S(), e), v = ["aria-hidden"], F
     d: "M6.70496 18.6853C6.70496 18.5258 6.83466 18.3961 6.99427 18.3961H7.61414C8.59402 18.3961 9.39122 17.5989 9.39122 16.6191C9.39122 15.6393 8.59407 14.842 7.61414 14.842H7.02549C6.83335 14.6977 6.57558 14.6087 6.29124 14.6087C5.69808 14.6087 5.21729 14.9934 5.21729 15.4678C5.21729 15.9377 5.68889 16.3188 6.27408 16.3263L6.2738 16.3297H7.61414C7.77375 16.3297 7.90346 16.4594 7.90346 16.619C7.90346 16.7785 7.77375 16.9083 7.61414 16.9083H6.99427C6.01439 16.9083 5.21729 17.7054 5.21729 18.6852C5.21729 19.6651 6.01435 20.4623 6.99427 20.4623H9.39118V18.9746H6.99427C6.83466 18.9746 6.70496 18.8448 6.70496 18.6853Z",
     fill: "#F0F0F0"
   })
-], -1)), b = /* @__PURE__ */ s(() => /* @__PURE__ */ t("defs", null, [
+], -1)), N = /* @__PURE__ */ s(() => /* @__PURE__ */ t("defs", null, [
   /* @__PURE__ */ t("clipPath", { id: "clip0_246_4749" }, [
     /* @__PURE__ */ t("rect", {
       fill: "white",
@@ -48,7 +48,7 @@ const s = (e) => (y("data-v-08a345c3"), e = e(), S(), e), v = ["aria-hidden"], F
       width: "24"
     })
   ])
-], -1)), z = /* @__PURE__ */ p({
+], -1)), x = /* @__PURE__ */ f({
   __name: "FlagMqIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -113,11 +113,12 @@ const s = (e) => (y("data-v-08a345c3"), e = e(), S(), e), v = ["aria-hidden"], F
       boxSizing: "border-box",
       color: i.color,
       display: i.display,
+      flexShrink: "0",
       height: r.value,
       lineHeight: "0",
       width: r.value
     }));
-    return (o, l) => (a(), u(f(e.as), {
+    return (o, l) => (a(), p(u(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon flag-mq-icon",
       "data-testid": "kui-icon-wrapper-flag-mq-icon",
@@ -134,16 +135,16 @@ const s = (e) => (y("data-v-08a345c3"), e = e(), S(), e), v = ["aria-hidden"], F
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (a(), d("title", F, m(e.title), 1)) : H("", !0),
-          N,
-          b
-        ], 8, v))
+          e.title ? (a(), d("title", v, m(e.title), 1)) : H("", !0),
+          F,
+          N
+        ], 8, b))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style"]));
   }
 });
 export {
-  z as default
+  x as default
 };
 //# sourceMappingURL=kong-icons.es1033.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es1033.js","sources":["../src/components/flags/FlagMqIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagMqIcon.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-mq-icon\"\n    data-testid=\"kui-icon-wrapper-flag-mq-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-mq-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_246_4749)\">\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.8974 10.4347C23.5664 7.90414 22.4296 5.45886 20.4855 3.51472C18.5414 1.57058 16.096 0.433814 13.5654 0.102783L13.5655 10.4347H23.8974Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M10.435 0.102783C7.90439 0.433814 5.45906 1.57053 3.51492 3.51467C1.57082 5.45886 0.434059 7.90419 0.103027 10.4348L10.435 10.4348L10.435 0.102783Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M0.103027 13.5652C0.434059 16.0958 1.57082 18.5412 3.51492 20.4853C5.45906 22.4294 7.90434 23.5661 10.435 23.8973L10.435 13.5653L0.103027 13.5652Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M13.5654 23.8972C16.096 23.5661 18.5413 22.4294 20.4854 20.4853C22.4296 18.5411 23.5663 16.0958 23.8973 13.5652H13.5654V23.8972Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M16.0961 7.61428C16.0961 7.45472 16.2258 7.32502 16.3854 7.32502H17.0053C17.9851 7.32502 18.7823 6.52786 18.7823 5.54803C18.7823 4.56821 17.9852 3.771 17.0053 3.771H16.4166C16.2245 3.62667 15.9667 3.53766 15.6824 3.53766C15.0892 3.53766 14.6084 3.92227 14.6084 4.39674C14.6084 4.86661 15.0801 5.2478 15.6652 5.25521L15.665 5.25863H17.0053C17.1649 5.25863 17.2946 5.38838 17.2946 5.54794C17.2946 5.7075 17.1649 5.83721 17.0053 5.83721H16.3854C15.4055 5.83721 14.6084 6.63436 14.6084 7.61419C14.6084 8.59402 15.4055 9.39122 16.3854 9.39122H18.7823V7.9035H16.3854C16.2258 7.90355 16.0961 7.77385 16.0961 7.61428Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M6.70491 7.61428C6.70491 7.45472 6.83461 7.32502 6.99422 7.32502H7.6141C8.59397 7.32502 9.39118 6.52786 9.39118 5.54803C9.39118 4.56821 8.59402 3.771 7.6141 3.771H7.02544C6.8333 3.62667 6.57554 3.53766 6.29119 3.53766C5.69808 3.53766 5.21729 3.92227 5.21729 4.39674C5.21729 4.86661 5.68889 5.2478 6.27408 5.25521L6.2738 5.25863H7.61414C7.77375 5.25863 7.90346 5.38838 7.90346 5.54794C7.90346 5.7075 7.77375 5.83721 7.61414 5.83721H6.99427C6.01439 5.83721 5.21729 6.63436 5.21729 7.61419C5.21729 8.59402 6.01435 9.39122 6.99427 9.39122H9.39113V7.9035H6.99422C6.83461 7.90355 6.70491 7.77385 6.70491 7.61428Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M16.0961 18.6853C16.0961 18.5258 16.2258 18.3961 16.3854 18.3961H17.0053C17.9852 18.3961 18.7824 17.5989 18.7824 16.6191C18.7824 15.6393 17.9852 14.842 17.0053 14.842H16.4166C16.2245 14.6977 15.9667 14.6087 15.6824 14.6087C15.0892 14.6087 14.6084 14.9934 14.6084 15.4678C14.6084 15.9377 15.0801 16.3188 15.6652 16.3263L15.665 16.3297H17.0053C17.1649 16.3297 17.2946 16.4594 17.2946 16.619C17.2946 16.7785 17.1649 16.9083 17.0053 16.9083H16.3854C15.4055 16.9083 14.6084 17.7054 14.6084 18.6852C14.6084 19.6651 15.4055 20.4623 16.3854 20.4623H18.7823V18.9746H16.3854C16.2258 18.9746 16.0961 18.8448 16.0961 18.6853Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M6.70496 18.6853C6.70496 18.5258 6.83466 18.3961 6.99427 18.3961H7.61414C8.59402 18.3961 9.39122 17.5989 9.39122 16.6191C9.39122 15.6393 8.59407 14.842 7.61414 14.842H7.02549C6.83335 14.6977 6.57558 14.6087 6.29124 14.6087C5.69808 14.6087 5.21729 14.9934 5.21729 15.4678C5.21729 15.9377 5.68889 16.3188 6.27408 16.3263L6.2738 16.3297H7.61414C7.77375 16.3297 7.90346 16.4594 7.90346 16.619C7.90346 16.7785 7.77375 16.9083 7.61414 16.9083H6.99427C6.01439 16.9083 5.21729 17.7054 5.21729 18.6852C5.21729 19.6651 6.01435 20.4623 6.99427 20.4623H9.39118V18.9746H6.99427C6.83466 18.9746 6.70496 18.8448 6.70496 18.6853Z\"\n          fill=\"#F0F0F0\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_246_4749\">\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.es1033.js","sources":["../src/components/flags/FlagMqIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagMqIcon.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-mq-icon\"\n    data-testid=\"kui-icon-wrapper-flag-mq-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-mq-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_246_4749)\">\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.8974 10.4347C23.5664 7.90414 22.4296 5.45886 20.4855 3.51472C18.5414 1.57058 16.096 0.433814 13.5654 0.102783L13.5655 10.4347H23.8974Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M10.435 0.102783C7.90439 0.433814 5.45906 1.57053 3.51492 3.51467C1.57082 5.45886 0.434059 7.90419 0.103027 10.4348L10.435 10.4348L10.435 0.102783Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M0.103027 13.5652C0.434059 16.0958 1.57082 18.5412 3.51492 20.4853C5.45906 22.4294 7.90434 23.5661 10.435 23.8973L10.435 13.5653L0.103027 13.5652Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M13.5654 23.8972C16.096 23.5661 18.5413 22.4294 20.4854 20.4853C22.4296 18.5411 23.5663 16.0958 23.8973 13.5652H13.5654V23.8972Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M16.0961 7.61428C16.0961 7.45472 16.2258 7.32502 16.3854 7.32502H17.0053C17.9851 7.32502 18.7823 6.52786 18.7823 5.54803C18.7823 4.56821 17.9852 3.771 17.0053 3.771H16.4166C16.2245 3.62667 15.9667 3.53766 15.6824 3.53766C15.0892 3.53766 14.6084 3.92227 14.6084 4.39674C14.6084 4.86661 15.0801 5.2478 15.6652 5.25521L15.665 5.25863H17.0053C17.1649 5.25863 17.2946 5.38838 17.2946 5.54794C17.2946 5.7075 17.1649 5.83721 17.0053 5.83721H16.3854C15.4055 5.83721 14.6084 6.63436 14.6084 7.61419C14.6084 8.59402 15.4055 9.39122 16.3854 9.39122H18.7823V7.9035H16.3854C16.2258 7.90355 16.0961 7.77385 16.0961 7.61428Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M6.70491 7.61428C6.70491 7.45472 6.83461 7.32502 6.99422 7.32502H7.6141C8.59397 7.32502 9.39118 6.52786 9.39118 5.54803C9.39118 4.56821 8.59402 3.771 7.6141 3.771H7.02544C6.8333 3.62667 6.57554 3.53766 6.29119 3.53766C5.69808 3.53766 5.21729 3.92227 5.21729 4.39674C5.21729 4.86661 5.68889 5.2478 6.27408 5.25521L6.2738 5.25863H7.61414C7.77375 5.25863 7.90346 5.38838 7.90346 5.54794C7.90346 5.7075 7.77375 5.83721 7.61414 5.83721H6.99427C6.01439 5.83721 5.21729 6.63436 5.21729 7.61419C5.21729 8.59402 6.01435 9.39122 6.99427 9.39122H9.39113V7.9035H6.99422C6.83461 7.90355 6.70491 7.77385 6.70491 7.61428Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M16.0961 18.6853C16.0961 18.5258 16.2258 18.3961 16.3854 18.3961H17.0053C17.9852 18.3961 18.7824 17.5989 18.7824 16.6191C18.7824 15.6393 17.9852 14.842 17.0053 14.842H16.4166C16.2245 14.6977 15.9667 14.6087 15.6824 14.6087C15.0892 14.6087 14.6084 14.9934 14.6084 15.4678C14.6084 15.9377 15.0801 16.3188 15.6652 16.3263L15.665 16.3297H17.0053C17.1649 16.3297 17.2946 16.4594 17.2946 16.619C17.2946 16.7785 17.1649 16.9083 17.0053 16.9083H16.3854C15.4055 16.9083 14.6084 17.7054 14.6084 18.6852C14.6084 19.6651 15.4055 20.4623 16.3854 20.4623H18.7823V18.9746H16.3854C16.2258 18.9746 16.0961 18.8448 16.0961 18.6853Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M6.70496 18.6853C6.70496 18.5258 6.83466 18.3961 6.99427 18.3961H7.61414C8.59402 18.3961 9.39122 17.5989 9.39122 16.6191C9.39122 15.6393 8.59407 14.842 7.61414 14.842H7.02549C6.83335 14.6977 6.57558 14.6087 6.29124 14.6087C5.69808 14.6087 5.21729 14.9934 5.21729 15.4678C5.21729 15.9377 5.68889 16.3188 6.27408 16.3263L6.2738 16.3297H7.61414C7.77375 16.3297 7.90346 16.4594 7.90346 16.619C7.90346 16.7785 7.77375 16.9083 7.61414 16.9083H6.99427C6.01439 16.9083 5.21729 17.7054 5.21729 18.6852C5.21729 19.6651 6.01435 20.4623 6.99427 20.4623H9.39118V18.9746H6.99427C6.83466 18.9746 6.70496 18.8448 6.70496 18.6853Z\"\n          fill=\"#F0F0F0\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_246_4749\">\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.es1035.js

@@ -1,6 +1,6 @@
-import { defineComponent as p, computed as n, openBlock as a, createBlock as f, resolveDynamicComponent as g, normalizeStyle as m, withCtx as h, createElementBlock as s, toDisplayString as y, createCommentVNode as S, pushScopeId as v, popScopeId as C, createElementVNode as r } from "vue";
+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 b, popScopeId as v, createElementVNode as r } from "vue";
 import { KUI_ICON_SIZE_50 as d } from "./kong-icons.es1215.js";
-const c = (e) => (v("data-v-2492a564"), e = e(), C(), e), N = ["aria-hidden"], b = {
+const c = (e) => (b("data-v-e4bbb39c"), e = e(), v(), e), C = ["aria-hidden"], N = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, _ = /* @__PURE__ */ c(() => /* @__PURE__ */ r("g", { "clip-path": "url(#clip0_246_4761)" }, [
@@ -24,7 +24,7 @@ const c = (e) => (v("data-v-2492a564"), e = e(), C(), e), N = ["aria-hidden"], b
       width: "24"
     })
   ])
-], -1)), k = /* @__PURE__ */ p({
+], -1)), k = /* @__PURE__ */ f({
   __name: "FlagMrIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -89,17 +89,18 @@ const c = (e) => (v("data-v-2492a564"), e = e(), C(), e), N = ["aria-hidden"], b
       boxSizing: "border-box",
       color: t.color,
       display: t.display,
+      flexShrink: "0",
       height: i.value,
       lineHeight: "0",
       width: i.value
     }));
-    return (l, o) => (a(), f(g(e.as), {
+    return (l, o) => (a(), p(g(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon flag-mr-icon",
       "data-testid": "kui-icon-wrapper-flag-mr-icon",
-      style: m(u.value)
+      style: h(u.value)
     }, {
-      default: h(() => [
+      default: m(() => [
         (a(), s("svg", {
           "aria-hidden": e.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-flag-mr-icon",
@@ -110,10 +111,10 @@ const c = (e) => (v("data-v-2492a564"), e = e(), C(), e), N = ["aria-hidden"], b
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (a(), s("title", b, y(e.title), 1)) : S("", !0),
+          e.title ? (a(), s("title", N, y(e.title), 1)) : S("", !0),
           _,
           w
-        ], 8, N))
+        ], 8, C))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style"]));

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es1035.js","sources":["../src/components/flags/FlagMrIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagMrIcon.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-mr-icon\"\n    data-testid=\"kui-icon-wrapper-flag-mr-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-mr-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_246_4761)\">\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=\"#496E2D\"\n        />\n        <path\n          d=\"M12.0001 13.8633C10.002 13.8633 8.33275 12.4591 7.9232 10.5838C7.8603 10.8721 7.82617 11.171 7.82617 11.4782C7.82617 13.7835 9.69484 15.6521 12.0001 15.6521C14.3053 15.6521 16.174 13.7835 16.174 11.4782C16.174 11.171 16.1398 10.8721 16.0769 10.5838C15.6674 12.4591 13.9982 13.8633 12.0001 13.8633Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M12.0002 8.34784L12.3887 9.54357H13.6461L12.6289 10.2826L13.0174 11.4783L12.0002 10.7393L10.9831 11.4783L11.3716 10.2826L10.3545 9.54357H11.6117L12.0002 8.34784Z\"\n          fill=\"#FFDA44\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_246_4761\">\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.es1035.js","sources":["../src/components/flags/FlagMrIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagMrIcon.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-mr-icon\"\n    data-testid=\"kui-icon-wrapper-flag-mr-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-mr-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_246_4761)\">\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=\"#496E2D\"\n        />\n        <path\n          d=\"M12.0001 13.8633C10.002 13.8633 8.33275 12.4591 7.9232 10.5838C7.8603 10.8721 7.82617 11.171 7.82617 11.4782C7.82617 13.7835 9.69484 15.6521 12.0001 15.6521C14.3053 15.6521 16.174 13.7835 16.174 11.4782C16.174 11.171 16.1398 10.8721 16.0769 10.5838C15.6674 12.4591 13.9982 13.8633 12.0001 13.8633Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M12.0002 8.34784L12.3887 9.54357H13.6461L12.6289 10.2826L13.0174 11.4783L12.0002 10.7393L10.9831 11.4783L11.3716 10.2826L10.3545 9.54357H11.6117L12.0002 8.34784Z\"\n          fill=\"#FFDA44\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_246_4761\">\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.es1037.js

@@ -1,6 +1,6 @@
 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 H, popScopeId as S, createElementVNode as t } from "vue";
 import { KUI_ICON_SIZE_50 as s } from "./kong-icons.es1215.js";
-const c = (e) => (H("data-v-a839fe55"), e = e(), S(), e), v = ["aria-hidden"], b = {
+const c = (e) => (H("data-v-6b0d45e9"), e = e(), S(), e), v = ["aria-hidden"], b = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, N = /* @__PURE__ */ c(() => /* @__PURE__ */ t("g", { "clip-path": "url(#clip0_246_4835)" }, [
@@ -44,7 +44,7 @@ const c = (e) => (H("data-v-a839fe55"), e = e(), S(), e), v = ["aria-hidden"], b
       width: "24"
     })
   ])
-], -1)), V = /* @__PURE__ */ f({
+], -1)), z = /* @__PURE__ */ f({
   __name: "FlagMsIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -109,6 +109,7 @@ const c = (e) => (H("data-v-a839fe55"), e = e(), S(), e), v = ["aria-hidden"], b
       boxSizing: "border-box",
       color: i.color,
       display: i.display,
+      flexShrink: "0",
       height: r.value,
       lineHeight: "0",
       width: r.value
@@ -140,6 +141,6 @@ const c = (e) => (H("data-v-a839fe55"), e = e(), S(), e), v = ["aria-hidden"], b
   }
 });
 export {
-  V as default
+  z as default
 };
 //# sourceMappingURL=kong-icons.es1037.js.map