@adyen/bento-vue3 1.8.0 → 1.9.0

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

@@ -1,6 +1,10 @@
 import { Ref } from "../../../../../../vue3/node_modules/vue";
 import { BentoDatagridNavigationKeyCode } from './useKeyboardNavigator.types';
-export declare const useKeyboardNavigator: (gridcellRefs: Ref<HTMLDivElement[]>, columnsCount: Ref<number>) => {
-    focusOnNextGridcell: (target: EventTarget, keyCode: BentoDatagridNavigationKeyCode, ctrlKey: boolean) => void;
+import type { BentoColumn } from '../../data-grid.types';
+export declare const useKeyboardNavigator: (gridcellRefs: Ref<{
+    [key: string]: HTMLDivElement[];
+}>, columns: Ref<BentoColumn[]>, selectable: Ref<boolean>) => {
     isNavigationKeyCode: (keyCode: number) => boolean;
+    focusOnNextGridcell: (target: EventTarget, keyCode: BentoDatagridNavigationKeyCode, ctrlKey: boolean) => void;
+    navigationInput: (event: KeyboardEvent) => void;
 };

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

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

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

@@ -1,12 +1,8 @@
-import { ComponentPublicInstance, PropType } from "../../../../vue3/node_modules/vue";
+import { PropType } from "../../../../vue3/node_modules/vue";
 import { BentoButtonActionsList } from "../button";
-import { BentoColumn, BentoColumnOverflow, BentoDatagridData, BentoDatagridDataItem, BentoDatagridDataItemId, BentoDatagridEvent, BentoDatagridGetDataItemIdFn, BentoDatagridIsDataItemDisabledFn, BentoDatagridSortByColumn, BentoDatagridSortDirection } from './data-grid.types';
-import { BentoLazyLoadType, Booleanish } from "../../types";
-declare const _default: import("../../../../vue3/node_modules/vue").DefineComponent<{
-    bulkActions: {
-        type: PropType<BentoButtonActionsList>;
-        default: any;
-    };
+import { BentoColumn, BentoDatagridData, BentoDatagridDataItem, BentoDatagridDataItemId, BentoDatagridEvent, BentoDatagridGetDataItemIdFn, BentoDatagridIsDataItemDisabledFn, BentoDatagridSortByColumn } from './data-grid.types';
+import { BentoLazyLoadType } from "../../types";
+declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_modules/vue").DefineComponent<{
     allowRowClicks: {
         type: BooleanConstructor;
         default: boolean;
@@ -15,6 +11,10 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         type: BooleanConstructor;
         default: boolean;
     };
+    bulkActions: {
+        type: PropType<BentoButtonActionsList>;
+        default: any;
+    };
     condensed: {
         type: BooleanConstructor;
         default: boolean;
@@ -189,421 +189,8 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         default: any;
     };
 }, {
-    body: import("../../../../vue3/node_modules/vue").Ref<HTMLDivElement>;
-    columnDefs: import("../../../../vue3/node_modules/vue").ComputedRef<{
-        width: number;
-        field: string;
-        label: string;
-        autoWidth?: boolean;
-        minWidth?: number;
-        flex?: number;
-        sortable?: boolean;
-        numeric?: boolean;
-        infoIconTooltip?: string;
-        padding?: {
-            left?: boolean;
-            right?: boolean;
-        };
-        overflow?: BentoColumnOverflow;
-        visible?: boolean;
-        mandatory?: boolean;
-        frozen?: boolean;
-    }[]>;
-    columnSets: import("../../../../vue3/node_modules/vue").ComputedRef<({
-        columnSet: (BentoColumn | {
-            field: string;
-            label: string;
-            width?: number;
-            autoWidth?: boolean;
-            minWidth?: number;
-            flex?: number;
-            sortable?: boolean;
-            numeric?: boolean;
-            infoIconTooltip?: string;
-            padding?: {
-                left?: boolean;
-                right?: boolean;
-            };
-            overflow?: BentoColumnOverflow;
-            visible?: boolean;
-            mandatory?: boolean;
-            frozen?: boolean;
-        })[];
-        id: string;
-        isFrozenColumns: boolean;
-    } | {
-        columnSet: (BentoColumn | {
-            field: string;
-            label: string;
-            width?: number;
-            autoWidth?: boolean;
-            minWidth?: number;
-            flex?: number;
-            sortable?: boolean;
-            numeric?: boolean;
-            infoIconTooltip?: string;
-            padding?: {
-                left?: boolean;
-                right?: boolean;
-            };
-            overflow?: BentoColumnOverflow;
-            visible?: boolean;
-            mandatory?: boolean;
-            frozen?: boolean;
-        })[];
-        id: string;
-        isFrozenColumns?: undefined;
-    })[]>;
-    gridcellRefs: import("../../../../vue3/node_modules/vue").Ref<{
-        [key: string]: HTMLDivElement[];
-    }>;
-    filtersRef: import("../../../../vue3/node_modules/vue").Ref<HTMLDivElement>;
-    computedStickyFiltersTopPosition: import("../../../../vue3/node_modules/vue").ComputedRef<string>;
-    computedColumnHeadersTopPosition: import("../../../../vue3/node_modules/vue").ComputedRef<string>;
-    isMeasuringColumnWidths: import("../../../../vue3/node_modules/vue").Ref<boolean>;
-    slots: Readonly<{
-        [name: string]: import("../../../../vue3/node_modules/vue").Slot;
-    }>;
-    ariaGridHeaderText: import("../../../../vue3/node_modules/vue").ComputedRef<string>;
-    conditionalTitleAttribute: (column: BentoColumn, content: unknown) => string;
-    getRowData: (rowData: unknown) => unknown;
-    gridColumnWidthStyle: import("../../../../vue3/node_modules/vue").ComputedRef<{
-        width: string;
-    }>;
-    conditionalGridClasses: import("../../../../vue3/node_modules/vue").ComputedRef<{
-        [x: string]: boolean;
-    }>;
-    conditionalRowClasses: (row: BentoDatagridDataItem) => {
-        'b-data-grid__row--disabled': boolean;
-        'b-data-grid__row--row-clicks-enabled': boolean;
-        'b-data-grid__cell--is-re-ordering': boolean;
-        'b-data-grid__row--highlighted': boolean;
-    };
-    conditionalRowSetClasses: (isFrozenRowSet: boolean) => {
-        'b-data-grid__row-cell-set--frozen': boolean;
-        'b-data-grid__row-cell-set--unfrozen': boolean;
-        'b-data-grid__row-cell-set--config-settings-margin': boolean;
-    };
-    conditionalRowCellClasses: (column: BentoColumn) => {
-        [x: string]: boolean;
-        'b-data-grid__cell--padding-left-unset': boolean;
-        'b-data-grid__cell--padding-right-unset': boolean;
-        'b-data-grid__cell--numeric': boolean;
-        'b-data-grid__cell--condensed': boolean;
-        'b-data-grid__cell--frozen': boolean;
-        'b-data-grid__cell--is-column-re-ordering': boolean;
-        'b-data-grid__cell--is-column-re-order-target-left': boolean;
-        'b-data-grid__cell--is-column-re-order-target-right': boolean;
-    };
-    conditionalPaginationClasses: import("../../../../vue3/node_modules/vue").ComputedRef<{
-        'b-data-grid__pagination--padding-left-unset': boolean;
-        'b-data-grid__pagination--padding-right-unset': boolean;
-        'b-data-grid__pagination--sticky': boolean;
-    }>;
-    limitedEmptyStateProps: import("../../../../vue3/node_modules/vue").ComputedRef<Partial<{
-        title: string;
-        image: "1-generic-use" | "2-generic-use" | "3-generic-use" | "4-generic-use" | "adding-payment-methods" | "adyen-giving" | "internal-error" | "no-results-found" | "notifications-cleared" | "page-not-found" | "planned-maintenance" | "referrals" | "upload-files" | "wrong-environment";
-        variant: "condensed" | "full-page" | "embedded" | "basic";
-        description: string;
-        action: import("../button").BentoButtonActionObject;
-        headingEl: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";
-    }> & Omit<Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
-        action: {
-            type: PropType<import("../button").BentoButtonActionObject>;
-            default: any;
-            validator: (value: import("../button").BentoButtonActionObject) => boolean;
-        };
-        description: {
-            type: StringConstructor;
-            default: any;
-        };
-        headingEl: {
-            type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span">;
-            default: any;
-            validator: (value: import("../typography").BentoTypographyElement) => boolean;
-        };
-        image: {
-            type: PropType<"1-generic-use" | "2-generic-use" | "3-generic-use" | "4-generic-use" | "adding-payment-methods" | "adyen-giving" | "internal-error" | "no-results-found" | "notifications-cleared" | "page-not-found" | "planned-maintenance" | "referrals" | "upload-files" | "wrong-environment">;
-            default: any;
-            validator: (value: import("../empty-state").BentoEmptyStateImage) => boolean;
-        };
-        title: {
-            type: StringConstructor;
-            default: string;
-        };
-        variant: {
-            type: PropType<"condensed" | "full-page" | "embedded" | "basic">;
-            default: string;
-            validator: (value: import("../empty-state").BentoEmptyStateVariant) => boolean;
-        };
-    }>> & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, "title" | "image" | "variant" | "description" | "action" | "headingEl">>;
-    onColumnWidthOverride: (newColumnWidthOverridesLookup: import("./data-grid.types").BentoColumnWidthOverridesLookup) => void;
-    onColumnResized: (resizeEvent: {
-        field: string;
-        width: number;
-    }) => void;
-    onSort: (updatedSortBy: BentoDatagridSortByColumn[]) => void;
-    allItemsSelectedState: {
-        allItemsSelected: boolean;
-        isIndeterminate: boolean;
-    };
-    selectedItems: import("../../../../vue3/node_modules/vue").Ref<BentoDatagridDataItemId[]>;
-    onAllRowSelect: (allItemsSelected: boolean) => void;
-    onRowSelect: (value: BentoDatagridDataItemId[]) => void;
-    DATAGRID_SELECT_FIELD_NAME: string;
-    onRowClick: (row: BentoDatagridDataItem, event: MouseEvent) => void;
-    getRowAriaSelectedValue: (row: BentoDatagridDataItem) => Booleanish;
-    itemsSelectedCounter: import("../../../../vue3/node_modules/vue").ComputedRef<number>;
-    showActionBar: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
-    onConfigSettingsUpdate: (isCondensedView: boolean) => void;
-    onConfigSettingsColumnsUpdate: (newColumns: BentoColumn[]) => void;
-    onConfigSettingsColumnUpdate: (updatedColumn: BentoColumn) => void;
-    columnsRef: import("../../../../vue3/node_modules/vue").Ref<HTMLDivElement>;
-    configSettingsButtonStyle: import("../../../../vue3/node_modules/vue").ComputedRef<{
-        height: string;
-    }>;
-    isOnlyOneVisibleColumn: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
-    computedColumnsTabIndex: import("../../../../vue3/node_modules/vue").ComputedRef<number>;
-    BentoDatagridSortDirection: typeof BentoDatagridSortDirection;
-    BentoDatagridEvent: typeof BentoDatagridEvent;
-    onPaginationNavigate: (page: number) => void;
-    onItemsPerPageChange: (itemsPerPage: number) => void;
-    filterBarRef: import("../../../../vue3/node_modules/vue").Ref<{
-        $: import("../../../../vue3/node_modules/vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            value: import("../filter-bar").BentoFilterBarModel;
-            searchTerm: any;
-            config: import("../filter-bar").BentoFilterBarModel;
-            filterValues: import("../filter-bar").BentoFilterValues;
-        }> & Omit<Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
-            config: {
-                type: PropType<import("../filter-bar").BentoFilterBarModel>;
-                default: () => any[];
-            };
-            searchTerm: {
-                type: any;
-                default: any;
-            };
-            value: {
-                type: PropType<import("../filter-bar").BentoFilterBarModel>;
-                default: () => any[];
-            };
-            filterValues: {
-                type: PropType<import("../filter-bar").BentoFilterValues>;
-                default: () => any[];
-            };
-        }>> & {
-            onInput?: (...args: any[]) => any;
-            "onUpdate:filter-values"?: (...args: any[]) => any;
-            "onSearch-clear"?: (...args: any[]) => any;
-            "onSearch-input"?: (...args: any[]) => any;
-            "onUpdate:search-term"?: (...args: any[]) => any;
-        } & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, "value" | "searchTerm" | "config" | "filterValues">;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("../../../../vue3/node_modules/vue").Slot;
-        }>;
-        $root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("../../../../vue3/node_modules/vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-        $parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("../../../../vue3/node_modules/vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-        $emit: (event: import("../filter-bar").BentoFilterBarEvent | import("../search-bar").BentoSearchBarEvent, ...args: any[]) => void;
-        $el: any;
-        $options: import("../../../../vue3/node_modules/vue").ComponentOptionsBase<Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
-            config: {
-                type: PropType<import("../filter-bar").BentoFilterBarModel>;
-                default: () => any[];
-            };
-            searchTerm: {
-                type: any;
-                default: any;
-            };
-            value: {
-                type: PropType<import("../filter-bar").BentoFilterBarModel>;
-                default: () => any[];
-            };
-            filterValues: {
-                type: PropType<import("../filter-bar").BentoFilterValues>;
-                default: () => any[];
-            };
-        }>> & {
-            onInput?: (...args: any[]) => any;
-            "onUpdate:filter-values"?: (...args: any[]) => any;
-            "onSearch-clear"?: (...args: any[]) => any;
-            "onSearch-input"?: (...args: any[]) => any;
-            "onUpdate:search-term"?: (...args: any[]) => any;
-        }, {
-            hasHiddenFilters: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
-            isClearAllVisible: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
-            isSearchBarEnabled: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
-            searchBarAriaLabel: import("../../../../vue3/node_modules/vue").ComputedRef<string>;
-            persistentFilters: import("../../../../vue3/node_modules/vue").ComputedRef<import("../filter-bar").BentoFilterModel[]>;
-            regularFilters: import("../../../../vue3/node_modules/vue").ComputedRef<import("../filter-bar").BentoFilterModel[]>;
-            isResetAllVisible: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
-            valueAndFilterValuesPropsMerged: import("../../../../vue3/node_modules/vue").ComputedRef<import("../filter-bar").BentoFilterBarModel>;
-            updateAllFilters: (newFilters: import("../filter-bar").BentoFilterBarModel) => void;
-            updateFilterHandler: (updatedFilter: import("../filter-bar").BentoFilterModel) => void;
-            clearAllFilters: () => void;
-            onSearchbarClear: () => void;
-            onSearchbarInput: (newSearchTerm: string) => void;
-            resetAllFilters: () => void;
-        }, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, (import("../filter-bar").BentoFilterBarEvent | import("../search-bar").BentoSearchBarEvent)[], string, {
-            value: import("../filter-bar").BentoFilterBarModel;
-            searchTerm: any;
-            config: import("../filter-bar").BentoFilterBarModel;
-            filterValues: import("../filter-bar").BentoFilterValues;
-        }, {}, string> & {
-            beforeCreate?: (() => void) | (() => void)[];
-            created?: (() => void) | (() => void)[];
-            beforeMount?: (() => void) | (() => void)[];
-            mounted?: (() => void) | (() => void)[];
-            beforeUpdate?: (() => void) | (() => void)[];
-            updated?: (() => void) | (() => void)[];
-            activated?: (() => void) | (() => void)[];
-            deactivated?: (() => void) | (() => void)[];
-            beforeDestroy?: (() => void) | (() => void)[];
-            beforeUnmount?: (() => void) | (() => void)[];
-            destroyed?: (() => void) | (() => void)[];
-            unmounted?: (() => void) | (() => void)[];
-            renderTracked?: ((e: import("../../../../vue3/node_modules/vue").DebuggerEvent) => void) | ((e: import("../../../../vue3/node_modules/vue").DebuggerEvent) => void)[];
-            renderTriggered?: ((e: import("../../../../vue3/node_modules/vue").DebuggerEvent) => void) | ((e: import("../../../../vue3/node_modules/vue").DebuggerEvent) => void)[];
-            errorCaptured?: ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("../../../../vue3/node_modules/vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("../../../../vue3/node_modules/vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("../../../../vue3/node_modules/vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("../../../../vue3/node_modules/vue").WatchOptions<boolean>): import("../../../../vue3/node_modules/vue").WatchStopHandle;
-    } & Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
-        config: {
-            type: PropType<import("../filter-bar").BentoFilterBarModel>;
-            default: () => any[];
-        };
-        searchTerm: {
-            type: any;
-            default: any;
-        };
-        value: {
-            type: PropType<import("../filter-bar").BentoFilterBarModel>;
-            default: () => any[];
-        };
-        filterValues: {
-            type: PropType<import("../filter-bar").BentoFilterValues>;
-            default: () => any[];
-        };
-    }>> & {
-        onInput?: (...args: any[]) => any;
-        "onUpdate:filter-values"?: (...args: any[]) => any;
-        "onSearch-clear"?: (...args: any[]) => any;
-        "onSearch-input"?: (...args: any[]) => any;
-        "onUpdate:search-term"?: (...args: any[]) => any;
-    } & import("../../../../vue3/node_modules/vue").ShallowUnwrapRef<{
-        hasHiddenFilters: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
-        isClearAllVisible: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
-        isSearchBarEnabled: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
-        searchBarAriaLabel: import("../../../../vue3/node_modules/vue").ComputedRef<string>;
-        persistentFilters: import("../../../../vue3/node_modules/vue").ComputedRef<import("../filter-bar").BentoFilterModel[]>;
-        regularFilters: import("../../../../vue3/node_modules/vue").ComputedRef<import("../filter-bar").BentoFilterModel[]>;
-        isResetAllVisible: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
-        valueAndFilterValuesPropsMerged: import("../../../../vue3/node_modules/vue").ComputedRef<import("../filter-bar").BentoFilterBarModel>;
-        updateAllFilters: (newFilters: import("../filter-bar").BentoFilterBarModel) => void;
-        updateFilterHandler: (updatedFilter: import("../filter-bar").BentoFilterModel) => void;
-        clearAllFilters: () => void;
-        onSearchbarClear: () => void;
-        onSearchbarInput: (newSearchTerm: string) => void;
-        resetAllFilters: () => void;
-    }> & {} & import("../../../../vue3/node_modules/vue").ComponentCustomProperties & {}>;
     onEmptyStateClearResetButtonClick: () => void;
-    onSearchTermCleared: () => void;
-    onSearchTermInput: (newSearchTerm: any) => void;
-    onMoveColumnByOffset: (movingColumn: BentoColumn, offset?: number) => void;
-    draggingColumns: {
-        dragging?: {
-            field: string;
-            label: string;
-            width?: number;
-            autoWidth?: boolean;
-            minWidth?: number;
-            flex?: number;
-            sortable?: boolean;
-            numeric?: boolean;
-            infoIconTooltip?: string;
-            padding?: {
-                left?: boolean;
-                right?: boolean;
-            };
-            overflow?: BentoColumnOverflow;
-            visible?: boolean;
-            mandatory?: boolean;
-            frozen?: boolean;
-        };
-        dragToLeft?: boolean;
-        target?: {
-            field: string;
-            label: string;
-            width?: number;
-            autoWidth?: boolean;
-            minWidth?: number;
-            flex?: number;
-            sortable?: boolean;
-            numeric?: boolean;
-            infoIconTooltip?: string;
-            padding?: {
-                left?: boolean;
-                right?: boolean;
-            };
-            overflow?: BentoColumnOverflow;
-            visible?: boolean;
-            mandatory?: boolean;
-            frozen?: boolean;
-        };
-    };
-    draggingEventsForColumns: import("../../../../vue3/node_modules/vue").ComputedRef<{
-        "column-dragstart"?: undefined;
-        "column-dragenter"?: undefined;
-        "column-drop"?: undefined;
-        "column-dragend"?: undefined;
-    } | {
-        "column-dragstart": (column: BentoColumn, e: DragEvent & Event) => void;
-        "column-dragenter": (column: BentoColumn, dragEvent: DragEvent) => void;
-        "column-drop": (column: BentoColumn) => void;
-        "column-dragend": () => void;
-    }>;
-    draggingEventsForRowCell: import("../../../../vue3/node_modules/vue").ComputedRef<(column: BentoColumn) => {
-        dragenter?: undefined;
-        drop?: undefined;
-        dragover?: undefined;
-    } | {
-        dragenter: (e: DragEvent) => void;
-        drop: () => void;
-        dragover: (e: DragEvent) => void;
-    }>;
-    updateScrollPosition: (event: Event) => void;
-    isLazyLoad: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
-    isInfiniteScroll: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
-    emitLazyLoadEvent: () => void;
-    computedColumnPanelAlignment: import("../../../../vue3/node_modules/vue").ComputedRef<number>;
-    gridcellEvents: (column: any) => {
-        [eventName: string]: (e: Event) => void;
-    };
-    registerRowCellRef: (el: Element | ComponentPublicInstance, field: string, rowIndex: number) => void;
-    getCellindex: (rowIndex: number, colIndex: number, colSetIndex: number) => number;
-    getColIndex: (colIndex: number, colSetIndex: number) => number;
-    navigationInput: (event: KeyboardEvent) => 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: "loading" | "showMore" | "gettingYourData" | "sortAscending" | "sortDescending" | "sortInactive" | "selectRow", values?: import("vue-i18n").default.Values) => string);
 }, 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<{
-    bulkActions: {
-        type: PropType<BentoButtonActionsList>;
-        default: any;
-    };
     allowRowClicks: {
         type: BooleanConstructor;
         default: boolean;
@@ -612,6 +199,10 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         type: BooleanConstructor;
         default: boolean;
     };
+    bulkActions: {
+        type: PropType<BentoButtonActionsList>;
+        default: any;
+    };
     condensed: {
         type: BooleanConstructor;
         default: boolean;
@@ -815,9 +406,9 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     hasResizableColumns: boolean;
     sortBy: BentoDatagridSortByColumn[];
     filterValues: any;
-    bulkActions: BentoButtonActionsList;
     allowRowClicks: boolean;
     allowColumnDragAndDrop: boolean;
+    bulkActions: BentoButtonActionsList;
     columnPanel: boolean;
     filterSearchTerm: any;
     getDataItemId: BentoDatagridGetDataItemIdFn;
@@ -829,5 +420,15 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     selection: BentoDatagridDataItemId[];
     highlightedRows: BentoDatagridDataItemId[];
     tabTitle: string;
+}>, Record<NonNullable<string | number>, (_: any) => any> & Record<string, (_: {
+    item: BentoDatagridDataItem;
+}) => any> & {
+    header: (_: {}) => any;
+    footer: (_: {}) => any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,6 +1,2 @@
-declare const _default: import("../../../../vue3/node_modules/vue").DefineComponent<{}, {
-    ariaAttributes: import("../../../../vue3/node_modules/vue").ComputedRef<{
-        'aria-label': string;
-    }>;
-}, {}, {}, {}, 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<{}>>, {}>;
+declare const _default: import("../../../../vue3/node_modules/vue").DefineComponent<{}, {}, {}, {}, {}, 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<{}>>, {}>;
 export default _default;

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

@@ -22,6 +22,10 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         type: StringConstructor;
         default: any;
     };
+    condensed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     debounceTime: {
         type: NumberConstructor;
         default: number;
@@ -70,6 +74,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     DropdownBaseTextboxEvent: typeof DropdownBaseTextboxEvent;
     conditionalClasses: import("../../../../../../vue3/node_modules/vue").ComputedRef<{
         [x: string]: boolean;
+        'b-dropdown-default-textbox--condensed': boolean;
     }>;
     isDropdownOpen: import("../../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
     slots: Readonly<{
@@ -103,6 +108,10 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         type: StringConstructor;
         default: any;
     };
+    condensed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     debounceTime: {
         type: NumberConstructor;
         default: number;
@@ -155,6 +164,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     onClear?: (...args: any[]) => any;
 }, {
     value: string;
+    condensed: boolean;
     disabled: boolean;
     multiple: boolean;
     readonly: boolean;

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

@@ -6,6 +6,10 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         type: StringConstructor;
         default: any;
     };
+    condensed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     emptyState: {
         type: PropType<BentoDropdownEmptyStateProps>;
         default: any;
@@ -101,6 +105,9 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         default: any;
     };
 }, {
+    conditionalClasses: import("../../../../vue3/node_modules/vue").ComputedRef<{
+        'b-dropdown--condensed': boolean;
+    }>;
     computedAriaLabel: import("../../../../vue3/node_modules/vue").ComputedRef<string>;
     additionalItemsSelected: import("../../../../vue3/node_modules/vue").ComputedRef<number>;
     idDefaultSize: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
@@ -158,6 +165,10 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         type: StringConstructor;
         default: any;
     };
+    condensed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     emptyState: {
         type: PropType<BentoDropdownEmptyStateProps>;
         default: any;
@@ -259,6 +270,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     value: BentoListboxSelectedValue;
     required: boolean;
     label: string;
+    condensed: boolean;
     disabled: boolean;
     placeholder: string;
     search: BentoDropdownSearchOptions;

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

@@ -64,6 +64,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     onClickOutside: () => void;
     closePopover: () => void;
     filterButtonRef: any;
+    popoverRef: any;
 }, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, BaseFilterEvent[], BaseFilterEvent, 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<{
     appliedFiltersCount: {
         type: (StringConstructor | NumberConstructor)[];

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

@@ -13,9 +13,7 @@ export declare enum BentoInputFieldStateClass {
     CONDENSED = "condensed",
     DISABLED = "disabled",
     READONLY = "readonly",
-    ERROR = "error",
-    SMALL_PADDING_LEFT = "small-padding-left",
-    SMALL_PADDING_RIGHT = "small-padding-right"
+    ERROR = "error"
 }
 export declare enum BentoInputFieldType {
     SEARCH = "search",

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

@@ -1,4 +1,8 @@
 declare const _default: __VLS_WithTemplateSlots<import("../../../../../vue3/node_modules/vue").DefineComponent<{
+    condensed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     label: {
         type: StringConstructor;
         default: any;
@@ -16,6 +20,10 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../vue3/node
         default: any;
     };
 }, {}, 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<{
+    condensed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     label: {
         type: StringConstructor;
         default: any;
@@ -35,6 +43,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../vue3/node
 }>>, {
     required: boolean;
     label: string;
+    condensed: boolean;
     optional: boolean;
     tooltipText: string;
 }>, {