@adyen/bento-vue2 0.9.2 → 0.10.0

package/dist/@types/components/filter-bar/components/select-filter/variants/select-payment-method-filter/select-payment-method-filter.vue.d.ts

@@ -18,14 +18,14 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-    value: {
-        type: PropType<BentoListboxSelectedValue>;
-        default: any;
-    };
     onlySlot: {
         type: BooleanConstructor;
         default: boolean;
     };
+    value: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
 }, {
     BentoFilterEvent: typeof BentoFilterEvent;
     onUpdate: (selectedValue: BentoListboxSelectedValue) => void;
@@ -46,14 +46,14 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-    value: {
-        type: PropType<BentoListboxSelectedValue>;
-        default: any;
-    };
     onlySlot: {
         type: BooleanConstructor;
         default: boolean;
     };
+    value: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
 }>>, {
     value: BentoListboxSelectedValue;
     options: BentoSelectPaymentMethodFilterOptions;

package/dist/@types/components/filter-bar/components/select-filter/variants/select-tag-filter/select-tag-filter.vue.d.ts

@@ -19,14 +19,14 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-    value: {
-        type: PropType<BentoListboxSelectedValue>;
-        default: any;
-    };
     onlySlot: {
         type: BooleanConstructor;
         default: boolean;
     };
+    value: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
 }, {
     countryOptions: import("vue").ComputedRef<{
         listboxItems: {
@@ -64,14 +64,14 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-    value: {
-        type: PropType<BentoListboxSelectedValue>;
-        default: any;
-    };
     onlySlot: {
         type: BooleanConstructor;
         default: boolean;
     };
+    value: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
 }>>, {
     value: BentoListboxSelectedValue;
     options: BentoSelectTagFilterOptions;

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

@@ -54,6 +54,9 @@ export declare enum BentoFilterEvent {
     INPUT = "input",
     UPDATE = "update"
 }
+export declare enum BentoFilterBarEvent {
+    INPUT = "input"
+}
 export declare enum BentoFilterItemType {
     INPUT = "BentoInputFilter",
     BOOLEAN = "BentoBooleanFilter",
@@ -75,5 +78,6 @@ export interface BentoFilterModel {
     options?: BentoFilterOptions;
     value?: BentoFilterBarValue;
     defaultValue?: BentoFilterBarValue;
+    visible?: boolean;
 }
 export type BentoFilterBarModel = Array<BentoFilterModel>;

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

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { BentoFilterBarModel, BentoFilterModel } from './filter-bar.types';
+import { BentoFilterBarEvent, BentoFilterBarModel, BentoFilterModel } from './filter-bar.types';
 import { BentoButtonVariant } from '@/components/button';
 import { BentoSearchBarEvent } from '@/components/search-bar';
 declare const _default: import("vue").DefineComponent<{
@@ -12,6 +12,7 @@ declare const _default: import("vue").DefineComponent<{
         default: () => any[];
     };
 }, {
+    hasHiddenFilters: import("vue").ComputedRef<boolean>;
     isClearAllVisible: import("vue").ComputedRef<boolean>;
     isSearchBarEnabled: import("vue").ComputedRef<boolean>;
     searchBarAriaLabel: import("vue").ComputedRef<string>;
@@ -19,12 +20,13 @@ declare const _default: import("vue").DefineComponent<{
     regularFilters: import("vue").ComputedRef<BentoFilterModel[]>;
     isResetAllVisible: import("vue").ComputedRef<boolean>;
     BentoButtonVariant: typeof BentoButtonVariant;
+    updateAllFilters: (newFilters: BentoFilterBarModel) => void;
     updateFilterHandler: (updatedFilter: BentoFilterModel) => void;
     clearAllFilters: () => void;
     onSearchbarClear: () => void;
     onSearchbarInput: (newSearchTerm: string) => void;
     resetAllFilters: () => void;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("input" | BentoSearchBarEvent)[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, (BentoFilterBarEvent | BentoSearchBarEvent)[], string, Readonly<import("vue").ExtractPropTypes<{
     searchTerm: {
         type: StringConstructor;
         default: any;

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

@@ -29,6 +29,9 @@ export declare enum BentoInputFieldEvent {
     INPUT = "input",
     ESCAPE_PRESSED = "escape-pressed",
     UPDATE_DROPDOWN = "update:dropdown",
-    DROPDOWN_INPUT = "dropdown-input"
+    DROPDOWN_INPUT = "dropdown-input",
+    FOCUS = "focus",
+    CHANGE = "change",
+    BLUR = "blur"
 }
 export {};

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

@@ -1,3 +1,8 @@
+export declare enum GridLayoutContainerType {
+    INLINE = "inline-size",
+    SIZE = "size",
+    NORMAL = "normal"
+}
 export interface GridLayoutColumnWidth {
     small: number | string;
     medium: number | string;

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

@@ -1,13 +1,21 @@
 import { PropType } from 'vue';
-import { GridLayoutColumnWidths } from './grid-layout.types';
+import { GridLayoutColumnWidths, GridLayoutContainerType } from './grid-layout.types';
 declare const _default: import("vue").DefineComponent<{
     columnWidth: {
         type: PropType<GridLayoutColumnWidths>;
         default: any;
         validator: (array: GridLayoutColumnWidths) => boolean;
     };
+    containerType: {
+        type: PropType<GridLayoutContainerType>;
+        default: GridLayoutContainerType;
+    };
 }, {
     computeColumnSize: (index: any) => string[];
+    computedClasses: import("vue").ComputedRef<{
+        'b-grid-layout--container-type-normal': boolean;
+        'b-grid-layout--container-type-size': boolean;
+    }>;
     hasSlot: (name: string) => boolean;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     columnWidth: {
@@ -15,7 +23,12 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
         validator: (array: GridLayoutColumnWidths) => boolean;
     };
+    containerType: {
+        type: PropType<GridLayoutContainerType>;
+        default: GridLayoutContainerType;
+    };
 }>>, {
     columnWidth: GridLayoutColumnWidths;
+    containerType: GridLayoutContainerType;
 }>;
 export default _default;

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

@@ -1 +1,2 @@
 export { default as GridLayout } from './grid-layout.vue';
+export * from './grid-layout.types';

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

@@ -22,6 +22,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    noResultsMessage: {
+        type: StringConstructor;
+        required: true;
+    };
     searching: {
         type: BooleanConstructor;
         default: boolean;
@@ -55,6 +59,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    noResultsMessage: {
+        type: StringConstructor;
+        required: true;
+    };
     searching: {
         type: BooleanConstructor;
         default: boolean;

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

@@ -2,6 +2,7 @@ import { PropType } from 'vue';
 import { BentoModalColumnLayoutVariant, BentoModalEvent, BentoModalRole, BentoModalSize } from '@/components/modal/modal.types';
 import { BentoButtonVariant } from '@/components/button/button.types';
 import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+import { GridLayoutContainerType } from '@/internal';
 declare const _default: import("vue").DefineComponent<{
     modalRole: {
         type: StringConstructor;
@@ -47,6 +48,9 @@ declare const _default: import("vue").DefineComponent<{
     onCloseButtonClick: () => void;
     hasSlot: (name: string) => boolean;
     emitCloseEvent: () => void;
+    modalActionsConditionalClasses: import("vue").ComputedRef<{
+        'b-modal-base__actions--column-layout': boolean;
+    }>;
     modalConditionalClasses: import("vue").ComputedRef<{
         [x: string]: boolean | BentoModalSize;
         "b-modal-base__container--visible": boolean;
@@ -75,6 +79,7 @@ declare const _default: import("vue").DefineComponent<{
     BentoButtonVariant: typeof BentoButtonVariant;
     BentoTypographyElement: typeof BentoTypographyElement;
     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;

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

@@ -0,0 +1,4 @@
+export declare enum BentoRadioButtonStateClass {
+    DISABLED = "disabled",
+    ERROR = "error"
+}

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

@@ -5,6 +5,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    hasError: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     value: {
         type: (StringConstructor | NumberConstructor)[];
         required: true;
@@ -15,21 +19,29 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     ariaLabel: ComputedRef<string>;
+    ariaInvalid: ComputedRef<(boolean | "true" | "false") | "grammar" | "spelling">;
     isChecked: ComputedRef<boolean>;
     defaultSlotValue: boolean;
     descriptionSlotValue: boolean;
-    conditionalClass: ComputedRef<{
-        'b-radio-button--disabled': boolean;
+    conditionalClassContainer: ComputedRef<{
+        [x: string]: boolean;
+    }>;
+    conditionalClassInput: ComputedRef<{
+        [x: string]: boolean;
     }>;
     radioButtonId: string;
     onClick: () => void;
     BentoTypographyVariant: typeof BentoTypographyVariant;
     BentoTypographyElement: typeof BentoTypographyElement;
-}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, "input"[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "input"[], string, Readonly<import("vue").ExtractPropTypes<{
     disabled: {
         type: BooleanConstructor;
         default: boolean;
     };
+    hasError: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     value: {
         type: (StringConstructor | NumberConstructor)[];
         required: true;
@@ -41,5 +53,6 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     disabled: boolean;
     modelValue: string | number;
+    hasError: boolean;
 }>;
 export default _default;

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

@@ -7,5 +7,6 @@ export interface BentoRadioGroupItem {
     label: string;
     description?: string;
     disabled?: boolean;
+    hasError?: boolean;
 }
 export type BentoRadioGroupItems = Array<BentoRadioGroupItem>;

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

@@ -18,6 +18,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    hasError: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     label: {
         type: StringConstructor;
         required: true;
@@ -50,6 +54,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    hasError: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     label: {
         type: StringConstructor;
         required: true;
@@ -61,6 +69,7 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     variant: BentoRadioGroupVariant;
     disabled: boolean;
+    hasError: boolean;
     formId: string;
     selectedValue: string | number;
 }>;

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

@@ -0,0 +1,60 @@
+import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+import { ComputedRef } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    value: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: true;
+    };
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fullWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    BentoTypographyElement: typeof BentoTypographyElement;
+    BentoTypographyVariant: typeof BentoTypographyVariant;
+    segmentedControlButtonId: string;
+    isChecked: ComputedRef<boolean>;
+    conditionalClasses: ComputedRef<{
+        'b-segmented-control-button--hug-content': boolean;
+        'b-segmented-control-button--full-width': boolean;
+    }>;
+    onClick: () => void;
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, "input"[], string, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    value: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: true;
+    };
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fullWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    disabled: boolean;
+    modelValue: string | number;
+    fullWidth: boolean;
+}>;
+export default _default;

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

@@ -1,7 +1,7 @@
 import { PropType } from 'vue';
 import { PopperContainerAriaRole, PopperContainerPositionExtended } from '@/components/popper-container';
 import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
-import { VueNodeElement } from '../../types';
+import { VueNodeElement } from '@/types';
 export declare const Tooltip: {
     name: string;
     components: {
@@ -40,7 +40,7 @@ export declare const Tooltip: {
             conditionalClasses: import("vue").ComputedRef<{
                 [x: string]: boolean;
             }>;
-        }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+        }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
             el: {
                 type: PropType<BentoTypographyElement>;
                 default: BentoTypographyElement;
@@ -136,7 +136,7 @@ export declare const Tooltip: {
             popper: any;
             emittedPosition: any;
         }, {
-            strategy(): import("@popperjs/core").PositioningStrategy;
+            strategy(): import("@popperjs/core/index.js").PositioningStrategy;
             allModifiers(): import("@/components/popper-container").ExtendedModifiers[];
             arrowClasses(): string[];
         }, {
@@ -144,7 +144,7 @@ export declare const Tooltip: {
             destroyPopper(): void;
             updatePopperOptions(options: any): void;
             updateModifiers(): void;
-        }, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+        }, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
             id: {
                 type: StringConstructor;
                 default: any;
@@ -284,7 +284,7 @@ declare const _default: import("vue").DefineComponent<{
         [x: string]: boolean;
     }>;
     tabIndex: import("vue").ComputedRef<number>;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     id: {
         type: StringConstructor;
         default: any;