@adyen/bento-vue2 0.9.1 → 0.9.2

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

@@ -122,15 +122,15 @@ declare const _default: import("vue").DefineComponent<{
         default: BentoInputFieldVariant;
     };
 }>>, {
-    type: BentoInputFieldType;
     error: boolean;
     value: string;
-    ariaHidden: boolean;
-    ariaLabel: string;
+    type: BentoInputFieldType;
+    variant: BentoInputFieldVariant;
     disabled: boolean;
+    ariaLabel: string;
     placeholder: string;
-    variant: BentoInputFieldVariant;
     dropdown: BentoInputDropdownProps;
+    ariaHidden: boolean;
     dropdownPosition: BentoInputFieldElementPosition;
     staticValue: string;
     staticValuePosition: BentoInputFieldElementPosition;

package/dist/@types/components/internal/base-button/base-button.vue.d.ts

@@ -12,7 +12,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     type: {
-        type: PropType<"button" | "reset" | "submit">;
+        type: PropType<"button" | "submit" | "reset">;
         default: string;
     };
 }, {
@@ -36,12 +36,12 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     type: {
-        type: PropType<"button" | "reset" | "submit">;
+        type: PropType<"button" | "submit" | "reset">;
         default: string;
     };
 }>>, {
-    type: "button" | "reset" | "submit";
-    disabled: boolean;
+    type: "button" | "submit" | "reset";
     critical: boolean;
+    disabled: boolean;
 }>;
 export default _default;

package/dist/@types/components/internal/copy/copy.types.d.ts

@@ -0,0 +1,5 @@
+export declare enum CopyTooltipState {
+    DEFAULT = "default",
+    COPYING = "copying",
+    ERROR = "error"
+}

package/dist/@types/components/internal/copy/copy.vue.d.ts

@@ -12,7 +12,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     BentoButtonVariant: typeof BentoButtonVariant;
-    copyText: import("vue").Ref<import("vue-i18n").default.TranslateResult>;
+    copyText: import("vue").ComputedRef<any>;
     onClickCopy: () => Promise<void>;
     resetText: () => void;
     showScreenReaderAlert: import("vue").Ref<boolean>;

package/dist/@types/components/internal/listbox/components/listbox-multi-select/listbox-multi-select.vue.d.ts

@@ -24,7 +24,7 @@ declare const _default: import("vue").DefineComponent<{
     isAnOptionSelected: import("vue").ComputedRef<boolean>;
     isIndeterminate: import("vue").ComputedRef<boolean>;
     selectedItemsList: import("vue").Ref<BentoListboxValue[]>;
-    selectAllCheckboxText: import("vue").ComputedRef<import("vue-i18n").default.TranslateResult>;
+    selectAllCheckboxText: import("vue").ComputedRef<any>;
     selectedOptions: import("vue").ComputedRef<BentoListboxOptionItem[]>;
     BentoTypographyElement: typeof BentoTypographyElement;
     toggleCheckboxSelection: (value: BentoListboxValue) => void;

package/dist/@types/components/internal/listbox/components/listbox-single-select-option/listbox-single-select-option.vue.d.ts

@@ -17,7 +17,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     ariaDisabled: import("vue").ComputedRef<boolean>;
     ariaSelected: import("vue").ComputedRef<boolean>;
-    tabIndex: import("vue").ComputedRef<0 | -1>;
+    tabIndex: import("vue").ComputedRef<-1 | 0>;
     BentoTypographyElement: typeof BentoTypographyElement;
     onOptionSelected: () => void;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("select" | "escape-pressed")[], string, Readonly<import("vue").ExtractPropTypes<{

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

@@ -65,9 +65,9 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     ariaLabel: string;
-    multiple: boolean;
     isOptionDisabled: BentoListboxIsOptionDisabled;
     searching: boolean;
+    multiple: boolean;
     selectedValue: BentoListboxSelectedValue;
 }>;
 export default _default;

package/dist/@types/components/loading-indicator/loading-indicator.vue.d.ts

@@ -33,7 +33,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     small: boolean;
-    inverse: boolean;
     large: boolean;
+    inverse: boolean;
 }>;
 export default _default;

package/dist/@types/components/menu/components/menu-item/menu-item.vue.d.ts

@@ -85,9 +85,9 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }>>, {
-    disabled: boolean;
-    icon: VueNodeElement;
     critical: boolean;
+    disabled: boolean;
+    icon: any;
     secondaryText: string;
     chevron: boolean;
     indent: boolean;

package/dist/@types/components/menu/menu.vue.d.ts

@@ -56,7 +56,7 @@ declare const _default: import("vue").DefineComponent<{
     onKeyDown: () => void;
     onKeyUp: () => void;
     closeMenu: () => void;
-    toggleShowMenu: () => void;
+    toggleShowMenu: (e: MouseEvent) => void;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     data: {
         type: PropType<BentoMenuItem[]>;

package/dist/@types/components/modal/components/base-modal/__mocks__/base-modal.vue.d.ts

@@ -0,0 +1,123 @@
+import { PropType } from 'vue';
+import { BentoModalColumnLayoutVariant, BentoModalEvent, BentoModalRole, BentoModalSize } from '@/components/modal/modal.types';
+import { BentoButtonVariant } from '@/components/button/button.types';
+import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+declare const _default: import("vue").DefineComponent<{
+    modalRole: {
+        type: StringConstructor;
+        default: BentoModalRole;
+    };
+    isDismissible: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    hideCloseButton: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    customPadding: {
+        type: StringConstructor;
+        default: any;
+    };
+    withColumnLayout: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    columnsSize: {
+        type: PropType<BentoModalColumnLayoutVariant>;
+        default: BentoModalColumnLayoutVariant;
+    };
+    isOpen: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    size: {
+        type: PropType<BentoModalSize>;
+        default: BentoModalSize;
+    };
+    initiallyOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    modal: any;
+    computedAriaLabel: import("vue").ComputedRef<string>;
+    openModal: () => void;
+    closeModalOnClickOutside: ({ target }: Event) => void;
+    onCloseButtonClick: () => void;
+    hasSlot: (name: string) => boolean;
+    emitCloseEvent: () => void;
+    modalConditionalClasses: import("vue").ComputedRef<{
+        [x: string]: boolean | BentoModalSize;
+        "b-modal-base__container--visible": boolean;
+    }>;
+    modalContentConditionalClasses: import("vue").ComputedRef<{
+        'b-modal-base__content--column-layout': boolean;
+    }>;
+    wrapperStyles: import("vue").ComputedRef<{
+        padding: string;
+    } | {
+        padding?: undefined;
+    }>;
+    dividerStyles: import("vue").ComputedRef<{
+        marginLeft: string;
+        width: string;
+    } | {
+        marginLeft?: undefined;
+        width?: undefined;
+    }>;
+    hasColumnLayout: import("vue").ComputedRef<boolean>;
+    computedColumnWidth: import("vue").ComputedRef<{
+        small: number;
+        medium: number;
+        large: number;
+    }[]>;
+    BentoButtonVariant: typeof BentoButtonVariant;
+    BentoTypographyElement: typeof BentoTypographyElement;
+    BentoTypographyVariant: typeof BentoTypographyVariant;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoModalEvent[], string, Readonly<import("vue").ExtractPropTypes<{
+    modalRole: {
+        type: StringConstructor;
+        default: BentoModalRole;
+    };
+    isDismissible: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    hideCloseButton: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    customPadding: {
+        type: StringConstructor;
+        default: any;
+    };
+    withColumnLayout: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    columnsSize: {
+        type: PropType<BentoModalColumnLayoutVariant>;
+        default: BentoModalColumnLayoutVariant;
+    };
+    isOpen: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    size: {
+        type: PropType<BentoModalSize>;
+        default: BentoModalSize;
+    };
+    initiallyOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    size: BentoModalSize;
+    modalRole: string;
+    customPadding: string;
+    withColumnLayout: boolean;
+    columnsSize: BentoModalColumnLayoutVariant;
+    initiallyOpen: boolean;
+}>;
+export default _default;

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

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { BentoModalColumnLayoutVariant, BentoModalEvent, BentoModalRole, BentoModalSize } from '@/components/modal';
+import { BentoModalColumnLayoutVariant, BentoModalEvent, BentoModalRole, BentoModalSize } from '@/components/modal/modal.types';
 import { BentoButtonVariant } from '@/components/button/button.types';
 import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
 declare const _default: import("vue").DefineComponent<{

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

@@ -28,11 +28,11 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     dialogActions: import("vue").ComputedRef<BentoButtonActionObject[]>;
-    acknowledgementDialogActions: {
+    acknowledgementDialogActions: import("vue").ComputedRef<{
         title: string;
         event: () => void;
         variant: BentoButtonVariant;
-    }[];
+    }[]>;
     onCloseModal: () => void;
     onCloseActionButton: () => void;
     modalDialogConditionalClasses: import("vue").ComputedRef<{

package/dist/@types/components/modal/modal.vue.d.ts

@@ -133,8 +133,8 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     content: string;
-    size: BentoModalSize;
     variant: BentoModalVariant;
+    size: BentoModalSize;
     actions: BentoButtonActionsList;
     isDismissible: boolean;
     hideCloseButton: boolean;

package/dist/@types/components/pagination/pagination.vue.d.ts

@@ -63,8 +63,8 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     ariaLabel: string;
     size: number;
-    page: number;
     totalCount: number;
+    page: number;
     hasNext: boolean;
     hidePageSize: boolean;
 }>;

package/dist/@types/components/popover/popover.vue.d.ts

@@ -152,13 +152,13 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     small: boolean;
-    open: boolean;
-    position: import("@/components/popper-container").PopperContainerPosition;
     title: string;
+    large: boolean;
     ariaLabel: string;
     modifiers: unknown[];
-    large: boolean;
+    position: import("@/components/popper-container").PopperContainerPosition;
     fixedPositioning: boolean;
+    open: boolean;
     actions: BentoButtonActionsList;
     actionsLayout: BentoButtonActionsLayout;
     divider: boolean;

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

@@ -119,12 +119,12 @@ declare const _default: import("vue").DefineComponent<{
         validator: (value: unknown) => boolean;
     };
 }>>, {
-    offset: number[];
     id: string;
-    position: PopperContainerPosition;
     ariaLabel: string;
     modifiers: unknown[];
     arrow: any;
+    offset: number[];
+    position: PopperContainerPosition;
     matchWidth: boolean;
     fixedPositioning: boolean;
     disabledFocusTrap: boolean;

package/dist/@types/components/radio-group/radio-group.vue.d.ts

@@ -59,8 +59,8 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
 }>>, {
-    disabled: boolean;
     variant: BentoRadioGroupVariant;
+    disabled: boolean;
     formId: string;
     selectedValue: string | number;
 }>;

package/dist/@types/components/search-bar/search-bar.types.d.ts

@@ -1,3 +1,14 @@
+export declare enum BentoSearchBarInternalEvent {
+    CLEAR = "clear",
+    ESCAPE = "escape-pressed",
+    INPUT = "input",
+    UPDATE = "update:search-term"
+}
+export declare enum BentoSearchBarEvent {
+    CLEAR = "search-clear",
+    INPUT = "search-input",
+    UPDATE = "update:search-term"
+}
 export interface BentoSearchBarItem {
     label: string;
 }

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

@@ -1,4 +1,5 @@
 import { BentoInputFieldType } from '@/components/input-field/input-field.types';
+import { BentoSearchBarInternalEvent } from './search-bar.types';
 declare const _default: import("vue").DefineComponent<{
     inputFieldAriaLabel: {
         type: StringConstructor;
@@ -117,15 +118,15 @@ declare const _default: import("vue").DefineComponent<{
             default: import("@/components/input-field/input-field.types").BentoInputFieldVariant;
         };
     }>>, import("@/components/input-field/input-field.types").BentoInputFieldEvent[], {
-        type: BentoInputFieldType;
         error: boolean;
         value: string;
-        ariaHidden: boolean;
-        ariaLabel: string;
+        type: BentoInputFieldType;
+        variant: import("@/components/input-field/input-field.types").BentoInputFieldVariant;
         disabled: boolean;
+        ariaLabel: string;
         placeholder: string;
-        variant: import("@/components/input-field/input-field.types").BentoInputFieldVariant;
         dropdown: import("@/components/input-field/input-field.types").BentoInputDropdownProps;
+        ariaHidden: boolean;
         dropdownPosition: import("@/components/input-field/input-field.types").BentoInputFieldElementPosition;
         staticValue: string;
         staticValuePosition: import("@/components/input-field/input-field.types").BentoInputFieldElementPosition;
@@ -251,7 +252,8 @@ declare const _default: import("vue").DefineComponent<{
     onClearSearch: () => void;
     onInputEvent: () => void;
     BentoInputFieldType: typeof BentoInputFieldType;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("input" | "clear" | "escape-pressed")[], string, Readonly<import("vue").ExtractPropTypes<{
+    BentoSearchBarInternalEvent: typeof BentoSearchBarInternalEvent;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, (BentoSearchBarInternalEvent.CLEAR | BentoSearchBarInternalEvent.ESCAPE | BentoSearchBarInternalEvent.INPUT)[], string, Readonly<import("vue").ExtractPropTypes<{
     inputFieldAriaLabel: {
         type: StringConstructor;
         required: true;
@@ -270,7 +272,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     value: string;
-    placeholder: string;
     debounceTime: number;
+    placeholder: string;
 }>;
 export default _default;

package/dist/@types/components/textarea/textarea.vue.d.ts

@@ -36,8 +36,8 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     value: string;
-    label: string;
     description: string;
+    label: string;
     placeholder: string;
 }>;
 export default _default;

package/dist/@types/components/toggle/toggle.vue.d.ts

@@ -53,8 +53,8 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     value: boolean;
-    ariaLabel: string;
     disabled: boolean;
+    ariaLabel: string;
     labelPosition: AdlLabelPosition;
 }>;
 export default _default;