@adyen/bento-vue2 0.4.1 → 0.5.0

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/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;