@adyen/bento-vue3 0.9.3

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

@@ -0,0 +1,96 @@
+import { PropType } from 'vue';
+import type { VueNodeElement } from '@/types';
+import { BentoBaseButtonEvent } from '@/components/internal/base-button';
+import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+declare const _default: import("vue").DefineComponent<{
+    text: {
+        type: StringConstructor;
+        required: true;
+    };
+    handler: {
+        type: PropType<() => void>;
+        required: true;
+    };
+    secondaryText: {
+        type: StringConstructor;
+        default: any;
+    };
+    chevron: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    icon: {
+        type: PropType<VueNodeElement>;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    indent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    critical: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isTitle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    BentoTypographyElement: typeof BentoTypographyElement;
+    BentoTypographyVariant: typeof BentoTypographyVariant;
+    conditionalClasses: import("vue").ComputedRef<{
+        'b-menu-item--critical': boolean;
+        'b-menu-item--indent': boolean;
+    }>;
+    onClick: () => void;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoBaseButtonEvent.CLICK[], string, Readonly<import("vue").ExtractPropTypes<{
+    text: {
+        type: StringConstructor;
+        required: true;
+    };
+    handler: {
+        type: PropType<() => void>;
+        required: true;
+    };
+    secondaryText: {
+        type: StringConstructor;
+        default: any;
+    };
+    chevron: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    icon: {
+        type: PropType<VueNodeElement>;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    indent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    critical: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isTitle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    critical: boolean;
+    disabled: boolean;
+    icon: any;
+    secondaryText: string;
+    chevron: boolean;
+    indent: boolean;
+    isTitle: boolean;
+}>;
+export default _default;

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

@@ -0,0 +1 @@
+export { default as MenuItemList } from './menu-item-list.vue';

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

@@ -0,0 +1,59 @@
+import { PropType } from 'vue';
+import { BentoMenuItem } from '../menu-item';
+import { BentoMenuEvent } from '../../menu.types';
+declare const _default: import("vue").DefineComponent<{
+    data: {
+        type: PropType<BentoMenuItem[]>;
+        required: true;
+    };
+    indentItems: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+    focusLastElement: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    menuItemListRef: any;
+    menuItemListWrapperRef: any;
+    subMenuItemListRef: any;
+    computedData: import("vue").ComputedRef<BentoMenuItem[]>;
+    computedHeight: import("vue").ComputedRef<string>;
+    focusedIndex: import("vue").Ref<number>;
+    subMenuFocusedIndex: import("vue").Ref<number>;
+    showSubMenu: import("vue").Ref<boolean>;
+    visibleSubMenuIndex: any;
+    toggleMenu: (item: BentoMenuItem, index: number) => Promise<void>;
+    closeMenu: () => void;
+    focusPrevious: () => void;
+    focusNext: () => void;
+    focusRight: (item: any, index: any) => void;
+    focusLeft: () => void;
+    onBackButton: () => void;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoMenuEvent.CLOSE[], string, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: PropType<BentoMenuItem[]>;
+        required: true;
+    };
+    indentItems: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+    focusLastElement: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    indentItems: boolean;
+    focusLastElement: boolean;
+}>;
+export default _default;

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

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, unknown, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

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

@@ -0,0 +1,55 @@
+import { PropType } from 'vue';
+import { BentoMenuItem } from '../menu-item';
+import { BentoMenuEvent } from '../../menu.types';
+declare const _default: import("vue").DefineComponent<{
+    items: {
+        type: PropType<BentoMenuItem[]>;
+        required: true;
+    };
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+}, {
+    BentoMenuEvent: typeof BentoMenuEvent;
+    subMenuItemListRefLocal: any;
+    subMenuFocusedIndex: import("vue").Ref<number>;
+    ChevronLeftIcon: any;
+    computedItems: import("vue").ComputedRef<({
+        indent: boolean;
+        isTitle: boolean;
+        clickHandler: () => void;
+        text: string;
+        handler: () => void;
+        secondaryText?: string;
+        items?: BentoMenuItem[];
+        disabled?: boolean;
+        chevron?: boolean;
+        icon?: import("../../../..").VueNodeElement;
+        critical?: boolean;
+    } | {
+        text: string;
+        secondaryText: any;
+        critical: boolean;
+        icon: any;
+        isTitle: boolean;
+        disabled: boolean;
+        indent: boolean;
+        handler: () => void;
+        clickHandler: () => void;
+    })[]>;
+    closeMenu: () => void;
+    onBackButton: () => void;
+    focusPrevious: () => void;
+    focusNext: () => void;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoMenuEvent[], string, Readonly<import("vue").ExtractPropTypes<{
+    items: {
+        type: PropType<BentoMenuItem[]>;
+        required: true;
+    };
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+}>>, {}>;
+export default _default;

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

@@ -0,0 +1,2 @@
+export { default as BentoMenu } from './menu.vue';
+export * from './menu.types';

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

@@ -0,0 +1,12 @@
+import { BentoButton } from '../button';
+export declare enum BentoMenuEvent {
+    CLOSE = "close",
+    BACK = "back"
+}
+type ButtonProps = InstanceType<typeof BentoButton>['$props'];
+export type BentoMenuButtonProps = {
+    variant?: ButtonProps['variant'];
+    condensed?: ButtonProps['condensed'];
+    disabled?: ButtonProps['disabled'];
+};
+export {};

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

@@ -0,0 +1,92 @@
+import { PropType } from 'vue';
+import { BentoButtonVariant } from '@/components/button';
+import { BentoPopoverPositions } from '@/components/popover';
+import { BentoMenuItem } from './components';
+import { BentoMenuButtonProps } from './menu.types';
+declare const _default: import("vue").DefineComponent<{
+    data: {
+        type: PropType<BentoMenuItem[]>;
+        required: true;
+    };
+    menuPosition: {
+        type: PropType<import("../popper-container").PopperContainerPosition>;
+        default: import("../popper-container").PopperContainerPositionExtended;
+        validator: (value: BentoPopoverPositions) => boolean;
+    };
+    menuFixedPositioning: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    menuWidth: {
+        type: NumberConstructor;
+        default: any;
+    };
+    button: {
+        type: PropType<BentoMenuButtonProps>;
+        default: () => {
+            variant: BentoButtonVariant;
+        };
+    };
+}, {
+    BentoButtonVariant: typeof BentoButtonVariant;
+    BentoPopoverPositions: {
+        AUTO: import("../popper-container").PopperContainerPositionExtended.AUTO;
+        AUTO_START: import("../popper-container").PopperContainerPositionExtended.AUTO_START;
+        AUTO_END: import("../popper-container").PopperContainerPositionExtended.AUTO_END;
+        TOP_START: import("../popper-container").PopperContainerPositionExtended.TOP_START;
+        TOP_END: import("../popper-container").PopperContainerPositionExtended.TOP_END;
+        RIGHT_START: import("../popper-container").PopperContainerPositionExtended.RIGHT_START;
+        RIGHT_END: import("../popper-container").PopperContainerPositionExtended.RIGHT_END;
+        BOTTOM_START: import("../popper-container").PopperContainerPositionExtended.BOTTOM_START;
+        BOTTOM_END: import("../popper-container").PopperContainerPositionExtended.BOTTOM_END;
+        LEFT_START: import("../popper-container").PopperContainerPositionExtended.LEFT_START;
+        LEFT_END: import("../popper-container").PopperContainerPositionExtended.LEFT_END;
+        TOP: import("../popper-container").PopperContainerPositionBasic.TOP;
+        RIGHT: import("../popper-container").PopperContainerPositionBasic.RIGHT;
+        BOTTOM: import("../popper-container").PopperContainerPositionBasic.BOTTOM;
+        LEFT: import("../popper-container").PopperContainerPositionBasic.LEFT;
+    };
+    menuButtonRef: any;
+    menuId: string;
+    showMenu: import("vue").Ref<boolean>;
+    computedMenuWidth: import("vue").ComputedRef<{
+        width: string;
+    }>;
+    isLastElementFocused: import("vue").Ref<boolean>;
+    onKeyDown: () => void;
+    onKeyUp: () => void;
+    closeMenu: () => 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[]>;
+        required: true;
+    };
+    menuPosition: {
+        type: PropType<import("../popper-container").PopperContainerPosition>;
+        default: import("../popper-container").PopperContainerPositionExtended;
+        validator: (value: BentoPopoverPositions) => boolean;
+    };
+    menuFixedPositioning: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    menuWidth: {
+        type: NumberConstructor;
+        default: any;
+    };
+    button: {
+        type: PropType<BentoMenuButtonProps>;
+        default: () => {
+            variant: BentoButtonVariant;
+        };
+    };
+}>>, {
+    button: {
+        variant: BentoButtonVariant;
+    };
+    menuPosition: import("../popper-container").PopperContainerPosition;
+    menuFixedPositioning: boolean;
+    menuWidth: number;
+}>;
+export default _default;

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

@@ -0,0 +1,128 @@
+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';
+import { GridLayoutContainerType } from '@/internal';
+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;
+    modalActionsConditionalClasses: import("vue").ComputedRef<{
+        'b-modal-base__actions--column-layout': boolean;
+    }>;
+    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;
+    GridLayoutContainerType: typeof GridLayoutContainerType;
+}, {}, {}, {}, 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/index.d.ts

@@ -0,0 +1 @@
+export { default as BaseModal } from './base-modal.vue';

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

@@ -0,0 +1,3 @@
+export { default as BaseModal } from './base-modal/base-modal.vue';
+export { default as BentoModalDefault } from './modal-default/modal-default.vue';
+export { default as BentoModalDialog } from './modal-dialog/modal-dialog.vue';