@adyen/bento-vue3 1.26.0 → 1.28.0

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

@@ -18,7 +18,11 @@ import {
     BentoCodeSnippet,
     BentoCountry,
     BentoCurrency,
+    BentoDashboardSection,
+    BentoDashboardTemplate,
+    BentoDashedUnderline,
     BentoDataGrid,
+    BentoDataGridStaticIcon,
     BentoDataGridTemplate,
     BentoDate,
     BentoDatePicker,
@@ -105,7 +109,11 @@ declare module 'vue' {
         BentoCountry: typeof BentoCountry;
         BentoCodeSnippet: typeof BentoCodeSnippet;
         BentoCurrency: typeof BentoCurrency;
+        BentoDashboardSection: typeof BentoDashboardSection;
+        BentoDashboardTemplate: typeof BentoDashboardTemplate;
+        BentoDashedUnderline: typeof BentoDashedUnderline;
         BentoDataGrid: typeof BentoDataGrid;
+        BentoDataGridStaticIcon: typeof BentoDataGridStaticIcon;
         BentoDataGridTemplate: typeof BentoDataGridTemplate;
         BentoDate: typeof BentoDate;
         BentoDatePicker: typeof BentoDatePicker;

package/dist/@types/packages/core/src/utils/ts/storybook.d.ts

@@ -0,0 +1,12 @@
+export declare const storybookDocsParameter: (codeSource: string, language?: string) => {
+    docs: {
+        source: {
+            code: string;
+            language: string;
+        };
+    };
+};
+export declare const getPokemonFromApi: (pokemonName?: string) => Promise<{
+    label: any;
+    value: any;
+}[]>;

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

@@ -7,6 +7,7 @@ export interface BentoButtonActionObject extends BentoButtonProps {
     iconLeft?: VueNodeElement;
     iconRight?: VueNodeElement;
     state?: BentoLoadingButtonState | `${BentoLoadingButtonState}`;
+    iconOnly?: boolean;
 }
 export type BentoButtonActionsList = Array<BentoButtonActionObject>;
 export declare enum BentoButtonActionsLayoutBasic {

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

@@ -1,7 +1,7 @@
 import { PropType } from "../../../../../../vue3/node_modules/vue";
 import { BentoButtonActionsLayout, BentoButtonActionsList } from './button-actions.types';
 /**
- * ButtonActions component component manages a set of actions a user can choose from by displaying a group of buttons.
+ * ButtonActions component manages a set of actions a user can choose from by displaying a group of buttons.
  *
  * @example
  * import { BentoButtonActions } from '@adyen/bento-vue2';

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

@@ -13,7 +13,8 @@ export declare enum BentoCodeSnippetSupportedLanguage {
     JSON = "json",
     XML = "xml",
     JAVA = "java",
-    JAVASCRIPT = "javascript"
+    JAVASCRIPT = "javascript",
+    PYTHON = "python"
 }
 export declare enum BentoCodeSnippetEvent {
     ACTION = "action",

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

@@ -28,7 +28,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
      * Language name for syntax highlighting rules
      */
     lang: {
-        type: PropType<"json" | "xml" | "java" | "javascript" | BentoCodeSnippetSupportedLanguage>;
+        type: PropType<"json" | "xml" | "java" | "javascript" | "python" | BentoCodeSnippetSupportedLanguage>;
         default: BentoCodeSnippetSupportedLanguage;
         validator: (value: BentoCodeSnippetSupportedLanguage) => boolean;
     };
@@ -117,7 +117,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
      * Language name for syntax highlighting rules
      */
     lang: {
-        type: PropType<"json" | "xml" | "java" | "javascript" | BentoCodeSnippetSupportedLanguage>;
+        type: PropType<"json" | "xml" | "java" | "javascript" | "python" | BentoCodeSnippetSupportedLanguage>;
         default: BentoCodeSnippetSupportedLanguage;
         validator: (value: BentoCodeSnippetSupportedLanguage) => boolean;
     };
@@ -181,7 +181,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     content: string;
     loading: boolean;
     expandable: boolean;
-    lang: "json" | "xml" | "java" | "javascript" | BentoCodeSnippetSupportedLanguage;
+    lang: "json" | "xml" | "java" | "javascript" | "python" | BentoCodeSnippetSupportedLanguage;
     langLabel: string;
     editable: boolean;
     actionable: boolean;

package/dist/@types/packages/vue2/src/components/code-snippet/utils/get-lang-loader.d.ts

@@ -3,6 +3,7 @@ import { json } from '@codemirror/lang-json';
 import { xml } from '@codemirror/lang-xml';
 import { javascript } from '@codemirror/lang-javascript';
 import { java } from '@codemirror/lang-java';
+import { python } from '@codemirror/lang-python';
 /**
  * Returns a language loder for `CodeMirror`.
  * Supported languages: json, xml, javascript & java
@@ -10,4 +11,4 @@ import { java } from '@codemirror/lang-java';
  * @param language Language to be used
  * @returns Language configuration loader to be used in codemirror
  */
-export declare const getLangLoader: (language: BentoCodeSnippetSupportedLanguage | `${BentoCodeSnippetSupportedLanguage}`) => () => Promise<typeof json | typeof xml | typeof javascript | typeof java>;
+export declare const getLangLoader: (language: BentoCodeSnippetSupportedLanguage | `${BentoCodeSnippetSupportedLanguage}`) => () => Promise<typeof json | typeof xml | typeof javascript | typeof java | typeof python>;

package/dist/@types/packages/vue2/src/components/dashed-underline/dashed-underline.vue.d.ts

@@ -0,0 +1,91 @@
+import { type BentoPopoverPositions } from "../popover";
+import { type BentoTooltipPosition } from "../../directives/tooltip/index";
+/**
+ * The dashed underline serves as a visual cue to indicate that additional information is available for
+ * a specific word or phrase without adding an icon.
+ *
+ * @example
+ * import { BentoDashedUnderline } from '@adyen/bento-vue2';
+ *
+ * export default {
+ *     components: { BentoDashedUnderline },
+ *     template: `
+ *          <bento-dashed-underline>
+ *              annotated text
+ *          </bento-dashed-underline>
+ *     `
+ * }
+ */
+declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_modules/vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /**
+     * Text showed in the popover on hover
+     */
+    popoverText?: string;
+    /**
+     * Position the popover should take if space is available
+     */
+    popoverPosition?: BentoPopoverPositions | `${BentoPopoverPositions}`;
+    /**
+     * Attaches a `BentoTooltip` if present. Text showed in the tooltip on hover.
+     */
+    tooltipText?: string;
+    /**
+     * Position the tooltip should take if space is available.
+     */
+    tooltipPosition?: BentoTooltipPosition | `${BentoTooltipPosition}`;
+}>, {
+    popoverText: any;
+    popoverPosition: string;
+    tooltipText: any;
+    tooltipPosition: string;
+}>, {}, 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<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /**
+     * Text showed in the popover on hover
+     */
+    popoverText?: string;
+    /**
+     * Position the popover should take if space is available
+     */
+    popoverPosition?: BentoPopoverPositions | `${BentoPopoverPositions}`;
+    /**
+     * Attaches a `BentoTooltip` if present. Text showed in the tooltip on hover.
+     */
+    tooltipText?: string;
+    /**
+     * Position the tooltip should take if space is available.
+     */
+    tooltipPosition?: BentoTooltipPosition | `${BentoTooltipPosition}`;
+}>, {
+    popoverText: any;
+    popoverPosition: string;
+    tooltipText: any;
+    tooltipPosition: string;
+}>>>, {
+    tooltipPosition: BentoTooltipPosition | `${BentoTooltipPosition}`;
+    tooltipText: string;
+    popoverText: string;
+    popoverPosition: BentoPopoverPositions | `${BentoPopoverPositions}`;
+}>, {
+    default: (_: {}) => any;
+    'popover-content': (_: {}) => any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import("../../../../vue3/node_modules/vue").PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import("../../../../vue3/node_modules/vue").PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/@types/packages/vue2/src/components/dashed-underline/index.d.ts

@@ -0,0 +1 @@
+export { default as BentoDashedUnderline } from './dashed-underline.vue';

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

@@ -0,0 +1,2 @@
+export { default as BentoDataGridStaticIcon } from './data-grid-static-icon.vue';
+export * from './data-grid-static-icon.types';

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

@@ -0,0 +1 @@
+export type BentoDataGridStaticIconVariant = 'checkmark' | 'warning' | 'error' | 'no-value' | 'cross';

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

@@ -0,0 +1,65 @@
+import { BentoDataGridStaticIconVariant } from './data-grid-static-icon.types';
+/**
+ * The bento-data-grid-static-icon is an icon component with an associated toltip to be used within cellls of the bento-data-grid
+ *
+ * @example
+ * import { BentoDataGridStaticIcon } from '@adyen/bento-vue2';
+ *
+ * export default {
+ *     components: { BentoDataGridStaticIcon },
+ *     template: `
+ *          <bento-data-grid-static-icon variant="warning" text="Your tooltip text" />
+ *     `
+ * }
+ */
+declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /**
+     * Renderes the icon with color.
+     */
+    colored?: boolean;
+    /**
+     * The text displaying in the tooltip.
+     */
+    tooltipText: string;
+    /**
+     * The variant of the icon.
+     */
+    variant?: BentoDataGridStaticIconVariant;
+}>, {
+    variant: string;
+    colored: boolean;
+}>, {}, 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<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /**
+     * Renderes the icon with color.
+     */
+    colored?: boolean;
+    /**
+     * The text displaying in the tooltip.
+     */
+    tooltipText: string;
+    /**
+     * The variant of the icon.
+     */
+    variant?: BentoDataGridStaticIconVariant;
+}>, {
+    variant: string;
+    colored: boolean;
+}>>>, {
+    variant: BentoDataGridStaticIconVariant;
+    colored: boolean;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import("../../../../../../vue3/node_modules/vue").PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import("../../../../../../vue3/node_modules/vue").PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};

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

@@ -3,3 +3,4 @@ export { default as BentoDataGridConfigSettings } from './data-grid-config-setti
 export { default as DataGridLazyLoad } from './data-grid-lazy-load/data-grid-lazy-load.vue';
 export { default as DataGridCell } from './data-grid-cell/data-grid-cell.vue';
 export { default as DataGridCellActions } from './data-grid-cell-actions/data-grid-cell-actions.vue';
+export { default as BentoDataGridStaticIcon } from './data-grid-static-icon/data-grid-static-icon.vue';

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

@@ -75,6 +75,7 @@ export declare const useCalculateColumnWidth: (newColumns: Ref<BentoColumn[]>, n
             inverse?: boolean;
             iconLeft?: object | Element | (object | Element)[];
             iconRight?: object | Element | (object | Element)[];
+            iconOnly?: boolean;
             title?: string;
             event?: import("../../components/data-grid-cell-actions/data-grid-cell-actions.types").BentoColumnCellActionEvent;
             isShort?: true;

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

@@ -29,6 +29,7 @@ export declare const useColumnHovering: (columnSets: Ref<DatagridConfigSettingsC
             inverse?: boolean;
             iconLeft?: object | Element | (object | Element)[];
             iconRight?: object | Element | (object | Element)[];
+            iconOnly?: boolean;
             title?: string;
             event?: import("../../components/data-grid-cell-actions/data-grid-cell-actions.types").BentoColumnCellActionEvent;
             isShort?: true;

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

@@ -37,6 +37,7 @@ export declare const useColumnReorderer: (columnsRef: MaybeRef<BentoColumn[]>, h
                 inverse?: boolean;
                 iconLeft?: object | Element | (object | Element)[];
                 iconRight?: object | Element | (object | Element)[];
+                iconOnly?: boolean;
                 title?: string;
                 event?: import("../../components/data-grid-cell-actions/data-grid-cell-actions.types").BentoColumnCellActionEvent;
                 isShort?: true;
@@ -96,6 +97,7 @@ export declare const useColumnReorderer: (columnsRef: MaybeRef<BentoColumn[]>, h
                 inverse?: boolean;
                 iconLeft?: object | Element | (object | Element)[];
                 iconRight?: object | Element | (object | Element)[];
+                iconOnly?: boolean;
                 title?: string;
                 event?: import("../../components/data-grid-cell-actions/data-grid-cell-actions.types").BentoColumnCellActionEvent;
                 isShort?: true;

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

@@ -43,6 +43,7 @@ export declare const useConfigSettings: (columnsRef: MaybeRef<BentoColumn[]>, em
             inverse?: boolean;
             iconLeft?: object | Element | (object | Element)[];
             iconRight?: object | Element | (object | Element)[];
+            iconOnly?: boolean;
             title?: string;
             event?: import("../../components/data-grid-cell-actions/data-grid-cell-actions.types").BentoColumnCellActionEvent;
             isShort?: true;

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

@@ -46,6 +46,7 @@ export declare const useResizer: (columns: Ref<BentoColumn[]>, emit: (event: Dat
             inverse?: boolean;
             iconLeft?: object | Element | (object | Element)[];
             iconRight?: object | Element | (object | Element)[];
+            iconOnly?: boolean;
             title?: string;
             event?: import("../components/data-grid-cell-actions/data-grid-cell-actions.types").BentoColumnCellActionEvent;
             isShort?: true;

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

@@ -30,7 +30,8 @@ export declare enum BentoDatagridStyleState {
     SCROLL = "scroll",
     STICKY_FILTERS = "sticky-filters",
     OVERFLOW_SHADOW_LEFT = "overflow-shadow-left",
-    OVERFLOW_SHADOW_RIGHT = "overflow-shadow-right"
+    OVERFLOW_SHADOW_RIGHT = "overflow-shadow-right",
+    NO_SPACING_TOP = "no-spacing-top"
 }
 export declare enum BentoDatagridSortDirection {
     ASCENDING = "asc",

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

@@ -304,6 +304,13 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
         type: PropType<BentoDatagridDataItemId[]>;
         default: () => any[];
     };
+    /**
+     * Renders the data grid with no top spacing, to render inside containers that already have spacing
+     */
+    noSpacingTop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Sortby handles proper rendering of sort icon in header. Sorting currently is only supported server side.
      * It does make sure the currently sorted column has a more visible sort icon, and the sort icon points in the right direction.
@@ -607,6 +614,13 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
         type: PropType<BentoDatagridDataItemId[]>;
         default: () => any[];
     };
+    /**
+     * Renders the data grid with no top spacing, to render inside containers that already have spacing
+     */
+    noSpacingTop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Sortby handles proper rendering of sort icon in header. Sorting currently is only supported server side.
      * It does make sure the currently sorted column has a more visible sort icon, and the sort icon points in the right direction.
@@ -675,6 +689,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
     selectable: boolean;
     selection: BentoDatagridDataItemId[];
     highlightedRows: BentoDatagridDataItemId[];
+    noSpacingTop: boolean;
     tabTitle: string;
 }>, Record<NonNullable<string | number>, (_: any) => any> & Record<NonNullable<string | number>, (_: any) => any> & {
     header: (_: {}) => any;

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

@@ -1,2 +1,3 @@
 export { default as BentoDataGrid } from './data-grid.vue';
+export { BentoDataGridStaticIcon } from './components';
 export * from './data-grid.types';

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

@@ -1,6 +1,6 @@
 import { PropType } from "../../../../../../vue3/node_modules/vue";
 import { BentoListboxOptions } from "../../../../types";
-import { BentoDropdownEmptyStateProps, BentoDropdownLazyLoadType, BentoDropdownSize, BentoDropdownVirtulisationOptions } from '../../dropdown.types';
+import { BentoDropdownEmptyStateProps, BentoDropdownLazyLoadType, BentoDropdownVirtulisationOptions } from '../../dropdown.types';
 /**
  * Dropdown options container.
  * It lists all the available options.
@@ -59,14 +59,6 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/n
         type: StringConstructor;
         required: true;
     };
-    /**
-     * Dropdown input size
-     */
-    inputSize: {
-        type: PropType<"DropdownInputDefault" | "DropdownInputSmall" | BentoDropdownSize>;
-        default: BentoDropdownSize;
-        validator: (value: BentoDropdownSize) => boolean;
-    };
     /**
      * Function that allows the options to be disabled
      *
@@ -213,14 +205,6 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/n
         type: StringConstructor;
         required: true;
     };
-    /**
-     * Dropdown input size
-     */
-    inputSize: {
-        type: PropType<"DropdownInputDefault" | "DropdownInputSmall" | BentoDropdownSize>;
-        default: BentoDropdownSize;
-        validator: (value: BentoDropdownSize) => boolean;
-    };
     /**
      * Function that allows the options to be disabled
      *
@@ -336,7 +320,6 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/n
     loading: boolean;
     emptyState: BentoDropdownEmptyStateProps;
     virtualScroll: BentoDropdownVirtulisationOptions;
-    inputSize: "DropdownInputDefault" | "DropdownInputSmall" | BentoDropdownSize;
 }>, Record<NonNullable<string | number>, (_: any) => any>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -75,6 +75,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                     iconLeft?: object | Element | (object | Element)[];
                     iconRight?: object | Element | (object | Element)[];
                     state?: "start" | "success" | import("../../../button").BentoLoadingButtonState | "loading" | "fail";
+                    iconOnly?: boolean;
                     condensed?: boolean;
                     critical?: boolean;
                     disabled?: boolean;
@@ -185,6 +186,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                     iconLeft?: object | Element | (object | Element)[];
                     iconRight?: object | Element | (object | Element)[];
                     state?: "start" | "success" | import("../../../button").BentoLoadingButtonState | "loading" | "fail";
+                    iconOnly?: boolean;
                     condensed?: boolean;
                     critical?: boolean;
                     disabled?: boolean;
@@ -287,6 +289,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                     iconLeft?: object | Element | (object | Element)[];
                     iconRight?: object | Element | (object | Element)[];
                     state?: "start" | "success" | import("../../../button").BentoLoadingButtonState | "loading" | "fail";
+                    iconOnly?: boolean;
                     condensed?: boolean;
                     critical?: boolean;
                     disabled?: boolean;
@@ -390,6 +393,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                     iconLeft?: object | Element | (object | Element)[];
                     iconRight?: object | Element | (object | Element)[];
                     state?: "start" | "success" | import("../../../button").BentoLoadingButtonState | "loading" | "fail";
+                    iconOnly?: boolean;
                     condensed?: boolean;
                     critical?: boolean;
                     disabled?: boolean;
@@ -492,6 +496,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                     iconLeft?: object | Element | (object | Element)[];
                     iconRight?: object | Element | (object | Element)[];
                     state?: "start" | "success" | import("../../../button").BentoLoadingButtonState | "loading" | "fail";
+                    iconOnly?: boolean;
                     condensed?: boolean;
                     critical?: boolean;
                     disabled?: boolean;
@@ -594,6 +599,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                     iconLeft?: object | Element | (object | Element)[];
                     iconRight?: object | Element | (object | Element)[];
                     state?: "start" | "success" | import("../../../button").BentoLoadingButtonState | "loading" | "fail";
+                    iconOnly?: boolean;
                     condensed?: boolean;
                     critical?: boolean;
                     disabled?: boolean;
@@ -1512,6 +1518,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                         iconLeft?: object | Element | (object | Element)[];
                         iconRight?: object | Element | (object | Element)[];
                         state?: "start" | "success" | import("../../../button").BentoLoadingButtonState | "loading" | "fail";
+                        iconOnly?: boolean;
                         condensed?: boolean;
                         critical?: boolean;
                         disabled?: boolean;
@@ -1622,6 +1629,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                         iconLeft?: object | Element | (object | Element)[];
                         iconRight?: object | Element | (object | Element)[];
                         state?: "start" | "success" | import("../../../button").BentoLoadingButtonState | "loading" | "fail";
+                        iconOnly?: boolean;
                         condensed?: boolean;
                         critical?: boolean;
                         disabled?: boolean;
@@ -1724,6 +1732,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                         iconLeft?: object | Element | (object | Element)[];
                         iconRight?: object | Element | (object | Element)[];
                         state?: "start" | "success" | import("../../../button").BentoLoadingButtonState | "loading" | "fail";
+                        iconOnly?: boolean;
                         condensed?: boolean;
                         critical?: boolean;
                         disabled?: boolean;
@@ -1827,6 +1836,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                         iconLeft?: object | Element | (object | Element)[];
                         iconRight?: object | Element | (object | Element)[];
                         state?: "start" | "success" | import("../../../button").BentoLoadingButtonState | "loading" | "fail";
+                        iconOnly?: boolean;
                         condensed?: boolean;
                         critical?: boolean;
                         disabled?: boolean;
@@ -1929,6 +1939,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                         iconLeft?: object | Element | (object | Element)[];
                         iconRight?: object | Element | (object | Element)[];
                         state?: "start" | "success" | import("../../../button").BentoLoadingButtonState | "loading" | "fail";
+                        iconOnly?: boolean;
                         condensed?: boolean;
                         critical?: boolean;
                         disabled?: boolean;
@@ -2031,6 +2042,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                         iconLeft?: object | Element | (object | Element)[];
                         iconRight?: object | Element | (object | Element)[];
                         state?: "start" | "success" | import("../../../button").BentoLoadingButtonState | "loading" | "fail";
+                        iconOnly?: boolean;
                         condensed?: boolean;
                         critical?: boolean;
                         disabled?: boolean;

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

@@ -1,23 +1,23 @@
-import { BentoAvatarImageColor, BentoAvatarImageVariant } from "../../avatar-image";
 /**
  * Displays an user profile including an avatar and optionally a label.
  *
  * @example
- * import { BentoUserProfile } from '@adyen/bento-vue2';
+ * import { BentoAvatar } from '@adyen/bento-vue2';
  *
  * export default {
- *     components: { BentoUserProfile },
- *     template: `
- *          <bento-user-profile :src="userAvatarSrc" username="Jane" />
+ *     components: { BentoAvatar },
+ *     template: `<bento-avatar :src="userAvatarSrc" username="Jane" />`
+ * }
  */
-declare const _default: import("../../../../../vue3/node_modules/vue").DefineComponent<{
+declare const _default: import("../../../../../vue3/node_modules/vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
      * Displays the user profile without the label.
      */
-    iconOnly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    iconOnly?: boolean;
+    /**
+     * Image src to load the profile picture.
+     */
+    src?: string;
     /**
      * Name of the user that will be used both in the label and to extract initials to display default value.
      * John => J
@@ -25,30 +25,19 @@ declare const _default: import("../../../../../vue3/node_modules/vue").DefineCom
      * John Smith Doe => JD
      * John Smith Doe Holly => JH
      */
-    username: {
-        type: StringConstructor;
-        required: true;
-    };
+    username: string;
+}>, {
+    iconOnly: boolean;
+    src: 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<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
-     * Image src to load the profile picture.
+     * Displays the user profile without the label.
      */
-    src: {
-        type: StringConstructor;
-        default: any;
-    };
-}, {
-    BentoAvatarImageVariant: typeof BentoAvatarImageVariant;
-    computedAriaLabel: import("../../../../../vue3/node_modules/vue").ComputedRef<string>;
-    computedUsername: import("../../../../../vue3/node_modules/vue").ComputedRef<string>;
-    avatarColor: import("../../../../../vue3/node_modules/vue").ComputedRef<BentoAvatarImageColor>;
-}, 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<{
+    iconOnly?: boolean;
     /**
-     * Displays the user profile without the label.
+     * Image src to load the profile picture.
      */
-    iconOnly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    src?: string;
     /**
      * Name of the user that will be used both in the label and to extract initials to display default value.
      * John => J
@@ -56,19 +45,26 @@ declare const _default: import("../../../../../vue3/node_modules/vue").DefineCom
      * John Smith Doe => JD
      * John Smith Doe Holly => JH
      */
-    username: {
-        type: StringConstructor;
-        required: true;
-    };
-    /**
-     * Image src to load the profile picture.
-     */
-    src: {
-        type: StringConstructor;
-        default: any;
-    };
-}>>, {
+    username: string;
+}>, {
+    iconOnly: boolean;
+    src: any;
+}>>>, {
     src: string;
     iconOnly: boolean;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import("../../../../../vue3/node_modules/vue").PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import("../../../../../vue3/node_modules/vue").PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};