@kong/kongponents 9.48.4-pr.3023.7fdcc0b.0 → 9.48.4-pr.3023.cf9b01a.0

package/dist/kongponents.es211.js

@@ -1,7 +1,7 @@
-import { defineComponent as y, computed as d, createBlock as h, openBlock as s, resolveDynamicComponent as b, normalizeStyle as x, withCtx as S, createElementBlock as k } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kongponents.es267.js";
-const N = ["aria-hidden"], p = '<path fill-rule="evenodd" clip-rule="evenodd" d="M8.56654 17.8134H12.2371L14.1429 20.2096L13.8152 21.026H9.0731L9.18942 20.2096L8.07153 18.4462L8.56654 17.8134ZM11.193 7.28639L13.1602 7.28343L22 17.822L21.3132 21.026H17.5245L17.7604 20.1233L9.50009 10.2732L11.193 7.28639ZM14.6686 3L18.778 6.22975L18.2519 6.77265L18.9644 7.76492V8.82592L16.9157 10.496L13.4703 6.42551H11.4644L12.272 4.94512L14.6686 3ZM6.04318 13.3443L8.90974 10.853L12.7144 15.4313L11.6342 17.1086H8.12603L5.69899 20.2934L5.14469 21.026H2V17.1183L4.93106 13.3443H6.04318Z" fill="currentColor"/>', z = /* @__PURE__ */ y({
-  __name: "KongIcon",
+import { defineComponent as h, computed as s, createBlock as b, openBlock as d, resolveDynamicComponent as x, normalizeStyle as S, withCtx as w, createElementBlock as N } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kongponents.es274.js";
+const k = ["aria-hidden"], p = '<path d="M10 18V16H14V18H10ZM6 13V11H18V13H6ZM3 8V6H21V8H3Z" fill="currentColor"/>', q = /* @__PURE__ */ h({
+  __name: "FilterIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -61,16 +61,16 @@ const N = ["aria-hidden"], p = '<path fill-rule="evenodd" clip-rule="evenodd" d=
     }
   },
   setup(r) {
-    const e = r, i = d(() => {
+    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);
+        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;
-    }), c = d(() => ({
+    }), c = s(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
@@ -79,43 +79,43 @@ const N = ["aria-hidden"], p = '<path fill-rule="evenodd" clip-rule="evenodd" d=
       lineHeight: "0",
       width: i.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), f = (n) => {
-      const t = {}, v = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (a, o) => {
-        const l = `${v}-${o}`;
-        return t[o] = l, `id="${l}"`;
-      }).replace(/#([^\s^")]+)/g, (a, o) => t[o] ? `#${t[o]}` : a);
+    })), 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;"
-    }, L = (n) => n.replace(/[<>"'&]/g, (t) => g[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${L(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
-    return (n, t) => (s(), h(b(r.as), {
+    }, m = (a) => a.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 (a, t) => (d(), b(x(r.as), {
       "aria-hidden": r.decorative ? "true" : void 0,
-      class: "kui-icon kong-icon",
-      "data-testid": "kui-icon-wrapper-kong-icon",
-      style: x(c.value),
+      class: "kui-icon filter-icon",
+      "data-testid": "kui-icon-wrapper-filter-icon",
+      style: S(c.value),
       tabindex: r.decorative ? "-1" : void 0
     }, {
-      default: S(() => [
-        (s(), k("svg", {
+      default: w(() => [
+        (d(), N("svg", {
           "aria-hidden": r.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-kong-icon",
+          "data-testid": "kui-icon-svg-filter-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))
+          innerHTML: v
+        }, null, 8, k))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  z as default
+  q as default
 };

package/dist/kongponents.es212.js

@@ -1,7 +1,121 @@
-import t from "./kongponents.es322.js";
-/* empty css                  */
-import e from "./kongponents.es74.js";
-const s = /* @__PURE__ */ e(t, [["__scopeId", "data-v-a2ee6e0d"]]);
+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.es274.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: {
+      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;
+    }), 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 = (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);
+    }, g = {
+      "<": "&lt;",
+      ">": "&gt;",
+      '"': "&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 ? p : f(p)}`;
+    return (a, t) => (d(), x(L(r.as), {
+      "aria-hidden": r.decorative ? "true" : void 0,
+      class: "kui-icon regex-icon",
+      "data-testid": "kui-icon-wrapper-regex-icon",
+      style: h(c.value),
+      tabindex: r.decorative ? "-1" : void 0
+    }, {
+      default: b(() => [
+        (d(), S("svg", {
+          "aria-hidden": r.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-regex-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"]));
+  }
+});
 export {
-  s as default
+  z as default
 };

package/dist/kongponents.es213.js

@@ -1,7 +1,20 @@
-import t from "./kongponents.es324.js";
-/* empty css                  */
-import o from "./kongponents.es74.js";
-const a = /* @__PURE__ */ o(t, [["__scopeId", "data-v-e01a7f81"]]);
+var n;
+const i = typeof navigator < "u" && ("userAgentData" in navigator && navigator.userAgentData === "macOS" || ((n = navigator.platform) == null ? void 0 : n.toLowerCase().includes("mac"))), r = typeof navigator < "u" && navigator.userAgent.includes("Firefox");
+function a(e, o) {
+  return typeof CSS < "u" && CSS.supports(e, o);
+}
+let t = null;
+function l() {
+  if (t !== null)
+    return t;
+  if (typeof document > "u")
+    return 0;
+  const e = document.createElement("div");
+  return e.style.width = "100px", e.style.height = "100px", e.style.overflow = "scroll", e.style.position = "absolute", e.style.top = "-9999px", document.body.appendChild(e), t = e.offsetWidth - e.clientWidth, document.body.removeChild(e), t;
+}
 export {
-  a as default
+  r as IS_MAYBE_FIREFOX,
+  i as IS_MAYBE_MAC,
+  a as cssSupports,
+  l as getScrollbarSize
 };

package/dist/kongponents.es214.js

@@ -1,121 +1,54 @@
-import { defineComponent as h, computed as s, createBlock as b, openBlock as d, resolveDynamicComponent as C, normalizeStyle as H, withCtx as x, createElementBlock as S } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kongponents.es267.js";
-const V = ["aria-hidden"], c = '<path d="M7 17H9V12H7V17ZM15 17H17V7H15V17ZM11 17H13V14H11V17ZM11 12H13V10H11V12ZM5 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 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z" fill="currentColor"/>', w = /* @__PURE__ */ h({
-  __name: "AnalyticsIcon",
-  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: (i) => {
-        if (typeof i == "number" && i > 0)
-          return !0;
-        if (typeof i == "string") {
-          const e = String(i).replace(/px/gi, ""), r = Number(e);
-          if (r && !isNaN(r) && Number.isInteger(r) && r > 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.es312.js";
+import h from "./kongponents.es313.js";
+import W from "./kongponents.es314.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(i) {
-    const e = i, r = 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: r.value,
-      lineHeight: "0",
-      width: r.value,
-      pointerEvents: e.decorative ? "none" : void 0
-    })), 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);
-    }, g = {
-      "<": "&lt;",
-      ">": "&gt;",
-      '"': "&quot;",
-      "'": "&#39;",
-      "&": "&amp;"
-    }, m = (a) => a.replace(/[<>"'&]/g, (t) => g[t]), y = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? c : f(c)}`;
-    return (a, t) => (d(), b(C(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
-      class: "kui-icon analytics-icon",
-      "data-testid": "kui-icon-wrapper-analytics-icon",
-      style: H(p.value),
-      tabindex: i.decorative ? "-1" : void 0
-    }, {
-      default: x(() => [
-        (d(), S("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-analytics-icon",
-          fill: "none",
-          height: "100%",
-          role: "img",
-          viewBox: "0 0 24 24",
-          width: "100%",
-          xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: y
-        }, null, 8, V))
-      ]),
-      _: 1
-    }, 8, ["aria-hidden", "style", "tabindex"]));
+    return n === void 0 && (n = setTimeout(s, i)), a;
   }
-});
+  return T.cancel = L, T.flush = M, T;
+}
 export {
-  w as default
+  _ as default
 };

package/dist/{kongponents.es269.js → kongponents.es215.js}

@@ -1,7 +1,7 @@
-import { defineComponent as h, computed as s, createBlock as b, openBlock as d, resolveDynamicComponent as S, normalizeStyle as x, withCtx as C, createElementBlock as H } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kongponents.es267.js";
-const N = ["aria-hidden"], c = '<path d="M8 18H16V16H8V18ZM8 14H16V12H8V14ZM6 22C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V4C4 3.45 4.19583 2.97917 4.5875 2.5875C4.97917 2.19583 5.45 2 6 2H14L20 8V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H6ZM13 9V4H6V20H18V9H13Z" fill="currentColor"/>', I = /* @__PURE__ */ h({
-  __name: "ServiceDocumentIcon",
+import { defineComponent as h, computed as s, createBlock as b, openBlock as d, resolveDynamicComponent as x, normalizeStyle as S, withCtx as C, createElementBlock as N } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kongponents.es274.js";
+const k = ["aria-hidden"], p = '<path d="M6 22C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V4C4 3.45 4.19583 2.97917 4.5875 2.5875C4.97917 2.19583 5.45 2 6 2H14L20 8V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H6ZM13 9V4H6V20H18V9H13Z" fill="currentColor"/>', $ = /* @__PURE__ */ h({
+  __name: "FileEmptyIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -33,12 +33,12 @@ const N = ["aria-hidden"], c = '<path d="M8 18H16V16H8V18ZM8 14H16V12H8V14ZM6 22
       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)
+      validator: (i) => {
+        if (typeof i == "number" && i > 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)
+        if (typeof i == "string") {
+          const e = String(i).replace(/px/gi, ""), r = Number(e);
+          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
             return !0;
         }
         return !1;
@@ -60,62 +60,62 @@ const N = ["aria-hidden"], c = '<path d="M8 18H16V16H8V18ZM8 14H16V12H8V14ZM6 22
       default: !1
     }
   },
-  setup(r) {
-    const e = r, i = s(() => {
+  setup(i) {
+    const e = i, r = 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);
+        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(() => ({
+    }), c = s(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
       flexShrink: "0",
-      height: i.value,
+      height: r.value,
       lineHeight: "0",
-      width: i.value,
+      width: r.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), f = (n) => {
-      const t = {}, y = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (o, a) => {
-        const l = `${y}-${a}`;
-        return t[a] = l, `id="${l}"`;
-      }).replace(/#([^\s^")]+)/g, (o, a) => t[a] ? `#${t[a]}` : o);
+    })), 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);
     }, 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 ? c : f(c)}`;
-    return (n, t) => (d(), b(S(r.as), {
-      "aria-hidden": r.decorative ? "true" : void 0,
-      class: "kui-icon service-document-icon",
-      "data-testid": "kui-icon-wrapper-service-document-icon",
-      style: x(p.value),
-      tabindex: r.decorative ? "-1" : void 0
+    }, m = (a) => a.replace(/[<>"'&]/g, (t) => g[t]), y = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
+    return (a, t) => (d(), b(x(i.as), {
+      "aria-hidden": i.decorative ? "true" : void 0,
+      class: "kui-icon file-empty-icon",
+      "data-testid": "kui-icon-wrapper-file-empty-icon",
+      style: S(c.value),
+      tabindex: i.decorative ? "-1" : void 0
     }, {
       default: C(() => [
-        (d(), H("svg", {
-          "aria-hidden": r.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-service-document-icon",
+        (d(), N("svg", {
+          "aria-hidden": i.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-file-empty-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, N))
+          innerHTML: y
+        }, null, 8, k))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  I as default
+  $ as default
 };

package/dist/kongponents.es216.js

@@ -1,7 +1,7 @@
-import { defineComponent as y, computed as C, createBlock as h, openBlock as s, resolveDynamicComponent as b, normalizeStyle as x, withCtx as S, createElementBlock as N } from "vue";
-import { KUI_ICON_SIZE_50 as d } from "./kongponents.es267.js";
-const H = ["aria-hidden"], u = '<path d="M12 14C11.7167 14 11.4792 13.9042 11.2875 13.7125C11.0958 13.5208 11 13.2833 11 13C11 12.7167 11.0958 12.4792 11.2875 12.2875C11.4792 12.0958 11.7167 12 12 12C12.2833 12 12.5208 12.0958 12.7125 12.2875C12.9042 12.4792 13 12.7167 13 13C13 13.2833 12.9042 13.5208 12.7125 13.7125C12.5208 13.9042 12.2833 14 12 14ZM8 14C7.71667 14 7.47917 13.9042 7.2875 13.7125C7.09583 13.5208 7 13.2833 7 13C7 12.7167 7.09583 12.4792 7.2875 12.2875C7.47917 12.0958 7.71667 12 8 12C8.28333 12 8.52083 12.0958 8.7125 12.2875C8.90417 12.4792 9 12.7167 9 13C9 13.2833 8.90417 13.5208 8.7125 13.7125C8.52083 13.9042 8.28333 14 8 14ZM16 14C15.7167 14 15.4792 13.9042 15.2875 13.7125C15.0958 13.5208 15 13.2833 15 13C15 12.7167 15.0958 12.4792 15.2875 12.2875C15.4792 12.0958 15.7167 12 16 12C16.2833 12 16.5208 12.0958 16.7125 12.2875C16.9042 12.4792 17 12.7167 17 13C17 13.2833 16.9042 13.5208 16.7125 13.7125C16.5208 13.9042 16.2833 14 16 14ZM12 18C11.7167 18 11.4792 17.9042 11.2875 17.7125C11.0958 17.5208 11 17.2833 11 17C11 16.7167 11.0958 16.4792 11.2875 16.2875C11.4792 16.0958 11.7167 16 12 16C12.2833 16 12.5208 16.0958 12.7125 16.2875C12.9042 16.4792 13 16.7167 13 17C13 17.2833 12.9042 17.5208 12.7125 17.7125C12.5208 17.9042 12.2833 18 12 18ZM8 18C7.71667 18 7.47917 17.9042 7.2875 17.7125C7.09583 17.5208 7 17.2833 7 17C7 16.7167 7.09583 16.4792 7.2875 16.2875C7.47917 16.0958 7.71667 16 8 16C8.28333 16 8.52083 16.0958 8.7125 16.2875C8.90417 16.4792 9 16.7167 9 17C9 17.2833 8.90417 17.5208 8.7125 17.7125C8.52083 17.9042 8.28333 18 8 18ZM16 18C15.7167 18 15.4792 17.9042 15.2875 17.7125C15.0958 17.5208 15 17.2833 15 17C15 16.7167 15.0958 16.4792 15.2875 16.2875C15.4792 16.0958 15.7167 16 16 16C16.2833 16 16.5208 16.0958 16.7125 16.2875C16.9042 16.4792 17 16.7167 17 17C17 17.2833 16.9042 17.5208 16.7125 17.7125C16.5208 17.9042 16.2833 18 16 18ZM5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6C3 5.45 3.19583 4.97917 3.5875 4.5875C3.97917 4.19583 4.45 4 5 4H6V2H8V4H16V2H18V4H19C19.55 4 20.0208 4.19583 20.4125 4.5875C20.8042 4.97917 21 5.45 21 6V20C21 20.55 20.8042 21.0208 20.4125 21.4125C20.0208 21.8042 19.55 22 19 22H5ZM5 20H19V10H5V20Z" fill="currentColor"/>', k = /* @__PURE__ */ y({
-  __name: "CalIcon",
+import { defineComponent as h, computed as d, createBlock as b, openBlock as s, resolveDynamicComponent as x, normalizeStyle as S, withCtx as N, createElementBlock as C } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kongponents.es274.js";
+const k = ["aria-hidden"], p = '<path d="M11 16.5V8.35L8.4 10.95L7 9.5L12 4.5L17 9.5L15.6 10.95L13 8.35V16.5H11ZM6 20.5C5.45 20.5 4.97917 20.3042 4.5875 19.9125C4.19583 19.5208 4 19.05 4 18.5V15.5H6V18.5H18V15.5H20V18.5C20 19.05 19.8042 19.5208 19.4125 19.9125C19.0208 20.3042 18.55 20.5 18 20.5H6Z" fill="currentColor"/>', $ = /* @__PURE__ */ h({
+  __name: "UploadIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -31,7 +31,7 @@ const H = ["aria-hidden"], u = '<path d="M12 14C11.7167 14 11.4792 13.9042 11.28
     size: {
       type: [Number, String],
       required: !1,
-      default: d,
+      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)
@@ -61,7 +61,7 @@ const H = ["aria-hidden"], u = '<path d="M12 14C11.7167 14 11.4792 13.9042 11.28
     }
   },
   setup(r) {
-    const e = r, i = C(() => {
+    const e = r, i = d(() => {
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
@@ -69,8 +69,8 @@ const H = ["aria-hidden"], u = '<path d="M12 14C11.7167 14 11.4792 13.9042 11.28
         if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
           return `${t}px`;
       }
-      return d;
-    }), c = C(() => ({
+      return u;
+    }), c = d(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
@@ -79,43 +79,43 @@ const H = ["aria-hidden"], u = '<path d="M12 14C11.7167 14 11.4792 13.9042 11.28
       lineHeight: "0",
       width: i.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), p = (a) => {
-      const t = {}, v = Math.random().toString(36).substring(2, 12);
+    })), f = (a) => {
+      const t = {}, y = Math.random().toString(36).substring(2, 12);
       return a.replace(/id="([^"]+)"/g, (o, n) => {
-        const l = `${v}-${n}`;
+        const l = `${y}-${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 ? u : p(u)}`;
-    return (a, t) => (s(), h(b(r.as), {
+    }, m = (a) => a.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 (a, t) => (s(), b(x(r.as), {
       "aria-hidden": r.decorative ? "true" : void 0,
-      class: "kui-icon cal-icon",
-      "data-testid": "kui-icon-wrapper-cal-icon",
-      style: x(c.value),
+      class: "kui-icon upload-icon",
+      "data-testid": "kui-icon-wrapper-upload-icon",
+      style: S(c.value),
       tabindex: r.decorative ? "-1" : void 0
     }, {
-      default: S(() => [
-        (s(), N("svg", {
+      default: N(() => [
+        (s(), C("svg", {
           "aria-hidden": r.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-cal-icon",
+          "data-testid": "kui-icon-svg-upload-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, H))
+          innerHTML: v
+        }, null, 8, k))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  k as default
+  $ as default
 };