@adyen/bento-vue2 0.8.0 → 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

@@ -1,9 +1,15 @@
+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>;
@@ -15,5 +21,11 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-}>>, {}>;
+    tooltipPosition: {
+        type: PropType<PopperContainerPosition>;
+        default: import("@/components/popper-container").PopperContainerPositionBasic;
+    };
+}>>, {
+    tooltipPosition: PopperContainerPosition;
+}>;
 export default _default;

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,6 +28,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    fitContent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     fixedPositioning: {
         type: BooleanConstructor;
         default: boolean;
@@ -70,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<{
@@ -104,6 +109,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    fitContent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     fixedPositioning: {
         type: BooleanConstructor;
         default: boolean;
@@ -155,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/summary-grid/components/summary-grid-item/summary-grid-item.vue.d.ts

@@ -57,6 +57,23 @@ declare const _default: import("vue").DefineComponent<{
     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;
@@ -93,9 +110,9 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     copy: string;
     size: BentoSummaryGridItemSize;
+    fitContent: boolean;
     infoIconTooltipText: string;
     itemType: SummaryGridItemType;
-    fitContent: boolean;
     trendDirection: BentoSummaryGridItemTrendDirection;
     trend: string;
 }>;

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

@@ -80,8 +80,8 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     copy: string;
     size: BentoSummaryGridItemSize;
-    infoIconTooltipText: string;
     fitContent: boolean;
+    infoIconTooltipText: string;
     trendDirection: BentoSummaryGridItemTrendDirection;
     trend: string;
     secondaryLabel: string;

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

@@ -34,7 +34,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     copy: string;
-    infoIconTooltipText: string;
     fitContent: boolean;
+    infoIconTooltipText: string;
 }>;
 export default _default;

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

@@ -72,8 +72,8 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     copy: string;
     size: BentoSummaryGridItemSize;
-    infoIconTooltipText: string;
     fitContent: boolean;
+    infoIconTooltipText: string;
     trendDirection: BentoSummaryGridItemTrendDirection;
     trend: string;
 }>;

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

@@ -72,8 +72,8 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     copy: string;
     size: BentoSummaryGridItemSize;
-    infoIconTooltipText: string;
     fitContent: boolean;
+    infoIconTooltipText: string;
     trendDirection: BentoSummaryGridItemTrendDirection;
     trend: string;
 }>;

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

@@ -45,7 +45,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     copy: string;
-    infoIconTooltipText: string;
     fitContent: boolean;
+    infoIconTooltipText: string;
 }>;
 export default _default;