@kong/kongponents 9.46.10-pr.2996.a07c4b7.0 → 9.46.11-pr.2997.fe2b1b2.0

package/dist/kongponents.es223.js

@@ -1,7 +1,7 @@
-import { defineComponent as h, computed as s, createBlock as y, openBlock as d, resolveDynamicComponent as b, normalizeStyle as k, withCtx as x, createElementBlock as S } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kongponents.es254.js";
-const N = ["aria-hidden"], u = '<path d="M10.6 16.6L17.65 9.55L16.25 8.15L10.6 13.8L7.75 10.95L6.35 12.35L10.6 16.6ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"/>', I = /* @__PURE__ */ h({
-  __name: "CheckCircleIcon",
+import { defineComponent as y, computed as s, createBlock as x, openBlock as d, resolveDynamicComponent as L, normalizeStyle as h, withCtx as b, createElementBlock as S } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kongponents.es251.js";
+const N = ["aria-hidden"], p = '<path d="M4.30937 19.025C3.49271 18.075 2.86198 16.9917 2.41719 15.775C1.9724 14.5583 1.75 13.2833 1.75 11.95C1.75 10.6167 1.96875 9.34167 2.40625 8.125C2.84375 6.90833 3.47812 5.825 4.30937 4.875L5.55625 6.3C4.88542 7.05 4.375 7.9125 4.025 8.8875C3.675 9.8625 3.5 10.8833 3.5 11.95C3.5 13.0167 3.67865 14.0375 4.03594 15.0125C4.39323 15.9875 4.9 16.85 5.55625 17.6L4.30937 19.025ZM8.3125 18C7.94792 18 7.63802 17.8542 7.38281 17.5625C7.1276 17.2708 7 16.9167 7 16.5C7 16.0833 7.1276 15.7292 7.38281 15.4375C7.63802 15.1458 7.94792 15 8.3125 15C8.67708 15 8.98698 15.1458 9.24219 15.4375C9.49739 15.7292 9.625 16.0833 9.625 16.5C9.625 16.9167 9.49739 17.2708 9.24219 17.5625C8.98698 17.8542 8.67708 18 8.3125 18ZM11.3531 13V11.225L10.0187 12.125L9.14375 10.375L10.4781 9.5L9.14375 8.625L10.0187 6.875L11.3531 7.775V6H13.1031V7.775L14.4375 6.875L15.3125 8.625L13.9781 9.5L15.3125 10.375L14.4375 12.125L13.1031 11.225V13H11.3531ZM16.6906 19.025L15.4437 17.6C16.1146 16.85 16.625 15.9875 16.975 15.0125C17.325 14.0375 17.5 13.0167 17.5 11.95C17.5 10.8833 17.3214 9.8625 16.9641 8.8875C16.6068 7.9125 16.1 7.05 15.4437 6.3L16.6906 4.875C17.5073 5.825 18.138 6.90833 18.5828 8.125C19.0276 9.34167 19.25 10.6167 19.25 11.95C19.25 13.2833 19.0312 14.5583 18.5937 15.775C18.1562 16.9917 17.5219 18.075 16.6906 19.025Z" fill="currentColor"/>', z = /* @__PURE__ */ y({
+  __name: "RegexIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -31,7 +31,7 @@ const N = ["aria-hidden"], u = '<path d="M10.6 16.6L17.65 9.55L16.25 8.15L10.6 1
     size: {
       type: [Number, String],
       required: !1,
-      default: c,
+      default: u,
       // if setting to the imported const fails, just pass a number of 24 as the default.
       validator: (r) => {
         if (typeof r == "number" && r > 0)
@@ -69,8 +69,8 @@ const N = ["aria-hidden"], u = '<path d="M10.6 16.6L17.65 9.55L16.25 8.15L10.6 1
         if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
           return `${t}px`;
       }
-      return c;
-    }), p = s(() => ({
+      return u;
+    }), c = s(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
@@ -91,18 +91,18 @@ const N = ["aria-hidden"], u = '<path d="M10.6 16.6L17.65 9.55L16.25 8.15L10.6 1
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, C = (a) => a.replace(/[<>"'&]/g, (t) => g[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${C(e.title)}</title>` : ""}${e.staticIds ? u : f(u)}`;
-    return (a, t) => (d(), y(b(r.as), {
+    }, C = (a) => a.replace(/[<>"'&]/g, (t) => g[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${C(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
+    return (a, t) => (d(), x(L(r.as), {
       "aria-hidden": r.decorative ? "true" : void 0,
-      class: "kui-icon check-circle-icon",
-      "data-testid": "kui-icon-wrapper-check-circle-icon",
-      style: k(p.value),
+      class: "kui-icon regex-icon",
+      "data-testid": "kui-icon-wrapper-regex-icon",
+      style: h(c.value),
       tabindex: r.decorative ? "-1" : void 0
     }, {
-      default: x(() => [
+      default: b(() => [
         (d(), S("svg", {
           "aria-hidden": r.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-check-circle-icon",
+          "data-testid": "kui-icon-svg-regex-icon",
           fill: "none",
           height: "100%",
           role: "img",
@@ -117,5 +117,5 @@ const N = ["aria-hidden"], u = '<path d="M10.6 16.6L17.65 9.55L16.25 8.15L10.6 1
   }
 });
 export {
-  I as default
+  z as default
 };

package/dist/kongponents.es224.js

@@ -1,7 +1,7 @@
-import { defineComponent as y, computed as s, createBlock as h, openBlock as d, resolveDynamicComponent as b, normalizeStyle as x, withCtx as L, createElementBlock as S } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kongponents.es254.js";
-const N = ["aria-hidden"], p = '<path d="M8.575 21.25C8.30833 21.25 8.05417 21.2 7.8125 21.1C7.57083 21 7.35833 20.8583 7.175 20.675L3.075 16.575C2.89167 16.3917 2.75 16.1792 2.65 15.9375C2.55 15.6958 2.5 15.4417 2.5 15.175V9.325C2.5 9.05833 2.55 8.80417 2.65 8.5625C2.75 8.32083 2.89167 8.10833 3.075 7.925L7.175 3.825C7.35833 3.64167 7.57083 3.5 7.8125 3.4C8.05417 3.3 8.30833 3.25 8.575 3.25H14.425C14.6917 3.25 14.9458 3.3 15.1875 3.4C15.4292 3.5 15.6417 3.64167 15.825 3.825L19.925 7.925C20.1083 8.10833 20.25 8.32083 20.35 8.5625C20.45 8.80417 20.5 9.05833 20.5 9.325V15.175C20.5 15.4417 20.45 15.6958 20.35 15.9375C20.25 16.1792 20.1083 16.3917 19.925 16.575L15.825 20.675C15.6417 20.8583 15.4292 21 15.1875 21.1C14.9458 21.2 14.6917 21.25 14.425 21.25H8.575ZM11.5 13.65L13.65 15.8C13.8333 15.9833 14.0667 16.075 14.35 16.075C14.6333 16.075 14.8667 15.9833 15.05 15.8C15.2333 15.6167 15.325 15.3833 15.325 15.1C15.325 14.8167 15.2333 14.5833 15.05 14.4L12.9 12.25L15.05 10.1C15.2333 9.91667 15.325 9.68333 15.325 9.4C15.325 9.11667 15.2333 8.88333 15.05 8.7C14.8667 8.51667 14.6333 8.425 14.35 8.425C14.0667 8.425 13.8333 8.51667 13.65 8.7L11.5 10.85L9.35 8.7C9.16667 8.51667 8.93333 8.425 8.65 8.425C8.36667 8.425 8.13333 8.51667 7.95 8.7C7.76667 8.88333 7.675 9.11667 7.675 9.4C7.675 9.68333 7.76667 9.91667 7.95 10.1L10.1 12.25L7.95 14.4C7.76667 14.5833 7.675 14.8167 7.675 15.1C7.675 15.3833 7.76667 15.6167 7.95 15.8C8.13333 15.9833 8.36667 16.075 8.65 16.075C8.93333 16.075 9.16667 15.9833 9.35 15.8L11.5 13.65Z" fill="currentColor"/>', z = /* @__PURE__ */ y({
-  __name: "DangerIcon",
+import { defineComponent as h, computed as s, createBlock as y, openBlock as d, resolveDynamicComponent as b, normalizeStyle as x, withCtx as S, createElementBlock as N } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kongponents.es251.js";
+const k = ["aria-hidden"], c = '<path d="M19.6 21L13.3 14.7C12.8 15.1 12.225 15.4167 11.575 15.65C10.925 15.8833 10.2333 16 9.5 16C7.68333 16 6.14583 15.3708 4.8875 14.1125C3.62917 12.8542 3 11.3167 3 9.5C3 7.68333 3.62917 6.14583 4.8875 4.8875C6.14583 3.62917 7.68333 3 9.5 3C11.3167 3 12.8542 3.62917 14.1125 4.8875C15.3708 6.14583 16 7.68333 16 9.5C16 10.2333 15.8833 10.925 15.65 11.575C15.4167 12.225 15.1 12.8 14.7 13.3L21 19.6L19.6 21ZM9.5 14C10.75 14 11.8125 13.5625 12.6875 12.6875C13.5625 11.8125 14 10.75 14 9.5C14 8.25 13.5625 7.1875 12.6875 6.3125C11.8125 5.4375 10.75 5 9.5 5C8.25 5 7.1875 5.4375 6.3125 6.3125C5.4375 7.1875 5 8.25 5 9.5C5 10.75 5.4375 11.8125 6.3125 12.6875C7.1875 13.5625 8.25 14 9.5 14Z" fill="currentColor"/>', $ = /* @__PURE__ */ h({
+  __name: "SearchIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -70,7 +70,7 @@ const N = ["aria-hidden"], p = '<path d="M8.575 21.25C8.30833 21.25 8.05417 21.2
           return `${t}px`;
       }
       return u;
-    }), c = s(() => ({
+    }), p = s(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
@@ -79,30 +79,30 @@ const N = ["aria-hidden"], p = '<path d="M8.575 21.25C8.30833 21.25 8.05417 21.2
       lineHeight: "0",
       width: i.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), C = (a) => {
+    })), f = (a) => {
       const t = {}, v = Math.random().toString(36).substring(2, 12);
       return a.replace(/id="([^"]+)"/g, (o, n) => {
         const l = `${v}-${n}`;
         return t[n] = l, `id="${l}"`;
       }).replace(/#([^\s^")]+)/g, (o, n) => t[n] ? `#${t[n]}` : o);
-    }, f = {
+    }, g = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, g = (a) => a.replace(/[<>"'&]/g, (t) => f[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${g(e.title)}</title>` : ""}${e.staticIds ? p : C(p)}`;
-    return (a, t) => (d(), h(b(r.as), {
+    }, C = (a) => a.replace(/[<>"'&]/g, (t) => g[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${C(e.title)}</title>` : ""}${e.staticIds ? c : f(c)}`;
+    return (a, t) => (d(), y(b(r.as), {
       "aria-hidden": r.decorative ? "true" : void 0,
-      class: "kui-icon danger-icon",
-      "data-testid": "kui-icon-wrapper-danger-icon",
-      style: x(c.value),
+      class: "kui-icon search-icon",
+      "data-testid": "kui-icon-wrapper-search-icon",
+      style: x(p.value),
       tabindex: r.decorative ? "-1" : void 0
     }, {
-      default: L(() => [
-        (d(), S("svg", {
+      default: S(() => [
+        (d(), N("svg", {
           "aria-hidden": r.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-danger-icon",
+          "data-testid": "kui-icon-svg-search-icon",
           fill: "none",
           height: "100%",
           role: "img",
@@ -110,12 +110,12 @@ const N = ["aria-hidden"], p = '<path d="M8.575 21.25C8.30833 21.25 8.05417 21.2
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
           innerHTML: m
-        }, null, 8, N))
+        }, null, 8, k))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  z as default
+  $ as default
 };

package/dist/kongponents.es225.js

@@ -1,121 +1,54 @@
-import { defineComponent as y, computed as s, createBlock as h, openBlock as d, resolveDynamicComponent as b, normalizeStyle as k, withCtx as x, createElementBlock as S } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kongponents.es254.js";
-const N = ["aria-hidden"], c = '<path d="M2.4498 10.575L6.6498 6.37504C6.88314 6.1417 7.15814 5.97504 7.4748 5.87504C7.79147 5.77504 8.11647 5.75837 8.4498 5.82504L9.7498 6.10004C8.8498 7.1667 8.14147 8.13337 7.6248 9.00004C7.10814 9.8667 6.60814 10.9167 6.1248 12.15L2.4498 10.575ZM7.5748 12.85C7.95814 11.65 8.47897 10.5167 9.1373 9.45004C9.79564 8.38337 10.5915 7.38337 11.5248 6.45004C12.9915 4.98337 14.6665 3.88754 16.5498 3.16254C18.4331 2.43754 20.1915 2.2167 21.8248 2.50004C22.1081 4.13337 21.8915 5.8917 21.1748 7.77504C20.4581 9.65837 19.3665 11.3334 17.8998 12.8C16.9831 13.7167 15.9831 14.5125 14.8998 15.1875C13.8165 15.8625 12.6748 16.3917 11.4748 16.775L7.5748 12.85ZM14.4748 9.85004C14.8581 10.2334 15.329 10.425 15.8873 10.425C16.4456 10.425 16.9165 10.2334 17.2998 9.85004C17.6831 9.4667 17.8748 8.99587 17.8748 8.43754C17.8748 7.8792 17.6831 7.40837 17.2998 7.02504C16.9165 6.6417 16.4456 6.45004 15.8873 6.45004C15.329 6.45004 14.8581 6.6417 14.4748 7.02504C14.0915 7.40837 13.8998 7.8792 13.8998 8.43754C13.8998 8.99587 14.0915 9.4667 14.4748 9.85004ZM13.7748 21.875L12.1748 18.2C13.4081 17.7167 14.4623 17.2167 15.3373 16.7C16.2123 16.1834 17.1831 15.475 18.2498 14.575L18.4998 15.875C18.5665 16.2084 18.5498 16.5375 18.4498 16.8625C18.3498 17.1875 18.1831 17.4667 17.9498 17.7L13.7748 21.875ZM4.0498 16.05C4.63314 15.4667 5.34147 15.1709 6.1748 15.1625C7.00814 15.1542 7.71647 15.4417 8.2998 16.025C8.88314 16.6084 9.1748 17.3167 9.1748 18.15C9.1748 18.9834 8.88314 19.6917 8.2998 20.275C7.88314 20.6917 7.1873 21.05 6.2123 21.35C5.2373 21.65 3.89147 21.9167 2.1748 22.15C2.40814 20.4334 2.6748 19.0917 2.9748 18.125C3.2748 17.1584 3.63314 16.4667 4.0498 16.05Z" fill="currentColor"/>', I = /* @__PURE__ */ y({
-  __name: "RocketIcon",
-  props: {
-    /** The accessibility text provided to screen readers */
-    title: {
-      type: String,
-      required: !1,
-      default: ""
-    },
-    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
-    color: {
-      type: String,
-      required: !1,
-      default: "currentColor"
-    },
-    /** The CSS display property for the icon. Defaults to `block` */
-    display: {
-      type: String,
-      required: !1,
-      default: "block"
-    },
-    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
-    decorative: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    },
-    /** The icon size */
-    size: {
-      type: [Number, String],
-      required: !1,
-      default: u,
-      // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (r) => {
-        if (typeof r == "number" && r > 0)
-          return !0;
-        if (typeof r == "string") {
-          const e = String(r).replace(/px/gi, ""), i = Number(e);
-          if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
-            return !0;
-        }
-        return !1;
-      }
-    },
-    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    as: {
-      type: String,
-      required: !1,
-      default: "span"
-    },
-    /**
-     * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).
-     * Typically only set to `true` during snapshot testing.
-     * Defaults to `false`.
-     */
-    staticIds: {
-      type: Boolean,
-      default: !1
+import S from "./kongponents.es283.js";
+import h from "./kongponents.es284.js";
+import W from "./kongponents.es285.js";
+var y = "Expected a function", R = Math.max, A = Math.min;
+function _(x, i, l) {
+  var u, f, c, a, n, r, o = 0, p = !1, d = !1, v = !0;
+  if (typeof x != "function")
+    throw new TypeError(y);
+  i = W(i) || 0, S(l) && (p = !0, d = "maxWait" in l, c = d ? R(W(l.maxWait) || 0, i) : c, v = "trailing" in l ? !0 : v);
+  function g(e) {
+    var t = u, m = f;
+    return u = f = void 0, o = e, a = x.apply(m, t), a;
+  }
+  function b(e) {
+    return o = e, n = setTimeout(s, i), p ? g(e) : a;
+  }
+  function C(e) {
+    var t = e - r, m = e - o, I = i - t;
+    return d ? A(I, c - m) : I;
+  }
+  function E(e) {
+    var t = e - r, m = e - o;
+    return r === void 0 || t >= i || t < 0 || d && m >= c;
+  }
+  function s() {
+    var e = h();
+    if (E(e))
+      return k(e);
+    n = setTimeout(s, C(e));
+  }
+  function k(e) {
+    return n = void 0, v && u ? g(e) : (u = f = void 0, a);
+  }
+  function L() {
+    n !== void 0 && clearTimeout(n), o = 0, u = r = f = n = void 0;
+  }
+  function M() {
+    return n === void 0 ? a : k(h());
+  }
+  function T() {
+    var e = h(), t = E(e);
+    if (u = arguments, f = this, r = e, t) {
+      if (n === void 0)
+        return b(r);
+      if (d)
+        return clearTimeout(n), n = setTimeout(s, i), g(r);
     }
-  },
-  setup(r) {
-    const e = r, i = s(() => {
-      if (typeof e.size == "number" && e.size > 0)
-        return `${e.size}px`;
-      if (typeof e.size == "string") {
-        const a = String(e.size).replace(/px/gi, ""), t = Number(a);
-        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
-          return `${t}px`;
-      }
-      return u;
-    }), p = s(() => ({
-      boxSizing: "border-box",
-      color: e.color,
-      display: e.display,
-      flexShrink: "0",
-      height: i.value,
-      lineHeight: "0",
-      width: i.value,
-      pointerEvents: e.decorative ? "none" : void 0
-    })), C = (a) => {
-      const t = {}, v = Math.random().toString(36).substring(2, 12);
-      return a.replace(/id="([^"]+)"/g, (o, n) => {
-        const l = `${v}-${n}`;
-        return t[n] = l, `id="${l}"`;
-      }).replace(/#([^\s^")]+)/g, (o, n) => t[n] ? `#${t[n]}` : o);
-    }, f = {
-      "<": "&lt;",
-      ">": "&gt;",
-      '"': "&quot;",
-      "'": "&#39;",
-      "&": "&amp;"
-    }, g = (a) => a.replace(/[<>"'&]/g, (t) => f[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${g(e.title)}</title>` : ""}${e.staticIds ? c : C(c)}`;
-    return (a, t) => (d(), h(b(r.as), {
-      "aria-hidden": r.decorative ? "true" : void 0,
-      class: "kui-icon rocket-icon",
-      "data-testid": "kui-icon-wrapper-rocket-icon",
-      style: k(p.value),
-      tabindex: r.decorative ? "-1" : void 0
-    }, {
-      default: x(() => [
-        (d(), S("svg", {
-          "aria-hidden": r.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-rocket-icon",
-          fill: "none",
-          height: "100%",
-          role: "img",
-          viewBox: "0 0 24 24",
-          width: "100%",
-          xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: m
-        }, null, 8, N))
-      ]),
-      _: 1
-    }, 8, ["aria-hidden", "style", "tabindex"]));
+    return n === void 0 && (n = setTimeout(s, i)), a;
   }
-});
+  return T.cancel = L, T.flush = M, T;
+}
 export {
-  I as default
+  _ as default
 };

package/dist/kongponents.es226.js

@@ -1,7 +1,121 @@
-import { warn as a } from "vue";
-function i(r, o) {
-  a(`Invalid prop: validator check failed for prop "${r}". ${o}`);
-}
+import { defineComponent as x, computed as s, createBlock as h, openBlock as d, resolveDynamicComponent as b, normalizeStyle as k, withCtx as S, createElementBlock as C } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kongponents.es251.js";
+const H = ["aria-hidden"], p = '<path d="M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H12V5H5V19H19V12H21V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM9.7 15.7L8.3 14.3L17.6 5H14V3H21V10H19V6.4L9.7 15.7Z" fill="currentColor"/>', z = /* @__PURE__ */ x({
+  __name: "ExternalLinkIcon",
+  props: {
+    /** The accessibility text provided to screen readers */
+    title: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
+    color: {
+      type: String,
+      required: !1,
+      default: "currentColor"
+    },
+    /** The CSS display property for the icon. Defaults to `block` */
+    display: {
+      type: String,
+      required: !1,
+      default: "block"
+    },
+    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
+    decorative: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    /** The icon size */
+    size: {
+      type: [Number, String],
+      required: !1,
+      default: u,
+      // if setting to the imported const fails, just pass a number of 24 as the default.
+      validator: (r) => {
+        if (typeof r == "number" && r > 0)
+          return !0;
+        if (typeof r == "string") {
+          const e = String(r).replace(/px/gi, ""), i = Number(e);
+          if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
+            return !0;
+        }
+        return !1;
+      }
+    },
+    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
+    as: {
+      type: String,
+      required: !1,
+      default: "span"
+    },
+    /**
+     * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).
+     * Typically only set to `true` during snapshot testing.
+     * Defaults to `false`.
+     */
+    staticIds: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(r) {
+    const e = r, i = s(() => {
+      if (typeof e.size == "number" && e.size > 0)
+        return `${e.size}px`;
+      if (typeof e.size == "string") {
+        const n = String(e.size).replace(/px/gi, ""), t = Number(n);
+        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
+          return `${t}px`;
+      }
+      return u;
+    }), c = s(() => ({
+      boxSizing: "border-box",
+      color: e.color,
+      display: e.display,
+      flexShrink: "0",
+      height: i.value,
+      lineHeight: "0",
+      width: i.value,
+      pointerEvents: e.decorative ? "none" : void 0
+    })), f = (n) => {
+      const t = {}, y = Math.random().toString(36).substring(2, 12);
+      return n.replace(/id="([^"]+)"/g, (l, a) => {
+        const o = `${y}-${a}`;
+        return t[a] = o, `id="${o}"`;
+      }).replace(/#([^\s^")]+)/g, (l, a) => t[a] ? `#${t[a]}` : l);
+    }, g = {
+      "<": "&lt;",
+      ">": "&gt;",
+      '"': "&quot;",
+      "'": "&#39;",
+      "&": "&amp;"
+    }, m = (n) => n.replace(/[<>"'&]/g, (t) => g[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
+    return (n, t) => (d(), h(b(r.as), {
+      "aria-hidden": r.decorative ? "true" : void 0,
+      class: "kui-icon external-link-icon",
+      "data-testid": "kui-icon-wrapper-external-link-icon",
+      style: k(c.value),
+      tabindex: r.decorative ? "-1" : void 0
+    }, {
+      default: S(() => [
+        (d(), C("svg", {
+          "aria-hidden": r.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-external-link-icon",
+          fill: "none",
+          height: "100%",
+          role: "img",
+          viewBox: "0 0 24 24",
+          width: "100%",
+          xmlns: "http://www.w3.org/2000/svg",
+          innerHTML: v
+        }, null, 8, H))
+      ]),
+      _: 1
+    }, 8, ["aria-hidden", "style", "tabindex"]));
+  }
+});
 export {
-  i as warnInvalidProp
+  z as default
 };

package/dist/kongponents.es227.js

@@ -1,7 +1,7 @@
-import o from "./kongponents.es313.js";
+import o from "./kongponents.es281.js";
 /* empty css                  */
 import t from "./kongponents.es74.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-72b558ed"]]);
+const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-34b46660"]]);
 export {
-  p as default
+  i as default
 };

package/dist/kongponents.es228.js

@@ -1,7 +1,121 @@
-import o from "./kongponents.es315.js";
-/* empty css                  */
-import t from "./kongponents.es74.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0fa22dc7"]]);
+import { defineComponent as b, computed as s, createBlock as h, openBlock as d, resolveDynamicComponent as k, normalizeStyle as x, withCtx as S, createElementBlock as N } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kongponents.es251.js";
+const w = ["aria-hidden"], c = '<path d="M9 18L3 12L9 6L10.4 7.4L6.8 11H21V13H6.8L10.4 16.6L9 18Z" fill="currentColor"/>', z = /* @__PURE__ */ b({
+  __name: "BackIcon",
+  props: {
+    /** The accessibility text provided to screen readers */
+    title: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
+    color: {
+      type: String,
+      required: !1,
+      default: "currentColor"
+    },
+    /** The CSS display property for the icon. Defaults to `block` */
+    display: {
+      type: String,
+      required: !1,
+      default: "block"
+    },
+    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
+    decorative: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    /** The icon size */
+    size: {
+      type: [Number, String],
+      required: !1,
+      default: u,
+      // if setting to the imported const fails, just pass a number of 24 as the default.
+      validator: (r) => {
+        if (typeof r == "number" && r > 0)
+          return !0;
+        if (typeof r == "string") {
+          const e = String(r).replace(/px/gi, ""), i = Number(e);
+          if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
+            return !0;
+        }
+        return !1;
+      }
+    },
+    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
+    as: {
+      type: String,
+      required: !1,
+      default: "span"
+    },
+    /**
+     * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).
+     * Typically only set to `true` during snapshot testing.
+     * Defaults to `false`.
+     */
+    staticIds: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(r) {
+    const e = r, i = s(() => {
+      if (typeof e.size == "number" && e.size > 0)
+        return `${e.size}px`;
+      if (typeof e.size == "string") {
+        const a = String(e.size).replace(/px/gi, ""), t = Number(a);
+        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
+          return `${t}px`;
+      }
+      return u;
+    }), p = s(() => ({
+      boxSizing: "border-box",
+      color: e.color,
+      display: e.display,
+      flexShrink: "0",
+      height: i.value,
+      lineHeight: "0",
+      width: i.value,
+      pointerEvents: e.decorative ? "none" : void 0
+    })), f = (a) => {
+      const t = {}, y = Math.random().toString(36).substring(2, 12);
+      return a.replace(/id="([^"]+)"/g, (o, n) => {
+        const l = `${y}-${n}`;
+        return t[n] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (o, n) => t[n] ? `#${t[n]}` : o);
+    }, g = {
+      "<": "&lt;",
+      ">": "&gt;",
+      '"': "&quot;",
+      "'": "&#39;",
+      "&": "&amp;"
+    }, m = (a) => a.replace(/[<>"'&]/g, (t) => g[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? c : f(c)}`;
+    return (a, t) => (d(), h(k(r.as), {
+      "aria-hidden": r.decorative ? "true" : void 0,
+      class: "kui-icon back-icon",
+      "data-testid": "kui-icon-wrapper-back-icon",
+      style: x(p.value),
+      tabindex: r.decorative ? "-1" : void 0
+    }, {
+      default: S(() => [
+        (d(), N("svg", {
+          "aria-hidden": r.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-back-icon",
+          fill: "none",
+          height: "100%",
+          role: "img",
+          viewBox: "0 0 24 24",
+          width: "100%",
+          xmlns: "http://www.w3.org/2000/svg",
+          innerHTML: v
+        }, null, 8, w))
+      ]),
+      _: 1
+    }, 8, ["aria-hidden", "style", "tabindex"]));
+  }
+});
 export {
-  f as default
+  z as default
 };