@kong/icons 1.11.0 → 1.12.0

package/dist/kong-icons.es273.js

@@ -1,106 +1,8 @@
-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 v, popScopeId as y, createElementVNode as S } from "vue";
-import { KUI_ICON_SIZE_50 as d } from "./kong-icons.es513.js";
-const w = (e) => (v("data-v-8e83400c"), e = e(), y(), e), N = ["aria-hidden"], b = {
-  key: 0,
-  "data-testid": "kui-icon-svg-title"
-}, z = /* @__PURE__ */ w(() => /* @__PURE__ */ S("path", {
-  d: "M12 15.4L6 9.4L7.4 8L12 12.6L16.6 8L18 9.4L12 15.4Z",
-  fill: "currentColor"
-}, null, -1)), I = /* @__PURE__ */ c({
-  __name: "ChevronDownIcon",
-  props: {
-    /** The accessibility text provided to screen readers */
-    title: {
-      type: String,
-      required: !1,
-      default: ""
-    },
-    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
-    color: {
-      type: String,
-      required: !1,
-      default: "currentColor"
-    },
-    /** The CSS display property for the icon. Defaults to `block` */
-    display: {
-      type: String,
-      required: !1,
-      default: "block"
-    },
-    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
-    decorative: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    },
-    /** The icon size */
-    size: {
-      type: [Number, String],
-      required: !1,
-      default: d,
-      // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (e) => {
-        if (typeof e == "number" && e > 0)
-          return !0;
-        if (typeof e == "string") {
-          const t = String(e).replace(/px/gi, ""), i = Number(t);
-          if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
-            return !0;
-        }
-        return !1;
-      }
-    },
-    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    as: {
-      type: String,
-      required: !1,
-      default: "span"
-    }
-  },
-  setup(e) {
-    const t = e, i = 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 d;
-    }), l = 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 chevron-down-icon",
-      "data-testid": "kui-icon-wrapper-chevron-down-icon",
-      style: f(l.value)
-    }, {
-      default: m(() => [
-        (o(), s("svg", {
-          "aria-hidden": e.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-chevron-down-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"]));
-  }
-});
+import o from "./kong-icons.es836.js";
+import "./kong-icons.es837.js";
+import t from "./kong-icons.es295.js";
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7356d61d"]]);
 export {
-  I as default
+  _ as default
 };
 //# sourceMappingURL=kong-icons.es273.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es273.js","sources":["../src/components/solid/ChevronDownIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * ChevronDownIcon.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:45 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 chevron-down-icon\"\n    data-testid=\"kui-icon-wrapper-chevron-down-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-chevron-down-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 15.4L6 9.4L7.4 8L12 12.6L16.6 8L18 9.4L12 15.4Z\"\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;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es273.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/kong-icons.es274.js

@@ -1,2 +1,8 @@
-
+import o from "./kong-icons.es838.js";
+import "./kong-icons.es839.js";
+import t from "./kong-icons.es295.js";
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-53d7fbcb"]]);
+export {
+  c as default
+};
 //# sourceMappingURL=kong-icons.es274.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es274.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"kong-icons.es274.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/kong-icons.es275.js

@@ -1,106 +1,8 @@
-import { defineComponent as c, computed as a, openBlock as o, createBlock as u, resolveDynamicComponent as f, normalizeStyle as p, withCtx as m, createElementBlock as l, toDisplayString as g, createCommentVNode as h, pushScopeId as v, popScopeId as y, createElementVNode as S } from "vue";
-import { KUI_ICON_SIZE_50 as s } from "./kong-icons.es513.js";
-const N = (e) => (v("data-v-c39a26d6"), e = e(), y(), e), b = ["aria-hidden"], z = {
-  key: 0,
-  "data-testid": "kui-icon-svg-title"
-}, x = /* @__PURE__ */ N(() => /* @__PURE__ */ S("path", {
-  d: "M14 18L8 12L14 6L15.4 7.4L10.8 12L15.4 16.6L14 18Z",
-  fill: "currentColor"
-}, null, -1)), I = /* @__PURE__ */ c({
-  __name: "ChevronLeftIcon",
-  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(), u(f(e.as), {
-      "aria-hidden": e.decorative ? "true" : void 0,
-      class: "kui-icon chevron-left-icon",
-      "data-testid": "kui-icon-wrapper-chevron-left-icon",
-      style: p(d.value)
-    }, {
-      default: m(() => [
-        (o(), l("svg", {
-          "aria-hidden": e.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-chevron-left-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, b))
-      ]),
-      _: 1
-    }, 8, ["aria-hidden", "style"]));
-  }
-});
+import o from "./kong-icons.es840.js";
+import "./kong-icons.es841.js";
+import t from "./kong-icons.es295.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-166491d3"]]);
 export {
-  I as default
+  p as default
 };
 //# sourceMappingURL=kong-icons.es275.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es275.js","sources":["../src/components/solid/ChevronLeftIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * ChevronLeftIcon.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:45 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 chevron-left-icon\"\n    data-testid=\"kui-icon-wrapper-chevron-left-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-chevron-left-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=\"M14 18L8 12L14 6L15.4 7.4L10.8 12L15.4 16.6L14 18Z\"\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;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es275.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/kong-icons.es276.js

@@ -1,2 +1,8 @@
-
+import o from "./kong-icons.es842.js";
+import "./kong-icons.es843.js";
+import t from "./kong-icons.es295.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2314d204"]]);
+export {
+  p as default
+};
 //# sourceMappingURL=kong-icons.es276.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es276.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"kong-icons.es276.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/kong-icons.es277.js

@@ -1,106 +1,8 @@
-import { defineComponent as c, computed as a, openBlock as o, createBlock as u, resolveDynamicComponent as f, normalizeStyle as p, withCtx as g, createElementBlock as s, toDisplayString as h, createCommentVNode as m, pushScopeId as v, popScopeId as y, createElementVNode as S } from "vue";
-import { KUI_ICON_SIZE_50 as l } from "./kong-icons.es513.js";
-const N = (e) => (v("data-v-67edf2ce"), e = e(), y(), e), b = ["aria-hidden"], z = {
-  key: 0,
-  "data-testid": "kui-icon-svg-title"
-}, x = /* @__PURE__ */ N(() => /* @__PURE__ */ S("path", {
-  d: "M9.4 18L8 16.6L12.6 12L8 7.4L9.4 6L15.4 12L9.4 18Z",
-  fill: "currentColor"
-}, null, -1)), I = /* @__PURE__ */ c({
-  __name: "ChevronRightIcon",
-  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(f(e.as), {
-      "aria-hidden": e.decorative ? "true" : void 0,
-      class: "kui-icon chevron-right-icon",
-      "data-testid": "kui-icon-wrapper-chevron-right-icon",
-      style: p(d.value)
-    }, {
-      default: g(() => [
-        (o(), s("svg", {
-          "aria-hidden": e.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-chevron-right-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", z, h(e.title), 1)) : m("", !0),
-          x
-        ], 8, b))
-      ]),
-      _: 1
-    }, 8, ["aria-hidden", "style"]));
-  }
-});
+import o from "./kong-icons.es844.js";
+import "./kong-icons.es845.js";
+import t from "./kong-icons.es295.js";
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2f764446"]]);
 export {
-  I as default
+  f as default
 };
 //# sourceMappingURL=kong-icons.es277.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es277.js","sources":["../src/components/solid/ChevronRightIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * ChevronRightIcon.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:45 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 chevron-right-icon\"\n    data-testid=\"kui-icon-wrapper-chevron-right-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-chevron-right-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.4 18L8 16.6L12.6 12L8 7.4L9.4 6L15.4 12L9.4 18Z\"\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;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es277.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/kong-icons.es278.js

@@ -1,2 +1,8 @@
-
+import o from "./kong-icons.es846.js";
+import "./kong-icons.es847.js";
+import t from "./kong-icons.es295.js";
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f59b98a6"]]);
+export {
+  f as default
+};
 //# sourceMappingURL=kong-icons.es278.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es278.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"kong-icons.es278.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/kong-icons.es279.js

@@ -1,106 +1,8 @@
-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 v, popScopeId as y, createElementVNode as S } from "vue";
-import { KUI_ICON_SIZE_50 as l } from "./kong-icons.es513.js";
-const N = (e) => (v("data-v-ef031902"), e = e(), y(), e), b = ["aria-hidden"], z = {
-  key: 0,
-  "data-testid": "kui-icon-svg-title"
-}, x = /* @__PURE__ */ N(() => /* @__PURE__ */ S("path", {
-  d: "M7.4 15.4L6 14L12 8L18 14L16.6 15.4L12 10.8L7.4 15.4Z",
-  fill: "currentColor"
-}, null, -1)), I = /* @__PURE__ */ c({
-  __name: "ChevronUpIcon",
-  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 chevron-up-icon",
-      "data-testid": "kui-icon-wrapper-chevron-up-icon",
-      style: f(d.value)
-    }, {
-      default: m(() => [
-        (o(), s("svg", {
-          "aria-hidden": e.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-chevron-up-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", z, g(e.title), 1)) : h("", !0),
-          x
-        ], 8, b))
-      ]),
-      _: 1
-    }, 8, ["aria-hidden", "style"]));
-  }
-});
+import o from "./kong-icons.es848.js";
+import "./kong-icons.es849.js";
+import a from "./kong-icons.es295.js";
+const r = /* @__PURE__ */ a(o, [["__scopeId", "data-v-aeb8da80"]]);
 export {
-  I as default
+  r as default
 };
 //# sourceMappingURL=kong-icons.es279.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es279.js","sources":["../src/components/solid/ChevronUpIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * ChevronUpIcon.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:45 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 chevron-up-icon\"\n    data-testid=\"kui-icon-wrapper-chevron-up-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-chevron-up-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=\"M7.4 15.4L6 14L12 8L18 14L16.6 15.4L12 10.8L7.4 15.4Z\"\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;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es279.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/kong-icons.es28.js

@@ -1,8 +1,8 @@
-import o from "./kong-icons.es225.js";
-import "./kong-icons.es226.js";
-import r from "./kong-icons.es174.js";
-const s = /* @__PURE__ */ r(o, [["__scopeId", "data-v-20550cbb"]]);
+import o from "./kong-icons.es372.js";
+import "./kong-icons.es373.js";
+import a from "./kong-icons.es295.js";
+const m = /* @__PURE__ */ a(o, [["__scopeId", "data-v-a8daf263"]]);
 export {
-  s as default
+  m as default
 };
 //# sourceMappingURL=kong-icons.es28.js.map

package/dist/kong-icons.es280.js

@@ -1,2 +1,8 @@
-
+import o from "./kong-icons.es850.js";
+import "./kong-icons.es851.js";
+import r from "./kong-icons.es295.js";
+const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-f2c547d3"]]);
+export {
+  f as default
+};
 //# sourceMappingURL=kong-icons.es280.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es280.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"kong-icons.es280.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}