@adyen/bento-vue2 0.4.0 → 0.5.0

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

@@ -0,0 +1,47 @@
+import { PropType } from 'vue';
+import { BentoBaseButtonEvent } from './base-button.types';
+import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+import { Booleanish } from '@/types';
+declare const _default: import("vue").DefineComponent<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    critical: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    type: {
+        type: PropType<"button" | "reset" | "submit">;
+        default: string;
+    };
+}, {
+    BentoTypographyElement: typeof BentoTypographyElement;
+    BentoTypographyVariant: typeof BentoTypographyVariant;
+    ariaAttributes: import("vue").ComputedRef<{
+        'aria-expanded': Booleanish;
+    }>;
+    conditionalClasses: import("vue").ComputedRef<{
+        [x: string]: boolean;
+    }>;
+    onClickButton: (e: MouseEvent) => void;
+    hasSlot: (name: string) => boolean;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoBaseButtonEvent[], string, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    critical: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    type: {
+        type: PropType<"button" | "reset" | "submit">;
+        default: string;
+    };
+}>>, {
+    type: "button" | "reset" | "submit";
+    disabled: boolean;
+    critical: boolean;
+}>;
+export default _default;

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

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

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

@@ -6,16 +6,18 @@ export interface Props extends RouterLinkProps, AnchorHTMLAttributes {
     variant?: BentoLinkVariant;
 }
 import { BentoLinkVariant } from './link.types';
-import type { RouterLinkProps } from 'vue-router/types/router';
+import type { RouterLinkProps, RouterLinkSlotArgument } 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;
-}>, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+}>, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {
+    click: (clickEvent: MouseEvent) => void;
+}, string, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     variant: BentoLinkVariant;
 }>>>, {
     variant: BentoLinkVariant;
 }>, {
-    default: (_: import("vue-router/types/router").RouterLinkSlotArgument) => any;
+    default: (_: RouterLinkSlotArgument) => any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

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

@@ -0,0 +1,2 @@
+export * from './menu-item';
+export * from './menu-item-list';

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

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

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

@@ -0,0 +1,11 @@
+import type { VueNodeElement } from '@/types';
+export interface BentoMenuItem {
+    text: string;
+    handler: () => void;
+    secondaryText?: string;
+    disabled?: boolean;
+    chevron?: boolean;
+    icon?: VueNodeElement;
+    critical?: boolean;
+    indent?: boolean;
+}

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

@@ -0,0 +1,84 @@
+import { PropType } from 'vue';
+import type { VueNodeElement } from '@/types';
+import { BentoBaseButtonEvent } from '@/components/internal/base-button';
+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;
+    };
+}, {
+    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;
+    };
+}>>, {
+    disabled: boolean;
+    icon: VueNodeElement;
+    critical: boolean;
+    secondaryText: string;
+    chevron: boolean;
+    indent: 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,49 @@
+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;
+    };
+}, {
+    computedData: import("vue").ComputedRef<BentoMenuItem[]>;
+    focusedIndex: import("vue").Ref<number>;
+    menuItemListRef: any;
+    closeMenu: () => 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<{
+    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/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,3 @@
+export declare enum BentoMenuEvent {
+    CLOSE = "close"
+}

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

@@ -0,0 +1,53 @@
+import { PropType } from 'vue';
+import { BentoButtonVariant } from '@/components/button';
+import { BentoMenuItem } from './components';
+declare const _default: import("vue").DefineComponent<{
+    data: {
+        type: PropType<BentoMenuItem[]>;
+        required: true;
+    };
+    ghostButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    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>;
+    computedMenuButtonVariant: import("vue").ComputedRef<BentoButtonVariant.SECONDARY | BentoButtonVariant.TERTIARY>;
+    isLastElementFocused: import("vue").Ref<boolean>;
+    onKeyDown: () => void;
+    onKeyUp: () => void;
+    closeMenu: () => void;
+    toggleShowMenu: () => 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;
+    };
+    ghostButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    ghostButton: boolean;
+}>;
+export default _default;

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

@@ -57,11 +57,16 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<import("../..").VueNodeElement>;
         required: true;
     };
+    withoutSpace: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     conditionalClasses: import("vue").ComputedRef<{
         'b-popover--small': boolean;
         'b-popover--with-divider': boolean;
         'b-popover--large': boolean;
+        'b-popover--without-space': boolean;
     }>;
     contentConditionalClasses: import("vue").ComputedRef<{
         'b-popover__content--with-title': boolean;
@@ -124,6 +129,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<import("../..").VueNodeElement>;
         required: true;
     };
+    withoutSpace: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     small: boolean;
     position: import("@/components/popper-container").PopperContainerPosition;
@@ -137,5 +146,6 @@ declare const _default: import("vue").DefineComponent<{
     divider: boolean;
     disableFocusTrap: boolean;
     dismissible: boolean;
+    withoutSpace: boolean;
 }>;
 export default _default;

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

@@ -1,13 +1,14 @@
 import { PropType } from 'vue';
 import { PopperContainerAriaRole, PopperContainerPositionExtended } from '@/components/popper-container';
 import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+import { VueNodeElement } from '../../types';
 declare const _default: import("vue").DefineComponent<{
     id: {
         type: StringConstructor;
         default: any;
     };
     targetElement: {
-        type: PropType<import("../../index.js").VueNodeElement>;
+        type: PropType<VueNodeElement>;
         required: true;
     };
     position: {
@@ -36,13 +37,13 @@ declare const _default: import("vue").DefineComponent<{
         [x: string]: boolean;
     }>;
     tabIndex: import("vue").ComputedRef<number>;
-}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     id: {
         type: StringConstructor;
         default: any;
     };
     targetElement: {
-        type: PropType<import("../../index.js").VueNodeElement>;
+        type: PropType<VueNodeElement>;
         required: true;
     };
     position: {
@@ -69,5 +70,3 @@ declare const _default: import("vue").DefineComponent<{
     isShown: boolean;
 }>;
 export default _default;
-export declare class Tooltip {
-}

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

@@ -3,7 +3,6 @@ import {
     // AdlAccordion,
     // AdlAccordionItem,
     // AdlBadge,
-    // AdlPageHeader,
     // AdlSegmentedControl,
     // AdlSegmentedOption,
     // AdlTab,
@@ -28,11 +27,13 @@ import {
     BentoDropdownCountry,
     BentoDropdownCurrency,
     BentoDropdownPaymentMethod,
+    // BentoHeader,
     BentoInfoIcon,
     BentoInputField,
     BentoLink,
     BentoLoadingButton,
     BentoLoadingIndicator,
+    BentoMenu,
     BentoPagination,
     BentoPaymentMethod,
     BentoPopover,
@@ -52,7 +53,6 @@ declare module 'vue' {
         // AdlAccordion: typeof AdlAccordion;
         // AdlAccordionItem: typeof AdlAccordionItem;
         // AdlBadge: typeof AdlBadge;
-        // AdlPageHeader: typeof AdlPageHeader;
         // AdlSegmentedControl: typeof AdlSegmentedControl;
         // AdlSegmentedOption: typeof AdlSegmentedOption;
         // AdlTabs: typeof AdlTabs;
@@ -75,6 +75,7 @@ declare module 'vue' {
         BentoDropdown: typeof BentoDropdown;
         BentoDropdownAvatar: typeof BentoDropdownAvatar;
         BentoDropdownCountry: typeof BentoDropdownCountry;
+        // BentoHeader: typeof BentoHeader;
         BentoInfoIcon: typeof BentoInfoIcon;
         BentoDropdownCurrency: typeof BentoDropdownCurrency;
         BentoDropdownPaymentMethod: typeof BentoDropdownPaymentMethod;
@@ -82,6 +83,7 @@ declare module 'vue' {
         BentoLink: typeof BentoLink;
         BentoLoadingButton: typeof BentoLoadingButton;
         BentoLoadingIndicator: typeof BentoLoadingIndicator;
+        BentoMenu: typeof BentoMenu;
         BentoPagination: typeof BentoPagination;
         BentoPaymentMethod: typeof BentoPaymentMethod;
         BentoPopover: typeof BentoPopover;

package/dist/@types/composables/use-checkbox-select-all/use-checkbox-select-all.d.ts

@@ -1,7 +1,7 @@
-import type { ComputedRef, Ref } from 'vue';
-import type { Fn } from '@/types';
-import { BentoListboxMultiSelectValue, BentoListboxOptions } from '@/types';
-export declare const useCheckboxSelectAll: (selectedItemsList: Ref<BentoListboxMultiSelectValue>, items: ComputedRef<BentoListboxOptions>, selectAll: Fn, unselectAll: Fn) => {
+import type { ComputedRef } from 'vue';
+import type { BentoListboxMultiSelectValue, Fn } from '@/types';
+import { BentoListboxOptions } from '@/types';
+export declare const useCheckboxSelectAll: (selectedItemsList: ComputedRef<BentoListboxMultiSelectValue>, items: ComputedRef<BentoListboxOptions>, selectAll: Fn, unselectAll: Fn) => {
     isAllSelected: ComputedRef<boolean>;
     isIndeterminate: ComputedRef<boolean>;
     toggleSelectAll: (selectedValue: boolean) => void;

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

@@ -14,6 +14,7 @@ export * from './components/info-icon';
 export * from './components/input-field';
 export * from './components/loading-indicator';
 export * from './components/link';
+export * from './components/menu';
 export * from './components/pagination';
 export * from './components/payment-method';
 export * from './components/popover';

package/dist/@types/utils/ts/currency/currency.d.ts

@@ -2,5 +2,5 @@ import { CurrencyAmount, CurrencyOptions, NumberFormatOptionsResult } from './cu
 export declare const getExponent: (currencyCode: string) => number;
 export declare const getMinorUnitsAmount: (amount: CurrencyAmount) => number;
 export declare const getNormalizedAmount: (amount: CurrencyAmount, exponent: number) => number;
-export declare function getNumberFormatOptions(amount: CurrencyAmount, options?: CurrencyOptions): NumberFormatOptionsResult;
-export declare const getLocalizedCurrencyValue: (amountValue: string, currency: string, isShort?: boolean) => string;
+export declare function getNumberFormatOptions(amount: CurrencyAmount, options?: CurrencyOptions, majorUnits?: boolean): NumberFormatOptionsResult;
+export declare const getLocalizedCurrencyValue: (amountValue: string, currency: string, isShort?: boolean, majorUnits?: boolean) => string;