@ironsource/shared-ui 2.0.0-rc.5 → 2.0.0-rc.7

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

@@ -0,0 +1,29 @@
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    testId?: string;
+}>, {
+    testId: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    testId?: string;
+}>, {
+    testId: string;
+}>>>, {
+    testId: string;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/components/dropdown/v4/IconButtonDropdownTrigger.vue.js

@@ -0,0 +1,7 @@
+import o from "./IconButtonDropdownTrigger.vue2.js";
+/* empty css                                */import t from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../IconButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_59fb505a_lang.css"; //*');
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-59fb505a"]]);
+export {
+  p as default
+};

package/components/dropdown/v4/IconButtonDropdownTrigger.vue2.js

@@ -0,0 +1,19 @@
+ import "../../../IconButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_59fb505a_lang.css"; import { defineComponent as t, openBlock as r, createBlock as n, unref as p, mergeProps as c } from "vue";
+import "../../button/v4/ButtonV4.vue.js";
+import m from "../../button/v4/IconButtonV4.vue.js";
+const i = /* @__PURE__ */ t({
+  __name: "IconButtonDropdownTrigger",
+  props: {
+    testId: { default: "" }
+  },
+  setup(o) {
+    const e = o;
+    return (s, u) => (r(), n(p(m), c({
+      "icon-name": "dots-three",
+      type: "bold"
+    }, e), null, 16));
+  }
+});
+export {
+  i as default
+};

package/components/dropdown/v4/OptionV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./OptionV4.vue2.js";
-/* empty css               */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../OptionV4.vue_vue_type_style_index_0_scoped_b879fe79_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-b879fe79"]]);
+/* empty css               */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../OptionV4.vue_vue_type_style_index_0_scoped_92add735_lang.css"; //*');
+const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-92add735"]]);
 export {
   s as default
 };

package/components/dropdown/v4/OptionV4.vue2.js

@@ -1,7 +1,7 @@
- import "../../../OptionV4.vue_vue_type_style_index_0_scoped_b879fe79_lang.css"; import { defineComponent as C, openBlock as o, createElementBlock as n, normalizeClass as f, unref as e, createElementVNode as d, createBlock as p, createCommentVNode as l, renderSlot as c, createVNode as b, withCtx as k, createTextVNode as g, toDisplayString as B, withModifiers as $ } from "vue";
+ import "../../../OptionV4.vue_vue_type_style_index_0_scoped_92add735_lang.css"; import { defineComponent as C, openBlock as o, createElementBlock as n, normalizeClass as f, unref as e, createElementVNode as d, createBlock as p, createCommentVNode as l, renderSlot as c, createVNode as b, withCtx as k, createTextVNode as g, toDisplayString as B, withModifiers as $ } from "vue";
 import "../../typography/Heading.vue.js";
 import N from "../../typography/Text.vue.js";
-import V from "../../checkbox/Checkbox.vue.js";
+import V from "../../checkbox/v3/Checkbox.vue.js";
 import w from "../../icon/v4/IconV4.vue.js";
 import { NOOP as O } from "@vue/shared";
 import { optionCommon as S } from "../common/Option.common.js";

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

@@ -1,7 +1,108 @@
 import Dropdown from './DropdownV4.vue';
 import DefaultDropdownTrigger from './DefaultDropdownTrigger.vue';
+import IconButtonDropdownTrigger from './IconButtonDropdownTrigger.vue';
+import ChipDropdownTrigger from './ChipDropdownTrigger.vue';
 import Option from './OptionV4.vue';
-declare const DropdownTypes: () => (({
+declare const DropdownTypes: () => (import("vue").DefineComponent<{
+    label: {
+        type: import("vue").PropType<string>;
+        required: true;
+        default: string;
+    };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    options: {
+        type: import("vue").PropType<unknown[]>;
+        required: true;
+    };
+    feedbackVariant: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    open: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+        default: boolean;
+    };
+    multi: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    };
+    displayValue: {
+        type: import("vue").PropType<(option: unknown) => string>;
+        required: true;
+    };
+    displayedValue: {
+        type: import("vue").PropType<any>;
+        required: true;
+        default: string;
+    };
+    selectedOption: {
+        type: import("vue").PropType<unknown>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    clear: () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: import("vue").PropType<string>;
+        required: true;
+        default: string;
+    };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    options: {
+        type: import("vue").PropType<unknown[]>;
+        required: true;
+    };
+    feedbackVariant: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    open: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+        default: boolean;
+    };
+    multi: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    };
+    displayValue: {
+        type: import("vue").PropType<(option: unknown) => string>;
+        required: true;
+    };
+    displayedValue: {
+        type: import("vue").PropType<any>;
+        required: true;
+        default: string;
+    };
+    selectedOption: {
+        type: import("vue").PropType<unknown>;
+        required: true;
+    };
+}>> & {
+    onClear?: () => any;
+}, {
+    label: string;
+    testId: string;
+    disabled: boolean;
+    feedbackVariant: string;
+    open: boolean;
+    displayedValue: any;
+}> | ({
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};
@@ -378,7 +479,19 @@ declare const DropdownTypes: () => (({
     $slots: {
         "brand-icon"?(_: {}): any;
     };
-})) | ({
+})) | import("vue").DefineComponent<{
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>>, {
+    testId: string;
+}> | ({
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};
@@ -570,33 +683,31 @@ declare const DropdownTypes: () => (({
             placement: import("floating-vue").Placement;
             disabled: boolean;
             container: string;
+            popperClass: string;
             selected: any;
+            distance: number;
             mandatory: boolean;
             modelValue: any;
             placeholder: string;
             isOnTop: boolean;
             multi: boolean;
             inlineSearch: boolean;
-            popperClass: string;
             noResultsText: string;
             defaultOpen: boolean;
-            distance: number;
             skidding: number;
             onSearch: (option: any, term: string) => boolean;
             flip: boolean;
             keepOpen: boolean;
             autoSize: boolean;
             disableKeyboardEvents: boolean;
-            multiOptionsPlaceholderPrefix: string;
-            multiOptionsPlaceholderSuffix: string;
-            darkTheme: boolean;
-            inlineSearchPlaceholder: string;
             onClear: () => void;
+            inlineSearchPlaceholder: string;
             triggerLabel: string;
             triggerHelperText: string;
             triggerFeedbackText: string;
             triggerFeedbackVariant: "error" | "success" | "warning";
             searchAutoFocus: boolean;
+            predefinedTrigger: "default" | "icon-button" | "chip";
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             theme: {
                 type: import("vue").PropType<string>;
@@ -625,6 +736,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            popperClass: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             selected: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -636,6 +751,10 @@ declare const DropdownTypes: () => (({
                 }[]>;
                 required: true;
             };
+            distance: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
             mandatory: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -660,10 +779,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            popperClass: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             noResultsText: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -675,10 +790,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            distance: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             isOpen: {
                 type: import("vue").PropType<boolean>;
             };
@@ -710,26 +821,14 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            multiOptionsPlaceholderPrefix: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            multiOptionsPlaceholderSuffix: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            darkTheme: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
+            onClear: {
+                type: import("vue").PropType<() => void>;
+                default: () => true;
             };
             inlineSearchPlaceholder: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            onClear: {
-                type: import("vue").PropType<() => void>;
-                default: () => true;
-            };
             triggerLabel: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -750,13 +849,17 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            predefinedTrigger: {
+                type: import("vue").PropType<"default" | "icon-button" | "chip">;
+                default: "default" | "icon-button" | "chip";
+            };
         }>> & {
             onApply?: (value: unknown) => any;
             "onUpdate:selected"?: (value: unknown) => any;
             "onUpdate:isOpen"?: (value: unknown) => any;
             onOpened?: () => any;
             onClosed?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "size" | "testId" | "placement" | "disabled" | "container" | "selected" | "mandatory" | "modelValue" | "placeholder" | "isOnTop" | "multi" | "inlineSearch" | "popperClass" | "noResultsText" | "defaultOpen" | "distance" | "skidding" | "onSearch" | "flip" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "multiOptionsPlaceholderPrefix" | "multiOptionsPlaceholderSuffix" | "darkTheme" | "inlineSearchPlaceholder" | "onClear" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "searchAutoFocus">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "size" | "testId" | "placement" | "disabled" | "container" | "popperClass" | "selected" | "distance" | "mandatory" | "modelValue" | "placeholder" | "isOnTop" | "multi" | "inlineSearch" | "noResultsText" | "defaultOpen" | "skidding" | "onSearch" | "flip" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "onClear" | "inlineSearchPlaceholder" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "searchAutoFocus" | "predefinedTrigger">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -768,7 +871,7 @@ declare const DropdownTypes: () => (({
         }>;
         $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: "update:selected", value: unknown) => void) & ((event: "apply", value: unknown) => void) & ((event: "update:isOpen", value: unknown) => void) & ((event: "opened") => void) & ((event: "closed") => void);
+        $emit: ((event: "apply", value: unknown) => void) & ((event: "update:selected", value: unknown) => void) & ((event: "update:isOpen", value: unknown) => void) & ((event: "opened") => void) & ((event: "closed") => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             theme: {
@@ -798,6 +901,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            popperClass: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             selected: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -809,6 +916,10 @@ declare const DropdownTypes: () => (({
                 }[]>;
                 required: true;
             };
+            distance: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
             mandatory: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -833,10 +944,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            popperClass: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             noResultsText: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -848,10 +955,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            distance: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             isOpen: {
                 type: import("vue").PropType<boolean>;
             };
@@ -883,26 +986,14 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            multiOptionsPlaceholderPrefix: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            multiOptionsPlaceholderSuffix: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            darkTheme: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
+            onClear: {
+                type: import("vue").PropType<() => void>;
+                default: () => true;
             };
             inlineSearchPlaceholder: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            onClear: {
-                type: import("vue").PropType<() => void>;
-                default: () => true;
-            };
             triggerLabel: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -923,6 +1014,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            predefinedTrigger: {
+                type: import("vue").PropType<"default" | "icon-button" | "chip">;
+                default: "default" | "icon-button" | "chip";
+            };
         }>> & {
             onApply?: (value: unknown) => any;
             "onUpdate:selected"?: (value: unknown) => any;
@@ -945,33 +1040,31 @@ declare const DropdownTypes: () => (({
             placement: import("floating-vue").Placement;
             disabled: boolean;
             container: string;
+            popperClass: string;
             selected: any;
+            distance: number;
             mandatory: boolean;
             modelValue: any;
             placeholder: string;
             isOnTop: boolean;
             multi: boolean;
             inlineSearch: boolean;
-            popperClass: string;
             noResultsText: string;
             defaultOpen: boolean;
-            distance: number;
             skidding: number;
             onSearch: (option: any, term: string) => boolean;
             flip: boolean;
             keepOpen: boolean;
             autoSize: boolean;
             disableKeyboardEvents: boolean;
-            multiOptionsPlaceholderPrefix: string;
-            multiOptionsPlaceholderSuffix: string;
-            darkTheme: boolean;
-            inlineSearchPlaceholder: string;
             onClear: () => void;
+            inlineSearchPlaceholder: string;
             triggerLabel: string;
             triggerHelperText: string;
             triggerFeedbackText: string;
             triggerFeedbackVariant: "error" | "success" | "warning";
             searchAutoFocus: boolean;
+            predefinedTrigger: "default" | "icon-button" | "chip";
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -1020,6 +1113,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<string>;
             default: string;
         };
+        popperClass: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         selected: {
             type: import("vue").PropType<unknown>;
             default: any;
@@ -1031,6 +1128,10 @@ declare const DropdownTypes: () => (({
             }[]>;
             required: true;
         };
+        distance: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
         mandatory: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -1055,10 +1156,6 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        popperClass: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         noResultsText: {
             type: import("vue").PropType<string>;
             default: string;
@@ -1070,10 +1167,6 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        distance: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
         isOpen: {
             type: import("vue").PropType<boolean>;
         };
@@ -1105,26 +1198,14 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        multiOptionsPlaceholderPrefix: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        multiOptionsPlaceholderSuffix: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        darkTheme: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
+        onClear: {
+            type: import("vue").PropType<() => void>;
+            default: () => true;
         };
         inlineSearchPlaceholder: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        onClear: {
-            type: import("vue").PropType<() => void>;
-            default: () => true;
-        };
         triggerLabel: {
             type: import("vue").PropType<string>;
             default: string;
@@ -1145,6 +1226,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        predefinedTrigger: {
+            type: import("vue").PropType<"default" | "icon-button" | "chip">;
+            default: "default" | "icon-button" | "chip";
+        };
     }>> & {
         onApply?: (value: unknown) => any;
         "onUpdate:selected"?: (value: unknown) => any;
@@ -1186,6 +1271,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<string>;
         default: string;
     };
+    popperClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     selected: {
         type: import("vue").PropType<unknown>;
         default: any;
@@ -1197,6 +1286,10 @@ declare const DropdownTypes: () => (({
         }[]>;
         required: true;
     };
+    distance: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
     mandatory: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -1221,10 +1314,6 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    popperClass: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     noResultsText: {
         type: import("vue").PropType<string>;
         default: string;
@@ -1236,10 +1325,6 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    distance: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
     isOpen: {
         type: import("vue").PropType<boolean>;
     };
@@ -1271,26 +1356,14 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    multiOptionsPlaceholderPrefix: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    multiOptionsPlaceholderSuffix: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    darkTheme: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
+    onClear: {
+        type: import("vue").PropType<() => void>;
+        default: () => true;
     };
     inlineSearchPlaceholder: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    onClear: {
-        type: import("vue").PropType<() => void>;
-        default: () => true;
-    };
     triggerLabel: {
         type: import("vue").PropType<string>;
         default: string;
@@ -1311,6 +1384,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    predefinedTrigger: {
+        type: import("vue").PropType<"default" | "icon-button" | "chip">;
+        default: "default" | "icon-button" | "chip";
+    };
 }>> & {
     onApply?: (value: unknown) => any;
     "onUpdate:selected"?: (value: unknown) => any;
@@ -1333,33 +1410,31 @@ declare const DropdownTypes: () => (({
     placement: import("floating-vue").Placement;
     disabled: boolean;
     container: string;
+    popperClass: string;
     selected: any;
+    distance: number;
     mandatory: boolean;
     modelValue: any;
     placeholder: string;
     isOnTop: boolean;
     multi: boolean;
     inlineSearch: boolean;
-    popperClass: string;
     noResultsText: string;
     defaultOpen: boolean;
-    distance: number;
     skidding: number;
     onSearch: (option: any, term: string) => boolean;
     flip: boolean;
     keepOpen: boolean;
     autoSize: boolean;
     disableKeyboardEvents: boolean;
-    multiOptionsPlaceholderPrefix: string;
-    multiOptionsPlaceholderSuffix: string;
-    darkTheme: boolean;
-    inlineSearchPlaceholder: string;
     onClear: () => void;
+    inlineSearchPlaceholder: string;
     triggerLabel: string;
     triggerHelperText: string;
     triggerFeedbackText: string;
     triggerFeedbackVariant: "error" | "success" | "warning";
     searchAutoFocus: boolean;
+    predefinedTrigger: "default" | "icon-button" | "chip";
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         label?(_: {}): any;
@@ -1374,4 +1449,4 @@ declare const DropdownTypes: () => (({
         }): any;
     };
 })))[];
-export { Dropdown, DefaultDropdownTrigger, DropdownTypes, Option };
+export { Dropdown, DefaultDropdownTrigger, IconButtonDropdownTrigger, ChipDropdownTrigger, DropdownTypes, Option, };