@adyen/bento-vue2 0.7.1 → 0.8.1

package/dist/@types/components/info-icon/info-icon.vue.d.ts

@@ -1,12 +1,24 @@
+import { PropType } from 'vue';
+import { PopperContainerPosition } from '@/components/popper-container';
 declare const _default: import("vue").DefineComponent<{
     tooltipText: {
         type: StringConstructor;
         required: true;
     };
+    tooltipPosition: {
+        type: PropType<PopperContainerPosition>;
+        default: import("@/components/popper-container").PopperContainerPositionExtended;
+    };
 }, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     tooltipText: {
         type: StringConstructor;
         required: true;
     };
-}>>, {}>;
+    tooltipPosition: {
+        type: PropType<PopperContainerPosition>;
+        default: import("@/components/popper-container").PopperContainerPositionExtended;
+    };
+}>>, {
+    tooltipPosition: PopperContainerPosition;
+}>;
 export default _default;

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

@@ -18,6 +18,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
     staticValue: {
         type: StringConstructor;
         default: string;
@@ -69,6 +73,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
     staticValue: {
         type: StringConstructor;
         default: string;
@@ -96,6 +104,7 @@ declare const _default: import("vue").DefineComponent<{
     ariaHidden: boolean;
     ariaLabel: string;
     disabled: boolean;
+    placeholder: string;
     variant: BentoInputFieldVariant;
     staticValue: string;
     staticValuePosition: BentoInputFieldStaticValuePosition;

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

@@ -0,0 +1,31 @@
+import { PropType } from 'vue';
+import { BentoButtonVariant } from '@/components/button';
+import { PopperContainerPosition } from '@/components/popper-container';
+declare const _default: import("vue").DefineComponent<{
+    text: {
+        type: StringConstructor;
+        required: true;
+    };
+    tooltipPosition: {
+        type: PropType<PopperContainerPosition>;
+        default: import("@/components/popper-container").PopperContainerPositionBasic;
+    };
+}, {
+    BentoButtonVariant: typeof BentoButtonVariant;
+    copyText: import("vue").Ref<import("vue-i18n").default.TranslateResult>;
+    onClickCopy: () => Promise<void>;
+    resetText: () => void;
+    showScreenReaderAlert: import("vue").Ref<boolean>;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    text: {
+        type: StringConstructor;
+        required: true;
+    };
+    tooltipPosition: {
+        type: PropType<PopperContainerPosition>;
+        default: import("@/components/popper-container").PopperContainerPositionBasic;
+    };
+}>>, {
+    tooltipPosition: PopperContainerPosition;
+}>;
+export default _default;

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

@@ -0,0 +1 @@
+export { default as Copy } from './copy.vue';

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

@@ -1,2 +1,3 @@
 export * from './avatar';
 export * from './listbox';
+export * from './copy';

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

@@ -1,4 +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

@@ -2,15 +2,12 @@ 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;
     };
-    tertiaryButton: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     menuPosition: {
         type: PropType<import("../popper-container").PopperContainerPosition>;
         default: import("../popper-container").PopperContainerPositionExtended;
@@ -20,6 +17,16 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    menuWidth: {
+        type: NumberConstructor;
+        default: any;
+    };
+    button: {
+        type: PropType<BentoMenuButtonProps>;
+        default: () => {
+            variant: BentoButtonVariant;
+        };
+    };
 }, {
     BentoButtonVariant: typeof BentoButtonVariant;
     BentoPopoverPositions: {
@@ -42,7 +49,9 @@ declare const _default: import("vue").DefineComponent<{
     menuButtonRef: any;
     menuId: string;
     showMenu: import("vue").Ref<boolean>;
-    computedMenuButtonVariant: import("vue").ComputedRef<BentoButtonVariant.SECONDARY | BentoButtonVariant.TERTIARY>;
+    computedMenuWidth: import("vue").ComputedRef<{
+        width: string;
+    }>;
     isLastElementFocused: import("vue").Ref<boolean>;
     onKeyDown: () => void;
     onKeyUp: () => void;
@@ -53,10 +62,6 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoMenuItem[]>;
         required: true;
     };
-    tertiaryButton: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     menuPosition: {
         type: PropType<import("../popper-container").PopperContainerPosition>;
         default: import("../popper-container").PopperContainerPositionExtended;
@@ -66,9 +71,22 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    menuWidth: {
+        type: NumberConstructor;
+        default: any;
+    };
+    button: {
+        type: PropType<BentoMenuButtonProps>;
+        default: () => {
+            variant: BentoButtonVariant;
+        };
+    };
 }>>, {
-    tertiaryButton: boolean;
+    button: {
+        variant: BentoButtonVariant;
+    };
     menuPosition: import("../popper-container").PopperContainerPosition;
     menuFixedPositioning: boolean;
+    menuWidth: number;
 }>;
 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/payment-method/payment-method.vue.d.ts

@@ -10,8 +10,15 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
+    small: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     paymentMethodIconSrc: import("vue").Ref<string>;
+    conditionalIconClasses: import("vue").ComputedRef<{
+        'b-payment-method__icon--small': boolean;
+    }>;
     BentoTypographyElement: typeof BentoTypographyElement;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     type: {
@@ -22,7 +29,12 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
+    small: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
+    small: boolean;
     type: BentoPaymentMethodType;
 }>;
 export default _default;

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

@@ -28,10 +28,18 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    fitContent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     fixedPositioning: {
         type: BooleanConstructor;
         default: boolean;
     };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     large: {
         type: BooleanConstructor;
         default: boolean;
@@ -66,6 +74,7 @@ declare const _default: import("vue").DefineComponent<{
         'b-popover--small': boolean;
         'b-popover--with-divider': boolean;
         'b-popover--large': boolean;
+        'b-popover--fit-content': boolean;
         'b-popover--without-space': boolean;
     }>;
     contentConditionalClasses: import("vue").ComputedRef<{
@@ -100,10 +109,18 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    fitContent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     fixedPositioning: {
         type: BooleanConstructor;
         default: boolean;
     };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     large: {
         type: BooleanConstructor;
         default: boolean;
@@ -135,6 +152,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     small: boolean;
+    open: boolean;
     position: import("@/components/popper-container").PopperContainerPosition;
     title: string;
     ariaLabel: string;
@@ -146,6 +164,7 @@ declare const _default: import("vue").DefineComponent<{
     divider: boolean;
     disableFocusTrap: boolean;
     dismissible: boolean;
+    fitContent: boolean;
     withoutSpace: boolean;
 }>;
 export default _default;

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

@@ -8,6 +8,10 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
     value: {
         type: StringConstructor;
         default: any;
@@ -31,6 +35,10 @@ declare const _default: import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
         staticValue: {
             type: StringConstructor;
             default: string;
@@ -68,6 +76,10 @@ declare const _default: import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
         staticValue: {
             type: StringConstructor;
             default: string;
@@ -95,6 +107,7 @@ declare const _default: import("vue").DefineComponent<{
         ariaHidden: boolean;
         ariaLabel: string;
         disabled: boolean;
+        placeholder: string;
         variant: import("@/components/input-field").BentoInputFieldVariant;
         staticValue: string;
         staticValuePosition: import("@/components/input-field").BentoInputFieldStaticValuePosition;
@@ -115,6 +128,10 @@ declare const _default: import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
         staticValue: {
             type: StringConstructor;
             default: string;
@@ -166,6 +183,10 @@ declare const _default: import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
         staticValue: {
             type: StringConstructor;
             default: string;
@@ -199,12 +220,17 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
     value: {
         type: StringConstructor;
         default: any;
     };
 }>>, {
     value: string;
+    placeholder: string;
     debounceTime: number;
 }>;
 export default _default;

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

@@ -0,0 +1,46 @@
+import { PropType } from 'vue';
+import { BentoTypographyElement } from '@/components/typography';
+import { BentoButtonVariant } from '@/components/button';
+declare const _default: import("vue").DefineComponent<{
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    copy: {
+        type: StringConstructor;
+        default: any;
+    };
+    search: {
+        type: PropType<(event: Event) => void>;
+        default: any;
+    };
+    searchTooltip: {
+        type: StringConstructor;
+        default: any;
+    };
+}, {
+    BentoButtonVariant: typeof BentoButtonVariant;
+    BentoTypographyElement: typeof BentoTypographyElement;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    copy: {
+        type: StringConstructor;
+        default: any;
+    };
+    search: {
+        type: PropType<(event: Event) => void>;
+        default: any;
+    };
+    searchTooltip: {
+        type: StringConstructor;
+        default: any;
+    };
+}>>, {
+    search: (event: Event) => void;
+    copy: string;
+    searchTooltip: string;
+}>;
+export default _default;

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

@@ -0,0 +1,2 @@
+export { default as BentoStructuredList } from './structured-list.vue';
+export { default as BentoStructuredListItem } from './components/structered-list-item/structured-list-item.vue';

package/dist/@types/components/structured-list/structured-list.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/summary-grid/components/grid-layout/grid-layout.types.d.ts

@@ -1,8 +1,6 @@
-export interface GridLayoutItem {
-    data: object;
-    columnWidth?: {
-        small: number;
-        medium: number;
-        large: number;
-    };
+export interface GridLayoutColumnWidth {
+    small: number | string;
+    medium: number | string;
+    large: number | string;
 }
+export type GridLayoutColumnWidths = Array<'auto' | GridLayoutColumnWidth>;

package/dist/@types/components/summary-grid/components/grid-layout/grid-layout.vue.d.ts

@@ -1,16 +1,21 @@
 import { PropType } from 'vue';
-import { GridLayoutItem } from './grid-layout.types';
+import { GridLayoutColumnWidths } from './grid-layout.types';
 declare const _default: import("vue").DefineComponent<{
-    items: {
-        type: PropType<GridLayoutItem[]>;
-        required: true;
-        validator: (array: PropType<GridLayoutItem[]>) => boolean;
+    columnWidth: {
+        type: PropType<GridLayoutColumnWidths>;
+        default: any;
+        validator: (array: GridLayoutColumnWidths) => boolean;
     };
-}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
-    items: {
-        type: PropType<GridLayoutItem[]>;
-        required: true;
-        validator: (array: PropType<GridLayoutItem[]>) => boolean;
+}, {
+    computeColumnSize: (index: any) => string[];
+    hasSlot: (name: string) => boolean;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    columnWidth: {
+        type: PropType<GridLayoutColumnWidths>;
+        default: any;
+        validator: (array: GridLayoutColumnWidths) => boolean;
     };
-}>>, {}>;
+}>>, {
+    columnWidth: GridLayoutColumnWidths;
+}>;
 export default _default;

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

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

package/dist/@types/components/summary-grid/components/summary-grid-item/summary-grid-item.types.d.ts

@@ -0,0 +1,7 @@
+export declare enum SummaryGridItemType {
+    AMOUNT = "amount",
+    PERCENTAGE = "percentage",
+    NUMERIC = "numeric",
+    TEXT = "text",
+    CUSTOM = "custom"
+}

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

@@ -0,0 +1,119 @@
+import { PropType } from 'vue';
+import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+import { BentoSummaryGridItemSize, BentoSummaryGridItemTrendDirection } from '@/components/summary-grid/summary-grid.types';
+import { BentoTagVariant } from '@/components/tag';
+import { SummaryGridItemType } from './summary-grid-item.types';
+declare const _default: import("vue").DefineComponent<{
+    copy: {
+        type: StringConstructor;
+        default: any;
+    };
+    itemType: {
+        type: PropType<SummaryGridItemType>;
+        default: SummaryGridItemType;
+    };
+    infoIconTooltipText: {
+        type: StringConstructor;
+        default: any;
+    };
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+    fitContent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<BentoSummaryGridItemSize>;
+        default: BentoSummaryGridItemSize;
+    };
+    trendDirection: {
+        type: PropType<BentoSummaryGridItemTrendDirection>;
+        default: BentoSummaryGridItemTrendDirection;
+    };
+    trend: {
+        type: StringConstructor;
+        default: any;
+    };
+}, {
+    trendVariant: import("vue").ComputedRef<BentoTagVariant.BLUE | BentoTagVariant.GREEN | BentoTagVariant.RED>;
+    isContentTypographyApplied: import("vue").ComputedRef<boolean>;
+    typographyProps: import("vue").ComputedRef<{
+        medium: boolean;
+        strongest: boolean;
+        wide: boolean;
+        variant: BentoTypographyVariant;
+    }>;
+    computedStyles: import("vue").ComputedRef<{
+        width: string;
+    } | {
+        width?: undefined;
+    }>;
+    summaryBarItemTrendConditionalClasses: import("vue").ComputedRef<{
+        [x: string]: string;
+    }>;
+    BentoTypographyElement: typeof BentoTypographyElement;
+    BentoTypographyVariant: typeof BentoTypographyVariant;
+    SummaryGridItemType: typeof SummaryGridItemType;
+    BentoSummaryGridItemSize: typeof BentoSummaryGridItemSize;
+    PopperContainerPosition: {
+        AUTO: import("@/components/popper-container").PopperContainerPositionExtended.AUTO;
+        AUTO_START: import("@/components/popper-container").PopperContainerPositionExtended.AUTO_START;
+        AUTO_END: import("@/components/popper-container").PopperContainerPositionExtended.AUTO_END;
+        TOP_START: import("@/components/popper-container").PopperContainerPositionExtended.TOP_START;
+        TOP_END: import("@/components/popper-container").PopperContainerPositionExtended.TOP_END;
+        RIGHT_START: import("@/components/popper-container").PopperContainerPositionExtended.RIGHT_START;
+        RIGHT_END: import("@/components/popper-container").PopperContainerPositionExtended.RIGHT_END;
+        BOTTOM_START: import("@/components/popper-container").PopperContainerPositionExtended.BOTTOM_START;
+        BOTTOM_END: import("@/components/popper-container").PopperContainerPositionExtended.BOTTOM_END;
+        LEFT_START: import("@/components/popper-container").PopperContainerPositionExtended.LEFT_START;
+        LEFT_END: import("@/components/popper-container").PopperContainerPositionExtended.LEFT_END;
+        TOP: import("@/components/popper-container").PopperContainerPositionBasic.TOP;
+        RIGHT: import("@/components/popper-container").PopperContainerPositionBasic.RIGHT;
+        BOTTOM: import("@/components/popper-container").PopperContainerPositionBasic.BOTTOM;
+        LEFT: import("@/components/popper-container").PopperContainerPositionBasic.LEFT;
+    };
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    copy: {
+        type: StringConstructor;
+        default: any;
+    };
+    itemType: {
+        type: PropType<SummaryGridItemType>;
+        default: SummaryGridItemType;
+    };
+    infoIconTooltipText: {
+        type: StringConstructor;
+        default: any;
+    };
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+    fitContent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<BentoSummaryGridItemSize>;
+        default: BentoSummaryGridItemSize;
+    };
+    trendDirection: {
+        type: PropType<BentoSummaryGridItemTrendDirection>;
+        default: BentoSummaryGridItemTrendDirection;
+    };
+    trend: {
+        type: StringConstructor;
+        default: any;
+    };
+}>>, {
+    copy: string;
+    size: BentoSummaryGridItemSize;
+    fitContent: boolean;
+    infoIconTooltipText: string;
+    itemType: SummaryGridItemType;
+    trendDirection: BentoSummaryGridItemTrendDirection;
+    trend: string;
+}>;
+export default _default;