@ironsource/shared-ui 2.1.3-rc.1 → 2.1.3-rc.3

package/components/dropdown/common/Dropdown.common.js

@@ -1,24 +1,25 @@
-import { useToggle as Oe } from "../../../composables/useToggle.js";
-import { ref as n, computed as r, watch as b, useSlots as Ae, nextTick as D, toRaw as x, provide as Pe, onMounted as Se } from "vue";
-import { isObjectInArray as z } from "../../../utils/array.js";
-import { objectsEqual as Te } from "../../../utils/object.js";
-import { useClamp as we, useVirtualList as xe, onClickOutside as J } from "@vueuse/core";
-import { Mode as m, Type as k, DropdownContext as De } from "./DropdownContext.js";
-import { pxToRem as Ie } from "../../../utils/style.js";
-const Ve = (l, O, A) => {
-  const Q = (e, t) => l.multi ? z(e, t) : x(e) === t;
+import { useToggle as Ae } from "../../../composables/useToggle.js";
+import { ref as n, computed as r, watch as b, useSlots as Pe, nextTick as D, toRaw as x, provide as Se, onMounted as Te } from "vue";
+import { isObjectInArray as J } from "../../../utils/array.js";
+import { objectsEqual as we } from "../../../utils/object.js";
+import { useClamp as xe, useVirtualList as De, onClickOutside as Q } from "@vueuse/core";
+import { Mode as m, Type as k, DropdownContext as Ie } from "./DropdownContext.js";
+import { pxToRem as Me } from "../../../utils/style.js";
+import { useEditableContext as Ce } from "../../table-cells/common/EditableContext.js";
+const Ue = (l, O, A) => {
+  const W = (e, t) => l.multi ? J(e, t) : x(e) === t;
   let E;
   ((e) => {
     e[e.None = 0] = "None", e[e.Next = 1] = "Next", e[e.Previous = -1] = "Previous", e[e.NextPage = 10] = "NextPage", e[e.PrevPage = -10] = "PrevPage";
   })(E || (E = {}));
   const a = n(
     l.selected
-  ), u = r({
+  ), I = Ce(), u = r({
     get() {
-      return a.value;
+      return I?.value?.value ?? a.value;
     },
     set(e) {
-      O("update:selected", e);
+      I.onChange?.(e), I.onClose?.(), O("update:selected", e);
     }
   });
   b(
@@ -27,50 +28,50 @@ const Ve = (l, O, A) => {
       a.value = l.selected;
     }
   );
-  const W = Ae(), P = n(null), f = n(null), C = n(null), I = n(null), V = n(null), S = n(null), Y = n(), H = n(null), L = n(null), U = n(null), Z = 8, F = r(() => S.value ? S.value.getBoundingClientRect().height + Z + l.distance : 0), c = n([]), T = n(-1), w = n(""), M = n([]), B = () => S.value?.focus(), [v, ee, le] = Oe({
+  const Y = Pe(), P = n(null), d = n(null), V = n(null), M = n(null), H = n(null), S = n(null), Z = n(), L = n(null), U = n(null), B = n(null), F = 8, ee = r(() => S.value ? S.value.getBoundingClientRect().height + F + l.distance : 0), c = n([]), T = n(-1), w = n(""), C = n([]), p = () => S.value?.focus(), [v, le, te] = Ae({
     disabled: l.disabled,
     initialValue: l.defaultOpen
   });
   b(
     () => l.disabled,
     (e) => {
-      e !== void 0 && le(e);
+      e !== void 0 && te(e);
     }
   );
   const q = (e) => {
-    te.value = ee(e);
-  }, te = r({
+    ae.value = le(e);
+  }, ae = r({
     get() {
       return l.isOpen;
     },
     set(e) {
       O("update:isOpen", e);
     }
-  }), ae = r(() => s.value.length - 1), o = we(0, 0, ae), ue = r(() => u.value ? l.displayValue(u.value) : ""), ne = (e) => {
+  }), ue = r(() => s.value.length - 1), o = xe(0, 0, ue), ne = r(() => u.value ? l.displayValue(u.value) : ""), ie = (e) => {
     if (!e.value.length && !l.multiOptionsPlaceholderPrefix && !l.multiOptionsPlaceholderSuffix)
       return l.placeholder;
     const t = !l.multiOptionsPlaceholderPrefix && !l.multiOptionsPlaceholderSuffix ? `${e.value.length} selected` : `${l.multiOptionsPlaceholderPrefix ?? ""}${e.value.length ?? "0"}${l.multiOptionsPlaceholderSuffix ?? ""}`;
     return e.value.length == 1 && l.displayValue ? l.displayValue(e.value[0]) : t;
-  }, ie = r(() => {
+  }, re = r(() => {
     if (!l.multi)
       return u.value ? l.displayValue(u.value) : l.placeholder;
     if (Array.isArray(a.value))
-      return ne(a);
+      return ie(a);
   }), G = r(() => {
     if (Array.isArray(a.value))
       return a.value.length === s.value.length;
-  }), re = r(() => !l.multi || !Array.isArray(a.value) ? !1 : a.value.length > 0 && a.value.length < s.value.length), N = (e) => {
+  }), oe = r(() => !l.multi || !Array.isArray(a.value) ? !1 : a.value.length > 0 && a.value.length < s.value.length), N = (e) => {
     w.value = e;
   }, s = r(() => l.onSearch ? l.options.filter(
     (e) => l.onSearch(e, w.value)
-  ) : l.options), oe = r(() => c.value[0]?.hasSubtitle), K = r(() => i.mode === m.Multi), $ = r(
-    () => oe.value ? A.MULTILINE_LIST_HEIGHT : A.LIST_HEIGHT
+  ) : l.options), se = r(() => c.value[0]?.hasSubtitle), K = r(() => i.mode === m.Multi), $ = r(
+    () => se.value ? A.MULTILINE_LIST_HEIGHT : A.LIST_HEIGHT
   ), {
-    list: p,
-    containerProps: X,
-    wrapperProps: se,
+    list: X,
+    containerProps: j,
+    wrapperProps: ce,
     scrollTo: R
-  } = xe(s, {
+  } = De(s, {
     itemHeight: $.value
   });
   b(
@@ -90,21 +91,21 @@ const Ve = (l, O, A) => {
       }));
     }
   );
-  const d = (e, t = !1) => {
+  const f = (e, t = !1) => {
     l.disabled || (q(e), D(() => {
       v.value && O("opened"), v.value || O("closed"), P.value && t && P.value.focus();
     }));
   };
   b(v, (e) => {
     if (e) {
-      K.value && Array.isArray(u.value) && (M.value = x(u.value).slice());
+      K.value && Array.isArray(u.value) && (C.value = x(u.value).slice());
       return;
     }
-    B();
+    p();
   });
-  const ce = () => {
-    ve(), u.value = a.value;
-  }, ve = () => {
+  const ve = () => {
+    de(), u.value = a.value;
+  }, de = () => {
     if (G.value) {
       a.value = [];
       return;
@@ -122,38 +123,38 @@ const Ve = (l, O, A) => {
     if (e = x(e), c.value[t]?.disabled)
       return;
     if (T.value = t, i.mode !== m.Multi) {
-      l.keepOpen || d(!1), i.goToOption(
+      l.keepOpen || f(!1), i.goToOption(
         0
         /* None */
-      ), u.value = e, N(""), B(), i.type === k.Search && f.value && (f.value.value = l.displayValue(e));
+      ), u.value = e, N(""), p(), i.type === k.Search && d.value && (d.value.value = l.displayValue(e));
       return;
     }
     if (!Array.isArray(a.value))
       return;
-    f.value?.focus();
+    d.value?.focus();
     const g = x(a.value);
-    if (z(g, e)) {
+    if (J(g, e)) {
       a.value = g.filter(
-        (h) => !Te(h, e)
+        (h) => !we(h, e)
       );
       return;
     } else {
       a.value = [...g, e];
       return;
     }
-  }, de = (e) => c.value[e]?.disabled, i = {
+  }, ge = (e) => c.value[e]?.disabled, i = {
     activeIndex: o,
     options: c,
     selectedOption: u,
-    labelRef: V,
-    activeOption: I,
+    labelRef: H,
+    activeOption: M,
     listRef: P,
     clearable: l.clearable,
-    type: W.input ? k.Search : k.Dropdown,
+    type: Y.input ? k.Search : k.Dropdown,
     mode: l.multi ? m.Multi : m.Single,
     query: w,
-    selectedValue: ue,
-    toggle: d,
+    selectedValue: ne,
+    toggle: f,
     disabled: l.disabled,
     open: v,
     mandatory: l.mandatory,
@@ -161,7 +162,7 @@ const Ve = (l, O, A) => {
     placeholder: l.placeholder,
     select: _,
     clearSelection: () => {
-      N(""), u.value = i.mode === m.Single ? null : [], f.value && (f.value.value = "");
+      N(""), u.value = i.mode === m.Single ? null : [], d.value && (d.value.value = "");
     },
     search: N,
     goToOption: async (e) => {
@@ -173,17 +174,17 @@ const Ve = (l, O, A) => {
       ).length, g = s.value.length - y;
       for (t > g && (t = g + 1); ; ) {
         if (!c.value[t]?.disabled) {
-          I.value = s.value[t], o.value = t;
+          M.value = s.value[t], o.value = t;
           return;
         }
-        if ((e === 1 || e === 10) && (t = t + 1), (e === -1 || e === -10) && (t = t + -1), !!de(o.value)) {
-          I.value = s.value[t], o.value = t;
+        if ((e === 1 || e === 10) && (t = t + 1), (e === -1 || e === -10) && (t = t + -1), !!ge(o.value)) {
+          M.value = s.value[t], o.value = t;
           return;
         }
       }
     },
     registerInput: (e) => {
-      f.value = e.value;
+      d.value = e.value;
     },
     registerOption: (e, t, y) => {
       c.value = [...c.value, { id: e, disabled: t, hasSubtitle: y }];
@@ -192,44 +193,44 @@ const Ve = (l, O, A) => {
       c.value = c.value.filter((t) => t.id !== e);
     }
   };
-  Pe(De, i), J(
+  Se(Ie, i), Q(
     P,
     () => {
-      v.value && j();
+      v.value && z();
     },
     {
       ignore: [
         S,
-        H,
         L,
         U,
-        f,
-        X.ref
+        B,
+        d,
+        j.ref
       ]
     }
   );
-  const ge = () => {
-    f.value && (f.value.value = i.query.value = "");
+  const he = () => {
+    d.value && (d.value.value = i.query.value = "");
   };
-  Se(async () => {
+  Te(async () => {
     l.autoFocus && (await D(), setTimeout(() => {
-      C.value.focus();
+      V.value.focus();
     })), i.goToOption(0);
   });
-  const he = () => {
-    u.value = a.value, O("apply", u.value), d(!1), ge();
-  }, j = () => {
-    K.value && Array.isArray(M.value) && (u.value = x(M.value).slice()), w.value = "", d(!1);
-  }, ye = (e) => {
+  const ye = () => {
+    u.value = a.value, O("apply", u.value), f(!1), he();
+  }, z = () => {
+    K.value && Array.isArray(C.value) && (u.value = x(C.value).slice()), w.value = "", f(!1);
+  }, be = (e) => {
     if (!l.disableKeyboardEvents)
       switch (e.key) {
         case "Space":
         case "Enter":
         case "ArrowUp":
         case "ArrowDown":
-          d(!0), e.preventDefault();
+          f(!0), e.preventDefault();
       }
-  }, be = (e) => {
+  }, me = (e) => {
     if (!l.disableKeyboardEvents)
       switch (e.key) {
         case "ArrowUp": {
@@ -247,7 +248,7 @@ const Ve = (l, O, A) => {
           break;
         }
         case "Escape": {
-          d(!1), e.preventDefault();
+          f(!1), e.preventDefault();
           break;
         }
         case "PageUp": {
@@ -266,55 +267,55 @@ const Ve = (l, O, A) => {
         }
         case "Enter": {
           if (!v.value) {
-            d(!0);
+            f(!0);
             return;
           }
-          _(s.value[o.value], o.value), i.mode === m.Single && !l.keepOpen && d(!1), e.preventDefault();
+          _(s.value[o.value], o.value), i.mode === m.Single && !l.keepOpen && f(!1), e.preventDefault();
           break;
         }
       }
-  }, me = r(() => {
-    const e = p.value.length, t = l.multi && l.showSelectAll ? 1 : 0, y = e > A.MAX_NUMBER_OF_OPTIONS, g = e + t;
+  }, Oe = r(() => {
+    const e = X.value.length, t = l.multi && l.showSelectAll ? 1 : 0, y = e > A.MAX_NUMBER_OF_OPTIONS, g = e + t;
     let h = y ? A.MAX_NUMBER_OF_OPTIONS + 0.1 : g;
-    return l.noResultsText && h === 0 && (h = h + 1), Ie(
+    return l.noResultsText && h === 0 && (h = h + 1), Me(
       h * $.value + A.PADDING_PX
     );
   });
   return {
-    onKeydown: be,
-    location: F,
+    onKeydown: me,
+    location: ee,
     open: v,
-    toggleMenu: d,
-    onButtonKeydown: ye,
-    displayedValue: ie,
-    labelRef: V,
+    toggleMenu: f,
+    onButtonKeydown: be,
+    displayedValue: re,
+    labelRef: H,
     query: w,
-    containerProps: X,
-    calculateTableHeight: me,
-    wrapperProps: se,
+    containerProps: j,
+    calculateTableHeight: Oe,
+    wrapperProps: ce,
     filteredOptions: s,
     allSelected: G,
-    isIndeterminate: re,
-    onSelectAll: ce,
-    virtualOptions: p,
-    isSelected: Q,
+    isIndeterminate: oe,
+    onSelectAll: ve,
+    virtualOptions: X,
+    isSelected: W,
     selectedOption: u,
     onSelect: _,
     activeIndex: o,
-    onCancel: j,
-    onApply: he,
+    onCancel: z,
+    onApply: ye,
     scrollTo: R,
-    onClickOutside: J,
+    onClickOutside: Q,
     listRef: P,
     buttonRef: S,
-    apply: H,
-    cancel: L,
-    el: C,
-    triggerRef: Y,
-    clearAll: U,
+    apply: L,
+    cancel: U,
+    el: V,
+    triggerRef: Z,
+    clearAll: B,
     onClearAllSelections: fe
   };
 };
 export {
-  Ve as dropdownCommon
+  Ue as dropdownCommon
 };

package/components/emptyState/v4/EmptyStateV4.vue.d.ts

@@ -3,11 +3,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     subtitle?: string;
     variant?: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
     buttonText?: string;
+    iconName?: string;
+    iconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    iconSize?: string;
 }>, {
     title: string;
     subtitle: any;
     buttonText: any;
     variant: string;
+    iconName: any;
+    iconType: string;
+    iconSize: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
@@ -15,17 +21,26 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     subtitle?: string;
     variant?: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
     buttonText?: string;
+    iconName?: string;
+    iconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    iconSize?: string;
 }>, {
     title: string;
     subtitle: any;
     buttonText: any;
     variant: string;
+    iconName: any;
+    iconType: string;
+    iconSize: string;
 }>>> & {
     onClick?: () => any;
 }, {
     title: string;
     variant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
+    iconName: string;
+    iconSize: string;
     subtitle: string;
+    iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
     buttonText: string;
 }>, {
     content?(_: {}): any;

package/components/emptyState/v4/EmptyStateV4.vue.js

@@ -1,7 +1,7 @@
 import t from "./EmptyStateV4.vue2.js";
 /* empty css                   */import o from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../EmptyStateV4.vue_vue_type_style_index_0_scoped_b8373c2d_lang.css"; //*');
-const s = /* @__PURE__ */ o(t, [["__scopeId", "data-v-b8373c2d"]]);
+// import "../../../EmptyStateV4.vue_vue_type_style_index_0_scoped_24001caa_lang.css"; //*');
+const p = /* @__PURE__ */ o(t, [["__scopeId", "data-v-24001caa"]]);
 export {
-  s as default
+  p as default
 };

package/components/emptyState/v4/EmptyStateV4.vue2.js

@@ -1,62 +1,76 @@
- import "../../../EmptyStateV4.vue_vue_type_style_index_0_scoped_b8373c2d_lang.css"; import f from "../../../_virtual/dynamic-import-helper.js";
-import { defineComponent as v, computed as b, defineAsyncComponent as y, openBlock as o, createElementBlock as k, createVNode as C, unref as n, createElementVNode as I, renderSlot as u, createBlock as i, withCtx as a, createTextVNode as r, toDisplayString as s, createCommentVNode as c } from "vue";
-import N from "../../button/v4/ButtonV4.vue.js";
+ import "../../../EmptyStateV4.vue_vue_type_style_index_0_scoped_24001caa_lang.css"; import v from "../../../_virtual/dynamic-import-helper.js";
+import { defineComponent as y, computed as p, defineAsyncComponent as b, openBlock as e, createElementBlock as k, createBlock as n, unref as i, createCommentVNode as a, createElementVNode as N, renderSlot as u, withCtx as c, createTextVNode as l, toDisplayString as r } from "vue";
+import I from "../../button/v4/ButtonV4.vue.js";
 import "../../button/v4/IconButtonV4.vue.js";
 import m from "../../typography/v4/Typography.vue.js";
-import { capitalizeFirstLetter as T, snakeCaseToCamelCase as V } from "../../../utils/string.js";
-const $ = { class: "empty-state" }, g = { class: "title-wrapper" }, A = /* @__PURE__ */ v({
+import { capitalizeFirstLetter as C, snakeCaseToCamelCase as T } from "../../../utils/string.js";
+import S from "../../icon/v4/IconV4.vue.js";
+const g = { class: "empty-state" }, x = { class: "title-wrapper" }, A = /* @__PURE__ */ y({
   __name: "EmptyStateV4",
   props: {
     title: { default: "No data to display" },
     subtitle: { default: void 0 },
     variant: { default: "no-data" },
-    buttonText: { default: void 0 }
+    buttonText: { default: void 0 },
+    iconName: { default: null },
+    iconType: { default: "regular" },
+    iconSize: { default: "48px" }
   },
   emits: ["click"],
   setup(t) {
-    const d = t, p = b(() => {
-      const e = T(V(d.variant));
-      return y(() => f(/* @__PURE__ */ Object.assign({ "./icons/IconError.vue": () => import("./icons/IconError.vue.js"), "./icons/IconFiles.vue": () => import("./icons/IconFiles.vue.js"), "./icons/IconNoAccess.vue": () => import("./icons/IconNoAccess.vue.js"), "./icons/IconNoData.vue": () => import("./icons/IconNoData.vue.js"), "./icons/IconNoResults.vue": () => import("./icons/IconNoResults.vue.js"), "./icons/IconSettings.vue": () => import("./icons/IconSettings.vue.js") }), `./icons/Icon${e}.vue`));
+    const d = t, f = p(() => {
+      const o = C(T(d.variant));
+      return b(() => v(/* @__PURE__ */ Object.assign({ "./icons/IconError.vue": () => import("./icons/IconError.vue.js"), "./icons/IconFiles.vue": () => import("./icons/IconFiles.vue.js"), "./icons/IconNoAccess.vue": () => import("./icons/IconNoAccess.vue.js"), "./icons/IconNoData.vue": () => import("./icons/IconNoData.vue.js"), "./icons/IconNoResults.vue": () => import("./icons/IconNoResults.vue.js"), "./icons/IconSettings.vue": () => import("./icons/IconSettings.vue.js") }), `./icons/Icon${o}.vue`));
     });
-    return (e, l) => (o(), k("div", $, [
-      C(n(p), { class: "icon" }),
-      I("div", g, [
-        u(e.$slots, "content", {}, () => [
-          t.title ? (o(), i(n(m), {
+    return (o, s) => (e(), k("div", g, [
+      t.variant && !t.iconName ? (e(), n(i(f), {
+        key: 0,
+        class: "empty-variant-icon"
+      })) : a("", !0),
+      t.iconName ? (e(), n(i(S), {
+        key: 1,
+        class: "custom-empty-icon",
+        name: t.iconName,
+        size: t.iconSize,
+        type: t.iconType
+      }, null, 8, ["name", "size", "type"])) : a("", !0),
+      N("div", x, [
+        u(o.$slots, "content", {}, () => [
+          t.title ? (e(), n(i(m), {
             key: 0,
             variant: "h4",
             class: "title"
           }, {
-            default: a(() => [
-              r(s(t.title), 1)
+            default: c(() => [
+              l(r(t.title), 1)
             ]),
             _: 1
-          })) : c("", !0),
-          t.subtitle ? (o(), i(n(m), {
+          })) : a("", !0),
+          t.subtitle ? (e(), n(i(m), {
             key: 1,
             variant: "body1",
             class: "subtitle"
           }, {
-            default: a(() => [
-              r(s(t.subtitle), 1)
+            default: c(() => [
+              l(r(t.subtitle), 1)
             ]),
             _: 1
-          })) : c("", !0)
+          })) : a("", !0)
         ], !0)
       ]),
-      u(e.$slots, "button", {}, () => [
-        t.buttonText ? (o(), i(n(N), {
+      u(o.$slots, "button", {}, () => [
+        t.buttonText ? (e(), n(i(I), {
           key: 0,
           variant: "outlined",
           color: "default",
           class: "button",
-          onClick: l[0] || (l[0] = (h) => e.$emit("click"))
+          onClick: s[0] || (s[0] = (z) => o.$emit("click"))
         }, {
-          default: a(() => [
-            r(s(t.buttonText), 1)
+          default: c(() => [
+            l(r(t.buttonText), 1)
           ]),
           _: 1
-        })) : c("", !0)
+        })) : a("", !0)
       ], !0)
     ]));
   }

package/components/emptyState/v4/index.d.ts

@@ -6,7 +6,10 @@ declare const EmptyStateTypes: () => ({
         $props: Partial<{
             title: string;
             variant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
+            iconName: string;
+            iconSize: string;
             subtitle: string;
+            iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
             buttonText: string;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             title: {
@@ -17,17 +20,29 @@ declare const EmptyStateTypes: () => ({
                 type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
                 default: string;
             };
+            iconName: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            iconSize: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             subtitle: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
+            iconType: {
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+                default: string;
+            };
             buttonText: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
         }>> & {
             onClick?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "variant" | "subtitle" | "buttonText">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "variant" | "iconName" | "iconSize" | "subtitle" | "iconType" | "buttonText">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -50,10 +65,22 @@ declare const EmptyStateTypes: () => ({
                 type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
                 default: string;
             };
+            iconName: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            iconSize: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             subtitle: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
+            iconType: {
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+                default: string;
+            };
             buttonText: {
                 type: import("vue").PropType<string>;
                 default: any;
@@ -65,7 +92,10 @@ declare const EmptyStateTypes: () => ({
         }, string, {
             title: string;
             variant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
+            iconName: string;
+            iconSize: string;
             subtitle: string;
+            iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
             buttonText: string;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -96,10 +126,22 @@ declare const EmptyStateTypes: () => ({
             type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
             default: string;
         };
+        iconName: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        iconSize: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         subtitle: {
             type: import("vue").PropType<string>;
             default: any;
         };
+        iconType: {
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+            default: string;
+        };
         buttonText: {
             type: import("vue").PropType<string>;
             default: any;
@@ -119,10 +161,22 @@ declare const EmptyStateTypes: () => ({
         type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
         default: string;
     };
+    iconName: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    iconSize: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     subtitle: {
         type: import("vue").PropType<string>;
         default: any;
     };
+    iconType: {
+        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+        default: string;
+    };
     buttonText: {
         type: import("vue").PropType<string>;
         default: any;
@@ -134,7 +188,10 @@ declare const EmptyStateTypes: () => ({
 }, string, {
     title: string;
     variant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
+    iconName: string;
+    iconSize: string;
     subtitle: string;
+    iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
     buttonText: string;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {