@ironsource/shared-ui 2.0.2-rc.4 → 2.0.2-rc.5

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

@@ -10,15 +10,15 @@ declare const DropdownTypes: () => (({
         $data: {};
         $props: Partial<{
             label: string;
-            disabled: boolean;
             size: "small" | "medium" | "large";
-            open: boolean;
-            mandatory: boolean;
-            loading: boolean;
             testId: string;
+            loading: boolean;
+            disabled: boolean;
             options: unknown[];
             singleAppSelection: boolean;
             placeholder: string;
+            open: boolean;
+            mandatory: boolean;
             multi: boolean;
             valueToCopy: string;
             selectedOption: any;
@@ -26,38 +26,29 @@ declare const DropdownTypes: () => (({
             optionNameKey: string;
             optionImageKey: string;
             optionIconKey: string;
-            optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+            optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             label: {
                 type: import("vue").PropType<string>;
                 required: true;
                 default: string;
             };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             size: {
                 type: import("vue").PropType<"small" | "medium" | "large">;
                 default: string;
             };
-            open: {
-                type: import("vue").PropType<boolean>;
-                required: true;
-                default: boolean;
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
             };
-            mandatory: {
+            loading: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            loading: {
+            disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             options: {
                 type: import("vue").PropType<unknown[]>;
                 default: any;
@@ -70,6 +61,15 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            open: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+                default: boolean;
+            };
+            mandatory: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             multi: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -103,12 +103,12 @@ declare const DropdownTypes: () => (({
                 default: any;
             };
             optionIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+                type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
                 default: any;
             };
         }>> & {
             onClick?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "disabled" | "size" | "open" | "mandatory" | "loading" | "testId" | "options" | "singleAppSelection" | "placeholder" | "multi" | "valueToCopy" | "selectedOption" | "brandIconType" | "optionNameKey" | "optionImageKey" | "optionIconKey" | "optionIconType">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "size" | "testId" | "loading" | "disabled" | "options" | "singleAppSelection" | "placeholder" | "open" | "mandatory" | "multi" | "valueToCopy" | "selectedOption" | "brandIconType" | "optionNameKey" | "optionImageKey" | "optionIconKey" | "optionIconType">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -128,31 +128,22 @@ declare const DropdownTypes: () => (({
                 required: true;
                 default: string;
             };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             size: {
                 type: import("vue").PropType<"small" | "medium" | "large">;
                 default: string;
             };
-            open: {
-                type: import("vue").PropType<boolean>;
-                required: true;
-                default: boolean;
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
             };
-            mandatory: {
+            loading: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            loading: {
+            disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             options: {
                 type: import("vue").PropType<unknown[]>;
                 default: any;
@@ -165,6 +156,15 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            open: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+                default: boolean;
+            };
+            mandatory: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             multi: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -198,7 +198,7 @@ declare const DropdownTypes: () => (({
                 default: any;
             };
             optionIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+                type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
                 default: any;
             };
         }>> & {
@@ -207,15 +207,15 @@ declare const DropdownTypes: () => (({
             click: () => void;
         }, string, {
             label: string;
-            disabled: boolean;
             size: "small" | "medium" | "large";
-            open: boolean;
-            mandatory: boolean;
-            loading: boolean;
             testId: string;
+            loading: boolean;
+            disabled: boolean;
             options: unknown[];
             singleAppSelection: boolean;
             placeholder: string;
+            open: boolean;
+            mandatory: boolean;
             multi: boolean;
             valueToCopy: string;
             selectedOption: any;
@@ -223,7 +223,7 @@ declare const DropdownTypes: () => (({
             optionNameKey: string;
             optionImageKey: string;
             optionIconKey: string;
-            optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+            optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -250,31 +250,22 @@ declare const DropdownTypes: () => (({
             required: true;
             default: string;
         };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         size: {
             type: import("vue").PropType<"small" | "medium" | "large">;
             default: string;
         };
-        open: {
-            type: import("vue").PropType<boolean>;
-            required: true;
-            default: boolean;
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
         };
-        mandatory: {
+        loading: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        loading: {
+        disabled: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        testId: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         options: {
             type: import("vue").PropType<unknown[]>;
             default: any;
@@ -287,6 +278,15 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<string>;
             default: string;
         };
+        open: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+            default: boolean;
+        };
+        mandatory: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         multi: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -320,7 +320,7 @@ declare const DropdownTypes: () => (({
             default: any;
         };
         optionIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+            type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
             default: any;
         };
     }>> & {
@@ -335,31 +335,22 @@ declare const DropdownTypes: () => (({
         required: true;
         default: string;
     };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     size: {
         type: import("vue").PropType<"small" | "medium" | "large">;
         default: string;
     };
-    open: {
-        type: import("vue").PropType<boolean>;
-        required: true;
-        default: boolean;
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
     };
-    mandatory: {
+    loading: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    loading: {
+    disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    testId: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     options: {
         type: import("vue").PropType<unknown[]>;
         default: any;
@@ -372,6 +363,15 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<string>;
         default: string;
     };
+    open: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+        default: boolean;
+    };
+    mandatory: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     multi: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -405,7 +405,7 @@ declare const DropdownTypes: () => (({
         default: any;
     };
     optionIconType: {
-        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+        type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
         default: any;
     };
 }>> & {
@@ -414,15 +414,15 @@ declare const DropdownTypes: () => (({
     click: () => void;
 }, string, {
     label: string;
-    disabled: boolean;
     size: "small" | "medium" | "large";
-    open: boolean;
-    mandatory: boolean;
-    loading: boolean;
     testId: string;
+    loading: boolean;
+    disabled: boolean;
     options: unknown[];
     singleAppSelection: boolean;
     placeholder: string;
+    open: boolean;
+    mandatory: boolean;
     multi: boolean;
     valueToCopy: string;
     selectedOption: any;
@@ -430,7 +430,7 @@ declare const DropdownTypes: () => (({
     optionNameKey: string;
     optionImageKey: string;
     optionIconKey: string;
-    optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         image?(_: {}): any;
@@ -442,23 +442,23 @@ declare const DropdownTypes: () => (({
         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;
+    };
     open: {
         type: import("vue").PropType<boolean>;
         required: true;
         default: boolean;
     };
-    testId: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    options: {
-        type: import("vue").PropType<unknown[]>;
-        required: true;
-    };
     multi: {
         type: import("vue").PropType<boolean>;
         required: true;
@@ -488,23 +488,23 @@ declare const DropdownTypes: () => (({
         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;
+    };
     open: {
         type: import("vue").PropType<boolean>;
         required: true;
         default: boolean;
     };
-    testId: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    options: {
-        type: import("vue").PropType<unknown[]>;
-        required: true;
-    };
     multi: {
         type: import("vue").PropType<boolean>;
         required: true;
@@ -530,9 +530,9 @@ declare const DropdownTypes: () => (({
     onClear?: () => any;
 }, {
     label: string;
+    testId: string;
     disabled: boolean;
     open: boolean;
-    testId: string;
     displayedValue: any;
     feedbackVariant: string;
 }> | ({
@@ -541,57 +541,48 @@ declare const DropdownTypes: () => (({
         $data: {};
         $props: Partial<{
             label: string;
-            disabled: boolean;
             size: "small" | "medium" | "large";
-            open: boolean;
-            mandatory: boolean;
-            loading: boolean;
             testId: string;
+            loading: boolean;
+            disabled: boolean;
             options: unknown[];
             singleAppSelection: boolean;
             placeholder: string;
+            open: boolean;
+            mandatory: boolean;
             multi: boolean;
             selectedOption: any;
             brandIconType: "android" | "ios";
             optionNameKey: string;
             optionImageKey: string;
             optionIconKey: string;
-            optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+            optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
             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";
+            hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
             feedbackText: string;
-            feedbackVariant: "success" | "warning" | "error";
+            feedbackVariant: "error" | "success" | "warning";
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             label: {
                 type: import("vue").PropType<string>;
                 required: true;
                 default: string;
             };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             size: {
                 type: import("vue").PropType<"small" | "medium" | "large">;
                 default: string;
             };
-            open: {
-                type: import("vue").PropType<boolean>;
-                required: true;
-                default: boolean;
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
             };
-            mandatory: {
+            loading: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            loading: {
+            disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             options: {
                 type: import("vue").PropType<unknown[]>;
                 default: any;
@@ -604,6 +595,15 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            open: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+                default: boolean;
+            };
+            mandatory: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             multi: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -633,7 +633,7 @@ declare const DropdownTypes: () => (({
                 default: any;
             };
             optionIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+                type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
                 default: any;
             };
             hoverHelpText: {
@@ -641,7 +641,7 @@ declare const DropdownTypes: () => (({
                 default: string;
             };
             hoverHelpTextPlacement: {
-                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">;
+                type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
                 default: string;
             };
             feedbackText: {
@@ -649,12 +649,12 @@ declare const DropdownTypes: () => (({
                 default: string;
             };
             feedbackVariant: {
-                type: import("vue").PropType<"success" | "warning" | "error">;
+                type: import("vue").PropType<"error" | "success" | "warning">;
                 default: any;
             };
         }>> & {
             onClick?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "disabled" | "size" | "open" | "mandatory" | "loading" | "testId" | "options" | "singleAppSelection" | "placeholder" | "multi" | "selectedOption" | "brandIconType" | "optionNameKey" | "optionImageKey" | "optionIconKey" | "optionIconType" | "hoverHelpText" | "hoverHelpTextPlacement" | "feedbackText" | "feedbackVariant">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "size" | "testId" | "loading" | "disabled" | "options" | "singleAppSelection" | "placeholder" | "open" | "mandatory" | "multi" | "selectedOption" | "brandIconType" | "optionNameKey" | "optionImageKey" | "optionIconKey" | "optionIconType" | "hoverHelpText" | "hoverHelpTextPlacement" | "feedbackText" | "feedbackVariant">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -674,31 +674,22 @@ declare const DropdownTypes: () => (({
                 required: true;
                 default: string;
             };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             size: {
                 type: import("vue").PropType<"small" | "medium" | "large">;
                 default: string;
             };
-            open: {
-                type: import("vue").PropType<boolean>;
-                required: true;
-                default: boolean;
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
             };
-            mandatory: {
+            loading: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            loading: {
+            disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             options: {
                 type: import("vue").PropType<unknown[]>;
                 default: any;
@@ -711,6 +702,15 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            open: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+                default: boolean;
+            };
+            mandatory: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             multi: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -740,7 +740,7 @@ declare const DropdownTypes: () => (({
                 default: any;
             };
             optionIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+                type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
                 default: any;
             };
             hoverHelpText: {
@@ -748,7 +748,7 @@ declare const DropdownTypes: () => (({
                 default: string;
             };
             hoverHelpTextPlacement: {
-                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">;
+                type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
                 default: string;
             };
             feedbackText: {
@@ -756,7 +756,7 @@ declare const DropdownTypes: () => (({
                 default: string;
             };
             feedbackVariant: {
-                type: import("vue").PropType<"success" | "warning" | "error">;
+                type: import("vue").PropType<"error" | "success" | "warning">;
                 default: any;
             };
         }>> & {
@@ -765,26 +765,26 @@ declare const DropdownTypes: () => (({
             click: () => void;
         }, string, {
             label: string;
-            disabled: boolean;
             size: "small" | "medium" | "large";
-            open: boolean;
-            mandatory: boolean;
-            loading: boolean;
             testId: string;
+            loading: boolean;
+            disabled: boolean;
             options: unknown[];
             singleAppSelection: boolean;
             placeholder: string;
+            open: boolean;
+            mandatory: boolean;
             multi: boolean;
             selectedOption: any;
             brandIconType: "android" | "ios";
             optionNameKey: string;
             optionImageKey: string;
             optionIconKey: string;
-            optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+            optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
             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";
+            hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
             feedbackText: string;
-            feedbackVariant: "success" | "warning" | "error";
+            feedbackVariant: "error" | "success" | "warning";
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -811,31 +811,22 @@ declare const DropdownTypes: () => (({
             required: true;
             default: string;
         };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         size: {
             type: import("vue").PropType<"small" | "medium" | "large">;
             default: string;
         };
-        open: {
-            type: import("vue").PropType<boolean>;
-            required: true;
-            default: boolean;
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
         };
-        mandatory: {
+        loading: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        loading: {
+        disabled: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        testId: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         options: {
             type: import("vue").PropType<unknown[]>;
             default: any;
@@ -848,6 +839,15 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<string>;
             default: string;
         };
+        open: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+            default: boolean;
+        };
+        mandatory: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         multi: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -877,7 +877,7 @@ declare const DropdownTypes: () => (({
             default: any;
         };
         optionIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+            type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
             default: any;
         };
         hoverHelpText: {
@@ -885,7 +885,7 @@ declare const DropdownTypes: () => (({
             default: string;
         };
         hoverHelpTextPlacement: {
-            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">;
+            type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
             default: string;
         };
         feedbackText: {
@@ -893,7 +893,7 @@ declare const DropdownTypes: () => (({
             default: string;
         };
         feedbackVariant: {
-            type: import("vue").PropType<"success" | "warning" | "error">;
+            type: import("vue").PropType<"error" | "success" | "warning">;
             default: any;
         };
     }>> & {
@@ -908,43 +908,43 @@ declare const DropdownTypes: () => (({
         required: true;
         default: string;
     };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     size: {
         type: import("vue").PropType<"small" | "medium" | "large">;
         default: string;
     };
-    open: {
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    loading: {
         type: import("vue").PropType<boolean>;
-        required: true;
         default: boolean;
     };
-    mandatory: {
+    disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    loading: {
+    options: {
+        type: import("vue").PropType<unknown[]>;
+        default: any;
+    };
+    singleAppSelection: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    testId: {
+    placeholder: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    options: {
-        type: import("vue").PropType<unknown[]>;
-        default: any;
+    open: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+        default: boolean;
     };
-    singleAppSelection: {
+    mandatory: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    placeholder: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     multi: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -974,7 +974,7 @@ declare const DropdownTypes: () => (({
         default: any;
     };
     optionIconType: {
-        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+        type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
         default: any;
     };
     hoverHelpText: {
@@ -982,7 +982,7 @@ declare const DropdownTypes: () => (({
         default: string;
     };
     hoverHelpTextPlacement: {
-        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">;
+        type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
         default: string;
     };
     feedbackText: {
@@ -990,7 +990,7 @@ declare const DropdownTypes: () => (({
         default: string;
     };
     feedbackVariant: {
-        type: import("vue").PropType<"success" | "warning" | "error">;
+        type: import("vue").PropType<"error" | "success" | "warning">;
         default: any;
     };
 }>> & {
@@ -999,26 +999,26 @@ declare const DropdownTypes: () => (({
     click: () => void;
 }, string, {
     label: string;
-    disabled: boolean;
     size: "small" | "medium" | "large";
-    open: boolean;
-    mandatory: boolean;
-    loading: boolean;
     testId: string;
+    loading: boolean;
+    disabled: boolean;
     options: unknown[];
     singleAppSelection: boolean;
     placeholder: string;
+    open: boolean;
+    mandatory: boolean;
     multi: boolean;
     selectedOption: any;
     brandIconType: "android" | "ios";
     optionNameKey: string;
     optionImageKey: string;
     optionIconKey: string;
-    optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
     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";
+    hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     feedbackText: string;
-    feedbackVariant: "success" | "warning" | "error";
+    feedbackVariant: "error" | "success" | "warning";
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         image?(_: {}): any;
@@ -1043,14 +1043,14 @@ declare const DropdownTypes: () => (({
         $props: Partial<{
             option: any;
             disabled: boolean;
-            active: boolean;
             isIndeterminate: boolean;
             subtitle: string;
             selectAllOption: boolean;
+            active: boolean;
             nameKey: string;
             imageKey: string;
             iconKey: string;
-            iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+            iconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             option: {
                 type: import("vue").PropType<unknown>;
@@ -1060,10 +1060,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            active: {
-                type: import("vue").PropType<boolean>;
-                default: any;
-            };
             isIndeterminate: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -1079,6 +1075,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            active: {
+                type: import("vue").PropType<boolean>;
+                default: any;
+            };
             nameKey: {
                 type: import("vue").PropType<string>;
                 default: any;
@@ -1092,10 +1092,10 @@ declare const DropdownTypes: () => (({
                 default: any;
             };
             iconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
-                default: string;
+                type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                default: any;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "isIndeterminate" | "subtitle" | "selectAllOption" | "active" | "nameKey" | "imageKey" | "iconKey" | "iconType">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1118,10 +1118,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            active: {
-                type: import("vue").PropType<boolean>;
-                default: any;
-            };
             isIndeterminate: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -1137,6 +1133,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            active: {
+                type: import("vue").PropType<boolean>;
+                default: any;
+            };
             nameKey: {
                 type: import("vue").PropType<string>;
                 default: any;
@@ -1150,20 +1150,20 @@ declare const DropdownTypes: () => (({
                 default: any;
             };
             iconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
-                default: string;
+                type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                default: any;
             };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             option: any;
             disabled: boolean;
-            active: boolean;
             isIndeterminate: boolean;
             subtitle: string;
             selectAllOption: boolean;
+            active: boolean;
             nameKey: string;
             imageKey: string;
             iconKey: string;
-            iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+            iconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -1193,10 +1193,6 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        active: {
-            type: import("vue").PropType<boolean>;
-            default: any;
-        };
         isIndeterminate: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -1212,6 +1208,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        active: {
+            type: import("vue").PropType<boolean>;
+            default: any;
+        };
         nameKey: {
             type: import("vue").PropType<string>;
             default: any;
@@ -1225,8 +1225,8 @@ declare const DropdownTypes: () => (({
             default: any;
         };
         iconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
-            default: string;
+            type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+            default: any;
         };
     }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
@@ -1241,10 +1241,6 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    active: {
-        type: import("vue").PropType<boolean>;
-        default: any;
-    };
     isIndeterminate: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -1260,6 +1256,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    active: {
+        type: import("vue").PropType<boolean>;
+        default: any;
+    };
     nameKey: {
         type: import("vue").PropType<string>;
         default: any;
@@ -1273,20 +1273,20 @@ declare const DropdownTypes: () => (({
         default: any;
     };
     iconType: {
-        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
-        default: string;
+        type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+        default: any;
     };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     option: any;
     disabled: boolean;
-    active: boolean;
     isIndeterminate: boolean;
     subtitle: string;
     selectAllOption: boolean;
+    active: boolean;
     nameKey: string;
     imageKey: string;
     iconKey: string;
-    iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    iconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         image?(_: {}): any;
@@ -1299,25 +1299,25 @@ declare const DropdownTypes: () => (({
         $data: {};
         $props: Partial<{
             theme: string;
-            disabled: boolean;
             size: "sm" | "lg";
-            flip: boolean;
-            mandatory: boolean;
             testId: string;
-            container: string;
             placement: import("floating-vue").Placement;
-            distance: number;
+            disabled: boolean;
+            container: string;
             popperClass: string;
             selected: any;
             modelValue: any;
             placeholder: string;
+            mandatory: boolean;
             isOnTop: boolean;
             multi: boolean;
             inlineSearch: boolean;
             noResultsText: string;
             defaultOpen: boolean;
+            distance: number;
             skidding: number;
             onSearch: (option: any, term: string) => boolean;
+            flip: boolean;
             keepOpen: boolean;
             autoSize: boolean;
             disableKeyboardEvents: boolean;
@@ -1325,13 +1325,13 @@ declare const DropdownTypes: () => (({
             optionNameKey: string;
             optionImageKey: string;
             optionIconKey: string;
-            optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+            optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
             onClear: () => void;
             inlineSearchPlaceholder: string;
             triggerLabel: string;
             triggerHelperText: string;
             triggerFeedbackText: string;
-            triggerFeedbackVariant: "success" | "warning" | "error";
+            triggerFeedbackVariant: "error" | "success" | "warning";
             searchAutoFocus: boolean;
             predefinedTrigger: "default" | "icon-button" | "chip" | "app";
             fullWidth: boolean;
@@ -1341,40 +1341,28 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             size: {
                 type: import("vue").PropType<"sm" | "lg">;
                 default: string;
             };
-            flip: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            mandatory: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            loading: {
-                type: import("vue").PropType<boolean>;
-            };
             testId: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            container: {
-                type: import("vue").PropType<string>;
-                default: string;
+            loading: {
+                type: import("vue").PropType<boolean>;
             };
             placement: {
                 type: import("vue").PropType<import("floating-vue").Placement>;
                 default: string;
             };
-            distance: {
-                type: import("vue").PropType<number>;
-                default: number;
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            container: {
+                type: import("vue").PropType<string>;
+                default: string;
             };
             popperClass: {
                 type: import("vue").PropType<string>;
@@ -1399,6 +1387,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            mandatory: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             isOnTop: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -1422,6 +1414,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            distance: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
             isOpen: {
                 type: import("vue").PropType<boolean>;
             };
@@ -1437,6 +1433,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<(option: any, term: string) => boolean>;
                 default: any;
             };
+            flip: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             keepOpen: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -1466,7 +1466,7 @@ declare const DropdownTypes: () => (({
                 default: string;
             };
             optionIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+                type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
                 default: any;
             };
             onClear: {
@@ -1490,7 +1490,7 @@ declare const DropdownTypes: () => (({
                 default: string;
             };
             triggerFeedbackVariant: {
-                type: import("vue").PropType<"success" | "warning" | "error">;
+                type: import("vue").PropType<"error" | "success" | "warning">;
                 default: any;
             };
             searchAutoFocus: {
@@ -1515,7 +1515,7 @@ declare const DropdownTypes: () => (({
             "onUpdate:isOpen"?: (value: unknown) => any;
             onOpened?: () => any;
             onClosed?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "disabled" | "size" | "flip" | "mandatory" | "testId" | "container" | "placement" | "distance" | "popperClass" | "selected" | "modelValue" | "placeholder" | "isOnTop" | "multi" | "inlineSearch" | "noResultsText" | "defaultOpen" | "skidding" | "onSearch" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "valueToCopy" | "optionNameKey" | "optionImageKey" | "optionIconKey" | "optionIconType" | "onClear" | "inlineSearchPlaceholder" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "searchAutoFocus" | "predefinedTrigger" | "fullWidth" | "optionsListWidth">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "size" | "testId" | "placement" | "disabled" | "container" | "popperClass" | "selected" | "modelValue" | "placeholder" | "mandatory" | "isOnTop" | "multi" | "inlineSearch" | "noResultsText" | "defaultOpen" | "distance" | "skidding" | "onSearch" | "flip" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "valueToCopy" | "optionNameKey" | "optionImageKey" | "optionIconKey" | "optionIconType" | "onClear" | "inlineSearchPlaceholder" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "searchAutoFocus" | "predefinedTrigger" | "fullWidth" | "optionsListWidth">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1534,40 +1534,28 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             size: {
                 type: import("vue").PropType<"sm" | "lg">;
                 default: string;
             };
-            flip: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            mandatory: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            loading: {
-                type: import("vue").PropType<boolean>;
-            };
             testId: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            container: {
-                type: import("vue").PropType<string>;
-                default: string;
+            loading: {
+                type: import("vue").PropType<boolean>;
             };
             placement: {
                 type: import("vue").PropType<import("floating-vue").Placement>;
                 default: string;
             };
-            distance: {
-                type: import("vue").PropType<number>;
-                default: number;
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            container: {
+                type: import("vue").PropType<string>;
+                default: string;
             };
             popperClass: {
                 type: import("vue").PropType<string>;
@@ -1592,6 +1580,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            mandatory: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             isOnTop: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -1615,6 +1607,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            distance: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
             isOpen: {
                 type: import("vue").PropType<boolean>;
             };
@@ -1630,6 +1626,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<(option: any, term: string) => boolean>;
                 default: any;
             };
+            flip: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             keepOpen: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -1659,7 +1659,7 @@ declare const DropdownTypes: () => (({
                 default: string;
             };
             optionIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+                type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
                 default: any;
             };
             onClear: {
@@ -1683,7 +1683,7 @@ declare const DropdownTypes: () => (({
                 default: string;
             };
             triggerFeedbackVariant: {
-                type: import("vue").PropType<"success" | "warning" | "error">;
+                type: import("vue").PropType<"error" | "success" | "warning">;
                 default: any;
             };
             searchAutoFocus: {
@@ -1719,25 +1719,25 @@ declare const DropdownTypes: () => (({
             apply: (value: unknown) => void;
         }, string, {
             theme: string;
-            disabled: boolean;
             size: "sm" | "lg";
-            flip: boolean;
-            mandatory: boolean;
             testId: string;
-            container: string;
             placement: import("floating-vue").Placement;
-            distance: number;
+            disabled: boolean;
+            container: string;
             popperClass: string;
             selected: any;
             modelValue: any;
             placeholder: string;
+            mandatory: boolean;
             isOnTop: boolean;
             multi: boolean;
             inlineSearch: boolean;
             noResultsText: string;
             defaultOpen: boolean;
+            distance: number;
             skidding: number;
             onSearch: (option: any, term: string) => boolean;
+            flip: boolean;
             keepOpen: boolean;
             autoSize: boolean;
             disableKeyboardEvents: boolean;
@@ -1745,13 +1745,13 @@ declare const DropdownTypes: () => (({
             optionNameKey: string;
             optionImageKey: string;
             optionIconKey: string;
-            optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+            optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
             onClear: () => void;
             inlineSearchPlaceholder: string;
             triggerLabel: string;
             triggerHelperText: string;
             triggerFeedbackText: string;
-            triggerFeedbackVariant: "success" | "warning" | "error";
+            triggerFeedbackVariant: "error" | "success" | "warning";
             searchAutoFocus: boolean;
             predefinedTrigger: "default" | "icon-button" | "chip" | "app";
             fullWidth: boolean;
@@ -1781,40 +1781,28 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<string>;
             default: string;
         };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         size: {
             type: import("vue").PropType<"sm" | "lg">;
             default: string;
         };
-        flip: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        mandatory: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        loading: {
-            type: import("vue").PropType<boolean>;
-        };
         testId: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        container: {
-            type: import("vue").PropType<string>;
-            default: string;
+        loading: {
+            type: import("vue").PropType<boolean>;
         };
         placement: {
             type: import("vue").PropType<import("floating-vue").Placement>;
             default: string;
         };
-        distance: {
-            type: import("vue").PropType<number>;
-            default: number;
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        container: {
+            type: import("vue").PropType<string>;
+            default: string;
         };
         popperClass: {
             type: import("vue").PropType<string>;
@@ -1839,6 +1827,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<string>;
             default: string;
         };
+        mandatory: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         isOnTop: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -1862,6 +1854,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        distance: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
         isOpen: {
             type: import("vue").PropType<boolean>;
         };
@@ -1877,6 +1873,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<(option: any, term: string) => boolean>;
             default: any;
         };
+        flip: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         keepOpen: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -1906,7 +1906,7 @@ declare const DropdownTypes: () => (({
             default: string;
         };
         optionIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+            type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
             default: any;
         };
         onClear: {
@@ -1930,7 +1930,7 @@ declare const DropdownTypes: () => (({
             default: string;
         };
         triggerFeedbackVariant: {
-            type: import("vue").PropType<"success" | "warning" | "error">;
+            type: import("vue").PropType<"error" | "success" | "warning">;
             default: any;
         };
         searchAutoFocus: {
@@ -1967,40 +1967,28 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<string>;
         default: string;
     };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     size: {
         type: import("vue").PropType<"sm" | "lg">;
         default: string;
     };
-    flip: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    mandatory: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    loading: {
-        type: import("vue").PropType<boolean>;
-    };
     testId: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    container: {
-        type: import("vue").PropType<string>;
-        default: string;
+    loading: {
+        type: import("vue").PropType<boolean>;
     };
     placement: {
         type: import("vue").PropType<import("floating-vue").Placement>;
         default: string;
     };
-    distance: {
-        type: import("vue").PropType<number>;
-        default: number;
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    container: {
+        type: import("vue").PropType<string>;
+        default: string;
     };
     popperClass: {
         type: import("vue").PropType<string>;
@@ -2025,6 +2013,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<string>;
         default: string;
     };
+    mandatory: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     isOnTop: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -2048,6 +2040,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    distance: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
     isOpen: {
         type: import("vue").PropType<boolean>;
     };
@@ -2063,6 +2059,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<(option: any, term: string) => boolean>;
         default: any;
     };
+    flip: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     keepOpen: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -2092,7 +2092,7 @@ declare const DropdownTypes: () => (({
         default: string;
     };
     optionIconType: {
-        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+        type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
         default: any;
     };
     onClear: {
@@ -2116,7 +2116,7 @@ declare const DropdownTypes: () => (({
         default: string;
     };
     triggerFeedbackVariant: {
-        type: import("vue").PropType<"success" | "warning" | "error">;
+        type: import("vue").PropType<"error" | "success" | "warning">;
         default: any;
     };
     searchAutoFocus: {
@@ -2152,25 +2152,25 @@ declare const DropdownTypes: () => (({
     apply: (value: unknown) => void;
 }, string, {
     theme: string;
-    disabled: boolean;
     size: "sm" | "lg";
-    flip: boolean;
-    mandatory: boolean;
     testId: string;
-    container: string;
     placement: import("floating-vue").Placement;
-    distance: number;
+    disabled: boolean;
+    container: string;
     popperClass: string;
     selected: any;
     modelValue: any;
     placeholder: string;
+    mandatory: boolean;
     isOnTop: boolean;
     multi: boolean;
     inlineSearch: boolean;
     noResultsText: string;
     defaultOpen: boolean;
+    distance: number;
     skidding: number;
     onSearch: (option: any, term: string) => boolean;
+    flip: boolean;
     keepOpen: boolean;
     autoSize: boolean;
     disableKeyboardEvents: boolean;
@@ -2178,13 +2178,13 @@ declare const DropdownTypes: () => (({
     optionNameKey: string;
     optionImageKey: string;
     optionIconKey: string;
-    optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
     onClear: () => void;
     inlineSearchPlaceholder: string;
     triggerLabel: string;
     triggerHelperText: string;
     triggerFeedbackText: string;
-    triggerFeedbackVariant: "success" | "warning" | "error";
+    triggerFeedbackVariant: "error" | "success" | "warning";
     searchAutoFocus: boolean;
     predefinedTrigger: "default" | "icon-button" | "chip" | "app";
     fullWidth: boolean;