@kong/icons 1.14.3 → 1.14.4-pr.355.d6a1b76.0

package/dist/kong-icons.es803.js

@@ -0,0 +1,149 @@
+import { defineComponent as u, computed as n, openBlock as a, createBlock as f, resolveDynamicComponent as h, normalizeStyle as L, withCtx as g, createElementBlock as d, toDisplayString as m, createCommentVNode as y, pushScopeId as C, popScopeId as S, createElementVNode as t } from "vue";
+import { KUI_ICON_SIZE_50 as s } from "./kong-icons.es1215.js";
+const c = (e) => (C("data-v-9d151e84"), e = e(), S(), e), b = ["aria-hidden"], v = {
+  key: 0,
+  "data-testid": "kui-icon-svg-title"
+}, N = /* @__PURE__ */ c(() => /* @__PURE__ */ t("g", { "clip-path": "url(#clip0_1_2289)" }, [
+  /* @__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"
+  }),
+  /* @__PURE__ */ t("path", {
+    d: "M19.3067 2.47992C15.0105 -0.825982 8.98949 -0.825982 4.6933 2.47988L12 9.78656L19.3067 2.47992Z",
+    fill: "#D80027"
+  }),
+  /* @__PURE__ */ t("path", {
+    d: "M11.9999 14.214L4.6933 21.5206C8.98949 24.8265 15.0105 24.8265 19.3067 21.5206L12 14.2139L11.9999 14.214Z",
+    fill: "#D80027"
+  }),
+  /* @__PURE__ */ t("path", {
+    d: "M9.78644 12L2.4798 4.69336C-0.82611 8.98955 -0.82611 15.0105 2.4798 19.3067L9.78644 12Z",
+    fill: "#6DA544"
+  }),
+  /* @__PURE__ */ t("path", {
+    d: "M14.2136 12L21.5202 19.3067C24.8261 15.0105 24.8261 8.98955 21.5202 4.69336L14.2136 12Z",
+    fill: "#6DA544"
+  }),
+  /* @__PURE__ */ t("path", {
+    d: "M12 17.2175C14.8815 17.2175 17.2174 14.8816 17.2174 12.0001C17.2174 9.11861 14.8815 6.78271 12 6.78271C9.11855 6.78271 6.78265 9.11861 6.78265 12.0001C6.78265 14.8816 9.11855 17.2175 12 17.2175Z",
+    fill: "#F0F0F0"
+  }),
+  /* @__PURE__ */ t("path", {
+    d: "M12 8.34766L12.4518 9.13028H13.3555L12.9037 9.91286L13.3555 10.6955H12.4518L12 11.4781L11.5482 10.6955H10.6445L11.0964 9.91286L10.6445 9.13028H11.5482L12 8.34766Z",
+    fill: "#D80027"
+  }),
+  /* @__PURE__ */ t("path", {
+    d: "M9.70337 12L10.1552 12.7826H11.0589L10.607 13.5652L11.0589 14.3478H10.1552L9.70337 15.1305L9.2515 14.3478H8.34784L8.79967 13.5652L8.34784 12.7826H9.2515L9.70337 12Z",
+    fill: "#D80027"
+  }),
+  /* @__PURE__ */ t("path", {
+    d: "M14.2967 12L14.7485 12.7826H15.6522L15.2003 13.5652L15.6522 14.3478H14.7485L14.2967 15.1305L13.8448 14.3478H12.9412L13.393 13.5652L12.9412 12.7826H13.8448L14.2967 12Z",
+    fill: "#D80027"
+  })
+], -1)), H = /* @__PURE__ */ c(() => /* @__PURE__ */ t("defs", null, [
+  /* @__PURE__ */ t("clipPath", { id: "clip0_1_2289" }, [
+    /* @__PURE__ */ t("rect", {
+      fill: "white",
+      height: "24",
+      width: "24"
+    })
+  ])
+], -1)), z = /* @__PURE__ */ u({
+  __name: "FlagBiIcon",
+  props: {
+    /** The accessibility text provided to screen readers */
+    title: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
+    color: {
+      type: String,
+      required: !1,
+      default: "currentColor"
+    },
+    /** The CSS display property for the icon. Defaults to `block` */
+    display: {
+      type: String,
+      required: !1,
+      default: "block"
+    },
+    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
+    decorative: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    /** The icon size */
+    size: {
+      type: [Number, String],
+      required: !1,
+      default: s,
+      // if setting to the imported const fails, just pass a number of 24 as the default.
+      validator: (e) => {
+        if (typeof e == "number" && e > 0)
+          return !0;
+        if (typeof e == "string") {
+          const i = String(e).replace(/px/gi, ""), r = Number(i);
+          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
+            return !0;
+        }
+        return !1;
+      }
+    },
+    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
+    as: {
+      type: String,
+      required: !1,
+      default: "span"
+    }
+  },
+  setup(e) {
+    const i = e, r = n(() => {
+      if (typeof i.size == "number" && i.size > 0)
+        return `${i.size}px`;
+      if (typeof i.size == "string") {
+        const o = String(i.size).replace(/px/gi, ""), l = Number(o);
+        if (l && !isNaN(l) && Number.isInteger(l) && l > 0)
+          return `${l}px`;
+      }
+      return s;
+    }), p = n(() => ({
+      boxSizing: "border-box",
+      color: i.color,
+      display: i.display,
+      height: r.value,
+      lineHeight: "0",
+      width: r.value
+    }));
+    return (o, l) => (a(), f(h(e.as), {
+      "aria-hidden": e.decorative ? "true" : void 0,
+      class: "kui-icon flag-bi-icon",
+      "data-testid": "kui-icon-wrapper-flag-bi-icon",
+      style: L(p.value)
+    }, {
+      default: g(() => [
+        (a(), d("svg", {
+          "aria-hidden": e.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-flag-bi-icon",
+          fill: "none",
+          height: "100%",
+          role: "img",
+          viewBox: "0 0 24 24",
+          width: "100%",
+          xmlns: "http://www.w3.org/2000/svg"
+        }, [
+          e.title ? (a(), d("title", v, m(e.title), 1)) : y("", !0),
+          N,
+          H
+        ], 8, b))
+      ]),
+      _: 1
+    }, 8, ["aria-hidden", "style"]));
+  }
+});
+export {
+  z as default
+};
+//# sourceMappingURL=kong-icons.es803.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"kong-icons.es803.js","sources":["../src/components/flags/FlagBiIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagBiIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 16 Jul 2024 07:47:20 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-bi-icon\"\n    data-testid=\"kui-icon-wrapper-flag-bi-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-bi-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_1_2289)\">\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=\"M19.3067 2.47992C15.0105 -0.825982 8.98949 -0.825982 4.6933 2.47988L12 9.78656L19.3067 2.47992Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M11.9999 14.214L4.6933 21.5206C8.98949 24.8265 15.0105 24.8265 19.3067 21.5206L12 14.2139L11.9999 14.214Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M9.78644 12L2.4798 4.69336C-0.82611 8.98955 -0.82611 15.0105 2.4798 19.3067L9.78644 12Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M14.2136 12L21.5202 19.3067C24.8261 15.0105 24.8261 8.98955 21.5202 4.69336L14.2136 12Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M12 17.2175C14.8815 17.2175 17.2174 14.8816 17.2174 12.0001C17.2174 9.11861 14.8815 6.78271 12 6.78271C9.11855 6.78271 6.78265 9.11861 6.78265 12.0001C6.78265 14.8816 9.11855 17.2175 12 17.2175Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M12 8.34766L12.4518 9.13028H13.3555L12.9037 9.91286L13.3555 10.6955H12.4518L12 11.4781L11.5482 10.6955H10.6445L11.0964 9.91286L10.6445 9.13028H11.5482L12 8.34766Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M9.70337 12L10.1552 12.7826H11.0589L10.607 13.5652L11.0589 14.3478H10.1552L9.70337 15.1305L9.2515 14.3478H8.34784L8.79967 13.5652L8.34784 12.7826H9.2515L9.70337 12Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M14.2967 12L14.7485 12.7826H15.6522L15.2003 13.5652L15.6522 14.3478H14.7485L14.2967 15.1305L13.8448 14.3478H12.9412L13.393 13.5652L12.9412 12.7826H13.8448L14.2967 12Z\"\n          fill=\"#D80027\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2289\">\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;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es805.js

@@ -0,0 +1,125 @@
+import { defineComponent as p, computed as n, openBlock as a, createBlock as f, resolveDynamicComponent as g, normalizeStyle as h, withCtx as m, createElementBlock as s, toDisplayString as y, createCommentVNode as S, pushScopeId as b, popScopeId as v, createElementVNode as r } from "vue";
+import { KUI_ICON_SIZE_50 as d } from "./kong-icons.es1215.js";
+const c = (e) => (b("data-v-511b3c20"), e = e(), v(), e), N = ["aria-hidden"], _ = {
+  key: 0,
+  "data-testid": "kui-icon-svg-title"
+}, w = /* @__PURE__ */ c(() => /* @__PURE__ */ r("g", { "clip-path": "url(#clip0_1_2275)" }, [
+  /* @__PURE__ */ r("path", {
+    d: "M7.82611 10.9565L8.8696 23.5866C9.8677 23.8557 10.9169 24 12 24C18.6274 24 24 18.6274 24 12L7.82611 10.9565Z",
+    fill: "#D80027"
+  }),
+  /* @__PURE__ */ r("path", {
+    d: "M7.82611 12L8.86955 0.413391C9.8677 0.144375 10.9169 0 12 0C18.6274 0 24 5.37262 24 12H7.82611Z",
+    fill: "#FFDA44"
+  }),
+  /* @__PURE__ */ r("path", {
+    d: "M0 12.0002C0 17.5445 3.76036 22.2098 8.86955 23.5868V0.413574C3.76036 1.79057 0 6.45586 0 12.0002Z",
+    fill: "#6DA544"
+  })
+], -1)), z = /* @__PURE__ */ c(() => /* @__PURE__ */ r("defs", null, [
+  /* @__PURE__ */ r("clipPath", { id: "clip0_1_2275" }, [
+    /* @__PURE__ */ r("rect", {
+      fill: "white",
+      height: "24",
+      width: "24"
+    })
+  ])
+], -1)), k = /* @__PURE__ */ p({
+  __name: "FlagBjIcon",
+  props: {
+    /** The accessibility text provided to screen readers */
+    title: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
+    color: {
+      type: String,
+      required: !1,
+      default: "currentColor"
+    },
+    /** The CSS display property for the icon. Defaults to `block` */
+    display: {
+      type: String,
+      required: !1,
+      default: "block"
+    },
+    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
+    decorative: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    /** The icon size */
+    size: {
+      type: [Number, String],
+      required: !1,
+      default: d,
+      // if setting to the imported const fails, just pass a number of 24 as the default.
+      validator: (e) => {
+        if (typeof e == "number" && e > 0)
+          return !0;
+        if (typeof e == "string") {
+          const t = String(e).replace(/px/gi, ""), i = Number(t);
+          if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
+            return !0;
+        }
+        return !1;
+      }
+    },
+    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
+    as: {
+      type: String,
+      required: !1,
+      default: "span"
+    }
+  },
+  setup(e) {
+    const t = e, i = n(() => {
+      if (typeof t.size == "number" && t.size > 0)
+        return `${t.size}px`;
+      if (typeof t.size == "string") {
+        const l = String(t.size).replace(/px/gi, ""), o = Number(l);
+        if (o && !isNaN(o) && Number.isInteger(o) && o > 0)
+          return `${o}px`;
+      }
+      return d;
+    }), u = n(() => ({
+      boxSizing: "border-box",
+      color: t.color,
+      display: t.display,
+      height: i.value,
+      lineHeight: "0",
+      width: i.value
+    }));
+    return (l, o) => (a(), f(g(e.as), {
+      "aria-hidden": e.decorative ? "true" : void 0,
+      class: "kui-icon flag-bj-icon",
+      "data-testid": "kui-icon-wrapper-flag-bj-icon",
+      style: h(u.value)
+    }, {
+      default: m(() => [
+        (a(), s("svg", {
+          "aria-hidden": e.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-flag-bj-icon",
+          fill: "none",
+          height: "100%",
+          role: "img",
+          viewBox: "0 0 24 24",
+          width: "100%",
+          xmlns: "http://www.w3.org/2000/svg"
+        }, [
+          e.title ? (a(), s("title", _, y(e.title), 1)) : S("", !0),
+          w,
+          z
+        ], 8, N))
+      ]),
+      _: 1
+    }, 8, ["aria-hidden", "style"]));
+  }
+});
+export {
+  k as default
+};
+//# sourceMappingURL=kong-icons.es805.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"kong-icons.es805.js","sources":["../src/components/flags/FlagBjIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagBjIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 16 Jul 2024 07:47:20 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-bj-icon\"\n    data-testid=\"kui-icon-wrapper-flag-bj-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-bj-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_1_2275)\">\n        <path\n          d=\"M7.82611 10.9565L8.8696 23.5866C9.8677 23.8557 10.9169 24 12 24C18.6274 24 24 18.6274 24 12L7.82611 10.9565Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M7.82611 12L8.86955 0.413391C9.8677 0.144375 10.9169 0 12 0C18.6274 0 24 5.37262 24 12H7.82611Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M0 12.0002C0 17.5445 3.76036 22.2098 8.86955 23.5868V0.413574C3.76036 1.79057 0 6.45586 0 12.0002Z\"\n          fill=\"#6DA544\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2275\">\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;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es807.js

@@ -0,0 +1,141 @@
+import { defineComponent as p, computed as n, openBlock as a, createBlock as f, resolveDynamicComponent as h, normalizeStyle as g, withCtx as m, createElementBlock as d, toDisplayString as C, createCommentVNode as y, pushScopeId as 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-3138a609"), e = e(), S(), e), b = ["aria-hidden"], v = {
+  key: 0,
+  "data-testid": "kui-icon-svg-title"
+}, V = /* @__PURE__ */ c(() => /* @__PURE__ */ t("g", { "clip-path": "url(#clip0_246_5346)" }, [
+  /* @__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"
+  }),
+  /* @__PURE__ */ t("path", {
+    d: "M21.426 9.65218H17.4782C17.4782 8.93182 16.8942 8.34784 16.1739 8.34784L15.1304 10.4348C15.1304 10.4348 16.2434 13.5652 16.2086 13.5652H17.513C18.2334 13.5652 18.8173 12.9813 18.8173 12.2609C19.5377 12.2609 20.1216 11.677 20.1216 10.9566H20.0782C20.7986 10.9565 21.426 10.3726 21.426 9.65218Z",
+    fill: "#ACABB1"
+  }),
+  /* @__PURE__ */ t("path", {
+    d: "M2.57373 9.65218H6.52155C6.52155 8.93182 7.10553 8.34784 7.82588 8.34784L8.86938 10.4348C8.86938 10.4348 7.75631 13.5652 7.79112 13.5652H6.48678C5.76638 13.5652 5.18245 12.9813 5.18245 12.2609C4.46205 12.2609 3.87811 11.677 3.87811 10.9566H3.92155C3.20115 10.9565 2.57373 10.3726 2.57373 9.65218Z",
+    fill: "#ACABB1"
+  }),
+  /* @__PURE__ */ t("path", {
+    d: "M16.174 16.6956V17.2173H7.8262V16.6956H5.73926V18.7826H7.8262V19.3043H16.174V18.7826H18.261V16.6956H16.174Z",
+    fill: "#FFDA44"
+  }),
+  /* @__PURE__ */ t("path", {
+    d: "M7.82617 8.34777V13.5651C7.82617 16.7601 12.0001 17.7391 12.0001 17.7391C12.0001 17.7391 16.174 16.7601 16.174 13.5651V8.34777L12.0001 7.82605L7.82617 8.34777Z",
+    fill: "#0052B4"
+  }),
+  /* @__PURE__ */ t("path", {
+    d: "M7.82617 10.4349H16.174V13.5654H7.82617V10.4349Z",
+    fill: "#D80027"
+  }),
+  /* @__PURE__ */ t("path", {
+    d: "M14.087 5.73911V6.52173L13.5653 6.78261L13.0436 6.26084V4.69562H10.9566V6.26084L10.4349 6.78261L9.91312 6.52173V5.73911H7.82617V8.34779H16.174V5.73911H14.087Z",
+    fill: "#FFDA44"
+  })
+], -1)), N = /* @__PURE__ */ c(() => /* @__PURE__ */ t("defs", null, [
+  /* @__PURE__ */ t("clipPath", { id: "clip0_246_5346" }, [
+    /* @__PURE__ */ t("rect", {
+      fill: "white",
+      height: "24",
+      width: "24"
+    })
+  ])
+], -1)), z = /* @__PURE__ */ p({
+  __name: "FlagBlIcon",
+  props: {
+    /** The accessibility text provided to screen readers */
+    title: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
+    color: {
+      type: String,
+      required: !1,
+      default: "currentColor"
+    },
+    /** The CSS display property for the icon. Defaults to `block` */
+    display: {
+      type: String,
+      required: !1,
+      default: "block"
+    },
+    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
+    decorative: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    /** The icon size */
+    size: {
+      type: [Number, String],
+      required: !1,
+      default: s,
+      // if setting to the imported const fails, just pass a number of 24 as the default.
+      validator: (e) => {
+        if (typeof e == "number" && e > 0)
+          return !0;
+        if (typeof e == "string") {
+          const i = String(e).replace(/px/gi, ""), r = Number(i);
+          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
+            return !0;
+        }
+        return !1;
+      }
+    },
+    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
+    as: {
+      type: String,
+      required: !1,
+      default: "span"
+    }
+  },
+  setup(e) {
+    const i = e, r = n(() => {
+      if (typeof i.size == "number" && i.size > 0)
+        return `${i.size}px`;
+      if (typeof i.size == "string") {
+        const o = String(i.size).replace(/px/gi, ""), l = Number(o);
+        if (l && !isNaN(l) && Number.isInteger(l) && l > 0)
+          return `${l}px`;
+      }
+      return s;
+    }), u = n(() => ({
+      boxSizing: "border-box",
+      color: i.color,
+      display: i.display,
+      height: r.value,
+      lineHeight: "0",
+      width: r.value
+    }));
+    return (o, l) => (a(), f(h(e.as), {
+      "aria-hidden": e.decorative ? "true" : void 0,
+      class: "kui-icon flag-bl-icon",
+      "data-testid": "kui-icon-wrapper-flag-bl-icon",
+      style: g(u.value)
+    }, {
+      default: m(() => [
+        (a(), d("svg", {
+          "aria-hidden": e.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-flag-bl-icon",
+          fill: "none",
+          height: "100%",
+          role: "img",
+          viewBox: "0 0 24 24",
+          width: "100%",
+          xmlns: "http://www.w3.org/2000/svg"
+        }, [
+          e.title ? (a(), d("title", v, C(e.title), 1)) : y("", !0),
+          V,
+          N
+        ], 8, b))
+      ]),
+      _: 1
+    }, 8, ["aria-hidden", "style"]));
+  }
+});
+export {
+  z as default
+};
+//# sourceMappingURL=kong-icons.es807.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"kong-icons.es807.js","sources":["../src/components/flags/FlagBlIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagBlIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 16 Jul 2024 07:47:20 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-bl-icon\"\n    data-testid=\"kui-icon-wrapper-flag-bl-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-bl-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_5346)\">\n        <path\n          d=\"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M21.426 9.65218H17.4782C17.4782 8.93182 16.8942 8.34784 16.1739 8.34784L15.1304 10.4348C15.1304 10.4348 16.2434 13.5652 16.2086 13.5652H17.513C18.2334 13.5652 18.8173 12.9813 18.8173 12.2609C19.5377 12.2609 20.1216 11.677 20.1216 10.9566H20.0782C20.7986 10.9565 21.426 10.3726 21.426 9.65218Z\"\n          fill=\"#ACABB1\"\n        />\n        <path\n          d=\"M2.57373 9.65218H6.52155C6.52155 8.93182 7.10553 8.34784 7.82588 8.34784L8.86938 10.4348C8.86938 10.4348 7.75631 13.5652 7.79112 13.5652H6.48678C5.76638 13.5652 5.18245 12.9813 5.18245 12.2609C4.46205 12.2609 3.87811 11.677 3.87811 10.9566H3.92155C3.20115 10.9565 2.57373 10.3726 2.57373 9.65218Z\"\n          fill=\"#ACABB1\"\n        />\n        <path\n          d=\"M16.174 16.6956V17.2173H7.8262V16.6956H5.73926V18.7826H7.8262V19.3043H16.174V18.7826H18.261V16.6956H16.174Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M7.82617 8.34777V13.5651C7.82617 16.7601 12.0001 17.7391 12.0001 17.7391C12.0001 17.7391 16.174 16.7601 16.174 13.5651V8.34777L12.0001 7.82605L7.82617 8.34777Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M7.82617 10.4349H16.174V13.5654H7.82617V10.4349Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M14.087 5.73911V6.52173L13.5653 6.78261L13.0436 6.26084V4.69562H10.9566V6.26084L10.4349 6.78261L9.91312 6.52173V5.73911H7.82617V8.34779H16.174V5.73911H14.087Z\"\n          fill=\"#FFDA44\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_246_5346\">\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;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es809.js

@@ -0,0 +1,157 @@
+import { defineComponent as f, computed as n, openBlock as a, createBlock as u, resolveDynamicComponent as h, normalizeStyle as m, withCtx as g, createElementBlock as d, toDisplayString as C, createCommentVNode as y, pushScopeId as S, popScopeId as H, createElementVNode as t } from "vue";
+import { KUI_ICON_SIZE_50 as s } from "./kong-icons.es1215.js";
+const c = (e) => (S("data-v-62956cc5"), e = e(), H(), e), b = ["aria-hidden"], v = {
+  key: 0,
+  "data-testid": "kui-icon-svg-title"
+}, N = /* @__PURE__ */ c(() => /* @__PURE__ */ t("g", { "clip-path": "url(#clip0_1_2276)" }, [
+  /* @__PURE__ */ t("path", {
+    d: "M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z",
+    fill: "#D80027"
+  }),
+  /* @__PURE__ */ t("path", {
+    d: "M12 5.73926V9.78659L7.82611 5.73926H12Z",
+    fill: "#0052B4"
+  }),
+  /* @__PURE__ */ t("path", {
+    d: "M6.26086 12.0003H9.78637L6.26086 7.30469L5.73914 10.9569L6.26086 12.0003Z",
+    fill: "#0052B4"
+  }),
+  /* @__PURE__ */ t("path", {
+    d: "M11.9679 11.9999H12C12 11.9891 12 11.9786 12 11.9678C11.9893 11.9785 11.9786 11.9892 11.9679 11.9999Z",
+    fill: "#F0F0F0"
+  }),
+  /* @__PURE__ */ t("path", {
+    d: "M12 6.26086C12 4.14938 12 2.76586 12 0H11.998C5.37145 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78638 12H11.9679C11.9786 11.9893 11.9893 11.9786 12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z",
+    fill: "#F0F0F0"
+  }),
+  /* @__PURE__ */ t("path", {
+    d: "M6.07102 1.56543C4.19419 2.63413 2.63386 4.19441 1.5652 6.07124V12.5219H4.69566V4.69598V4.69588H12.5217C12.5217 3.70855 12.5217 2.76796 12.5217 1.56543H6.07102Z",
+    fill: "#D80027"
+  }),
+  /* @__PURE__ */ t("path", {
+    d: "M12.477 11.0017L7.73649 6.26123H6.26086V6.26132L12.4769 12.4774H12.477C12.477 12.4774 12.477 11.4599 12.477 11.0017V11.0017Z",
+    fill: "#D80027"
+  }),
+  /* @__PURE__ */ t("path", {
+    d: "M13.5652 6.26074V11.9998C13.5652 14.7955 20.8695 14.7955 20.8695 11.9998V6.26074H13.5652Z",
+    fill: "#F3F3F3"
+  }),
+  /* @__PURE__ */ t("path", {
+    d: "M13.5652 12V12C13.5652 14.7956 17.2174 15.6522 17.2174 15.6522C17.2174 15.6522 20.8695 14.7956 20.8695 12V12H13.5652Z",
+    fill: "#6DA544"
+  }),
+  /* @__PURE__ */ t("path", {
+    d: "M17.2174 9.7041L15.5217 10.4346V11.9998L17.2174 13.0432L18.913 11.9998V10.4346L17.2174 9.7041Z",
+    fill: "#A2001D"
+  }),
+  /* @__PURE__ */ t("path", {
+    d: "M15.5217 8.86963H18.913V10.4348H15.5217V8.86963Z",
+    fill: "#338AF3"
+  })
+], -1)), V = /* @__PURE__ */ c(() => /* @__PURE__ */ t("defs", null, [
+  /* @__PURE__ */ t("clipPath", { id: "clip0_1_2276" }, [
+    /* @__PURE__ */ t("rect", {
+      fill: "white",
+      height: "24",
+      width: "24"
+    })
+  ])
+], -1)), z = /* @__PURE__ */ f({
+  __name: "FlagBmIcon",
+  props: {
+    /** The accessibility text provided to screen readers */
+    title: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
+    color: {
+      type: String,
+      required: !1,
+      default: "currentColor"
+    },
+    /** The CSS display property for the icon. Defaults to `block` */
+    display: {
+      type: String,
+      required: !1,
+      default: "block"
+    },
+    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
+    decorative: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    /** The icon size */
+    size: {
+      type: [Number, String],
+      required: !1,
+      default: s,
+      // if setting to the imported const fails, just pass a number of 24 as the default.
+      validator: (e) => {
+        if (typeof e == "number" && e > 0)
+          return !0;
+        if (typeof e == "string") {
+          const i = String(e).replace(/px/gi, ""), l = Number(i);
+          if (l && !isNaN(l) && Number.isInteger(l) && l > 0)
+            return !0;
+        }
+        return !1;
+      }
+    },
+    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
+    as: {
+      type: String,
+      required: !1,
+      default: "span"
+    }
+  },
+  setup(e) {
+    const i = e, l = n(() => {
+      if (typeof i.size == "number" && i.size > 0)
+        return `${i.size}px`;
+      if (typeof i.size == "string") {
+        const o = String(i.size).replace(/px/gi, ""), r = Number(o);
+        if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
+          return `${r}px`;
+      }
+      return s;
+    }), p = n(() => ({
+      boxSizing: "border-box",
+      color: i.color,
+      display: i.display,
+      height: l.value,
+      lineHeight: "0",
+      width: l.value
+    }));
+    return (o, r) => (a(), u(h(e.as), {
+      "aria-hidden": e.decorative ? "true" : void 0,
+      class: "kui-icon flag-bm-icon",
+      "data-testid": "kui-icon-wrapper-flag-bm-icon",
+      style: m(p.value)
+    }, {
+      default: g(() => [
+        (a(), d("svg", {
+          "aria-hidden": e.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-flag-bm-icon",
+          fill: "none",
+          height: "100%",
+          role: "img",
+          viewBox: "0 0 24 24",
+          width: "100%",
+          xmlns: "http://www.w3.org/2000/svg"
+        }, [
+          e.title ? (a(), d("title", v, C(e.title), 1)) : y("", !0),
+          N,
+          V
+        ], 8, b))
+      ]),
+      _: 1
+    }, 8, ["aria-hidden", "style"]));
+  }
+});
+export {
+  z as default
+};
+//# sourceMappingURL=kong-icons.es809.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"kong-icons.es809.js","sources":["../src/components/flags/FlagBmIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagBmIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 16 Jul 2024 07:47:20 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-bm-icon\"\n    data-testid=\"kui-icon-wrapper-flag-bm-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-bm-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_1_2276)\">\n        <path\n          d=\"M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M12 5.73926V9.78659L7.82611 5.73926H12Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M6.26086 12.0003H9.78637L6.26086 7.30469L5.73914 10.9569L6.26086 12.0003Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M11.9679 11.9999H12C12 11.9891 12 11.9786 12 11.9678C11.9893 11.9785 11.9786 11.9892 11.9679 11.9999Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M12 6.26086C12 4.14938 12 2.76586 12 0H11.998C5.37145 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78638 12H11.9679C11.9786 11.9893 11.9893 11.9786 12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M6.07102 1.56543C4.19419 2.63413 2.63386 4.19441 1.5652 6.07124V12.5219H4.69566V4.69598V4.69588H12.5217C12.5217 3.70855 12.5217 2.76796 12.5217 1.56543H6.07102Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M12.477 11.0017L7.73649 6.26123H6.26086V6.26132L12.4769 12.4774H12.477C12.477 12.4774 12.477 11.4599 12.477 11.0017V11.0017Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M13.5652 6.26074V11.9998C13.5652 14.7955 20.8695 14.7955 20.8695 11.9998V6.26074H13.5652Z\"\n          fill=\"#F3F3F3\"\n        />\n        <path\n          d=\"M13.5652 12V12C13.5652 14.7956 17.2174 15.6522 17.2174 15.6522C17.2174 15.6522 20.8695 14.7956 20.8695 12V12H13.5652Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M17.2174 9.7041L15.5217 10.4346V11.9998L17.2174 13.0432L18.913 11.9998V10.4346L17.2174 9.7041Z\"\n          fill=\"#A2001D\"\n        />\n        <path\n          d=\"M15.5217 8.86963H18.913V10.4348H15.5217V8.86963Z\"\n          fill=\"#338AF3\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2276\">\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;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es81.js

@@ -1,8 +1,8 @@
-import o from "./kong-icons.es914.js";
+import o from "./kong-icons.es917.js";
 /* empty css                 */
-import a from "./kong-icons.es407.js";
-const m = /* @__PURE__ */ a(o, [["__scopeId", "data-v-ec719aa7"]]);
+import t from "./kong-icons.es408.js";
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-efc0bc30"]]);
 export {
-  m as default
+  f as default
 };
 //# sourceMappingURL=kong-icons.es81.js.map