@kong/icons 1.14.2-pr.342.2ec26c1.0 → 1.14.2-pr.343.11959e4.0

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es1150.js","sources":["../src/components/solid/WidgetsIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * WidgetsIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 08 Jul 2024 18:00:11 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 widgets-icon\"\n    data-testid=\"kui-icon-wrapper-widgets-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-widgets-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      <mask\n        id=\"mask0_2047_9122\"\n        height=\"24\"\n        maskUnits=\"userSpaceOnUse\"\n        style=\"mask-type:alpha\"\n        width=\"24\"\n        x=\"0\"\n        y=\"0\"\n      >\n        <rect\n          fill=\"#D9D9D9\"\n          height=\"24\"\n          width=\"24\"\n        />\n      </mask>\n      <g mask=\"url(#mask0_2047_9122)\">\n        <path\n          d=\"M16.65 13L11 7.34995L16.65 1.69995L22.3 7.34995L16.65 13ZM3 11V2.99995H11V11H3ZM13 21V13H21V21H13ZM3 21V13H11V21H3ZM5 8.99995H9V4.99995H5V8.99995ZM16.675 10.2L19.5 7.37495L16.675 4.54995L13.85 7.37495L16.675 10.2ZM15 19H19V15H15V19ZM5 19H9V15H5V19Z\"\n          fill=\"currentColor\"\n        />\n      </g>\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.es1150.js","sources":["../src/components/solid/WidgetsIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * WidgetsIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 08 Jul 2024 18:00:13 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 widgets-icon\"\n    data-testid=\"kui-icon-wrapper-widgets-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-widgets-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      <mask\n        id=\"mask0_2047_9122\"\n        height=\"24\"\n        maskUnits=\"userSpaceOnUse\"\n        style=\"mask-type:alpha\"\n        width=\"24\"\n        x=\"0\"\n        y=\"0\"\n      >\n        <rect\n          fill=\"#D9D9D9\"\n          height=\"24\"\n          width=\"24\"\n        />\n      </mask>\n      <g mask=\"url(#mask0_2047_9122)\">\n        <path\n          d=\"M16.65 13L11 7.34995L16.65 1.69995L22.3 7.34995L16.65 13ZM3 11V2.99995H11V11H3ZM13 21V13H21V21H13ZM3 21V13H11V21H3ZM5 8.99995H9V4.99995H5V8.99995ZM16.675 10.2L19.5 7.37495L16.675 4.54995L13.85 7.37495L16.675 10.2ZM15 19H19V15H15V19ZM5 19H9V15H5V19Z\"\n          fill=\"currentColor\"\n        />\n      </g>\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.es1152.js

@@ -1,12 +1,12 @@
-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 { defineComponent as d, 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 l } from "./kong-icons.es1158.js";
-const C = (e) => (y("data-v-be6568e2"), e = e(), S(), e), b = ["aria-hidden"], N = {
+const b = (e) => (y("data-v-b62b1fc6"), e = e(), S(), e), C = ["aria-hidden"], N = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
-}, k = /* @__PURE__ */ C(() => /* @__PURE__ */ v("path", {
+}, k = /* @__PURE__ */ b(() => /* @__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({
+}, null, -1)), x = /* @__PURE__ */ d({
   __name: "WorkspacesIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -67,7 +67,7 @@ const C = (e) => (y("data-v-be6568e2"), e = e(), S(), e), b = ["aria-hidden"], N
           return `${r}px`;
       }
       return l;
-    }), d = a(() => ({
+    }), c = a(() => ({
       boxSizing: "border-box",
       color: t.color,
       display: t.display,
@@ -79,7 +79,7 @@ const C = (e) => (y("data-v-be6568e2"), e = e(), S(), e), b = ["aria-hidden"], N
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon workspaces-icon",
       "data-testid": "kui-icon-wrapper-workspaces-icon",
-      style: f(d.value)
+      style: f(c.value)
     }, {
       default: m(() => [
         (o(), s("svg", {
@@ -94,7 +94,7 @@ const C = (e) => (y("data-v-be6568e2"), e = e(), S(), e), b = ["aria-hidden"], N
         }, [
           e.title ? (o(), s("title", N, g(e.title), 1)) : h("", !0),
           k
-        ], 8, b))
+        ], 8, C))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style"]));

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es1152.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 Mon, 08 Jul 2024 18:00:11 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      >\n        {{ title }}\n      </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.es1152.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 Mon, 08 Jul 2024 18:00:13 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      >\n        {{ title }}\n      </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.es1154.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.es1158.js";
-const S = (e) => (h("data-v-7b89e38d"), e = e(), v(), e), b = ["aria-hidden"], N = {
+const S = (e) => (h("data-v-bb025353"), 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.es1154.js.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es1154.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 Mon, 08 Jul 2024 18:00:11 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      >\n        {{ title }}\n      </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.es1154.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 Mon, 08 Jul 2024 18:00:13 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      >\n        {{ title }}\n      </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.es1156.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.es1158.js";
-const v = (e) => (h("data-v-75e94f68"), e = e(), y(), e), N = ["aria-hidden"], b = {
+const v = (e) => (h("data-v-6771c3d5"), 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-75e94f68"), e = e(), y(), e), N = ["aria-hidden"], b
       "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",

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es1156.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 Mon, 08 Jul 2024 18:00:11 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      >\n        {{ title }}\n      </title>\n      <path\n        d=\"M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 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.es1156.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 Mon, 08 Jul 2024 18:00:13 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      >\n        {{ title }}\n      </title>\n      <path\n        d=\"M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 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.es1158.js.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es1158.js","sources":["../node_modules/@kong/design-tokens/dist/tokens/js/index.mjs"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Mon, 01 Jul 2024 22:01:22 GMT\n * \n * Kong Design Tokens\n * GitHub: https://github.com/Kong/design-tokens\n * License: Apache-2.0\n */\n\nexport const KUI_COLOR_BACKGROUND = \"#ffffff\"; // Default background color for containers (white).\nexport const KUI_COLOR_BACKGROUND_DANGER = \"#d60027\"; // Background color for danger actions or messages (red.60).\nexport const KUI_COLOR_BACKGROUND_DANGER_STRONG = \"#ad000e\"; // Strong background color for danger actions or messages (red.70).\nexport const KUI_COLOR_BACKGROUND_DANGER_STRONGER = \"#850000\"; // Stronger background color for danger actions or messages (red.80).\nexport const KUI_COLOR_BACKGROUND_DANGER_STRONGEST = \"#5c0000\"; // Strongest background color for danger actions or messages (red.90).\nexport const KUI_COLOR_BACKGROUND_DANGER_WEAK = \"#ff3954\"; // Weak background color for danger actions or messages (red.40).\nexport const KUI_COLOR_BACKGROUND_DANGER_WEAKER = \"#ffabab\"; // Weaker background color for danger actions or messages (red.20).\nexport const KUI_COLOR_BACKGROUND_DANGER_WEAKEST = \"#ffe5e5\"; // Weakest background color for danger actions or messages (red.10).\nexport const KUI_COLOR_BACKGROUND_DECORATIVE_PURPLE = \"#6f28ff\"; // Background color for decorative purposes (purple.60).\nexport const KUI_COLOR_BACKGROUND_DECORATIVE_PURPLE_WEAKEST = \"#f1f0ff\"; // Weakest background color for decorative purposes (purple.10).\nexport const KUI_COLOR_BACKGROUND_DISABLED = \"#e0e4ea\"; // Background color for disabled elements (gray.20).\nexport const KUI_COLOR_BACKGROUND_INVERSE = \"#000933\"; // Inverse background color for containers (blue.100)\nexport const KUI_COLOR_BACKGROUND_NEUTRAL = \"#6c7489\"; // Background color for neutral elements (gray.60).\nexport const KUI_COLOR_BACKGROUND_NEUTRAL_STRONG = \"#52596e\"; // Strong background color for neutral elements (gray.70).\nexport const KUI_COLOR_BACKGROUND_NEUTRAL_STRONGER = \"#3a3f51\"; // Stronger background color for neutral elements (gray.80).\nexport const KUI_COLOR_BACKGROUND_NEUTRAL_STRONGEST = \"#232633\"; // Strongest background color for neutral elements (gray.90).\nexport const KUI_COLOR_BACKGROUND_NEUTRAL_WEAK = \"#afb7c5\"; // Weak background color for neutral elements (gray.40).\nexport const KUI_COLOR_BACKGROUND_NEUTRAL_WEAKER = \"#e0e4ea\"; // Weaker background color for neutral elements (gray.20).\nexport const KUI_COLOR_BACKGROUND_NEUTRAL_WEAKEST = \"#f9fafb\"; // Weakest background color for neutral elements (gray.10).\nexport const KUI_COLOR_BACKGROUND_OVERLAY = \"rgba(0, 9, 51, 0.6)\"; // Overlay background color (rgba(blue.100, 0.6))\nexport const KUI_COLOR_BACKGROUND_PRIMARY = \"#0044f4\"; // Background color for primary actions or messages (blue.60).\nexport const KUI_COLOR_BACKGROUND_PRIMARY_STRONG = \"#0030cc\"; // Strong background color for primary actions or messages (blue.70).\nexport const KUI_COLOR_BACKGROUND_PRIMARY_STRONGER = \"#002099\"; // Stronger background color for primary actions or messages (blue.80).\nexport const KUI_COLOR_BACKGROUND_PRIMARY_STRONGEST = \"#001466\"; // Strongest background color for primary actions or messages (blue.90).\nexport const KUI_COLOR_BACKGROUND_PRIMARY_WEAK = \"#5f9aff\"; // Weak background color for primary actions or messages (blue.40).\nexport const KUI_COLOR_BACKGROUND_PRIMARY_WEAKER = \"#bee2ff\"; // Weaker background color for primary actions or messages (blue.20).\nexport const KUI_COLOR_BACKGROUND_PRIMARY_WEAKEST = \"#eefaff\"; // Weakest background color for primary actions or messages (blue.10)\nexport const KUI_COLOR_BACKGROUND_SUCCESS_WEAK = \"#00d6a4\"; // Weak background color for success elements (green.40).\nexport const KUI_COLOR_BACKGROUND_SUCCESS_WEAKEST = \"#ecfffb\"; // Weakest background color for success elements (green.10).\nexport const KUI_COLOR_BACKGROUND_TRANSPARENT = \"rgba(0, 0, 0, 0)\"; // Transparent background color (transparent).\nexport const KUI_COLOR_BACKGROUND_WARNING_WEAK = \"#ffc400\"; // Weak background color for warning elements (yellow.40).\nexport const KUI_COLOR_BACKGROUND_WARNING_WEAKEST = \"#fffce0\"; // Weakest background color for warning elements (yellow.10).\nexport const KUI_COLOR_BORDER = \"#e0e4ea\"; // Default border color for containers (gray.20).\nexport const KUI_COLOR_BORDER_DANGER = \"#d60027\"; // Border color for danger actions or messages (red.60).\nexport const KUI_COLOR_BORDER_DANGER_STRONG = \"#ad000e\"; // Strong border color for danger actions or messages (red.70).\nexport const KUI_COLOR_BORDER_DANGER_STRONGER = \"#850000\"; // Stronger border color for danger actions or messages (red.80).\nexport const KUI_COLOR_BORDER_DANGER_STRONGEST = \"#5c0000\"; // Strongest border color for danger actions or messages (red.90).\nexport const KUI_COLOR_BORDER_DANGER_WEAK = \"#ff3954\"; // Weak border color for danger actions or messages (red.40).\nexport const KUI_COLOR_BORDER_DANGER_WEAKER = \"#ffabab\"; // Weaker border color for danger actions or messages (red.20).\nexport const KUI_COLOR_BORDER_DANGER_WEAKEST = \"#ffe5e5\"; // Weakest border color for danger actions or messages (red.10).\nexport const KUI_COLOR_BORDER_DECORATIVE_PURPLE = \"#6f28ff\"; // Border color for decorative purposes (purple.60).\nexport const KUI_COLOR_BORDER_DISABLED = \"#e0e4ea\"; // Border color for disabled elements (gray.20).\nexport const KUI_COLOR_BORDER_INVERSE = \"rgba(255, 255, 255, 0.2)\"; // Inverse border color (rgba(white, 0.2)).\nexport const KUI_COLOR_BORDER_NEUTRAL_WEAK = \"#afb7c5\"; // Weak border color for neutral elements (gray.40)\nexport const KUI_COLOR_BORDER_NEUTRAL_WEAKER = \"#e0e4ea\"; // Weaker border color for neutral elements (gray.20)\nexport const KUI_COLOR_BORDER_PRIMARY = \"#0044f4\"; // Border color for primary actions or messages (blue.60).\nexport const KUI_COLOR_BORDER_PRIMARY_STRONG = \"#0030cc\"; // Strong border color for primary actions or messages (blue.70).\nexport const KUI_COLOR_BORDER_PRIMARY_STRONGER = \"#002099\"; // Stronger border color for primary actions or messages (blue.80).\nexport const KUI_COLOR_BORDER_PRIMARY_STRONGEST = \"#001466\"; // Strongest border color for primary actions or messages (blue.90).\nexport const KUI_COLOR_BORDER_PRIMARY_WEAK = \"#5f9aff\"; // Weak border color for primary actions or messages (blue.40).\nexport const KUI_COLOR_BORDER_PRIMARY_WEAKER = \"#bee2ff\"; // Weaker border color for primary actions or messages (blue.20).\nexport const KUI_COLOR_BORDER_PRIMARY_WEAKEST = \"#eefaff\"; // Weakest border color for primary actions or messages (blue.10).\nexport const KUI_COLOR_BORDER_TRANSPARENT = \"rgba(0, 0, 0, 0)\"; // Transparent border color (transparent).\nexport const KUI_COLOR_TEXT = \"#000933\"; // Default text color (blue.100).\nexport const KUI_COLOR_TEXT_DANGER = \"#d60027\"; // Text color for danger actions or messages (red.60).\nexport const KUI_COLOR_TEXT_DANGER_STRONG = \"#ad000e\"; // Strong text color for danger actions or messages (red.70).\nexport const KUI_COLOR_TEXT_DECORATIVE_AQUA = \"#00abd2\"; // Text color for decorative purposes (aqua.50).\nexport const KUI_COLOR_TEXT_DECORATIVE_PINK = \"#d60067\"; // Text color for decorative purposes (pink.60).\nexport const KUI_COLOR_TEXT_DECORATIVE_PURPLE = \"#6f28ff\"; // Text color for decorative purposes (purple.60).\nexport const KUI_COLOR_TEXT_DECORATIVE_PURPLE_STRONG = \"#5e00f5\"; // Strong text color for decorative purposes (purple.70).\nexport const KUI_COLOR_TEXT_DISABLED = \"#afb7c5\"; // Text color for disabled elements (gray.40).\nexport const KUI_COLOR_TEXT_INVERSE = \"#ffffff\"; // Inverse text color (white).\nexport const KUI_COLOR_TEXT_NEUTRAL = \"#6c7489\"; // Text color for neutral elements (gray.60).\nexport const KUI_COLOR_TEXT_NEUTRAL_STRONG = \"#52596e\"; // Strong text color for neutral elements (gray.70).\nexport const KUI_COLOR_TEXT_NEUTRAL_STRONGER = \"#3a3f51\"; // Stronger text color for neutral elements (gray.80).\nexport const KUI_COLOR_TEXT_NEUTRAL_STRONGEST = \"#232633\"; // Strongest text color for neutral elements (gray.90).\nexport const KUI_COLOR_TEXT_NEUTRAL_WEAK = \"#afb7c5\"; // Weak text color for neutral elements (gray.40).\nexport const KUI_COLOR_TEXT_NEUTRAL_WEAKER = \"#e0e4ea\"; // Weaker text color for neutral elements (gray.20).\nexport const KUI_COLOR_TEXT_PRIMARY = \"#0044f4\"; // Text color for primary actions or messages (blue.60).\nexport const KUI_COLOR_TEXT_PRIMARY_STRONG = \"#0030cc\"; // Strong text color for primary actions or messages (blue.70).\nexport const KUI_COLOR_TEXT_PRIMARY_STRONGER = \"#002099\"; // Stronger text color for primary actions or messages (blue.80).\nexport const KUI_COLOR_TEXT_PRIMARY_STRONGEST = \"#001466\"; // Strongest text color for primary actions or messages (blue.90).\nexport const KUI_COLOR_TEXT_PRIMARY_WEAK = \"#5f9aff\"; // Weak text color for primary actions or messages (blue.40).\nexport const KUI_COLOR_TEXT_SUCCESS = \"#007d60\"; // Text color for success actions or messages (green.60).\nexport const KUI_COLOR_TEXT_SUCCESS_STRONG = \"#005944\"; // Strong text color for success actions or messages (green.70).\nexport const KUI_COLOR_TEXT_WARNING = \"#995c00\"; // Text color for warning actions or messages (yellow.60).\nexport const KUI_COLOR_TEXT_WARNING_STRONG = \"#804400\"; // Text color for warning actions or messages (yellow.70).\nexport const KUI_ANIMATION_DURATION_20 = \"0.2s\"; // Default transition timing\nexport const KUI_BORDER_RADIUS_0 = \"0px\"; // 0px border radius.\nexport const KUI_BORDER_RADIUS_10 = \"2px\"; // 2px border radius.\nexport const KUI_BORDER_RADIUS_20 = \"4px\"; // 4px border radius.\nexport const KUI_BORDER_RADIUS_30 = \"6px\"; // 6px border radius.\nexport const KUI_BORDER_RADIUS_40 = \"8px\"; // 8px border radius.\nexport const KUI_BORDER_RADIUS_50 = \"10px\"; // 10px border radius.\nexport const KUI_BORDER_RADIUS_CIRCLE = \"50%\"; // 50% border radius used to create circles.\nexport const KUI_BORDER_RADIUS_ROUND = \"100px\"; // 100px border radius used to create pill shapes.\nexport const KUI_BORDER_WIDTH_0 = \"0px\"; // 0px border width.\nexport const KUI_BORDER_WIDTH_10 = \"1px\"; // 1px border width.\nexport const KUI_BORDER_WIDTH_20 = \"2px\"; // 2px border width.\nexport const KUI_BORDER_WIDTH_30 = \"4px\"; // 4px border width.\nexport const KUI_BREAKPOINT_MOBILE = \"640px\"; // Used for larger mobile screens. Any viewport width under this value is considered mobile.\nexport const KUI_BREAKPOINT_PHABLET = \"768px\"; // Used for tablet screens.\nexport const KUI_BREAKPOINT_TABLET = \"1024px\"; // Used for larger tablet screens. Any viewport width less than this value will likely show a mobile layout. Any viewport width this value and greater will likely show a desktop layout.\nexport const KUI_BREAKPOINT_LAPTOP = \"1280px\"; // Used for standard desktop screens.\nexport const KUI_BREAKPOINT_DESKTOP = \"1536px\"; // Used for larger desktop screens.\nexport const KUI_ICON_COLOR_DANGER = \"#f50045\"; // Danger color for icons.\nexport const KUI_ICON_COLOR_NEUTRAL = \"#828a9e\"; // Neutral color for icons.\nexport const KUI_ICON_COLOR_PRIMARY = \"#306fff\"; // Primary color for icons.\nexport const KUI_ICON_COLOR_SUCCESS = \"#00a17b\"; // Success color for icons.\nexport const KUI_ICON_COLOR_WARNING = \"#ffc400\"; // Warning color for icons.\nexport const KUI_ICON_SIZE_10 = \"10px\"; // 10px icon size.\nexport const KUI_ICON_SIZE_20 = \"12px\"; // 12px icon size.\nexport const KUI_ICON_SIZE_30 = \"16px\"; // 16px icon size.\nexport const KUI_ICON_SIZE_40 = \"20px\"; // 20px icon size.\nexport const KUI_ICON_SIZE_50 = \"24px\"; // 24px icon size (default).\nexport const KUI_ICON_SIZE_60 = \"32px\"; // 32px icon size.\nexport const KUI_ICON_SIZE_70 = \"40px\"; // 40px icon size.\nexport const KUI_ICON_SIZE_80 = \"48px\"; // 48px icon size.\nexport const KUI_METHOD_COLOR_BACKGROUND_CONNECT = \"#f1f0ff\"; // Background color for the CONNECT method (purple.10).\nexport const KUI_METHOD_COLOR_BACKGROUND_DELETE = \"#ffe5e5\"; // Background color for the DELETE method (red.10).\nexport const KUI_METHOD_COLOR_BACKGROUND_GET = \"#eefaff\"; // Background color for the GET method (blue.10).\nexport const KUI_METHOD_COLOR_BACKGROUND_HEAD = \"#52596e\"; // Background color for the HEAD method (gray.70).\nexport const KUI_METHOD_COLOR_BACKGROUND_OPTIONS = \"#e0e4ea\"; // Background color for the OPTIONS method (gray.20).\nexport const KUI_METHOD_COLOR_BACKGROUND_PATCH = \"#ecfcff\"; // Background color for the PATCH method (aqua.10).\nexport const KUI_METHOD_COLOR_BACKGROUND_POST = \"#ecfffb\"; // Background color for the POST method (green.10).\nexport const KUI_METHOD_COLOR_BACKGROUND_PUT = \"#fffce0\"; // Background color for the PUT method (yellow.10).\nexport const KUI_METHOD_COLOR_BACKGROUND_TRACE = \"#fff0f7\"; // Background color for the TRACE method (pink.10).\nexport const KUI_METHOD_COLOR_TEXT_CONNECT = \"#6f28ff\"; // Text color for the CONNECT method (purple.60).\nexport const KUI_METHOD_COLOR_TEXT_CONNECT_STRONG = \"#5e00f5\"; // Strong text color for the CONNECT method (purple.70).\nexport const KUI_METHOD_COLOR_TEXT_DELETE = \"#d60027\"; // Text color for the DELETE method (red.60).\nexport const KUI_METHOD_COLOR_TEXT_DELETE_STRONG = \"#ad000e\"; // Strong text color for the DELETE method (red.70).\nexport const KUI_METHOD_COLOR_TEXT_GET = \"#0044f4\"; // Text color for the GET method (blue.60).\nexport const KUI_METHOD_COLOR_TEXT_GET_STRONG = \"#0030cc\"; // Strong text color for the GET method (blue.70).\nexport const KUI_METHOD_COLOR_TEXT_HEAD = \"#e0e4ea\"; // Text color for the HEAD method (gray.20).\nexport const KUI_METHOD_COLOR_TEXT_HEAD_STRONG = \"#afb7c5\"; // Strong text color for the HEAD method (gray.40).\nexport const KUI_METHOD_COLOR_TEXT_OPTIONS = \"#52596e\"; // Text color for the OPTIONS method (gray.70).\nexport const KUI_METHOD_COLOR_TEXT_OPTIONS_STRONG = \"#3a3f51\"; // Strong text color for the OPTIONS method (gray.80).\nexport const KUI_METHOD_COLOR_TEXT_PATCH = \"#00819d\"; // Text color for the PATCH method (aqua.60).\nexport const KUI_METHOD_COLOR_TEXT_PATCH_STRONG = \"#00647a\"; // Strong text color for the PATCH method (aqua.70).\nexport const KUI_METHOD_COLOR_TEXT_POST = \"#007d60\"; // Text color for the POST method (green.60).\nexport const KUI_METHOD_COLOR_TEXT_POST_STRONG = \"#005944\"; // Strong text color for the POST method (green.70).\nexport const KUI_METHOD_COLOR_TEXT_PUT = \"#995c00\"; // Text color for the PUT method (yellow.60).\nexport const KUI_METHOD_COLOR_TEXT_PUT_STRONG = \"#804400\"; // Strong text color for the PUT method (yellow.70).\nexport const KUI_METHOD_COLOR_TEXT_TRACE = \"#d60067\"; // Text color for the TRACE method (pink.60).\nexport const KUI_METHOD_COLOR_TEXT_TRACE_STRONG = \"#ad0053\"; // Strong text color for the TRACE method (pink.70).\nexport const KUI_NAVIGATION_COLOR_BACKGROUND = \"#000933\"; // blue.100\nexport const KUI_NAVIGATION_COLOR_BACKGROUND_SELECTED = \"rgba(255, 255, 255, 0.12)\"; // The background color of a selected navigation item.\nexport const KUI_NAVIGATION_COLOR_BORDER = \"rgba(255, 255, 255, 0.12)\"; // rgba(white, 0.12)\nexport const KUI_NAVIGATION_COLOR_BORDER_CHILD = \"#00fabe\"; // The border color for a selected child navigation item.\nexport const KUI_NAVIGATION_COLOR_BORDER_DIVIDER = \"rgba(255, 255, 255, 0.24)\"; // The color of the navigation section divider.\nexport const KUI_NAVIGATION_COLOR_TEXT = \"#bee2ff\"; // Navigation link and icon color.\nexport const KUI_NAVIGATION_COLOR_TEXT_FOCUS = \"#ffffff\"; // Navigation link and icon focus-visible color.\nexport const KUI_NAVIGATION_COLOR_TEXT_HOVER = \"#eefaff\"; // Navigation link and icon hover color.\nexport const KUI_NAVIGATION_COLOR_TEXT_SELECTED = \"#00fabe\"; // Navigation link and icon selected color.\nexport const KUI_NAVIGATION_SHADOW_BORDER = \"0 0 0 1px rgba(255, 255, 255, 0.12) inset\"; // The box-shadow for a focus-visible navigation link.\nexport const KUI_NAVIGATION_SHADOW_BORDER_CHILD = \"4px 0 0 0 #00fabe inset\"; // The left box-shadow for an active child navigation link.\nexport const KUI_NAVIGATION_SHADOW_FOCUS = \"0 0 0 1px rgba(255, 255, 255, 0.60) inset\"; // Navigation link focus-visible box-shadow.\nexport const KUI_STATUS_COLOR_100 = \"#bee2ff\"; // Analytics request status color 100 (blue.20).\nexport const KUI_STATUS_COLOR_101 = \"#8fc1ff\"; // Analytics request status color 101 (blue.30).\nexport const KUI_STATUS_COLOR_102 = \"#5f9aff\"; // Analytics request status color 102 (blue.40).\nexport const KUI_STATUS_COLOR_103 = \"#306fff\"; // Analytics request status color 103 (blue.50).\nexport const KUI_STATUS_COLOR_200 = \"#b5ffee\"; // Analytics request status color 200 (green.20).\nexport const KUI_STATUS_COLOR_201 = \"#00fabe\"; // Analytics request status color 201 (green.30).\nexport const KUI_STATUS_COLOR_202 = \"#00d6a4\"; // Analytics request status color 202 (green.40).\nexport const KUI_STATUS_COLOR_203 = \"#00a17b\"; // Analytics request status color 203 (green.50).\nexport const KUI_STATUS_COLOR_204 = \"#007d60\"; // Analytics request status color 204 (green.60).\nexport const KUI_STATUS_COLOR_205 = \"#005944\"; // Analytics request status color 205 (green.70).\nexport const KUI_STATUS_COLOR_206 = \"#b5ffee\"; // Analytics request status color 206 (green.20).\nexport const KUI_STATUS_COLOR_207 = \"#00fabe\"; // Analytics request status color 207 (green.30).\nexport const KUI_STATUS_COLOR_208 = \"#b5ffee\"; // Analytics request status color 208 (green.40).\nexport const KUI_STATUS_COLOR_226 = \"#00a17b\"; // Analytics request status color 226 (green.50).\nexport const KUI_STATUS_COLOR_300 = \"#fff296\"; // Analytics request status color 100 (yellow.20).\nexport const KUI_STATUS_COLOR_301 = \"#ffe04b\"; // Analytics request status color 101 (yellow.30).\nexport const KUI_STATUS_COLOR_302 = \"#ffc400\"; // Analytics request status color 102 (yellow.40).\nexport const KUI_STATUS_COLOR_303 = \"#b37600\"; // Analytics request status color 103 (yellow.50).\nexport const KUI_STATUS_COLOR_304 = \"#995c00\"; // Analytics request status color 103 (yellow.60).\nexport const KUI_STATUS_COLOR_305 = \"#804400\"; // Analytics request status color 103 (yellow.70).\nexport const KUI_STATUS_COLOR_307 = \"#fff296\"; // Analytics request status color 103 (yellow.20).\nexport const KUI_STATUS_COLOR_308 = \"#ffe04b\"; // Analytics request status color 103 (yellow.30).\nexport const KUI_STATUS_COLOR_400 = \"#ffc2b3\"; // Analytics request status color 400 (orange.20).\nexport const KUI_STATUS_COLOR_401 = \"#ff9877\"; // Analytics request status color 401 (orange.30).\nexport const KUI_STATUS_COLOR_402 = \"#ff723c\"; // Analytics request status color 402 (orange.40).\nexport const KUI_STATUS_COLOR_403 = \"#f75008\"; // Analytics request status color 403 (orange.50).\nexport const KUI_STATUS_COLOR_404 = \"#d13500\"; // Analytics request status color 404 (orange.60).\nexport const KUI_STATUS_COLOR_405 = \"#a31f00\"; // Analytics request status color 405 (orange.70).\nexport const KUI_STATUS_COLOR_406 = \"#ffc2b3\"; // Analytics request status color 406 (orange.20).\nexport const KUI_STATUS_COLOR_407 = \"#ff9877\"; // Analytics request status color 407 (orange.30).\nexport const KUI_STATUS_COLOR_408 = \"#ff723c\"; // Analytics request status color 408 (orange.40).\nexport const KUI_STATUS_COLOR_409 = \"#f75008\"; // Analytics request status color 409 (orange.50).\nexport const KUI_STATUS_COLOR_410 = \"#d13500\"; // Analytics request status color 410 (orange.60).\nexport const KUI_STATUS_COLOR_411 = \"#a31f00\"; // Analytics request status color 411 (orange.70).\nexport const KUI_STATUS_COLOR_412 = \"#ffc2b3\"; // Analytics request status color 412 (orange.20).\nexport const KUI_STATUS_COLOR_413 = \"#ff9877\"; // Analytics request status color 413 (orange.30).\nexport const KUI_STATUS_COLOR_414 = \"#ff723c\"; // Analytics request status color 414 (orange.40).\nexport const KUI_STATUS_COLOR_415 = \"#f75008\"; // Analytics request status color 415 (orange.50).\nexport const KUI_STATUS_COLOR_416 = \"#d13500\"; // Analytics request status color 416 (orange.60).\nexport const KUI_STATUS_COLOR_417 = \"#a31f00\"; // Analytics request status color 417 (orange.70).\nexport const KUI_STATUS_COLOR_418 = \"#ffc2b3\"; // Analytics request status color 418 (orange.20).\nexport const KUI_STATUS_COLOR_421 = \"#ff9877\"; // Analytics request status color 421 (orange.30).\nexport const KUI_STATUS_COLOR_422 = \"#ff723c\"; // Analytics request status color 422 (orange.40).\nexport const KUI_STATUS_COLOR_423 = \"#f75008\"; // Analytics request status color 423 (orange.50).\nexport const KUI_STATUS_COLOR_424 = \"#d13500\"; // Analytics request status color 424 (orange.60).\nexport const KUI_STATUS_COLOR_425 = \"#a31f00\"; // Analytics request status color 425 (orange.70).\nexport const KUI_STATUS_COLOR_426 = \"#ffc2b3\"; // Analytics request status color 426 (orange.20).\nexport const KUI_STATUS_COLOR_428 = \"#ff9877\"; // Analytics request status color 428 (orange.30).\nexport const KUI_STATUS_COLOR_429 = \"#ff723c\"; // Analytics request status color 429 (orange.40).\nexport const KUI_STATUS_COLOR_431 = \"#f75008\"; // Analytics request status color 431 (orange.50).\nexport const KUI_STATUS_COLOR_451 = \"#d13500\"; // Analytics request status color 451 (orange.60).\nexport const KUI_STATUS_COLOR_500 = \"#ffabab\"; // Analytics request status color 500 (red.20).\nexport const KUI_STATUS_COLOR_501 = \"#ff7272\"; // Analytics request status color 501 (red.30).\nexport const KUI_STATUS_COLOR_502 = \"#ff3954\"; // Analytics request status color 502 (red.40).\nexport const KUI_STATUS_COLOR_503 = \"#f50045\"; // Analytics request status color 503 (red.50).\nexport const KUI_STATUS_COLOR_504 = \"#d60027\"; // Analytics request status color 504 (red.60).\nexport const KUI_STATUS_COLOR_505 = \"#ad000e\"; // Analytics request status color 505 (red.70).\nexport const KUI_STATUS_COLOR_506 = \"#ffabab\"; // Analytics request status color 506 (red.20).\nexport const KUI_STATUS_COLOR_507 = \"#ff7272\"; // Analytics request status color 507 (red.30).\nexport const KUI_STATUS_COLOR_508 = \"#ff3954\"; // Analytics request status color 508 (red.40).\nexport const KUI_STATUS_COLOR_510 = \"#f50045\"; // Analytics request status color 510 (red.50).\nexport const KUI_STATUS_COLOR_511 = \"#d60027\"; // Analytics request status color 511 (red.60).\nexport const KUI_STATUS_COLOR_1XX = \"#eefaff\"; // Analytics request status color 1xx wildcard (blue.10).\nexport const KUI_STATUS_COLOR_2XX = \"#ecfffb\"; // Analytics request status color 2xx wildcard (green.10).\nexport const KUI_STATUS_COLOR_3XX = \"#fffce0\"; // Analytics request status color 3xx wildcard (yellow.10).\nexport const KUI_STATUS_COLOR_4XX = \"#fff1ef\"; // Analytics request status color 4xx wildcard (orange.10).\nexport const KUI_STATUS_COLOR_5XX = \"#ffe5e5\"; // Analytics request status color 5xx wildcard (red.10).\nexport const KUI_FONT_FAMILY_CODE = \"'JetBrains Mono', Consolas, monospace\"; // The standard monospace font family.\nexport const KUI_FONT_FAMILY_TEXT = \"'Inter', Roboto, Helvetica, sans-serif\"; // The standard text font family.\nexport const KUI_FONT_SIZE_10 = \"10px\";\nexport const KUI_FONT_SIZE_20 = \"12px\";\nexport const KUI_FONT_SIZE_30 = \"14px\";\nexport const KUI_FONT_SIZE_40 = \"16px\";\nexport const KUI_FONT_SIZE_50 = \"18px\";\nexport const KUI_FONT_SIZE_60 = \"20px\";\nexport const KUI_FONT_SIZE_70 = \"24px\";\nexport const KUI_FONT_SIZE_80 = \"32px\";\nexport const KUI_FONT_SIZE_90 = \"40px\";\nexport const KUI_FONT_SIZE_100 = \"48px\";\nexport const KUI_FONT_WEIGHT_BOLD = \"700\"; // 700\nexport const KUI_FONT_WEIGHT_MEDIUM = \"500\"; // 500\nexport const KUI_FONT_WEIGHT_REGULAR = \"400\"; // 400: The normal font weight.\nexport const KUI_FONT_WEIGHT_SEMIBOLD = \"600\"; // 600\nexport const KUI_LETTER_SPACING_0 = \"normal\"; // Alias for letter-spacing-normal\nexport const KUI_LETTER_SPACING_MINUS_10 = \"-0.12px\"; // -0.12px\nexport const KUI_LETTER_SPACING_MINUS_20 = \"-0.24px\"; // -0.24px\nexport const KUI_LETTER_SPACING_MINUS_30 = \"-0.32px\"; // -0.32px\nexport const KUI_LETTER_SPACING_MINUS_40 = \"-0.4px\"; // -0.4px\nexport const KUI_LETTER_SPACING_MINUS_50 = \"-0.48px\"; // -0.48px\nexport const KUI_LETTER_SPACING_NORMAL = \"normal\"; // normal\nexport const KUI_LINE_HEIGHT_10 = \"12px\"; // 12px\nexport const KUI_LINE_HEIGHT_20 = \"16px\"; // 16px\nexport const KUI_LINE_HEIGHT_30 = \"20px\"; // 20px\nexport const KUI_LINE_HEIGHT_40 = \"24px\"; // 24px\nexport const KUI_LINE_HEIGHT_50 = \"28px\"; // 28px\nexport const KUI_LINE_HEIGHT_60 = \"32px\"; // 32px\nexport const KUI_LINE_HEIGHT_70 = \"36px\"; // 36px\nexport const KUI_LINE_HEIGHT_80 = \"40px\"; // 40px\nexport const KUI_LINE_HEIGHT_90 = \"48px\"; // 48px\nexport const KUI_LINE_HEIGHT_100 = \"56px\"; // 56px\nexport const KUI_SHADOW = \"0px 4px 20px 0px rgba(0, 0, 0, 0.08)\"; // 0px 4px 20px 0px rgba(0, 0, 0, 0.08)\nexport const KUI_SHADOW_BORDER = \"0px 0px 0px 1px #e0e4ea inset\"; // 0px 0px 0px 1px gray.20 inset\nexport const KUI_SHADOW_BORDER_DANGER = \"0px 0px 0px 1px #d60027 inset\"; // 0px 0px 0px 1px red.60 inset\nexport const KUI_SHADOW_BORDER_DANGER_STRONG = \"0px 0px 0px 1px #ad000e inset\"; // 0px 0px 0px 1px red.70 inset\nexport const KUI_SHADOW_BORDER_DISABLED = \"0px 0px 0px 1px #e0e4ea inset\"; // 0px 0px 0px 1px gray.20 inset\nexport const KUI_SHADOW_BORDER_PRIMARY = \"0px 0px 0px 1px #0044f4 inset\"; // 0px 0px 0px 1px blue.60 inset\nexport const KUI_SHADOW_BORDER_PRIMARY_STRONGEST = \"0px 0px 0px 1px #001466 inset\"; // 0px 0px 0px 1px blue.90 inset\nexport const KUI_SHADOW_BORDER_PRIMARY_WEAK = \"0px 0px 0px 1px #5f9aff inset\"; // 0px 0px 0px 1px blue.40 inset\nexport const KUI_SHADOW_FOCUS = \"0px 0px 0px 4px rgba(0, 68, 244, 0.2)\"; // 0px 0px 0px 4px rgba(0, 68, 244, 0.2)\nexport const KUI_SPACE_0 = \"0px\"; // 0px value for gaps, margin, or padding.\nexport const KUI_SPACE_10 = \"2px\"; // 2px value for gaps, margin, or padding.\nexport const KUI_SPACE_20 = \"4px\"; // 4px value for gaps, margin, or padding.\nexport const KUI_SPACE_30 = \"6px\"; // 6px value for gaps, margin, or padding.\nexport const KUI_SPACE_40 = \"8px\"; // 8px value for gaps, margin, or padding.\nexport const KUI_SPACE_50 = \"12px\"; // 12px value for gaps, margin, or padding.\nexport const KUI_SPACE_60 = \"16px\"; // 16px value for gaps, margin, or padding.\nexport const KUI_SPACE_70 = \"20px\"; // 20px value for gaps, margin, or padding.\nexport const KUI_SPACE_80 = \"24px\"; // 24px value for gaps, margin, or padding.\nexport const KUI_SPACE_90 = \"32px\"; // 32px value for gaps, margin, or padding.\nexport const KUI_SPACE_100 = \"40px\"; // 40px value for gaps, margin, or padding.\nexport const KUI_SPACE_110 = \"48px\"; // 48px value for gaps, margin, or padding.\nexport const KUI_SPACE_120 = \"56px\"; // 56px value for gaps, margin, or padding.\nexport const KUI_SPACE_130 = \"64px\"; // 64px value for gaps, margin, or padding.\nexport const KUI_SPACE_140 = \"80px\"; // 80px value for gaps, margin, or padding.\nexport const KUI_SPACE_150 = \"96px\"; // 96px value for gaps, margin, or padding.\nexport const KUI_SPACE_AUTO = \"auto\"; // auto\n"],"names":["KUI_ICON_SIZE_50"],"mappings":"AAiHY,MAACA,IAAmB;","x_google_ignoreList":[0]}
+{"version":3,"file":"kong-icons.es1158.js","sources":["../node_modules/@kong/design-tokens/dist/tokens/js/index.mjs"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Tue, 02 Jul 2024 20:19:00 GMT\n * \n * Kong Design Tokens\n * GitHub: https://github.com/Kong/design-tokens\n * License: Apache-2.0\n */\n\nexport const KUI_COLOR_BACKGROUND = \"#ffffff\"; // Default background color for containers (white).\nexport const KUI_COLOR_BACKGROUND_DANGER = \"#d60027\"; // Background color for danger actions or messages (red.60).\nexport const KUI_COLOR_BACKGROUND_DANGER_STRONG = \"#ad000e\"; // Strong background color for danger actions or messages (red.70).\nexport const KUI_COLOR_BACKGROUND_DANGER_STRONGER = \"#850000\"; // Stronger background color for danger actions or messages (red.80).\nexport const KUI_COLOR_BACKGROUND_DANGER_STRONGEST = \"#5c0000\"; // Strongest background color for danger actions or messages (red.90).\nexport const KUI_COLOR_BACKGROUND_DANGER_WEAK = \"#ff3954\"; // Weak background color for danger actions or messages (red.40).\nexport const KUI_COLOR_BACKGROUND_DANGER_WEAKER = \"#ffabab\"; // Weaker background color for danger actions or messages (red.20).\nexport const KUI_COLOR_BACKGROUND_DANGER_WEAKEST = \"#ffe5e5\"; // Weakest background color for danger actions or messages (red.10).\nexport const KUI_COLOR_BACKGROUND_DECORATIVE_PURPLE = \"#6f28ff\"; // Background color for decorative purposes (purple.60).\nexport const KUI_COLOR_BACKGROUND_DECORATIVE_PURPLE_WEAKEST = \"#f1f0ff\"; // Weakest background color for decorative purposes (purple.10).\nexport const KUI_COLOR_BACKGROUND_DISABLED = \"#e0e4ea\"; // Background color for disabled elements (gray.20).\nexport const KUI_COLOR_BACKGROUND_INVERSE = \"#000933\"; // Inverse background color for containers (blue.100)\nexport const KUI_COLOR_BACKGROUND_NEUTRAL = \"#6c7489\"; // Background color for neutral elements (gray.60).\nexport const KUI_COLOR_BACKGROUND_NEUTRAL_STRONG = \"#52596e\"; // Strong background color for neutral elements (gray.70).\nexport const KUI_COLOR_BACKGROUND_NEUTRAL_STRONGER = \"#3a3f51\"; // Stronger background color for neutral elements (gray.80).\nexport const KUI_COLOR_BACKGROUND_NEUTRAL_STRONGEST = \"#232633\"; // Strongest background color for neutral elements (gray.90).\nexport const KUI_COLOR_BACKGROUND_NEUTRAL_WEAK = \"#afb7c5\"; // Weak background color for neutral elements (gray.40).\nexport const KUI_COLOR_BACKGROUND_NEUTRAL_WEAKER = \"#e0e4ea\"; // Weaker background color for neutral elements (gray.20).\nexport const KUI_COLOR_BACKGROUND_NEUTRAL_WEAKEST = \"#f9fafb\"; // Weakest background color for neutral elements (gray.10).\nexport const KUI_COLOR_BACKGROUND_OVERLAY = \"rgba(0, 9, 51, 0.6)\"; // Overlay background color (rgba(blue.100, 0.6))\nexport const KUI_COLOR_BACKGROUND_PRIMARY = \"#0044f4\"; // Background color for primary actions or messages (blue.60).\nexport const KUI_COLOR_BACKGROUND_PRIMARY_STRONG = \"#0030cc\"; // Strong background color for primary actions or messages (blue.70).\nexport const KUI_COLOR_BACKGROUND_PRIMARY_STRONGER = \"#002099\"; // Stronger background color for primary actions or messages (blue.80).\nexport const KUI_COLOR_BACKGROUND_PRIMARY_STRONGEST = \"#001466\"; // Strongest background color for primary actions or messages (blue.90).\nexport const KUI_COLOR_BACKGROUND_PRIMARY_WEAK = \"#5f9aff\"; // Weak background color for primary actions or messages (blue.40).\nexport const KUI_COLOR_BACKGROUND_PRIMARY_WEAKER = \"#bee2ff\"; // Weaker background color for primary actions or messages (blue.20).\nexport const KUI_COLOR_BACKGROUND_PRIMARY_WEAKEST = \"#eefaff\"; // Weakest background color for primary actions or messages (blue.10)\nexport const KUI_COLOR_BACKGROUND_SUCCESS_WEAK = \"#00d6a4\"; // Weak background color for success elements (green.40).\nexport const KUI_COLOR_BACKGROUND_SUCCESS_WEAKEST = \"#ecfffb\"; // Weakest background color for success elements (green.10).\nexport const KUI_COLOR_BACKGROUND_TRANSPARENT = \"rgba(0, 0, 0, 0)\"; // Transparent background color (transparent).\nexport const KUI_COLOR_BACKGROUND_WARNING_WEAK = \"#ffc400\"; // Weak background color for warning elements (yellow.40).\nexport const KUI_COLOR_BACKGROUND_WARNING_WEAKEST = \"#fffce0\"; // Weakest background color for warning elements (yellow.10).\nexport const KUI_COLOR_BORDER = \"#e0e4ea\"; // Default border color for containers (gray.20).\nexport const KUI_COLOR_BORDER_DANGER = \"#d60027\"; // Border color for danger actions or messages (red.60).\nexport const KUI_COLOR_BORDER_DANGER_STRONG = \"#ad000e\"; // Strong border color for danger actions or messages (red.70).\nexport const KUI_COLOR_BORDER_DANGER_STRONGER = \"#850000\"; // Stronger border color for danger actions or messages (red.80).\nexport const KUI_COLOR_BORDER_DANGER_STRONGEST = \"#5c0000\"; // Strongest border color for danger actions or messages (red.90).\nexport const KUI_COLOR_BORDER_DANGER_WEAK = \"#ff3954\"; // Weak border color for danger actions or messages (red.40).\nexport const KUI_COLOR_BORDER_DANGER_WEAKER = \"#ffabab\"; // Weaker border color for danger actions or messages (red.20).\nexport const KUI_COLOR_BORDER_DANGER_WEAKEST = \"#ffe5e5\"; // Weakest border color for danger actions or messages (red.10).\nexport const KUI_COLOR_BORDER_DECORATIVE_PURPLE = \"#6f28ff\"; // Border color for decorative purposes (purple.60).\nexport const KUI_COLOR_BORDER_DISABLED = \"#e0e4ea\"; // Border color for disabled elements (gray.20).\nexport const KUI_COLOR_BORDER_INVERSE = \"rgba(255, 255, 255, 0.2)\"; // Inverse border color (rgba(white, 0.2)).\nexport const KUI_COLOR_BORDER_NEUTRAL_WEAK = \"#afb7c5\"; // Weak border color for neutral elements (gray.40)\nexport const KUI_COLOR_BORDER_NEUTRAL_WEAKER = \"#e0e4ea\"; // Weaker border color for neutral elements (gray.20)\nexport const KUI_COLOR_BORDER_PRIMARY = \"#0044f4\"; // Border color for primary actions or messages (blue.60).\nexport const KUI_COLOR_BORDER_PRIMARY_STRONG = \"#0030cc\"; // Strong border color for primary actions or messages (blue.70).\nexport const KUI_COLOR_BORDER_PRIMARY_STRONGER = \"#002099\"; // Stronger border color for primary actions or messages (blue.80).\nexport const KUI_COLOR_BORDER_PRIMARY_STRONGEST = \"#001466\"; // Strongest border color for primary actions or messages (blue.90).\nexport const KUI_COLOR_BORDER_PRIMARY_WEAK = \"#5f9aff\"; // Weak border color for primary actions or messages (blue.40).\nexport const KUI_COLOR_BORDER_PRIMARY_WEAKER = \"#bee2ff\"; // Weaker border color for primary actions or messages (blue.20).\nexport const KUI_COLOR_BORDER_PRIMARY_WEAKEST = \"#eefaff\"; // Weakest border color for primary actions or messages (blue.10).\nexport const KUI_COLOR_BORDER_TRANSPARENT = \"rgba(0, 0, 0, 0)\"; // Transparent border color (transparent).\nexport const KUI_COLOR_TEXT = \"#000933\"; // Default text color (blue.100).\nexport const KUI_COLOR_TEXT_DANGER = \"#d60027\"; // Text color for danger actions or messages (red.60).\nexport const KUI_COLOR_TEXT_DANGER_STRONG = \"#ad000e\"; // Strong text color for danger actions or messages (red.70).\nexport const KUI_COLOR_TEXT_DECORATIVE_AQUA = \"#00abd2\"; // Text color for decorative purposes (aqua.50).\nexport const KUI_COLOR_TEXT_DECORATIVE_PINK = \"#d60067\"; // Text color for decorative purposes (pink.60).\nexport const KUI_COLOR_TEXT_DECORATIVE_PURPLE = \"#6f28ff\"; // Text color for decorative purposes (purple.60).\nexport const KUI_COLOR_TEXT_DECORATIVE_PURPLE_STRONG = \"#5e00f5\"; // Strong text color for decorative purposes (purple.70).\nexport const KUI_COLOR_TEXT_DISABLED = \"#afb7c5\"; // Text color for disabled elements (gray.40).\nexport const KUI_COLOR_TEXT_INVERSE = \"#ffffff\"; // Inverse text color (white).\nexport const KUI_COLOR_TEXT_NEUTRAL = \"#6c7489\"; // Text color for neutral elements (gray.60).\nexport const KUI_COLOR_TEXT_NEUTRAL_STRONG = \"#52596e\"; // Strong text color for neutral elements (gray.70).\nexport const KUI_COLOR_TEXT_NEUTRAL_STRONGER = \"#3a3f51\"; // Stronger text color for neutral elements (gray.80).\nexport const KUI_COLOR_TEXT_NEUTRAL_STRONGEST = \"#232633\"; // Strongest text color for neutral elements (gray.90).\nexport const KUI_COLOR_TEXT_NEUTRAL_WEAK = \"#afb7c5\"; // Weak text color for neutral elements (gray.40).\nexport const KUI_COLOR_TEXT_NEUTRAL_WEAKER = \"#e0e4ea\"; // Weaker text color for neutral elements (gray.20).\nexport const KUI_COLOR_TEXT_PRIMARY = \"#0044f4\"; // Text color for primary actions or messages (blue.60).\nexport const KUI_COLOR_TEXT_PRIMARY_STRONG = \"#0030cc\"; // Strong text color for primary actions or messages (blue.70).\nexport const KUI_COLOR_TEXT_PRIMARY_STRONGER = \"#002099\"; // Stronger text color for primary actions or messages (blue.80).\nexport const KUI_COLOR_TEXT_PRIMARY_STRONGEST = \"#001466\"; // Strongest text color for primary actions or messages (blue.90).\nexport const KUI_COLOR_TEXT_PRIMARY_WEAK = \"#5f9aff\"; // Weak text color for primary actions or messages (blue.40).\nexport const KUI_COLOR_TEXT_SUCCESS = \"#007d60\"; // Text color for success actions or messages (green.60).\nexport const KUI_COLOR_TEXT_SUCCESS_STRONG = \"#005944\"; // Strong text color for success actions or messages (green.70).\nexport const KUI_COLOR_TEXT_WARNING = \"#995c00\"; // Text color for warning actions or messages (yellow.60).\nexport const KUI_COLOR_TEXT_WARNING_STRONG = \"#804400\"; // Text color for warning actions or messages (yellow.70).\nexport const KUI_ANIMATION_DURATION_20 = \"0.2s\"; // Default transition timing\nexport const KUI_BORDER_RADIUS_0 = \"0px\"; // 0px border radius.\nexport const KUI_BORDER_RADIUS_10 = \"2px\"; // 2px border radius.\nexport const KUI_BORDER_RADIUS_20 = \"4px\"; // 4px border radius.\nexport const KUI_BORDER_RADIUS_30 = \"6px\"; // 6px border radius.\nexport const KUI_BORDER_RADIUS_40 = \"8px\"; // 8px border radius.\nexport const KUI_BORDER_RADIUS_50 = \"10px\"; // 10px border radius.\nexport const KUI_BORDER_RADIUS_CIRCLE = \"50%\"; // 50% border radius used to create circles.\nexport const KUI_BORDER_RADIUS_ROUND = \"100px\"; // 100px border radius used to create pill shapes.\nexport const KUI_BORDER_WIDTH_0 = \"0px\"; // 0px border width.\nexport const KUI_BORDER_WIDTH_10 = \"1px\"; // 1px border width.\nexport const KUI_BORDER_WIDTH_20 = \"2px\"; // 2px border width.\nexport const KUI_BORDER_WIDTH_30 = \"4px\"; // 4px border width.\nexport const KUI_BREAKPOINT_MOBILE = \"640px\"; // Used for larger mobile screens. Any viewport width under this value is considered mobile.\nexport const KUI_BREAKPOINT_PHABLET = \"768px\"; // Used for tablet screens.\nexport const KUI_BREAKPOINT_TABLET = \"1024px\"; // Used for larger tablet screens. Any viewport width less than this value will likely show a mobile layout. Any viewport width this value and greater will likely show a desktop layout.\nexport const KUI_BREAKPOINT_LAPTOP = \"1280px\"; // Used for standard desktop screens.\nexport const KUI_BREAKPOINT_DESKTOP = \"1536px\"; // Used for larger desktop screens.\nexport const KUI_ICON_COLOR_DANGER = \"#f50045\"; // Danger color for icons.\nexport const KUI_ICON_COLOR_NEUTRAL = \"#828a9e\"; // Neutral color for icons.\nexport const KUI_ICON_COLOR_PRIMARY = \"#306fff\"; // Primary color for icons.\nexport const KUI_ICON_COLOR_SUCCESS = \"#00a17b\"; // Success color for icons.\nexport const KUI_ICON_COLOR_WARNING = \"#ffc400\"; // Warning color for icons.\nexport const KUI_ICON_SIZE_10 = \"10px\"; // 10px icon size.\nexport const KUI_ICON_SIZE_20 = \"12px\"; // 12px icon size.\nexport const KUI_ICON_SIZE_30 = \"16px\"; // 16px icon size.\nexport const KUI_ICON_SIZE_40 = \"20px\"; // 20px icon size.\nexport const KUI_ICON_SIZE_50 = \"24px\"; // 24px icon size (default).\nexport const KUI_ICON_SIZE_60 = \"32px\"; // 32px icon size.\nexport const KUI_ICON_SIZE_70 = \"40px\"; // 40px icon size.\nexport const KUI_ICON_SIZE_80 = \"48px\"; // 48px icon size.\nexport const KUI_METHOD_COLOR_BACKGROUND_CONNECT = \"#f1f0ff\"; // Background color for the CONNECT method (purple.10).\nexport const KUI_METHOD_COLOR_BACKGROUND_DELETE = \"#ffe5e5\"; // Background color for the DELETE method (red.10).\nexport const KUI_METHOD_COLOR_BACKGROUND_GET = \"#eefaff\"; // Background color for the GET method (blue.10).\nexport const KUI_METHOD_COLOR_BACKGROUND_HEAD = \"#52596e\"; // Background color for the HEAD method (gray.70).\nexport const KUI_METHOD_COLOR_BACKGROUND_OPTIONS = \"#e0e4ea\"; // Background color for the OPTIONS method (gray.20).\nexport const KUI_METHOD_COLOR_BACKGROUND_PATCH = \"#ecfcff\"; // Background color for the PATCH method (aqua.10).\nexport const KUI_METHOD_COLOR_BACKGROUND_POST = \"#ecfffb\"; // Background color for the POST method (green.10).\nexport const KUI_METHOD_COLOR_BACKGROUND_PUT = \"#fffce0\"; // Background color for the PUT method (yellow.10).\nexport const KUI_METHOD_COLOR_BACKGROUND_TRACE = \"#fff0f7\"; // Background color for the TRACE method (pink.10).\nexport const KUI_METHOD_COLOR_TEXT_CONNECT = \"#6f28ff\"; // Text color for the CONNECT method (purple.60).\nexport const KUI_METHOD_COLOR_TEXT_CONNECT_STRONG = \"#5e00f5\"; // Strong text color for the CONNECT method (purple.70).\nexport const KUI_METHOD_COLOR_TEXT_DELETE = \"#d60027\"; // Text color for the DELETE method (red.60).\nexport const KUI_METHOD_COLOR_TEXT_DELETE_STRONG = \"#ad000e\"; // Strong text color for the DELETE method (red.70).\nexport const KUI_METHOD_COLOR_TEXT_GET = \"#0044f4\"; // Text color for the GET method (blue.60).\nexport const KUI_METHOD_COLOR_TEXT_GET_STRONG = \"#0030cc\"; // Strong text color for the GET method (blue.70).\nexport const KUI_METHOD_COLOR_TEXT_HEAD = \"#e0e4ea\"; // Text color for the HEAD method (gray.20).\nexport const KUI_METHOD_COLOR_TEXT_HEAD_STRONG = \"#afb7c5\"; // Strong text color for the HEAD method (gray.40).\nexport const KUI_METHOD_COLOR_TEXT_OPTIONS = \"#52596e\"; // Text color for the OPTIONS method (gray.70).\nexport const KUI_METHOD_COLOR_TEXT_OPTIONS_STRONG = \"#3a3f51\"; // Strong text color for the OPTIONS method (gray.80).\nexport const KUI_METHOD_COLOR_TEXT_PATCH = \"#00819d\"; // Text color for the PATCH method (aqua.60).\nexport const KUI_METHOD_COLOR_TEXT_PATCH_STRONG = \"#00647a\"; // Strong text color for the PATCH method (aqua.70).\nexport const KUI_METHOD_COLOR_TEXT_POST = \"#007d60\"; // Text color for the POST method (green.60).\nexport const KUI_METHOD_COLOR_TEXT_POST_STRONG = \"#005944\"; // Strong text color for the POST method (green.70).\nexport const KUI_METHOD_COLOR_TEXT_PUT = \"#995c00\"; // Text color for the PUT method (yellow.60).\nexport const KUI_METHOD_COLOR_TEXT_PUT_STRONG = \"#804400\"; // Strong text color for the PUT method (yellow.70).\nexport const KUI_METHOD_COLOR_TEXT_TRACE = \"#d60067\"; // Text color for the TRACE method (pink.60).\nexport const KUI_METHOD_COLOR_TEXT_TRACE_STRONG = \"#ad0053\"; // Strong text color for the TRACE method (pink.70).\nexport const KUI_NAVIGATION_COLOR_BACKGROUND = \"#000933\"; // blue.100\nexport const KUI_NAVIGATION_COLOR_BACKGROUND_SELECTED = \"rgba(255, 255, 255, 0.12)\"; // The background color of a selected navigation item.\nexport const KUI_NAVIGATION_COLOR_BORDER = \"rgba(255, 255, 255, 0.12)\"; // rgba(white, 0.12)\nexport const KUI_NAVIGATION_COLOR_BORDER_CHILD = \"#00fabe\"; // The border color for a selected child navigation item.\nexport const KUI_NAVIGATION_COLOR_BORDER_DIVIDER = \"rgba(255, 255, 255, 0.24)\"; // The color of the navigation section divider.\nexport const KUI_NAVIGATION_COLOR_TEXT = \"#bee2ff\"; // Navigation link and icon color.\nexport const KUI_NAVIGATION_COLOR_TEXT_FOCUS = \"#ffffff\"; // Navigation link and icon focus-visible color.\nexport const KUI_NAVIGATION_COLOR_TEXT_HOVER = \"#eefaff\"; // Navigation link and icon hover color.\nexport const KUI_NAVIGATION_COLOR_TEXT_SELECTED = \"#00fabe\"; // Navigation link and icon selected color.\nexport const KUI_NAVIGATION_SHADOW_BORDER = \"0 0 0 1px rgba(255, 255, 255, 0.12) inset\"; // The box-shadow for a focus-visible navigation link.\nexport const KUI_NAVIGATION_SHADOW_BORDER_CHILD = \"4px 0 0 0 #00fabe inset\"; // The left box-shadow for an active child navigation link.\nexport const KUI_NAVIGATION_SHADOW_FOCUS = \"0 0 0 1px rgba(255, 255, 255, 0.60) inset\"; // Navigation link focus-visible box-shadow.\nexport const KUI_FONT_FAMILY_CODE = \"'JetBrains Mono', Consolas, monospace\"; // The standard monospace text font family. Typically used for code blocks, inline code, and copyable text.\nexport const KUI_FONT_FAMILY_HEADING = \"'Inter', Roboto, Helvetica, sans-serif\"; // The standard heading text font family.\nexport const KUI_FONT_FAMILY_TEXT = \"'Inter', Roboto, Helvetica, sans-serif\"; // The standard text font family.\nexport const KUI_FONT_SIZE_10 = \"10px\";\nexport const KUI_FONT_SIZE_20 = \"12px\";\nexport const KUI_FONT_SIZE_30 = \"14px\";\nexport const KUI_FONT_SIZE_40 = \"16px\";\nexport const KUI_FONT_SIZE_50 = \"18px\";\nexport const KUI_FONT_SIZE_60 = \"20px\";\nexport const KUI_FONT_SIZE_70 = \"24px\";\nexport const KUI_FONT_SIZE_80 = \"32px\";\nexport const KUI_FONT_SIZE_90 = \"40px\";\nexport const KUI_FONT_SIZE_100 = \"48px\";\nexport const KUI_FONT_WEIGHT_BOLD = \"700\"; // 700\nexport const KUI_FONT_WEIGHT_MEDIUM = \"500\"; // 500\nexport const KUI_FONT_WEIGHT_REGULAR = \"400\"; // 400: The normal font weight.\nexport const KUI_FONT_WEIGHT_SEMIBOLD = \"600\"; // 600\nexport const KUI_LETTER_SPACING_0 = \"normal\"; // Alias for letter-spacing-normal\nexport const KUI_LETTER_SPACING_MINUS_10 = \"-0.12px\"; // -0.12px\nexport const KUI_LETTER_SPACING_MINUS_20 = \"-0.24px\"; // -0.24px\nexport const KUI_LETTER_SPACING_MINUS_30 = \"-0.32px\"; // -0.32px\nexport const KUI_LETTER_SPACING_MINUS_40 = \"-0.4px\"; // -0.4px\nexport const KUI_LETTER_SPACING_MINUS_50 = \"-0.48px\"; // -0.48px\nexport const KUI_LETTER_SPACING_NORMAL = \"normal\"; // normal\nexport const KUI_LINE_HEIGHT_10 = \"12px\"; // 12px\nexport const KUI_LINE_HEIGHT_20 = \"16px\"; // 16px\nexport const KUI_LINE_HEIGHT_30 = \"20px\"; // 20px\nexport const KUI_LINE_HEIGHT_40 = \"24px\"; // 24px\nexport const KUI_LINE_HEIGHT_50 = \"28px\"; // 28px\nexport const KUI_LINE_HEIGHT_60 = \"32px\"; // 32px\nexport const KUI_LINE_HEIGHT_70 = \"36px\"; // 36px\nexport const KUI_LINE_HEIGHT_80 = \"40px\"; // 40px\nexport const KUI_LINE_HEIGHT_90 = \"48px\"; // 48px\nexport const KUI_LINE_HEIGHT_100 = \"56px\"; // 56px\nexport const KUI_SHADOW = \"0px 4px 20px 0px rgba(0, 0, 0, 0.08)\"; // 0px 4px 20px 0px rgba(0, 0, 0, 0.08)\nexport const KUI_SHADOW_BORDER = \"0px 0px 0px 1px #e0e4ea inset\"; // 0px 0px 0px 1px gray.20 inset\nexport const KUI_SHADOW_BORDER_DANGER = \"0px 0px 0px 1px #d60027 inset\"; // 0px 0px 0px 1px red.60 inset\nexport const KUI_SHADOW_BORDER_DANGER_STRONG = \"0px 0px 0px 1px #ad000e inset\"; // 0px 0px 0px 1px red.70 inset\nexport const KUI_SHADOW_BORDER_DISABLED = \"0px 0px 0px 1px #e0e4ea inset\"; // 0px 0px 0px 1px gray.20 inset\nexport const KUI_SHADOW_BORDER_PRIMARY = \"0px 0px 0px 1px #0044f4 inset\"; // 0px 0px 0px 1px blue.60 inset\nexport const KUI_SHADOW_BORDER_PRIMARY_STRONGEST = \"0px 0px 0px 1px #001466 inset\"; // 0px 0px 0px 1px blue.90 inset\nexport const KUI_SHADOW_BORDER_PRIMARY_WEAK = \"0px 0px 0px 1px #5f9aff inset\"; // 0px 0px 0px 1px blue.40 inset\nexport const KUI_SHADOW_FOCUS = \"0px 0px 0px 4px rgba(0, 68, 244, 0.2)\"; // 0px 0px 0px 4px rgba(0, 68, 244, 0.2)\nexport const KUI_SPACE_0 = \"0px\"; // 0px value for gaps, margin, or padding.\nexport const KUI_SPACE_10 = \"2px\"; // 2px value for gaps, margin, or padding.\nexport const KUI_SPACE_20 = \"4px\"; // 4px value for gaps, margin, or padding.\nexport const KUI_SPACE_30 = \"6px\"; // 6px value for gaps, margin, or padding.\nexport const KUI_SPACE_40 = \"8px\"; // 8px value for gaps, margin, or padding.\nexport const KUI_SPACE_50 = \"12px\"; // 12px value for gaps, margin, or padding.\nexport const KUI_SPACE_60 = \"16px\"; // 16px value for gaps, margin, or padding.\nexport const KUI_SPACE_70 = \"20px\"; // 20px value for gaps, margin, or padding.\nexport const KUI_SPACE_80 = \"24px\"; // 24px value for gaps, margin, or padding.\nexport const KUI_SPACE_90 = \"32px\"; // 32px value for gaps, margin, or padding.\nexport const KUI_SPACE_100 = \"40px\"; // 40px value for gaps, margin, or padding.\nexport const KUI_SPACE_110 = \"48px\"; // 48px value for gaps, margin, or padding.\nexport const KUI_SPACE_120 = \"56px\"; // 56px value for gaps, margin, or padding.\nexport const KUI_SPACE_130 = \"64px\"; // 64px value for gaps, margin, or padding.\nexport const KUI_SPACE_140 = \"80px\"; // 80px value for gaps, margin, or padding.\nexport const KUI_SPACE_150 = \"96px\"; // 96px value for gaps, margin, or padding.\nexport const KUI_SPACE_AUTO = \"auto\"; // auto\n"],"names":["KUI_ICON_SIZE_50"],"mappings":"AAiHY,MAACA,IAAmB;","x_google_ignoreList":[0]}

package/dist/kong-icons.es116.js

@@ -1,8 +1,8 @@
 import o from "./kong-icons.es642.js";
 /* empty css                 */
-import t from "./kong-icons.es389.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-fc270048"]]);
+import a from "./kong-icons.es389.js";
+const p = /* @__PURE__ */ a(o, [["__scopeId", "data-v-20b1a185"]]);
 export {
-  f as default
+  p as default
 };
 //# sourceMappingURL=kong-icons.es116.js.map

package/dist/kong-icons.es117.js

@@ -1,8 +1,8 @@
 import o from "./kong-icons.es644.js";
 /* empty css                 */
 import t from "./kong-icons.es389.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f8dd0c2c"]]);
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-befadfdc"]]);
 export {
-  f as default
+  c as default
 };
 //# sourceMappingURL=kong-icons.es117.js.map

package/dist/kong-icons.es118.js

@@ -1,7 +1,7 @@
 import o from "./kong-icons.es646.js";
 /* empty css                 */
-import t from "./kong-icons.es389.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-65f4d8a4"]]);
+import a from "./kong-icons.es389.js";
+const f = /* @__PURE__ */ a(o, [["__scopeId", "data-v-a0516af6"]]);
 export {
   f as default
 };

package/dist/kong-icons.es119.js

@@ -1,7 +1,7 @@
 import o from "./kong-icons.es648.js";
 /* empty css                 */
 import t from "./kong-icons.es389.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-45fe5165"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4b5c93ac"]]);
 export {
   m as default
 };

package/dist/kong-icons.es12.js

@@ -1,8 +1,8 @@
 import o from "./kong-icons.es434.js";
 /* empty css                 */
 import t from "./kong-icons.es389.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-12432e66"]]);
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4e31fee5"]]);
 export {
-  p as default
+  f as default
 };
 //# sourceMappingURL=kong-icons.es12.js.map

package/dist/kong-icons.es120.js

@@ -1,7 +1,7 @@
 import o from "./kong-icons.es650.js";
 /* empty css                 */
 import t from "./kong-icons.es389.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5ac17c26"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-982d78bc"]]);
 export {
   m as default
 };

package/dist/kong-icons.es121.js

@@ -1,7 +1,7 @@
 import o from "./kong-icons.es652.js";
 /* empty css                 */
 import r from "./kong-icons.es389.js";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-2068c8ac"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-dd4106f3"]]);
 export {
   m as default
 };

package/dist/kong-icons.es122.js

@@ -1,8 +1,8 @@
 import o from "./kong-icons.es654.js";
 /* empty css                 */
 import t from "./kong-icons.es389.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d993530b"]]);
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1c124f87"]]);
 export {
-  p as default
+  f as default
 };
 //# sourceMappingURL=kong-icons.es122.js.map

package/dist/kong-icons.es123.js

@@ -1,8 +1,8 @@
 import o from "./kong-icons.es656.js";
 /* empty css                 */
 import t from "./kong-icons.es389.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-598f3a35"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e66a472b"]]);
 export {
-  m as default
+  p as default
 };
 //# sourceMappingURL=kong-icons.es123.js.map

package/dist/kong-icons.es124.js

@@ -1,8 +1,8 @@
 import o from "./kong-icons.es658.js";
 /* empty css                 */
-import t from "./kong-icons.es389.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-85be2cc9"]]);
+import a from "./kong-icons.es389.js";
+const p = /* @__PURE__ */ a(o, [["__scopeId", "data-v-a65a3964"]]);
 export {
-  m as default
+  p as default
 };
 //# sourceMappingURL=kong-icons.es124.js.map

package/dist/kong-icons.es125.js

@@ -1,7 +1,7 @@
 import o from "./kong-icons.es660.js";
 /* empty css                 */
 import t from "./kong-icons.es389.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-82b05b96"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-bb86a992"]]);
 export {
   p as default
 };

package/dist/kong-icons.es126.js

@@ -1,8 +1,8 @@
 import o from "./kong-icons.es662.js";
 /* empty css                 */
 import t from "./kong-icons.es389.js";
-const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-cededecd"]]);
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6f455dc0"]]);
 export {
-  a as default
+  f as default
 };
 //# sourceMappingURL=kong-icons.es126.js.map

package/dist/kong-icons.es127.js

@@ -1,7 +1,7 @@
 import o from "./kong-icons.es664.js";
 /* empty css                 */
-import a from "./kong-icons.es389.js";
-const p = /* @__PURE__ */ a(o, [["__scopeId", "data-v-3ae972a9"]]);
+import t from "./kong-icons.es389.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3060ed72"]]);
 export {
   p as default
 };

package/dist/kong-icons.es128.js

@@ -1,8 +1,8 @@
 import o from "./kong-icons.es666.js";
 /* empty css                 */
 import t from "./kong-icons.es389.js";
-const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e418bae7"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ae69b31b"]]);
 export {
-  e as default
+  m as default
 };
 //# sourceMappingURL=kong-icons.es128.js.map

package/dist/kong-icons.es129.js

@@ -1,8 +1,8 @@
 import o from "./kong-icons.es668.js";
 /* empty css                 */
 import t from "./kong-icons.es389.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c2027253"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9096e203"]]);
 export {
-  m as default
+  p as default
 };
 //# sourceMappingURL=kong-icons.es129.js.map

package/dist/kong-icons.es13.js

@@ -1,7 +1,7 @@
 import o from "./kong-icons.es436.js";
 /* empty css                 */
 import t from "./kong-icons.es389.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1602afd9"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f50f6463"]]);
 export {
   m as default
 };

package/dist/kong-icons.es130.js

@@ -1,8 +1,8 @@
 import o from "./kong-icons.es670.js";
 /* empty css                 */
 import t from "./kong-icons.es389.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-85033f29"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-44d56ba6"]]);
 export {
-  m as default
+  p as default
 };
 //# sourceMappingURL=kong-icons.es130.js.map

package/dist/kong-icons.es131.js

@@ -1,8 +1,8 @@
 import o from "./kong-icons.es672.js";
 /* empty css                 */
 import t from "./kong-icons.es389.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-586eb2ee"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-09585045"]]);
 export {
-  m as default
+  p as default
 };
 //# sourceMappingURL=kong-icons.es131.js.map

package/dist/kong-icons.es132.js

@@ -1,7 +1,7 @@
 import o from "./kong-icons.es674.js";
 /* empty css                 */
 import t from "./kong-icons.es389.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4c9be644"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-37212cd9"]]);
 export {
   m as default
 };

package/dist/kong-icons.es133.js

@@ -1,7 +1,7 @@
 import o from "./kong-icons.es676.js";
 /* empty css                 */
-import a from "./kong-icons.es389.js";
-const p = /* @__PURE__ */ a(o, [["__scopeId", "data-v-a03dba9d"]]);
+import t from "./kong-icons.es389.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a3679104"]]);
 export {
   p as default
 };

package/dist/kong-icons.es134.js

@@ -1,7 +1,7 @@
 import o from "./kong-icons.es678.js";
 /* empty css                 */
 import t from "./kong-icons.es389.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-25c30e95"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a792f1fb"]]);
 export {
   m as default
 };

package/dist/kong-icons.es135.js

@@ -1,8 +1,8 @@
 import o from "./kong-icons.es680.js";
 /* empty css                 */
 import t from "./kong-icons.es389.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-34d6e539"]]);
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-434832cf"]]);
 export {
-  p as default
+  c as default
 };
 //# sourceMappingURL=kong-icons.es135.js.map