@kong/icons 1.9.3-pr.316.476141a.0 → 1.10.0

package/dist/kong-icons.es507.js

@@ -1,9 +1,9 @@
 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 S, createElementVNode as v } from "vue";
-import { KUI_ICON_SIZE_50 as d } from "./kong-icons.es513.js";
-const b = (e) => (y("data-v-ddb7bdf9"), e = e(), S(), e), C = ["aria-hidden"], N = {
+import { KUI_ICON_SIZE_50 as l } from "./kong-icons.es513.js";
+const C = (e) => (y("data-v-87928b25"), e = e(), S(), e), b = ["aria-hidden"], N = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
-}, k = /* @__PURE__ */ b(() => /* @__PURE__ */ v("path", {
+}, k = /* @__PURE__ */ C(() => /* @__PURE__ */ v("path", {
   d: "M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H11V21H5ZM13 21V12H21V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H13ZM13 10V3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V10H13Z",
   fill: "currentColor"
 }, null, -1)), x = /* @__PURE__ */ c({
@@ -37,7 +37,7 @@ const b = (e) => (y("data-v-ddb7bdf9"), e = e(), S(), e), C = ["aria-hidden"], N
     size: {
       type: [Number, String],
       required: !1,
-      default: d,
+      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)
@@ -66,8 +66,8 @@ const b = (e) => (y("data-v-ddb7bdf9"), e = e(), S(), e), C = ["aria-hidden"], N
         if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
           return `${r}px`;
       }
-      return d;
-    }), l = a(() => ({
+      return l;
+    }), d = a(() => ({
       boxSizing: "border-box",
       color: t.color,
       display: t.display,
@@ -79,7 +79,7 @@ const b = (e) => (y("data-v-ddb7bdf9"), e = e(), S(), e), C = ["aria-hidden"], N
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon workspaces-icon",
       "data-testid": "kui-icon-wrapper-workspaces-icon",
-      style: f(l.value)
+      style: f(d.value)
     }, {
       default: m(() => [
         (o(), s("svg", {
@@ -94,7 +94,7 @@ const b = (e) => (y("data-v-ddb7bdf9"), e = e(), S(), e), C = ["aria-hidden"], N
         }, [
           e.title ? (o(), s("title", N, g(e.title), 1)) : h("", !0),
           k
-        ], 8, C))
+        ], 8, b))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style"]));

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es507.js","sources":["../src/components/solid/WorkspacesIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * WorkspacesIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 04 Jun 2024 21:18:05 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 workspaces-icon\"\n    data-testid=\"kui-icon-wrapper-workspaces-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-workspaces-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      <path\n        d=\"M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H11V21H5ZM13 21V12H21V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H13ZM13 10V3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V10H13Z\"\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.es507.js","sources":["../src/components/solid/WorkspacesIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * WorkspacesIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Wed, 05 Jun 2024 19:08:35 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 workspaces-icon\"\n    data-testid=\"kui-icon-wrapper-workspaces-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-workspaces-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      <path\n        d=\"M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H11V21H5ZM13 21V12H21V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H13ZM13 10V3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V10H13Z\"\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.es509.js

@@ -1,6 +1,6 @@
 import { defineComponent as C, computed as a, openBlock as o, createBlock as c, resolveDynamicComponent as u, normalizeStyle as p, withCtx as f, createElementBlock as l, toDisplayString as m, createCommentVNode as g, pushScopeId as h, popScopeId as v, createElementVNode as y } from "vue";
 import { KUI_ICON_SIZE_50 as d } from "./kong-icons.es513.js";
-const S = (e) => (h("data-v-fcb67436"), e = e(), v(), e), b = ["aria-hidden"], N = {
+const S = (e) => (h("data-v-b9040419"), e = e(), v(), e), b = ["aria-hidden"], N = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, w = /* @__PURE__ */ S(() => /* @__PURE__ */ y("path", {

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es509.js","sources":["../src/components/solid/WorldPrivateIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * WorldPrivateIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 04 Jun 2024 21:18:05 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 world-private-icon\"\n    data-testid=\"kui-icon-wrapper-world-private-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-world-private-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      <path\n        d=\"M12 22C10.6333 22 9.34167 21.7375 8.125 21.2125C6.90833 20.6875 5.84583 19.9708 4.9375 19.0625C4.02917 18.1542 3.3125 17.0917 2.7875 15.875C2.2625 14.6583 2 13.3667 2 12C2 10.6167 2.2625 9.32083 2.7875 8.1125C3.3125 6.90417 4.02917 5.84583 4.9375 4.9375C5.84583 4.02917 6.90833 3.3125 8.125 2.7875C9.34167 2.2625 10.6333 2 12 2C12.5333 2 13.0458 2.0375 13.5375 2.1125C14.0292 2.1875 14.5167 2.3 15 2.45V5C15 5.55 14.8042 6.02083 14.4125 6.4125C14.0208 6.80417 13.55 7 13 7H11V9C11 9.28333 10.9042 9.52083 10.7125 9.7125C10.5208 9.90417 10.2833 10 10 10H8V12H14C14.2833 12 14.5208 12.0958 14.7125 12.2875C14.9042 12.4792 15 12.7167 15 13V16H16C16.45 16 16.8458 16.1333 17.1875 16.4C17.5292 16.6667 17.7667 17 17.9 17.4C18.55 16.6667 19.0625 15.8458 19.4375 14.9375C19.8125 14.0292 20 13.05 20 12C20 11.8167 19.9917 11.65 19.975 11.5C19.9583 11.35 19.9333 11.1833 19.9 11H21.95C21.9833 11.1833 22 11.35 22 11.5V12C22 13.3667 21.7375 14.6583 21.2125 15.875C20.6875 17.0917 19.9708 18.1542 19.0625 19.0625C18.1542 19.9708 17.0958 20.6875 15.8875 21.2125C14.6792 21.7375 13.3833 22 12 22ZM11 19.95V18C10.45 18 9.97917 17.8042 9.5875 17.4125C9.19583 17.0208 9 16.55 9 16V15L4.2 10.2C4.15 10.5 4.10417 10.8 4.0625 11.1C4.02083 11.4 4 11.7 4 12C4 14.0667 4.67083 15.8458 6.0125 17.3375C7.35417 18.8292 9.01667 19.7 11 19.95ZM18 9C17.7167 9 17.4792 8.90417 17.2875 8.7125C17.0958 8.52083 17 8.28333 17 8V5C17 4.71667 17.0958 4.47917 17.2875 4.2875C17.4792 4.09583 17.7167 4 18 4V3C18 2.45 18.1958 1.97917 18.5875 1.5875C18.9792 1.19583 19.45 1 20 1C20.55 1 21.0208 1.19583 21.4125 1.5875C21.8042 1.97917 22 2.45 22 3V4C22.2833 4 22.5208 4.09583 22.7125 4.2875C22.9042 4.47917 23 4.71667 23 5V8C23 8.28333 22.9042 8.52083 22.7125 8.7125C22.5208 8.90417 22.2833 9 22 9H18ZM19 4H21V3C21 2.71667 20.9042 2.47917 20.7125 2.2875C20.5208 2.09583 20.2833 2 20 2C19.7167 2 19.4792 2.09583 19.2875 2.2875C19.0958 2.47917 19 2.71667 19 3V4Z\"\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.es509.js","sources":["../src/components/solid/WorldPrivateIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * WorldPrivateIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Wed, 05 Jun 2024 19:08:35 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 world-private-icon\"\n    data-testid=\"kui-icon-wrapper-world-private-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-world-private-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      <path\n        d=\"M12 22C10.6333 22 9.34167 21.7375 8.125 21.2125C6.90833 20.6875 5.84583 19.9708 4.9375 19.0625C4.02917 18.1542 3.3125 17.0917 2.7875 15.875C2.2625 14.6583 2 13.3667 2 12C2 10.6167 2.2625 9.32083 2.7875 8.1125C3.3125 6.90417 4.02917 5.84583 4.9375 4.9375C5.84583 4.02917 6.90833 3.3125 8.125 2.7875C9.34167 2.2625 10.6333 2 12 2C12.5333 2 13.0458 2.0375 13.5375 2.1125C14.0292 2.1875 14.5167 2.3 15 2.45V5C15 5.55 14.8042 6.02083 14.4125 6.4125C14.0208 6.80417 13.55 7 13 7H11V9C11 9.28333 10.9042 9.52083 10.7125 9.7125C10.5208 9.90417 10.2833 10 10 10H8V12H14C14.2833 12 14.5208 12.0958 14.7125 12.2875C14.9042 12.4792 15 12.7167 15 13V16H16C16.45 16 16.8458 16.1333 17.1875 16.4C17.5292 16.6667 17.7667 17 17.9 17.4C18.55 16.6667 19.0625 15.8458 19.4375 14.9375C19.8125 14.0292 20 13.05 20 12C20 11.8167 19.9917 11.65 19.975 11.5C19.9583 11.35 19.9333 11.1833 19.9 11H21.95C21.9833 11.1833 22 11.35 22 11.5V12C22 13.3667 21.7375 14.6583 21.2125 15.875C20.6875 17.0917 19.9708 18.1542 19.0625 19.0625C18.1542 19.9708 17.0958 20.6875 15.8875 21.2125C14.6792 21.7375 13.3833 22 12 22ZM11 19.95V18C10.45 18 9.97917 17.8042 9.5875 17.4125C9.19583 17.0208 9 16.55 9 16V15L4.2 10.2C4.15 10.5 4.10417 10.8 4.0625 11.1C4.02083 11.4 4 11.7 4 12C4 14.0667 4.67083 15.8458 6.0125 17.3375C7.35417 18.8292 9.01667 19.7 11 19.95ZM18 9C17.7167 9 17.4792 8.90417 17.2875 8.7125C17.0958 8.52083 17 8.28333 17 8V5C17 4.71667 17.0958 4.47917 17.2875 4.2875C17.4792 4.09583 17.7167 4 18 4V3C18 2.45 18.1958 1.97917 18.5875 1.5875C18.9792 1.19583 19.45 1 20 1C20.55 1 21.0208 1.19583 21.4125 1.5875C21.8042 1.97917 22 2.45 22 3V4C22.2833 4 22.5208 4.09583 22.7125 4.2875C22.9042 4.47917 23 4.71667 23 5V8C23 8.28333 22.9042 8.52083 22.7125 8.7125C22.5208 8.90417 22.2833 9 22 9H18ZM19 4H21V3C21 2.71667 20.9042 2.47917 20.7125 2.2875C20.5208 2.09583 20.2833 2 20 2C19.7167 2 19.4792 2.09583 19.2875 2.2875C19.0958 2.47917 19 2.71667 19 3V4Z\"\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.es51.js

@@ -1,8 +1,8 @@
 import o from "./kong-icons.es271.js";
 import "./kong-icons.es272.js";
 import t from "./kong-icons.es174.js";
-const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a5eba85b"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8878e46e"]]);
 export {
-  e as default
+  m as default
 };
 //# sourceMappingURL=kong-icons.es51.js.map

package/dist/kong-icons.es511.js

@@ -1,6 +1,6 @@
-import { defineComponent as c, computed as a, openBlock as o, createBlock as u, resolveDynamicComponent as C, normalizeStyle as f, withCtx as p, createElementBlock as l, toDisplayString as m, createCommentVNode as g, pushScopeId as h, popScopeId as y, createElementVNode as S } from "vue";
+import { defineComponent as c, computed as a, openBlock as o, createBlock as u, resolveDynamicComponent as C, normalizeStyle as p, withCtx as f, createElementBlock as l, toDisplayString as m, createCommentVNode as g, pushScopeId as h, popScopeId as y, createElementVNode as S } from "vue";
 import { KUI_ICON_SIZE_50 as d } from "./kong-icons.es513.js";
-const v = (e) => (h("data-v-b4f0ece5"), e = e(), y(), e), b = ["aria-hidden"], N = {
+const v = (e) => (h("data-v-5253e3c6"), e = e(), y(), e), N = ["aria-hidden"], b = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, w = /* @__PURE__ */ v(() => /* @__PURE__ */ S("path", {
@@ -79,9 +79,9 @@ const v = (e) => (h("data-v-b4f0ece5"), e = e(), y(), e), b = ["aria-hidden"], N
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon world-icon",
       "data-testid": "kui-icon-wrapper-world-icon",
-      style: f(s.value)
+      style: p(s.value)
     }, {
-      default: p(() => [
+      default: f(() => [
         (o(), l("svg", {
           "aria-hidden": e.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-world-icon",
@@ -92,9 +92,9 @@ const v = (e) => (h("data-v-b4f0ece5"), e = e(), y(), e), b = ["aria-hidden"], N
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (o(), l("title", N, m(e.title), 1)) : g("", !0),
+          e.title ? (o(), l("title", b, m(e.title), 1)) : g("", !0),
           w
-        ], 8, b))
+        ], 8, N))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style"]));

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es511.js","sources":["../src/components/solid/WorldIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * WorldIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 04 Jun 2024 21:18:05 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 world-icon\"\n    data-testid=\"kui-icon-wrapper-world-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-world-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      <path\n        d=\"M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM11 19.95V18C10.45 18 9.97917 17.8042 9.5875 17.4125C9.19583 17.0208 9 16.55 9 16V15L4.2 10.2C4.15 10.5 4.10417 10.8 4.0625 11.1C4.02083 11.4 4 11.7 4 12C4 14.0167 4.6625 15.7833 5.9875 17.3C7.3125 18.8167 8.98333 19.7 11 19.95ZM17.9 17.4C18.2333 17.0333 18.5333 16.6375 18.8 16.2125C19.0667 15.7875 19.2875 15.3458 19.4625 14.8875C19.6375 14.4292 19.7708 13.9583 19.8625 13.475C19.9542 12.9917 20 12.5 20 12C20 10.3667 19.5458 8.875 18.6375 7.525C17.7292 6.175 16.5167 5.2 15 4.6V5C15 5.55 14.8042 6.02083 14.4125 6.4125C14.0208 6.80417 13.55 7 13 7H11V9C11 9.28333 10.9042 9.52083 10.7125 9.7125C10.5208 9.90417 10.2833 10 10 10H8V12H14C14.2833 12 14.5208 12.0958 14.7125 12.2875C14.9042 12.4792 15 12.7167 15 13V16H16C16.4333 16 16.825 16.1292 17.175 16.3875C17.525 16.6458 17.7667 16.9833 17.9 17.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.es511.js","sources":["../src/components/solid/WorldIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * WorldIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Wed, 05 Jun 2024 19:08:35 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 world-icon\"\n    data-testid=\"kui-icon-wrapper-world-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-world-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      <path\n        d=\"M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM11 19.95V18C10.45 18 9.97917 17.8042 9.5875 17.4125C9.19583 17.0208 9 16.55 9 16V15L4.2 10.2C4.15 10.5 4.10417 10.8 4.0625 11.1C4.02083 11.4 4 11.7 4 12C4 14.0167 4.6625 15.7833 5.9875 17.3C7.3125 18.8167 8.98333 19.7 11 19.95ZM17.9 17.4C18.2333 17.0333 18.5333 16.6375 18.8 16.2125C19.0667 15.7875 19.2875 15.3458 19.4625 14.8875C19.6375 14.4292 19.7708 13.9583 19.8625 13.475C19.9542 12.9917 20 12.5 20 12C20 10.3667 19.5458 8.875 18.6375 7.525C17.7292 6.175 16.5167 5.2 15 4.6V5C15 5.55 14.8042 6.02083 14.4125 6.4125C14.0208 6.80417 13.55 7 13 7H11V9C11 9.28333 10.9042 9.52083 10.7125 9.7125C10.5208 9.90417 10.2833 10 10 10H8V12H14C14.2833 12 14.5208 12.0958 14.7125 12.2875C14.9042 12.4792 15 12.7167 15 13V16H16C16.4333 16 16.825 16.1292 17.175 16.3875C17.525 16.6458 17.7667 16.9833 17.9 17.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;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es52.js

@@ -1,7 +1,7 @@
 import o from "./kong-icons.es273.js";
 import "./kong-icons.es274.js";
 import r from "./kong-icons.es174.js";
-const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-d9c30159"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-78bf9488"]]);
 export {
   p as default
 };

package/dist/kong-icons.es53.js

@@ -1,8 +1,8 @@
 import o from "./kong-icons.es275.js";
 import "./kong-icons.es276.js";
 import t from "./kong-icons.es174.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6965d6e5"]]);
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6ffdc3bc"]]);
 export {
-  m as default
+  e as default
 };
 //# sourceMappingURL=kong-icons.es53.js.map

package/dist/kong-icons.es54.js

@@ -1,8 +1,8 @@
 import o from "./kong-icons.es277.js";
 import "./kong-icons.es278.js";
 import t from "./kong-icons.es174.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-dfd58f94"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-fd80f3af"]]);
 export {
-  p as default
+  m as default
 };
 //# sourceMappingURL=kong-icons.es54.js.map

package/dist/kong-icons.es55.js

@@ -1,8 +1,8 @@
 import o from "./kong-icons.es279.js";
 import "./kong-icons.es280.js";
 import r from "./kong-icons.es174.js";
-const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-a5beedf0"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-eac12a9e"]]);
 export {
-  a as default
+  p as default
 };
 //# sourceMappingURL=kong-icons.es55.js.map

package/dist/kong-icons.es56.js

@@ -1,7 +1,7 @@
 import o from "./kong-icons.es281.js";
 import "./kong-icons.es282.js";
 import r from "./kong-icons.es174.js";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-9af53999"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-964c8b33"]]);
 export {
   m as default
 };

package/dist/kong-icons.es57.js

@@ -1,8 +1,8 @@
 import o from "./kong-icons.es283.js";
 import "./kong-icons.es284.js";
-import a from "./kong-icons.es174.js";
-const p = /* @__PURE__ */ a(o, [["__scopeId", "data-v-f2aecac7"]]);
+import r from "./kong-icons.es174.js";
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-d8a41996"]]);
 export {
-  p as default
+  m as default
 };
 //# sourceMappingURL=kong-icons.es57.js.map

package/dist/kong-icons.es58.js

@@ -1,8 +1,8 @@
 import o from "./kong-icons.es285.js";
 import "./kong-icons.es286.js";
 import t from "./kong-icons.es174.js";
-const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7f89a4fd"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-120d5a32"]]);
 export {
-  c as default
+  m as default
 };
 //# sourceMappingURL=kong-icons.es58.js.map

package/dist/kong-icons.es59.js

@@ -1,8 +1,8 @@
 import o from "./kong-icons.es287.js";
 import "./kong-icons.es288.js";
 import t from "./kong-icons.es174.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-45429e2b"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f8e99bb2"]]);
 export {
-  p as default
+  m as default
 };
 //# sourceMappingURL=kong-icons.es59.js.map

package/dist/kong-icons.es6.js

@@ -1,7 +1,7 @@
 import o from "./kong-icons.es181.js";
 import "./kong-icons.es182.js";
 import t from "./kong-icons.es174.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6c6a6ce8"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-896e5c91"]]);
 export {
   m as default
 };

package/dist/kong-icons.es60.js

@@ -1,7 +1,7 @@
 import o from "./kong-icons.es289.js";
 import "./kong-icons.es290.js";
 import t from "./kong-icons.es174.js";
-const d = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2c45dc36"]]);
+const d = /* @__PURE__ */ t(o, [["__scopeId", "data-v-de4e6c38"]]);
 export {
   d as default
 };

package/dist/kong-icons.es61.js

@@ -1,8 +1,8 @@
 import o from "./kong-icons.es291.js";
 import "./kong-icons.es292.js";
 import t from "./kong-icons.es174.js";
-const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-52c242f1"]]);
+const d = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3d67399f"]]);
 export {
-  c as default
+  d as default
 };
 //# sourceMappingURL=kong-icons.es61.js.map

package/dist/kong-icons.es62.js

@@ -1,8 +1,8 @@
 import o from "./kong-icons.es293.js";
 import "./kong-icons.es294.js";
 import t from "./kong-icons.es174.js";
-const d = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9c1d34da"]]);
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e9cba66e"]]);
 export {
-  d as default
+  e as default
 };
 //# sourceMappingURL=kong-icons.es62.js.map

package/dist/kong-icons.es63.js

@@ -1,8 +1,8 @@
 import o from "./kong-icons.es295.js";
 import "./kong-icons.es296.js";
 import t from "./kong-icons.es174.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-493d997e"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ddd136a1"]]);
 export {
-  p as default
+  m as default
 };
 //# sourceMappingURL=kong-icons.es63.js.map

package/dist/kong-icons.es64.js

@@ -1,8 +1,8 @@
 import o from "./kong-icons.es297.js";
 import "./kong-icons.es298.js";
 import t from "./kong-icons.es174.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1e9b3590"]]);
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8f3d44af"]]);
 export {
-  m as default
+  c as default
 };
 //# sourceMappingURL=kong-icons.es64.js.map

package/dist/kong-icons.es65.js

@@ -1,8 +1,8 @@
 import o from "./kong-icons.es299.js";
 import "./kong-icons.es300.js";
 import t from "./kong-icons.es174.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-483c11c8"]]);
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-17661210"]]);
 export {
-  p as default
+  _ as default
 };
 //# sourceMappingURL=kong-icons.es65.js.map

package/dist/kong-icons.es66.js

@@ -1,8 +1,8 @@
 import o from "./kong-icons.es301.js";
 import "./kong-icons.es302.js";
 import t from "./kong-icons.es174.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-522c83a4"]]);
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0dddfa46"]]);
 export {
-  m as default
+  f as default
 };
 //# sourceMappingURL=kong-icons.es66.js.map

package/dist/kong-icons.es67.js

@@ -1,7 +1,7 @@
 import o from "./kong-icons.es303.js";
 import "./kong-icons.es304.js";
 import t from "./kong-icons.es174.js";
-const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9322b59b"]]);
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5349b461"]]);
 export {
   e as default
 };

package/dist/kong-icons.es68.js

@@ -1,8 +1,8 @@
 import o from "./kong-icons.es305.js";
 import "./kong-icons.es306.js";
-import t from "./kong-icons.es174.js";
-const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8dbb471c"]]);
+import a from "./kong-icons.es174.js";
+const e = /* @__PURE__ */ a(o, [["__scopeId", "data-v-fe2724aa"]]);
 export {
-  c as default
+  e as default
 };
 //# sourceMappingURL=kong-icons.es68.js.map

package/dist/kong-icons.es69.js

@@ -1,8 +1,8 @@
 import o from "./kong-icons.es307.js";
 import "./kong-icons.es308.js";
 import t from "./kong-icons.es174.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f1cf8f00"]]);
+const n = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4b6d1314"]]);
 export {
-  m as default
+  n as default
 };
 //# sourceMappingURL=kong-icons.es69.js.map

package/dist/kong-icons.es7.js

@@ -1,8 +1,8 @@
 import o from "./kong-icons.es183.js";
 import "./kong-icons.es184.js";
-import t from "./kong-icons.es174.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f497dbcd"]]);
+import f from "./kong-icons.es174.js";
+const c = /* @__PURE__ */ f(o, [["__scopeId", "data-v-ffc9a9ef"]]);
 export {
-  f as default
+  c as default
 };
 //# sourceMappingURL=kong-icons.es7.js.map

package/dist/kong-icons.es70.js

@@ -1,8 +1,8 @@
 import o from "./kong-icons.es309.js";
 import "./kong-icons.es310.js";
-import a from "./kong-icons.es174.js";
-const c = /* @__PURE__ */ a(o, [["__scopeId", "data-v-7a02caa0"]]);
+import t from "./kong-icons.es174.js";
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5081b671"]]);
 export {
-  c as default
+  _ as default
 };
 //# sourceMappingURL=kong-icons.es70.js.map

package/dist/kong-icons.es71.js

@@ -1,7 +1,7 @@
 import o from "./kong-icons.es311.js";
 import "./kong-icons.es312.js";
 import r from "./kong-icons.es174.js";
-const c = /* @__PURE__ */ r(o, [["__scopeId", "data-v-2e682b12"]]);
+const c = /* @__PURE__ */ r(o, [["__scopeId", "data-v-1f7aed0d"]]);
 export {
   c as default
 };

package/dist/kong-icons.es72.js

@@ -1,8 +1,8 @@
 import o from "./kong-icons.es313.js";
 import "./kong-icons.es314.js";
-import r from "./kong-icons.es174.js";
-const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-f8b5a5c7"]]);
+import a from "./kong-icons.es174.js";
+const m = /* @__PURE__ */ a(o, [["__scopeId", "data-v-0a30ea37"]]);
 export {
-  f as default
+  m as default
 };
 //# sourceMappingURL=kong-icons.es72.js.map

package/dist/kong-icons.es73.js

@@ -1,8 +1,8 @@
 import o from "./kong-icons.es315.js";
 import "./kong-icons.es316.js";
-import r from "./kong-icons.es174.js";
-const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-47860be3"]]);
+import c from "./kong-icons.es174.js";
+const m = /* @__PURE__ */ c(o, [["__scopeId", "data-v-c08c8c9e"]]);
 export {
-  p as default
+  m as default
 };
 //# sourceMappingURL=kong-icons.es73.js.map

package/dist/kong-icons.es74.js

@@ -1,8 +1,8 @@
 import o from "./kong-icons.es317.js";
 import "./kong-icons.es318.js";
 import t from "./kong-icons.es174.js";
-const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-eb3ca1ea"]]);
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-28bb3e66"]]);
 export {
-  r as default
+  e as default
 };
 //# sourceMappingURL=kong-icons.es74.js.map

package/dist/kong-icons.es75.js

@@ -1,8 +1,8 @@
 import o from "./kong-icons.es319.js";
 import "./kong-icons.es320.js";
 import t from "./kong-icons.es174.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9327d7a3"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f41af3dd"]]);
 export {
-  m as default
+  p as default
 };
 //# sourceMappingURL=kong-icons.es75.js.map

package/dist/kong-icons.es76.js

@@ -1,7 +1,7 @@
 import o from "./kong-icons.es321.js";
 import "./kong-icons.es322.js";
 import r from "./kong-icons.es174.js";
-const c = /* @__PURE__ */ r(o, [["__scopeId", "data-v-f6510209"]]);
+const c = /* @__PURE__ */ r(o, [["__scopeId", "data-v-d8a1dd9b"]]);
 export {
   c as default
 };

package/dist/kong-icons.es77.js

@@ -1,8 +1,8 @@
 import o from "./kong-icons.es323.js";
 import "./kong-icons.es324.js";
 import t from "./kong-icons.es174.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-bc2b838f"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1a537ab6"]]);
 export {
-  f as default
+  m as default
 };
 //# sourceMappingURL=kong-icons.es77.js.map

package/dist/kong-icons.es78.js

@@ -1,7 +1,7 @@
 import o from "./kong-icons.es325.js";
 import "./kong-icons.es326.js";
 import t from "./kong-icons.es174.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-998eedbb"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9803bc66"]]);
 export {
   m as default
 };

package/dist/kong-icons.es79.js

@@ -1,7 +1,7 @@
 import o from "./kong-icons.es327.js";
 import "./kong-icons.es328.js";
 import t from "./kong-icons.es174.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7e816ae1"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8fd23b05"]]);
 export {
   m as default
 };

package/dist/kong-icons.es8.js

@@ -1,8 +1,8 @@
 import o from "./kong-icons.es185.js";
 import "./kong-icons.es186.js";
 import t from "./kong-icons.es174.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-58325862"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f01696eb"]]);
 export {
-  p as default
+  m as default
 };
 //# sourceMappingURL=kong-icons.es8.js.map

package/dist/kong-icons.es80.js

@@ -1,8 +1,8 @@
 import o from "./kong-icons.es329.js";
 import "./kong-icons.es330.js";
 import t from "./kong-icons.es174.js";
-const d = /* @__PURE__ */ t(o, [["__scopeId", "data-v-15d6d20d"]]);
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e3294bc3"]]);
 export {
-  d as default
+  e as default
 };
 //# sourceMappingURL=kong-icons.es80.js.map

package/dist/kong-icons.es81.js

@@ -1,8 +1,8 @@
 import o from "./kong-icons.es331.js";
 import "./kong-icons.es332.js";
 import t from "./kong-icons.es174.js";
-const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a3fd5e7a"]]);
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-870f6476"]]);
 export {
-  c as default
+  f as default
 };
 //# sourceMappingURL=kong-icons.es81.js.map

package/dist/kong-icons.es82.js

@@ -1,8 +1,8 @@
 import o from "./kong-icons.es333.js";
 import "./kong-icons.es334.js";
 import t from "./kong-icons.es174.js";
-const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c6bf7f5e"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-764662c0"]]);
 export {
-  c as default
+  m as default
 };
 //# sourceMappingURL=kong-icons.es82.js.map