@adyen/bento-vue3 1.11.1 → 1.13.1

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

@@ -46,6 +46,7 @@ import {
     BentoPagination,
     BentoPaymentMethod,
     BentoPopover,
+    BentoRadioButton,
     BentoRadioGroup,
     BentoSearchBar,
     BentoSecondaryNav,
@@ -124,6 +125,7 @@ declare module 'vue' {
         BentoPagination: typeof BentoPagination;
         BentoPaymentMethod: typeof BentoPaymentMethod;
         BentoPopover: typeof BentoPopover;
+        BentoRadioButton: typeof BentoRadioButton;
         BentoRadioGroup: typeof BentoRadioGroup;
         BentoSearchBar: typeof BentoSearchBar;
         BentoSecondaryNav: typeof BentoSecondaryNav;

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

@@ -45,8 +45,8 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     };
 }>>, {
     variant: BentoAvatarImageVariant;
-    color: BentoAvatarImageColor;
     src: string;
+    color: BentoAvatarImageColor;
     username: string;
 }>;
 export default _default;

package/dist/@types/packages/vue2/src/components/button/components/button-actions/button-actions.vue.d.ts

@@ -1,45 +1,33 @@
 import { PropType } from "../../../../../../vue3/node_modules/vue";
-import { BentoButtonVariant } from "../../../../../../core/src/components/button/button.types";
-import { BentoButtonActionObject, BentoButtonActionsLayout, BentoButtonActionsList } from './button-actions.types';
+import { BentoButtonActionsLayout, BentoButtonActionsList } from './button-actions.types';
 declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{
     actions: {
         type: PropType<BentoButtonActionsList>;
         required: true;
     };
-    layout: {
-        type: PropType<"space-between" | BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start">;
-        default: import("./button-actions.types").BentoButtonActionsLayoutBasic;
-        validator: (layout: BentoButtonActionsLayout) => boolean;
-    };
     inverse: {
         type: BooleanConstructor;
         default: boolean;
     };
-}, {
-    conditionalClasses: import("../../../../../../vue3/node_modules/vue").ComputedRef<{
-        [x: string]: boolean;
-    }>;
-    reversedActionsList: import("../../../../../../vue3/node_modules/vue").ComputedRef<BentoButtonActionObject[]>;
-    generateButtonEvents: (button: BentoButtonActionObject) => {
-        click: (event: Event) => void;
-    } | {
-        click?: undefined;
+    layout: {
+        type: PropType<"space-between" | BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start">;
+        default: import("./button-actions.types").BentoButtonActionsLayoutBasic;
+        validator: (layout: BentoButtonActionsLayout) => boolean;
     };
-    generateButtonVariantByIndex: (actionIndex: any) => BentoButtonVariant.PRIMARY | BentoButtonVariant.SECONDARY;
-}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
     actions: {
         type: PropType<BentoButtonActionsList>;
         required: true;
     };
+    inverse: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     layout: {
         type: PropType<"space-between" | BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start">;
         default: import("./button-actions.types").BentoButtonActionsLayoutBasic;
         validator: (layout: BentoButtonActionsLayout) => boolean;
     };
-    inverse: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
 }>>, {
     inverse: boolean;
     layout: "space-between" | BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start";

package/dist/@types/packages/vue2/src/components/code-snippet/code-snippet.vue.d.ts

@@ -110,10 +110,10 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     onAction?: (...args: any[]) => any;
 }, {
     variant: "inline" | "singleline" | "multiline" | BentoCodeSnippetVariant;
-    lang: "json" | "xml" | "java" | "javascript" | BentoCodeSnippetSupportedLanguage;
     content: string;
     loading: boolean;
     expandable: boolean;
+    lang: "json" | "xml" | "java" | "javascript" | BentoCodeSnippetSupportedLanguage;
     langLabel: string;
     editable: boolean;
     actionable: boolean;

package/dist/@types/packages/vue2/src/components/data-grid/components/data-grid-columns/data-grid-columns.vue.d.ts

@@ -27,6 +27,10 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         type: BooleanConstructor;
         default: boolean;
     };
+    hasLeftOverflow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     isOnlyOneVisibleColumn: {
         type: BooleanConstructor;
         default: boolean;
@@ -35,6 +39,10 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         type: BooleanConstructor;
         default: boolean;
     };
+    showFrozenColumnsSeparator: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     allItemsSelectedState: {
         type: PropType<BentoDatagridAllItemsSelectedState>;
         default: any;
@@ -47,6 +55,10 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         type: PropType<BentoDatagridSortByColumn[]>;
         default: () => any[];
     };
+    truncateColumnHeaders: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     DATAGRID_SELECT_FIELD_NAME: string;
     conditionalColumnClasses: (column: BentoColumn) => {
@@ -64,12 +76,19 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     }>;
     conditionalColumnsClasses: import("../../../../../../vue3/node_modules/vue").ComputedRef<{
         'b-data-grid-columns--frozen': boolean;
+        'b-data-grid-columns--frozen-separator': boolean;
+        'b-data-grid-columns--overflow-shadow-left': boolean;
         'b-data-grid-columns--unfrozen'?: undefined;
         'b-data-grid-columns--config-settings-margin'?: undefined;
     } | {
         'b-data-grid-columns--unfrozen': boolean;
         'b-data-grid-columns--config-settings-margin': boolean;
         'b-data-grid-columns--frozen'?: undefined;
+        'b-data-grid-columns--frozen-separator'?: undefined;
+        'b-data-grid-columns--overflow-shadow-left'?: undefined;
+    }>;
+    conditionalColumnHeaderClasses: import("../../../../../../vue3/node_modules/vue").ComputedRef<{
+        'b-data-grid-columns__column-header--truncated': boolean;
     }>;
     isSelectColumn: (column: BentoColumn) => boolean;
     onAllRowSelect: (areAllItemsSelected: boolean) => void;
@@ -136,6 +155,10 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         type: BooleanConstructor;
         default: boolean;
     };
+    hasLeftOverflow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     isOnlyOneVisibleColumn: {
         type: BooleanConstructor;
         default: boolean;
@@ -144,6 +167,10 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         type: BooleanConstructor;
         default: boolean;
     };
+    showFrozenColumnsSeparator: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     allItemsSelectedState: {
         type: PropType<BentoDatagridAllItemsSelectedState>;
         default: any;
@@ -156,6 +183,10 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         type: PropType<BentoDatagridSortByColumn[]>;
         default: () => any[];
     };
+    truncateColumnHeaders: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     "onColumn-resize"?: (...args: any[]) => any;
     "onColumn-resizing"?: (...args: any[]) => any;
@@ -177,9 +208,12 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     hasResizableColumns: boolean;
     hasColumnPanel: boolean;
     hasFirstColumnPanelRightAligned: boolean;
+    hasLeftOverflow: boolean;
     isOnlyOneVisibleColumn: boolean;
+    showFrozenColumnsSeparator: boolean;
     allItemsSelectedState: BentoDatagridAllItemsSelectedState;
     selectableAcrossPages: boolean;
     sortBy: BentoDatagridSortByColumn[];
+    truncateColumnHeaders: boolean;
 }>;
 export default _default;

package/dist/@types/packages/vue2/src/components/data-grid/composables/use-scroller/use-scroller.d.ts

@@ -1,6 +1,8 @@
 import { Ref } from "../../../../../../vue3/node_modules/vue";
 export declare const useScroller: (body: Ref<HTMLDivElement>, columnsRef: Ref<HTMLDivElement>, verticalScrollPosition: Ref<number>) => {
     scrollLeftPosition: Ref<number>;
+    hasLeftOverflow: Ref<boolean>;
+    hasRightOverflow: Ref<boolean>;
     updateScrollPosition: (event: Event) => void;
     updateScrollPositionOnFrozenColumnsNavigation: (event: KeyboardEvent) => void;
 };

package/dist/@types/packages/vue2/src/components/data-grid/data-grid.types.d.ts

@@ -28,7 +28,9 @@ export interface BentoColumn {
 export declare enum BentoDatagridStyleState {
     OUTLINE = "outline",
     SCROLL = "scroll",
-    STICKY_FILTERS = "sticky-filters"
+    STICKY_FILTERS = "sticky-filters",
+    OVERFLOW_SHADOW_LEFT = "overflow-shadow-left",
+    OVERFLOW_SHADOW_RIGHT = "overflow-shadow-right"
 }
 export declare enum BentoDatagridSortDirection {
     ASCENDING = "asc",

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

@@ -192,6 +192,10 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
         type: StringConstructor;
         default: any;
     };
+    truncateColumnHeaders: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     onEmptyStateClearResetButtonClick: () => void;
 }, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, BentoDatagridEvent[], BentoDatagridEvent, import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
@@ -384,6 +388,10 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
         type: StringConstructor;
         default: any;
     };
+    truncateColumnHeaders: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onSelect?: (...args: any[]) => any;
     onNavigate?: (...args: any[]) => any;
@@ -415,6 +423,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
     hasResizableColumns: boolean;
     selectableAcrossPages: boolean;
     sortBy: BentoDatagridSortByColumn[];
+    truncateColumnHeaders: boolean;
     filterValues: any;
     allowRowClicks: boolean;
     allowColumnDragAndDrop: boolean;

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

@@ -31,8 +31,8 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         default: boolean;
     };
 }>>, {
-    disableTypography: boolean;
     date: string | number | Date;
+    disableTypography: boolean;
     format: "d" | "EEEE" | "h:mm aa" | "H:mm" | "h:mm:ss aa" | "H:mm:ss" | "LLLL dd, yyyy" | "LLL dd, yyyy" | BentoDateFormat | "LLL dd, yyyy, h:mm:ss aa" | "LLL dd, yyyy, H:mm:ss" | "LLL dd, yyyy, h:mm:ss aa O" | "LLL dd, yyyy, H:mm:ss O" | "LLL dd, yyyy, h:mm aa" | "LLL dd, yyyy, h:mm aa O" | "LLL dd, yyyy, H:mm" | "LLL dd, yyyy, H:mm O";
 }>;
 export default _default;

package/dist/@types/packages/vue2/src/components/date-range-picker/components/date-range-picker-calendar/date-range-picker-calendar.vue.d.ts

@@ -178,8 +178,8 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     granularityItems: import("../../../../../../vue3/node_modules/vue").ComputedRef<BentoSegmentedControlItem[]>;
     selectedGranularity: import("../../../../../../vue3/node_modules/vue").ComputedRef<BentoDateRangePickerGranularityConfig<import("../../../internal").CalendarGranularityType>>;
     computedMinMax: import("../../../../../../vue3/node_modules/vue").ComputedRef<{
-        min: any;
-        max: any;
+        min: Date;
+        max: Date;
     }>;
     selectedRangeSelectorValue: import("../../../../../../vue3/node_modules/vue").Ref<string>;
     startDateError: import("../../../../../../vue3/node_modules/vue").Ref<boolean>;

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

@@ -1,12 +1,14 @@
 import { PropType } from "../../../../../../vue3/node_modules/vue";
-import { BentoKeyboardNavigationKeyDownEvent, BentoListboxOptionItem, Booleanish } from "../../../../types";
-import type { HTMLAttributes } from "../../../../../../../node_modules/@vue/runtime-dom";
-import { DropdownBaseTextboxEvent } from './dropdown-base-textbox.types';
-declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{
+import { BentoListboxOptionItem, Booleanish } from "../../../../types";
+declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/node_modules/vue").DefineComponent<{
     additionalItemsSelected: {
         type: PropType<string | number>;
         default: number;
     };
+    alwaysComboboxIsInput: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     ariaControls: {
         type: StringConstructor;
         required: true;
@@ -43,6 +45,10 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         type: BooleanConstructor;
         default: boolean;
     };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     open: {
         type: BooleanConstructor;
         default: boolean;
@@ -63,31 +69,25 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         type: BooleanConstructor;
         default: boolean;
     };
-    multiple: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, {
-    BentoKeyboardNavigationKeyDownEvent: typeof BentoKeyboardNavigationKeyDownEvent;
-    DropdownBaseTextboxEvent: typeof DropdownBaseTextboxEvent;
-    conditionalClasses: import("../../../../../../vue3/node_modules/vue").ComputedRef<{
-        [x: string]: boolean;
-    }>;
-    textboxId: string;
-    textbox: any;
-    isFiltering: import("../../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
-    ariaAttributes: import("../../../../../../vue3/node_modules/vue").ComputedRef<HTMLAttributes>;
-    selectedValueItems: import("../../../../../../vue3/node_modules/vue").ComputedRef<BentoListboxOptionItem[]>;
-    onCloseDropdown: () => void;
-    onToggleDropdown: (event: Event) => void;
-    onClearSearch: () => void;
-    onInputEvent: (event: Event) => void;
-    hasSlot: (name: string) => boolean;
-}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, DropdownBaseTextboxEvent[], DropdownBaseTextboxEvent, import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {
+    clear: () => void;
+} & {
+    close: () => void;
+} & {
+    input: (searchValue: string) => void;
+} & {
+    keydown: (event: KeyboardEvent) => void;
+} & {
+    open: () => void;
+}, string, import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
     additionalItemsSelected: {
         type: PropType<string | number>;
         default: number;
     };
+    alwaysComboboxIsInput: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     ariaControls: {
         type: StringConstructor;
         required: true;
@@ -124,6 +124,10 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         type: BooleanConstructor;
         default: boolean;
     };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     open: {
         type: BooleanConstructor;
         default: boolean;
@@ -144,16 +148,12 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         type: BooleanConstructor;
         default: boolean;
     };
-    multiple: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
 }>> & {
-    onInput?: (...args: any[]) => any;
-    onKeydown?: (...args: any[]) => any;
-    onOpen?: (...args: any[]) => any;
-    onClose?: (...args: any[]) => any;
-    onClear?: (...args: any[]) => any;
+    onInput?: (searchValue: string) => any;
+    onKeydown?: (event: KeyboardEvent) => any;
+    onOpen?: () => any;
+    onClose?: () => any;
+    onClear?: () => any;
 }, {
     value: string;
     disabled: boolean;
@@ -162,6 +162,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     open: boolean;
     ariaLabel: string;
     additionalItemsSelected: string | number;
+    alwaysComboboxIsInput: boolean;
     ariaLabelledby: string;
     debounceTime: number;
     displayValue: string;
@@ -169,5 +170,13 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     isInvalid: boolean;
     selectedValueItem: BentoListboxOptionItem | BentoListboxOptionItem[];
     showSlotContentInMultiple: boolean;
+}>, {
+    default: (_: BentoListboxOptionItem) => any;
+    icon: (_: {}) => any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};