@adyen/bento-vue3 1.23.0 → 1.24.0

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

@@ -1,13 +1,13 @@
-import { PropType } from "../../../../vue3/node_modules/vue";
 import { BentoAvatarImageColor, BentoAvatarImageVariant } from './avatar-image.types';
-declare const _default: import("../../../../vue3/node_modules/vue").DefineComponent<{
+declare const _default: import("../../../../vue3/node_modules/vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /**
+     * Avatar color. Defaults to yellow.
+     */
+    color?: BentoAvatarImageColor;
     /**
      * Image src to load the profile picture.
      */
-    src: {
-        type: StringConstructor;
-        default: any;
-    };
+    src?: string;
     /**
      * Name of the user that will be used to extract initials to display default value.
      * John => J
@@ -15,40 +15,26 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
      * John Smith Doe => JD
      * John Smith Doe Holly => JH
      */
-    username: {
-        type: StringConstructor;
-        default: any;
-    };
+    username?: string;
     /**
      * Variants supported for small and large.
      * Default - large
      */
-    variant: {
-        type: PropType<BentoAvatarImageVariant>;
-        default: BentoAvatarImageVariant;
-        validator: (value: BentoAvatarImageVariant) => boolean;
-    };
+    variant?: BentoAvatarImageVariant;
+}>, {
+    color: BentoAvatarImageColor;
+    src: any;
+    username: any;
+    variant: BentoAvatarImageVariant;
+}>, {}, 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<{
     /**
      * Avatar color. Defaults to yellow.
      */
-    color: {
-        type: PropType<BentoAvatarImageColor>;
-        default: BentoAvatarImageColor;
-        validator: (value: BentoAvatarImageColor) => boolean;
-    };
-}, {
-    conditionalClasses: import("../../../../vue3/node_modules/vue").ComputedRef<{
-        [x: string]: boolean | BentoAvatarImageColor;
-    }>;
-    initials: import("../../../../vue3/node_modules/vue").ComputedRef<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<{
+    color?: BentoAvatarImageColor;
     /**
      * Image src to load the profile picture.
      */
-    src: {
-        type: StringConstructor;
-        default: any;
-    };
+    src?: string;
     /**
      * Name of the user that will be used to extract initials to display default value.
      * John => J
@@ -56,31 +42,35 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
      * John Smith Doe => JD
      * John Smith Doe Holly => JH
      */
-    username: {
-        type: StringConstructor;
-        default: any;
-    };
+    username?: string;
     /**
      * Variants supported for small and large.
      * Default - large
      */
-    variant: {
-        type: PropType<BentoAvatarImageVariant>;
-        default: BentoAvatarImageVariant;
-        validator: (value: BentoAvatarImageVariant) => boolean;
-    };
-    /**
-     * Avatar color. Defaults to yellow.
-     */
-    color: {
-        type: PropType<BentoAvatarImageColor>;
-        default: BentoAvatarImageColor;
-        validator: (value: BentoAvatarImageColor) => boolean;
-    };
-}>>, {
+    variant?: BentoAvatarImageVariant;
+}>, {
+    color: BentoAvatarImageColor;
+    src: any;
+    username: any;
+    variant: BentoAvatarImageVariant;
+}>>>, {
     variant: BentoAvatarImageVariant;
     src: string;
     color: BentoAvatarImageColor;
     username: string;
 }>;
 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/card/card.vue.d.ts

@@ -138,41 +138,46 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         stronger: boolean;
         strongest: boolean;
         el: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | import("../typography").BentoTypographyElement;
-        variant: "body" | "caption" | "title" | "subtitle" | import("../typography").BentoTypographyVariant;
-        medium: boolean;
         large: boolean;
+        medium: boolean;
+        variant: "body" | "caption" | "title" | "subtitle" | import("../typography").BentoTypographyVariant;
     }> & Omit<Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
-        el: {
-            type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | import("../typography").BentoTypographyElement>;
-            default: import("../typography").BentoTypographyElement;
-            validator: (value: import("../typography").BentoTypographyElement) => boolean;
+        wide: {
+            type: PropType<boolean>;
+        } & {
+            default: boolean;
         };
         stronger: {
-            type: BooleanConstructor;
+            type: PropType<boolean>;
+        } & {
             default: boolean;
         };
         strongest: {
-            type: BooleanConstructor;
+            type: PropType<boolean>;
+        } & {
             default: boolean;
         };
-        variant: {
-            type: PropType<"body" | "caption" | "title" | "subtitle" | import("../typography").BentoTypographyVariant>;
-            default: import("../typography").BentoTypographyVariant;
-            validator: (value: import("../typography").BentoTypographyVariant) => boolean;
-        };
-        medium: {
-            type: BooleanConstructor;
-            default: boolean;
+        el: {
+            type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | import("../typography").BentoTypographyElement>;
+        } & {
+            default: import("../typography").BentoTypographyElement;
         };
         large: {
-            type: BooleanConstructor;
+            type: PropType<boolean>;
+        } & {
             default: boolean;
         };
-        wide: {
-            type: BooleanConstructor;
+        medium: {
+            type: PropType<boolean>;
+        } & {
             default: boolean;
         };
-    }>> & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, "wide" | "stronger" | "strongest" | "el" | "variant" | "medium" | "large">>;
+        variant: {
+            type: PropType<"body" | "caption" | "title" | "subtitle" | import("../typography").BentoTypographyVariant>;
+        } & {
+            default: import("../typography").BentoTypographyVariant;
+        };
+    }>> & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, "wide" | "stronger" | "strongest" | "el" | "large" | "medium" | "variant">>;
     contentDiv: import("../../../../vue3/node_modules/vue").Ref<HTMLDivElement>;
     contentMaxHeight: import("../../../../vue3/node_modules/vue").ComputedRef<{
         'max-height': string;

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

@@ -25,6 +25,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     searchTerm: import("../../../../../../vue3/node_modules/vue").Ref<string>;
     isColumnVisibilityFilterShown: import("../../../../../../vue3/node_modules/vue").Ref<boolean>;
     searchBarRef: any;
+    searchButtonRef: any;
     DATAGRID_SELECT_FIELD_NAME: string;
     setConfigSettingsPanelVisibility: (isVisible: boolean) => void;
     emitCondensedToggle: (isCondensedView: boolean) => void;

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

@@ -5,7 +5,7 @@ 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 DATAGRID_SELECT_WIDTH = 50;
+export declare const DATAGRID_SELECT_WIDTH = 32;
 export declare const DATAGRID_SELECT_WIDTH_WITH_SELECT_ALL_PAGES_ENABLED = 56;
 /**
  * Calculates the width of the columns using width, minWidth and/or a fluid number.

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

@@ -446,9 +446,9 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
     value: BentoListboxSelectedValue;
     required: boolean;
     label: string;
+    search: BentoDropdownSearchOptions;
     condensed: boolean;
     disabled: boolean;
-    search: BentoDropdownSearchOptions;
     error: boolean;
     multiple: boolean;
     placeholder: string;

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

@@ -104,8 +104,8 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
 }>> & {
     onClick?: (...args: any[]) => any;
 }, {
-    disabled: boolean;
     bold: boolean;
+    disabled: boolean;
     isFilterOpen: boolean;
     hasChevron: boolean;
     amountAppliedValues: string | number;

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

@@ -53,7 +53,11 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
     };
     /**
      * Dropdown props for the small selectable dropdown menu.
-     * @see BentoDropdown
+     * Properties supported:
+     *
+     *  - `value`: Selected value of the dropdown
+     *  - `items`: List of available items
+     *
      */
     dropdown: {
         type: PropType<BentoInputDropdownProps>;
@@ -209,7 +213,11 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
     };
     /**
      * Dropdown props for the small selectable dropdown menu.
-     * @see BentoDropdown
+     * Properties supported:
+     *
+     *  - `value`: Selected value of the dropdown
+     *  - `items`: List of available items
+     *
      */
     dropdown: {
         type: PropType<BentoInputDropdownProps>;

package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-multi-select/components/listbox-multi-select-options/components/listbox-multi-select-category/listbox-multi-select-category.vue.d.ts

@@ -87,41 +87,46 @@ declare const _default: import("../../../../../../../../../../../vue3/node_modul
         stronger: boolean;
         strongest: boolean;
         el: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | import("../../../../../../../../typography").BentoTypographyElement;
-        variant: "body" | "caption" | "title" | "subtitle" | import("../../../../../../../../typography").BentoTypographyVariant;
-        medium: boolean;
         large: boolean;
+        medium: boolean;
+        variant: "body" | "caption" | "title" | "subtitle" | import("../../../../../../../../typography").BentoTypographyVariant;
     }> & Omit<Readonly<import("../../../../../../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
-        el: {
-            type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | import("../../../../../../../../typography").BentoTypographyElement>;
-            default: import("../../../../../../../../typography").BentoTypographyElement;
-            validator: (value: import("../../../../../../../../typography").BentoTypographyElement) => boolean;
+        wide: {
+            type: PropType<boolean>;
+        } & {
+            default: boolean;
         };
         stronger: {
-            type: BooleanConstructor;
+            type: PropType<boolean>;
+        } & {
             default: boolean;
         };
         strongest: {
-            type: BooleanConstructor;
+            type: PropType<boolean>;
+        } & {
             default: boolean;
         };
-        variant: {
-            type: PropType<"body" | "caption" | "title" | "subtitle" | import("../../../../../../../../typography").BentoTypographyVariant>;
-            default: import("../../../../../../../../typography").BentoTypographyVariant;
-            validator: (value: import("../../../../../../../../typography").BentoTypographyVariant) => boolean;
-        };
-        medium: {
-            type: BooleanConstructor;
-            default: boolean;
+        el: {
+            type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | import("../../../../../../../../typography").BentoTypographyElement>;
+        } & {
+            default: import("../../../../../../../../typography").BentoTypographyElement;
         };
         large: {
-            type: BooleanConstructor;
+            type: PropType<boolean>;
+        } & {
             default: boolean;
         };
-        wide: {
-            type: BooleanConstructor;
+        medium: {
+            type: PropType<boolean>;
+        } & {
             default: boolean;
         };
-    }>> & import("../../../../../../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../../../../../../vue3/node_modules/vue").ComponentCustomProps, "wide" | "stronger" | "strongest" | "el" | "variant" | "medium" | "large">>;
+        variant: {
+            type: PropType<"body" | "caption" | "title" | "subtitle" | import("../../../../../../../../typography").BentoTypographyVariant>;
+        } & {
+            default: import("../../../../../../../../typography").BentoTypographyVariant;
+        };
+    }>> & import("../../../../../../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../../../../../../vue3/node_modules/vue").ComponentCustomProps, "wide" | "stronger" | "strongest" | "el" | "large" | "medium" | "variant">>;
     toggleOpen: (event: Event) => void;
     toggleSelectAll: (selectedValue: boolean) => void;
 }, unknown, {}, {}, import("../../../../../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, ListboxMultiSelectCategoryEvent[], ListboxMultiSelectCategoryEvent, 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<{

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

@@ -139,7 +139,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/n
      * Sets the width of the modal
      */
     size: {
-        type: PropType<"small" | "medium" | "large" | BentoModalSize>;
+        type: PropType<"small" | "large" | "medium" | BentoModalSize>;
         default: BentoModalSize;
     };
     /**
@@ -256,7 +256,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/n
      * Sets the width of the modal
      */
     size: {
-        type: PropType<"small" | "medium" | "large" | BentoModalSize>;
+        type: PropType<"small" | "large" | "medium" | BentoModalSize>;
         default: BentoModalSize;
     };
     /**
@@ -270,7 +270,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/n
     "onClose-modal"?: () => any;
     "onUpdate:active-page"?: (page: string) => any;
 }, {
-    size: "small" | "medium" | "large" | BentoModalSize;
+    size: "small" | "large" | "medium" | BentoModalSize;
     activePage: string;
     actions: BentoButtonActionsList;
     destructiveActions: boolean;

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

@@ -139,7 +139,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/n
      * Sets the width of the modal
      */
     size: {
-        type: PropType<"small" | "medium" | "large" | BentoModalSize>;
+        type: PropType<"small" | "large" | "medium" | BentoModalSize>;
         required: true;
     };
     /**
@@ -254,7 +254,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/n
      * Sets the width of the modal
      */
     size: {
-        type: PropType<"small" | "medium" | "large" | BentoModalSize>;
+        type: PropType<"small" | "large" | "medium" | BentoModalSize>;
         required: true;
     };
     /**

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

@@ -135,7 +135,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
      * Sets the width of the modal
      */
     size: {
-        type: PropType<"small" | "medium" | "large" | BentoModalSize>;
+        type: PropType<"small" | "large" | "medium" | BentoModalSize>;
         default: BentoModalSize;
         validator: (value: BentoModalSize) => boolean;
     };
@@ -272,7 +272,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
      * Sets the width of the modal
      */
     size: {
-        type: PropType<"small" | "medium" | "large" | BentoModalSize>;
+        type: PropType<"small" | "large" | "medium" | BentoModalSize>;
         default: BentoModalSize;
         validator: (value: BentoModalSize) => boolean;
     };
@@ -297,7 +297,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
 }, {
     variant: "default" | "dialog" | "BentoModalDefault" | "BentoModalDialog" | BentoModalVariant;
     isOpen: boolean;
-    size: "small" | "medium" | "large" | BentoModalSize;
+    size: "small" | "large" | "medium" | BentoModalSize;
     content: string;
     activePage: string;
     actions: BentoButtonActionsList;

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

@@ -263,12 +263,12 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
 }, {
     position: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | PopperContainerPosition;
     offset: number[];
+    id: string;
     ariaRole: PopperContainerAriaRole;
     arrow: any;
     disabledFocusTrap: boolean;
     fallbackPosition: FallbackPositionProp;
     fixedPositioning: boolean;
-    id: string;
     isHidden: boolean;
     matchWidth: boolean;
     middleware: {

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

@@ -59,7 +59,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
      * Defines the size of the `summary-grid-item` text content
      */
     size: {
-        type: PropType<"small" | "medium" | "large" | BentoSummaryGridItemSize>;
+        type: PropType<"small" | "large" | "medium" | BentoSummaryGridItemSize>;
         default: BentoSummaryGridItemSize;
         validator: (value: BentoSummaryGridItemSize) => boolean;
     };
@@ -152,7 +152,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
      * Defines the size of the `summary-grid-item` text content
      */
     size: {
-        type: PropType<"small" | "medium" | "large" | BentoSummaryGridItemSize>;
+        type: PropType<"small" | "large" | "medium" | BentoSummaryGridItemSize>;
         default: BentoSummaryGridItemSize;
         validator: (value: BentoSummaryGridItemSize) => boolean;
     };
@@ -188,7 +188,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     };
 }>>, {
     copy: string;
-    size: "small" | "medium" | "large" | BentoSummaryGridItemSize;
+    size: "small" | "large" | "medium" | BentoSummaryGridItemSize;
     fitContent: boolean;
     itemType: "text" | "custom" | "numeric" | "amount" | "percentage" | SummaryGridItemType;
     infoIconTooltipText: string;

package/dist/@types/packages/vue2/src/components/summary-grid/components/summary-grid-item-amount/summary-grid-item-amount.vue.d.ts

@@ -105,7 +105,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
      * Defines the size of the `summary-grid-item` text content
      */
     size: {
-        type: PropType<"small" | "medium" | "large" | BentoSummaryGridItemSize>;
+        type: PropType<"small" | "large" | "medium" | BentoSummaryGridItemSize>;
         default: BentoSummaryGridItemSize;
         validator: (value: BentoSummaryGridItemSize) => boolean;
     };
@@ -193,13 +193,13 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
      * Defines the size of the `summary-grid-item` text content
      */
     size: {
-        type: PropType<"small" | "medium" | "large" | BentoSummaryGridItemSize>;
+        type: PropType<"small" | "large" | "medium" | BentoSummaryGridItemSize>;
         default: BentoSummaryGridItemSize;
         validator: (value: BentoSummaryGridItemSize) => boolean;
     };
 }>>, {
     copy: string;
-    size: "small" | "medium" | "large" | BentoSummaryGridItemSize;
+    size: "small" | "large" | "medium" | BentoSummaryGridItemSize;
     fitContent: boolean;
     infoIconTooltipText: string;
     trend: string;

package/dist/@types/packages/vue2/src/components/summary-grid/components/summary-grid-item-numeric/summary-grid-item-numeric.vue.d.ts

@@ -97,7 +97,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
      * Defines the size of the `summary-grid-item` text content
      */
     size: {
-        type: PropType<"small" | "medium" | "large" | BentoSummaryGridItemSize>;
+        type: PropType<"small" | "large" | "medium" | BentoSummaryGridItemSize>;
         default: BentoSummaryGridItemSize;
         validator: (value: BentoSummaryGridItemSize) => boolean;
     };
@@ -178,13 +178,13 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
      * Defines the size of the `summary-grid-item` text content
      */
     size: {
-        type: PropType<"small" | "medium" | "large" | BentoSummaryGridItemSize>;
+        type: PropType<"small" | "large" | "medium" | BentoSummaryGridItemSize>;
         default: BentoSummaryGridItemSize;
         validator: (value: BentoSummaryGridItemSize) => boolean;
     };
 }>>, {
     copy: string;
-    size: "small" | "medium" | "large" | BentoSummaryGridItemSize;
+    size: "small" | "large" | "medium" | BentoSummaryGridItemSize;
     fitContent: boolean;
     infoIconTooltipText: string;
     trend: string;

package/dist/@types/packages/vue2/src/components/summary-grid/components/summary-grid-item-percentage/summary-grid-item-percentage.vue.d.ts

@@ -97,7 +97,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
      * Defines the size of the `summary-grid-item` text content
      */
     size: {
-        type: PropType<"small" | "medium" | "large" | BentoSummaryGridItemSize>;
+        type: PropType<"small" | "large" | "medium" | BentoSummaryGridItemSize>;
         default: BentoSummaryGridItemSize;
         validator: (value: BentoSummaryGridItemSize) => boolean;
     };
@@ -178,13 +178,13 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
      * Defines the size of the `summary-grid-item` text content
      */
     size: {
-        type: PropType<"small" | "medium" | "large" | BentoSummaryGridItemSize>;
+        type: PropType<"small" | "large" | "medium" | BentoSummaryGridItemSize>;
         default: BentoSummaryGridItemSize;
         validator: (value: BentoSummaryGridItemSize) => boolean;
     };
 }>>, {
     copy: string;
-    size: "small" | "medium" | "large" | BentoSummaryGridItemSize;
+    size: "small" | "large" | "medium" | BentoSummaryGridItemSize;
     fitContent: boolean;
     infoIconTooltipText: string;
     trend: string;

package/dist/@types/packages/vue2/src/components/toast/components/toast-item/toast-item.vue.d.ts

@@ -1,47 +1,14 @@
 import { PropType } from "../../../../../../vue3/node_modules/vue";
-import { BentoToastItemAction } from './toast-item.types';
-/**
- * @example
- * Toast item component, for internal use only.
- *
- * import { BentoToastItem } from '@adyen/bento-vue2';
- *
- * export default {
- *     components: { BentoToastItem },
- *     template: `
- *          <bento-toast-item>
- *              This is a toast message
- *              <template #primaryAction>Button text</template>
- *          </bento-toast-item>
- *     `
- * }
- */
+import type { BentoToastItem } from "../../../../composables";
 declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{
-    text: {
-        type: StringConstructor;
+    toast: {
+        type: PropType<BentoToastItem>;
         required: true;
     };
-    action: {
-        type: PropType<BentoToastItemAction>;
-        default: any;
-    };
-}, {
-    dismissButtonClicked: () => void;
-    hasSlot: (name: string) => boolean;
-    onActionClicked: () => void;
-}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, ("click" | "dismiss")[], "click" | "dismiss", 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<{
-    text: {
-        type: StringConstructor;
+}, {}, 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<{
+    toast: {
+        type: PropType<BentoToastItem>;
         required: true;
     };
-    action: {
-        type: PropType<BentoToastItemAction>;
-        default: any;
-    };
-}>> & {
-    onClick?: (...args: any[]) => any;
-    onDismiss?: (...args: any[]) => any;
-}, {
-    action: BentoToastItemAction;
-}>;
+}>>, {}>;
 export default _default;

package/dist/@types/packages/vue2/src/components/toast/components/toast-shadow-stack/toast-shadow-stack.types.d.ts

@@ -0,0 +1,5 @@
+import type { BentoToastItem } from "../../../../composables";
+export interface BentoToastItemWithDimensions extends BentoToastItem {
+    bottom: number;
+    height: number;
+}

package/dist/@types/packages/vue2/src/components/toast/components/toast-shadow-stack/toast-shadow-stack.vue.d.ts

@@ -0,0 +1,7 @@
+import type { BentoToastItemWithDimensions } from './toast-shadow-stack.types';
+declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{}, {}, {}, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {
+    update: (toasts: BentoToastItemWithDimensions[]) => void;
+}, string, import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{}>> & {
+    onUpdate?: (toasts: BentoToastItemWithDimensions[]) => any;
+}, {}>;
+export default _default;

package/dist/@types/packages/vue2/src/components/toast/index.d.ts

@@ -1,2 +1 @@
 export { default as BentoToast } from './toast.vue';
-export { useBentoToastController } from '../../utils/ts/toastController';