@kong/icons 1.14.3-pr.350.b0b4452.0 → 1.14.3

package/dist/kong-icons.es40.js

@@ -1,8 +1,8 @@
 import o from "./kong-icons.es832.js";
 /* empty css                 */
 import t from "./kong-icons.es407.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8bc71998"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-77104053"]]);
 export {
-  m as default
+  p as default
 };
 //# sourceMappingURL=kong-icons.es40.js.map

package/dist/kong-icons.es400.js

@@ -1,8 +1,8 @@
 import o from "./kong-icons.es746.js";
 /* empty css                 */
 import r from "./kong-icons.es407.js";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-f112d6e4"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-20310e35"]]);
 export {
-  m as default
+  p as default
 };
 //# sourceMappingURL=kong-icons.es400.js.map

package/dist/kong-icons.es401.js

@@ -1,8 +1,8 @@
 import o from "./kong-icons.es748.js";
 /* empty css                 */
 import t from "./kong-icons.es407.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-cc25f4b4"]]);
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-29a4ef9e"]]);
 export {
-  m as default
+  f as default
 };
 //# sourceMappingURL=kong-icons.es401.js.map

package/dist/kong-icons.es402.js

@@ -1,7 +1,7 @@
 import o from "./kong-icons.es750.js";
 /* empty css                 */
-import r from "./kong-icons.es407.js";
-const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-4bc614a8"]]);
+import a from "./kong-icons.es407.js";
+const p = /* @__PURE__ */ a(o, [["__scopeId", "data-v-cea6f5a1"]]);
 export {
   p as default
 };

package/dist/kong-icons.es403.js

@@ -1,8 +1,8 @@
 import o from "./kong-icons.es752.js";
 /* empty css                 */
 import r from "./kong-icons.es407.js";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-f5f5b9a3"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-14476b10"]]);
 export {
-  m as default
+  p as default
 };
 //# sourceMappingURL=kong-icons.es403.js.map

package/dist/kong-icons.es404.js

@@ -1,8 +1,8 @@
 import o from "./kong-icons.es754.js";
 /* empty css                 */
 import r from "./kong-icons.es407.js";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-aac45b7e"]]);
+const d = /* @__PURE__ */ r(o, [["__scopeId", "data-v-dc3d7ba0"]]);
 export {
-  m as default
+  d as default
 };
 //# sourceMappingURL=kong-icons.es404.js.map

package/dist/kong-icons.es405.js

@@ -1,6 +1,6 @@
-import { defineComponent as c, computed as n, openBlock as a, createBlock as p, resolveDynamicComponent as f, normalizeStyle as g, withCtx as m, createElementBlock as s, toDisplayString as h, createCommentVNode as y, pushScopeId as L, popScopeId as S, createElementVNode as d } from "vue";
+import { defineComponent as u, computed as n, openBlock as a, createBlock as p, resolveDynamicComponent as f, normalizeStyle as g, withCtx as m, createElementBlock as s, toDisplayString as h, createCommentVNode as y, pushScopeId as L, popScopeId as S, createElementVNode as d } from "vue";
 import { KUI_ICON_SIZE_50 as l } from "./kong-icons.es1212.js";
-const C = (e) => (L("data-v-7a04b2d2"), e = e(), S(), e), b = ["aria-hidden"], v = {
+const C = (e) => (L("data-v-c9880154"), e = e(), S(), e), b = ["aria-hidden"], v = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, N = /* @__PURE__ */ C(() => /* @__PURE__ */ d("path", {
@@ -9,7 +9,7 @@ const C = (e) => (L("data-v-7a04b2d2"), e = e(), S(), e), b = ["aria-hidden"], v
 }, null, -1)), z = /* @__PURE__ */ C(() => /* @__PURE__ */ d("path", {
   d: "M18.5849 17.0119L16.8224 18.0656C16.7756 18.0938 16.7418 18.1238 16.7418 18.18V18.6413C16.7418 18.6975 16.7793 18.7219 16.8262 18.6938L18.6149 17.6063C18.6618 17.5781 18.6693 17.5275 18.6693 17.4713V17.0644C18.6693 17.0081 18.6318 16.9856 18.5849 17.0119Z",
   fill: "#4FA847"
-}, null, -1)), k = /* @__PURE__ */ c({
+}, null, -1)), k = /* @__PURE__ */ u({
   __name: "LanguageBashIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -70,7 +70,7 @@ const C = (e) => (L("data-v-7a04b2d2"), e = e(), S(), e), b = ["aria-hidden"], v
           return `${r}px`;
       }
       return l;
-    }), u = n(() => ({
+    }), c = n(() => ({
       boxSizing: "border-box",
       color: t.color,
       display: t.display,
@@ -82,7 +82,7 @@ const C = (e) => (L("data-v-7a04b2d2"), e = e(), S(), e), b = ["aria-hidden"], v
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon language-bash-icon",
       "data-testid": "kui-icon-wrapper-language-bash-icon",
-      style: g(u.value)
+      style: g(c.value)
     }, {
       default: m(() => [
         (a(), s("svg", {

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es405.js","sources":["../src/components/multi-color/LanguageBashIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * LanguageBashIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Fri, 12 Jul 2024 20:04:59 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 language-bash-icon\"\n    data-testid=\"kui-icon-wrapper-language-bash-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-language-bash-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=\"M20.4394 5.37004L13.365 1.17004C12.9431 0.920669 12.4706 0.795044 12 0.795044C11.5294 0.795044 11.0569 0.920669 10.635 1.17192L3.55873 5.37192C2.71498 5.87254 2.19373 6.79879 2.19373 7.80192V16.2019C2.19373 17.205 2.7131 18.1313 3.55873 18.6319L10.6331 22.8319C11.055 23.0832 11.5256 23.2069 11.9981 23.2069C12.4687 23.2069 12.9412 23.0813 13.3631 22.8319L20.4394 18.6319C21.2831 18.1313 21.8044 17.2032 21.8044 16.2019V7.80004C21.8044 6.79879 21.285 5.87067 20.4394 5.37004ZM14.9606 18.4857L14.9719 19.0894C14.9719 19.1625 14.925 19.245 14.8687 19.275L14.5106 19.4813C14.4544 19.5094 14.4056 19.4757 14.4056 19.4025L14.4 18.8082C14.0944 18.9357 13.7831 18.9657 13.5862 18.8869C13.5487 18.8719 13.5319 18.8175 13.5469 18.7538L13.6762 18.2082C13.6875 18.165 13.71 18.1219 13.74 18.0957C13.7512 18.0844 13.7625 18.0769 13.7737 18.0713C13.7944 18.06 13.815 18.0582 13.8319 18.0657C14.0456 18.1369 14.3175 18.1032 14.58 17.9719C14.9137 17.8032 15.1369 17.4619 15.1331 17.1244C15.1294 16.8169 14.9644 16.6913 14.5612 16.6875C14.0475 16.6894 13.5675 16.5882 13.56 15.8307C13.5544 15.2082 13.8769 14.5594 14.3906 14.1507L14.385 13.5413C14.385 13.4663 14.43 13.3838 14.4881 13.3538L14.835 13.1325C14.8912 13.1044 14.94 13.14 14.94 13.2132L14.9456 13.8225C15.2006 13.7213 15.4219 13.6932 15.6225 13.74C15.6656 13.7513 15.6862 13.8113 15.6675 13.8807L15.5325 14.4207C15.5212 14.4619 15.4987 14.5032 15.4706 14.5294C15.4601 14.5399 15.4481 14.5488 15.435 14.5557C15.4162 14.565 15.3994 14.5669 15.3825 14.565C15.2906 14.5444 15.0731 14.4975 14.73 14.67C14.37 14.8519 14.2444 15.165 14.2462 15.3975C14.25 15.675 14.3906 15.7594 14.8819 15.7669C15.5362 15.7782 15.8175 16.0632 15.825 16.7213C15.8344 17.3663 15.4894 18.0619 14.9606 18.4857ZM19.8994 7.14192L13.2056 11.2763C12.3712 11.7638 11.7562 12.3113 11.7544 13.3182V21.5663C11.7544 22.1682 11.9981 22.5582 12.3712 22.6725C12.2494 22.6932 12.1237 22.7082 12 22.7082C11.6081 22.7082 11.2219 22.6013 10.8825 22.4007L3.8081 18.2007C3.11623 17.79 2.68685 17.0232 2.68685 16.2V7.80004C2.68685 6.97692 3.11623 6.21004 3.8081 5.79942L10.8843 1.59942C11.2237 1.39879 11.61 1.29192 12.0019 1.29192C12.3937 1.29192 12.78 1.39879 13.1194 1.59942L20.1956 5.79942C20.7787 6.14629 21.1725 6.74442 21.2831 7.41754C21.045 6.91692 20.5162 6.78192 19.8994 7.14192Z\"\n        fill=\"#293138\"\n      />\n      <path\n        d=\"M18.5849 17.0119L16.8224 18.0656C16.7756 18.0938 16.7418 18.1238 16.7418 18.18V18.6413C16.7418 18.6975 16.7793 18.7219 16.8262 18.6938L18.6149 17.6063C18.6618 17.5781 18.6693 17.5275 18.6693 17.4713V17.0644C18.6693 17.0081 18.6318 16.9856 18.5849 17.0119Z\"\n        fill=\"#4FA847\"\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.es405.js","sources":["../src/components/multi-color/LanguageBashIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * LanguageBashIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Fri, 12 Jul 2024 20:10:52 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 language-bash-icon\"\n    data-testid=\"kui-icon-wrapper-language-bash-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-language-bash-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=\"M20.4394 5.37004L13.365 1.17004C12.9431 0.920669 12.4706 0.795044 12 0.795044C11.5294 0.795044 11.0569 0.920669 10.635 1.17192L3.55873 5.37192C2.71498 5.87254 2.19373 6.79879 2.19373 7.80192V16.2019C2.19373 17.205 2.7131 18.1313 3.55873 18.6319L10.6331 22.8319C11.055 23.0832 11.5256 23.2069 11.9981 23.2069C12.4687 23.2069 12.9412 23.0813 13.3631 22.8319L20.4394 18.6319C21.2831 18.1313 21.8044 17.2032 21.8044 16.2019V7.80004C21.8044 6.79879 21.285 5.87067 20.4394 5.37004ZM14.9606 18.4857L14.9719 19.0894C14.9719 19.1625 14.925 19.245 14.8687 19.275L14.5106 19.4813C14.4544 19.5094 14.4056 19.4757 14.4056 19.4025L14.4 18.8082C14.0944 18.9357 13.7831 18.9657 13.5862 18.8869C13.5487 18.8719 13.5319 18.8175 13.5469 18.7538L13.6762 18.2082C13.6875 18.165 13.71 18.1219 13.74 18.0957C13.7512 18.0844 13.7625 18.0769 13.7737 18.0713C13.7944 18.06 13.815 18.0582 13.8319 18.0657C14.0456 18.1369 14.3175 18.1032 14.58 17.9719C14.9137 17.8032 15.1369 17.4619 15.1331 17.1244C15.1294 16.8169 14.9644 16.6913 14.5612 16.6875C14.0475 16.6894 13.5675 16.5882 13.56 15.8307C13.5544 15.2082 13.8769 14.5594 14.3906 14.1507L14.385 13.5413C14.385 13.4663 14.43 13.3838 14.4881 13.3538L14.835 13.1325C14.8912 13.1044 14.94 13.14 14.94 13.2132L14.9456 13.8225C15.2006 13.7213 15.4219 13.6932 15.6225 13.74C15.6656 13.7513 15.6862 13.8113 15.6675 13.8807L15.5325 14.4207C15.5212 14.4619 15.4987 14.5032 15.4706 14.5294C15.4601 14.5399 15.4481 14.5488 15.435 14.5557C15.4162 14.565 15.3994 14.5669 15.3825 14.565C15.2906 14.5444 15.0731 14.4975 14.73 14.67C14.37 14.8519 14.2444 15.165 14.2462 15.3975C14.25 15.675 14.3906 15.7594 14.8819 15.7669C15.5362 15.7782 15.8175 16.0632 15.825 16.7213C15.8344 17.3663 15.4894 18.0619 14.9606 18.4857ZM19.8994 7.14192L13.2056 11.2763C12.3712 11.7638 11.7562 12.3113 11.7544 13.3182V21.5663C11.7544 22.1682 11.9981 22.5582 12.3712 22.6725C12.2494 22.6932 12.1237 22.7082 12 22.7082C11.6081 22.7082 11.2219 22.6013 10.8825 22.4007L3.8081 18.2007C3.11623 17.79 2.68685 17.0232 2.68685 16.2V7.80004C2.68685 6.97692 3.11623 6.21004 3.8081 5.79942L10.8843 1.59942C11.2237 1.39879 11.61 1.29192 12.0019 1.29192C12.3937 1.29192 12.78 1.39879 13.1194 1.59942L20.1956 5.79942C20.7787 6.14629 21.1725 6.74442 21.2831 7.41754C21.045 6.91692 20.5162 6.78192 19.8994 7.14192Z\"\n        fill=\"#293138\"\n      />\n      <path\n        d=\"M18.5849 17.0119L16.8224 18.0656C16.7756 18.0938 16.7418 18.1238 16.7418 18.18V18.6413C16.7418 18.6975 16.7793 18.7219 16.8262 18.6938L18.6149 17.6063C18.6618 17.5781 18.6693 17.5275 18.6693 17.4713V17.0644C18.6693 17.0081 18.6318 16.9856 18.5849 17.0119Z\"\n        fill=\"#4FA847\"\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.es408.js

@@ -1,9 +1,9 @@
 import { defineComponent as p, computed as n, openBlock as a, createBlock as f, resolveDynamicComponent as g, normalizeStyle as h, withCtx as m, createElementBlock as s, toDisplayString as C, createCommentVNode as y, pushScopeId as S, popScopeId as v, createElementVNode as i } from "vue";
 import { KUI_ICON_SIZE_50 as d } from "./kong-icons.es1212.js";
-const c = (e) => (S("data-v-a3dd1b2c"), e = e(), v(), e), b = ["aria-hidden"], H = {
+const u = (e) => (S("data-v-076df6b9"), e = e(), v(), e), b = ["aria-hidden"], H = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
-}, N = /* @__PURE__ */ c(() => /* @__PURE__ */ i("g", { "clip-path": "url(#clip0_2_1231)" }, [
+}, N = /* @__PURE__ */ u(() => /* @__PURE__ */ i("g", { "clip-path": "url(#clip0_2_1231)" }, [
   /* @__PURE__ */ i("path", {
     d: "M22.2686 17.9663C22.4355 17.677 22.5388 17.3513 22.5388 17.0582V6.89627C22.5388 6.60414 22.4357 6.27808 22.2686 5.98877L11.8961 11.9775L22.2686 17.9663Z",
     fill: "#00599C"
@@ -20,7 +20,7 @@ const c = (e) => (S("data-v-a3dd1b2c"), e = e(), v(), e), b = ["aria-hidden"], H
     d: "M11.896 4.88154C7.98342 4.88154 4.80042 8.06472 4.80042 11.9773C4.80042 15.8898 7.98342 19.073 11.896 19.073C14.4207 19.073 16.7755 17.7142 18.0404 15.5274L14.97 13.7503C14.3363 14.8453 13.1588 15.525 11.896 15.525C9.93979 15.525 8.3481 13.9335 8.3481 11.9771C8.3481 10.0207 9.93998 8.42922 11.896 8.42922C13.1579 8.42922 14.3367 9.10966 14.9691 10.2039L18.0404 8.42697C16.7747 6.23997 14.4207 4.88154 11.896 4.88154ZM17.415 10.7943V11.5832H16.6262V12.3712H17.415V13.16H18.2031V12.3712H18.9912V11.5832H18.2031V10.7943H17.415ZM20.3712 10.7943V11.5832H19.5829V12.3712H20.3712V13.16H21.16V12.3712H21.948V11.5832H21.16V10.7943H20.3712Z",
     fill: "white"
   })
-], -1)), w = /* @__PURE__ */ c(() => /* @__PURE__ */ i("defs", null, [
+], -1)), w = /* @__PURE__ */ u(() => /* @__PURE__ */ i("defs", null, [
   /* @__PURE__ */ i("clipPath", { id: "clip0_2_1231" }, [
     /* @__PURE__ */ i("rect", {
       fill: "white",
@@ -89,7 +89,7 @@ const c = (e) => (S("data-v-a3dd1b2c"), e = e(), v(), e), b = ["aria-hidden"], H
           return `${l}px`;
       }
       return d;
-    }), u = n(() => ({
+    }), c = n(() => ({
       boxSizing: "border-box",
       color: t.color,
       display: t.display,
@@ -101,7 +101,7 @@ const c = (e) => (S("data-v-a3dd1b2c"), e = e(), v(), e), b = ["aria-hidden"], H
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon language-c-plus-plus-icon",
       "data-testid": "kui-icon-wrapper-language-c-plus-plus-icon",
-      style: h(u.value)
+      style: h(c.value)
     }, {
       default: m(() => [
         (a(), s("svg", {

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es408.js","sources":["../src/components/multi-color/LanguageCPlusPlusIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * LanguageCPlusPlusIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Fri, 12 Jul 2024 20:04:59 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 language-c-plus-plus-icon\"\n    data-testid=\"kui-icon-wrapper-language-c-plus-plus-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-language-c-plus-plus-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_2_1231)\">\n        <path\n          d=\"M22.2686 17.9663C22.4355 17.677 22.5388 17.3513 22.5388 17.0582V6.89627C22.5388 6.60414 22.4357 6.27808 22.2686 5.98877L11.8961 11.9775L22.2686 17.9663Z\"\n          fill=\"#00599C\"\n        />\n        <path\n          d=\"M12.8175 23.7349L21.6174 18.6548C21.8709 18.5084 22.1015 18.2556 22.2686 17.9663L11.8961 11.9775L1.52246 17.9663C1.68934 18.2556 1.92015 18.5082 2.17365 18.6548L10.9736 23.7349C11.4804 24.0278 12.3105 24.0278 12.8171 23.7349H12.8175Z\"\n          fill=\"#004482\"\n        />\n        <path\n          d=\"M22.2686 5.98898C22.1015 5.69911 21.8709 5.44636 21.6174 5.30067L12.8173 0.219797C12.3104 -0.0732656 11.4806 -0.0732656 10.9738 0.219797L2.17382 5.30067C1.66682 5.5928 1.25244 6.3113 1.25244 6.8963V17.058C1.25244 17.3509 1.35557 17.6768 1.52263 17.9661L11.8959 11.9775L22.2686 5.98898Z\"\n          fill=\"#659AD2\"\n        />\n        <path\n          d=\"M11.896 4.88154C7.98342 4.88154 4.80042 8.06472 4.80042 11.9773C4.80042 15.8898 7.98342 19.073 11.896 19.073C14.4207 19.073 16.7755 17.7142 18.0404 15.5274L14.97 13.7503C14.3363 14.8453 13.1588 15.525 11.896 15.525C9.93979 15.525 8.3481 13.9335 8.3481 11.9771C8.3481 10.0207 9.93998 8.42922 11.896 8.42922C13.1579 8.42922 14.3367 9.10966 14.9691 10.2039L18.0404 8.42697C16.7747 6.23997 14.4207 4.88154 11.896 4.88154ZM17.415 10.7943V11.5832H16.6262V12.3712H17.415V13.16H18.2031V12.3712H18.9912V11.5832H18.2031V10.7943H17.415ZM20.3712 10.7943V11.5832H19.5829V12.3712H20.3712V13.16H21.16V12.3712H21.948V11.5832H21.16V10.7943H20.3712Z\"\n          fill=\"white\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_2_1231\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,UAAMA,IAAQC,GAuDRC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MAExB;AAGO,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA+B;AAAA,MAChE,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,IAChB,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es408.js","sources":["../src/components/multi-color/LanguageCPlusPlusIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * LanguageCPlusPlusIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Fri, 12 Jul 2024 20:10:52 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 language-c-plus-plus-icon\"\n    data-testid=\"kui-icon-wrapper-language-c-plus-plus-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-language-c-plus-plus-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_2_1231)\">\n        <path\n          d=\"M22.2686 17.9663C22.4355 17.677 22.5388 17.3513 22.5388 17.0582V6.89627C22.5388 6.60414 22.4357 6.27808 22.2686 5.98877L11.8961 11.9775L22.2686 17.9663Z\"\n          fill=\"#00599C\"\n        />\n        <path\n          d=\"M12.8175 23.7349L21.6174 18.6548C21.8709 18.5084 22.1015 18.2556 22.2686 17.9663L11.8961 11.9775L1.52246 17.9663C1.68934 18.2556 1.92015 18.5082 2.17365 18.6548L10.9736 23.7349C11.4804 24.0278 12.3105 24.0278 12.8171 23.7349H12.8175Z\"\n          fill=\"#004482\"\n        />\n        <path\n          d=\"M22.2686 5.98898C22.1015 5.69911 21.8709 5.44636 21.6174 5.30067L12.8173 0.219797C12.3104 -0.0732656 11.4806 -0.0732656 10.9738 0.219797L2.17382 5.30067C1.66682 5.5928 1.25244 6.3113 1.25244 6.8963V17.058C1.25244 17.3509 1.35557 17.6768 1.52263 17.9661L11.8959 11.9775L22.2686 5.98898Z\"\n          fill=\"#659AD2\"\n        />\n        <path\n          d=\"M11.896 4.88154C7.98342 4.88154 4.80042 8.06472 4.80042 11.9773C4.80042 15.8898 7.98342 19.073 11.896 19.073C14.4207 19.073 16.7755 17.7142 18.0404 15.5274L14.97 13.7503C14.3363 14.8453 13.1588 15.525 11.896 15.525C9.93979 15.525 8.3481 13.9335 8.3481 11.9771C8.3481 10.0207 9.93998 8.42922 11.896 8.42922C13.1579 8.42922 14.3367 9.10966 14.9691 10.2039L18.0404 8.42697C16.7747 6.23997 14.4207 4.88154 11.896 4.88154ZM17.415 10.7943V11.5832H16.6262V12.3712H17.415V13.16H18.2031V12.3712H18.9912V11.5832H18.2031V10.7943H17.415ZM20.3712 10.7943V11.5832H19.5829V12.3712H20.3712V13.16H21.16V12.3712H21.948V11.5832H21.16V10.7943H20.3712Z\"\n          fill=\"white\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_2_1231\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,UAAMA,IAAQC,GAuDRC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MAExB;AAGO,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA+B;AAAA,MAChE,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,IAChB,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es41.js

@@ -1,7 +1,7 @@
 import o from "./kong-icons.es834.js";
 /* empty css                 */
 import t from "./kong-icons.es407.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b5bd3f94"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2da9f73f"]]);
 export {
   m as default
 };

package/dist/kong-icons.es410.js

@@ -1,15 +1,15 @@
-import { defineComponent as p, computed as s, openBlock as a, createBlock as f, resolveDynamicComponent as g, normalizeStyle as h, withCtx as m, createElementBlock as d, toDisplayString as C, createCommentVNode as L, pushScopeId as y, popScopeId as S, createElementVNode as o } from "vue";
+import { defineComponent as p, computed as s, openBlock as o, createBlock as f, resolveDynamicComponent as g, normalizeStyle as h, withCtx as m, createElementBlock as d, toDisplayString as C, createCommentVNode as L, pushScopeId as y, popScopeId as S, createElementVNode as a } from "vue";
 import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1212.js";
-const n = (e) => (y("data-v-b070e0ba"), e = e(), S(), e), H = ["aria-hidden"], v = {
+const n = (e) => (y("data-v-7e57f22d"), e = e(), S(), e), H = ["aria-hidden"], v = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
-}, b = /* @__PURE__ */ n(() => /* @__PURE__ */ o("path", {
+}, N = /* @__PURE__ */ n(() => /* @__PURE__ */ a("path", {
   d: "M21.6375 5.75623L12.5813 0.543726C12.4313 0.449976 12.225 0.412476 12 0.412476C11.775 0.412476 11.5688 0.468726 11.4188 0.543726L2.41875 5.77498C2.1 5.96248 1.875 6.43123 1.875 6.78748V17.2312C1.875 17.4375 1.9125 17.6812 2.0625 17.8875L22.0875 6.26248C21.975 6.03748 21.8063 5.86873 21.6375 5.75623Z",
   fill: "#9B4F96"
-}, null, -1)), N = /* @__PURE__ */ n(() => /* @__PURE__ */ o("path", {
+}, null, -1)), b = /* @__PURE__ */ n(() => /* @__PURE__ */ a("path", {
   d: "M2.00623 17.8688C2.09998 18.0188 2.23123 18.15 2.36248 18.225L11.4 23.4563C11.55 23.55 11.7562 23.5875 11.9812 23.5875C12.2062 23.5875 12.4125 23.5313 12.5625 23.4563L21.5625 18.225C21.8812 18.0375 22.1062 17.5688 22.1062 17.2125V6.76877C22.1062 6.60002 22.0875 6.41252 21.9937 6.24377L2.00623 17.8688Z",
   fill: "#68217A"
-}, null, -1)), z = /* @__PURE__ */ n(() => /* @__PURE__ */ o("path", {
+}, null, -1)), z = /* @__PURE__ */ n(() => /* @__PURE__ */ a("path", {
   d: "M15.9937 14.2687C15.2063 15.6562 13.7062 16.5938 12 16.5938C9.46875 16.5938 7.40625 14.5312 7.40625 12C7.40625 9.46875 9.46875 7.40625 12 7.40625C13.7062 7.40625 15.2063 8.34375 15.9937 9.75L18.4312 8.34375C17.1562 6.1125 14.7562 4.59375 12 4.59375C7.9125 4.59375 4.59375 7.9125 4.59375 12C4.59375 16.0875 7.9125 19.4062 12 19.4062C14.7375 19.4062 17.1375 17.9062 18.4125 15.6937L15.9937 14.2687ZM18.1875 12.4125L18.3562 11.6063H17.5687V10.725H18.525L18.75 9.5625H19.6687L19.4437 10.7062H20.1562L20.3812 9.5625H21.2812L21.0562 10.7062H21.5062V11.5875H20.8875L20.7187 12.3937H21.5062V13.275H20.55L20.325 14.4H19.4062L19.6312 13.275H18.9187L18.6937 14.4H17.7937L18.0187 13.275H17.5687V12.3937H18.1875V12.4125ZM19.0875 12.4125H19.8L19.9687 11.6063H19.2562L19.0875 12.4125Z",
   fill: "white"
 }, null, -1)), _ = /* @__PURE__ */ p({
@@ -81,14 +81,14 @@ const n = (e) => (y("data-v-b070e0ba"), e = e(), S(), e), H = ["aria-hidden"], v
       lineHeight: "0",
       width: i.value
     }));
-    return (l, r) => (a(), f(g(e.as), {
+    return (l, r) => (o(), f(g(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon language-c-sharp-icon",
       "data-testid": "kui-icon-wrapper-language-c-sharp-icon",
       style: h(u.value)
     }, {
       default: m(() => [
-        (a(), d("svg", {
+        (o(), d("svg", {
           "aria-hidden": e.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-language-c-sharp-icon",
           fill: "none",
@@ -98,9 +98,9 @@ const n = (e) => (y("data-v-b070e0ba"), e = e(), S(), e), H = ["aria-hidden"], v
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (a(), d("title", v, C(e.title), 1)) : L("", !0),
-          b,
+          e.title ? (o(), d("title", v, C(e.title), 1)) : L("", !0),
           N,
+          b,
           z
         ], 8, H))
       ]),

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es410.js","sources":["../src/components/multi-color/LanguageCSharpIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * LanguageCSharpIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Fri, 12 Jul 2024 20:04:59 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 language-c-sharp-icon\"\n    data-testid=\"kui-icon-wrapper-language-c-sharp-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-language-c-sharp-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=\"M21.6375 5.75623L12.5813 0.543726C12.4313 0.449976 12.225 0.412476 12 0.412476C11.775 0.412476 11.5688 0.468726 11.4188 0.543726L2.41875 5.77498C2.1 5.96248 1.875 6.43123 1.875 6.78748V17.2312C1.875 17.4375 1.9125 17.6812 2.0625 17.8875L22.0875 6.26248C21.975 6.03748 21.8063 5.86873 21.6375 5.75623Z\"\n        fill=\"#9B4F96\"\n      />\n      <path\n        d=\"M2.00623 17.8688C2.09998 18.0188 2.23123 18.15 2.36248 18.225L11.4 23.4563C11.55 23.55 11.7562 23.5875 11.9812 23.5875C12.2062 23.5875 12.4125 23.5313 12.5625 23.4563L21.5625 18.225C21.8812 18.0375 22.1062 17.5688 22.1062 17.2125V6.76877C22.1062 6.60002 22.0875 6.41252 21.9937 6.24377L2.00623 17.8688Z\"\n        fill=\"#68217A\"\n      />\n      <path\n        d=\"M15.9937 14.2687C15.2063 15.6562 13.7062 16.5938 12 16.5938C9.46875 16.5938 7.40625 14.5312 7.40625 12C7.40625 9.46875 9.46875 7.40625 12 7.40625C13.7062 7.40625 15.2063 8.34375 15.9937 9.75L18.4312 8.34375C17.1562 6.1125 14.7562 4.59375 12 4.59375C7.9125 4.59375 4.59375 7.9125 4.59375 12C4.59375 16.0875 7.9125 19.4062 12 19.4062C14.7375 19.4062 17.1375 17.9062 18.4125 15.6937L15.9937 14.2687ZM18.1875 12.4125L18.3562 11.6063H17.5687V10.725H18.525L18.75 9.5625H19.6687L19.4437 10.7062H20.1562L20.3812 9.5625H21.2812L21.0562 10.7062H21.5062V11.5875H20.8875L20.7187 12.3937H21.5062V13.275H20.55L20.325 14.4H19.4062L19.6312 13.275H18.9187L18.6937 14.4H17.7937L18.0187 13.275H17.5687V12.3937H18.1875V12.4125ZM19.0875 12.4125H19.8L19.9687 11.6063H19.2562L19.0875 12.4125Z\"\n        fill=\"white\"\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.es410.js","sources":["../src/components/multi-color/LanguageCSharpIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * LanguageCSharpIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Fri, 12 Jul 2024 20:10:52 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 language-c-sharp-icon\"\n    data-testid=\"kui-icon-wrapper-language-c-sharp-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-language-c-sharp-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=\"M21.6375 5.75623L12.5813 0.543726C12.4313 0.449976 12.225 0.412476 12 0.412476C11.775 0.412476 11.5688 0.468726 11.4188 0.543726L2.41875 5.77498C2.1 5.96248 1.875 6.43123 1.875 6.78748V17.2312C1.875 17.4375 1.9125 17.6812 2.0625 17.8875L22.0875 6.26248C21.975 6.03748 21.8063 5.86873 21.6375 5.75623Z\"\n        fill=\"#9B4F96\"\n      />\n      <path\n        d=\"M2.00623 17.8688C2.09998 18.0188 2.23123 18.15 2.36248 18.225L11.4 23.4563C11.55 23.55 11.7562 23.5875 11.9812 23.5875C12.2062 23.5875 12.4125 23.5313 12.5625 23.4563L21.5625 18.225C21.8812 18.0375 22.1062 17.5688 22.1062 17.2125V6.76877C22.1062 6.60002 22.0875 6.41252 21.9937 6.24377L2.00623 17.8688Z\"\n        fill=\"#68217A\"\n      />\n      <path\n        d=\"M15.9937 14.2687C15.2063 15.6562 13.7062 16.5938 12 16.5938C9.46875 16.5938 7.40625 14.5312 7.40625 12C7.40625 9.46875 9.46875 7.40625 12 7.40625C13.7062 7.40625 15.2063 8.34375 15.9937 9.75L18.4312 8.34375C17.1562 6.1125 14.7562 4.59375 12 4.59375C7.9125 4.59375 4.59375 7.9125 4.59375 12C4.59375 16.0875 7.9125 19.4062 12 19.4062C14.7375 19.4062 17.1375 17.9062 18.4125 15.6937L15.9937 14.2687ZM18.1875 12.4125L18.3562 11.6063H17.5687V10.725H18.525L18.75 9.5625H19.6687L19.4437 10.7062H20.1562L20.3812 9.5625H21.2812L21.0562 10.7062H21.5062V11.5875H20.8875L20.7187 12.3937H21.5062V13.275H20.55L20.325 14.4H19.4062L19.6312 13.275H18.9187L18.6937 14.4H17.7937L18.0187 13.275H17.5687V12.3937H18.1875V12.4125ZM19.0875 12.4125H19.8L19.9687 11.6063H19.2562L19.0875 12.4125Z\"\n        fill=\"white\"\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.es412.js

@@ -1,6 +1,6 @@
-import { defineComponent as f, computed as s, openBlock as o, createBlock as p, resolveDynamicComponent as g, normalizeStyle as m, withCtx as C, createElementBlock as d, toDisplayString as h, createCommentVNode as y, pushScopeId as S, popScopeId as v, createElementVNode as n } from "vue";
+import { defineComponent as p, computed as s, openBlock as o, createBlock as f, resolveDynamicComponent as g, normalizeStyle as m, withCtx as C, createElementBlock as d, toDisplayString as h, createCommentVNode as y, pushScopeId as S, popScopeId as v, createElementVNode as n } from "vue";
 import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1212.js";
-const a = (e) => (S("data-v-ef6305b6"), e = e(), v(), e), b = ["aria-hidden"], N = {
+const a = (e) => (S("data-v-05dccc28"), e = e(), v(), e), N = ["aria-hidden"], b = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, z = /* @__PURE__ */ a(() => /* @__PURE__ */ n("path", {
@@ -12,7 +12,7 @@ const a = (e) => (S("data-v-ef6305b6"), e = e(), v(), e), b = ["aria-hidden"], N
 }, null, -1)), x = /* @__PURE__ */ a(() => /* @__PURE__ */ n("path", {
   d: "M15.9938 14.2687C15.2063 15.6562 13.7063 16.5938 12 16.5938C9.46875 16.5938 7.40625 14.5312 7.40625 12C7.40625 9.46875 9.46875 7.40625 12 7.40625C13.7063 7.40625 15.2063 8.34375 15.9938 9.75L18.4313 8.34375C17.1563 6.1125 14.7563 4.59375 12 4.59375C7.9125 4.59375 4.59375 7.9125 4.59375 12C4.59375 16.0875 7.9125 19.4062 12 19.4062C14.7375 19.4062 17.1375 17.9062 18.4125 15.6937L15.9938 14.2687Z",
   fill: "white"
-}, null, -1)), I = /* @__PURE__ */ f({
+}, null, -1)), I = /* @__PURE__ */ p({
   __name: "LanguageCIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -81,7 +81,7 @@ const a = (e) => (S("data-v-ef6305b6"), e = e(), v(), e), b = ["aria-hidden"], N
       lineHeight: "0",
       width: i.value
     }));
-    return (l, r) => (o(), p(g(e.as), {
+    return (l, r) => (o(), f(g(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon language-c-icon",
       "data-testid": "kui-icon-wrapper-language-c-icon",
@@ -98,11 +98,11 @@ const a = (e) => (S("data-v-ef6305b6"), e = e(), v(), e), b = ["aria-hidden"], N
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (o(), d("title", N, h(e.title), 1)) : y("", !0),
+          e.title ? (o(), d("title", b, h(e.title), 1)) : y("", !0),
           z,
           w,
           x
-        ], 8, b))
+        ], 8, N))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style"]));

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es412.js","sources":["../src/components/multi-color/LanguageCIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * LanguageCIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Fri, 12 Jul 2024 20:04:59 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 language-c-icon\"\n    data-testid=\"kui-icon-wrapper-language-c-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-language-c-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=\"M21.6375 5.75623L12.5813 0.543726C12.4313 0.449976 12.225 0.412476 12 0.412476C11.775 0.412476 11.5688 0.468726 11.4188 0.543726L2.41875 5.77498C2.1 5.96248 1.875 6.43123 1.875 6.78748V17.2312C1.875 17.4375 1.9125 17.6812 2.0625 17.8875L22.0875 6.26248C21.975 6.03748 21.8063 5.86873 21.6375 5.75623Z\"\n        fill=\"#659AD3\"\n      />\n      <path\n        d=\"M2.00623 17.8688C2.09998 18.0188 2.23123 18.15 2.36248 18.225L11.4 23.4563C11.55 23.55 11.7562 23.5875 11.9812 23.5875C12.2062 23.5875 12.4125 23.5313 12.5625 23.4563L21.5625 18.225C21.8812 18.0375 22.1062 17.5688 22.1062 17.2125V6.76877C22.1062 6.60002 22.0875 6.41252 21.9937 6.24377L2.00623 17.8688Z\"\n        fill=\"#03599C\"\n      />\n      <path\n        d=\"M15.9938 14.2687C15.2063 15.6562 13.7063 16.5938 12 16.5938C9.46875 16.5938 7.40625 14.5312 7.40625 12C7.40625 9.46875 9.46875 7.40625 12 7.40625C13.7063 7.40625 15.2063 8.34375 15.9938 9.75L18.4313 8.34375C17.1563 6.1125 14.7563 4.59375 12 4.59375C7.9125 4.59375 4.59375 7.9125 4.59375 12C4.59375 16.0875 7.9125 19.4062 12 19.4062C14.7375 19.4062 17.1375 17.9062 18.4125 15.6937L15.9938 14.2687Z\"\n        fill=\"white\"\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.es412.js","sources":["../src/components/multi-color/LanguageCIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * LanguageCIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Fri, 12 Jul 2024 20:10:52 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 language-c-icon\"\n    data-testid=\"kui-icon-wrapper-language-c-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-language-c-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=\"M21.6375 5.75623L12.5813 0.543726C12.4313 0.449976 12.225 0.412476 12 0.412476C11.775 0.412476 11.5688 0.468726 11.4188 0.543726L2.41875 5.77498C2.1 5.96248 1.875 6.43123 1.875 6.78748V17.2312C1.875 17.4375 1.9125 17.6812 2.0625 17.8875L22.0875 6.26248C21.975 6.03748 21.8063 5.86873 21.6375 5.75623Z\"\n        fill=\"#659AD3\"\n      />\n      <path\n        d=\"M2.00623 17.8688C2.09998 18.0188 2.23123 18.15 2.36248 18.225L11.4 23.4563C11.55 23.55 11.7562 23.5875 11.9812 23.5875C12.2062 23.5875 12.4125 23.5313 12.5625 23.4563L21.5625 18.225C21.8812 18.0375 22.1062 17.5688 22.1062 17.2125V6.76877C22.1062 6.60002 22.0875 6.41252 21.9937 6.24377L2.00623 17.8688Z\"\n        fill=\"#03599C\"\n      />\n      <path\n        d=\"M15.9938 14.2687C15.2063 15.6562 13.7063 16.5938 12 16.5938C9.46875 16.5938 7.40625 14.5312 7.40625 12C7.40625 9.46875 9.46875 7.40625 12 7.40625C13.7063 7.40625 15.2063 8.34375 15.9938 9.75L18.4313 8.34375C17.1563 6.1125 14.7563 4.59375 12 4.59375C7.9125 4.59375 4.59375 7.9125 4.59375 12C4.59375 16.0875 7.9125 19.4062 12 19.4062C14.7375 19.4062 17.1375 17.9062 18.4125 15.6937L15.9938 14.2687Z\"\n        fill=\"white\"\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.es414.js

@@ -1,6 +1,6 @@
 import { defineComponent as o, computed as h, openBlock as d, createBlock as k, resolveDynamicComponent as c, normalizeStyle as r, withCtx as u, createElementBlock as C, toDisplayString as p, createCommentVNode as y, pushScopeId as f, popScopeId as g, createElementVNode as e } from "vue";
 import { KUI_ICON_SIZE_50 as _ } from "./kong-icons.es1212.js";
-const s = (t) => (f("data-v-c4c7e368"), t = t(), g(), t), Z = ["aria-hidden"], M = {
+const s = (t) => (f("data-v-342656ca"), t = t(), g(), t), Z = ["aria-hidden"], M = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, w = /* @__PURE__ */ s(() => /* @__PURE__ */ e("mask", {