@ironsource/shared-ui 2.1.6-rc.4 → 2.1.6-rc.41

package/components/appHeader/AppHeader.vue2.js

@@ -1,10 +1,10 @@
- import "../../AppHeader.vue_vue_type_style_index_0_scoped_c148fc7a_lang.css"; import { defineComponent as h, computed as o, openBlock as d, createElementBlock as m, normalizeClass as x, createElementVNode as n, mergeProps as r, unref as e, createVNode as i, withCtx as I, createTextVNode as z, toDisplayString as v, createCommentVNode as A } from "vue";
+ import "../../AppHeader.vue_vue_type_style_index_0_scoped_538ccdc6_lang.css"; import { defineComponent as h, computed as o, openBlock as m, createElementBlock as p, normalizeClass as C, createElementVNode as n, mergeProps as r, unref as e, createVNode as i, withCtx as b, createTextVNode as v, toDisplayString as z, createCommentVNode as A } from "vue";
 import c from "../icon/v4/IconV4.vue.js";
-import C from "../typography/v4/Typography.vue.js";
-import b from "../inlineCopy/InlineCopy.vue.js";
-import { useTestIdAttrs as g } from "../../utils/testIds.js";
+import T from "../typography/v4/Typography.vue.js";
+import g from "../inlineCopy/InlineCopy.vue.js";
+import { useTestIdAttrs as N } from "../../utils/testIds.js";
 import { AppHeaderTestIdModifiers as l } from "../../testids/index.js";
-const T = { class: "image-container" }, N = ["src", "alt"], w = ["data-platform"], k = { class: "name-container" }, M = /* @__PURE__ */ h({
+const w = { class: "image-container" }, k = ["src", "alt"], B = ["data-platform"], P = { class: "name-container" }, $ = /* @__PURE__ */ h({
   __name: "AppHeader",
   props: {
     image: { default: "" },
@@ -15,24 +15,25 @@ const T = { class: "image-container" }, N = ["src", "alt"], w = ["data-platform"
     type: { default: "normal" },
     showAbIcon: { type: Boolean, default: !1 }
   },
-  setup(t) {
-    const a = t, p = o(
+  emits: ["copyToClipboard"],
+  setup(t, { emit: f }) {
+    const a = t, y = o(
       () => a.platform ? a.platform.toLowerCase() : ""
-    ), f = o(
-      () => a.type === "normal" ? "24px" : "20px"
     ), u = o(
+      () => a.type === "normal" ? "24px" : "20px"
+    ), x = o(
       () => a.type === "small" ? "18px" : null
-    ), y = o(
+    ), I = o(
       () => a.type === "normal" ? "h2" : "subtitle1"
-    ), s = g(a.testId, l);
-    return (B, P) => (d(), m("div", {
-      class: x(["app-header", `size-${t.type}`])
+    ), s = N(a.testId, l);
+    return (S, d) => (m(), p("div", {
+      class: C(["app-header", `size-${t.type}`])
     }, [
-      n("div", T, [
+      n("div", w, [
         n("img", {
           src: t.image,
           alt: t.name
-        }, null, 8, N)
+        }, null, 8, k)
       ]),
       n("div", r({
         class: "icon-container",
@@ -40,32 +41,33 @@ const T = { class: "image-container" }, N = ["src", "alt"], w = ["data-platform"
       }, e(s)[e(l).APP_PLATFORM]), [
         i(e(c), {
           type: "branded",
-          name: e(p),
-          size: e(f)
+          name: e(y),
+          size: e(u)
         }, null, 8, ["name", "size"])
-      ], 16, w),
-      n("div", k, [
-        i(e(C), r({
-          variant: e(y),
+      ], 16, B),
+      n("div", P, [
+        i(e(T), r({
+          variant: e(I),
           class: "title"
         }, e(s)[e(l).TITLE]), {
-          default: I(() => [
-            z(v(t.name), 1)
+          default: b(() => [
+            v(z(t.name), 1)
           ]),
           _: 1
         }, 16, ["variant"]),
-        i(e(b), {
+        i(e(g), {
           text: t.appKey,
           size: "medium",
           class: "inline-copy",
           "hide-text-value": t.type === "small",
           "test-id": t.testId,
-          "icon-size": e(u),
+          "icon-size": e(x),
           "tooltip-header": "Copy app key",
-          "tooltip-text": t.appKey
+          "tooltip-text": t.appKey,
+          onCopy: d[0] || (d[0] = (V) => f("copyToClipboard"))
         }, null, 8, ["text", "hide-text-value", "test-id", "icon-size", "tooltip-text"])
       ]),
-      t.showAbIcon ? (d(), m("div", r({
+      t.showAbIcon ? (m(), p("div", r({
         key: 0,
         class: "ab-icon-wrapper"
       }, e(s)[e(l).AB_ICON]), [
@@ -79,5 +81,5 @@ const T = { class: "image-container" }, N = ["src", "alt"], w = ["data-platform"
   }
 });
 export {
-  M as default
+  $ as default
 };

package/components/appHeader/index.d.ts

@@ -33,7 +33,9 @@ declare const AppHeaderTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    copyToClipboard: () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     name: {
         type: import("vue").PropType<string>;
         required: true;
@@ -67,7 +69,9 @@ declare const AppHeaderTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-}>>, {
+}>> & {
+    onCopyToClipboard?: () => any;
+}, {
     name: string;
     type: "small" | "normal";
     image: string;

package/components/autocomplete/Autocomplete.vue.d.ts

@@ -13,6 +13,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     showFeedbackTextIcon?: boolean;
     inlineError?: boolean;
     inlineErrorText?: string;
+    maxLength?: number;
     options: unknown[] | {
         id: string;
         text: string;
@@ -37,6 +38,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     feedbackText: string;
     feedbackVariant: any;
     showFeedbackTextIcon: boolean;
+    maxLength: any;
     onSearch: any;
     optionNameKey: string;
     optionsListWidth: any;
@@ -58,6 +60,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     showFeedbackTextIcon?: boolean;
     inlineError?: boolean;
     inlineErrorText?: string;
+    maxLength?: number;
     options: unknown[] | {
         id: string;
         text: string;
@@ -82,6 +85,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     feedbackText: string;
     feedbackVariant: any;
     showFeedbackTextIcon: boolean;
+    maxLength: any;
     onSearch: any;
     optionNameKey: string;
     optionsListWidth: any;
@@ -96,6 +100,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     testId: string;
     hoverHelpText: string;
     hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+    maxLength: number;
     modelValue: string | number;
     placeholder: string;
     labelDirection: "top" | "inside";
@@ -110,6 +115,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>, {
     default?(_: {
         option: unknown;
+        index: number;
         selected: boolean;
         active: boolean;
         disabled: any;

package/components/autocomplete/Autocomplete.vue.js

@@ -1,7 +1,7 @@
 import o from "./Autocomplete.vue2.js";
 /* empty css                   */import e from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../Autocomplete.vue_vue_type_style_index_0_scoped_62faa8e0_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-62faa8e0"]]);
+// import "../../Autocomplete.vue_vue_type_style_index_0_scoped_a7bfd237_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-a7bfd237"]]);
 export {
   s as default
 };

package/components/autocomplete/Autocomplete.vue2.js

@@ -1,19 +1,21 @@
- import "../../Autocomplete.vue_vue_type_style_index_0_scoped_62faa8e0_lang.css"; import { defineComponent as y, computed as w, ref as f, watchEffect as V, openBlock as s, createElementBlock as c, Fragment as T, createVNode as m, unref as r, withCtx as v, isRef as g, renderSlot as F, normalizeProps as I, guardReactiveProps as B, createBlock as C, createCommentVNode as h } from "vue";
-import E from "../dropdown/v4/DropdownV4.vue.js";
+ import "../../Autocomplete.vue_vue_type_style_index_0_scoped_a7bfd237_lang.css"; import { defineComponent as w, computed as c, ref as m, watchEffect as T, openBlock as r, createElementBlock as h, Fragment as F, createVNode as v, unref as d, withCtx as x, isRef as L, renderSlot as I, normalizeProps as S, guardReactiveProps as B, createBlock as b, createCommentVNode as f } from "vue";
+import C from "../dropdown/v4/DropdownV4.vue.js";
 import "../dropdown/v4/DefaultDropdownTrigger.vue.js";
 import "../dropdown/v4/IconButtonDropdownTrigger.vue.js";
 import "../dropdown/v4/ChipDropdownTrigger.vue.js";
 import "../dropdown/v4/AppDropdownTrigger.vue.js";
 import "../dropdown/v4/ButtonDropdownTrigger.vue.js";
 import "../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
+import "../dropdown/v4/TreeDropdown.vue.js";
 import "../dropdown/v4/OptionV4.vue.js";
-import S from "../input/v4/TextField.vue.js";
+import E from "../input/v4/TextField.vue.js";
 import { useVModel as z } from "@vueuse/core";
 import H from "../shared/FieldHelpText.vue.js";
-const P = {
+import P from "../shared/FieldMaxLength.vue.js";
+const N = {
   key: 0,
   class: "footer"
-}, q = /* @__PURE__ */ y({
+}, X = /* @__PURE__ */ w({
   __name: "Autocomplete",
   props: {
     modelValue: { default: "" },
@@ -30,6 +32,7 @@ const P = {
     showFeedbackTextIcon: { type: Boolean, default: !1 },
     inlineError: { type: Boolean, default: !1 },
     inlineErrorText: { default: "" },
+    maxLength: { default: null },
     options: null,
     displayValue: null,
     optionNameKey: { default: "" },
@@ -39,39 +42,39 @@ const P = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: p }) {
-    const a = e, n = z(a, "modelValue", p), b = (l) => {
-      l !== void 0 && (n.value = a.displayValue(l));
-    }, x = (l, t) => a.displayValue(l).toLowerCase().replace(/\s+/g, "").includes(t.toLowerCase().replace(/\s+/g, "")), d = w(() => {
-      const l = n.value.toString();
+    const a = e, i = z(a, "modelValue", p), g = (l) => {
+      l !== void 0 && (i.value = a.displayValue(l));
+    }, k = c(() => (i.value || "").length), y = (l, t) => a.displayValue(l).toLowerCase().replace(/\s+/g, "").includes(t.toLowerCase().replace(/\s+/g, "")), u = c(() => {
+      const l = i.value.toString();
       return (a.options || []).filter(
-        (t) => a.onSearch !== null ? a.onSearch(t, l) : x(t, l)
+        (t) => a.onSearch !== null ? a.onSearch(t, l) : y(t, l)
       );
-    }), o = f(!1), u = f(!1);
-    V(() => {
-      a.disabled ? o.value = !1 : u.value && d.value.length ? o.value = !0 : d.value.length === 0 && (o.value = !1);
+    }), n = m(!1), s = m(!1);
+    T(() => {
+      a.disabled ? n.value = !1 : s.value && u.value.length ? n.value = !0 : u.value.length === 0 && (n.value = !1);
     });
-    const k = () => {
-      a.disabled || !o.value && d.value.length && (o.value = !0);
+    const V = () => {
+      a.disabled || !n.value && u.value.length && (n.value = !0);
     };
-    return (l, t) => (s(), c(T, null, [
-      m(r(E), {
-        "is-open": o.value,
-        "onUpdate:is-open": t[3] || (t[3] = (i) => o.value = i),
+    return (l, t) => (r(), h(F, null, [
+      v(d(C), {
+        "is-open": n.value,
+        "onUpdate:is-open": t[3] || (t[3] = (o) => n.value = o),
         class: "autocomplete-dropdown",
         "display-value": e.displayValue,
-        options: r(d),
+        options: d(u),
         "option-name-key": e.optionNameKey,
         "options-list-width": e.optionsListWidth,
         disabled: e.disabled,
         "search-auto-focus": !1,
         "full-width": !1,
         "test-id": e.testId,
-        "onUpdate:selected": b
+        "onUpdate:selected": g
       }, {
-        "dropdown-trigger": v(() => [
-          m(r(S), {
-            modelValue: r(n),
-            "onUpdate:modelValue": t[0] || (t[0] = (i) => g(n) ? n.value = i : null),
+        "dropdown-trigger": x(() => [
+          v(d(E), {
+            modelValue: d(i),
+            "onUpdate:modelValue": t[0] || (t[0] = (o) => L(i) ? i.value = o : null),
             class: "autocomplete-field",
             placeholder: e.placeholder,
             disabled: e.disabled,
@@ -86,29 +89,34 @@ const P = {
             "show-feedback-text-icon": e.showFeedbackTextIcon,
             "inline-error": e.inlineError,
             "inline-error-text": e.inlineErrorText,
-            onFocusin: t[1] || (t[1] = (i) => u.value = !0),
-            onFocusout: t[2] || (t[2] = (i) => u.value = !1),
-            onClick: k
-          }, null, 8, ["modelValue", "placeholder", "disabled", "size", "label", "label-direction", "mandatory", "hover-help-text", "hover-help-text-placemen", "test-id", "feedback-variant", "show-feedback-text-icon", "inline-error", "inline-error-text"])
+            maxlength: e.maxLength,
+            onFocusin: t[1] || (t[1] = (o) => s.value = !0),
+            onFocusout: t[2] || (t[2] = (o) => s.value = !1),
+            onClick: V
+          }, null, 8, ["modelValue", "placeholder", "disabled", "size", "label", "label-direction", "mandatory", "hover-help-text", "hover-help-text-placemen", "test-id", "feedback-variant", "show-feedback-text-icon", "inline-error", "inline-error-text", "maxlength"])
         ]),
-        default: v((i) => [
-          F(l.$slots, "default", I(B(i)), void 0, !0)
+        default: x((o) => [
+          I(l.$slots, "default", S(B(o)), void 0, !0)
         ]),
         _: 3
       }, 8, ["is-open", "display-value", "options", "option-name-key", "options-list-width", "disabled", "test-id"]),
-      e.feedbackText ? (s(), c("div", P, [
-        e.feedbackText ? (s(), C(H, {
+      e.feedbackText || e.maxLength ? (r(), h("div", N, [
+        e.feedbackText ? (r(), b(H, {
           key: 0,
           text: e.feedbackText,
           variant: e.feedbackVariant,
           "show-icon": e.showFeedbackTextIcon,
-          class: "field-help-text",
           "test-id": e.testId
-        }, null, 8, ["text", "variant", "show-icon", "test-id"])) : h("", !0)
-      ])) : h("", !0)
+        }, null, 8, ["text", "variant", "show-icon", "test-id"])) : f("", !0),
+        e.maxLength ? (r(), b(P, {
+          key: 1,
+          "current-length": d(k),
+          "max-length": e.maxLength
+        }, null, 8, ["current-length", "max-length"])) : f("", !0)
+      ])) : f("", !0)
     ], 64));
   }
 });
 export {
-  q as default
+  X as default
 };

package/components/autocomplete/index.d.ts

@@ -11,6 +11,7 @@ declare const AutocompleteTypes: () => ({
             testId: string;
             hoverHelpText: string;
             hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+            maxLength: number;
             modelValue: string | number;
             placeholder: string;
             labelDirection: "top" | "inside";
@@ -58,6 +59,10 @@ declare const AutocompleteTypes: () => ({
                 type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
                 default: string;
             };
+            maxLength: {
+                type: import("vue").PropType<number>;
+                default: any;
+            };
             modelValue: {
                 type: import("vue").PropType<string | number>;
                 default: string;
@@ -108,7 +113,7 @@ declare const AutocompleteTypes: () => ({
             };
         }>> & {
             "onUpdate:modelValue"?: (value: string | number) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "disabled" | "size" | "mandatory" | "testId" | "hoverHelpText" | "hoverHelpTextPlacement" | "modelValue" | "placeholder" | "labelDirection" | "inlineError" | "inlineErrorText" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "onSearch" | "optionNameKey" | "optionsListWidth">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "disabled" | "size" | "mandatory" | "testId" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "modelValue" | "placeholder" | "labelDirection" | "inlineError" | "inlineErrorText" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "onSearch" | "optionNameKey" | "optionsListWidth">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -158,6 +163,10 @@ declare const AutocompleteTypes: () => ({
                 type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
                 default: string;
             };
+            maxLength: {
+                type: import("vue").PropType<number>;
+                default: any;
+            };
             modelValue: {
                 type: import("vue").PropType<string | number>;
                 default: string;
@@ -218,6 +227,7 @@ declare const AutocompleteTypes: () => ({
             testId: string;
             hoverHelpText: string;
             hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+            maxLength: number;
             modelValue: string | number;
             placeholder: string;
             labelDirection: "top" | "inside";
@@ -285,6 +295,10 @@ declare const AutocompleteTypes: () => ({
             type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
             default: string;
         };
+        maxLength: {
+            type: import("vue").PropType<number>;
+            default: any;
+        };
         modelValue: {
             type: import("vue").PropType<string | number>;
             default: string;
@@ -375,6 +389,10 @@ declare const AutocompleteTypes: () => ({
         type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
         default: string;
     };
+    maxLength: {
+        type: import("vue").PropType<number>;
+        default: any;
+    };
     modelValue: {
         type: import("vue").PropType<string | number>;
         default: string;
@@ -435,6 +453,7 @@ declare const AutocompleteTypes: () => ({
     testId: string;
     hoverHelpText: string;
     hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+    maxLength: number;
     modelValue: string | number;
     placeholder: string;
     labelDirection: "top" | "inside";
@@ -450,6 +469,7 @@ declare const AutocompleteTypes: () => ({
     $slots: {
         default?(_: {
             option: unknown;
+            index: number;
             selected: boolean;
             active: boolean;
             disabled: any;

package/components/button/v4/ButtonV4.vue.d.ts

@@ -8,8 +8,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     content?: string;
     startIconName?: string;
     endIconName?: string;
-    startIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
-    endIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    startIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+    endIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
 }>, {
     startIconName: any;
     endIconName: any;
@@ -32,8 +32,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     content?: string;
     startIconName?: string;
     endIconName?: string;
-    startIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
-    endIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    startIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+    endIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
 }>, {
     startIconName: any;
     endIconName: any;
@@ -49,15 +49,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>>, {
     variant: "text" | "contained" | "outlined";
     disabled: boolean;
-    size: "small" | "medium" | "large" | "extraLarge";
     color: "default" | "primary" | "danger" | "info" | "success" | "warning";
+    size: "small" | "medium" | "large" | "extraLarge";
     content: string;
     loading: boolean;
     testId: string;
     startIconName: string;
     endIconName: string;
-    startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
-    endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+    endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
 }>, {
     default?(_: {}): any;
     loader?(_: {}): any;

package/components/button/v4/IconButtonV4.vue.d.ts

@@ -2,7 +2,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     variant?: "default" | "outlined";
     color?: "default" | "primary" | "error";
     size?: "small" | "medium" | "large" | "extraLarge";
-    type?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    type?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
     iconName?: string;
     disabled?: boolean;
     testId?: string;
@@ -18,7 +18,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     variant?: "default" | "outlined";
     color?: "default" | "primary" | "error";
     size?: "small" | "medium" | "large" | "extraLarge";
-    type?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    type?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
     iconName?: string;
     disabled?: boolean;
     testId?: string;
@@ -31,11 +31,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     iconName: string;
     type: string;
 }>>>, {
-    type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
     variant: "default" | "outlined";
     disabled: boolean;
-    size: "small" | "medium" | "large" | "extraLarge";
     color: "default" | "primary" | "error";
+    size: "small" | "medium" | "large" | "extraLarge";
     testId: string;
     iconName: string;
 }>, {