@kong/icons 1.10.1-pr.315.775574a.0 → 1.10.1-pr.318.473ce0b.0

package/dist/kong-icons.es339.js

@@ -1,2 +1,106 @@
-
+import { defineComponent as c, computed as a, openBlock as o, createBlock as C, resolveDynamicComponent as u, normalizeStyle as p, withCtx as f, createElementBlock as l, toDisplayString as m, createCommentVNode as g, pushScopeId as h, popScopeId as y, createElementVNode as S } from "vue";
+import { KUI_ICON_SIZE_50 as s } from "./kong-icons.es513.js";
+const v = (e) => (h("data-v-314c1d2e"), e = e(), y(), e), N = ["aria-hidden"], b = {
+  key: 0,
+  "data-testid": "kui-icon-svg-title"
+}, z = /* @__PURE__ */ v(() => /* @__PURE__ */ S("path", {
+  d: "M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12V13.45C22 14.4333 21.6625 15.2708 20.9875 15.9625C20.3125 16.6542 19.4833 17 18.5 17C17.9167 17 17.3667 16.875 16.85 16.625C16.3333 16.375 15.9 16.0167 15.55 15.55C15.0667 16.0333 14.5208 16.3958 13.9125 16.6375C13.3042 16.8792 12.6667 17 12 17C10.6167 17 9.4375 16.5125 8.4625 15.5375C7.4875 14.5625 7 13.3833 7 12C7 10.6167 7.4875 9.4375 8.4625 8.4625C9.4375 7.4875 10.6167 7 12 7C13.3833 7 14.5625 7.4875 15.5375 8.4625C16.5125 9.4375 17 10.6167 17 12V13.45C17 13.8833 17.1417 14.25 17.425 14.55C17.7083 14.85 18.0667 15 18.5 15C18.9333 15 19.2917 14.85 19.575 14.55C19.8583 14.25 20 13.8833 20 13.45V12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20H17V22H12ZM12 15C12.8333 15 13.5417 14.7083 14.125 14.125C14.7083 13.5417 15 12.8333 15 12C15 11.1667 14.7083 10.4583 14.125 9.875C13.5417 9.29167 12.8333 9 12 9C11.1667 9 10.4583 9.29167 9.875 9.875C9.29167 10.4583 9 11.1667 9 12C9 12.8333 9.29167 13.5417 9.875 14.125C10.4583 14.7083 11.1667 15 12 15Z",
+  fill: "currentColor"
+}, null, -1)), k = /* @__PURE__ */ c({
+  __name: "EmailIcon",
+  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 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 = a(() => {
+      if (typeof t.size == "number" && t.size > 0)
+        return `${t.size}px`;
+      if (typeof t.size == "string") {
+        const n = String(t.size).replace(/px/gi, ""), r = Number(n);
+        if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
+          return `${r}px`;
+      }
+      return s;
+    }), d = a(() => ({
+      boxSizing: "border-box",
+      color: t.color,
+      display: t.display,
+      height: i.value,
+      lineHeight: "0",
+      width: i.value
+    }));
+    return (n, r) => (o(), C(u(e.as), {
+      "aria-hidden": e.decorative ? "true" : void 0,
+      class: "kui-icon email-icon",
+      "data-testid": "kui-icon-wrapper-email-icon",
+      style: p(d.value)
+    }, {
+      default: f(() => [
+        (o(), l("svg", {
+          "aria-hidden": e.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-email-icon",
+          fill: "none",
+          height: "100%",
+          role: "img",
+          viewBox: "0 0 24 24",
+          width: "100%",
+          xmlns: "http://www.w3.org/2000/svg"
+        }, [
+          e.title ? (o(), l("title", b, m(e.title), 1)) : g("", !0),
+          z
+        ], 8, N))
+      ]),
+      _: 1
+    }, 8, ["aria-hidden", "style"]));
+  }
+});
+export {
+  k as default
+};
 //# sourceMappingURL=kong-icons.es339.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es339.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"kong-icons.es339.js","sources":["../src/components/solid/EmailIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * EmailIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 06 Jun 2024 01:25:44 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 email-icon\"\n    data-testid=\"kui-icon-wrapper-email-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-email-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      <path\n        d=\"M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12V13.45C22 14.4333 21.6625 15.2708 20.9875 15.9625C20.3125 16.6542 19.4833 17 18.5 17C17.9167 17 17.3667 16.875 16.85 16.625C16.3333 16.375 15.9 16.0167 15.55 15.55C15.0667 16.0333 14.5208 16.3958 13.9125 16.6375C13.3042 16.8792 12.6667 17 12 17C10.6167 17 9.4375 16.5125 8.4625 15.5375C7.4875 14.5625 7 13.3833 7 12C7 10.6167 7.4875 9.4375 8.4625 8.4625C9.4375 7.4875 10.6167 7 12 7C13.3833 7 14.5625 7.4875 15.5375 8.4625C16.5125 9.4375 17 10.6167 17 12V13.45C17 13.8833 17.1417 14.25 17.425 14.55C17.7083 14.85 18.0667 15 18.5 15C18.9333 15 19.2917 14.85 19.575 14.55C19.8583 14.25 20 13.8833 20 13.45V12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20H17V22H12ZM12 15C12.8333 15 13.5417 14.7083 14.125 14.125C14.7083 13.5417 15 12.8333 15 12C15 11.1667 14.7083 10.4583 14.125 9.875C13.5417 9.29167 12.8333 9 12 9C11.1667 9 10.4583 9.29167 9.875 9.875C9.29167 10.4583 9 11.1667 9 12C9 12.8333 9.29167 13.5417 9.875 14.125C10.4583 14.7083 11.1667 15 12 15Z\"\n        fill=\"currentColor\"\n      />\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.es34.js

@@ -1,8 +1,8 @@
-import o from "./kong-icons.es384.js";
-import "./kong-icons.es385.js";
-import a from "./kong-icons.es295.js";
-const r = /* @__PURE__ */ a(o, [["__scopeId", "data-v-5ffac86c"]]);
+import o from "./kong-icons.es237.js";
+import "./kong-icons.es238.js";
+import r from "./kong-icons.es174.js";
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-90255838"]]);
 export {
-  r as default
+  p as default
 };
 //# sourceMappingURL=kong-icons.es34.js.map

package/dist/kong-icons.es340.js

@@ -1,125 +1,2 @@
-import { defineComponent as p, computed as n, openBlock as a, createBlock as f, resolveDynamicComponent as g, normalizeStyle as h, withCtx as m, createElementBlock as d, toDisplayString as y, createCommentVNode as S, pushScopeId as v, popScopeId as b, createElementVNode as r } from "vue";
-import { KUI_ICON_SIZE_50 as s } from "./kong-icons.es876.js";
-const c = (e) => (v("data-v-bdb439a7"), e = e(), b(), e), C = ["aria-hidden"], N = {
-  key: 0,
-  "data-testid": "kui-icon-svg-title"
-}, _ = /* @__PURE__ */ c(() => /* @__PURE__ */ r("g", { "clip-path": "url(#clip0_1_2262)" }, [
-  /* @__PURE__ */ r("path", {
-    d: "M23.2536 16.174C23.736 14.874 24 13.4679 24 12.0001C24 10.5322 23.736 9.12623 23.2536 7.8262L12 6.78271L0.746391 7.8262C0.264047 9.12623 0 10.5322 0 12.0001C0 13.4679 0.264047 14.874 0.746391 16.174L12 17.2175L23.2536 16.174Z",
-    fill: "#F0F0F0"
-  }),
-  /* @__PURE__ */ r("path", {
-    d: "M12 23.9999C17.1595 23.9999 21.5581 20.7434 23.2536 16.1738H0.746338C2.4419 20.7434 6.84037 23.9999 12 23.9999Z",
-    fill: "#D80027"
-  }),
-  /* @__PURE__ */ r("path", {
-    d: "M12 0C6.84037 0 2.4419 3.2565 0.746338 7.82611H23.2536C21.5581 3.2565 17.1595 0 12 0Z",
-    fill: "#D80027"
-  })
-], -1)), w = /* @__PURE__ */ c(() => /* @__PURE__ */ r("defs", null, [
-  /* @__PURE__ */ r("clipPath", { id: "clip0_1_2262" }, [
-    /* @__PURE__ */ r("rect", {
-      fill: "white",
-      height: "24",
-      width: "24"
-    })
-  ])
-], -1)), k = /* @__PURE__ */ p({
-  __name: "FlagAtIcon",
-  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 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 s;
-    }), 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-at-icon",
-      "data-testid": "kui-icon-wrapper-flag-at-icon",
-      style: h(u.value)
-    }, {
-      default: m(() => [
-        (a(), d("svg", {
-          "aria-hidden": e.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-flag-at-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", N, y(e.title), 1)) : S("", !0),
-          _,
-          w
-        ], 8, C))
-      ]),
-      _: 1
-    }, 8, ["aria-hidden", "style"]));
-  }
-});
-export {
-  k as default
-};
+
 //# sourceMappingURL=kong-icons.es340.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es340.js","sources":["../src/components/flags/FlagAtIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagAtIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 06 Jun 2024 13:07:43 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n})\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  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-at-icon\"\n    data-testid=\"kui-icon-wrapper-flag-at-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-at-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_2262)\">\n        <path\n          d=\"M23.2536 16.174C23.736 14.874 24 13.4679 24 12.0001C24 10.5322 23.736 9.12623 23.2536 7.8262L12 6.78271L0.746391 7.8262C0.264047 9.12623 0 10.5322 0 12.0001C0 13.4679 0.264047 14.874 0.746391 16.174L12 17.2175L23.2536 16.174Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M12 23.9999C17.1595 23.9999 21.5581 20.7434 23.2536 16.1738H0.746338C2.4419 20.7434 6.84037 23.9999 12 23.9999Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M12 0C6.84037 0 2.4419 3.2565 0.746338 7.82611H23.2536C21.5581 3.2565 17.1595 0 12 0Z\"\n          fill=\"#D80027\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2262\">\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.es340.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/kong-icons.es341.js

@@ -1,2 +1,106 @@
-
+import { defineComponent as u, computed as a, openBlock as o, createBlock as c, resolveDynamicComponent as f, normalizeStyle as p, withCtx as m, createElementBlock as l, toDisplayString as g, createCommentVNode as h, pushScopeId as y, popScopeId as S, createElementVNode as v } from "vue";
+import { KUI_ICON_SIZE_50 as s } from "./kong-icons.es513.js";
+const b = (e) => (y("data-v-4b47953f"), e = e(), S(), e), N = ["aria-hidden"], z = {
+  key: 0,
+  "data-testid": "kui-icon-svg-title"
+}, x = /* @__PURE__ */ b(() => /* @__PURE__ */ v("path", {
+  d: "M4 17V14H20V17H4ZM4 10V7H20V10H4Z",
+  fill: "currentColor"
+}, null, -1)), k = /* @__PURE__ */ u({
+  __name: "EqualIcon",
+  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 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 = a(() => {
+      if (typeof t.size == "number" && t.size > 0)
+        return `${t.size}px`;
+      if (typeof t.size == "string") {
+        const n = String(t.size).replace(/px/gi, ""), r = Number(n);
+        if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
+          return `${r}px`;
+      }
+      return s;
+    }), d = a(() => ({
+      boxSizing: "border-box",
+      color: t.color,
+      display: t.display,
+      height: i.value,
+      lineHeight: "0",
+      width: i.value
+    }));
+    return (n, r) => (o(), c(f(e.as), {
+      "aria-hidden": e.decorative ? "true" : void 0,
+      class: "kui-icon equal-icon",
+      "data-testid": "kui-icon-wrapper-equal-icon",
+      style: p(d.value)
+    }, {
+      default: m(() => [
+        (o(), l("svg", {
+          "aria-hidden": e.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-equal-icon",
+          fill: "none",
+          height: "100%",
+          role: "img",
+          viewBox: "0 0 24 24",
+          width: "100%",
+          xmlns: "http://www.w3.org/2000/svg"
+        }, [
+          e.title ? (o(), l("title", z, g(e.title), 1)) : h("", !0),
+          x
+        ], 8, N))
+      ]),
+      _: 1
+    }, 8, ["aria-hidden", "style"]));
+  }
+});
+export {
+  k as default
+};
 //# sourceMappingURL=kong-icons.es341.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es341.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"kong-icons.es341.js","sources":["../src/components/solid/EqualIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * EqualIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 06 Jun 2024 01:25:44 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 equal-icon\"\n    data-testid=\"kui-icon-wrapper-equal-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-equal-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      <path\n        d=\"M4 17V14H20V17H4ZM4 10V7H20V10H4Z\"\n        fill=\"currentColor\"\n      />\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.es342.js

@@ -1,161 +1,2 @@
-import { defineComponent as u, computed as o, openBlock as a, createBlock as p, resolveDynamicComponent as f, normalizeStyle as h, withCtx as g, createElementBlock as d, toDisplayString as F, createCommentVNode as m, pushScopeId as C, popScopeId as y, createElementVNode as e } from "vue";
-import { KUI_ICON_SIZE_50 as n } from "./kong-icons.es876.js";
-const s = (t) => (C("data-v-d982d12a"), t = t(), y(), t), S = ["aria-hidden"], v = {
-  key: 0,
-  "data-testid": "kui-icon-svg-title"
-}, N = /* @__PURE__ */ s(() => /* @__PURE__ */ e("g", { "clip-path": "url(#clip0_246_3694)" }, [
-  /* @__PURE__ */ e("path", {
-    d: "M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0028 12 0.00135937 12 0C18.6274 0 24 5.37262 24 12Z",
-    fill: "#0052B4"
-  }),
-  /* @__PURE__ */ e("path", {
-    d: "M12.0001 0C11.9994 0 11.9987 4.6875e-05 11.998 4.6875e-05L12.0001 0Z",
-    fill: "#F0F0F0"
-  }),
-  /* @__PURE__ */ e("path", {
-    d: "M11.9678 12H11.9999C11.9999 11.9891 11.9999 11.9787 11.9999 11.9679C11.9892 11.9786 11.9785 11.9893 11.9678 12Z",
-    fill: "#F0F0F0"
-  }),
-  /* @__PURE__ */ e("path", {
-    d: "M12 6.26092C12 4.14944 12 2.76583 12 6.10352e-05H11.998C5.3715 0.00113916 0 5.37325 0 12H6.26086V8.47445L9.78642 12H11.9679C11.9787 11.9893 11.9894 11.9786 12 11.9679C12 11.1595 12 10.4381 12 9.78653L8.47444 6.26092H12Z",
-    fill: "#F0F0F0"
-  }),
-  /* @__PURE__ */ e("path", {
-    d: "M6.07124 1.56522C4.19441 2.63392 2.63413 4.1942 1.56543 6.07103V12H4.69588V4.69572V4.69567H12.0002C12.0002 3.70834 12.0002 2.76775 12.0002 1.56522H6.07124Z",
-    fill: "#D80027"
-  }),
-  /* @__PURE__ */ e("path", {
-    d: "M12.0003 10.5244L7.7369 6.26098H6.26123C6.26123 6.26093 6.26123 6.26098 6.26123 6.26098L12.0003 12H12.0003C12.0003 12 12.0003 10.9826 12.0003 10.5244Z",
-    fill: "#D80027"
-  }),
-  /* @__PURE__ */ e("path", {
-    d: "M7.23729 14.087L7.89588 15.4641L9.38309 15.1203L8.71709 16.4939L9.91305 17.4423L8.42398 17.7779L8.42815 19.3043L7.23729 18.3494L6.04648 19.3043L6.05065 17.7779L4.56152 17.4423L5.75754 16.4939L5.09145 15.1203L6.57874 15.4641L7.23729 14.087Z",
-    fill: "#F0F0F0"
-  }),
-  /* @__PURE__ */ e("path", {
-    d: "M17.9663 16.6956L18.2956 17.3842L19.0392 17.2123L18.7062 17.8991L19.3042 18.3733L18.5596 18.5411L18.5617 19.3043L17.9663 18.8268L17.3709 19.3043L17.3729 18.5411L16.6284 18.3733L17.2264 17.8991L16.8934 17.2123L17.637 17.3842L17.9663 16.6956Z",
-    fill: "#F0F0F0"
-  }),
-  /* @__PURE__ */ e("path", {
-    d: "M14.9033 9.39133L15.2326 10.0799L15.9762 9.90798L15.6432 10.5947L16.2412 11.069L15.4967 11.2368L15.4987 12L14.9033 11.5225L14.3079 12L14.3099 11.2368L13.5654 11.069L14.1634 10.5947L13.8304 9.90798L14.574 10.0799L14.9033 9.39133Z",
-    fill: "#F0F0F0"
-  }),
-  /* @__PURE__ */ e("path", {
-    d: "M17.9663 5.21738L18.2956 5.90597L19.0392 5.73408L18.7062 6.42085L19.3041 6.89503L18.5596 7.06289L18.5617 7.82611L17.9663 7.3486L17.3709 7.82611L17.3729 7.06289L16.6284 6.89503L17.2264 6.42085L16.8934 5.73408L17.637 5.90597L17.9663 5.21738Z",
-    fill: "#F0F0F0"
-  }),
-  /* @__PURE__ */ e("path", {
-    d: "M20.6421 8.34784L20.9714 9.03643L21.715 8.8645L21.382 9.55126L21.98 10.0255L21.2354 10.1934L21.2375 10.9565L20.6421 10.4791L20.0467 10.9565L20.0487 10.1934L19.3042 10.0255L19.9022 9.55126L19.5692 8.8645L20.3128 9.03643L20.6421 8.34784Z",
-    fill: "#F0F0F0"
-  }),
-  /* @__PURE__ */ e("path", {
-    d: "M18.729 12L18.988 12.7972H19.8262L19.1481 13.2899L19.4072 14.087L18.729 13.5943L18.0509 14.087L18.3099 13.2899L17.6318 12.7972H18.47L18.729 12Z",
-    fill: "#F0F0F0"
-  })
-], -1)), b = /* @__PURE__ */ s(() => /* @__PURE__ */ e("defs", null, [
-  /* @__PURE__ */ e("clipPath", { id: "clip0_246_3694" }, [
-    /* @__PURE__ */ e("rect", {
-      fill: "white",
-      height: "24",
-      width: "24"
-    })
-  ])
-], -1)), _ = /* @__PURE__ */ u({
-  __name: "FlagAuIcon",
-  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: n,
-      // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (t) => {
-        if (typeof t == "number" && t > 0)
-          return !0;
-        if (typeof t == "string") {
-          const i = String(t).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(t) {
-    const i = t, l = o(() => {
-      if (typeof i.size == "number" && i.size > 0)
-        return `${i.size}px`;
-      if (typeof i.size == "string") {
-        const L = String(i.size).replace(/px/gi, ""), r = Number(L);
-        if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
-          return `${r}px`;
-      }
-      return n;
-    }), c = o(() => ({
-      boxSizing: "border-box",
-      color: i.color,
-      display: i.display,
-      height: l.value,
-      lineHeight: "0",
-      width: l.value
-    }));
-    return (L, r) => (a(), p(f(t.as), {
-      "aria-hidden": t.decorative ? "true" : void 0,
-      class: "kui-icon flag-au-icon",
-      "data-testid": "kui-icon-wrapper-flag-au-icon",
-      style: h(c.value)
-    }, {
-      default: g(() => [
-        (a(), d("svg", {
-          "aria-hidden": t.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-flag-au-icon",
-          fill: "none",
-          height: "100%",
-          role: "img",
-          viewBox: "0 0 24 24",
-          width: "100%",
-          xmlns: "http://www.w3.org/2000/svg"
-        }, [
-          t.title ? (a(), d("title", v, F(t.title), 1)) : m("", !0),
-          N,
-          b
-        ], 8, S))
-      ]),
-      _: 1
-    }, 8, ["aria-hidden", "style"]));
-  }
-});
-export {
-  _ as default
-};
+
 //# sourceMappingURL=kong-icons.es342.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es342.js","sources":["../src/components/flags/FlagAuIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagAuIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 06 Jun 2024 13:07:43 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n})\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  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-au-icon\"\n    data-testid=\"kui-icon-wrapper-flag-au-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-au-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_3694)\">\n        <path\n          d=\"M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0028 12 0.00135937 12 0C18.6274 0 24 5.37262 24 12Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M12.0001 0C11.9994 0 11.9987 4.6875e-05 11.998 4.6875e-05L12.0001 0Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M11.9678 12H11.9999C11.9999 11.9891 11.9999 11.9787 11.9999 11.9679C11.9892 11.9786 11.9785 11.9893 11.9678 12Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M12 6.26092C12 4.14944 12 2.76583 12 6.10352e-05H11.998C5.3715 0.00113916 0 5.37325 0 12H6.26086V8.47445L9.78642 12H11.9679C11.9787 11.9893 11.9894 11.9786 12 11.9679C12 11.1595 12 10.4381 12 9.78653L8.47444 6.26092H12Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M6.07124 1.56522C4.19441 2.63392 2.63413 4.1942 1.56543 6.07103V12H4.69588V4.69572V4.69567H12.0002C12.0002 3.70834 12.0002 2.76775 12.0002 1.56522H6.07124Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M12.0003 10.5244L7.7369 6.26098H6.26123C6.26123 6.26093 6.26123 6.26098 6.26123 6.26098L12.0003 12H12.0003C12.0003 12 12.0003 10.9826 12.0003 10.5244Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M7.23729 14.087L7.89588 15.4641L9.38309 15.1203L8.71709 16.4939L9.91305 17.4423L8.42398 17.7779L8.42815 19.3043L7.23729 18.3494L6.04648 19.3043L6.05065 17.7779L4.56152 17.4423L5.75754 16.4939L5.09145 15.1203L6.57874 15.4641L7.23729 14.087Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M17.9663 16.6956L18.2956 17.3842L19.0392 17.2123L18.7062 17.8991L19.3042 18.3733L18.5596 18.5411L18.5617 19.3043L17.9663 18.8268L17.3709 19.3043L17.3729 18.5411L16.6284 18.3733L17.2264 17.8991L16.8934 17.2123L17.637 17.3842L17.9663 16.6956Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M14.9033 9.39133L15.2326 10.0799L15.9762 9.90798L15.6432 10.5947L16.2412 11.069L15.4967 11.2368L15.4987 12L14.9033 11.5225L14.3079 12L14.3099 11.2368L13.5654 11.069L14.1634 10.5947L13.8304 9.90798L14.574 10.0799L14.9033 9.39133Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M17.9663 5.21738L18.2956 5.90597L19.0392 5.73408L18.7062 6.42085L19.3041 6.89503L18.5596 7.06289L18.5617 7.82611L17.9663 7.3486L17.3709 7.82611L17.3729 7.06289L16.6284 6.89503L17.2264 6.42085L16.8934 5.73408L17.637 5.90597L17.9663 5.21738Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M20.6421 8.34784L20.9714 9.03643L21.715 8.8645L21.382 9.55126L21.98 10.0255L21.2354 10.1934L21.2375 10.9565L20.6421 10.4791L20.0467 10.9565L20.0487 10.1934L19.3042 10.0255L19.9022 9.55126L19.5692 8.8645L20.3128 9.03643L20.6421 8.34784Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M18.729 12L18.988 12.7972H19.8262L19.1481 13.2899L19.4072 14.087L18.729 13.5943L18.0509 14.087L18.3099 13.2899L17.6318 12.7972H18.47L18.729 12Z\"\n          fill=\"#F0F0F0\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_246_3694\">\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.es342.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}