@adyen/bento-vue3 1.27.0 → 1.28.1

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

@@ -20,7 +20,9 @@ import {
     BentoCurrency,
     BentoDashboardSection,
     BentoDashboardTemplate,
+    BentoDashedUnderline,
     BentoDataGrid,
+    BentoDataGridStaticIcon,
     BentoDataGridTemplate,
     BentoDate,
     BentoDatePicker,
@@ -109,7 +111,9 @@ declare module 'vue' {
         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/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/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/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];
+};

package/dist/@types/packages/vue2/src/components/internal/radio-input/index.d.ts

@@ -1,3 +1,3 @@
 export { default as RadioInput } from './radio-input.vue';
-export type { RadioInputValue } from './radio-input.types';
-export { RadioInputStateClass } from './radio-input.types';
+export type { RadioInputValue } from "../../../../../core/src/components/radio-input/radio-input.types";
+export { RadioInputStateClass } from "../../../../../core/src/components/radio-input/radio-input.types";

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

@@ -1,5 +1,5 @@
 import { PropType } from "../../../../../vue3/node_modules/vue";
-import { RadioInputValue } from './radio-input.types';
+import { RadioInputValue } from "../../../../../core/src/components/radio-input/radio-input.types";
 /**
  * Internal component that renders a radio input (without label)
  *

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

@@ -1,122 +1,82 @@
-import { ComputedRef } from "../../../../../../vue3/node_modules/vue";
 /**
  * Internal component to be used within the BentoSegmentedControl component only
  */
-declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{
+declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
-     * The string the button will showcase
+     * Disable the radio button (optional)
      */
-    label: {
-        type: StringConstructor;
-        required: true;
-    };
+    disabled?: boolean;
     /**
-     * Indicates the value of the input that will be returned when it's selected
+     * Renders the button with a 100% width
      */
-    value: {
-        type: (StringConstructor | NumberConstructor)[];
-        required: true;
-    };
+    fullWidth?: boolean;
+    /**
+     * The string the button will showcase
+     */
+    label: string;
     /**
      * This property should not be used directly.
      * It will be used by v-model directive on the segmented control component
      */
-    modelValue: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: any;
-    };
+    modelValue?: string | number;
     /**
-     * Disable the radio button (optional)
+     * Renders the button with a truncated text if the space is not enough to render the whole content
      */
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    truncate?: boolean;
     /**
-     * Renders the button with a 100% width
+     * Indicates the value of the input that will be returned when it's selected
      */
-    fullWidth: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    value: string | number;
     /**
-     * Renders the button with a truncated text if the space is not enough to render the whole content
+     * Renders the button with centered text in case the text has to wrap multiple lines
      */
-    truncate: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    wrap?: boolean;
+}>, {
+    disabled: boolean;
+    fullWidth: boolean;
+    modelValue: any;
+    truncate: boolean;
+    wrap: boolean;
+}>, {}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {
+    "update:model-value": (value: string | number) => 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<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
-     * Renders the button with centered text in case the text has to wrap multiple lines
+     * Disable the radio button (optional)
      */
-    wrap: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, {
-    segmentedControlButtonLabel: import("../../../../../../vue3/node_modules/vue").Ref<any>;
-    segmentedControlButtonId: string;
-    isChecked: ComputedRef<boolean>;
-    conditionalClasses: ComputedRef<{
-        'b-segmented-control-button--hug-content': boolean;
-        'b-segmented-control-button--full-width': boolean;
-        'b-segmented-control-button--truncate': boolean;
-        'b-segmented-control-button--wrap': boolean;
-    }>;
-    onClick: () => void;
-}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, "update:model-value"[], "update:model-value", 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<{
+    disabled?: boolean;
     /**
-     * The string the button will showcase
+     * Renders the button with a 100% width
      */
-    label: {
-        type: StringConstructor;
-        required: true;
-    };
+    fullWidth?: boolean;
     /**
-     * Indicates the value of the input that will be returned when it's selected
+     * The string the button will showcase
      */
-    value: {
-        type: (StringConstructor | NumberConstructor)[];
-        required: true;
-    };
+    label: string;
     /**
      * This property should not be used directly.
      * It will be used by v-model directive on the segmented control component
      */
-    modelValue: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: any;
-    };
-    /**
-     * Disable the radio button (optional)
-     */
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    modelValue?: string | number;
     /**
-     * Renders the button with a 100% width
+     * Renders the button with a truncated text if the space is not enough to render the whole content
      */
-    fullWidth: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    truncate?: boolean;
     /**
-     * Renders the button with a truncated text if the space is not enough to render the whole content
+     * Indicates the value of the input that will be returned when it's selected
      */
-    truncate: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    value: string | number;
     /**
      * Renders the button with centered text in case the text has to wrap multiple lines
      */
-    wrap: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & {
-    "onUpdate:model-value"?: (...args: any[]) => any;
+    wrap?: boolean;
+}>, {
+    disabled: boolean;
+    fullWidth: boolean;
+    modelValue: any;
+    truncate: boolean;
+    wrap: boolean;
+}>>> & {
+    "onUpdate:model-value"?: (value: string | number) => any;
 }, {
     disabled: boolean;
     truncate: boolean;
@@ -125,3 +85,17 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     fullWidth: 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/segmented-control/segmented-control.types.d.ts

@@ -3,6 +3,9 @@ export interface BentoSegmentedControlItem {
     value: string | number;
     disabled?: boolean;
 }
+/**
+ * @deprecated from version 2.0.0. Use "@update:model-value" or "v-model" instead
+ */
 export declare enum BentoSegmentedControlEvent {
     UPDATE = "update:model-value"
 }