npm - @adyen/bento-vue2 - Versions diffs - 1.6.1 → 1.7.0 - Mend

@adyen/bento-vue2 1.6.1 → 1.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (291) hide show

package/dist/@types/packages/vue2/src/components/dropdown/components/dropdown-options-container/dropdown-options-container.vue.d.ts CHANGED Viewed

@@ -1,11 +1,15 @@
 import { PropType } from 'vue';
 import { BentoListboxEvent, BentoListboxOptions, BentoListboxSelectedValue } from "../../../../types";
-import { BentoDropdownLazyLoadType, BentoDropdownSize } from '../../dropdown.types';
+import { BentoDropdownEmptyStateProps, BentoDropdownLazyLoadType, BentoDropdownSize, BentoDropdownVirtulisationOptions } from '../../dropdown.types';
 declare const _default: import("vue").DefineComponent<{
     ariaLabel: {
         type: StringConstructor;
         default: any;
     };
+    emptyState: {
+        type: PropType<BentoDropdownEmptyStateProps>;
+        default: any;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -60,6 +64,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<import("../../../../types").VueNodeElement>;
         required: true;
     };
+    virtualScroll: {
+        type: PropType<BentoDropdownVirtulisationOptions>;
+        default: boolean;
+    };
 }, {
     isDropdownOpen: import("vue").ComputedRef<boolean>;
     conditionalClasses: import("vue").ComputedRef<{
@@ -139,7 +147,7 @@ declare const _default: import("vue").DefineComponent<{
             validator: (value: number[]) => boolean;
         };
         position: {
-            type: PropType<"auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition>;
+            type: 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" | import("../../../popper-container").PopperContainerPosition>;
             default: import("../../../popper-container").PopperContainerPositionExtended;
             validator: (value: unknown) => boolean;
         };
@@ -205,7 +213,7 @@ declare const _default: import("vue").DefineComponent<{
             validator: (value: number[]) => boolean;
         };
         position: {
-            type: PropType<"auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition>;
+            type: 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" | import("../../../popper-container").PopperContainerPosition>;
             default: import("../../../popper-container").PopperContainerPositionExtended;
             validator: (value: unknown) => boolean;
         };
@@ -216,12 +224,14 @@ declare const _default: import("vue").DefineComponent<{
     }>>, {
         placement: (value: import("@floating-ui/utils").Placement) => void;
     }, {
+        id: string;
+        position: "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" | import("../../../popper-container").PopperContainerPosition;
+        offset: number[];
         ariaRole: import("../../../popper-container").PopperContainerAriaRole;
         arrow: any;
         disabledFocusTrap: boolean;
         fallbackPosition: import("../../../popper-container").FallbackPositionProp;
         fixedPositioning: boolean;
-        id: string;
         isHidden: boolean;
         matchWidth: boolean;
         middleware: {
@@ -239,8 +249,6 @@ declare const _default: import("vue").DefineComponent<{
                 elements: import("@floating-ui/dom").Elements;
             }) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
         }[];
-        offset: number[];
-        position: "auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition;
     }, true, import("vue/types/v3-component-options").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> & Readonly<Readonly<import("vue").ExtractPropTypes<{
         ariaRole: {
             type: PropType<import("../../../popper-container").PopperContainerAriaRole>;
@@ -299,7 +307,7 @@ declare const _default: import("vue").DefineComponent<{
             validator: (value: number[]) => boolean;
         };
         position: {
-            type: PropType<"auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition>;
+            type: 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" | import("../../../popper-container").PopperContainerPosition>;
             default: import("../../../popper-container").PopperContainerPositionExtended;
             validator: (value: unknown) => boolean;
         };
@@ -365,7 +373,7 @@ declare const _default: import("vue").DefineComponent<{
             validator: (value: number[]) => boolean;
         };
         position: {
-            type: PropType<"auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition>;
+            type: 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" | import("../../../popper-container").PopperContainerPosition>;
             default: import("../../../popper-container").PopperContainerPositionExtended;
             validator: (value: unknown) => boolean;
         };
@@ -431,7 +439,7 @@ declare const _default: import("vue").DefineComponent<{
             validator: (value: number[]) => boolean;
         };
         position: {
-            type: PropType<"auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition>;
+            type: 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" | import("../../../popper-container").PopperContainerPosition>;
             default: import("../../../popper-container").PopperContainerPositionExtended;
             validator: (value: unknown) => boolean;
         };
@@ -442,12 +450,14 @@ declare const _default: import("vue").DefineComponent<{
     }>>, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {
         placement: (value: import("@floating-ui/utils").Placement) => void;
     }, string, {
+        id: string;
+        position: "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" | import("../../../popper-container").PopperContainerPosition;
+        offset: number[];
         ariaRole: import("../../../popper-container").PopperContainerAriaRole;
         arrow: any;
         disabledFocusTrap: boolean;
         fallbackPosition: import("../../../popper-container").FallbackPositionProp;
         fixedPositioning: boolean;
-        id: string;
         isHidden: boolean;
         matchWidth: boolean;
         middleware: {
@@ -465,8 +475,6 @@ declare const _default: import("vue").DefineComponent<{
                 elements: import("@floating-ui/dom").Elements;
             }) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
         }[];
-        offset: number[];
-        position: "auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition;
     }> & {
         props: {
             ariaRole: {
@@ -526,7 +534,7 @@ declare const _default: import("vue").DefineComponent<{
                 validator: (value: number[]) => boolean;
             };
             position: {
-                type: PropType<"auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition>;
+                type: 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" | import("../../../popper-container").PopperContainerPosition>;
                 default: import("../../../popper-container").PopperContainerPositionExtended;
                 validator: (value: unknown) => boolean;
             };
@@ -590,7 +598,7 @@ declare const _default: import("vue").DefineComponent<{
             default: any;
         };
         position: {
-            type: PropType<"auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition>;
+            type: 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" | import("../../../popper-container").PopperContainerPosition>;
             default: import("../../../popper-container").PopperContainerPositionExtended;
             validator: (value: import("../../../popper-container").PopperContainerPosition) => boolean;
         };
@@ -679,7 +687,7 @@ declare const _default: import("vue").DefineComponent<{
             default: any;
         };
         position: {
-            type: PropType<"auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition>;
+            type: 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" | import("../../../popper-container").PopperContainerPosition>;
             default: import("../../../popper-container").PopperContainerPositionExtended;
             validator: (value: import("../../../popper-container").PopperContainerPosition) => boolean;
         };
@@ -703,11 +711,11 @@ declare const _default: import("vue").DefineComponent<{
         small: boolean;
         title: string;
         large: boolean;
+        position: "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" | import("../../../popper-container").PopperContainerPosition;
+        open: boolean;
         modifiers: unknown[];
         fallbackPosition: import("@floating-ui/utils").Placement[];
         fixedPositioning: boolean;
-        position: "auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition;
-        open: boolean;
         ariaLabel: string;
         actions: import("../../../button").BentoButtonActionsList;
         actionsLayout: "space-between" | import("../../../button").BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start";
@@ -718,12 +726,14 @@ declare const _default: import("vue").DefineComponent<{
         withoutSpace: boolean;
     }>>;
     popperContainerOrPopoverProps: import("vue").ComputedRef<Readonly<Partial<{
+        id: string;
+        position: "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" | import("../../../popper-container").PopperContainerPosition;
+        offset: number[];
         ariaRole: import("../../../popper-container").PopperContainerAriaRole;
         arrow: any;
         disabledFocusTrap: boolean;
         fallbackPosition: import("../../../popper-container").FallbackPositionProp;
         fixedPositioning: boolean;
-        id: string;
         isHidden: boolean;
         matchWidth: boolean;
         middleware: {
@@ -741,8 +751,6 @@ declare const _default: import("vue").DefineComponent<{
                 elements: import("@floating-ui/dom").Elements;
             }) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
         }[];
-        offset: number[];
-        position: "auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition;
     }> & Omit<Readonly<import("vue").ExtractPropTypes<{
         ariaRole: {
             type: PropType<import("../../../popper-container").PopperContainerAriaRole>;
@@ -801,7 +809,7 @@ declare const _default: import("vue").DefineComponent<{
             validator: (value: number[]) => boolean;
         };
         position: {
-            type: PropType<"auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition>;
+            type: 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" | import("../../../popper-container").PopperContainerPosition>;
             default: import("../../../popper-container").PopperContainerPositionExtended;
             validator: (value: unknown) => boolean;
         };
@@ -867,7 +875,7 @@ declare const _default: import("vue").DefineComponent<{
             validator: (value: number[]) => boolean;
         };
         position: {
-            type: PropType<"auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition>;
+            type: 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" | import("../../../popper-container").PopperContainerPosition>;
             default: import("../../../popper-container").PopperContainerPositionExtended;
             validator: (value: unknown) => boolean;
         };
@@ -879,11 +887,11 @@ declare const _default: import("vue").DefineComponent<{
         small: boolean;
         title: string;
         large: boolean;
+        position: "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" | import("../../../popper-container").PopperContainerPosition;
+        open: boolean;
         modifiers: unknown[];
         fallbackPosition: import("@floating-ui/utils").Placement[];
         fixedPositioning: boolean;
-        position: "auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition;
-        open: boolean;
         ariaLabel: string;
         actions: import("../../../button").BentoButtonActionsList;
         actionsLayout: "space-between" | import("../../../button").BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start";
@@ -943,7 +951,7 @@ declare const _default: import("vue").DefineComponent<{
             default: any;
         };
         position: {
-            type: PropType<"auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition>;
+            type: 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" | import("../../../popper-container").PopperContainerPosition>;
             default: import("../../../popper-container").PopperContainerPositionExtended;
             validator: (value: import("../../../popper-container").PopperContainerPosition) => boolean;
         };
@@ -1014,7 +1022,7 @@ declare const _default: import("vue").DefineComponent<{
             default: any;
         };
         position: {
-            type: PropType<"auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition>;
+            type: 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" | import("../../../popper-container").PopperContainerPosition>;
             default: import("../../../popper-container").PopperContainerPositionExtended;
             validator: (value: import("../../../popper-container").PopperContainerPosition) => boolean;
         };
@@ -1049,6 +1057,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    emptyState: {
+        type: PropType<BentoDropdownEmptyStateProps>;
+        default: any;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -1103,16 +1115,22 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<import("../../../../types").VueNodeElement>;
         required: true;
     };
+    virtualScroll: {
+        type: PropType<BentoDropdownVirtulisationOptions>;
+        default: boolean;
+    };
 }>>, {
     disabled: boolean;
-    loading: boolean;
     multiple: boolean;
+    loading: boolean;
     isOptionDisabled: (optionValue: import("../../../../types").BentoListboxOptionItem) => boolean;
     selectedValue: BentoListboxSelectedValue;
     ariaLabel: string;
     searching: boolean;
+    emptyState: BentoDropdownEmptyStateProps;
     hasMoreItems: boolean;
     lazyLoadType: "button" | "none" | "automatic" | BentoDropdownLazyLoadType;
+    virtualScroll: BentoDropdownVirtulisationOptions;
     inputSize: "DropdownInputDefault" | "DropdownInputSmall" | BentoDropdownSize;
 }>;
 export default _default;

package/dist/@types/packages/vue2/src/components/dropdown/components/dropdown-small-textbox/dropdown-small-textbox.vue.d.ts CHANGED Viewed

@@ -119,8 +119,8 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     value: string;
     disabled: boolean;
-    open: boolean;
     readonly: boolean;
+    open: boolean;
     ariaLabel: string;
     additionalItemsSelected: number;
     ariaLabelledby: string;

package/dist/@types/packages/vue2/src/components/dropdown/components/variants/dropdown-avatar/dropdown-avatar.vue.d.ts CHANGED Viewed

@@ -10,6 +10,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    emptyState: {
+        type: PropType<import("../../../../../types").BentoListboxEmptyStateProps>;
+        default: any;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -84,6 +88,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoListboxSelectedValue>;
         default: any;
     };
+    virtualScroll: {
+        type: PropType<import("../../../../../types").BentoListboxVirtulisationOptions>;
+        default: boolean;
+    };
     search: {
         type: PropType<import("../../../../../types").BentoListboxSearchOptions>;
         default: any;
@@ -104,6 +112,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    emptyState: {
+        type: PropType<import("../../../../../types").BentoListboxEmptyStateProps>;
+        default: any;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -178,6 +190,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoListboxSelectedValue>;
         default: any;
     };
+    virtualScroll: {
+        type: PropType<import("../../../../../types").BentoListboxVirtulisationOptions>;
+        default: boolean;
+    };
     search: {
         type: PropType<import("../../../../../types").BentoListboxSearchOptions>;
         default: any;
@@ -190,18 +206,20 @@ declare const _default: import("vue").DefineComponent<{
     label: string;
     required: boolean;
     disabled: boolean;
-    loading: boolean;
     placeholder: string;
     optional: boolean;
-    errorMessage: string;
+    readonly: boolean;
     size: "DropdownInputDefault" | "DropdownInputSmall" | import("../../../dropdown.types").BentoDropdownSize;
     multiple: boolean;
+    loading: boolean;
+    errorMessage: string;
     items: BentoAvatarListboxOptions;
     isOptionDisabled: (optionValue: import("../../../../../types").BentoListboxOptionItem) => boolean;
-    readonly: boolean;
     ariaLabel: string;
+    emptyState: import("../../../../../types").BentoListboxEmptyStateProps;
     hasMoreItems: boolean;
     lazyLoadType: "button" | "none" | "automatic" | import("../../../../../types").BentoListboxLazyLoadType;
+    virtualScroll: import("../../../../../types").BentoListboxVirtulisationOptions;
     dynamicFiltering: boolean;
     showSlotContentInMultiple: boolean;
 }>;

package/dist/@types/packages/vue2/src/components/dropdown/components/variants/dropdown-country/dropdown-country.vue.d.ts CHANGED Viewed

@@ -8,7 +8,7 @@ declare const _default: import("vue").DefineComponent<{
         default: () => any[];
     };
     variant: {
-        type: PropType<"name" | "iso" | "phone_code" | "capital" | "custom" | BentoCountryVariant>;
+        type: PropType<"name" | "custom" | "iso" | "phone_code" | "capital" | BentoCountryVariant>;
         default: BentoCountryVariant;
         validator: (value: BentoCountryVariant) => boolean;
     };
@@ -16,6 +16,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    emptyState: {
+        type: PropType<import("../../../../../types").BentoListboxEmptyStateProps>;
+        default: any;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -90,6 +94,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoListboxSelectedValue>;
         default: any;
     };
+    virtualScroll: {
+        type: PropType<import("../../../../../types").BentoListboxVirtulisationOptions>;
+        default: boolean;
+    };
     search: {
         type: PropType<import("../../../../../types").BentoListboxSearchOptions>;
         default: any;
@@ -103,7 +111,7 @@ declare const _default: import("vue").DefineComponent<{
         default: () => any[];
     };
     variant: {
-        type: PropType<"name" | "iso" | "phone_code" | "capital" | "custom" | BentoCountryVariant>;
+        type: PropType<"name" | "custom" | "iso" | "phone_code" | "capital" | BentoCountryVariant>;
         default: BentoCountryVariant;
         validator: (value: BentoCountryVariant) => boolean;
     };
@@ -111,6 +119,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    emptyState: {
+        type: PropType<import("../../../../../types").BentoListboxEmptyStateProps>;
+        default: any;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -185,6 +197,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoListboxSelectedValue>;
         default: any;
     };
+    virtualScroll: {
+        type: PropType<import("../../../../../types").BentoListboxVirtulisationOptions>;
+        default: boolean;
+    };
     search: {
         type: PropType<import("../../../../../types").BentoListboxSearchOptions>;
         default: any;
@@ -195,21 +211,23 @@ declare const _default: import("vue").DefineComponent<{
     value: BentoListboxSelectedValue;
     description: string;
     label: string;
-    variant: "name" | "iso" | "phone_code" | "capital" | "custom" | BentoCountryVariant;
+    variant: "name" | "custom" | "iso" | "phone_code" | "capital" | BentoCountryVariant;
     required: boolean;
     disabled: boolean;
-    loading: boolean;
     placeholder: string;
     optional: boolean;
-    errorMessage: string;
+    readonly: boolean;
     size: "DropdownInputDefault" | "DropdownInputSmall" | import("../../../dropdown.types").BentoDropdownSize;
     multiple: boolean;
+    loading: boolean;
+    errorMessage: string;
     items: BentoCountryListboxOptions;
     isOptionDisabled: (optionValue: import("../../../../../types").BentoListboxOptionItem) => boolean;
-    readonly: boolean;
     ariaLabel: string;
+    emptyState: import("../../../../../types").BentoListboxEmptyStateProps;
     hasMoreItems: boolean;
     lazyLoadType: "button" | "none" | "automatic" | import("../../../../../types").BentoListboxLazyLoadType;
+    virtualScroll: import("../../../../../types").BentoListboxVirtulisationOptions;
     dynamicFiltering: boolean;
     showSlotContentInMultiple: boolean;
 }>;

package/dist/@types/packages/vue2/src/components/dropdown/components/variants/dropdown-currency/dropdown-currency.vue.d.ts CHANGED Viewed

@@ -10,6 +10,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    emptyState: {
+        type: PropType<import("../../../../../types").BentoListboxEmptyStateProps>;
+        default: any;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -84,6 +88,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoListboxSelectedValue>;
         default: any;
     };
+    virtualScroll: {
+        type: PropType<import("../../../../../types").BentoListboxVirtulisationOptions>;
+        default: boolean;
+    };
     search: {
         type: PropType<import("../../../../../types").BentoListboxSearchOptions>;
         default: any;
@@ -99,6 +107,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    emptyState: {
+        type: PropType<import("../../../../../types").BentoListboxEmptyStateProps>;
+        default: any;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -173,6 +185,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoListboxSelectedValue>;
         default: any;
     };
+    virtualScroll: {
+        type: PropType<import("../../../../../types").BentoListboxVirtulisationOptions>;
+        default: boolean;
+    };
     search: {
         type: PropType<import("../../../../../types").BentoListboxSearchOptions>;
         default: any;
@@ -185,18 +201,20 @@ declare const _default: import("vue").DefineComponent<{
     label: string;
     required: boolean;
     disabled: boolean;
-    loading: boolean;
     placeholder: string;
     optional: boolean;
-    errorMessage: string;
+    readonly: boolean;
     size: "DropdownInputDefault" | "DropdownInputSmall" | import("../../../dropdown.types").BentoDropdownSize;
     multiple: boolean;
+    loading: boolean;
+    errorMessage: string;
     items: BentoCurrencyListboxOptions;
     isOptionDisabled: (optionValue: import("../../../../../types").BentoListboxOptionItem) => boolean;
-    readonly: boolean;
     ariaLabel: string;
+    emptyState: import("../../../../../types").BentoListboxEmptyStateProps;
     hasMoreItems: boolean;
     lazyLoadType: "button" | "none" | "automatic" | import("../../../../../types").BentoListboxLazyLoadType;
+    virtualScroll: import("../../../../../types").BentoListboxVirtulisationOptions;
     dynamicFiltering: boolean;
     showSlotContentInMultiple: boolean;
 }>;

package/dist/@types/packages/vue2/src/components/dropdown/components/variants/dropdown-payment-method/dropdown-payment-method.vue.d.ts CHANGED Viewed

@@ -10,6 +10,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    emptyState: {
+        type: PropType<import("../../../../../types").BentoListboxEmptyStateProps>;
+        default: any;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -84,6 +88,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoListboxSelectedValue>;
         default: any;
     };
+    virtualScroll: {
+        type: PropType<import("../../../../../types").BentoListboxVirtulisationOptions>;
+        default: boolean;
+    };
     search: {
         type: PropType<import("../../../../../types").BentoListboxSearchOptions>;
         default: any;
@@ -99,6 +107,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    emptyState: {
+        type: PropType<import("../../../../../types").BentoListboxEmptyStateProps>;
+        default: any;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -173,6 +185,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoListboxSelectedValue>;
         default: any;
     };
+    virtualScroll: {
+        type: PropType<import("../../../../../types").BentoListboxVirtulisationOptions>;
+        default: boolean;
+    };
     search: {
         type: PropType<import("../../../../../types").BentoListboxSearchOptions>;
         default: any;
@@ -185,18 +201,20 @@ declare const _default: import("vue").DefineComponent<{
     label: string;
     required: boolean;
     disabled: boolean;
-    loading: boolean;
     placeholder: string;
     optional: boolean;
-    errorMessage: string;
+    readonly: boolean;
     size: "DropdownInputDefault" | "DropdownInputSmall" | import("../../../dropdown.types").BentoDropdownSize;
     multiple: boolean;
+    loading: boolean;
+    errorMessage: string;
     items: BentoPaymentMethodListboxOptions;
     isOptionDisabled: (optionValue: import("../../../../../types").BentoListboxOptionItem) => boolean;
-    readonly: boolean;
     ariaLabel: string;
+    emptyState: import("../../../../../types").BentoListboxEmptyStateProps;
     hasMoreItems: boolean;
     lazyLoadType: "button" | "none" | "automatic" | import("../../../../../types").BentoListboxLazyLoadType;
+    virtualScroll: import("../../../../../types").BentoListboxVirtulisationOptions;
     dynamicFiltering: boolean;
     showSlotContentInMultiple: boolean;
 }>;

package/dist/@types/packages/vue2/src/components/dropdown/components/variants/dropdown-tag/dropdown-tag.vue.d.ts CHANGED Viewed

@@ -10,6 +10,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    emptyState: {
+        type: PropType<import("../../../../../types").BentoListboxEmptyStateProps>;
+        default: any;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -84,6 +88,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoListboxSelectedValue>;
         default: any;
     };
+    virtualScroll: {
+        type: PropType<import("../../../../../types").BentoListboxVirtulisationOptions>;
+        default: boolean;
+    };
     search: {
         type: PropType<import("../../../../../types").BentoListboxSearchOptions>;
         default: any;
@@ -104,6 +112,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    emptyState: {
+        type: PropType<import("../../../../../types").BentoListboxEmptyStateProps>;
+        default: any;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -178,6 +190,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoListboxSelectedValue>;
         default: any;
     };
+    virtualScroll: {
+        type: PropType<import("../../../../../types").BentoListboxVirtulisationOptions>;
+        default: boolean;
+    };
     search: {
         type: PropType<import("../../../../../types").BentoListboxSearchOptions>;
         default: any;
@@ -190,18 +206,20 @@ declare const _default: import("vue").DefineComponent<{
     label: string;
     required: boolean;
     disabled: boolean;
-    loading: boolean;
     placeholder: string;
     optional: boolean;
-    errorMessage: string;
+    readonly: boolean;
     size: "DropdownInputDefault" | "DropdownInputSmall" | import("../../../dropdown.types").BentoDropdownSize;
     multiple: boolean;
+    loading: boolean;
+    errorMessage: string;
     items: BentoTagListboxOptions;
     isOptionDisabled: (optionValue: import("../../../../../types").BentoListboxOptionItem) => boolean;
-    readonly: boolean;
     ariaLabel: string;
+    emptyState: import("../../../../../types").BentoListboxEmptyStateProps;
     hasMoreItems: boolean;
     lazyLoadType: "button" | "none" | "automatic" | import("../../../../../types").BentoListboxLazyLoadType;
+    virtualScroll: import("../../../../../types").BentoListboxVirtulisationOptions;
     dynamicFiltering: boolean;
     showSlotContentInMultiple: boolean;
 }>;