@adyen/bento-vue2 1.11.0 → 1.12.0

package/dist/@types/packages/vue2/src/components/dropdown/index.d.ts

@@ -1,6 +1,7 @@
 export { default as BentoDropdown } from './dropdown.vue';
-export { default as BentoDropdownAvatar } from './components/variants/dropdown-avatar/dropdown-avatar.vue';
-export { default as BentoDropdownCountry } from './components/variants/dropdown-country/dropdown-country.vue';
-export { default as BentoDropdownCurrency } from './components/variants/dropdown-currency/dropdown-currency.vue';
-export { default as BentoDropdownPaymentMethod } from './components/variants/dropdown-payment-method/dropdown-payment-method.vue';
-export { default as BentoDropdownTag } from './components/variants/dropdown-tag/dropdown-tag.vue';
+export * from './dropdown.types';
+export * from './components/variants/dropdown-avatar';
+export * from './components/variants/dropdown-country';
+export * from './components/variants/dropdown-currency';
+export * from './components/variants/dropdown-payment-method';
+export * from './components/variants/dropdown-tag';

package/dist/@types/packages/vue2/src/components/filter-bar/components/all-filters-modal/all-filters-modal.vue.d.ts

@@ -68,7 +68,7 @@ declare const _default: import("vue").DefineComponent<{
             };
             lazy?: {
                 hasMoreItems: boolean;
-                lazyLoadType: "button" | "none" | "automatic" | import("../../../..").BentoListboxLazyLoadType;
+                lazyLoadType: "button" | "none" | "automatic" | import("../../../dropdown").BentoDropdownLazyLoadType;
                 loading: boolean;
                 showMoreEvent?: () => void;
             };
@@ -120,7 +120,7 @@ declare const _default: import("vue").DefineComponent<{
             };
             lazy?: {
                 hasMoreItems: boolean;
-                lazyLoadType: "button" | "none" | "automatic" | import("../../../..").BentoListboxLazyLoadType;
+                lazyLoadType: "button" | "none" | "automatic" | import("../../../dropdown").BentoDropdownLazyLoadType;
                 loading: boolean;
                 showMoreEvent?: () => void;
             };
@@ -176,7 +176,7 @@ declare const _default: import("vue").DefineComponent<{
             };
             lazy?: {
                 hasMoreItems: boolean;
-                lazyLoadType: "button" | "none" | "automatic" | import("../../../..").BentoListboxLazyLoadType;
+                lazyLoadType: "button" | "none" | "automatic" | import("../../../dropdown").BentoDropdownLazyLoadType;
                 loading: boolean;
                 showMoreEvent?: () => void;
             };
@@ -233,7 +233,7 @@ declare const _default: import("vue").DefineComponent<{
             };
             lazy?: {
                 hasMoreItems: boolean;
-                lazyLoadType: "button" | "none" | "automatic" | import("../../../..").BentoListboxLazyLoadType;
+                lazyLoadType: "button" | "none" | "automatic" | import("../../../dropdown").BentoDropdownLazyLoadType;
                 loading: boolean;
                 showMoreEvent?: () => void;
             };
@@ -289,7 +289,7 @@ declare const _default: import("vue").DefineComponent<{
             };
             lazy?: {
                 hasMoreItems: boolean;
-                lazyLoadType: "button" | "none" | "automatic" | import("../../../..").BentoListboxLazyLoadType;
+                lazyLoadType: "button" | "none" | "automatic" | import("../../../dropdown").BentoDropdownLazyLoadType;
                 loading: boolean;
                 showMoreEvent?: () => void;
             };
@@ -345,7 +345,7 @@ declare const _default: import("vue").DefineComponent<{
             };
             lazy?: {
                 hasMoreItems: boolean;
-                lazyLoadType: "button" | "none" | "automatic" | import("../../../..").BentoListboxLazyLoadType;
+                lazyLoadType: "button" | "none" | "automatic" | import("../../../dropdown").BentoDropdownLazyLoadType;
                 loading: boolean;
                 showMoreEvent?: () => void;
             };
@@ -950,7 +950,7 @@ declare const _default: import("vue").DefineComponent<{
                 };
                 lazy?: {
                     hasMoreItems: boolean;
-                    lazyLoadType: "button" | "none" | "automatic" | import("../../../..").BentoListboxLazyLoadType;
+                    lazyLoadType: "button" | "none" | "automatic" | import("../../../dropdown").BentoDropdownLazyLoadType;
                     loading: boolean;
                     showMoreEvent?: () => void;
                 };
@@ -1002,7 +1002,7 @@ declare const _default: import("vue").DefineComponent<{
                 };
                 lazy?: {
                     hasMoreItems: boolean;
-                    lazyLoadType: "button" | "none" | "automatic" | import("../../../..").BentoListboxLazyLoadType;
+                    lazyLoadType: "button" | "none" | "automatic" | import("../../../dropdown").BentoDropdownLazyLoadType;
                     loading: boolean;
                     showMoreEvent?: () => void;
                 };
@@ -1058,7 +1058,7 @@ declare const _default: import("vue").DefineComponent<{
                 };
                 lazy?: {
                     hasMoreItems: boolean;
-                    lazyLoadType: "button" | "none" | "automatic" | import("../../../..").BentoListboxLazyLoadType;
+                    lazyLoadType: "button" | "none" | "automatic" | import("../../../dropdown").BentoDropdownLazyLoadType;
                     loading: boolean;
                     showMoreEvent?: () => void;
                 };
@@ -1115,7 +1115,7 @@ declare const _default: import("vue").DefineComponent<{
                 };
                 lazy?: {
                     hasMoreItems: boolean;
-                    lazyLoadType: "button" | "none" | "automatic" | import("../../../..").BentoListboxLazyLoadType;
+                    lazyLoadType: "button" | "none" | "automatic" | import("../../../dropdown").BentoDropdownLazyLoadType;
                     loading: boolean;
                     showMoreEvent?: () => void;
                 };
@@ -1171,7 +1171,7 @@ declare const _default: import("vue").DefineComponent<{
                 };
                 lazy?: {
                     hasMoreItems: boolean;
-                    lazyLoadType: "button" | "none" | "automatic" | import("../../../..").BentoListboxLazyLoadType;
+                    lazyLoadType: "button" | "none" | "automatic" | import("../../../dropdown").BentoDropdownLazyLoadType;
                     loading: boolean;
                     showMoreEvent?: () => void;
                 };
@@ -1227,7 +1227,7 @@ declare const _default: import("vue").DefineComponent<{
                 };
                 lazy?: {
                     hasMoreItems: boolean;
-                    lazyLoadType: "button" | "none" | "automatic" | import("../../../..").BentoListboxLazyLoadType;
+                    lazyLoadType: "button" | "none" | "automatic" | import("../../../dropdown").BentoDropdownLazyLoadType;
                     loading: boolean;
                     showMoreEvent?: () => void;
                 };

package/dist/@types/packages/vue2/src/components/input-field/input-field.vue.d.ts

@@ -181,12 +181,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     required: boolean;
     condensed: boolean;
     disabled: boolean;
-    placeholder: string;
     optional: boolean;
     readonly: boolean;
     tooltipText: string;
     errorMessage: string;
     ariaLabel: string;
+    placeholder: string;
     dropdown: BentoInputDropdownProps;
     ariaHidden: boolean;
     dropdownPosition: "end" | "start" | BentoInputFieldElementPosition;

package/dist/@types/packages/vue2/src/components/internal/listbox/listbox.vue.d.ts

@@ -64,7 +64,7 @@ declare const _default: import("vue").DefineComponent<{
     listboxItemRef: import("vue").Ref<any[]>;
     ariaAtomic: import("vue").ComputedRef<boolean | "true" | "false">;
     ariaBusy: import("vue").ComputedRef<boolean | "true" | "false">;
-    ariaLive: import("vue").ComputedRef<"off" | "assertive" | "polite">;
+    ariaLive: import("vue").ComputedRef<"off" | "polite" | "assertive">;
     containerProps: import("../../../composables/use-virtual-list").UseVirtualListContainerProps;
     isSearchResultEmpty: import("vue").ComputedRef<boolean>;
     limitedEmptyStateProps: import("vue").ComputedRef<Readonly<Partial<{

package/dist/@types/packages/vue2/src/components/link/link.vue.d.ts

@@ -1,23 +1,29 @@
-export interface Props extends RouterLinkProps, AnchorHTMLAttributes {
-    args?: {
-        props: RouterLinkProps;
-    };
+import { BentoLinkVariant } from "../../../../core/src/components/link/link.types";
+export interface LinkProps {
+    to: any;
+    replace?: boolean;
+    append?: boolean;
+    tag?: string;
+    activeClass?: string;
+    exact?: boolean;
+    exactPath?: boolean;
+    exactPathActiveClass?: string;
+    event?: string | ReadonlyArray<string>;
+    exactActiveClass?: string;
+    ariaCurrentValue?: 'page' | 'step' | 'location' | 'date' | 'time' | 'true' | 'false';
     external?: boolean;
     variant?: BentoLinkVariant | `${BentoLinkVariant}`;
     disableTypography?: boolean;
     target?: string;
 }
-import { BentoLinkVariant } from "../../../../core/src/components/link/link.types";
-import type { RouterLinkProps } from 'vue-router/types/router';
-import type { AnchorHTMLAttributes } from 'vue/types/jsx';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
-    variant: BentoLinkVariant;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<LinkProps>, {
     target: any;
+    variant: BentoLinkVariant;
 }>, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {
     click: (clickEvent: MouseEvent) => void;
-}, string, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
-    variant: BentoLinkVariant;
+}, string, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<LinkProps>, {
     target: any;
+    variant: BentoLinkVariant;
 }>>>, {
     variant: "default" | "quiet" | BentoLinkVariant;
     target: string;

package/dist/@types/packages/vue2/src/components/modal/components/base-modal/base-modal.vue.d.ts

@@ -1,8 +1,7 @@
 import { PropType } from 'vue';
-import { BentoModalColumnLayoutVariant, BentoModalEvent, BentoModalRole, BentoModalSize } from "../../modal.types";
+import { BentoModalColumnLayoutVariant, BentoModalRole, BentoModalSize } from "../../modal.types";
 import { BentoButtonActionsList } from "../../../button";
-import { GridLayoutContainerType } from "../../../internal";
-declare const _default: import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     actions: {
         type: PropType<BentoButtonActionsList>;
         default: any;
@@ -48,64 +47,10 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }, {
-    modal: import("vue").Ref<HTMLDialogElement>;
-    computedAriaLabel: import("vue").ComputedRef<string>;
-    showCloseButton: import("vue").ComputedRef<boolean>;
-    openModal: () => void;
-    closeModalOnClickOutside: ({ target }: Event) => void;
-    closeModalAfterAnimation: () => void;
-    startCloseModalAnimation: () => void;
     internalModalActionClose: (event?: Event) => void;
-    hasSlot: (name: string) => boolean;
-    emitCloseEvent: () => void;
-    t: import("vue-i18n-bridge").ComposerTranslation<import("../../../../utils/ts/i18n").i18nMessages, string, import("@intlify/core-base").RemoveIndexSignature<{
-        [x: string]: import("vue-i18n-bridge").LocaleMessageValue<import("vue-i18n-bridge").VueMessageType>;
-    }>, never, import("@intlify/core-base")._ResourcePath<{
-        [key: string]: string;
-    }>, import("@intlify/core-base")._ResourcePath<{
-        [key: string]: string;
-    }>> | ((key: "close" | "ariaLabelFallback", values?: import("vue-i18n").default.Values) => string);
-    modalConditionalClasses: import("vue").ComputedRef<{
-        [x: string]: boolean | "small" | "medium" | "large" | BentoModalSize;
-        'b-modal-base__container--hide': boolean;
-        'b-modal-base__container--overflow-visible': boolean;
-        'b-modal-base__container--column-layout': boolean;
-    }>;
-    modalContentConditionalClasses: import("vue").ComputedRef<{
-        'b-modal-base__content--column-layout': boolean;
-        'b-modal-base__content--with-header': boolean;
-        'b-modal-base__content--with-actions': boolean;
-    }>;
-    customPaddingStyles: import("vue").ComputedRef<{
-        header?: undefined;
-        content?: undefined;
-        actions?: undefined;
-    } | {
-        header: {
-            paddingTop: string;
-            paddingLeft: string;
-            paddingRight: string;
-        };
-        content: {
-            paddingTop: any;
-            paddingBottom: any;
-            paddingLeft: string;
-            paddingRight: string;
-        };
-        actions: {
-            paddingBottom: string;
-            paddingLeft: string;
-            paddingRight: string;
-        };
-    }>;
-    hasColumnLayout: import("vue").ComputedRef<boolean>;
-    computedColumnWidth: import("vue").ComputedRef<{
-        small: number;
-        medium: number;
-        large: number;
-    }[]>;
-    GridLayoutContainerType: typeof GridLayoutContainerType;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoModalEvent[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {
+    "close-modal": () => void;
+}, string, Readonly<import("vue").ExtractPropTypes<{
     actions: {
         type: PropType<BentoButtonActionsList>;
         default: any;
@@ -159,5 +104,16 @@ declare const _default: import("vue").DefineComponent<{
     modalRole: string;
     overflowVisible: boolean;
     withColumnLayout: boolean;
+}>, {
+    default: (_: {}) => any;
+    'content-col-1': (_: {}) => any;
+    'content-col-2': (_: {}) => any;
+    content: (_: {}) => any;
+    actions: (_: {}) => any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/@types/packages/vue2/src/components/modal/components/modal-default/modal-default.vue.d.ts

@@ -1,20 +1,44 @@
 import { PropType } from 'vue';
-import { BentoModalColumnLayoutVariant, BentoModalEvent, BentoModalSize } from "../../modal.types";
+import { BentoModalColumnLayoutVariant, BentoModalSize } from "../../modal.types";
 import { BentoButtonActionsList } from "../../../button";
-declare const _default: import("vue").DefineComponent<{
-    isOpen: {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    actions: {
+        type: PropType<BentoButtonActionsList>;
+        default: any;
+    };
+    actionsLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    customPadding: {
+        type: StringConstructor;
+        default: any;
+    };
+    columnsSize: {
+        type: PropType<BentoModalColumnLayoutVariant>;
+        default: BentoModalColumnLayoutVariant;
+    };
+    destructiveActions: {
         type: BooleanConstructor;
-        required: true;
+        default: boolean;
+    };
+    hideCloseButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    initiallyOpen: {
+        type: BooleanConstructor;
+        default: boolean;
     };
     isDismissible: {
         type: BooleanConstructor;
         required: true;
     };
-    overflowVisible: {
+    isOpen: {
         type: BooleanConstructor;
-        default: boolean;
+        required: true;
     };
-    hideCloseButton: {
+    overflowVisible: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -22,18 +46,13 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"small" | "medium" | "large" | BentoModalSize>;
         required: true;
     };
-    customPadding: {
-        type: StringConstructor;
-        default: any;
-    };
     withColumnLayout: {
         type: BooleanConstructor;
         default: boolean;
     };
-    columnsSize: {
-        type: PropType<BentoModalColumnLayoutVariant>;
-        default: BentoModalColumnLayoutVariant;
-    };
+}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {
+    "close-modal": () => void;
+}, string, Readonly<import("vue").ExtractPropTypes<{
     actions: {
         type: PropType<BentoButtonActionsList>;
         default: any;
@@ -42,31 +61,35 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    customPadding: {
+        type: StringConstructor;
+        default: any;
+    };
+    columnsSize: {
+        type: PropType<BentoModalColumnLayoutVariant>;
+        default: BentoModalColumnLayoutVariant;
+    };
     destructiveActions: {
         type: BooleanConstructor;
         default: boolean;
     };
-    initiallyOpen: {
+    hideCloseButton: {
         type: BooleanConstructor;
         default: boolean;
     };
-}, {
-    onCloseModal: () => void;
-    hasSlot: (name: string) => boolean;
-}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, BentoModalEvent[], string, Readonly<import("vue").ExtractPropTypes<{
-    isOpen: {
+    initiallyOpen: {
         type: BooleanConstructor;
-        required: true;
+        default: boolean;
     };
     isDismissible: {
         type: BooleanConstructor;
         required: true;
     };
-    overflowVisible: {
+    isOpen: {
         type: BooleanConstructor;
-        default: boolean;
+        required: true;
     };
-    hideCloseButton: {
+    overflowVisible: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -74,34 +97,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"small" | "medium" | "large" | BentoModalSize>;
         required: true;
     };
-    customPadding: {
-        type: StringConstructor;
-        default: any;
-    };
     withColumnLayout: {
         type: BooleanConstructor;
         default: boolean;
     };
-    columnsSize: {
-        type: PropType<BentoModalColumnLayoutVariant>;
-        default: BentoModalColumnLayoutVariant;
-    };
-    actions: {
-        type: PropType<BentoButtonActionsList>;
-        default: any;
-    };
-    actionsLabel: {
-        type: StringConstructor;
-        default: any;
-    };
-    destructiveActions: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    initiallyOpen: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
 }>>, {
     actions: BentoButtonActionsList;
     columnsSize: BentoModalColumnLayoutVariant;
@@ -112,5 +111,16 @@ declare const _default: import("vue").DefineComponent<{
     withColumnLayout: boolean;
     actionsLabel: string;
     destructiveActions: boolean;
+}>, {
+    default: (_: {}) => any;
+    'content-col-1': (_: {}) => any;
+    'content-col-2': (_: {}) => any;
+    content: (_: {}) => any;
+    actions: (_: {}) => any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};