@adyen/bento-vue2 0.6.0 → 0.7.1

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

@@ -0,0 +1,129 @@
+import { PropType } from 'vue';
+import { BentoModalDialogType, BentoModalEvent, BentoModalSize, BentoModalVariant } from '@/components/modal/modal.types';
+import { BentoButtonActionsList } from '@/components/button';
+declare const _default: import("vue").DefineComponent<{
+    variant: {
+        type: PropType<BentoModalVariant>;
+        default: BentoModalVariant;
+    };
+    isDismissible: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    actions: {
+        type: PropType<BentoButtonActionsList>;
+        default: any;
+    };
+    hideCloseButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<BentoModalSize>;
+        default: BentoModalSize;
+    };
+    customPadding: {
+        type: StringConstructor;
+        default: any;
+    };
+    actionsLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    destructiveActions: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dialogType: {
+        type: PropType<BentoModalDialogType>;
+        default: BentoModalDialogType;
+    };
+    content: {
+        type: StringConstructor;
+        default: any;
+    };
+}, {
+    onCloseModal: () => void;
+    customProps: import("vue").ComputedRef<{
+        hideCloseButton: boolean;
+        size: BentoModalSize;
+        customPadding: string;
+        actionsLabel: string;
+        destructiveActions: boolean;
+        isDismissible: boolean;
+        dialogType?: undefined;
+        content?: undefined;
+    } | {
+        dialogType: BentoModalDialogType;
+        content: string;
+        isDismissible: boolean;
+        hideCloseButton?: undefined;
+        size?: undefined;
+        customPadding?: undefined;
+        actionsLabel?: undefined;
+        destructiveActions?: undefined;
+    }>;
+    hasSlot: (name: string) => boolean;
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, BentoModalEvent[], string, Readonly<import("vue").ExtractPropTypes<{
+    variant: {
+        type: PropType<BentoModalVariant>;
+        default: BentoModalVariant;
+    };
+    isDismissible: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    actions: {
+        type: PropType<BentoButtonActionsList>;
+        default: any;
+    };
+    hideCloseButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<BentoModalSize>;
+        default: BentoModalSize;
+    };
+    customPadding: {
+        type: StringConstructor;
+        default: any;
+    };
+    actionsLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    destructiveActions: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dialogType: {
+        type: PropType<BentoModalDialogType>;
+        default: BentoModalDialogType;
+    };
+    content: {
+        type: StringConstructor;
+        default: any;
+    };
+}>>, {
+    content: string;
+    size: BentoModalSize;
+    variant: BentoModalVariant;
+    actions: BentoButtonActionsList;
+    isDismissible: boolean;
+    hideCloseButton: boolean;
+    customPadding: string;
+    isOpen: boolean;
+    actionsLabel: string;
+    destructiveActions: boolean;
+    dialogType: BentoModalDialogType;
+}>;
+export default _default;

package/dist/@types/components/radio-group/components/radio-button/radio-button.vue.d.ts

@@ -18,6 +18,7 @@ declare const _default: import("vue").DefineComponent<{
     isChecked: ComputedRef<boolean>;
     defaultSlotValue: string;
     subLabelSlotValue: string;
+    descriptionSlotValue: string;
     conditionalClass: ComputedRef<{
         'b-radio-button--disabled': boolean;
     }>;

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

@@ -0,0 +1,8 @@
+export interface GridLayoutItem {
+    data: object;
+    columnWidth?: {
+        small: number;
+        medium: number;
+        large: number;
+    };
+}

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

@@ -0,0 +1,16 @@
+import { PropType } from 'vue';
+import { GridLayoutItem } from './grid-layout.types';
+declare const _default: import("vue").DefineComponent<{
+    items: {
+        type: PropType<GridLayoutItem[]>;
+        required: true;
+        validator: (array: PropType<GridLayoutItem[]>) => 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;
+    };
+}>>, {}>;
+export default _default;

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

@@ -27,6 +27,7 @@ declare const _default: import("vue").DefineComponent<{
     computedDescription: import("vue").ComputedRef<string>;
     defaultSlotValue: string;
     subLabelSlotValue: string;
+    descriptionSlotValue: string;
     conditionalClasses: import("vue").ComputedRef<{
         [key: string]: boolean;
     }>;

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

@@ -28,13 +28,14 @@ import {
     BentoDropdownCountry,
     BentoDropdownCurrency,
     BentoDropdownPaymentMethod,
-    // BentoHeader,
+    BentoHeader,
     BentoInfoIcon,
     BentoInputField,
     BentoLink,
     BentoLoadingButton,
     BentoLoadingIndicator,
     BentoMenu,
+    BentoModal,
     BentoPagination,
     BentoPaymentMethod,
     BentoPopover,
@@ -77,7 +78,7 @@ declare module 'vue' {
         BentoDropdown: typeof BentoDropdown;
         BentoDropdownAvatar: typeof BentoDropdownAvatar;
         BentoDropdownCountry: typeof BentoDropdownCountry;
-        // BentoHeader: typeof BentoHeader;
+        BentoHeader: typeof BentoHeader;
         BentoInfoIcon: typeof BentoInfoIcon;
         BentoDropdownCurrency: typeof BentoDropdownCurrency;
         BentoDropdownPaymentMethod: typeof BentoDropdownPaymentMethod;
@@ -86,6 +87,7 @@ declare module 'vue' {
         BentoLoadingButton: typeof BentoLoadingButton;
         BentoLoadingIndicator: typeof BentoLoadingIndicator;
         BentoMenu: typeof BentoMenu;
+        BentoModal: typeof BentoModal;
         BentoPagination: typeof BentoPagination;
         BentoPaymentMethod: typeof BentoPaymentMethod;
         BentoPopover: typeof BentoPopover;

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

@@ -1,2 +1,3 @@
 export * from './click-outside';
 export * from './tooltip';
+export * from './keyboard-navigation';

package/dist/@types/directives/keyboard-navigation/index.d.ts

@@ -0,0 +1,2 @@
+export * from './keyboard-navigation';
+export * from './keyboard-navigation.types';

package/dist/@types/directives/keyboard-navigation/keyboard-navigation.d.ts

@@ -0,0 +1,2 @@
+import { ObjectDirective } from 'vue';
+export declare const BentoKeyboardNavigationDirective: ObjectDirective<Element>;

package/dist/@types/directives/keyboard-navigation/keyboard-navigation.types.d.ts

@@ -0,0 +1,7 @@
+import { DirectiveBinding } from 'vue';
+type ListenerCleanup = () => void;
+interface KeyboardNavigation {
+    keyDownListener?: ListenerCleanup;
+}
+export type Binding<V> = DirectiveBinding<V> & KeyboardNavigation;
+export {};

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

@@ -16,6 +16,8 @@ export * from './components/input-field';
 export * from './components/loading-indicator';
 export * from './components/link';
 export * from './components/menu';
+export * from './components/modal';
+export * from './components/header';
 export * from './components/pagination';
 export * from './components/payment-method';
 export * from './components/popover';