@adyen/bento-vue3 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

@@ -112,7 +112,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             };
             lazy?: {
                 hasMoreItems: boolean;
-                lazyLoadType: "button" | "none" | "automatic" | import("../../../..").BentoListboxLazyLoadType;
+                lazyLoadType: "button" | "none" | "automatic" | import("../../../dropdown").BentoDropdownLazyLoadType;
                 loading: boolean;
                 showMoreEvent?: () => void;
             };
@@ -208,7 +208,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             };
             lazy?: {
                 hasMoreItems: boolean;
-                lazyLoadType: "button" | "none" | "automatic" | import("../../../..").BentoListboxLazyLoadType;
+                lazyLoadType: "button" | "none" | "automatic" | import("../../../dropdown").BentoDropdownLazyLoadType;
                 loading: boolean;
                 showMoreEvent?: () => void;
             };
@@ -308,7 +308,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             };
             lazy?: {
                 hasMoreItems: boolean;
-                lazyLoadType: "button" | "none" | "automatic" | import("../../../..").BentoListboxLazyLoadType;
+                lazyLoadType: "button" | "none" | "automatic" | import("../../../dropdown").BentoDropdownLazyLoadType;
                 loading: boolean;
                 showMoreEvent?: () => void;
             };
@@ -409,7 +409,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             };
             lazy?: {
                 hasMoreItems: boolean;
-                lazyLoadType: "button" | "none" | "automatic" | import("../../../..").BentoListboxLazyLoadType;
+                lazyLoadType: "button" | "none" | "automatic" | import("../../../dropdown").BentoDropdownLazyLoadType;
                 loading: boolean;
                 showMoreEvent?: () => void;
             };
@@ -509,7 +509,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             };
             lazy?: {
                 hasMoreItems: boolean;
-                lazyLoadType: "button" | "none" | "automatic" | import("../../../..").BentoListboxLazyLoadType;
+                lazyLoadType: "button" | "none" | "automatic" | import("../../../dropdown").BentoDropdownLazyLoadType;
                 loading: boolean;
                 showMoreEvent?: () => void;
             };
@@ -609,7 +609,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             };
             lazy?: {
                 hasMoreItems: boolean;
-                lazyLoadType: "button" | "none" | "automatic" | import("../../../..").BentoListboxLazyLoadType;
+                lazyLoadType: "button" | "none" | "automatic" | import("../../../dropdown").BentoDropdownLazyLoadType;
                 loading: boolean;
                 showMoreEvent?: () => void;
             };
@@ -1258,7 +1258,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                 };
                 lazy?: {
                     hasMoreItems: boolean;
-                    lazyLoadType: "button" | "none" | "automatic" | import("../../../..").BentoListboxLazyLoadType;
+                    lazyLoadType: "button" | "none" | "automatic" | import("../../../dropdown").BentoDropdownLazyLoadType;
                     loading: boolean;
                     showMoreEvent?: () => void;
                 };
@@ -1354,7 +1354,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                 };
                 lazy?: {
                     hasMoreItems: boolean;
-                    lazyLoadType: "button" | "none" | "automatic" | import("../../../..").BentoListboxLazyLoadType;
+                    lazyLoadType: "button" | "none" | "automatic" | import("../../../dropdown").BentoDropdownLazyLoadType;
                     loading: boolean;
                     showMoreEvent?: () => void;
                 };
@@ -1454,7 +1454,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                 };
                 lazy?: {
                     hasMoreItems: boolean;
-                    lazyLoadType: "button" | "none" | "automatic" | import("../../../..").BentoListboxLazyLoadType;
+                    lazyLoadType: "button" | "none" | "automatic" | import("../../../dropdown").BentoDropdownLazyLoadType;
                     loading: boolean;
                     showMoreEvent?: () => void;
                 };
@@ -1555,7 +1555,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                 };
                 lazy?: {
                     hasMoreItems: boolean;
-                    lazyLoadType: "button" | "none" | "automatic" | import("../../../..").BentoListboxLazyLoadType;
+                    lazyLoadType: "button" | "none" | "automatic" | import("../../../dropdown").BentoDropdownLazyLoadType;
                     loading: boolean;
                     showMoreEvent?: () => void;
                 };
@@ -1655,7 +1655,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                 };
                 lazy?: {
                     hasMoreItems: boolean;
-                    lazyLoadType: "button" | "none" | "automatic" | import("../../../..").BentoListboxLazyLoadType;
+                    lazyLoadType: "button" | "none" | "automatic" | import("../../../dropdown").BentoDropdownLazyLoadType;
                     loading: boolean;
                     showMoreEvent?: () => void;
                 };
@@ -1755,7 +1755,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                 };
                 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

@@ -189,8 +189,8 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
     variant: "default" | "payment-method" | "static-value" | "dropdown" | BentoInputFieldVariant;
     condensed: boolean;
     disabled: boolean;
-    placeholder: string;
     error: boolean;
+    placeholder: string;
     optional: boolean;
     readonly: boolean;
     tooltipText: string;

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

@@ -61,7 +61,7 @@ declare const _default: import("../../../../../vue3/node_modules/vue").DefineCom
     listboxItemRef: import("../../../../../vue3/node_modules/vue").Ref<any[]>;
     ariaAtomic: import("../../../../../vue3/node_modules/vue").ComputedRef<boolean | "true" | "false">;
     ariaBusy: import("../../../../../vue3/node_modules/vue").ComputedRef<boolean | "true" | "false">;
-    ariaLive: import("../../../../../vue3/node_modules/vue").ComputedRef<"off" | "assertive" | "polite">;
+    ariaLive: import("../../../../../vue3/node_modules/vue").ComputedRef<"off" | "polite" | "assertive">;
     containerProps: import("../../../composables/use-virtual-list").UseVirtualListContainerProps;
     isSearchResultEmpty: import("../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
     limitedEmptyStateProps: import("../../../../../vue3/node_modules/vue").ComputedRef<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 "../../../../../node_modules/@vue/runtime-dom";
-declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_modules/vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
-    variant: BentoLinkVariant;
+declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_modules/vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<LinkProps>, {
     target: any;
+    variant: BentoLinkVariant;
 }>, {}, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, {
     click: (clickEvent: MouseEvent) => void;
-}, string, import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
-    variant: BentoLinkVariant;
+}, string, import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<LinkProps>, {
     target: any;
+    variant: BentoLinkVariant;
 }>>> & {
     onClick?: (clickEvent: MouseEvent) => any;
 }, {

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

@@ -1,8 +1,7 @@
 import { PropType } from "../../../../../../vue3/node_modules/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("../../../../../../vue3/node_modules/vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/node_modules/vue").DefineComponent<{
     actions: {
         type: PropType<BentoButtonActionsList>;
         default: any;
@@ -48,64 +47,10 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         default: boolean;
     };
 }, {
-    modal: import("../../../../../../vue3/node_modules/vue").Ref<HTMLDialogElement>;
-    computedAriaLabel: import("../../../../../../vue3/node_modules/vue").ComputedRef<string>;
-    showCloseButton: import("../../../../../../vue3/node_modules/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("../../../../../../vue3/node_modules/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("../../../../../../vue3/node_modules/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("../../../../../../vue3/node_modules/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("../../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
-    computedColumnWidth: import("../../../../../../vue3/node_modules/vue").ComputedRef<{
-        small: number;
-        medium: number;
-        large: number;
-    }[]>;
-    GridLayoutContainerType: typeof GridLayoutContainerType;
-}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, BentoModalEvent[], BentoModalEvent, import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {
+    "close-modal": () => void;
+}, string, import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
     actions: {
         type: PropType<BentoButtonActionsList>;
         default: any;
@@ -151,7 +96,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         default: boolean;
     };
 }>> & {
-    "onClose-modal"?: (...args: any[]) => any;
+    "onClose-modal"?: () => any;
 }, {
     size: "small" | "medium" | "large" | BentoModalSize;
     actions: BentoButtonActionsList;
@@ -161,5 +106,16 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     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 "../../../../../../vue3/node_modules/vue";
-import { BentoModalColumnLayoutVariant, BentoModalEvent, BentoModalSize } from "../../modal.types";
+import { BentoModalColumnLayoutVariant, BentoModalSize } from "../../modal.types";
 import { BentoButtonActionsList } from "../../../button";
-declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{
-    isOpen: {
+declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/node_modules/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("../../../../../../vue3/node_modules/vue").Define
         type: PropType<"small" | "medium" | "large" | BentoModalSize>;
         required: true;
     };
-    customPadding: {
-        type: StringConstructor;
-        default: any;
-    };
     withColumnLayout: {
         type: BooleanConstructor;
         default: boolean;
     };
-    columnsSize: {
-        type: PropType<BentoModalColumnLayoutVariant>;
-        default: BentoModalColumnLayoutVariant;
-    };
+}, {}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {
+    "close-modal": () => void;
+}, string, import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
     actions: {
         type: PropType<BentoButtonActionsList>;
         default: any;
@@ -42,31 +61,35 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         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;
-}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, BentoModalEvent[], BentoModalEvent, import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../vue3/node_modules/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,36 +97,12 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         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;
-    };
 }>> & {
-    "onClose-modal"?: (...args: any[]) => any;
+    "onClose-modal"?: () => any;
 }, {
     actions: BentoButtonActionsList;
     columnsSize: BentoModalColumnLayoutVariant;
@@ -114,5 +113,16 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     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;
+    };
+};