@adyen/bento-vue2 0.0.8 → 0.1.0

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

@@ -49,9 +49,9 @@ declare const _default: import("vue").DefineComponent<{
         validator: (value: AdlAccordionVariant) => boolean;
     };
 }>>, {
+    grouped: boolean;
     variant: AdlAccordionVariant;
     simultaneouslyExpandAllTabs: boolean;
-    grouped: boolean;
     caretRight: boolean;
 }>;
 export default _default;

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

@@ -0,0 +1,10 @@
+export declare enum BentoAvatarVariant {
+    LARGE = "large",
+    SMALL = "small"
+}
+export declare enum BentoAvatarColor {
+    BLUE = "blue",
+    GREEN = "green",
+    RED = "red",
+    YELLOW = "yellow"
+}

package/dist/@types/components/{profile-picture/profile-picture.vue.d.ts → avatar/avatar.vue.d.ts}

@@ -1,5 +1,6 @@
 import { PropType } from 'vue';
-import { AdlProfilePictureVariant } from './profile-picture.types';
+import { BentoAvatarVariant } from './avatar.types';
+import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
 declare const _default: import("vue").DefineComponent<{
     src: {
         type: StringConstructor;
@@ -10,14 +11,15 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     variant: {
-        type: PropType<AdlProfilePictureVariant>;
-        default: AdlProfilePictureVariant;
-        validator: (value: AdlProfilePictureVariant) => boolean;
+        type: PropType<BentoAvatarVariant>;
+        default: BentoAvatarVariant;
+        validator: (value: BentoAvatarVariant) => boolean;
     };
 }, {
-    ariaLabel: import("vue").Ref<string>;
+    BentoTypographyElement: typeof BentoTypographyElement;
+    BentoTypographyVariant: typeof BentoTypographyVariant;
     conditionalClasses: import("vue").ComputedRef<{
-        [x: string]: boolean;
+        [x: string]: string | boolean;
     }>;
     initials: import("vue").ComputedRef<string>;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
@@ -30,13 +32,13 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     variant: {
-        type: PropType<AdlProfilePictureVariant>;
-        default: AdlProfilePictureVariant;
-        validator: (value: AdlProfilePictureVariant) => boolean;
+        type: PropType<BentoAvatarVariant>;
+        default: BentoAvatarVariant;
+        validator: (value: BentoAvatarVariant) => boolean;
     };
 }>>, {
     src: string;
-    variant: AdlProfilePictureVariant;
+    variant: BentoAvatarVariant;
     username: string;
 }>;
 export default _default;

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

@@ -0,0 +1,2 @@
+export { default as Avatar } from './avatar.vue';
+export * from './avatar.types';

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

@@ -31,6 +31,7 @@ declare const _default: import("vue").DefineComponent<{
         [x: string]: boolean;
     }>;
     onClickButton: () => void;
+    hasSlot: (name: string) => boolean;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("blur" | "click" | "focus" | "keydown.esc")[], string, Readonly<import("vue").ExtractPropTypes<{
     disabled: {
         type: BooleanConstructor;
@@ -57,7 +58,7 @@ declare const _default: import("vue").DefineComponent<{
     type: "button" | "reset" | "submit";
     disabled: boolean;
     condensed: boolean;
-    variant: BentoButtonVariant;
     critical: boolean;
+    variant: BentoButtonVariant;
 }>;
 export default _default;

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

@@ -0,0 +1,4 @@
+export { useCountryCapital } from './useCountryCapital/useCountryCapital';
+export { useCountryFlag } from './useCountryFlag';
+export { useCountryName } from './useCountryName/useCountryName';
+export { useCountryPhoneCode } from './useCountryPhoneCode/useCountryPhoneCode';

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

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

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

@@ -0,0 +1,2 @@
+import { Ref } from 'vue';
+export declare const useCountryFlag: (code: Ref<string>, useFallback?: boolean) => Ref<string>;

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

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

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

@@ -0,0 +1,3 @@
+import { MaybeRef } from '../../../../types';
+export declare const useCountryPhoneCode: (countryCode: MaybeRef<string>) => import("vue").ComputedRef<any>;
+export default useCountryPhoneCode;

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

@@ -0,0 +1,259 @@
+export declare enum BentoCountryVariant {
+    ISO = "iso",
+    NAME = "name",
+    PHONE_CODE = "phone_code",
+    CAPITAL = "capital"
+}
+export declare enum BentoCountryCode {
+    BD = "BD",
+    BE = "BE",
+    BF = "BF",
+    BG = "BG",
+    BA = "BA",
+    BB = "BB",
+    WF = "WF",
+    BL = "BL",
+    BM = "BM",
+    BN = "BN",
+    BO = "BO",
+    BH = "BH",
+    BI = "BI",
+    BJ = "BJ",
+    BT = "BT",
+    JM = "JM",
+    BV = "BV",
+    BW = "BW",
+    WS = "WS",
+    BQ = "BQ",
+    BR = "BR",
+    BS = "BS",
+    JE = "JE",
+    BY = "BY",
+    BZ = "BZ",
+    RU = "RU",
+    RW = "RW",
+    RS = "RS",
+    TL = "TL",
+    RE = "RE",
+    TM = "TM",
+    TJ = "TJ",
+    RO = "RO",
+    TK = "TK",
+    GW = "GW",
+    GU = "GU",
+    GT = "GT",
+    GS = "GS",
+    GR = "GR",
+    GQ = "GQ",
+    GP = "GP",
+    JP = "JP",
+    GY = "GY",
+    GG = "GG",
+    GF = "GF",
+    GE = "GE",
+    GD = "GD",
+    GB = "GB",
+    GA = "GA",
+    SV = "SV",
+    GN = "GN",
+    GM = "GM",
+    GL = "GL",
+    GI = "GI",
+    GH = "GH",
+    OM = "OM",
+    TN = "TN",
+    JO = "JO",
+    HR = "HR",
+    HT = "HT",
+    HU = "HU",
+    HK = "HK",
+    HN = "HN",
+    HM = "HM",
+    VE = "VE",
+    PR = "PR",
+    PS = "PS",
+    PW = "PW",
+    PT = "PT",
+    SJ = "SJ",
+    PY = "PY",
+    IQ = "IQ",
+    PA = "PA",
+    PF = "PF",
+    PG = "PG",
+    PE = "PE",
+    PK = "PK",
+    PH = "PH",
+    PN = "PN",
+    PL = "PL",
+    PM = "PM",
+    ZM = "ZM",
+    EH = "EH",
+    EE = "EE",
+    EG = "EG",
+    ZA = "ZA",
+    EC = "EC",
+    IT = "IT",
+    VN = "VN",
+    SB = "SB",
+    ET = "ET",
+    SO = "SO",
+    ZW = "ZW",
+    SA = "SA",
+    ES = "ES",
+    ER = "ER",
+    ME = "ME",
+    MD = "MD",
+    MG = "MG",
+    MF = "MF",
+    MA = "MA",
+    MC = "MC",
+    UZ = "UZ",
+    MM = "MM",
+    ML = "ML",
+    MO = "MO",
+    MN = "MN",
+    MH = "MH",
+    MK = "MK",
+    MU = "MU",
+    MT = "MT",
+    MW = "MW",
+    MV = "MV",
+    MQ = "MQ",
+    MP = "MP",
+    MS = "MS",
+    MR = "MR",
+    IM = "IM",
+    UG = "UG",
+    TZ = "TZ",
+    MY = "MY",
+    MX = "MX",
+    IL = "IL",
+    FR = "FR",
+    IO = "IO",
+    SH = "SH",
+    FI = "FI",
+    FJ = "FJ",
+    FK = "FK",
+    FM = "FM",
+    FO = "FO",
+    NI = "NI",
+    NL = "NL",
+    NO = "NO",
+    NA = "NA",
+    VU = "VU",
+    NC = "NC",
+    NE = "NE",
+    NF = "NF",
+    NG = "NG",
+    NZ = "NZ",
+    NP = "NP",
+    NR = "NR",
+    NU = "NU",
+    CK = "CK",
+    XK = "XK",
+    CI = "CI",
+    CH = "CH",
+    CO = "CO",
+    CN = "CN",
+    CM = "CM",
+    CL = "CL",
+    CC = "CC",
+    CA = "CA",
+    CG = "CG",
+    CF = "CF",
+    CD = "CD",
+    CZ = "CZ",
+    CY = "CY",
+    CX = "CX",
+    CR = "CR",
+    CW = "CW",
+    CV = "CV",
+    CU = "CU",
+    SZ = "SZ",
+    SY = "SY",
+    SX = "SX",
+    KG = "KG",
+    KE = "KE",
+    SS = "SS",
+    SR = "SR",
+    KI = "KI",
+    KH = "KH",
+    KN = "KN",
+    KM = "KM",
+    ST = "ST",
+    SK = "SK",
+    KR = "KR",
+    SI = "SI",
+    KP = "KP",
+    KW = "KW",
+    SN = "SN",
+    SM = "SM",
+    SL = "SL",
+    SC = "SC",
+    KZ = "KZ",
+    KY = "KY",
+    SG = "SG",
+    SE = "SE",
+    SD = "SD",
+    DO = "DO",
+    DM = "DM",
+    DJ = "DJ",
+    DK = "DK",
+    VG = "VG",
+    DE = "DE",
+    YE = "YE",
+    DZ = "DZ",
+    US = "US",
+    UY = "UY",
+    YT = "YT",
+    UM = "UM",
+    LB = "LB",
+    LC = "LC",
+    LA = "LA",
+    TV = "TV",
+    TW = "TW",
+    TT = "TT",
+    TR = "TR",
+    LK = "LK",
+    LI = "LI",
+    LV = "LV",
+    TO = "TO",
+    LT = "LT",
+    LU = "LU",
+    LR = "LR",
+    LS = "LS",
+    TH = "TH",
+    TF = "TF",
+    TG = "TG",
+    TD = "TD",
+    TC = "TC",
+    LY = "LY",
+    VA = "VA",
+    VC = "VC",
+    AE = "AE",
+    AD = "AD",
+    AG = "AG",
+    AF = "AF",
+    AI = "AI",
+    VI = "VI",
+    IS = "IS",
+    IR = "IR",
+    AM = "AM",
+    AL = "AL",
+    AO = "AO",
+    AQ = "AQ",
+    AS = "AS",
+    AR = "AR",
+    AU = "AU",
+    AT = "AT",
+    AW = "AW",
+    IN = "IN",
+    AX = "AX",
+    AZ = "AZ",
+    IE = "IE",
+    ID = "ID",
+    UA = "UA",
+    QA = "QA",
+    MZ = "MZ",
+    UNKNOWN = "ZZ"
+}

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

@@ -0,0 +1,33 @@
+import { PropType } from 'vue';
+import { BentoTypographyElement } from '../typography';
+import { BentoCountryCode, BentoCountryVariant } from './country.types';
+declare const _default: import("vue").DefineComponent<{
+    code: {
+        type: PropType<BentoCountryCode>;
+        default: BentoCountryCode;
+    };
+    variant: {
+        type: PropType<BentoCountryVariant>;
+        default: BentoCountryVariant;
+        validator: (value: BentoCountryVariant) => boolean;
+    };
+}, {
+    flagIconSrc: import("vue").Ref<string>;
+    countryName: import("vue").ComputedRef<string>;
+    label: import("vue").Ref<any>;
+    BentoTypographyElement: typeof BentoTypographyElement;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    code: {
+        type: PropType<BentoCountryCode>;
+        default: BentoCountryCode;
+    };
+    variant: {
+        type: PropType<BentoCountryVariant>;
+        default: BentoCountryVariant;
+        validator: (value: BentoCountryVariant) => boolean;
+    };
+}>>, {
+    code: BentoCountryCode;
+    variant: BentoCountryVariant;
+}>;
+export default _default;

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

@@ -0,0 +1,2 @@
+export { default as BentoCountry } from './country.vue';
+export * from './country.types';

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

@@ -0,0 +1,74 @@
+import { PropType } from 'vue';
+import { BentoColumn, BentoDatagridAllItemsSelectedState, BentoDatagridSortByColumn, BentoDatagridSortDirection } from '../../data-grid.types';
+import { BentoTypographyElement } from '@/components/typography';
+declare const _default: import("vue").DefineComponent<{
+    columns: {
+        type: PropType<BentoColumn[]>;
+        required: true;
+    };
+    hasResizableColumns: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    allItemsSelectedState: {
+        type: PropType<BentoDatagridAllItemsSelectedState>;
+        default: any;
+    };
+    sortBy: {
+        type: PropType<BentoDatagridSortByColumn[]>;
+        default: () => any[];
+    };
+    gridColumnWidthStyle: {
+        type: ObjectConstructor;
+        required: true;
+    };
+}, {
+    DATAGRID_SELECT_FIELD_NAME: string;
+    conditionalColumnClasses: (column: BentoColumn) => {
+        'b-data-grid-columns__column--sortable': boolean;
+        'b-data-grid-columns__column--padding-left-unset': boolean;
+        'b-data-grid-columns__column--padding-right-unset': boolean;
+        'b-data-grid-columns__column--numeric': boolean;
+    };
+    conditionalColumnSeperatorClasses: import("vue").ComputedRef<{
+        'b-data-grid-columns__column-seperator-container--is-resizeable': boolean;
+    }>;
+    allItemsSelectedCheckboxState: import("vue").Ref<{
+        allItemsSelected: boolean;
+        isIndeterminate: boolean;
+    }>;
+    onAllRowSelect: (areAllItemsSelected: boolean) => void;
+    conditionalSortDirectionClasses: (field: string, direction: BentoDatagridSortDirection) => {
+        'b-data-grid-columns__column-sort-icon--sorted': boolean;
+    };
+    sortByColumnField: (field: string) => void;
+    startResize: (hasResizableColumns: boolean, field: string, event: MouseEvent) => void;
+    BentoDatagridSortDirection: typeof BentoDatagridSortDirection;
+    BentoTypographyElement: typeof BentoTypographyElement;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("sort" | "column-resize" | "select-all-rows")[], string, Readonly<import("vue").ExtractPropTypes<{
+    columns: {
+        type: PropType<BentoColumn[]>;
+        required: true;
+    };
+    hasResizableColumns: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    allItemsSelectedState: {
+        type: PropType<BentoDatagridAllItemsSelectedState>;
+        default: any;
+    };
+    sortBy: {
+        type: PropType<BentoDatagridSortByColumn[]>;
+        default: () => any[];
+    };
+    gridColumnWidthStyle: {
+        type: ObjectConstructor;
+        required: true;
+    };
+}>>, {
+    hasResizableColumns: boolean;
+    allItemsSelectedState: BentoDatagridAllItemsSelectedState;
+    sortBy: BentoDatagridSortByColumn[];
+}>;
+export default _default;

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

@@ -0,0 +1,43 @@
+import { BentoButtonVariant } from '../../../button';
+import { BentoTypographyElement, BentoTypographyVariant } from '../../../typography';
+import { AdlLabelPosition } from '../../../../types';
+declare const _default: import("vue").DefineComponent<{
+    condensed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    configSettingsButtonRef: any;
+    isConfigSettingsPanelOpen: import("vue").Ref<boolean>;
+    toggleConfigSettingsPanelVisibility: () => void;
+    emitCondensedToggle: (isCompactView: boolean) => void;
+    AdlLabelPosition: typeof AdlLabelPosition;
+    BentoTypographyElement: typeof BentoTypographyElement;
+    BentoTypographyVariant: typeof BentoTypographyVariant;
+    BentoButtonVariant: typeof BentoButtonVariant;
+    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;
+    };
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "config-settings"[], string, Readonly<import("vue").ExtractPropTypes<{
+    condensed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    condensed: boolean;
+}>;
+export default _default;

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

@@ -0,0 +1,2 @@
+export { default as BentoDataGridColumns } from './data-grid-columns/data-grid-columns.vue';
+export { default as BentoDataGridConfigSettings } from './data-grid-config-settings/data-grid-config-settings.vue';

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

@@ -0,0 +1,5 @@
+export { default as useResizer } from './useResizer';
+export { default as useCalculateColumnWidth, DATAGRID_SELECT_FIELD_NAME, } from './useCalculateColumnWidth/useCalculateColumnWidth';
+export { useSorter } from './useSorter';
+export { useSelector } from './useSelector';
+export { useConfigSettings } from './useConfigSettings';

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

@@ -1,10 +1,29 @@
-import { MaybeRef } from '../../../../types';
-import { BentoColumn } from '../../data-grid.types';
+import { BentoColumn, BentoColumnWidthOverridesLookup } from '../../data-grid.types';
 import { CalculateColumnWidthOptions } from './useCalculateColumnWidth.types';
+import { MaybeRef } from '../../../../types';
 export declare const DEFAULT_COLUMN_WIDTH = 100;
 export declare const DEFAULT_COLUMN_MIN_WIDTH = 50;
 export declare const DATAGRID_SELECT_FIELD_NAME = "b-select";
-export declare const useCalculateColumnWidth: (newColumns: MaybeRef<BentoColumn[]>, newGridWidth: MaybeRef<number>, options?: CalculateColumnWidthOptions) => {
-    caclulatedWidths: import("vue").ComputedRef<BentoColumn[]>;
+export declare const useCalculateColumnWidth: (newColumns: MaybeRef<BentoColumn[]>, bodyRef: MaybeRef<HTMLDivElement | undefined>, options?: CalculateColumnWidthOptions) => {
+    columnDefs: import("vue").ComputedRef<{
+        width: number;
+        field: string;
+        label: string;
+        minWidth?: number;
+        flex?: number;
+        sortable?: boolean;
+        numeric?: boolean;
+        padding?: {
+            left?: boolean;
+            right?: boolean;
+        };
+        overflow?: import("../../data-grid.types").BentoColumnOverflow;
+    }[]>;
+    gridColumnWidthStyle: import("vue").ComputedRef<{
+        gridTemplateColumns: string;
+        gridColumnEnd: number;
+        width: string;
+    }>;
+    onColumnWidthOverride: (newColumnWidthOverridesLookup: BentoColumnWidthOverridesLookup) => void;
 };
 export default useCalculateColumnWidth;

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

@@ -0,0 +1,5 @@
+import { MaybeRef } from '../../../types';
+export declare const useConfigSettings: (condensed: MaybeRef<boolean>) => {
+    compactView: import("vue").Ref<boolean>;
+    onConfigSettingsUpdate: (isCompactView: boolean) => boolean;
+};

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

@@ -1,17 +1,8 @@
 import { Ref } from 'vue';
-import { BentoColumn } from '../data-grid.types';
+import { BentoColumn, BentoColumnWidthOverridesLookup } from '../data-grid.types';
 export declare const useResizer: (columns: Ref<BentoColumn[]>, emit: (event: string, ...args: unknown[]) => void) => {
-    resizeData: {
-        resizingColumnField: string;
-        offsetLeft: number;
-        stepPositionX: number;
-        resizedColumnsWidths: {
-            [k: string]: {
-                width: number;
-                minWidth: number;
-            };
-        };
-    };
+    resizeData: Ref<BentoColumnWidthOverridesLookup>;
     allColumnRefs: import("vue").ToRefs<{}>;
     startResize: (hasResizableColumns: boolean, field: BentoColumn['field'], event: MouseEvent) => void;
 };
+export default useResizer;

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

@@ -1,7 +1,7 @@
 import { Ref } from 'vue';
 import { BentoDatagridData, BentoDatagridDataItemId, BentoDatagridGetDataItemIdFn, BentoDatagridIsDataItemDisabledFn } from '../data-grid.types';
 export declare const useSelector: (selection: Ref<BentoDatagridDataItemId[]>, emit: (event: string, emitedSelectedItems: BentoDatagridDataItemId[]) => void, data: Ref<BentoDatagridData>, getDataItemId: BentoDatagridGetDataItemIdFn, isDataItemDisabled: BentoDatagridIsDataItemDisabledFn) => {
-    onAllRowSelect: () => void;
+    onAllRowSelect: (allItemsSelected: boolean) => void;
     onRowSelect: () => void;
     allItemsSelectedState: {
         allItemsSelected: boolean;

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

@@ -2,7 +2,7 @@ import { Ref } from 'vue';
 import { BentoColumn, BentoDatagridSortByColumn, BentoDatagridSortDirection } from '../data-grid.types';
 export declare const useSorter: (sortBy: Ref<BentoDatagridSortByColumn[]>, columns: Ref<BentoColumn[]>, emit: (event: string, updatedSortBy: BentoDatagridSortByColumn[]) => void) => {
     conditionalSortDirectionClasses: (field: string, direction: BentoDatagridSortDirection) => {
-        'b-data-grid__column-sort-icon--sorted': boolean;
+        'b-data-grid-columns__column-sort-icon--sorted': boolean;
     };
     sortByColumnField: (field: string) => void;
 };

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

@@ -37,3 +37,13 @@ export type BentoDatagridDataItemId = string | number;
 export type BentoDatagridGetDataItemIdFn = (item: BentoDatagridDataItem) => BentoDatagridDataItemId;
 export type BentoDatagridIsDataItemDisabledFn = (item: BentoDatagridDataItem) => boolean;
 export type BentoDatagridPaginationProps = InstanceType<typeof BentoPagination>['$props'];
+export interface BentoColumnWidthOverridesLookup {
+    [field: string]: {
+        width: BentoColumn['width'];
+        minWidth: BentoColumn['minWidth'];
+    };
+}
+export interface BentoDatagridAllItemsSelectedState {
+    allItemsSelected: boolean;
+    isIndeterminate: boolean;
+}