@kong/icons 1.14.2 → 1.14.3-pr.346.a52df40.0

package/dist/kong-icons.es916.js

@@ -1,6 +1,6 @@
-import { defineComponent as f, computed as n, openBlock as l, createBlock as p, resolveDynamicComponent as g, normalizeStyle as h, withCtx as m, createElementBlock as d, toDisplayString as y, createCommentVNode as S, pushScopeId as b, popScopeId as v, createElementVNode as i } from "vue";
+import { defineComponent as p, computed as n, openBlock as l, createBlock as f, resolveDynamicComponent as g, normalizeStyle as h, withCtx as m, createElementBlock as d, toDisplayString as y, createCommentVNode as S, pushScopeId as v, popScopeId as w, createElementVNode as i } from "vue";
 import { KUI_ICON_SIZE_50 as s } from "./kong-icons.es1206.js";
-const c = (e) => (b("data-v-fcb8957b"), e = e(), v(), e), w = ["aria-hidden"], C = {
+const c = (e) => (v("data-v-5663c1b9"), e = e(), w(), e), C = ["aria-hidden"], b = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, N = /* @__PURE__ */ c(() => /* @__PURE__ */ i("g", { "clip-path": "url(#clip0_1_2349)" }, [
@@ -32,7 +32,7 @@ const c = (e) => (b("data-v-fcb8957b"), e = e(), v(), e), w = ["aria-hidden"], C
       width: "24"
     })
   ])
-], -1)), L = /* @__PURE__ */ f({
+], -1)), L = /* @__PURE__ */ p({
   __name: "FlagGwIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -101,7 +101,7 @@ const c = (e) => (b("data-v-fcb8957b"), e = e(), v(), e), w = ["aria-hidden"], C
       lineHeight: "0",
       width: r.value
     }));
-    return (a, o) => (l(), p(g(e.as), {
+    return (a, o) => (l(), f(g(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon flag-gw-icon",
       "data-testid": "kui-icon-wrapper-flag-gw-icon",
@@ -118,10 +118,10 @@ const c = (e) => (b("data-v-fcb8957b"), e = e(), v(), e), w = ["aria-hidden"], C
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (l(), d("title", C, y(e.title), 1)) : S("", !0),
+          e.title ? (l(), d("title", b, y(e.title), 1)) : S("", !0),
           N,
           _
-        ], 8, w))
+        ], 8, C))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style"]));

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es916.js","sources":["../src/components/flags/FlagGwIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagGwIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 08 Jul 2024 17:55:58 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n})\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-gw-icon\"\n    data-testid=\"kui-icon-wrapper-flag-gw-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-gw-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_1_2349)\">\n        <path\n          d=\"M12 0C10.9169 0 9.86766 0.144375 8.86955 0.413391L7.82611 12L8.8696 23.5866C9.86766 23.8556 10.9169 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37262 18.6274 0 12 0Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M7.82611 12L8.8696 23.5866C9.86766 23.8556 10.9169 24 12 24C18.6274 24 24 18.6274 24 12H7.82611Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M0 12.0004C0 16.5489 2.53078 20.5061 6.26086 22.5413V1.45947C2.53078 3.49469 0 7.45188 0 12.0004Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M0 12.0002C0 17.5445 3.76036 22.2098 8.86955 23.5868V0.413574C3.76036 1.79057 0 6.45586 0 12.0002Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M4.5345 8.86963L5.31145 11.261H7.82611L5.79182 12.7391L6.56873 15.1305L4.5345 13.6525L2.50017 15.1305L3.27726 12.7391L1.24298 11.261H3.7575L4.5345 8.86963Z\"\n          fill=\"black\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2349\">\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.es916.js","sources":["../src/components/flags/FlagGwIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagGwIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Fri, 12 Jul 2024 20:14:38 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n})\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-gw-icon\"\n    data-testid=\"kui-icon-wrapper-flag-gw-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-gw-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_1_2349)\">\n        <path\n          d=\"M12 0C10.9169 0 9.86766 0.144375 8.86955 0.413391L7.82611 12L8.8696 23.5866C9.86766 23.8556 10.9169 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37262 18.6274 0 12 0Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M7.82611 12L8.8696 23.5866C9.86766 23.8556 10.9169 24 12 24C18.6274 24 24 18.6274 24 12H7.82611Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M0 12.0004C0 16.5489 2.53078 20.5061 6.26086 22.5413V1.45947C2.53078 3.49469 0 7.45188 0 12.0004Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M0 12.0002C0 17.5445 3.76036 22.2098 8.86955 23.5868V0.413574C3.76036 1.79057 0 6.45586 0 12.0002Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M4.5345 8.86963L5.31145 11.261H7.82611L5.79182 12.7391L6.56873 15.1305L4.5345 13.6525L2.50017 15.1305L3.27726 12.7391L1.24298 11.261H3.7575L4.5345 8.86963Z\"\n          fill=\"black\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2349\">\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.es918.js

@@ -1,6 +1,6 @@
-import { defineComponent as f, computed as n, openBlock as a, createBlock as p, resolveDynamicComponent as g, normalizeStyle as h, withCtx as m, createElementBlock as d, toDisplayString as y, createCommentVNode as C, pushScopeId as S, popScopeId as v, createElementVNode as t } from "vue";
+import { defineComponent as p, computed as n, openBlock as o, createBlock as f, resolveDynamicComponent as g, normalizeStyle as h, withCtx as m, createElementBlock as d, toDisplayString as y, createCommentVNode as C, pushScopeId as S, popScopeId as v, createElementVNode as t } from "vue";
 import { KUI_ICON_SIZE_50 as s } from "./kong-icons.es1206.js";
-const c = (e) => (S("data-v-2f995e2a"), e = e(), v(), e), b = ["aria-hidden"], N = {
+const c = (e) => (S("data-v-9600be29"), e = e(), v(), e), b = ["aria-hidden"], N = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, L = /* @__PURE__ */ c(() => /* @__PURE__ */ t("g", { "clip-path": "url(#clip0_1_2350)" }, [
@@ -36,7 +36,7 @@ const c = (e) => (S("data-v-2f995e2a"), e = e(), v(), e), b = ["aria-hidden"], N
       width: "24"
     })
   ])
-], -1)), x = /* @__PURE__ */ f({
+], -1)), x = /* @__PURE__ */ p({
   __name: "FlagGyIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -92,7 +92,7 @@ const c = (e) => (S("data-v-2f995e2a"), e = e(), v(), e), b = ["aria-hidden"], N
       if (typeof i.size == "number" && i.size > 0)
         return `${i.size}px`;
       if (typeof i.size == "string") {
-        const o = String(i.size).replace(/px/gi, ""), l = Number(o);
+        const a = String(i.size).replace(/px/gi, ""), l = Number(a);
         if (l && !isNaN(l) && Number.isInteger(l) && l > 0)
           return `${l}px`;
       }
@@ -105,14 +105,14 @@ const c = (e) => (S("data-v-2f995e2a"), e = e(), v(), e), b = ["aria-hidden"], N
       lineHeight: "0",
       width: r.value
     }));
-    return (o, l) => (a(), p(g(e.as), {
+    return (a, l) => (o(), f(g(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon flag-gy-icon",
       "data-testid": "kui-icon-wrapper-flag-gy-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-flag-gy-icon",
           fill: "none",
@@ -122,7 +122,7 @@ const c = (e) => (S("data-v-2f995e2a"), e = e(), v(), e), b = ["aria-hidden"], N
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (a(), d("title", N, y(e.title), 1)) : C("", !0),
+          e.title ? (o(), d("title", N, y(e.title), 1)) : C("", !0),
           L,
           _
         ], 8, b))

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es918.js","sources":["../src/components/flags/FlagGyIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagGyIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 08 Jul 2024 17:55:58 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n})\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-gy-icon\"\n    data-testid=\"kui-icon-wrapper-flag-gy-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-gy-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_1_2350)\">\n        <path\n          d=\"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M12 0C9.87837 0 7.88581 0.551344 6.15649 1.51744V22.4826C7.88585 23.4487 9.87837 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37262 18.6274 0 12 0Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M6.19184 1.49756C5.43692 1.91592 4.73201 2.41317 4.088 2.97848C4.15311 2.92139 4.21887 2.86495 4.28515 2.80926L13.4757 11.9999L4.28511 21.1905C4.21878 21.1348 4.15306 21.0783 4.08795 21.0212C4.73197 21.5865 5.43692 22.0837 6.1918 22.5022L24 11.9999L6.19184 1.49756Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M5.17831 2.12744C4.81235 2.38085 4.46088 2.65352 4.12596 2.94494L12 12.0002L4.12592 21.0554C4.46084 21.3468 4.81231 21.6195 5.17826 21.8729L21.9459 12.0002L5.17831 2.12744Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M4.2851 2.80957C4.01833 3.03373 3.7609 3.26871 3.51471 3.51485L10.9565 12.0002L3.51471 20.4855C3.7609 20.7317 4.01829 20.9667 4.2851 21.1908L13.4757 12.0002L4.2851 2.80957Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M3.51471 3.51465C-1.17157 8.20093 -1.17157 15.7989 3.51471 20.4853C5.45126 18.5487 7.31374 16.6862 12 12L3.51471 3.51465Z\"\n          fill=\"#D80027\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2350\">\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.es918.js","sources":["../src/components/flags/FlagGyIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagGyIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Fri, 12 Jul 2024 20:14:38 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n})\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-gy-icon\"\n    data-testid=\"kui-icon-wrapper-flag-gy-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-gy-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_1_2350)\">\n        <path\n          d=\"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M12 0C9.87837 0 7.88581 0.551344 6.15649 1.51744V22.4826C7.88585 23.4487 9.87837 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37262 18.6274 0 12 0Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M6.19184 1.49756C5.43692 1.91592 4.73201 2.41317 4.088 2.97848C4.15311 2.92139 4.21887 2.86495 4.28515 2.80926L13.4757 11.9999L4.28511 21.1905C4.21878 21.1348 4.15306 21.0783 4.08795 21.0212C4.73197 21.5865 5.43692 22.0837 6.1918 22.5022L24 11.9999L6.19184 1.49756Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M5.17831 2.12744C4.81235 2.38085 4.46088 2.65352 4.12596 2.94494L12 12.0002L4.12592 21.0554C4.46084 21.3468 4.81231 21.6195 5.17826 21.8729L21.9459 12.0002L5.17831 2.12744Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M4.2851 2.80957C4.01833 3.03373 3.7609 3.26871 3.51471 3.51485L10.9565 12.0002L3.51471 20.4855C3.7609 20.7317 4.01829 20.9667 4.2851 21.1908L13.4757 12.0002L4.2851 2.80957Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M3.51471 3.51465C-1.17157 8.20093 -1.17157 15.7989 3.51471 20.4853C5.45126 18.5487 7.31374 16.6862 12 12L3.51471 3.51465Z\"\n          fill=\"#D80027\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2350\">\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.es92.js

@@ -1,8 +1,8 @@
 import o from "./kong-icons.es930.js";
 /* empty css                 */
 import t from "./kong-icons.es405.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8db25ff1"]]);
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-16cf3029"]]);
 export {
-  m as default
+  f as default
 };
 //# sourceMappingURL=kong-icons.es92.js.map

package/dist/kong-icons.es920.js

@@ -1,6 +1,6 @@
-import { defineComponent as f, computed as n, openBlock as o, createBlock as p, resolveDynamicComponent as h, normalizeStyle as g, withCtx as C, createElementBlock as d, toDisplayString as m, createCommentVNode as y, pushScopeId as S, popScopeId as v, createElementVNode as t } from "vue";
+import { defineComponent as f, computed as n, openBlock as l, createBlock as p, resolveDynamicComponent as h, normalizeStyle as g, withCtx as C, createElementBlock as d, toDisplayString as m, createCommentVNode as y, pushScopeId as S, popScopeId as v, createElementVNode as t } from "vue";
 import { KUI_ICON_SIZE_50 as s } from "./kong-icons.es1206.js";
-const c = (e) => (S("data-v-48fda914"), e = e(), v(), e), F = ["aria-hidden"], N = {
+const c = (e) => (S("data-v-1fca15af"), e = e(), v(), e), F = ["aria-hidden"], N = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, b = /* @__PURE__ */ c(() => /* @__PURE__ */ t("g", { "clip-path": "url(#clip0_1415_3092)" }, [
@@ -92,9 +92,9 @@ const c = (e) => (S("data-v-48fda914"), e = e(), v(), e), F = ["aria-hidden"], N
       if (typeof i.size == "number" && i.size > 0)
         return `${i.size}px`;
       if (typeof i.size == "string") {
-        const a = String(i.size).replace(/px/gi, ""), l = Number(a);
-        if (l && !isNaN(l) && Number.isInteger(l) && l > 0)
-          return `${l}px`;
+        const o = String(i.size).replace(/px/gi, ""), a = Number(o);
+        if (a && !isNaN(a) && Number.isInteger(a) && a > 0)
+          return `${a}px`;
       }
       return s;
     }), u = n(() => ({
@@ -105,14 +105,14 @@ const c = (e) => (S("data-v-48fda914"), e = e(), v(), e), F = ["aria-hidden"], N
       lineHeight: "0",
       width: r.value
     }));
-    return (a, l) => (o(), p(h(e.as), {
+    return (o, a) => (l(), p(h(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon flag-hk-icon",
       "data-testid": "kui-icon-wrapper-flag-hk-icon",
       style: g(u.value)
     }, {
       default: C(() => [
-        (o(), d("svg", {
+        (l(), d("svg", {
           "aria-hidden": e.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-flag-hk-icon",
           fill: "none",
@@ -122,7 +122,7 @@ const c = (e) => (S("data-v-48fda914"), e = e(), v(), e), F = ["aria-hidden"], N
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (o(), d("title", N, m(e.title), 1)) : y("", !0),
+          e.title ? (l(), d("title", N, m(e.title), 1)) : y("", !0),
           b,
           k
         ], 8, F))

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es920.js","sources":["../src/components/flags/FlagHkIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagHkIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 08 Jul 2024 17:55:58 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n})\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-hk-icon\"\n    data-testid=\"kui-icon-wrapper-flag-hk-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-hk-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_1415_3092)\">\n        <path\n          d=\"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M13.239 9.07837C12.9663 10.2127 12.4817 9.99637 12.2439 10.9856C10.8431 10.6488 9.98046 9.24023 10.3173 7.83937C10.6539 6.43861 12.0626 5.57592 13.4635 5.91271C12.9878 7.89117 13.483 8.06386 13.239 9.07837Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M9.6042 9.91871C10.5987 10.5286 10.2432 10.9226 11.1105 11.4545C10.3573 12.6827 8.75117 13.0678 7.52295 12.3146C6.29478 11.5615 5.9096 9.95522 6.66279 8.72705C8.39745 9.79074 8.71456 9.37322 9.6042 9.91871Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M9.28044 13.6358C10.1678 12.8784 10.4326 13.3382 11.2065 12.6777C12.1419 13.7735 12.0117 15.4202 10.916 16.3555C9.82016 17.2909 8.17353 17.1607 7.23828 16.065C8.78581 14.7439 8.4867 14.3132 9.28044 13.6358Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M12.7152 15.0924C12.269 14.0144 12.7882 13.9046 12.3992 12.9646C13.7304 12.4136 15.2562 13.0462 15.8072 14.3774C16.3581 15.7086 15.7255 17.2344 14.3943 17.7854C13.6163 15.9053 13.1143 16.0566 12.7152 15.0924Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M15.1618 12.2758C13.9987 12.367 14.0545 11.8392 13.0403 11.9188C12.9277 10.4826 14.0009 9.22678 15.4372 9.11405C16.8734 9.00159 18.1292 10.0747 18.2418 11.511C16.2132 11.67 16.202 12.1943 15.1618 12.2758Z\"\n          fill=\"#F0F0F0\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1415_3092\">\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.es920.js","sources":["../src/components/flags/FlagHkIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagHkIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Fri, 12 Jul 2024 20:14:38 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n})\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-hk-icon\"\n    data-testid=\"kui-icon-wrapper-flag-hk-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-hk-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_1415_3092)\">\n        <path\n          d=\"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M13.239 9.07837C12.9663 10.2127 12.4817 9.99637 12.2439 10.9856C10.8431 10.6488 9.98046 9.24023 10.3173 7.83937C10.6539 6.43861 12.0626 5.57592 13.4635 5.91271C12.9878 7.89117 13.483 8.06386 13.239 9.07837Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M9.6042 9.91871C10.5987 10.5286 10.2432 10.9226 11.1105 11.4545C10.3573 12.6827 8.75117 13.0678 7.52295 12.3146C6.29478 11.5615 5.9096 9.95522 6.66279 8.72705C8.39745 9.79074 8.71456 9.37322 9.6042 9.91871Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M9.28044 13.6358C10.1678 12.8784 10.4326 13.3382 11.2065 12.6777C12.1419 13.7735 12.0117 15.4202 10.916 16.3555C9.82016 17.2909 8.17353 17.1607 7.23828 16.065C8.78581 14.7439 8.4867 14.3132 9.28044 13.6358Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M12.7152 15.0924C12.269 14.0144 12.7882 13.9046 12.3992 12.9646C13.7304 12.4136 15.2562 13.0462 15.8072 14.3774C16.3581 15.7086 15.7255 17.2344 14.3943 17.7854C13.6163 15.9053 13.1143 16.0566 12.7152 15.0924Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M15.1618 12.2758C13.9987 12.367 14.0545 11.8392 13.0403 11.9188C12.9277 10.4826 14.0009 9.22678 15.4372 9.11405C16.8734 9.00159 18.1292 10.0747 18.2418 11.511C16.2132 11.67 16.202 12.1943 15.1618 12.2758Z\"\n          fill=\"#F0F0F0\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1415_3092\">\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.es922.js

@@ -1,9 +1,9 @@
-import { defineComponent as p, computed as n, openBlock as a, createBlock as f, resolveDynamicComponent as L, normalizeStyle as h, withCtx as g, createElementBlock as d, toDisplayString as m, createCommentVNode as y, pushScopeId as S, popScopeId as v, createElementVNode as t } from "vue";
+import { defineComponent as f, computed as n, openBlock as a, createBlock as p, resolveDynamicComponent as L, normalizeStyle as h, withCtx as g, createElementBlock as d, toDisplayString as m, createCommentVNode as y, pushScopeId as S, popScopeId as v, createElementVNode as t } from "vue";
 import { KUI_ICON_SIZE_50 as s } from "./kong-icons.es1206.js";
-const c = (e) => (S("data-v-b7595e3e"), e = e(), v(), e), b = ["aria-hidden"], C = {
+const c = (e) => (S("data-v-46fc5dd2"), e = e(), v(), e), C = ["aria-hidden"], H = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
-}, H = /* @__PURE__ */ c(() => /* @__PURE__ */ t("g", { "clip-path": "url(#clip0_1_2354)" }, [
+}, N = /* @__PURE__ */ c(() => /* @__PURE__ */ t("g", { "clip-path": "url(#clip0_1_2354)" }, [
   /* @__PURE__ */ t("path", {
     d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z",
     fill: "#F0F0F0"
@@ -36,7 +36,7 @@ const c = (e) => (S("data-v-b7595e3e"), e = e(), v(), e), b = ["aria-hidden"], C
     d: "M12 10.4346L12.3885 11.6304H13.6458L12.6286 12.3693L13.0172 13.565L12 12.826L10.9828 13.565L11.3714 12.3693L10.3542 11.6304H11.6115L12 10.4346Z",
     fill: "#338AF3"
   })
-], -1)), N = /* @__PURE__ */ c(() => /* @__PURE__ */ t("defs", null, [
+], -1)), b = /* @__PURE__ */ c(() => /* @__PURE__ */ t("defs", null, [
   /* @__PURE__ */ t("clipPath", { id: "clip0_1_2354" }, [
     /* @__PURE__ */ t("rect", {
       fill: "white",
@@ -44,7 +44,7 @@ const c = (e) => (S("data-v-b7595e3e"), e = e(), v(), e), b = ["aria-hidden"], C
       width: "24"
     })
   ])
-], -1)), z = /* @__PURE__ */ p({
+], -1)), z = /* @__PURE__ */ f({
   __name: "FlagHnIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -113,7 +113,7 @@ const c = (e) => (S("data-v-b7595e3e"), e = e(), v(), e), b = ["aria-hidden"], C
       lineHeight: "0",
       width: r.value
     }));
-    return (o, l) => (a(), f(L(e.as), {
+    return (o, l) => (a(), p(L(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon flag-hn-icon",
       "data-testid": "kui-icon-wrapper-flag-hn-icon",
@@ -130,10 +130,10 @@ const c = (e) => (S("data-v-b7595e3e"), e = e(), v(), e), b = ["aria-hidden"], C
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (a(), d("title", C, m(e.title), 1)) : y("", !0),
-          H,
-          N
-        ], 8, b))
+          e.title ? (a(), d("title", H, m(e.title), 1)) : y("", !0),
+          N,
+          b
+        ], 8, C))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style"]));

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es922.js","sources":["../src/components/flags/FlagHnIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagHnIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 08 Jul 2024 17:55:58 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n})\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-hn-icon\"\n    data-testid=\"kui-icon-wrapper-flag-hn-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-hn-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_1_2354)\">\n        <path\n          d=\"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M12 23.9999C16.7575 23.9999 20.8683 21.2312 22.8093 17.2173H1.19072C3.13172 21.2312 7.24247 23.9999 12 23.9999Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M12 0C7.24247 0 3.13172 2.76867 1.19072 6.78262H22.8092C20.8683 2.76867 16.7575 0 12 0V0Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M7.38492 7.82617L7.77342 9.02191H9.03066L8.01357 9.76084L8.40211 10.9566L7.38492 10.2176L6.36774 10.9566L6.75628 9.76084L5.73914 9.02191H6.99638L7.38492 7.82617Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M7.38492 13.0435L7.77342 14.2392H9.03066L8.01357 14.9782L8.40211 16.1739L7.38492 15.4349L6.36774 16.1739L6.75628 14.9782L5.73914 14.2392H6.99638L7.38492 13.0435Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M16.6151 7.82617L17.0036 9.02191H18.2609L17.2437 9.76084L17.6323 10.9566L16.6151 10.2176L15.5979 10.9566L15.9864 9.76084L14.9693 9.02191H16.2266L16.6151 7.82617Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M16.6151 13.0435L17.0036 14.2392H18.2609L17.2437 14.9782L17.6323 16.1739L16.6151 15.4349L15.5979 16.1739L15.9864 14.9782L14.9693 14.2392H16.2266L16.6151 13.0435Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M12 10.4346L12.3885 11.6304H13.6458L12.6286 12.3693L13.0172 13.565L12 12.826L10.9828 13.565L11.3714 12.3693L10.3542 11.6304H11.6115L12 10.4346Z\"\n          fill=\"#338AF3\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2354\">\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.es922.js","sources":["../src/components/flags/FlagHnIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagHnIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Fri, 12 Jul 2024 20:14:38 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n})\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-hn-icon\"\n    data-testid=\"kui-icon-wrapper-flag-hn-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-hn-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_1_2354)\">\n        <path\n          d=\"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M12 23.9999C16.7575 23.9999 20.8683 21.2312 22.8093 17.2173H1.19072C3.13172 21.2312 7.24247 23.9999 12 23.9999Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M12 0C7.24247 0 3.13172 2.76867 1.19072 6.78262H22.8092C20.8683 2.76867 16.7575 0 12 0V0Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M7.38492 7.82617L7.77342 9.02191H9.03066L8.01357 9.76084L8.40211 10.9566L7.38492 10.2176L6.36774 10.9566L6.75628 9.76084L5.73914 9.02191H6.99638L7.38492 7.82617Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M7.38492 13.0435L7.77342 14.2392H9.03066L8.01357 14.9782L8.40211 16.1739L7.38492 15.4349L6.36774 16.1739L6.75628 14.9782L5.73914 14.2392H6.99638L7.38492 13.0435Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M16.6151 7.82617L17.0036 9.02191H18.2609L17.2437 9.76084L17.6323 10.9566L16.6151 10.2176L15.5979 10.9566L15.9864 9.76084L14.9693 9.02191H16.2266L16.6151 7.82617Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M16.6151 13.0435L17.0036 14.2392H18.2609L17.2437 14.9782L17.6323 16.1739L16.6151 15.4349L15.5979 16.1739L15.9864 14.9782L14.9693 14.2392H16.2266L16.6151 13.0435Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M12 10.4346L12.3885 11.6304H13.6458L12.6286 12.3693L13.0172 13.565L12 12.826L10.9828 13.565L11.3714 12.3693L10.3542 11.6304H11.6115L12 10.4346Z\"\n          fill=\"#338AF3\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2354\">\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.es924.js

@@ -1,6 +1,6 @@
 import { defineComponent as c, computed as o, openBlock as r, createBlock as h, resolveDynamicComponent as u, normalizeStyle as H, withCtx as V, createElementBlock as n, toDisplayString as g, createCommentVNode as m, pushScopeId as Z, popScopeId as C, createElementVNode as e } from "vue";
 import { KUI_ICON_SIZE_50 as s } from "./kong-icons.es1206.js";
-const p = (t) => (Z("data-v-6bcdc3a4"), t = t(), C(), t), M = ["aria-hidden"], y = {
+const p = (t) => (Z("data-v-11307514"), t = t(), C(), t), M = ["aria-hidden"], y = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, D = /* @__PURE__ */ p(() => /* @__PURE__ */ e("g", { "clip-path": "url(#clip0_1_2308)" }, [
@@ -100,7 +100,7 @@ const p = (t) => (Z("data-v-6bcdc3a4"), t = t(), C(), t), M = ["aria-hidden"], y
       width: "24"
     })
   ])
-], -1)), b = /* @__PURE__ */ c({
+], -1)), N = /* @__PURE__ */ c({
   __name: "FlagHrIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -196,6 +196,6 @@ const p = (t) => (Z("data-v-6bcdc3a4"), t = t(), C(), t), M = ["aria-hidden"], y
   }
 });
 export {
-  b as default
+  N as default
 };
 //# sourceMappingURL=kong-icons.es924.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es924.js","sources":["../src/components/flags/FlagHrIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagHrIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 08 Jul 2024 17:55:58 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n})\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-hr-icon\"\n    data-testid=\"kui-icon-wrapper-flag-hr-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-hr-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_1_2308)\">\n        <path\n          d=\"M24 11.9999C24 10.532 23.736 9.1259 23.2536 7.82596L12 7.3042L0.746391 7.82592C0.264047 9.1259 0 10.532 0 11.9999C0 13.4677 0.264047 14.8738 0.746391 16.1737L12 16.6955L23.2536 16.1738C23.736 14.8738 24 13.4677 24 11.9999Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738H0.746384C2.4419 20.7434 6.84041 23.9999 12 23.9999Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M0.746384 7.82611H23.2536C21.5581 3.2565 17.1596 0 12 0C6.84041 0 2.4419 3.2565 0.746384 7.82611V7.82611Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M15.1305 8.34802H13.0435L13.3913 5.73928L14.7826 4.6958L16.1739 5.73928V7.82625L15.1305 8.34802Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M8.86955 8.34802H10.9565L10.6087 5.73928L9.21736 4.6958L7.82611 5.73928V7.82625L8.86955 8.34802Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M13.3913 8.34802H10.6087V5.73928L12 4.6958L13.3913 5.73928V8.34802Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M7.82611 7.82617V13.5653C7.82611 14.9318 8.4862 16.1471 9.50433 16.909L10.2348 16.7262L11.1565 17.6535C11.4291 17.7096 11.7112 17.7392 12 17.7392C12.2874 17.7392 12.568 17.71 12.8392 17.6544L13.8914 16.7783L14.4957 16.9073C15.5134 16.1455 16.1739 14.9314 16.1739 13.5653V7.82617H7.82611Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M7.82611 7.82617H9.49566V9.49572H7.82611V7.82617Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M11.1652 7.82617H12.8348V9.49572H11.1652V7.82617Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M14.5043 7.82617H16.1739V9.49572H14.5043V7.82617Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M9.49565 9.49561H11.1652V11.1652H9.49565V9.49561Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M12.8348 9.49561H14.5043V11.1652H12.8348V9.49561Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M7.82611 11.1646H9.49566V12.8341H7.82611V11.1646Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M9.49565 12.8345H11.1652V14.504H9.49565V12.8345Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M11.1652 11.1646H12.8348V12.8341H11.1652V11.1646Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M14.5043 11.1646H16.1739V12.8341H14.5043V11.1646Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M12.8348 12.8345H14.5043V14.504H12.8348V12.8345Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M11.1652 14.5039H12.8348V16.1735H11.1652V14.5039Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M9.49565 14.5039H7.93382C8.07707 15.1245 8.3587 15.6924 8.74485 16.1735H9.49565V14.5039Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M14.5043 16.1735H15.2551C15.6413 15.6924 15.9229 15.1245 16.0661 14.5039H14.5043V16.1735Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M9.49565 16.1738V16.9023C9.98123 17.2677 10.5487 17.5297 11.1652 17.6554V16.1738H9.49565Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M12.8348 16.1738V17.6554C13.4513 17.5298 14.0188 17.2677 14.5043 16.9023V16.1738H12.8348Z\"\n          fill=\"#D80027\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2308\">\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.es924.js","sources":["../src/components/flags/FlagHrIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagHrIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Fri, 12 Jul 2024 20:14:38 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n})\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-hr-icon\"\n    data-testid=\"kui-icon-wrapper-flag-hr-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-hr-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_1_2308)\">\n        <path\n          d=\"M24 11.9999C24 10.532 23.736 9.1259 23.2536 7.82596L12 7.3042L0.746391 7.82592C0.264047 9.1259 0 10.532 0 11.9999C0 13.4677 0.264047 14.8738 0.746391 16.1737L12 16.6955L23.2536 16.1738C23.736 14.8738 24 13.4677 24 11.9999Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738H0.746384C2.4419 20.7434 6.84041 23.9999 12 23.9999Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M0.746384 7.82611H23.2536C21.5581 3.2565 17.1596 0 12 0C6.84041 0 2.4419 3.2565 0.746384 7.82611V7.82611Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M15.1305 8.34802H13.0435L13.3913 5.73928L14.7826 4.6958L16.1739 5.73928V7.82625L15.1305 8.34802Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M8.86955 8.34802H10.9565L10.6087 5.73928L9.21736 4.6958L7.82611 5.73928V7.82625L8.86955 8.34802Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M13.3913 8.34802H10.6087V5.73928L12 4.6958L13.3913 5.73928V8.34802Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M7.82611 7.82617V13.5653C7.82611 14.9318 8.4862 16.1471 9.50433 16.909L10.2348 16.7262L11.1565 17.6535C11.4291 17.7096 11.7112 17.7392 12 17.7392C12.2874 17.7392 12.568 17.71 12.8392 17.6544L13.8914 16.7783L14.4957 16.9073C15.5134 16.1455 16.1739 14.9314 16.1739 13.5653V7.82617H7.82611Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M7.82611 7.82617H9.49566V9.49572H7.82611V7.82617Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M11.1652 7.82617H12.8348V9.49572H11.1652V7.82617Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M14.5043 7.82617H16.1739V9.49572H14.5043V7.82617Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M9.49565 9.49561H11.1652V11.1652H9.49565V9.49561Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M12.8348 9.49561H14.5043V11.1652H12.8348V9.49561Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M7.82611 11.1646H9.49566V12.8341H7.82611V11.1646Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M9.49565 12.8345H11.1652V14.504H9.49565V12.8345Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M11.1652 11.1646H12.8348V12.8341H11.1652V11.1646Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M14.5043 11.1646H16.1739V12.8341H14.5043V11.1646Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M12.8348 12.8345H14.5043V14.504H12.8348V12.8345Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M11.1652 14.5039H12.8348V16.1735H11.1652V14.5039Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M9.49565 14.5039H7.93382C8.07707 15.1245 8.3587 15.6924 8.74485 16.1735H9.49565V14.5039Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M14.5043 16.1735H15.2551C15.6413 15.6924 15.9229 15.1245 16.0661 14.5039H14.5043V16.1735Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M9.49565 16.1738V16.9023C9.98123 17.2677 10.5487 17.5297 11.1652 17.6554V16.1738H9.49565Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M12.8348 16.1738V17.6554C13.4513 17.5298 14.0188 17.2677 14.5043 16.9023V16.1738H12.8348Z\"\n          fill=\"#D80027\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2308\">\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.es926.js

@@ -1,6 +1,6 @@
-import { defineComponent as f, computed as n, openBlock as a, createBlock as p, resolveDynamicComponent as h, normalizeStyle as g, withCtx as m, createElementBlock as d, toDisplayString as y, createCommentVNode as C, pushScopeId as S, popScopeId as v, createElementVNode as t } from "vue";
+import { defineComponent as p, computed as n, openBlock as a, createBlock as f, resolveDynamicComponent as h, normalizeStyle as g, withCtx as m, createElementBlock as d, toDisplayString as y, createCommentVNode as C, pushScopeId as S, popScopeId as v, createElementVNode as t } from "vue";
 import { KUI_ICON_SIZE_50 as s } from "./kong-icons.es1206.js";
-const c = (e) => (S("data-v-fb7a91ce"), e = e(), v(), e), b = ["aria-hidden"], N = {
+const c = (e) => (S("data-v-e4489a1d"), e = e(), v(), e), N = ["aria-hidden"], b = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, _ = /* @__PURE__ */ c(() => /* @__PURE__ */ t("g", { "clip-path": "url(#clip0_1_2352)" }, [
@@ -44,7 +44,7 @@ const c = (e) => (S("data-v-fb7a91ce"), e = e(), v(), e), b = ["aria-hidden"], N
       width: "24"
     })
   ])
-], -1)), k = /* @__PURE__ */ f({
+], -1)), k = /* @__PURE__ */ p({
   __name: "FlagHtIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -113,7 +113,7 @@ const c = (e) => (S("data-v-fb7a91ce"), e = e(), v(), e), b = ["aria-hidden"], N
       lineHeight: "0",
       width: r.value
     }));
-    return (o, l) => (a(), p(h(e.as), {
+    return (o, l) => (a(), f(h(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon flag-ht-icon",
       "data-testid": "kui-icon-wrapper-flag-ht-icon",
@@ -130,10 +130,10 @@ const c = (e) => (S("data-v-fb7a91ce"), e = e(), v(), e), b = ["aria-hidden"], N
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (a(), d("title", N, y(e.title), 1)) : C("", !0),
+          e.title ? (a(), d("title", b, y(e.title), 1)) : C("", !0),
           _,
           w
-        ], 8, b))
+        ], 8, N))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style"]));

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es926.js","sources":["../src/components/flags/FlagHtIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagHtIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 08 Jul 2024 17:55:58 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n})\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-ht-icon\"\n    data-testid=\"kui-icon-wrapper-flag-ht-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-ht-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_1_2352)\">\n        <path\n          d=\"M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 5.37262 12 0 12 0C12 0 24 5.37262 24 12Z\"\n          fill=\"#A2001D\"\n        />\n        <path\n          d=\"M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M16.1739 15.1305L12 14.6088L7.82611 15.1305V8.86963H16.1739V15.1305Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M12 14.6085C13.1526 14.6085 14.087 13.6741 14.087 12.5215C14.087 11.3689 13.1526 10.4346 12 10.4346C10.8474 10.4346 9.91302 11.3689 9.91302 12.5215C9.91302 13.6741 10.8474 14.6085 12 14.6085Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M12 13.565C12.5763 13.565 13.0435 13.0978 13.0435 12.5215C13.0435 11.9452 12.5763 11.478 12 11.478C11.4237 11.478 10.9565 11.9452 10.9565 12.5215C10.9565 13.0978 11.4237 13.565 12 13.565Z\"\n          fill=\"#A2001D\"\n        />\n        <path\n          d=\"M10.4348 9.91309H13.5652L12 11.4783L10.4348 9.91309Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M11.4783 10.9565H12.5218V14.087H11.4783V10.9565Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M13.6695 13.7739H10.3304L7.82611 15.1305H16.1739L13.6695 13.7739Z\"\n          fill=\"#6DA544\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2352\">\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.es926.js","sources":["../src/components/flags/FlagHtIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagHtIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Fri, 12 Jul 2024 20:14:38 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n})\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-ht-icon\"\n    data-testid=\"kui-icon-wrapper-flag-ht-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-ht-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_1_2352)\">\n        <path\n          d=\"M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 5.37262 12 0 12 0C12 0 24 5.37262 24 12Z\"\n          fill=\"#A2001D\"\n        />\n        <path\n          d=\"M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M16.1739 15.1305L12 14.6088L7.82611 15.1305V8.86963H16.1739V15.1305Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M12 14.6085C13.1526 14.6085 14.087 13.6741 14.087 12.5215C14.087 11.3689 13.1526 10.4346 12 10.4346C10.8474 10.4346 9.91302 11.3689 9.91302 12.5215C9.91302 13.6741 10.8474 14.6085 12 14.6085Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M12 13.565C12.5763 13.565 13.0435 13.0978 13.0435 12.5215C13.0435 11.9452 12.5763 11.478 12 11.478C11.4237 11.478 10.9565 11.9452 10.9565 12.5215C10.9565 13.0978 11.4237 13.565 12 13.565Z\"\n          fill=\"#A2001D\"\n        />\n        <path\n          d=\"M10.4348 9.91309H13.5652L12 11.4783L10.4348 9.91309Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M11.4783 10.9565H12.5218V14.087H11.4783V10.9565Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M13.6695 13.7739H10.3304L7.82611 15.1305H16.1739L13.6695 13.7739Z\"\n          fill=\"#6DA544\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2352\">\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.es928.js

@@ -1,6 +1,6 @@
-import { defineComponent as p, computed as n, openBlock as a, createBlock as f, resolveDynamicComponent as h, normalizeStyle as g, withCtx as m, createElementBlock as d, toDisplayString as y, createCommentVNode as S, pushScopeId as v, popScopeId as b, createElementVNode as r } from "vue";
-import { KUI_ICON_SIZE_50 as s } from "./kong-icons.es1206.js";
-const c = (e) => (v("data-v-b1a25d40"), e = e(), b(), e), C = ["aria-hidden"], N = {
+import { defineComponent as p, computed as n, openBlock as a, createBlock as f, resolveDynamicComponent as h, normalizeStyle as g, withCtx as m, createElementBlock as s, toDisplayString as y, createCommentVNode as S, pushScopeId as v, popScopeId as C, createElementVNode as r } from "vue";
+import { KUI_ICON_SIZE_50 as d } from "./kong-icons.es1206.js";
+const c = (e) => (v("data-v-2a96aa8c"), e = e(), C(), e), N = ["aria-hidden"], b = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, _ = /* @__PURE__ */ c(() => /* @__PURE__ */ r("g", { "clip-path": "url(#clip0_1_2356)" }, [
@@ -55,7 +55,7 @@ const c = (e) => (v("data-v-b1a25d40"), e = e(), b(), e), C = ["aria-hidden"], N
     size: {
       type: [Number, String],
       required: !1,
-      default: s,
+      default: d,
       // if setting to the imported const fails, just pass a number of 24 as the default.
       validator: (e) => {
         if (typeof e == "number" && e > 0)
@@ -84,7 +84,7 @@ const c = (e) => (v("data-v-b1a25d40"), e = e(), b(), e), C = ["aria-hidden"], N
         if (o && !isNaN(o) && Number.isInteger(o) && o > 0)
           return `${o}px`;
       }
-      return s;
+      return d;
     }), u = n(() => ({
       boxSizing: "border-box",
       color: t.color,
@@ -100,7 +100,7 @@ const c = (e) => (v("data-v-b1a25d40"), e = e(), b(), e), C = ["aria-hidden"], N
       style: g(u.value)
     }, {
       default: m(() => [
-        (a(), d("svg", {
+        (a(), s("svg", {
           "aria-hidden": e.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-flag-hu-icon",
           fill: "none",
@@ -110,10 +110,10 @@ const c = (e) => (v("data-v-b1a25d40"), e = e(), b(), e), C = ["aria-hidden"], N
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (a(), d("title", N, y(e.title), 1)) : S("", !0),
+          e.title ? (a(), s("title", b, y(e.title), 1)) : S("", !0),
           _,
           w
-        ], 8, C))
+        ], 8, N))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style"]));

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es928.js","sources":["../src/components/flags/FlagHuIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagHuIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 08 Jul 2024 17:55:58 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n})\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-hu-icon\"\n    data-testid=\"kui-icon-wrapper-flag-hu-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-hu-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_1_2356)\">\n        <path\n          d=\"M0.746391 7.8262C0.264047 9.12623 0 10.5322 0 12.0001C0 13.4679 0.264047 14.874 0.746391 16.174L12 17.2175L23.2536 16.174C23.736 14.874 24 13.4679 24 12.0001C24 10.5322 23.736 9.12623 23.2536 7.8262L12 6.78271L0.746391 7.8262Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M12 0C6.84047 0 2.44191 3.2565 0.746437 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0V0Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2537 16.1738H0.746437C2.44191 20.7434 6.84047 23.9999 12 23.9999V23.9999Z\"\n          fill=\"#6DA544\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2356\">\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.es928.js","sources":["../src/components/flags/FlagHuIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagHuIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Fri, 12 Jul 2024 20:14:38 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n})\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-hu-icon\"\n    data-testid=\"kui-icon-wrapper-flag-hu-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-hu-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_1_2356)\">\n        <path\n          d=\"M0.746391 7.8262C0.264047 9.12623 0 10.5322 0 12.0001C0 13.4679 0.264047 14.874 0.746391 16.174L12 17.2175L23.2536 16.174C23.736 14.874 24 13.4679 24 12.0001C24 10.5322 23.736 9.12623 23.2536 7.8262L12 6.78271L0.746391 7.8262Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M12 0C6.84047 0 2.44191 3.2565 0.746437 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0V0Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2537 16.1738H0.746437C2.44191 20.7434 6.84047 23.9999 12 23.9999V23.9999Z\"\n          fill=\"#6DA544\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2356\">\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.es93.js

@@ -1,7 +1,7 @@
 import o from "./kong-icons.es932.js";
 /* empty css                 */
 import t from "./kong-icons.es405.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-90c7bc1a"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-772549c2"]]);
 export {
   m as default
 };