@kong/icons 1.10.1-pr.315.d422389.0 → 1.10.1-pr.318.8e10b58.0

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es499.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"kong-icons.es499.js","sources":["../src/components/solid/VisibilityIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * VisibilityIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 06 Jun 2024 12:59:50 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 visibility-icon\"\n    data-testid=\"kui-icon-wrapper-visibility-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-visibility-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 16C13.25 16 14.3125 15.5625 15.1875 14.6875C16.0625 13.8125 16.5 12.75 16.5 11.5C16.5 10.25 16.0625 9.1875 15.1875 8.3125C14.3125 7.4375 13.25 7 12 7C10.75 7 9.6875 7.4375 8.8125 8.3125C7.9375 9.1875 7.5 10.25 7.5 11.5C7.5 12.75 7.9375 13.8125 8.8125 14.6875C9.6875 15.5625 10.75 16 12 16ZM12 14.2C11.25 14.2 10.6125 13.9375 10.0875 13.4125C9.5625 12.8875 9.3 12.25 9.3 11.5C9.3 10.75 9.5625 10.1125 10.0875 9.5875C10.6125 9.0625 11.25 8.8 12 8.8C12.75 8.8 13.3875 9.0625 13.9125 9.5875C14.4375 10.1125 14.7 10.75 14.7 11.5C14.7 12.25 14.4375 12.8875 13.9125 13.4125C13.3875 13.9375 12.75 14.2 12 14.2ZM12 19C9.56667 19 7.35 18.3208 5.35 16.9625C3.35 15.6042 1.9 13.7833 1 11.5C1.9 9.21667 3.35 7.39583 5.35 6.0375C7.35 4.67917 9.56667 4 12 4C14.4333 4 16.65 4.67917 18.65 6.0375C20.65 7.39583 22.1 9.21667 23 11.5C22.1 13.7833 20.65 15.6042 18.65 16.9625C16.65 18.3208 14.4333 19 12 19Z\"\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.es5.js

@@ -1,8 +1,8 @@
-import o from "./kong-icons.es326.js";
-import "./kong-icons.es327.js";
-import t from "./kong-icons.es295.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-cbf6d597"]]);
+import o from "./kong-icons.es179.js";
+import "./kong-icons.es180.js";
+import t from "./kong-icons.es174.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2446997d"]]);
 export {
-  f as default
+  p as default
 };
 //# sourceMappingURL=kong-icons.es5.js.map

package/dist/kong-icons.es50.js

@@ -1,8 +1,8 @@
-import o from "./kong-icons.es416.js";
-import "./kong-icons.es417.js";
-import t from "./kong-icons.es295.js";
-const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-54dbce3f"]]);
+import o from "./kong-icons.es269.js";
+import "./kong-icons.es270.js";
+import c from "./kong-icons.es174.js";
+const a = /* @__PURE__ */ c(o, [["__scopeId", "data-v-7cb8f7c9"]]);
 export {
-  e as default
+  a as default
 };
 //# sourceMappingURL=kong-icons.es50.js.map

package/dist/kong-icons.es500.js

@@ -1,137 +1,2 @@
-import { defineComponent as f, computed as n, openBlock as o, createBlock as p, resolveDynamicComponent as h, normalizeStyle as g, withCtx as m, createElementBlock as d, toDisplayString as C, createCommentVNode as y, pushScopeId as S, popScopeId as v, createElementVNode as t } from "vue";
-import { KUI_ICON_SIZE_50 as s } from "./kong-icons.es876.js";
-const c = (e) => (S("data-v-7d0c8ffd"), e = e(), v(), e), N = ["aria-hidden"], b = {
-  key: 0,
-  "data-testid": "kui-icon-svg-title"
-}, _ = /* @__PURE__ */ c(() => /* @__PURE__ */ t("g", { "clip-path": "url(#clip0_1415_5241)" }, [
-  /* @__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: "M12 0C7.24242 0 3.13167 2.76867 1.19067 6.78263H22.8092C20.8682 2.76867 16.7574 0 12 0Z",
-    fill: "#FF9811"
-  }),
-  /* @__PURE__ */ t("path", {
-    d: "M12 23.9999C16.7574 23.9999 20.8682 21.2312 22.8092 17.2173H1.19067C3.13167 21.2312 7.24242 23.9999 12 23.9999Z",
-    fill: "#6DA544"
-  }),
-  /* @__PURE__ */ t("path", {
-    d: "M12.0001 16.174C14.3052 16.174 16.174 14.3052 16.174 12.0001C16.174 9.69489 14.3052 7.82617 12.0001 7.82617C9.69489 7.82617 7.82617 9.69489 7.82617 12.0001C7.82617 14.3052 9.69489 16.174 12.0001 16.174Z",
-    fill: "#0052B4"
-  }),
-  /* @__PURE__ */ t("path", {
-    d: "M12 14.6085C13.4408 14.6085 14.6087 13.4405 14.6087 11.9998C14.6087 10.5591 13.4408 9.39111 12 9.39111C10.5593 9.39111 9.39136 10.5591 9.39136 11.9998C9.39136 13.4405 10.5593 14.6085 12 14.6085Z",
-    fill: "#F0F0F0"
-  }),
-  /* @__PURE__ */ t("path", {
-    d: "M12 8.78076L12.8048 10.606L14.7878 10.3903L13.6095 11.9999L14.7878 13.6094L12.8048 13.3937L12 15.2189L11.1952 13.3937L9.21216 13.6094L10.3904 11.9999L9.21216 10.3903L11.1952 10.606L12 8.78076Z",
-    fill: "#0052B4"
-  })
-], -1)), w = /* @__PURE__ */ c(() => /* @__PURE__ */ t("defs", null, [
-  /* @__PURE__ */ t("clipPath", { id: "clip0_1415_5241" }, [
-    /* @__PURE__ */ t("rect", {
-      fill: "white",
-      height: "24",
-      width: "24"
-    })
-  ])
-], -1)), x = /* @__PURE__ */ f({
-  __name: "FlagInIcon",
-  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 a = String(i.size).replace(/px/gi, ""), l = Number(a);
-        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 (a, l) => (o(), p(h(e.as), {
-      "aria-hidden": e.decorative ? "true" : void 0,
-      class: "kui-icon flag-in-icon",
-      "data-testid": "kui-icon-wrapper-flag-in-icon",
-      style: g(u.value)
-    }, {
-      default: m(() => [
-        (o(), d("svg", {
-          "aria-hidden": e.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-flag-in-icon",
-          fill: "none",
-          height: "100%",
-          role: "img",
-          viewBox: "0 0 24 24",
-          width: "100%",
-          xmlns: "http://www.w3.org/2000/svg"
-        }, [
-          e.title ? (o(), d("title", b, C(e.title), 1)) : y("", !0),
-          _,
-          w
-        ], 8, N))
-      ]),
-      _: 1
-    }, 8, ["aria-hidden", "style"]));
-  }
-});
-export {
-  x as default
-};
+
 //# sourceMappingURL=kong-icons.es500.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es500.js","sources":["../src/components/flags/FlagInIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagInIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Wed, 05 Jun 2024 22:25:10 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-in-icon\"\n    data-testid=\"kui-icon-wrapper-flag-in-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-in-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      >{{ title }}</title>\n      <g clip-path=\"url(#clip0_1415_5241)\">\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=\"M12 0C7.24242 0 3.13167 2.76867 1.19067 6.78263H22.8092C20.8682 2.76867 16.7574 0 12 0Z\"\n          fill=\"#FF9811\"\n        />\n        <path\n          d=\"M12 23.9999C16.7574 23.9999 20.8682 21.2312 22.8092 17.2173H1.19067C3.13167 21.2312 7.24242 23.9999 12 23.9999Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M12.0001 16.174C14.3052 16.174 16.174 14.3052 16.174 12.0001C16.174 9.69489 14.3052 7.82617 12.0001 7.82617C9.69489 7.82617 7.82617 9.69489 7.82617 12.0001C7.82617 14.3052 9.69489 16.174 12.0001 16.174Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M12 14.6085C13.4408 14.6085 14.6087 13.4405 14.6087 11.9998C14.6087 10.5591 13.4408 9.39111 12 9.39111C10.5593 9.39111 9.39136 10.5591 9.39136 11.9998C9.39136 13.4405 10.5593 14.6085 12 14.6085Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M12 8.78076L12.8048 10.606L14.7878 10.3903L13.6095 11.9999L14.7878 13.6094L12.8048 13.3937L12 15.2189L11.1952 13.3937L9.21216 13.6094L10.3904 11.9999L9.21216 10.3903L11.1952 10.606L12 8.78076Z\"\n          fill=\"#0052B4\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1415_5241\">\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.es500.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/kong-icons.es501.js

@@ -1,2 +1,106 @@
-
+import { defineComponent as c, computed as a, openBlock as o, createBlock as u, resolveDynamicComponent as p, normalizeStyle as f, withCtx as m, createElementBlock as s, toDisplayString as g, createCommentVNode as h, pushScopeId as y, popScopeId as v, createElementVNode as S } from "vue";
+import { KUI_ICON_SIZE_50 as l } from "./kong-icons.es513.js";
+const C = (e) => (y("data-v-3065dda7"), e = e(), v(), e), N = ["aria-hidden"], b = {
+  key: 0,
+  "data-testid": "kui-icon-svg-title"
+}, z = /* @__PURE__ */ C(() => /* @__PURE__ */ S("path", {
+  d: "M9 20C8.68333 20 8.4 19.9083 8.15 19.725C7.9 19.5417 7.71667 19.3083 7.6 19.025L5.3 13H1V11H6.7L9 17.1L13.6 4.975C13.7167 4.69167 13.9 4.45833 14.15 4.275C14.4 4.09167 14.6833 4 15 4C15.3167 4 15.6 4.09167 15.85 4.275C16.1 4.45833 16.2833 4.69167 16.4 4.975L18.7 11H23V13H17.3L15 6.9L10.4 19.025C10.2833 19.3083 10.1 19.5417 9.85 19.725C9.6 19.9083 9.31667 20 9 20Z",
+  fill: "currentColor"
+}, null, -1)), k = /* @__PURE__ */ c({
+  __name: "VitalsIcon",
+  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: l,
+      // 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 l;
+    }), d = a(() => ({
+      boxSizing: "border-box",
+      color: t.color,
+      display: t.display,
+      height: i.value,
+      lineHeight: "0",
+      width: i.value
+    }));
+    return (n, r) => (o(), u(p(e.as), {
+      "aria-hidden": e.decorative ? "true" : void 0,
+      class: "kui-icon vitals-icon",
+      "data-testid": "kui-icon-wrapper-vitals-icon",
+      style: f(d.value)
+    }, {
+      default: m(() => [
+        (o(), s("svg", {
+          "aria-hidden": e.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-vitals-icon",
+          fill: "none",
+          height: "100%",
+          role: "img",
+          viewBox: "0 0 24 24",
+          width: "100%",
+          xmlns: "http://www.w3.org/2000/svg"
+        }, [
+          e.title ? (o(), s("title", b, g(e.title), 1)) : h("", !0),
+          z
+        ], 8, N))
+      ]),
+      _: 1
+    }, 8, ["aria-hidden", "style"]));
+  }
+});
+export {
+  k as default
+};
 //# sourceMappingURL=kong-icons.es501.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es501.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"kong-icons.es501.js","sources":["../src/components/solid/VitalsIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * VitalsIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 06 Jun 2024 12:59:50 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 vitals-icon\"\n    data-testid=\"kui-icon-wrapper-vitals-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-vitals-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=\"M9 20C8.68333 20 8.4 19.9083 8.15 19.725C7.9 19.5417 7.71667 19.3083 7.6 19.025L5.3 13H1V11H6.7L9 17.1L13.6 4.975C13.7167 4.69167 13.9 4.45833 14.15 4.275C14.4 4.09167 14.6833 4 15 4C15.3167 4 15.6 4.09167 15.85 4.275C16.1 4.45833 16.2833 4.69167 16.4 4.975L18.7 11H23V13H17.3L15 6.9L10.4 19.025C10.2833 19.3083 10.1 19.5417 9.85 19.725C9.6 19.9083 9.31667 20 9 20Z\"\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.es502.js

@@ -1,193 +1,2 @@
-import { defineComponent as f, computed as o, openBlock as a, createBlock as c, resolveDynamicComponent as h, normalizeStyle as u, withCtx as V, createElementBlock as d, toDisplayString as g, createCommentVNode as m, pushScopeId as H, popScopeId as Z, createElementVNode as C } from "vue";
-import { KUI_ICON_SIZE_50 as n } from "./kong-icons.es876.js";
-const s = (e) => (H("data-v-d47d495b"), e = e(), Z(), e), y = ["aria-hidden"], M = {
-  key: 0,
-  "data-testid": "kui-icon-svg-title"
-}, S = /* @__PURE__ */ s(() => /* @__PURE__ */ C("g", { "clip-path": "url(#clip0_1_2284)" }, [
-  /* @__PURE__ */ C("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__ */ C("path", {
-    d: "M21.9998 13.4363C20.9998 13.4363 20.9998 12.522 19.9998 12.522C18.9998 12.522 18.9998 13.4363 17.9999 13.4363C17 13.4363 16.9999 12.522 16 12.522C15 12.522 15 13.4363 14 13.4363C12.9999 13.4363 12.9999 12.522 11.9998 12.522C10.9998 12.522 10.9998 13.4363 9.99988 13.4363C9.00003 13.4363 9.00003 12.522 8.00005 12.522C6.99997 12.522 6.99997 13.4363 5.99989 13.4363C4.99981 13.4363 4.99981 12.522 3.99974 12.522C2.99989 12.522 2.99989 13.4363 1.99991 13.4363C1.00531 13.4363 0.999548 12.5321 0.0155945 12.5224C0.0432976 13.0713 0.108829 13.6102 0.207923 14.1372C1.00499 14.2542 1.07478 15.0363 2 15.0363C2.99999 15.0363 2.99999 14.122 3.99983 14.122C4.99991 14.122 4.99991 15.0363 5.99999 15.0363C7.00006 15.0363 7.00006 14.122 8.00014 14.122C9.00013 14.122 9.00013 15.0363 9.99997 15.0363C11 15.0363 11 14.122 11.9999 14.122C13 14.122 13 15.0363 14 15.0363C15.0001 15.0363 15.0001 14.122 16.0001 14.122C17 14.122 17 15.0363 18 15.0363C19 15.0363 19 14.122 19.9999 14.122C21 14.122 21 15.0363 21.9999 15.0363C22.9252 15.0363 22.995 14.2543 23.7921 14.1372C23.8912 13.6101 23.9567 13.0713 23.9845 12.5224C23.0003 12.5321 22.9945 13.4363 21.9998 13.4363V13.4363Z",
-    fill: "#0052B4"
-  }),
-  /* @__PURE__ */ C("path", {
-    d: "M19.9998 15.6523C18.9998 15.6523 18.9998 16.5667 17.9999 16.5667C17 16.5667 16.9999 15.6523 16 15.6523C15 15.6523 15 16.5667 14 16.5667C12.9999 16.5667 12.9999 15.6523 11.9998 15.6523C10.9998 15.6523 10.9998 16.5667 9.99988 16.5667C9.00003 16.5667 9.00003 15.6523 8.00005 15.6523C6.99997 15.6523 6.99997 16.5667 5.99989 16.5667C4.99982 16.5667 4.99982 15.6523 3.99974 15.6523C2.99989 15.6523 2.99989 16.5667 1.99991 16.5667C1.26327 16.5667 1.06878 16.0708 0.617706 15.8097C0.890894 16.6262 1.24972 17.4033 1.68308 18.131C1.77692 18.1536 1.88127 18.1667 1.99986 18.1667C2.99985 18.1667 2.99985 17.2524 3.99969 17.2524C4.99977 17.2524 4.99977 18.1667 5.99985 18.1667C6.99993 18.1667 6.99993 17.2524 8 17.2524C8.99999 17.2524 8.99999 18.1667 9.99983 18.1667C10.9998 18.1667 10.9998 17.2524 11.9998 17.2524C12.9998 17.2524 12.9998 18.1667 13.9999 18.1667C15 18.1667 15 17.2524 15.9999 17.2524C16.9999 17.2524 16.9999 18.1667 17.9998 18.1667C18.9998 18.1667 18.9998 17.2524 19.9998 17.2524C20.9998 17.2524 20.9998 18.1667 21.9998 18.1667C22.1185 18.1667 22.2229 18.1536 22.3168 18.131C22.7502 17.4033 23.109 16.6262 23.3821 15.8097C22.931 16.0709 22.7365 16.5667 21.9998 16.5667C20.9999 16.5667 20.9999 15.6523 19.9998 15.6523V15.6523Z",
-    fill: "#0052B4"
-  }),
-  /* @__PURE__ */ C("path", {
-    d: "M23.7208 9.41891C22.9898 9.57064 22.8966 10.3055 21.9998 10.3055C20.9999 10.3055 20.9999 9.39111 19.9998 9.39111C18.9998 9.39111 18.9998 10.3055 17.9999 10.3055C17 10.3055 16.9999 9.39111 16 9.39111C15 9.39111 15 10.3055 14 10.3055C12.9999 10.3055 12.9999 9.39111 11.9998 9.39111C11.4595 9.39111 11.211 9.65802 10.9391 9.90346V11.5034C11.211 11.2581 11.4594 10.9912 11.9998 10.9912C12.9999 10.9912 12.9999 11.9054 14 11.9054C15 11.9054 15 10.9912 16 10.9912C17 10.9912 17 11.9054 17.9999 11.9054C18.9998 11.9054 18.9999 10.9912 19.9998 10.9912C20.9999 10.9912 20.9999 11.9054 21.9998 11.9054C22.9251 11.9054 22.9949 11.1235 23.792 11.0064C23.8431 11.0064 23.9002 11.0059 23.9586 11.0052C23.9144 10.4655 23.8342 9.93599 23.7208 9.41891V9.41891Z",
-    fill: "#0052B4"
-  }),
-  /* @__PURE__ */ C("path", {
-    d: "M22.8442 6.85648C22.637 7.03052 22.3975 7.17509 21.9999 7.17509C20.9999 7.17509 20.9999 6.26074 19.9999 6.26074C18.9999 6.26074 18.9999 7.17509 17.9999 7.17509C17 7.17509 16.9999 6.26074 16 6.26074C15 6.26074 15 7.17509 14 7.17509C13 7.17509 12.9999 6.26074 11.9998 6.26074C11.4595 6.26074 11.2111 6.52765 10.9391 6.77309V8.37307C11.2111 8.12768 11.4595 7.86082 11.9998 7.86082C12.9999 7.86082 12.9999 8.77507 14 8.77507C15 8.77507 15 7.86082 16 7.86082C16.9999 7.86082 16.9999 8.77507 17.9999 8.77507C18.9998 8.77507 18.9998 7.86082 19.9998 7.86082C20.9999 7.86082 20.9999 8.77507 21.9998 8.77507C22.7094 8.77507 22.916 8.31546 23.3332 8.04818C23.1911 7.64051 23.0278 7.24277 22.8442 6.85648V6.85648Z",
-    fill: "#0052B4"
-  }),
-  /* @__PURE__ */ C("path", {
-    d: "M20.0852 3.13281C20.0575 3.13131 20.0292 3.13037 19.9998 3.13037C18.9998 3.13037 18.9998 4.04471 17.9999 4.04471C16.9999 4.04471 16.9999 3.13037 16 3.13037C15 3.13037 15 4.04471 13.9999 4.04471C12.9998 4.04471 12.9998 3.13037 11.9997 3.13037C11.4594 3.13037 11.211 3.39728 10.9391 3.64271V5.2427C11.211 4.99731 11.4594 4.73045 11.9997 4.73045C12.9998 4.73045 12.9998 5.6447 13.9999 5.6447C15 5.6447 15 4.73045 15.9999 4.73045C16.9999 4.73045 16.9999 5.6447 17.9998 5.6447C18.9998 5.6447 18.9998 4.73045 19.9998 4.73045C20.9998 4.73045 20.9998 5.6447 21.9998 5.6447C22.0614 5.6447 22.1189 5.64104 22.1734 5.63453C21.5925 4.70809 20.8892 3.86636 20.0852 3.13281V3.13281Z",
-    fill: "#0052B4"
-  }),
-  /* @__PURE__ */ C("path", {
-    d: "M15.0671 0.396188C14.7926 0.643125 14.5445 0.914344 13.9999 0.914344C12.9998 0.914344 12.9998 9.375e-05 11.9998 0H11.9996C11.4825 4.6875e-05 11.2328 0.244594 10.9739 0.480797V2.08083C11.2328 1.84463 11.4825 1.60003 11.9998 1.60003C12.9999 1.60003 12.9999 2.51428 13.9999 2.51428C15 2.51428 15 1.60003 16 1.60003C16.9999 1.60003 16.9999 2.51428 17.9999 2.51428C18.4195 2.51428 18.6628 2.35322 18.8781 2.16637C17.7373 1.36692 16.4512 0.761016 15.0671 0.396188V0.396188Z",
-    fill: "#0052B4"
-  }),
-  /* @__PURE__ */ C("path", {
-    d: "M13.9999 22.8275C12.9998 22.8275 12.9998 21.9131 11.9998 21.9131C10.9998 21.9131 10.9998 22.8275 9.99984 22.8275C9 22.8275 9 21.9131 8.00002 21.9131C7.23403 21.9131 7.05436 22.4491 6.56311 22.7003C7.9178 23.39 9.42094 23.8296 11.0119 23.9593C11.2579 23.7345 11.5079 23.5132 11.9998 23.5132C12.4918 23.5132 12.7418 23.7345 12.9878 23.9594C14.5788 23.8297 16.0821 23.39 17.4368 22.7003C16.9455 22.4492 16.7658 21.9131 15.9999 21.9131C15 21.9131 15 22.8275 13.9999 22.8275V22.8275Z",
-    fill: "#0052B4"
-  }),
-  /* @__PURE__ */ C("path", {
-    d: "M17.9999 19.6971C16.9999 19.6971 16.9999 18.7827 16 18.7827C15 18.7827 15 19.6971 14 19.6971C12.9999 19.6971 12.9999 18.7827 11.9998 18.7827C10.9998 18.7827 10.9998 19.6971 9.99988 19.6971C9.00004 19.6971 9.00004 18.7827 8.00006 18.7827C6.99998 18.7827 6.99998 19.6971 5.9999 19.6971C4.99982 19.6971 4.99982 18.7827 3.99974 18.7827C3.28063 18.7827 3.0787 19.2557 2.65002 19.5212C2.91871 19.8549 3.20437 20.1743 3.50666 20.4771C3.64209 20.4193 3.80099 20.3827 3.9997 20.3827C4.99977 20.3827 4.99977 21.297 5.99985 21.297C6.99993 21.297 6.99993 20.3827 8.00001 20.3827C8.99999 20.3827 8.99999 21.297 9.99984 21.297C10.9998 21.297 10.9998 20.3827 11.9998 20.3827C12.9998 20.3827 12.9998 21.297 13.9999 21.297C15 21.297 15 20.3827 15.9999 20.3827C16.9999 20.3827 16.9999 21.297 17.9999 21.297C18.9998 21.297 18.9998 20.3827 19.9998 20.3827C20.1987 20.3827 20.3576 20.4193 20.4931 20.4772C20.7955 20.1743 21.0811 19.8549 21.3498 19.5213C20.9211 19.2558 20.7192 18.7828 19.9998 18.7828C18.9998 18.7827 18.9998 19.6971 17.9999 19.6971V19.6971Z",
-    fill: "#0052B4"
-  }),
-  /* @__PURE__ */ C("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__ */ C("path", {
-    d: "M12 6.26098V9.78659L7.82611 5.73926L12 6.26098Z",
-    fill: "#0052B4"
-  }),
-  /* @__PURE__ */ C("path", {
-    d: "M6.2609 12.0003H9.78637L6.26085 7.30469L5.73914 10.9569L6.2609 12.0003Z",
-    fill: "#0052B4"
-  }),
-  /* @__PURE__ */ C("path", {
-    d: "M12 6.26086C12 4.14938 12 2.76586 12 0H11.998C5.3715 0.001125 0 5.37323 0 12H6.26091V8.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__ */ C("path", {
-    d: "M6.07103 1.56543C4.1942 2.63413 2.63392 4.19441 1.56522 6.07124V12.0002H4.69567V4.69598V4.69588H12C12 3.70855 12 2.76796 12 1.56543H6.07103Z",
-    fill: "#D80027"
-  }),
-  /* @__PURE__ */ C("path", {
-    d: "M12 10.5247L7.73649 6.26123H6.26086V6.26132L11.9999 12.0003H12C12 12.0003 12 10.9828 12 10.5247V10.5247Z",
-    fill: "#D80027"
-  }),
-  /* @__PURE__ */ C("path", {
-    d: "M15.6522 6.26074H20.3478L18 8.60857L15.6522 6.26074Z",
-    fill: "#6DA544"
-  }),
-  /* @__PURE__ */ C("path", {
-    d: "M17.4783 8.08691H18.5218V10.9565H17.4783V8.08691Z",
-    fill: "#A2001D"
-  }),
-  /* @__PURE__ */ C("path", {
-    d: "M17.4783 15.6523H18.5218V18.5219H17.4783V15.6523Z",
-    fill: "#A2001D"
-  }),
-  /* @__PURE__ */ C("path", {
-    d: "M21.1305 14.0867C21.1305 13.2223 20.4297 12.5215 19.5653 12.5215C19.1643 12.5215 18.7988 12.6725 18.5218 12.9204V11.9998H19.0435V10.9563H18.5218V10.4346H17.4783V10.9563H16.9566V11.9998H17.4783V12.9204C17.2013 12.6725 16.8358 12.5215 16.4348 12.5215C15.5704 12.5215 14.8696 13.2223 14.8696 14.0867C14.8696 14.5502 15.0712 14.9664 15.3913 15.2531V16.1737H20.6087V15.2531C20.9288 14.9664 21.1305 14.5502 21.1305 14.0867V14.0867Z",
-    fill: "#FFDA44"
-  }),
-  /* @__PURE__ */ C("path", {
-    d: "M19.5652 13.5654C19.4006 13.5654 19.2854 13.6377 19.2177 13.6983L18.5217 14.3213H17.4783L16.7823 13.6983C16.7146 13.6377 16.5994 13.5654 16.4348 13.5654C16.1471 13.5654 15.9131 13.7995 15.9131 14.0871C15.9131 14.2898 16.0224 14.4178 16.0875 14.4762L16.4349 14.7872V15.1306H19.5653V14.7872L19.9127 14.4762C19.9778 14.4179 20.0871 14.2898 20.0871 14.0871C20.087 13.7995 19.8529 13.5654 19.5652 13.5654V13.5654Z",
-    fill: "#D80027"
-  })
-], -1)), v = /* @__PURE__ */ s(() => /* @__PURE__ */ C("defs", null, [
-  /* @__PURE__ */ C("clipPath", { id: "clip0_1_2284" }, [
-    /* @__PURE__ */ C("rect", {
-      fill: "white",
-      height: "24",
-      width: "24"
-    })
-  ])
-], -1)), b = /* @__PURE__ */ f({
-  __name: "FlagIoIcon",
-  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: (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 = o(() => {
-      if (typeof t.size == "number" && t.size > 0)
-        return `${t.size}px`;
-      if (typeof t.size == "string") {
-        const r = String(t.size).replace(/px/gi, ""), l = Number(r);
-        if (l && !isNaN(l) && Number.isInteger(l) && l > 0)
-          return `${l}px`;
-      }
-      return n;
-    }), p = o(() => ({
-      boxSizing: "border-box",
-      color: t.color,
-      display: t.display,
-      height: i.value,
-      lineHeight: "0",
-      width: i.value
-    }));
-    return (r, l) => (a(), c(h(e.as), {
-      "aria-hidden": e.decorative ? "true" : void 0,
-      class: "kui-icon flag-io-icon",
-      "data-testid": "kui-icon-wrapper-flag-io-icon",
-      style: u(p.value)
-    }, {
-      default: V(() => [
-        (a(), d("svg", {
-          "aria-hidden": e.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-flag-io-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", M, g(e.title), 1)) : m("", !0),
-          S,
-          v
-        ], 8, y))
-      ]),
-      _: 1
-    }, 8, ["aria-hidden", "style"]));
-  }
-});
-export {
-  b as default
-};
+
 //# sourceMappingURL=kong-icons.es502.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es502.js","sources":["../src/components/flags/FlagIoIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagIoIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Wed, 05 Jun 2024 22:25:10 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-io-icon\"\n    data-testid=\"kui-icon-wrapper-flag-io-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-io-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      >{{ title }}</title>\n      <g clip-path=\"url(#clip0_1_2284)\">\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.9998 13.4363C20.9998 13.4363 20.9998 12.522 19.9998 12.522C18.9998 12.522 18.9998 13.4363 17.9999 13.4363C17 13.4363 16.9999 12.522 16 12.522C15 12.522 15 13.4363 14 13.4363C12.9999 13.4363 12.9999 12.522 11.9998 12.522C10.9998 12.522 10.9998 13.4363 9.99988 13.4363C9.00003 13.4363 9.00003 12.522 8.00005 12.522C6.99997 12.522 6.99997 13.4363 5.99989 13.4363C4.99981 13.4363 4.99981 12.522 3.99974 12.522C2.99989 12.522 2.99989 13.4363 1.99991 13.4363C1.00531 13.4363 0.999548 12.5321 0.0155945 12.5224C0.0432976 13.0713 0.108829 13.6102 0.207923 14.1372C1.00499 14.2542 1.07478 15.0363 2 15.0363C2.99999 15.0363 2.99999 14.122 3.99983 14.122C4.99991 14.122 4.99991 15.0363 5.99999 15.0363C7.00006 15.0363 7.00006 14.122 8.00014 14.122C9.00013 14.122 9.00013 15.0363 9.99997 15.0363C11 15.0363 11 14.122 11.9999 14.122C13 14.122 13 15.0363 14 15.0363C15.0001 15.0363 15.0001 14.122 16.0001 14.122C17 14.122 17 15.0363 18 15.0363C19 15.0363 19 14.122 19.9999 14.122C21 14.122 21 15.0363 21.9999 15.0363C22.9252 15.0363 22.995 14.2543 23.7921 14.1372C23.8912 13.6101 23.9567 13.0713 23.9845 12.5224C23.0003 12.5321 22.9945 13.4363 21.9998 13.4363V13.4363Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M19.9998 15.6523C18.9998 15.6523 18.9998 16.5667 17.9999 16.5667C17 16.5667 16.9999 15.6523 16 15.6523C15 15.6523 15 16.5667 14 16.5667C12.9999 16.5667 12.9999 15.6523 11.9998 15.6523C10.9998 15.6523 10.9998 16.5667 9.99988 16.5667C9.00003 16.5667 9.00003 15.6523 8.00005 15.6523C6.99997 15.6523 6.99997 16.5667 5.99989 16.5667C4.99982 16.5667 4.99982 15.6523 3.99974 15.6523C2.99989 15.6523 2.99989 16.5667 1.99991 16.5667C1.26327 16.5667 1.06878 16.0708 0.617706 15.8097C0.890894 16.6262 1.24972 17.4033 1.68308 18.131C1.77692 18.1536 1.88127 18.1667 1.99986 18.1667C2.99985 18.1667 2.99985 17.2524 3.99969 17.2524C4.99977 17.2524 4.99977 18.1667 5.99985 18.1667C6.99993 18.1667 6.99993 17.2524 8 17.2524C8.99999 17.2524 8.99999 18.1667 9.99983 18.1667C10.9998 18.1667 10.9998 17.2524 11.9998 17.2524C12.9998 17.2524 12.9998 18.1667 13.9999 18.1667C15 18.1667 15 17.2524 15.9999 17.2524C16.9999 17.2524 16.9999 18.1667 17.9998 18.1667C18.9998 18.1667 18.9998 17.2524 19.9998 17.2524C20.9998 17.2524 20.9998 18.1667 21.9998 18.1667C22.1185 18.1667 22.2229 18.1536 22.3168 18.131C22.7502 17.4033 23.109 16.6262 23.3821 15.8097C22.931 16.0709 22.7365 16.5667 21.9998 16.5667C20.9999 16.5667 20.9999 15.6523 19.9998 15.6523V15.6523Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M23.7208 9.41891C22.9898 9.57064 22.8966 10.3055 21.9998 10.3055C20.9999 10.3055 20.9999 9.39111 19.9998 9.39111C18.9998 9.39111 18.9998 10.3055 17.9999 10.3055C17 10.3055 16.9999 9.39111 16 9.39111C15 9.39111 15 10.3055 14 10.3055C12.9999 10.3055 12.9999 9.39111 11.9998 9.39111C11.4595 9.39111 11.211 9.65802 10.9391 9.90346V11.5034C11.211 11.2581 11.4594 10.9912 11.9998 10.9912C12.9999 10.9912 12.9999 11.9054 14 11.9054C15 11.9054 15 10.9912 16 10.9912C17 10.9912 17 11.9054 17.9999 11.9054C18.9998 11.9054 18.9999 10.9912 19.9998 10.9912C20.9999 10.9912 20.9999 11.9054 21.9998 11.9054C22.9251 11.9054 22.9949 11.1235 23.792 11.0064C23.8431 11.0064 23.9002 11.0059 23.9586 11.0052C23.9144 10.4655 23.8342 9.93599 23.7208 9.41891V9.41891Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M22.8442 6.85648C22.637 7.03052 22.3975 7.17509 21.9999 7.17509C20.9999 7.17509 20.9999 6.26074 19.9999 6.26074C18.9999 6.26074 18.9999 7.17509 17.9999 7.17509C17 7.17509 16.9999 6.26074 16 6.26074C15 6.26074 15 7.17509 14 7.17509C13 7.17509 12.9999 6.26074 11.9998 6.26074C11.4595 6.26074 11.2111 6.52765 10.9391 6.77309V8.37307C11.2111 8.12768 11.4595 7.86082 11.9998 7.86082C12.9999 7.86082 12.9999 8.77507 14 8.77507C15 8.77507 15 7.86082 16 7.86082C16.9999 7.86082 16.9999 8.77507 17.9999 8.77507C18.9998 8.77507 18.9998 7.86082 19.9998 7.86082C20.9999 7.86082 20.9999 8.77507 21.9998 8.77507C22.7094 8.77507 22.916 8.31546 23.3332 8.04818C23.1911 7.64051 23.0278 7.24277 22.8442 6.85648V6.85648Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M20.0852 3.13281C20.0575 3.13131 20.0292 3.13037 19.9998 3.13037C18.9998 3.13037 18.9998 4.04471 17.9999 4.04471C16.9999 4.04471 16.9999 3.13037 16 3.13037C15 3.13037 15 4.04471 13.9999 4.04471C12.9998 4.04471 12.9998 3.13037 11.9997 3.13037C11.4594 3.13037 11.211 3.39728 10.9391 3.64271V5.2427C11.211 4.99731 11.4594 4.73045 11.9997 4.73045C12.9998 4.73045 12.9998 5.6447 13.9999 5.6447C15 5.6447 15 4.73045 15.9999 4.73045C16.9999 4.73045 16.9999 5.6447 17.9998 5.6447C18.9998 5.6447 18.9998 4.73045 19.9998 4.73045C20.9998 4.73045 20.9998 5.6447 21.9998 5.6447C22.0614 5.6447 22.1189 5.64104 22.1734 5.63453C21.5925 4.70809 20.8892 3.86636 20.0852 3.13281V3.13281Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M15.0671 0.396188C14.7926 0.643125 14.5445 0.914344 13.9999 0.914344C12.9998 0.914344 12.9998 9.375e-05 11.9998 0H11.9996C11.4825 4.6875e-05 11.2328 0.244594 10.9739 0.480797V2.08083C11.2328 1.84463 11.4825 1.60003 11.9998 1.60003C12.9999 1.60003 12.9999 2.51428 13.9999 2.51428C15 2.51428 15 1.60003 16 1.60003C16.9999 1.60003 16.9999 2.51428 17.9999 2.51428C18.4195 2.51428 18.6628 2.35322 18.8781 2.16637C17.7373 1.36692 16.4512 0.761016 15.0671 0.396188V0.396188Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M13.9999 22.8275C12.9998 22.8275 12.9998 21.9131 11.9998 21.9131C10.9998 21.9131 10.9998 22.8275 9.99984 22.8275C9 22.8275 9 21.9131 8.00002 21.9131C7.23403 21.9131 7.05436 22.4491 6.56311 22.7003C7.9178 23.39 9.42094 23.8296 11.0119 23.9593C11.2579 23.7345 11.5079 23.5132 11.9998 23.5132C12.4918 23.5132 12.7418 23.7345 12.9878 23.9594C14.5788 23.8297 16.0821 23.39 17.4368 22.7003C16.9455 22.4492 16.7658 21.9131 15.9999 21.9131C15 21.9131 15 22.8275 13.9999 22.8275V22.8275Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M17.9999 19.6971C16.9999 19.6971 16.9999 18.7827 16 18.7827C15 18.7827 15 19.6971 14 19.6971C12.9999 19.6971 12.9999 18.7827 11.9998 18.7827C10.9998 18.7827 10.9998 19.6971 9.99988 19.6971C9.00004 19.6971 9.00004 18.7827 8.00006 18.7827C6.99998 18.7827 6.99998 19.6971 5.9999 19.6971C4.99982 19.6971 4.99982 18.7827 3.99974 18.7827C3.28063 18.7827 3.0787 19.2557 2.65002 19.5212C2.91871 19.8549 3.20437 20.1743 3.50666 20.4771C3.64209 20.4193 3.80099 20.3827 3.9997 20.3827C4.99977 20.3827 4.99977 21.297 5.99985 21.297C6.99993 21.297 6.99993 20.3827 8.00001 20.3827C8.99999 20.3827 8.99999 21.297 9.99984 21.297C10.9998 21.297 10.9998 20.3827 11.9998 20.3827C12.9998 20.3827 12.9998 21.297 13.9999 21.297C15 21.297 15 20.3827 15.9999 20.3827C16.9999 20.3827 16.9999 21.297 17.9999 21.297C18.9998 21.297 18.9998 20.3827 19.9998 20.3827C20.1987 20.3827 20.3576 20.4193 20.4931 20.4772C20.7955 20.1743 21.0811 19.8549 21.3498 19.5213C20.9211 19.2558 20.7192 18.7828 19.9998 18.7828C18.9998 18.7827 18.9998 19.6971 17.9999 19.6971V19.6971Z\"\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.26098V9.78659L7.82611 5.73926L12 6.26098Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M6.2609 12.0003H9.78637L6.26085 7.30469L5.73914 10.9569L6.2609 12.0003Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M12 6.26086C12 4.14938 12 2.76586 12 0H11.998C5.3715 0.001125 0 5.37323 0 12H6.26091V8.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.07103 1.56543C4.1942 2.63413 2.63392 4.19441 1.56522 6.07124V12.0002H4.69567V4.69598V4.69588H12C12 3.70855 12 2.76796 12 1.56543H6.07103Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M12 10.5247L7.73649 6.26123H6.26086V6.26132L11.9999 12.0003H12C12 12.0003 12 10.9828 12 10.5247V10.5247Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M15.6522 6.26074H20.3478L18 8.60857L15.6522 6.26074Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M17.4783 8.08691H18.5218V10.9565H17.4783V8.08691Z\"\n          fill=\"#A2001D\"\n        />\n        <path\n          d=\"M17.4783 15.6523H18.5218V18.5219H17.4783V15.6523Z\"\n          fill=\"#A2001D\"\n        />\n        <path\n          d=\"M21.1305 14.0867C21.1305 13.2223 20.4297 12.5215 19.5653 12.5215C19.1643 12.5215 18.7988 12.6725 18.5218 12.9204V11.9998H19.0435V10.9563H18.5218V10.4346H17.4783V10.9563H16.9566V11.9998H17.4783V12.9204C17.2013 12.6725 16.8358 12.5215 16.4348 12.5215C15.5704 12.5215 14.8696 13.2223 14.8696 14.0867C14.8696 14.5502 15.0712 14.9664 15.3913 15.2531V16.1737H20.6087V15.2531C20.9288 14.9664 21.1305 14.5502 21.1305 14.0867V14.0867Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M19.5652 13.5654C19.4006 13.5654 19.2854 13.6377 19.2177 13.6983L18.5217 14.3213H17.4783L16.7823 13.6983C16.7146 13.6377 16.5994 13.5654 16.4348 13.5654C16.1471 13.5654 15.9131 13.7995 15.9131 14.0871C15.9131 14.2898 16.0224 14.4178 16.0875 14.4762L16.4349 14.7872V15.1306H19.5653V14.7872L19.9127 14.4762C19.9778 14.4179 20.0871 14.2898 20.0871 14.0871C20.087 13.7995 19.8529 13.5654 19.5652 13.5654V13.5654Z\"\n          fill=\"#D80027\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2284\">\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.es502.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}