@ironsource/shared-ui 2.1.10-rc.4 → 2.1.10

package/components/dateRange/v4/DateRangeV4.vue2.js

@@ -1,9 +1,10 @@
- import "../../../DateRangeV4.vue_vue_type_style_index_0_scoped_f81413ec_lang.css"; import { defineComponent as J, openBlock as n, createElementBlock as s, unref as e, normalizeClass as r, createElementVNode as d, renderSlot as N, createVNode as i, withDirectives as v, Fragment as k, renderList as C, withCtx as l, createTextVNode as m, toDisplayString as g, createCommentVNode as P, vShow as $, normalizeStyle as Q, setBlockTracking as x } from "vue";
+ import "../../../DateRangeV4.vue_vue_type_style_index_0_scoped_f81413ec_lang.css"; import { defineComponent as J, openBlock as n, createElementBlock as i, unref as e, normalizeClass as r, createElementVNode as d, renderSlot as N, createVNode as s, withDirectives as v, Fragment as k, renderList as C, withCtx as l, createTextVNode as m, toDisplayString as g, createCommentVNode as P, vShow as $, normalizeStyle as Q, setBlockTracking as x } from "vue";
 import X from "./CalendarMonthV4.vue.js";
 import { typeToName as Z, messagePerType as _ } from "../common/consts.common.js";
 import R from "../../button/v4/ButtonV4.vue.js";
 import "../../button/v4/IconButtonV4.vue.js";
 import "../../button/v4/ButtonGroup.vue.js";
+import "../../button/v4/ToggleButtonGroupAB.vue.js";
 import "../../dropdown/v4/DropdownV4.vue.js";
 import "../../dropdown/v4/DefaultDropdownTrigger.vue.js";
 import "../../dropdown/v4/IconButtonDropdownTrigger.vue.js";
@@ -16,10 +17,10 @@ import "../../dropdown/v4/OptionV4.vue.js";
 import { DateRangeTestIdModifiers as o, DatePickerTestIdModifiers as te } from "../../../testids/index.js";
 import { dateRangeCommon as ae } from "../common/DateRange.common.js";
 import p from "../../typography/v4/Typography.vue.js";
-const de = ["id", "data-testid"], ne = ["data-testid"], se = ["id", "data-testid"], ie = {
+const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid"], se = {
   key: 0,
   class: "type-picker"
-}, oe = ["onClick"], le = ["data-testid"], re = ["id"], ue = ["id"], ce = ["onClick"], me = { class: "dropdown-rightTriangle" }, pe = ["data-testid"], ye = { class: "date-picker-calendar left-box" }, ge = { class: "buttons-cover" }, fe = { class: "range" }, he = { class: "text-container" }, qe = /* @__PURE__ */ J({
+}, oe = ["onClick"], le = ["data-testid"], re = ["id"], ue = ["id"], ce = ["onClick"], me = { class: "dropdown-rightTriangle" }, pe = ["data-testid"], ye = { class: "date-picker-calendar left-box" }, ge = { class: "buttons-cover" }, fe = { class: "range" }, he = { class: "text-container" }, Oe = /* @__PURE__ */ J({
   __name: "DateRangeV4",
   props: {
     range: null,
@@ -72,7 +73,7 @@ const de = ["id", "data-testid"], ne = ["data-testid"], se = ["id", "data-testid
       toggle: b,
       isCompact: H
     } = ae(A, E);
-    return (D, u) => (n(), s("div", {
+    return (D, u) => (n(), i("div", {
       id: e(M),
       ref_key: "datePicker",
       ref: B,
@@ -88,7 +89,7 @@ const de = ["id", "data-testid"], ne = ["data-testid"], se = ["id", "data-testid
           currentDate: e(w),
           isOpen: e(h)
         }, () => [
-          i(e(ee), {
+          s(e(ee), {
             label: e(w),
             "start-icon-name": "calendar-blank",
             variant: "outlined",
@@ -109,13 +110,13 @@ const de = ["id", "data-testid"], ne = ["data-testid"], se = ["id", "data-testid
         ]]),
         "data-testid": `${t.testId}-${e(o).CONTAINER}`
       }, [
-        t.types.length > 1 ? (n(), s("div", ie, [
-          (n(!0), s(k, null, C(t.types, (a) => (n(), s("span", {
+        t.types.length > 1 ? (n(), i("div", se, [
+          (n(!0), i(k, null, C(t.types, (a) => (n(), i("span", {
             key: a,
             class: r(["range-type", { "selected-range-type": e(f) === a }]),
             onClick: (c) => e(F)(a, !0)
           }, [
-            i(e(p), { variant: "h1" }, {
+            s(e(p), { variant: "h1" }, {
               default: l(() => [
                 m(g(e(Z)[a]), 1)
               ]),
@@ -126,7 +127,7 @@ const de = ["id", "data-testid"], ne = ["data-testid"], se = ["id", "data-testid
         d("div", {
           class: r(["flex", { "pop-up-content": t.types.length > 1 }])
         }, [
-          t.showPresets ? (n(), s("div", {
+          t.showPresets ? (n(), i("div", {
             key: 0,
             class: "date-picker-menu",
             "data-testid": `${t.testId}-${e(o).MENU}`
@@ -138,7 +139,7 @@ const de = ["id", "data-testid"], ne = ["data-testid"], se = ["id", "data-testid
               d("ul", {
                 id: "customDropDownList" + t.uniqueId
               }, [
-                (n(!0), s(k, null, C(e(z), (a) => (n(), s("li", {
+                (n(!0), i(k, null, C(e(z), (a) => (n(), i("li", {
                   key: a.id,
                   class: r({
                     "selected-preset-container": e(I) === a.id
@@ -148,7 +149,7 @@ const de = ["id", "data-testid"], ne = ["data-testid"], se = ["id", "data-testid
                     class: r([{ "selected-preset": e(I) === a.id }, "preset-element"]),
                     onClick: (c) => e(G)(a)
                   }, [
-                    i(e(p), {
+                    s(e(p), {
                       variant: "body2",
                       "data-testid": `${t.testId}-${e(o).MENU}-${a.id}`
                     }, {
@@ -174,8 +175,8 @@ const de = ["id", "data-testid"], ne = ["data-testid"], se = ["id", "data-testid
             style: Q({ height: e(H) ? "336px" : "372px" })
           }, [
             d("div", ye, [
-              (n(!0), s(k, null, C(e(T), (a, c) => (n(), s("div", { key: a }, [
-                i(X, {
+              (n(!0), i(k, null, C(e(T), (a, c) => (n(), i("div", { key: a }, [
+                s(X, {
                   id: t.uniqueId,
                   navigation: e(W)(
                     c === 0,
@@ -199,7 +200,7 @@ const de = ["id", "data-testid"], ne = ["data-testid"], se = ["id", "data-testid
                   N(D.$slots, "footer", {}, void 0, !0)
                 ]),
                 d("div", he, [
-                  i(e(p), { variant: "body2" }, {
+                  s(e(p), { variant: "body2" }, {
                     default: l(() => [
                       m("All dates are in UTC")
                     ]),
@@ -210,7 +211,7 @@ const de = ["id", "data-testid"], ne = ["data-testid"], se = ["id", "data-testid
                   [$, e(q)]
                 ]),
                 u[1] || (x(-1), u[1] = d("div", { class: "buttons" }, [
-                  i(e(R), {
+                  s(e(R), {
                     id: "button-ok" + t.uniqueId,
                     size: "small",
                     class: "button",
@@ -219,7 +220,7 @@ const de = ["id", "data-testid"], ne = ["data-testid"], se = ["id", "data-testid
                     onClick: (a) => e(K)()
                   }, {
                     default: l(() => [
-                      i(e(p), { variant: "button" }, {
+                      s(e(p), { variant: "button" }, {
                         default: l(() => [
                           m("Apply")
                         ]),
@@ -228,7 +229,7 @@ const de = ["id", "data-testid"], ne = ["data-testid"], se = ["id", "data-testid
                     ]),
                     _: 1
                   }, 8, ["id", "data-testid", "onClick"]),
-                  i(e(R), {
+                  s(e(R), {
                     id: "button-cancel" + t.uniqueId,
                     size: "small",
                     theme: "third",
@@ -239,7 +240,7 @@ const de = ["id", "data-testid"], ne = ["data-testid"], se = ["id", "data-testid
                     onClick: (a) => e(b)()
                   }, {
                     default: l(() => [
-                      i(e(p), { variant: "button" }, {
+                      s(e(p), { variant: "button" }, {
                         default: l(() => [
                           m(" Cancel ")
                         ]),
@@ -253,12 +254,12 @@ const de = ["id", "data-testid"], ne = ["data-testid"], se = ["id", "data-testid
             ])
           ], 4)
         ], 2)
-      ], 10, se), [
+      ], 10, ie), [
         [$, e(h)]
       ])
     ], 10, de));
   }
 });
 export {
-  qe as default
+  Oe as default
 };

package/components/dialog/v3/Dialog.vue.d.ts

@@ -66,8 +66,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     themeClass: string;
     testId: string;
 }>>> & {
-    onClose?: (reason: Reason) => any;
     "onUpdate:modelValue"?: (value: boolean) => any;
+    onClose?: (reason: Reason) => any;
     onOpen?: () => any;
 }, {
     title: string;

package/components/dialog/v3/index.d.ts

@@ -79,8 +79,8 @@ declare const DialogTypes: () => ({
                 default: boolean;
             };
         }>> & {
-            onClose?: (reason: import("../common/Reason").Reason) => any;
             "onUpdate:modelValue"?: (value: boolean) => any;
+            onClose?: (reason: import("../common/Reason").Reason) => any;
             onOpen?: () => any;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "themeClass" | "testId" | "width" | "content" | "appendToBody" | "closeDelay" | "openDelay" | "escapeToClose" | "showBackdrop" | "headerBorder" | "closeOnClickOutside" | "beforeClose" | "showCloseButton">;
         $attrs: {
@@ -94,7 +94,7 @@ declare const DialogTypes: () => ({
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-        $emit: ((event: "open") => void) & ((event: "close", reason: import("../common/Reason").Reason) => void) & ((event: "update:modelValue", value: boolean) => void);
+        $emit: ((event: "open") => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "close", reason: import("../common/Reason").Reason) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             title: {
@@ -158,8 +158,8 @@ declare const DialogTypes: () => ({
                 default: boolean;
             };
         }>> & {
-            onClose?: (reason: import("../common/Reason").Reason) => any;
             "onUpdate:modelValue"?: (value: boolean) => any;
+            onClose?: (reason: import("../common/Reason").Reason) => any;
             onOpen?: () => any;
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             "update:modelValue": (value: boolean) => void;
@@ -262,8 +262,8 @@ declare const DialogTypes: () => ({
             default: boolean;
         };
     }>> & {
-        onClose?: (reason: import("../common/Reason").Reason) => any;
         "onUpdate:modelValue"?: (value: boolean) => any;
+        onClose?: (reason: import("../common/Reason").Reason) => any;
         onOpen?: () => any;
     } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
@@ -331,8 +331,8 @@ declare const DialogTypes: () => ({
         default: boolean;
     };
 }>> & {
-    onClose?: (reason: import("../common/Reason").Reason) => any;
     "onUpdate:modelValue"?: (value: boolean) => any;
+    onClose?: (reason: import("../common/Reason").Reason) => any;
     onOpen?: () => any;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => void;

package/components/dialog/v4/DialogV4.vue.d.ts

@@ -88,8 +88,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     cancelButtonColor: string;
     testId: string;
 }>>> & {
-    onClose?: (reason: Reason) => any;
     "onUpdate:modelValue"?: (value: boolean) => any;
+    onClose?: (reason: Reason) => any;
     onCancel?: () => any;
     onOpen?: () => any;
     onSave?: () => any;

package/components/dialog/v4/DialogV4.vue2.js

@@ -1,9 +1,10 @@
- import "../../../DialogV4.vue_vue_type_style_index_0_scoped_09c488cf_lang.css"; import { defineComponent as A, openBlock as o, createBlock as c, Teleport as w, createVNode as b, Transition as p, withCtx as u, unref as e, createElementBlock as m, createElementVNode as C, mergeProps as s, renderSlot as k, createTextVNode as f, toDisplayString as B, createCommentVNode as d } from "vue";
+ import "../../../DialogV4.vue_vue_type_style_index_0_scoped_09c488cf_lang.css"; import { defineComponent as A, openBlock as o, createBlock as c, Teleport as p, createVNode as b, Transition as w, withCtx as u, unref as e, createElementBlock as m, createElementVNode as C, mergeProps as s, renderSlot as k, createTextVNode as f, toDisplayString as B, createCommentVNode as d } from "vue";
 import { NOOP as I } from "@vue/shared";
 import T from "../../typography/v4/Typography.vue.js";
 import N from "../../button/v4/ButtonV4.vue.js";
 import V from "../../button/v4/IconButtonV4.vue.js";
 import "../../button/v4/ButtonGroup.vue.js";
+import "../../button/v4/ToggleButtonGroupAB.vue.js";
 import { Reason as g } from "../common/Reason.js";
 import { dialogCommon as D } from "../common/Dialog.common.js";
 import { DialogTestIdModifiers as l } from "../../../testids/index.js";
@@ -15,7 +16,7 @@ const S = {
 }, F = { class: "title" }, U = {
   key: 1,
   class: "footer"
-}, X = /* @__PURE__ */ A({
+}, Y = /* @__PURE__ */ A({
   __name: "DialogV4",
   props: {
     modelValue: { type: Boolean },
@@ -49,11 +50,11 @@ const S = {
       const { closeOnClickOutside: r, saveButtonLoading: n } = i;
       r && !n ? y(g.Backdrop) : I();
     };
-    return (r, n) => (o(), c(w, {
+    return (r, n) => (o(), c(p, {
       to: "body",
       disabled: !t.appendToBody
     }, [
-      b(p, null, {
+      b(w, null, {
         default: u(() => [
           e(h) ? (o(), m("div", S, [
             C("div", s({
@@ -152,5 +153,5 @@ const S = {
   }
 });
 export {
-  X as default
+  Y as default
 };

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

@@ -105,8 +105,8 @@ declare const DialogTypes: () => ({
                 default: string;
             };
         }>> & {
-            onClose?: (reason: import("../v3").Reason) => any;
             "onUpdate:modelValue"?: (value: boolean) => any;
+            onClose?: (reason: import("../v3").Reason) => any;
             onCancel?: () => any;
             onOpen?: () => any;
             onSave?: () => any;
@@ -122,7 +122,7 @@ declare const DialogTypes: () => ({
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-        $emit: ((event: "open") => void) & ((event: "close", reason: import("../v3").Reason) => void) & ((event: "cancel") => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "save") => void);
+        $emit: ((event: "open") => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "close", reason: import("../v3").Reason) => void) & ((event: "cancel") => void) & ((event: "save") => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             title: {
@@ -206,8 +206,8 @@ declare const DialogTypes: () => ({
                 default: string;
             };
         }>> & {
-            onClose?: (reason: import("../v3").Reason) => any;
             "onUpdate:modelValue"?: (value: boolean) => any;
+            onClose?: (reason: import("../v3").Reason) => any;
             onCancel?: () => any;
             onOpen?: () => any;
             onSave?: () => any;
@@ -339,8 +339,8 @@ declare const DialogTypes: () => ({
             default: string;
         };
     }>> & {
-        onClose?: (reason: import("../v3").Reason) => any;
         "onUpdate:modelValue"?: (value: boolean) => any;
+        onClose?: (reason: import("../v3").Reason) => any;
         onCancel?: () => any;
         onOpen?: () => any;
         onSave?: () => any;
@@ -430,8 +430,8 @@ declare const DialogTypes: () => ({
         default: string;
     };
 }>> & {
-    onClose?: (reason: import("../v3").Reason) => any;
     "onUpdate:modelValue"?: (value: boolean) => any;
+    onClose?: (reason: import("../v3").Reason) => any;
     onCancel?: () => any;
     onOpen?: () => any;
     onSave?: () => any;

package/components/dropdown/v3/Dropdown.vue.d.ts

@@ -183,8 +183,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     flip: boolean;
     mandatory: boolean;
     error: string;
-    selected: any;
+    skidding: number;
     modelValue: any;
+    selected: any;
     placeholder: string;
     autoFocus: boolean;
     multi: boolean;
@@ -193,7 +194,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     autoSize: boolean;
     disableKeyboardEvents: boolean;
     isOnTop: boolean;
-    skidding: number;
     inlineSearch: boolean;
     onSearch: (option: any, term: string) => boolean;
     noResultsText: string;

package/components/dropdown/v3/index.d.ts

@@ -19,8 +19,9 @@ declare const DropdownTypes: () => (({
             flip: boolean;
             mandatory: boolean;
             error: string;
-            selected: any;
+            skidding: number;
             modelValue: any;
+            selected: any;
             placeholder: string;
             autoFocus: boolean;
             multi: boolean;
@@ -29,7 +30,6 @@ declare const DropdownTypes: () => (({
             autoSize: boolean;
             disableKeyboardEvents: boolean;
             isOnTop: boolean;
-            skidding: number;
             inlineSearch: boolean;
             onSearch: (option: any, term: string) => boolean;
             noResultsText: string;
@@ -93,6 +93,17 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            skidding: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            isOpen: {
+                type: import("vue").PropType<boolean>;
+            };
+            modelValue: {
+                type: import("vue").PropType<unknown>;
+                default: any;
+            };
             selected: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -101,10 +112,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<any[]>;
                 required: true;
             };
-            modelValue: {
-                type: import("vue").PropType<unknown>;
-                default: any;
-            };
             placeholder: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -117,9 +124,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            isOpen: {
-                type: import("vue").PropType<boolean>;
-            };
             showSelectAll: {
                 type: import("vue").PropType<boolean>;
             };
@@ -143,10 +147,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            skidding: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             inlineSearch: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -203,7 +203,7 @@ declare const DropdownTypes: () => (({
             "onUpdate:isOpen"?: (value: unknown) => any;
             onOpened?: () => any;
             onClosed?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "error" | "selected" | "modelValue" | "placeholder" | "autoFocus" | "multi" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "skidding" | "inlineSearch" | "onSearch" | "noResultsText" | "valueToCopy" | "helperText" | "searchPlaceholder" | "showButtonOnOpen" | "clearable" | "multiOptionsPlaceholderPrefix" | "multiOptionsPlaceholderSuffix" | "darkTheme">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "error" | "skidding" | "modelValue" | "selected" | "placeholder" | "autoFocus" | "multi" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "inlineSearch" | "onSearch" | "noResultsText" | "valueToCopy" | "helperText" | "searchPlaceholder" | "showButtonOnOpen" | "clearable" | "multiOptionsPlaceholderPrefix" | "multiOptionsPlaceholderSuffix" | "darkTheme">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -269,6 +269,17 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            skidding: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            isOpen: {
+                type: import("vue").PropType<boolean>;
+            };
+            modelValue: {
+                type: import("vue").PropType<unknown>;
+                default: any;
+            };
             selected: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -277,10 +288,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<any[]>;
                 required: true;
             };
-            modelValue: {
-                type: import("vue").PropType<unknown>;
-                default: any;
-            };
             placeholder: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -293,9 +300,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            isOpen: {
-                type: import("vue").PropType<boolean>;
-            };
             showSelectAll: {
                 type: import("vue").PropType<boolean>;
             };
@@ -319,10 +323,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            skidding: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             inlineSearch: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -403,8 +403,9 @@ declare const DropdownTypes: () => (({
             flip: boolean;
             mandatory: boolean;
             error: string;
-            selected: any;
+            skidding: number;
             modelValue: any;
+            selected: any;
             placeholder: string;
             autoFocus: boolean;
             multi: boolean;
@@ -413,7 +414,6 @@ declare const DropdownTypes: () => (({
             autoSize: boolean;
             disableKeyboardEvents: boolean;
             isOnTop: boolean;
-            skidding: number;
             inlineSearch: boolean;
             onSearch: (option: any, term: string) => boolean;
             noResultsText: string;
@@ -497,6 +497,17 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<string>;
             default: string;
         };
+        skidding: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        isOpen: {
+            type: import("vue").PropType<boolean>;
+        };
+        modelValue: {
+            type: import("vue").PropType<unknown>;
+            default: any;
+        };
         selected: {
             type: import("vue").PropType<unknown>;
             default: any;
@@ -505,10 +516,6 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<any[]>;
             required: true;
         };
-        modelValue: {
-            type: import("vue").PropType<unknown>;
-            default: any;
-        };
         placeholder: {
             type: import("vue").PropType<string>;
             default: string;
@@ -521,9 +528,6 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        isOpen: {
-            type: import("vue").PropType<boolean>;
-        };
         showSelectAll: {
             type: import("vue").PropType<boolean>;
         };
@@ -547,10 +551,6 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        skidding: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
         inlineSearch: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -666,6 +666,17 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<string>;
         default: string;
     };
+    skidding: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    isOpen: {
+        type: import("vue").PropType<boolean>;
+    };
+    modelValue: {
+        type: import("vue").PropType<unknown>;
+        default: any;
+    };
     selected: {
         type: import("vue").PropType<unknown>;
         default: any;
@@ -674,10 +685,6 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<any[]>;
         required: true;
     };
-    modelValue: {
-        type: import("vue").PropType<unknown>;
-        default: any;
-    };
     placeholder: {
         type: import("vue").PropType<string>;
         default: string;
@@ -690,9 +697,6 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    isOpen: {
-        type: import("vue").PropType<boolean>;
-    };
     showSelectAll: {
         type: import("vue").PropType<boolean>;
     };
@@ -716,10 +720,6 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    skidding: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
     inlineSearch: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -800,8 +800,9 @@ declare const DropdownTypes: () => (({
     flip: boolean;
     mandatory: boolean;
     error: string;
-    selected: any;
+    skidding: number;
     modelValue: any;
+    selected: any;
     placeholder: string;
     autoFocus: boolean;
     multi: boolean;
@@ -810,7 +811,6 @@ declare const DropdownTypes: () => (({
     autoSize: boolean;
     disableKeyboardEvents: boolean;
     isOnTop: boolean;
-    skidding: number;
     inlineSearch: boolean;
     onSearch: (option: any, term: string) => boolean;
     noResultsText: string;

package/components/dropdown/v4/ButtonDropdownTrigger.vue.d.ts

@@ -1,12 +1,11 @@
-import { IconTypes } from '@/components/icon/v4/Icon.types';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     label: string;
-    variant?: 'outlined' | 'text';
-    size?: 'small' | 'medium';
+    variant?: "text" | "outlined";
+    size?: "small" | "medium";
     open?: boolean;
     disabled?: boolean;
     startIconName?: string;
-    startIconType?: IconTypes;
+    startIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     hideEndIcon?: boolean;
     testId?: string;
 }>, {
@@ -22,12 +21,12 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     click: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     label: string;
-    variant?: 'outlined' | 'text';
-    size?: 'small' | 'medium';
+    variant?: "text" | "outlined";
+    size?: "small" | "medium";
     open?: boolean;
     disabled?: boolean;
     startIconName?: string;
-    startIconType?: IconTypes;
+    startIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     hideEndIcon?: boolean;
     testId?: string;
 }>, {
@@ -43,13 +42,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     onClick?: () => any;
 }, {
     testId: string;
-    variant: 'outlined' | 'text';
+    variant: "text" | "outlined";
     disabled: boolean;
-    size: 'small' | 'medium';
+    size: "small" | "medium";
     open: boolean;
     startIconName: string;
-    startIconType: IconTypes;
+    startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     hideEndIcon: boolean;
+}>, {
+    default?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -69,3 +70,8 @@ type __VLS_WithDefaults<P, D> = {
 type __VLS_Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};