@adyen/bento-vue2 1.3.0 → 1.4.0

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

@@ -1,7 +1,6 @@
 import { PropType } from 'vue';
 import { Booleanish } from "../../types";
 import { BentoColumn, BentoColumnOverflow, BentoDatagridData, BentoDatagridDataItem, BentoDatagridDataItemId, BentoDatagridEvent, BentoDatagridGetDataItemIdFn, BentoDatagridIsDataItemDisabledFn, BentoDatagridSortByColumn, BentoDatagridSortDirection } from './data-grid.types';
-import { BentoTypographyElement, BentoTypographyVariant } from "../typography";
 declare const _default: import("vue").DefineComponent<{
     allowRowClicks: {
         type: BooleanConstructor;
@@ -27,6 +26,72 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoDatagridData>;
         required: true;
     };
+    emptyState: {
+        type: PropType<Readonly<Partial<{
+            description: string;
+            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";
+            headingEl: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            action: {
+                type: PropType<import("../button").BentoButtonActionObject>;
+                required: true;
+            };
+            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("vue/types/v3-component-props").DefaultKeys<{
+            action: {
+                type: PropType<import("../button").BentoButtonActionObject>;
+                required: true;
+            };
+            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;
+            };
+        }>>>>;
+        default: any;
+    };
     filters: {
         type: PropType<import("../filter-bar").BentoFilterBarModel>;
         default: any;
@@ -61,9 +126,9 @@ declare const _default: import("vue").DefineComponent<{
     };
     pagination: {
         type: PropType<Readonly<Partial<{
-            ariaLabel: string;
             page: number;
             size: number;
+            ariaLabel: string;
             totalCount: number;
             hasNext: boolean;
             hidePageSize: boolean;
@@ -144,6 +209,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoDatagridSortByColumn[]>;
         default: () => any[];
     };
+    tabTitle: {
+        type: StringConstructor;
+        default: any;
+    };
 }, {
     body: import("vue").Ref<HTMLDivElement>;
     columnDefs: import("vue").ComputedRef<{
@@ -208,11 +277,6 @@ declare const _default: import("vue").DefineComponent<{
         isFrozenColumns?: undefined;
     })[]>;
     gridcellRefs: import("vue").Ref<HTMLDivElement[]>;
-    isColumnMenuOpen: import("vue").Ref<boolean>;
-    paginationRef: import("vue").Ref<HTMLDivElement>;
-    bodyDynamicStyles: {
-        height: import("vue").Ref<string>;
-    };
     slots: import("vue/types/v3-setup-context").Slots;
     ariaGridHeaderText: import("vue").ComputedRef<string>;
     conditionalTitleAttribute: (column: BentoColumn, content: unknown) => string;
@@ -250,9 +314,69 @@ declare const _default: import("vue").DefineComponent<{
         'b-data-grid__pagination--padding-right-unset': boolean;
         'b-data-grid__pagination--sticky': boolean;
     }>;
-    conditionalColumnsClasses: import("vue").ComputedRef<{
-        'b-data-grid__columns--menu-open': boolean;
-    }>;
+    limitedEmptyStateProps: import("vue").ComputedRef<Readonly<Partial<{
+        description: string;
+        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";
+        headingEl: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";
+    }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+        action: {
+            type: PropType<import("../button").BentoButtonActionObject>;
+            required: true;
+        };
+        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("vue/types/v3-component-props").DefaultKeys<{
+        action: {
+            type: PropType<import("../button").BentoButtonActionObject>;
+            required: true;
+        };
+        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;
+        };
+    }>>>>;
     onColumnWidthOverride: (newColumnWidthOverridesLookup: import("./data-grid.types").BentoColumnWidthOverridesLookup) => void;
     onColumnResized: (resizeEvent: {
         field: string;
@@ -278,11 +402,64 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     isOnlyOneVisibleColumn: import("vue").ComputedRef<boolean>;
     BentoDatagridSortDirection: typeof BentoDatagridSortDirection;
-    BentoTypographyElement: typeof BentoTypographyElement;
-    BentoTypographyVariant: typeof BentoTypographyVariant;
     BentoDatagridEvent: typeof BentoDatagridEvent;
     onPaginationNavigate: (page: number) => void;
     onItemsPerPageChange: (itemsPerPage: number) => void;
+    filterBarRef: import("vue").Ref<import("vue/types/v3-component-public-instance").Vue3Instance<{}, Readonly<import("vue").ExtractPropTypes<{
+        searchTerm: {
+            type: StringConstructor;
+            default: any;
+        };
+        value: {
+            type: PropType<import("../filter-bar").BentoFilterBarModel>;
+            default: () => any[];
+        };
+    }>>, Readonly<import("vue").ExtractPropTypes<{
+        searchTerm: {
+            type: StringConstructor;
+            default: any;
+        };
+        value: {
+            type: PropType<import("../filter-bar").BentoFilterBarModel>;
+            default: () => any[];
+        };
+    }>>, (import("../filter-bar").BentoFilterBarEvent | import("../search-bar").BentoSearchBarEvent)[], {
+        value: import("../filter-bar").BentoFilterBarModel;
+        searchTerm: string;
+    }, true, import("vue/types/v3-component-options").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> & Readonly<Readonly<import("vue").ExtractPropTypes<{
+        searchTerm: {
+            type: StringConstructor;
+            default: any;
+        };
+        value: {
+            type: PropType<import("../filter-bar").BentoFilterBarModel>;
+            default: () => any[];
+        };
+    }>>> & import("vue").ShallowUnwrapRef<{
+        hasHiddenFilters: import("vue").ComputedRef<boolean>;
+        isClearAllVisible: import("vue").ComputedRef<boolean>;
+        isSearchBarEnabled: import("vue").ComputedRef<boolean>;
+        searchBarAriaLabel: import("vue").ComputedRef<string>;
+        persistentFilters: import("vue").ComputedRef<import("../filter-bar").BentoFilterModel[]>;
+        regularFilters: import("vue").ComputedRef<import("../filter-bar").BentoFilterModel[]>;
+        isResetAllVisible: import("vue").ComputedRef<boolean>;
+        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("vue/types/v3-component-options").ExtractComputedReturns<{}> & import("vue").ComponentCustomProperties & Readonly<import("vue").ExtractPropTypes<{
+        searchTerm: {
+            type: StringConstructor;
+            default: any;
+        };
+        value: {
+            type: PropType<import("../filter-bar").BentoFilterBarModel>;
+            default: () => any[];
+        };
+    }>>>;
+    onEmptyStateClearResetButtonClick: () => void;
     onSearchTermCleared: () => void;
     onSearchTermInput: (newSearchTerm: any) => void;
     onMoveColumnByOffset: (movingColumn: BentoColumn, offset?: number) => void;
@@ -345,6 +522,7 @@ declare const _default: import("vue").DefineComponent<{
         drop: () => void;
         dragover: (e: DragEvent) => void;
     }>;
+    updateScrollPosition: (event: Event) => void;
     computedColumnPanelAlignment: import("vue").ComputedRef<number>;
     gridcellEvents: (column: any) => {
         [eventName: string]: (e: Event) => void;
@@ -359,7 +537,7 @@ declare const _default: import("vue").DefineComponent<{
     }>, import("@intlify/core-base")._ResourcePath<{
         [key: string]: string;
     }>> | ((key: "gettingYourData" | "sortAscending" | "sortDescending" | "sortInactive" | "selectRow", values?: import("vue-i18n").default.Values) => string);
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, (BentoDatagridEvent.COLUMNS | BentoDatagridEvent.COLUMN_RESIZE | BentoDatagridEvent.ITEMS_PAGE | BentoDatagridEvent.NAVIGATE | BentoDatagridEvent.FILTER_SEARCH_INPUT | BentoDatagridEvent.FILTER_SEARCH_CLEAR | BentoDatagridEvent.UPDATE_COLUMNS | BentoDatagridEvent.UPDATE_FILTERS | BentoDatagridEvent.UPDATE_FILTER_SEARCH_TERM | BentoDatagridEvent.UPDATE_PAGINATION | BentoDatagridEvent.UPDATE_SELECTION | BentoDatagridEvent.UPDATE_SORT_BY | BentoDatagridEvent.ROW_CLICK | BentoDatagridEvent.SELECT | BentoDatagridEvent.SORT)[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoDatagridEvent[], string, Readonly<import("vue").ExtractPropTypes<{
     allowRowClicks: {
         type: BooleanConstructor;
         default: boolean;
@@ -384,6 +562,72 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoDatagridData>;
         required: true;
     };
+    emptyState: {
+        type: PropType<Readonly<Partial<{
+            description: string;
+            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";
+            headingEl: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            action: {
+                type: PropType<import("../button").BentoButtonActionObject>;
+                required: true;
+            };
+            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("vue/types/v3-component-props").DefaultKeys<{
+            action: {
+                type: PropType<import("../button").BentoButtonActionObject>;
+                required: true;
+            };
+            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;
+            };
+        }>>>>;
+        default: any;
+    };
     filters: {
         type: PropType<import("../filter-bar").BentoFilterBarModel>;
         default: any;
@@ -418,9 +662,9 @@ declare const _default: import("vue").DefineComponent<{
     };
     pagination: {
         type: PropType<Readonly<Partial<{
-            ariaLabel: string;
             page: number;
             size: number;
+            ariaLabel: string;
             totalCount: number;
             hasNext: boolean;
             hidePageSize: boolean;
@@ -501,6 +745,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoDatagridSortByColumn[]>;
         default: () => any[];
     };
+    tabTitle: {
+        type: StringConstructor;
+        default: any;
+    };
 }>>, {
     filters: import("../filter-bar").BentoFilterBarModel;
     condensed: boolean;
@@ -512,6 +760,69 @@ declare const _default: import("vue").DefineComponent<{
     allowRowClicks: boolean;
     allowColumnDragAndDrop: boolean;
     columnPanel: boolean;
+    emptyState: Readonly<Partial<{
+        description: string;
+        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";
+        headingEl: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";
+    }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+        action: {
+            type: PropType<import("../button").BentoButtonActionObject>;
+            required: true;
+        };
+        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("vue/types/v3-component-props").DefaultKeys<{
+        action: {
+            type: PropType<import("../button").BentoButtonActionObject>;
+            required: true;
+        };
+        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;
+        };
+    }>>>;
     filterSearchTerm: string;
     getDataItemId: BentoDatagridGetDataItemIdFn;
     isDataItemDisabled: BentoDatagridIsDataItemDisabledFn;
@@ -520,5 +831,6 @@ declare const _default: import("vue").DefineComponent<{
     selectable: boolean;
     selection: BentoDatagridDataItemId[];
     highlightedRows: BentoDatagridDataItemId[];
+    tabTitle: string;
 }>;
 export default _default;

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

@@ -1,9 +1,8 @@
 import { PropType } from 'vue';
 import { BentoDateFormat } from "./date.types";
-import { BentoTypographyElement, BentoTypographyVariant } from "../typography";
 declare const _default: import("vue").DefineComponent<{
     date: {
-        type: (DateConstructor | StringConstructor | NumberConstructor)[];
+        type: (StringConstructor | DateConstructor | NumberConstructor)[];
         default: any;
     };
     format: {
@@ -17,11 +16,9 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     formattedDate: import("vue").ComputedRef<string>;
-    BentoTypographyVariant: typeof BentoTypographyVariant;
-    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: (DateConstructor | StringConstructor | NumberConstructor)[];
+        type: (StringConstructor | DateConstructor | NumberConstructor)[];
         default: any;
     };
     format: {

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

@@ -1,6 +1,5 @@
 import { PropType, Ref } from 'vue';
 import { BentoDatePickerEvent } from './date-picker.types';
-import { BentoTypographyElement, BentoTypographyVariant } from '../typography';
 declare const _default: import("vue").DefineComponent<{
     description: {
         type: StringConstructor;
@@ -62,25 +61,6 @@ declare const _default: import("vue").DefineComponent<{
     popoverAriaLabel: import("vue").ComputedRef<string>;
     ariaDescribedBy: import("vue").ComputedRef<string>;
     textInputValue: Ref<string>;
-    BentoTypographyElement: typeof BentoTypographyElement;
-    BentoTypographyVariant: typeof BentoTypographyVariant;
-    BentoPopoverPositions: {
-        AUTO: import("../popper-container").PopperContainerPositionExtended.AUTO;
-        AUTO_START: import("../popper-container").PopperContainerPositionExtended.AUTO_START;
-        AUTO_END: import("../popper-container").PopperContainerPositionExtended.AUTO_END;
-        TOP_START: import("../popper-container").PopperContainerPositionExtended.TOP_START;
-        TOP_END: import("../popper-container").PopperContainerPositionExtended.TOP_END;
-        RIGHT_START: import("../popper-container").PopperContainerPositionExtended.RIGHT_START;
-        RIGHT_END: import("../popper-container").PopperContainerPositionExtended.RIGHT_END;
-        BOTTOM_START: import("../popper-container").PopperContainerPositionExtended.BOTTOM_START;
-        BOTTOM_END: import("../popper-container").PopperContainerPositionExtended.BOTTOM_END;
-        LEFT_START: import("../popper-container").PopperContainerPositionExtended.LEFT_START;
-        LEFT_END: import("../popper-container").PopperContainerPositionExtended.LEFT_END;
-        TOP: import("../popper-container").PopperContainerPositionBasic.TOP;
-        RIGHT: import("../popper-container").PopperContainerPositionBasic.RIGHT;
-        BOTTOM: import("../popper-container").PopperContainerPositionBasic.BOTTOM;
-        LEFT: import("../popper-container").PopperContainerPositionBasic.LEFT;
-    };
     closeDatePicker: () => void;
     clearDatePickerValue: () => Promise<void>;
     onDateSelected: (selectedDate: Date) => void;
@@ -134,8 +114,8 @@ declare const _default: import("vue").DefineComponent<{
     value: Date;
     description: string;
     label: string;
-    disabled: boolean;
     required: boolean;
+    disabled: boolean;
     isDateDisabled: import("../internal").CalendarIsDateDisabled;
     firstDayOfWeek: import("../internal").CalendarFirstDayOfWeek;
     optional: boolean;

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

@@ -1,6 +1,5 @@
 import { PropType } from 'vue';
 import { CalendarRangeDateValue } from "../../../internal";
-import { BentoTypographyElement } from "../../../typography";
 import { DateRangePickerCalendarEvent, DateRangePickerCalendarFormData, DateRangePickerCalendarRangeSelectorItems } from './date-range-picker-calendar.types';
 declare const _default: import("vue").DefineComponent<{
     allowTimeInput: {
@@ -69,7 +68,6 @@ declare const _default: import("vue").DefineComponent<{
     formInputWrapperConditionalClasses: import("vue").ComputedRef<{
         'b-date-range-picker-calendar__form-input-wrapper': boolean;
     }>;
-    BentoTypographyElement: typeof BentoTypographyElement;
     hasSlot: (name: string) => boolean;
     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>;

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

@@ -1,6 +1,5 @@
 import { PropType } from 'vue';
 import { BentoDateRangePickerEvent, BentoDateRangePickerValue } from './date-range-picker.types';
-import { BentoTypographyElement, BentoTypographyVariant } from '../typography';
 import { DateRangePickerCalendarFormData, DateRangePickerCalendarRangeSelectorItems } from './components/date-range-picker-calendar/date-range-picker-calendar.types';
 declare const _default: import("vue").DefineComponent<{
     allowTimeInput: {
@@ -79,25 +78,6 @@ declare const _default: import("vue").DefineComponent<{
     popoverAriaLabel: import("vue").ComputedRef<string>;
     ariaDescribedBy: import("vue").ComputedRef<string>;
     textInputDisplayValue: DateRangePickerCalendarFormData;
-    BentoTypographyElement: typeof BentoTypographyElement;
-    BentoTypographyVariant: typeof BentoTypographyVariant;
-    BentoPopoverPositions: {
-        AUTO: import("../popper-container").PopperContainerPositionExtended.AUTO;
-        AUTO_START: import("../popper-container").PopperContainerPositionExtended.AUTO_START;
-        AUTO_END: import("../popper-container").PopperContainerPositionExtended.AUTO_END;
-        TOP_START: import("../popper-container").PopperContainerPositionExtended.TOP_START;
-        TOP_END: import("../popper-container").PopperContainerPositionExtended.TOP_END;
-        RIGHT_START: import("../popper-container").PopperContainerPositionExtended.RIGHT_START;
-        RIGHT_END: import("../popper-container").PopperContainerPositionExtended.RIGHT_END;
-        BOTTOM_START: import("../popper-container").PopperContainerPositionExtended.BOTTOM_START;
-        BOTTOM_END: import("../popper-container").PopperContainerPositionExtended.BOTTOM_END;
-        LEFT_START: import("../popper-container").PopperContainerPositionExtended.LEFT_START;
-        LEFT_END: import("../popper-container").PopperContainerPositionExtended.LEFT_END;
-        TOP: import("../popper-container").PopperContainerPositionBasic.TOP;
-        RIGHT: import("../popper-container").PopperContainerPositionBasic.RIGHT;
-        BOTTOM: import("../popper-container").PopperContainerPositionBasic.BOTTOM;
-        LEFT: import("../popper-container").PopperContainerPositionBasic.LEFT;
-    };
     closeDateRangePicker: () => void;
     clearDateRangePickerValue: () => Promise<void>;
     openDateRangePicker: () => void;
@@ -173,8 +153,8 @@ declare const _default: import("vue").DefineComponent<{
     value: BentoDateRangePickerValue;
     description: string;
     label: string;
-    disabled: boolean;
     required: boolean;
+    disabled: boolean;
     isDateDisabled: import("../internal").CalendarIsDateDisabled;
     firstDayOfWeek: import("../internal").CalendarFirstDayOfWeek;
     maxRange: number;

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import { BentoTypographyElement, BentoTypographyVariant } from "../../../typography";
 import { BentoKeyboardNavigationKeyDownEvent, BentoListboxOptionItem, Booleanish } from "../../../../types";
 import type { HTMLAttributes } from 'vue/types/jsx';
 import { DropdownBaseTextboxEvent } from './dropdown-base-textbox.types';
@@ -69,8 +68,6 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }, {
-    BentoTypographyElement: typeof BentoTypographyElement;
-    BentoTypographyVariant: typeof BentoTypographyVariant;
     BentoKeyboardNavigationKeyDownEvent: typeof BentoKeyboardNavigationKeyDownEvent;
     DropdownBaseTextboxEvent: typeof DropdownBaseTextboxEvent;
     conditionalClasses: import("vue").ComputedRef<{
@@ -153,11 +150,11 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     value: string;
+    open: boolean;
+    multiple: boolean;
     disabled: boolean;
-    ariaLabel: string;
     readonly: boolean;
-    multiple: boolean;
-    open: boolean;
+    ariaLabel: string;
     additionalItemsSelected: number;
     ariaLabelledby: string;
     debounceTime: number;

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

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