@adyen/bento-vue2 1.11.0 → 1.12.0

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

@@ -1,302 +1,28 @@
-import { PropType, Ref } from 'vue';
-import { BentoModalDialogType, BentoModalEvent, BentoModalRole } from "../../modal.types";
-import { BentoButtonActionObject, BentoButtonActionsList, BentoButtonVariant } from "../../../button";
-declare const _default: import("vue").DefineComponent<{
-    isOpen: {
-        type: BooleanConstructor;
-        required: true;
+import { PropType } from 'vue';
+import { BentoModalDialogType } from "../../modal.types";
+import { BentoButtonActionsList } from "../../../button";
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    actions: {
+        type: PropType<BentoButtonActionsList>;
+        default: any;
     };
-    isDismissible: {
-        type: BooleanConstructor;
+    content: {
+        type: StringConstructor;
         required: true;
     };
-    overflowVisible: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     dialogType: {
         type: PropType<"confirmation" | "destructive" | "info" | "acknowledgement" | BentoModalDialogType>;
         required: true;
     };
-    content: {
-        type: StringConstructor;
-        required: true;
-    };
-    actions: {
-        type: PropType<BentoButtonActionsList>;
-        default: any;
-    };
     initiallyOpen: {
         type: BooleanConstructor;
         default: boolean;
     };
-}, {
-    modalRef: Ref<import("vue/types/v3-component-public-instance").Vue3Instance<{}, Readonly<import("vue").ExtractPropTypes<{
-        actions: {
-            type: PropType<BentoButtonActionsList>;
-            default: any;
-        };
-        columnsSize: {
-            type: PropType<import("../../modal.types").BentoModalColumnLayoutVariant>;
-            default: import("../../modal.types").BentoModalColumnLayoutVariant;
-        };
-        customPadding: {
-            type: StringConstructor;
-            default: any;
-        };
-        hideCloseButton: {
-            type: BooleanConstructor;
-            required: true;
-        };
-        initiallyOpen: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        isDismissible: {
-            type: BooleanConstructor;
-            required: true;
-        };
-        isOpen: {
-            type: BooleanConstructor;
-            required: true;
-        };
-        modalRole: {
-            type: StringConstructor;
-            default: BentoModalRole;
-        };
-        overflowVisible: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        size: {
-            type: PropType<"small" | "medium" | "large" | import("../../modal.types").BentoModalSize>;
-            default: import("../../modal.types").BentoModalSize;
-        };
-        withColumnLayout: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>>, Readonly<import("vue").ExtractPropTypes<{
-        actions: {
-            type: PropType<BentoButtonActionsList>;
-            default: any;
-        };
-        columnsSize: {
-            type: PropType<import("../../modal.types").BentoModalColumnLayoutVariant>;
-            default: import("../../modal.types").BentoModalColumnLayoutVariant;
-        };
-        customPadding: {
-            type: StringConstructor;
-            default: any;
-        };
-        hideCloseButton: {
-            type: BooleanConstructor;
-            required: true;
-        };
-        initiallyOpen: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        isDismissible: {
-            type: BooleanConstructor;
-            required: true;
-        };
-        isOpen: {
-            type: BooleanConstructor;
-            required: true;
-        };
-        modalRole: {
-            type: StringConstructor;
-            default: BentoModalRole;
-        };
-        overflowVisible: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        size: {
-            type: PropType<"small" | "medium" | "large" | import("../../modal.types").BentoModalSize>;
-            default: import("../../modal.types").BentoModalSize;
-        };
-        withColumnLayout: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>>, BentoModalEvent[], {
-        size: "small" | "medium" | "large" | import("../../modal.types").BentoModalSize;
-        actions: BentoButtonActionsList;
-        columnsSize: import("../../modal.types").BentoModalColumnLayoutVariant;
-        customPadding: string;
-        initiallyOpen: boolean;
-        modalRole: string;
-        overflowVisible: boolean;
-        withColumnLayout: boolean;
-    }, true, import("vue/types/v3-component-options").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> & Readonly<Readonly<import("vue").ExtractPropTypes<{
-        actions: {
-            type: PropType<BentoButtonActionsList>;
-            default: any;
-        };
-        columnsSize: {
-            type: PropType<import("../../modal.types").BentoModalColumnLayoutVariant>;
-            default: import("../../modal.types").BentoModalColumnLayoutVariant;
-        };
-        customPadding: {
-            type: StringConstructor;
-            default: any;
-        };
-        hideCloseButton: {
-            type: BooleanConstructor;
-            required: true;
-        };
-        initiallyOpen: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        isDismissible: {
-            type: BooleanConstructor;
-            required: true;
-        };
-        isOpen: {
-            type: BooleanConstructor;
-            required: true;
-        };
-        modalRole: {
-            type: StringConstructor;
-            default: BentoModalRole;
-        };
-        overflowVisible: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        size: {
-            type: PropType<"small" | "medium" | "large" | import("../../modal.types").BentoModalSize>;
-            default: import("../../modal.types").BentoModalSize;
-        };
-        withColumnLayout: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>>> & import("vue").ShallowUnwrapRef<{
-        modal: 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" | import("../../modal.types").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 import("../../../internal").GridLayoutContainerType;
-    }> & import("vue/types/v3-component-options").ExtractComputedReturns<{}> & import("vue").ComponentCustomProperties & Readonly<import("vue").ExtractPropTypes<{
-        actions: {
-            type: PropType<BentoButtonActionsList>;
-            default: any;
-        };
-        columnsSize: {
-            type: PropType<import("../../modal.types").BentoModalColumnLayoutVariant>;
-            default: import("../../modal.types").BentoModalColumnLayoutVariant;
-        };
-        customPadding: {
-            type: StringConstructor;
-            default: any;
-        };
-        hideCloseButton: {
-            type: BooleanConstructor;
-            required: true;
-        };
-        initiallyOpen: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        isDismissible: {
-            type: BooleanConstructor;
-            required: true;
-        };
-        isOpen: {
-            type: BooleanConstructor;
-            required: true;
-        };
-        modalRole: {
-            type: StringConstructor;
-            default: BentoModalRole;
-        };
-        overflowVisible: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        size: {
-            type: PropType<"small" | "medium" | "large" | import("../../modal.types").BentoModalSize>;
-            default: import("../../modal.types").BentoModalSize;
-        };
-        withColumnLayout: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>>>;
-    dialogActions: import("vue").ComputedRef<BentoButtonActionObject[]>;
-    acknowledgementDialogActions: import("vue").ComputedRef<{
-        title: string;
-        event: (event: Event) => void;
-        variant: BentoButtonVariant;
-    }[]>;
-    onCloseModal: () => void;
-    onCloseActionButton: (event: Event) => void;
-    modalDialogConditionalClasses: import("vue").ComputedRef<{
-        [x: string]: "confirmation" | "destructive" | "info" | "acknowledgement" | BentoModalDialogType;
-    }>;
-    BentoModalRole: typeof BentoModalRole;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoModalEvent[], string, Readonly<import("vue").ExtractPropTypes<{
-    isOpen: {
+    isDismissible: {
         type: BooleanConstructor;
         required: true;
     };
-    isDismissible: {
+    isOpen: {
         type: BooleanConstructor;
         required: true;
     };
@@ -304,25 +30,47 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    dialogType: {
-        type: PropType<"confirmation" | "destructive" | "info" | "acknowledgement" | BentoModalDialogType>;
-        required: true;
+}, {}, {}, {}, {}, 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;
     };
     content: {
         type: StringConstructor;
         required: true;
     };
-    actions: {
-        type: PropType<BentoButtonActionsList>;
-        default: any;
+    dialogType: {
+        type: PropType<"confirmation" | "destructive" | "info" | "acknowledgement" | BentoModalDialogType>;
+        required: true;
     };
     initiallyOpen: {
         type: BooleanConstructor;
         default: boolean;
     };
+    isDismissible: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    isOpen: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    overflowVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     actions: BentoButtonActionsList;
     initiallyOpen: boolean;
     overflowVisible: boolean;
+}>, {
+    default: (_: {}) => any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,55 +1,25 @@
 import { PropType } from 'vue';
-import { BentoModalColumnLayoutVariant, BentoModalDialogType, BentoModalEvent, BentoModalSize, BentoModalVariant } from "./modal.types";
+import { BentoModalColumnLayoutVariant, BentoModalDialogType, BentoModalSize, BentoModalVariant } from './modal.types';
 import { BentoButtonActionsList } from "../button";
-declare const _default: import("vue").DefineComponent<{
-    variant: {
-        type: PropType<"BentoModalDefault" | "BentoModalDialog" | BentoModalVariant>;
-        default: BentoModalVariant;
-        validator: (value: BentoModalVariant) => boolean;
-    };
-    isDismissible: {
-        type: BooleanConstructor;
-        default: any;
-    };
-    overflowVisible: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    isOpen: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    initiallyOpen: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     actions: {
         type: PropType<BentoButtonActionsList>;
         default: any;
     };
-    hideCloseButton: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    size: {
-        type: PropType<"small" | "medium" | "large" | BentoModalSize>;
-        default: BentoModalSize;
-        validator: (value: BentoModalSize) => boolean;
-    };
-    customPadding: {
+    actionsLabel: {
         type: StringConstructor;
         default: any;
     };
-    withColumnLayout: {
-        type: BooleanConstructor;
-        default: boolean;
+    content: {
+        type: StringConstructor;
+        default: any;
     };
     columnsSize: {
         type: PropType<"smaller" | "equal" | "bigger" | BentoModalColumnLayoutVariant>;
         default: BentoModalColumnLayoutVariant;
         validator: (value: BentoModalColumnLayoutVariant) => boolean;
     };
-    actionsLabel: {
+    customPadding: {
         type: StringConstructor;
         default: any;
     };
@@ -62,43 +32,14 @@ declare const _default: import("vue").DefineComponent<{
         default: BentoModalDialogType;
         validator: (value: BentoModalDialogType) => boolean;
     };
-    content: {
-        type: StringConstructor;
-        default: any;
-    };
-}, {
-    onCloseModal: () => void;
-    customProps: import("vue").ComputedRef<{
-        hideCloseButton: boolean;
-        size: "small" | "medium" | "large" | BentoModalSize;
-        customPadding: string;
-        actionsLabel: string;
-        destructiveActions: boolean;
-        isDismissible: boolean;
-        overflowVisible: boolean;
-        withColumnLayout: boolean;
-        columnSize: "smaller" | "equal" | "bigger" | BentoModalColumnLayoutVariant;
-    } | {
-        dialogType: "confirmation" | "destructive" | "info" | "acknowledgement" | BentoModalDialogType;
-        content: string;
-        isDismissible: boolean;
-        overflowVisible: boolean;
-    }>;
-    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<{
-    variant: {
-        type: PropType<"BentoModalDefault" | "BentoModalDialog" | BentoModalVariant>;
-        default: BentoModalVariant;
-        validator: (value: BentoModalVariant) => boolean;
+    hideCloseButton: {
+        type: BooleanConstructor;
+        default: boolean;
     };
     isDismissible: {
         type: BooleanConstructor;
         default: any;
     };
-    overflowVisible: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     isOpen: {
         type: BooleanConstructor;
         default: boolean;
@@ -107,33 +48,45 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    actions: {
-        type: PropType<BentoButtonActionsList>;
-        default: any;
-    };
-    hideCloseButton: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     size: {
         type: PropType<"small" | "medium" | "large" | BentoModalSize>;
         default: BentoModalSize;
         validator: (value: BentoModalSize) => boolean;
     };
-    customPadding: {
-        type: StringConstructor;
-        default: any;
+    overflowVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    variant: {
+        type: PropType<"BentoModalDefault" | "BentoModalDialog" | BentoModalVariant>;
+        default: BentoModalVariant;
+        validator: (value: BentoModalVariant) => boolean;
     };
     withColumnLayout: {
         type: BooleanConstructor;
         default: boolean;
     };
+}, {}, {}, {}, {}, 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;
+    };
+    actionsLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    content: {
+        type: StringConstructor;
+        default: any;
+    };
     columnsSize: {
         type: PropType<"smaller" | "equal" | "bigger" | BentoModalColumnLayoutVariant>;
         default: BentoModalColumnLayoutVariant;
         validator: (value: BentoModalColumnLayoutVariant) => boolean;
     };
-    actionsLabel: {
+    customPadding: {
         type: StringConstructor;
         default: any;
     };
@@ -146,10 +99,40 @@ declare const _default: import("vue").DefineComponent<{
         default: BentoModalDialogType;
         validator: (value: BentoModalDialogType) => boolean;
     };
-    content: {
-        type: StringConstructor;
+    hideCloseButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isDismissible: {
+        type: BooleanConstructor;
         default: any;
     };
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    initiallyOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<"small" | "medium" | "large" | BentoModalSize>;
+        default: BentoModalSize;
+        validator: (value: BentoModalSize) => boolean;
+    };
+    overflowVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    variant: {
+        type: PropType<"BentoModalDefault" | "BentoModalDialog" | BentoModalVariant>;
+        default: BentoModalVariant;
+        validator: (value: BentoModalVariant) => boolean;
+    };
+    withColumnLayout: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     variant: "BentoModalDefault" | "BentoModalDialog" | BentoModalVariant;
     isOpen: boolean;
@@ -166,5 +149,15 @@ declare const _default: import("vue").DefineComponent<{
     actionsLabel: string;
     destructiveActions: boolean;
     dialogType: "confirmation" | "destructive" | "info" | "acknowledgement" | BentoModalDialogType;
+}>, {
+    default: (_: {}) => any;
+    'content-col-1': (_: {}) => any;
+    'content-col-2': (_: {}) => any;
+    content: (_: {}) => any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -35,7 +35,7 @@ declare const _default: import("vue").DefineComponent<{
     navigationConditionalClasses: import("vue").ComputedRef<{
         'b-pagination__navigation--no-results-per-page': boolean;
     }>;
-    navigate: (pageArg: number) => void;
+    navigate: (pageArg: number, itemsPerPage?: number) => void;
     onItemsPerPageChange: (elements: number) => void;
     onPageSelected: (pageNumber: number) => void;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("navigate" | "items-page" | "update:page" | "update:size")[], string, Readonly<import("vue").ExtractPropTypes<{

package/dist/@types/packages/vue2/src/components/popper-container/popper-container.vue.d.ts

@@ -137,7 +137,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         required: true;
     };
 }>>, {
-    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" | PopperContainerPosition;
     offset: number[];
     ariaRole: PopperContainerAriaRole;
@@ -145,6 +144,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     disabledFocusTrap: boolean;
     fallbackPosition: FallbackPositionProp;
     fixedPositioning: boolean;
+    id: string;
     isHidden: boolean;
     matchWidth: boolean;
     middleware: {

package/dist/@types/packages/vue2/src/components/search-bar/search-bar.vue.d.ts

@@ -49,7 +49,7 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     value: string;
     condensed: boolean;
-    placeholder: string;
     debounceTime: number;
+    placeholder: string;
 }>;
 export default _default;

package/dist/@types/packages/vue2/src/components/summary-grid/components/summary-grid-item/summary-grid-item.vue.d.ts

@@ -9,7 +9,7 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     itemType: {
-        type: PropType<"text" | "numeric" | "custom" | "amount" | "percentage" | SummaryGridItemType>;
+        type: PropType<"text" | "custom" | "numeric" | "amount" | "percentage" | SummaryGridItemType>;
         default: SummaryGridItemType;
         validator: (value: SummaryGridItemType) => boolean;
     };
@@ -72,7 +72,7 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     itemType: {
-        type: PropType<"text" | "numeric" | "custom" | "amount" | "percentage" | SummaryGridItemType>;
+        type: PropType<"text" | "custom" | "numeric" | "amount" | "percentage" | SummaryGridItemType>;
         default: SummaryGridItemType;
         validator: (value: SummaryGridItemType) => boolean;
     };
@@ -115,7 +115,7 @@ declare const _default: import("vue").DefineComponent<{
     copy: string;
     size: "small" | "medium" | "large" | BentoSummaryGridItemSize;
     fitContent: boolean;
-    itemType: "text" | "numeric" | "custom" | "amount" | "percentage" | SummaryGridItemType;
+    itemType: "text" | "custom" | "numeric" | "amount" | "percentage" | SummaryGridItemType;
     infoIconTooltipText: string;
     trend: string;
     trendDirection: "positive" | "negative" | "neutral" | BentoSummaryGridItemTrendDirection;

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

@@ -142,13 +142,13 @@ declare const _default: import("vue").DefineComponent<{
     label: string;
     required: boolean;
     disabled: boolean;
-    placeholder: string;
     optional: boolean;
     readonly: boolean;
     height: string;
     tooltipText: string;
     errorMessage: string;
     ariaLabel: string;
+    placeholder: string;
     clearable: boolean;
     characterLimit: number;
     resizable: "none" | "both" | "horizontal" | "vertical" | BentoTextareaResizeOption;