@adyen/bento-vue2 1.2.0 → 1.3.0

package/dist/@types/packages/vue2/src/components/form-layout/components/form-layout-title/form-layout-title.vue.d.ts

@@ -0,0 +1,33 @@
+import { BentoTypographyElement } from "../../../typography";
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    subsection: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    el: {
+        type: import("vue").PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | BentoTypographyElement>;
+        required: true;
+        validator: (value: BentoTypographyElement) => boolean;
+    };
+}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    subsection: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    el: {
+        type: import("vue").PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | BentoTypographyElement>;
+        required: true;
+        validator: (value: BentoTypographyElement) => boolean;
+    };
+}>>, {
+    subsection: boolean;
+}>, {
+    default: (_: {}) => any;
+    description: (_: {}) => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/@types/packages/vue2/src/components/form-layout/components/form-layout-title/index.d.ts

@@ -0,0 +1 @@
+export { default as BentoFormLayoutTitle } from './form-layout-title.vue';

package/dist/@types/packages/vue2/src/components/form-layout/components/index.d.ts

@@ -0,0 +1,3 @@
+export { BentoFormLayoutFieldTip } from './form-layout-field-tip';
+export { BentoFormLayoutGroup } from './form-layout-group';
+export { BentoFormLayoutTitle } from './form-layout-title';

package/dist/@types/packages/vue2/src/components/form-layout/form-layout.types.d.ts

@@ -0,0 +1 @@
+export declare const FORM_LAYOUT_LOADING_INJECTION_KEY: unique symbol;

package/dist/@types/packages/vue2/src/components/form-layout/form-layout.vue.d.ts

@@ -0,0 +1,33 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    form: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    form: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    form: boolean;
+    loading: boolean;
+}>, {
+    'error-message': (_: {}) => any;
+    default: (_: {}) => any;
+    'actions-left': (_: {}) => any;
+    'actions-right': (_: {}) => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/@types/packages/vue2/src/components/form-layout/index.d.ts

@@ -0,0 +1,2 @@
+export { default as BentoFormLayout } from './form-layout.vue';
+export { BentoFormLayoutFieldTip, BentoFormLayoutTitle, BentoFormLayoutGroup } from './components';

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

@@ -98,6 +98,7 @@ declare const _default: import("vue").DefineComponent<{
     staticValueId: string;
     descriptionId: string;
     errorId: string;
+    isReadOnly: import("vue").ComputedRef<boolean>;
     shouldDisplayStaticValueAtStart: import("vue").ComputedRef<boolean>;
     shouldDisplayStaticValueAtEnd: import("vue").ComputedRef<boolean>;
     shouldShowDropdown: import("vue").ComputedRef<boolean>;
@@ -185,9 +186,9 @@ declare const _default: import("vue").DefineComponent<{
     required: boolean;
     ariaLabel: string;
     placeholder: string;
+    optional: boolean;
     errorMessage: string;
     readonly: boolean;
-    optional: boolean;
     dropdown: BentoInputDropdownProps;
     ariaHidden: boolean;
     dropdownPosition: "start" | "end" | BentoInputFieldElementPosition;

package/dist/@types/packages/vue2/src/components/internal/controls-group/controls-group.vue.d.ts

@@ -1,10 +1,9 @@
-import { BentoTypographyElement } from "../../typography";
-declare const _default: import("vue").DefineComponent<{
-    label: {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    description: {
         type: StringConstructor;
-        required: true;
+        default: any;
     };
-    showLabel: {
+    disabled: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -12,31 +11,28 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
-    disabled: {
+    hideLabel: {
         type: BooleanConstructor;
-        default: boolean;
+        default: any;
     };
-}, {
-    BentoTypographyElement: typeof BentoTypographyElement;
-    ariaAttributes: import("vue").ComputedRef<{
-        'aria-describedby': string;
-    }>;
-    conditionalClasses: import("vue").ComputedRef<{
-        'b-controls-group--disabled': boolean;
-    }>;
-    legendConditionalClasses: import("vue").ComputedRef<{
-        'b-controls-group__label--hidden': boolean;
-    }>;
-}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     label: {
         type: StringConstructor;
         required: true;
     };
-    showLabel: {
+    optional: {
         type: BooleanConstructor;
         default: boolean;
     };
-    form: {
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tooltipText: {
+        type: StringConstructor;
+        default: any;
+    };
+}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    description: {
         type: StringConstructor;
         default: any;
     };
@@ -44,9 +40,44 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    form: {
+        type: StringConstructor;
+        default: any;
+    };
+    hideLabel: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    optional: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tooltipText: {
+        type: StringConstructor;
+        default: any;
+    };
 }>>, {
+    description: string;
     form: string;
     disabled: boolean;
-    showLabel: boolean;
+    required: boolean;
+    tooltipText: string;
+    optional: boolean;
+    hideLabel: boolean;
+}>, {
+    default: (_: {}) => any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/@types/packages/vue2/src/components/modal/components/base-modal/__mocks__/base-modal.vue.d.ts

@@ -114,10 +114,10 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     size: BentoModalSize;
-    modalRole: string;
-    customPadding: string;
-    withColumnLayout: boolean;
     columnsSize: BentoModalColumnLayoutVariant;
+    customPadding: string;
     initiallyOpen: boolean;
+    modalRole: string;
+    withColumnLayout: boolean;
 }>;
 export default _default;

package/dist/@types/packages/vue2/src/components/modal/components/base-modal/base-modal.vue.d.ts

@@ -4,43 +4,43 @@ import { BentoButtonVariant } from "../../../../../../core/src/components/button
 import { BentoTypographyElement, BentoTypographyVariant } from "../../../typography";
 import { GridLayoutContainerType } from "../../../internal";
 declare const _default: import("vue").DefineComponent<{
-    modalRole: {
-        type: StringConstructor;
-        default: BentoModalRole;
+    columnsSize: {
+        type: PropType<BentoModalColumnLayoutVariant>;
+        default: BentoModalColumnLayoutVariant;
     };
-    isDismissible: {
-        type: BooleanConstructor;
-        required: true;
+    customPadding: {
+        type: StringConstructor;
+        default: any;
     };
     hideCloseButton: {
         type: BooleanConstructor;
         required: true;
     };
-    customPadding: {
-        type: StringConstructor;
-        default: any;
-    };
-    withColumnLayout: {
+    initiallyOpen: {
         type: BooleanConstructor;
         default: boolean;
     };
-    columnsSize: {
-        type: PropType<BentoModalColumnLayoutVariant>;
-        default: BentoModalColumnLayoutVariant;
+    isDismissible: {
+        type: BooleanConstructor;
+        required: true;
     };
     isOpen: {
         type: BooleanConstructor;
         required: true;
     };
-    size: {
-        type: PropType<BentoModalSize>;
-        default: BentoModalSize;
+    modalRole: {
+        type: StringConstructor;
+        default: BentoModalRole;
     };
-    initiallyOpen: {
+    overflowVisible: {
         type: BooleanConstructor;
         default: boolean;
     };
-    overflowVisible: {
+    size: {
+        type: PropType<BentoModalSize>;
+        default: BentoModalSize;
+    };
+    withColumnLayout: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -52,11 +52,18 @@ declare const _default: import("vue").DefineComponent<{
     onCloseButtonClick: () => void;
     hasSlot: (name: string) => boolean;
     emitCloseEvent: () => void;
+    t: import("vue-i18n-bridge").ComposerTranslation<import("../../../../utils/ts/i18n").i18nMessages, string, import("@intlify/core-base").RemoveIndexSignature<{
+        [x: string]: import("vue-i18n-bridge").LocaleMessageValue<import("vue-i18n-bridge").VueMessageType>;
+    }>, never, import("@intlify/core-base")._ResourcePath<{
+        [key: string]: string;
+    }>, import("@intlify/core-base")._ResourcePath<{
+        [key: string]: string;
+    }>> | ((key: "ariaLabelFallback", values?: import("vue-i18n").default.Values) => string);
     modalConditionalClasses: import("vue").ComputedRef<{
         [x: string]: boolean | BentoModalSize;
-        "b-modal-base__container--visible": boolean;
-        "b-modal-base__container--overflow-visible": boolean;
-        "b-modal-base__container--column-layout": boolean;
+        'b-modal-base__container--visible': boolean;
+        'b-modal-base__container--overflow-visible': boolean;
+        'b-modal-base__container--column-layout': boolean;
     }>;
     modalContentConditionalClasses: import("vue").ComputedRef<{
         'b-modal-base__content--column-layout': boolean;
@@ -96,53 +103,53 @@ declare const _default: import("vue").DefineComponent<{
     BentoTypographyVariant: typeof BentoTypographyVariant;
     GridLayoutContainerType: typeof GridLayoutContainerType;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoModalEvent[], string, Readonly<import("vue").ExtractPropTypes<{
-    modalRole: {
-        type: StringConstructor;
-        default: BentoModalRole;
+    columnsSize: {
+        type: PropType<BentoModalColumnLayoutVariant>;
+        default: BentoModalColumnLayoutVariant;
     };
-    isDismissible: {
-        type: BooleanConstructor;
-        required: true;
+    customPadding: {
+        type: StringConstructor;
+        default: any;
     };
     hideCloseButton: {
         type: BooleanConstructor;
         required: true;
     };
-    customPadding: {
-        type: StringConstructor;
-        default: any;
-    };
-    withColumnLayout: {
+    initiallyOpen: {
         type: BooleanConstructor;
         default: boolean;
     };
-    columnsSize: {
-        type: PropType<BentoModalColumnLayoutVariant>;
-        default: BentoModalColumnLayoutVariant;
+    isDismissible: {
+        type: BooleanConstructor;
+        required: true;
     };
     isOpen: {
         type: BooleanConstructor;
         required: true;
     };
-    size: {
-        type: PropType<BentoModalSize>;
-        default: BentoModalSize;
+    modalRole: {
+        type: StringConstructor;
+        default: BentoModalRole;
     };
-    initiallyOpen: {
+    overflowVisible: {
         type: BooleanConstructor;
         default: boolean;
     };
-    overflowVisible: {
+    size: {
+        type: PropType<BentoModalSize>;
+        default: BentoModalSize;
+    };
+    withColumnLayout: {
         type: BooleanConstructor;
         default: boolean;
     };
 }>>, {
     size: BentoModalSize;
-    modalRole: string;
-    customPadding: string;
-    withColumnLayout: boolean;
     columnsSize: BentoModalColumnLayoutVariant;
+    customPadding: string;
     initiallyOpen: boolean;
+    modalRole: string;
     overflowVisible: boolean;
+    withColumnLayout: boolean;
 }>;
 export default _default;

package/dist/@types/packages/vue2/src/components/modal/components/modal-default/modal-default.vue.d.ts

@@ -104,12 +104,12 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     actions: BentoButtonActionsList;
-    hideCloseButton: boolean;
-    customPadding: string;
-    withColumnLayout: boolean;
     columnsSize: BentoModalColumnLayoutVariant;
+    customPadding: string;
+    hideCloseButton: boolean;
     initiallyOpen: boolean;
     overflowVisible: boolean;
+    withColumnLayout: boolean;
     actionsLabel: string;
     destructiveActions: boolean;
 }>;

package/dist/@types/packages/vue2/src/components/modal/modal.vue.d.ts

@@ -73,19 +73,11 @@ declare const _default: import("vue").DefineComponent<{
         isDismissible: boolean;
         overflowVisible: boolean;
         withColumnLayout: boolean;
-        dialogType?: undefined;
-        content?: undefined;
     } | {
         dialogType: "info" | "confirmation" | "destructive" | "acknowledgement" | BentoModalDialogType;
         content: string;
         isDismissible: boolean;
         overflowVisible: boolean;
-        hideCloseButton?: undefined;
-        size?: undefined;
-        customPadding?: undefined;
-        actionsLabel?: undefined;
-        destructiveActions?: undefined;
-        withColumnLayout?: 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<{
@@ -155,12 +147,12 @@ declare const _default: import("vue").DefineComponent<{
     size: "small" | "medium" | "large" | BentoModalSize;
     isOpen: boolean;
     actions: BentoButtonActionsList;
-    isDismissible: boolean;
-    hideCloseButton: boolean;
-    customPadding: string;
-    withColumnLayout: boolean;
     columnsSize: "smaller" | "equal" | "bigger" | BentoModalColumnLayoutVariant;
+    customPadding: string;
+    hideCloseButton: boolean;
+    isDismissible: boolean;
     overflowVisible: boolean;
+    withColumnLayout: boolean;
     actionsLabel: string;
     destructiveActions: boolean;
     dialogType: "info" | "confirmation" | "destructive" | "acknowledgement" | BentoModalDialogType;

package/dist/@types/packages/vue2/src/components/radio-group/radio-group.vue.d.ts

@@ -1,6 +1,10 @@
 import { PropType } from 'vue';
 import { BentoRadioGroupEvent, BentoRadioGroupItems, BentoRadioGroupVariant } from './radio-group.types';
 declare const _default: import("vue").DefineComponent<{
+    description: {
+        type: StringConstructor;
+        default: any;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -17,6 +21,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    hideLabel: {
+        type: BooleanConstructor;
+        default: any;
+    };
     items: {
         type: PropType<BentoRadioGroupItems>;
         required: true;
@@ -25,12 +33,24 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: any;
+    };
+    optional: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     readonly: {
         type: BooleanConstructor;
         default: boolean;
     };
-    modelValue: {
-        type: (StringConstructor | NumberConstructor)[];
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tooltipText: {
+        type: StringConstructor;
         default: any;
     };
     variant: {
@@ -41,6 +61,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     inputValue: import("vue").Ref<string | number>;
     errorId: string;
+    isReadOnly: import("vue").ComputedRef<boolean>;
     shouldShowError: import("vue").ComputedRef<boolean>;
     shouldShowErrorMessage: import("vue").ComputedRef<boolean>;
     conditionalClasses: import("vue").ComputedRef<{
@@ -48,6 +69,10 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     onInput: (value: any) => void;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoRadioGroupEvent[], string, Readonly<import("vue").ExtractPropTypes<{
+    description: {
+        type: StringConstructor;
+        default: any;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -64,6 +89,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    hideLabel: {
+        type: BooleanConstructor;
+        default: any;
+    };
     items: {
         type: PropType<BentoRadioGroupItems>;
         required: true;
@@ -72,12 +101,24 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: any;
+    };
+    optional: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     readonly: {
         type: BooleanConstructor;
         default: boolean;
     };
-    modelValue: {
-        type: (StringConstructor | NumberConstructor)[];
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tooltipText: {
+        type: StringConstructor;
         default: any;
     };
     variant: {
@@ -86,8 +127,13 @@ declare const _default: import("vue").DefineComponent<{
         validator: (value: BentoRadioGroupVariant) => boolean;
     };
 }>>, {
+    description: string;
     disabled: boolean;
     variant: "vertical" | "horizontal" | BentoRadioGroupVariant;
+    required: boolean;
+    tooltipText: string;
+    optional: boolean;
+    hideLabel: boolean;
     errorMessage: string;
     readonly: boolean;
     modelValue: string | number;

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

@@ -166,9 +166,9 @@ declare const _default: import("vue").DefineComponent<{
         required: boolean;
         ariaLabel: string;
         placeholder: string;
+        optional: boolean;
         errorMessage: string;
         readonly: boolean;
-        optional: boolean;
         dropdown: import("../input-field/input-field.types").BentoInputDropdownProps;
         ariaHidden: boolean;
         dropdownPosition: "start" | "end" | import("../input-field/input-field.types").BentoInputFieldElementPosition;
@@ -269,6 +269,7 @@ declare const _default: import("vue").DefineComponent<{
         staticValueId: string;
         descriptionId: string;
         errorId: string;
+        isReadOnly: import("vue").ComputedRef<boolean>;
         shouldDisplayStaticValueAtStart: import("vue").ComputedRef<boolean>;
         shouldDisplayStaticValueAtEnd: import("vue").ComputedRef<boolean>;
         shouldShowDropdown: import("vue").ComputedRef<boolean>;

package/dist/@types/packages/vue2/src/components/sidepanel/components/sidepanel-page.vue.d.ts

@@ -0,0 +1,68 @@
+import { PropType } from 'vue';
+import { BentoButtonActionsList } from "../../button";
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    actions: {
+        type: PropType<BentoButtonActionsList>;
+        default: any;
+    };
+    actionsLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    destructiveActions: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    pageId: {
+        type: StringConstructor;
+        default: any;
+    };
+    previousPage: {
+        type: StringConstructor;
+        default: any;
+    };
+    title: {
+        type: StringConstructor;
+        default: any;
+    };
+}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    actions: {
+        type: PropType<BentoButtonActionsList>;
+        default: any;
+    };
+    actionsLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    destructiveActions: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    pageId: {
+        type: StringConstructor;
+        default: any;
+    };
+    previousPage: {
+        type: StringConstructor;
+        default: any;
+    };
+    title: {
+        type: StringConstructor;
+        default: any;
+    };
+}>>, {
+    title: string;
+    actions: BentoButtonActionsList;
+    actionsLabel: string;
+    destructiveActions: boolean;
+    pageId: string;
+    previousPage: string;
+}>, {
+    default: (_: {}) => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/@types/packages/vue2/src/components/sidepanel/index.d.ts

@@ -0,0 +1,3 @@
+export { default as BentoSidepanelPage } from './components/sidepanel-page.vue';
+export { default as BentoSidepanel } from './sidepanel.vue';
+export * from './sidepanel.types';

package/dist/@types/packages/vue2/src/components/sidepanel/sidepanel.keys.d.ts

@@ -0,0 +1,2 @@
+export declare const SIDEPANEL_REGISTER_PAGE_INJECTION_KEY: unique symbol;
+export declare const SIDEPANEL_CONFIG_INJECTION_KEY: unique symbol;

package/dist/@types/packages/vue2/src/components/sidepanel/sidepanel.types.d.ts

@@ -0,0 +1,21 @@
+import { Ref } from 'vue';
+export interface BentoSidepanelPageObject {
+    title: string;
+    pageId: string;
+}
+export declare enum BentoSidepanelEvent {
+    UPDATE_ACTIVE_PAGE = "update:active-page",
+    UPDATE_IS_OPEN = "update:is-open"
+}
+export declare enum BentoSidepanelAnimation {
+    TRANSITION_LEVEL_DEEPER = "b-sidepanel-page__animation--level-deeper",
+    TRANSITION_LEVEL_UPPER = "b-sidepanel-page__animation--level-upper"
+}
+export interface BentoSidepanelConfigData {
+    activePage: Ref<string>;
+    animation: Ref<string>;
+    goToPreviousPage: (page: string) => void;
+    hasPreviousPages: Ref<boolean>;
+    isOpen: Ref<boolean>;
+}
+export type BentoSidepanelRegisterPage = (props: BentoSidepanelPageObject) => void;