@adyen/bento-vue2 0.9.0 → 0.9.2

package/dist/@types/components/avatar-image/avatar-image.vue.d.ts

@@ -47,9 +47,9 @@ declare const _default: import("vue").DefineComponent<{
         validator: (value: BentoAvatarImageColor) => boolean;
     };
 }>>, {
-    color: BentoAvatarImageColor;
-    src: string;
     variant: BentoAvatarImageVariant;
+    src: string;
     username: string;
+    color: BentoAvatarImageColor;
 }>;
 export default _default;

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

@@ -12,7 +12,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     type: {
-        type: PropType<"button" | "reset" | "submit">;
+        type: PropType<"button" | "submit" | "reset">;
         default: string;
     };
     condensed: {
@@ -36,7 +36,7 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     onClickButton: (e: MouseEvent) => void;
     hasSlot: (name: string) => boolean;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("blur" | "click" | "focus" | "keydown.esc")[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "blur" | "focus" | "keydown.esc")[], string, Readonly<import("vue").ExtractPropTypes<{
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -46,7 +46,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     type: {
-        type: PropType<"button" | "reset" | "submit">;
+        type: PropType<"button" | "submit" | "reset">;
         default: string;
     };
     condensed: {
@@ -59,10 +59,10 @@ declare const _default: import("vue").DefineComponent<{
         validator: (value: BentoButtonVariant) => boolean;
     };
 }>>, {
-    type: "button" | "reset" | "submit";
-    disabled: boolean;
-    condensed: boolean;
+    type: "button" | "submit" | "reset";
     critical: boolean;
+    condensed: boolean;
     variant: BentoButtonVariant;
+    disabled: boolean;
 }>;
 export default _default;

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

@@ -47,9 +47,9 @@ declare const _default: import("vue").DefineComponent<{
         validator: (value: BentoButtonVariant) => boolean;
     };
 }>>, {
-    state: BentoLoadingButtonState;
-    disabled: boolean;
     condensed: boolean;
     variant: BentoButtonVariant;
+    disabled: boolean;
+    state: BentoLoadingButtonState;
 }>;
 export default _default;

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

@@ -53,7 +53,7 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     showCardBody: import("vue").ComputedRef<boolean>;
     showContent: import("vue").Ref<boolean>;
-    tabIndex: import("vue").ComputedRef<0 | -1>;
+    tabIndex: import("vue").ComputedRef<-1 | 0>;
     showHeader: import("vue").ComputedRef<boolean>;
     onClick: () => void;
     toggleExpansion: () => void;
@@ -87,9 +87,9 @@ declare const _default: import("vue").DefineComponent<{
         validator: (value: BentoButtonActionsLayout) => boolean;
     };
 }>>, {
-    closed: boolean;
-    background: BentoCardBackground;
     disabled: boolean;
+    background: BentoCardBackground;
+    closed: boolean;
     actions: BentoButtonActionsList;
     expandable: boolean;
     actionsLayout: BentoButtonActionsLayout;

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

@@ -23,7 +23,7 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
 }, {
-    ariaChecked: import("vue").ComputedRef<"mixed" | (boolean | "false" | "true")>;
+    ariaChecked: import("vue").ComputedRef<(boolean | "true" | "false") | "mixed">;
     computedAriaLabel: import("vue").ComputedRef<string>;
     conditionalClass: import("vue").ComputedRef<{
         'b-checkbox--disabled': boolean;
@@ -62,9 +62,9 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     value: string | number;
-    ariaLabel: string;
     disabled: boolean;
-    indeterminate: boolean;
+    ariaLabel: string;
     modelValue: BentoCheckboxType;
+    indeterminate: boolean;
 }>;
 export default _default;

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

@@ -51,8 +51,8 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
 }>>, {
-    disabled: boolean;
     variant: BentoCheckboxGroupVariant;
+    disabled: boolean;
     formId: string;
 }>;
 export default _default;

package/dist/@types/components/country/composables/useCountryCapital/useCountryCapital.d.ts

@@ -1,4 +1,3 @@
 import { MaybeRef } from '@/types';
-import VueI18n from 'vue-i18n';
-export declare const useCountryCapital: (code: MaybeRef<string>, locale: MaybeRef<string>, useFallback?: boolean) => import("vue").ComputedRef<VueI18n.TranslateResult>;
+export declare const useCountryCapital: (code: MaybeRef<string>, locale: MaybeRef<string>, useFallback?: boolean) => import("vue").ComputedRef<any>;
 export default useCountryCapital;

package/dist/@types/components/country/composables/useCountryName/useCountryName.d.ts

@@ -1,2 +1,2 @@
 import { MaybeRef } from '@/types';
-export declare const useCountryName: (code: MaybeRef<string>, locale: MaybeRef<string>, useFallback?: boolean) => import("vue").ComputedRef<string>;
+export declare const useCountryName: (code: MaybeRef<string>, locale: MaybeRef<string>, useFallback?: boolean) => import("vue").ComputedRef<any>;

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

@@ -17,7 +17,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     flagIconSrc: import("vue").Ref<string>;
-    countryName: import("vue").ComputedRef<string>;
+    countryName: import("vue").ComputedRef<any>;
     countryLabel: import("vue").Ref<any>;
     BentoTypographyElement: typeof BentoTypographyElement;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{

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

@@ -58,8 +58,8 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<Readonly<Partial<{
             ariaLabel: string;
             size: number;
-            page: number;
             totalCount: number;
+            page: number;
             hasNext: boolean;
             hidePageSize: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
@@ -375,8 +375,8 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<Readonly<Partial<{
             ariaLabel: string;
             size: number;
-            page: number;
             totalCount: number;
+            page: number;
             hasNext: boolean;
             hidePageSize: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
@@ -453,10 +453,10 @@ declare const _default: import("vue").DefineComponent<{
         default: () => any[];
     };
 }>>, {
+    filters: import("@/components/filter-bar").BentoFilterBarModel;
+    condensed: boolean;
     outline: boolean;
     loading: boolean;
-    condensed: boolean;
-    filters: import("@/components/filter-bar").BentoFilterBarModel;
     hasResizableColumns: boolean;
     sortBy: BentoDatagridSortByColumn[];
     allowRowClicks: boolean;

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

@@ -3,7 +3,7 @@ import { BentoDateFormat } from '@/components/date/date.types';
 import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
 declare const _default: import("vue").DefineComponent<{
     date: {
-        type: (StringConstructor | NumberConstructor | DateConstructor)[];
+        type: (DateConstructor | StringConstructor | NumberConstructor)[];
         default: any;
     };
     format: {
@@ -16,7 +16,7 @@ declare const _default: import("vue").DefineComponent<{
     BentoTypographyElement: typeof BentoTypographyElement;
 }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     date: {
-        type: (StringConstructor | NumberConstructor | DateConstructor)[];
+        type: (DateConstructor | StringConstructor | NumberConstructor)[];
         default: any;
     };
     format: {

package/dist/@types/components/date-picker/components/date-picker-calendar/components/date-picker-calendar-day/__test__/date-picker-calendar-day-stub.vue.d.ts

@@ -38,8 +38,8 @@ declare const _default: import("vue").DefineComponent<{
         validator: (value: import("../date-picker-calendar-day.types").DatePickerCalendarDayVariant) => boolean;
     };
 }>>, {
+    variant: import("../date-picker-calendar-day.types").DatePickerCalendarDayVariant;
     disabled: boolean;
     selected: boolean;
-    variant: import("../date-picker-calendar-day.types").DatePickerCalendarDayVariant;
 }>;
 export default _default;

package/dist/@types/components/date-picker/components/date-picker-calendar/components/date-picker-calendar-day/date-picker-calendar-day.vue.d.ts

@@ -45,8 +45,8 @@ declare const _default: import("vue").DefineComponent<{
         validator: (value: DatePickerCalendarDayVariant) => boolean;
     };
 }>>, {
+    variant: DatePickerCalendarDayVariant;
     disabled: boolean;
     selected: boolean;
-    variant: DatePickerCalendarDayVariant;
 }>;
 export default _default;

package/dist/@types/components/date-picker/date-picker.vue.d.ts

@@ -56,11 +56,11 @@ declare const _default: import("vue").DefineComponent<{
     isDateIncorrect: Ref<boolean>;
     isDatePickerOpen: Ref<boolean>;
     labelId: string;
-    popoverAriaLabel: import("vue").ComputedRef<import("vue-i18n").default.TranslateResult>;
+    popoverAriaLabel: import("vue").ComputedRef<any>;
     popoverConditionalClasses: import("vue").ComputedRef<{
         'b-date-picker__container-range': boolean;
     }>;
-    supportDescriptionText: import("vue").ComputedRef<import("vue-i18n").default.TranslateResult>;
+    supportDescriptionText: import("vue").ComputedRef<any>;
     textInputDisplayValue: Ref<string> | DatePickerCalendarPaneRangeFormData;
     BentoTypographyElement: typeof BentoTypographyElement;
     BentoTypographyVariant: typeof BentoTypographyVariant;
@@ -136,13 +136,13 @@ declare const _default: import("vue").DefineComponent<{
         validator: (value: BentoDatePickerVariant) => boolean;
     };
 }>>, {
-    required: boolean;
-    optional: boolean;
     value: BentoDatePickerValue;
-    label: string;
-    disabled: boolean;
     description: string;
+    label: string;
     variant: BentoDatePickerVariant;
+    required: boolean;
+    disabled: boolean;
+    optional: boolean;
     firstDayOfWeek: BentoDatePickerFirstDayOfWeek;
     isDateDisabled: BentoDatePickerIsDateDisabled;
     numberOfMonths: number;

package/dist/@types/components/dropdown/components/dropdown-base-textbox/dropdown-base-textbox.vue.d.ts

@@ -80,7 +80,7 @@ declare const _default: import("vue").DefineComponent<{
     onInputEvent: (event: Event) => void;
     onSpaceBar: (event: Event) => void;
     hasSlot: (name: string) => boolean;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("input" | "open" | "clear" | "close")[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("input" | "close" | "clear" | "open")[], string, Readonly<import("vue").ExtractPropTypes<{
     additionalItemsSelected: {
         type: NumberConstructor;
         default: number;
@@ -142,11 +142,11 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }>>, {
-    open: boolean;
     value: string;
-    ariaLabel: string;
     disabled: boolean;
+    ariaLabel: string;
     multiple: boolean;
+    open: boolean;
     additionalItemsSelected: number;
     ariaLabelledby: string;
     debounceTime: number;

package/dist/@types/components/dropdown/components/dropdown-default-textbox/dropdown-default-textbox.vue.d.ts

@@ -67,7 +67,7 @@ declare const _default: import("vue").DefineComponent<{
         [x: string]: boolean;
     }>;
     isDropdownOpen: import("vue").ComputedRef<boolean>;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("input" | "open" | "clear" | "close")[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("input" | "close" | "clear" | "open")[], string, Readonly<import("vue").ExtractPropTypes<{
     additionalItemsSelected: {
         type: NumberConstructor;
         default: number;
@@ -129,11 +129,11 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }>>, {
-    open: boolean;
     value: string;
-    ariaLabel: string;
     disabled: boolean;
+    ariaLabel: string;
     multiple: boolean;
+    open: boolean;
     additionalItemsSelected: number;
     ariaLabelledby: string;
     debounceTime: number;

package/dist/@types/components/dropdown/components/dropdown-options-container/dropdown-options-container.vue.d.ts

@@ -117,11 +117,11 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
 }>>, {
-    ariaLabel: string;
     disabled: boolean;
-    multiple: boolean;
+    ariaLabel: string;
     isOptionDisabled: BentoListboxIsOptionDisabled;
     searching: boolean;
+    multiple: boolean;
     selectedValue: BentoListboxSelectedValue;
     inputSize: BentoDropdownSize;
 }>;

package/dist/@types/components/dropdown/components/dropdown-small-textbox/dropdown-small-textbox.vue.d.ts

@@ -104,10 +104,10 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
 }>>, {
-    open: boolean;
     value: string;
-    ariaLabel: string;
     disabled: boolean;
+    ariaLabel: string;
+    open: boolean;
     additionalItemsSelected: number;
     ariaLabelledby: string;
     debounceTime: number;

package/dist/@types/components/dropdown/components/variants/dropdown-avatar/dropdown-avatar.vue.d.ts

@@ -133,20 +133,20 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
 }>>, {
-    required: boolean;
-    optional: boolean;
     error: boolean;
     value: BentoListboxSelectedValue;
+    description: string;
     label: string;
-    ariaLabel: string;
+    required: boolean;
     disabled: boolean;
-    multiple: boolean;
-    size: import("../../../dropdown.types").BentoDropdownSize;
-    description: string;
-    placeholder: string;
+    ariaLabel: string;
     items: BentoAvatarListboxOptions;
     isOptionDisabled: import("@/types").BentoListboxIsOptionDisabled;
+    multiple: boolean;
     dynamicFiltering: boolean;
     showSlotContentInMultiple: boolean;
+    optional: boolean;
+    placeholder: string;
+    size: import("../../../dropdown.types").BentoDropdownSize;
 }>;
 export default _default;

package/dist/@types/components/dropdown/components/variants/dropdown-country/dropdown-country.vue.d.ts

@@ -141,21 +141,21 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
 }>>, {
-    required: boolean;
-    optional: boolean;
     error: boolean;
     value: BentoListboxSelectedValue;
-    label: string;
-    ariaLabel: string;
-    disabled: boolean;
-    multiple: boolean;
-    size: import("../../../dropdown.types").BentoDropdownSize;
     description: string;
-    placeholder: string;
+    label: string;
     variant: BentoCountryVariant;
+    required: boolean;
+    disabled: boolean;
+    ariaLabel: string;
     items: BentoCountryListboxOptions;
     isOptionDisabled: import("@/types").BentoListboxIsOptionDisabled;
+    multiple: boolean;
     dynamicFiltering: boolean;
     showSlotContentInMultiple: boolean;
+    optional: boolean;
+    placeholder: string;
+    size: import("../../../dropdown.types").BentoDropdownSize;
 }>;
 export default _default;

package/dist/@types/components/dropdown/components/variants/dropdown-currency/dropdown-currency.vue.d.ts

@@ -128,20 +128,20 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
 }>>, {
-    required: boolean;
-    optional: boolean;
     error: boolean;
     value: BentoListboxSelectedValue;
+    description: string;
     label: string;
-    ariaLabel: string;
+    required: boolean;
     disabled: boolean;
-    multiple: boolean;
-    size: import("../../../dropdown.types").BentoDropdownSize;
-    description: string;
-    placeholder: string;
+    ariaLabel: string;
     items: BentoCurrencyListboxOptions;
     isOptionDisabled: import("@/types").BentoListboxIsOptionDisabled;
+    multiple: boolean;
     dynamicFiltering: boolean;
     showSlotContentInMultiple: boolean;
+    optional: boolean;
+    placeholder: string;
+    size: import("../../../dropdown.types").BentoDropdownSize;
 }>;
 export default _default;

package/dist/@types/components/dropdown/components/variants/dropdown-payment-method/dropdown-payment-method.vue.d.ts

@@ -128,20 +128,20 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
 }>>, {
-    required: boolean;
-    optional: boolean;
     error: boolean;
     value: BentoListboxSelectedValue;
+    description: string;
     label: string;
-    ariaLabel: string;
+    required: boolean;
     disabled: boolean;
-    multiple: boolean;
-    size: import("../../../dropdown.types").BentoDropdownSize;
-    description: string;
-    placeholder: string;
+    ariaLabel: string;
     items: BentoPaymentMethodListboxOptions;
     isOptionDisabled: import("@/types").BentoListboxIsOptionDisabled;
+    multiple: boolean;
     dynamicFiltering: boolean;
     showSlotContentInMultiple: boolean;
+    optional: boolean;
+    placeholder: string;
+    size: import("../../../dropdown.types").BentoDropdownSize;
 }>;
 export default _default;

package/dist/@types/components/dropdown/components/variants/dropdown-tag/dropdown-tag.vue.d.ts

@@ -133,20 +133,20 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
 }>>, {
-    required: boolean;
-    optional: boolean;
     error: boolean;
     value: BentoListboxSelectedValue;
+    description: string;
     label: string;
-    ariaLabel: string;
+    required: boolean;
     disabled: boolean;
-    multiple: boolean;
-    size: import("../../../dropdown.types").BentoDropdownSize;
-    description: string;
-    placeholder: string;
+    ariaLabel: string;
     items: BentoTagListboxOptions;
     isOptionDisabled: import("../../../../../types").BentoListboxIsOptionDisabled;
+    multiple: boolean;
     dynamicFiltering: boolean;
     showSlotContentInMultiple: boolean;
+    optional: boolean;
+    placeholder: string;
+    size: import("../../../dropdown.types").BentoDropdownSize;
 }>;
 export default _default;

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

@@ -145,20 +145,20 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
 }>>, {
-    required: boolean;
-    optional: boolean;
     error: boolean;
     value: BentoListboxSelectedValue;
+    description: string;
     label: string;
-    ariaLabel: string;
+    required: boolean;
     disabled: boolean;
-    multiple: boolean;
-    size: BentoDropdownSize;
-    description: string;
-    placeholder: string;
+    ariaLabel: string;
     items: BentoListboxOptions;
     isOptionDisabled: BentoListboxIsOptionDisabled;
+    multiple: boolean;
     dynamicFiltering: boolean;
     showSlotContentInMultiple: boolean;
+    optional: boolean;
+    placeholder: string;
+    size: BentoDropdownSize;
 }>;
 export default _default;

package/dist/@types/components/filter-bar/components/all-filters-modal/all-filters-modal.types.d.ts

@@ -0,0 +1,3 @@
+export declare enum AllFiltersModalEvent {
+    INPUT = "input"
+}