@adyen/bento-vue3 1.44.0 → 1.45.0

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

@@ -1,2 +0,0 @@
-export declare const INPUT_FIELD_COMPONENT_INJECTION_KEY: unique symbol;
-export declare const INPUT_FIELD_HINT_INJECTION_KEY: unique symbol;

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

@@ -1,56 +0,0 @@
-import { BentoDropdown } from "../dropdown";
-import type { HTMLAttributes } from "../../../../../node_modules/.pnpm/@vue+runtime-dom@3.2.47/node_modules/@vue/runtime-dom";
-/**
- * @deprecated for usage with properties since version 2.0. Use the string literal instead.
- */
-export declare enum BentoInputFieldVariant {
-    DEFAULT = "default",
-    PAYMENT_METHOD = "payment-method",
-    STATIC_VALUE = "static-value",
-    DROPDOWN = "dropdown"
-}
-/**
- * @deprecated for usage with properties since version 2.0. Use the string literal instead.
- */
-export declare enum BentoInputFieldElementPosition {
-    START = "start",
-    END = "end"
-}
-export declare enum BentoInputFieldStateClass {
-    CONDENSED = "condensed",
-    DISABLED = "disabled",
-    READONLY = "readonly",
-    ERROR = "error"
-}
-/**
- * @deprecated for usage with properties since version 2.0. Use the string literal instead.
- */
-export declare enum BentoInputFieldType {
-    SEARCH = "search",
-    TEXT = "text",
-    NUMBER = "number"
-}
-export type BentoInputFieldValue = string | number;
-type DropdownProps = InstanceType<typeof BentoDropdown>['$props'];
-export type BentoInputDropdownProps = {
-    items: DropdownProps['items'];
-    value: DropdownProps['value'];
-    dynamicFiltering?: DropdownProps['dynamicFiltering'];
-    'aria-label'?: HTMLAttributes['aria-label'];
-};
-/**
- * @deprecated The use of these enums is no longer supported.
- * Use `v-on:` or `@` to listen to the events being emitted.
- * This enum will be removed in 2.0.
- */
-export declare enum BentoInputFieldEvent {
-    INPUT = "input",
-    ESCAPE_PRESSED = "escape-pressed",
-    UPDATE_DROPDOWN = "update:dropdown",
-    DROPDOWN_INPUT = "dropdown-input",
-    FOCUS = "focus",
-    CHANGE = "change",
-    BLUR = "blur",
-    KEYDOWN = "keydown"
-}
-export {};

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

@@ -1,377 +0,0 @@
-import { PropType } from "../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue";
-import { BentoInputDropdownProps, BentoInputFieldElementPosition, BentoInputFieldType, BentoInputFieldValue, BentoInputFieldVariant } from './input-field.types';
-import { BentoListboxSelectedValue } from "../../types";
-/**
- * Input field component is used to create interactive controls for web-based
- * forms in order to accept data from the user.
- *
- * @example
- * import { BentoInputField } from '@adyen/bento-vue2'
- *
- * const inputValue = ref('');
- *
- * export default {
- *      components: { BentoInputField },
- *      tempate: `
- *          <bento-input-field
- *              :value="inputValue"
- *              :input="newValue => inputValue.value = newValue"
- *          >
- * }
- */
-declare const _default: __VLS_WithTemplateSlots<import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").DefineComponent<import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ExtractPropTypes<{
-    /**
-     * Indicates whether the element is exposed to an accessibility API.
-     */
-    ariaHidden: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * @deprecated from version 2.0.0. Use the aria-label attribute instead.
-     */
-    /**
-     * Text that labels an the input element
-     */
-    ariaLabel: {
-        type: StringConstructor;
-        default: any;
-    };
-    /**
-     * Reduces height of the input
-     */
-    condensed: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Disables the possibility of changing value in the input-field
-     */
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Dropdown props for the small selectable dropdown menu.
-     * Properties supported:
-     *
-     *  - `value`: Selected value of the dropdown
-     *  - `items`: List of available items
-     *  - `aria-label`: Text that labels the dropdown element
-     *
-     */
-    dropdown: {
-        type: PropType<BentoInputDropdownProps>;
-        default: any;
-    };
-    /**
-     * Position of the dropdown before or after input value
-     */
-    dropdownPosition: {
-        type: PropType<BentoInputFieldElementPosition | `${BentoInputFieldElementPosition}`>;
-        default: BentoInputFieldElementPosition;
-        validator: (value: BentoInputFieldElementPosition) => boolean;
-    };
-    /**
-     * Adds error validation class for outlining input-field.
-     *
-     * @deprecated Use "errorMessage" prop instead
-     */
-    error: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Renders input-field with an error state and the error message beneath the input box
-     */
-    errorMessage: {
-        type: StringConstructor;
-        default: any;
-    };
-    /**
-     * Highlights the dropdown is optional.
-     */
-    optional: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Text displayed as the placeholder of the input-field
-     */
-    placeholder: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * Highlights the dropdown is required.
-     */
-    required: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Setting this property to true will set the input field to read only state.
-     */
-    readonly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Static text that displayed before or after input value
-     * Applicable to the Static Value variant
-     */
-    staticValue: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * Position of Static Value before or after input value
-     */
-    staticValuePosition: {
-        type: PropType<BentoInputFieldElementPosition | `${BentoInputFieldElementPosition}`>;
-        default: BentoInputFieldElementPosition;
-        validator: (value: BentoInputFieldElementPosition) => boolean;
-    };
-    /**
-     * Adds a info icon next to the label to display the passed tooltip message.
-     */
-    tooltipText: {
-        type: StringConstructor;
-        default: any;
-    };
-    /**
-     * A string specifying the type of control to render.
-     * All `input` types are available but only `search`, `text` and `number` are fully supported.
-     *
-     * If `type` is `search`, use `bento-search-bar` instead.
-     */
-    type: {
-        type: PropType<BentoInputFieldType | `${BentoInputFieldType}` | HTMLInputElement["type"]>;
-        default: BentoInputFieldType;
-    };
-    /**
-     * Text displayed as the value of the input-field
-     */
-    value: {
-        type: PropType<BentoInputFieldValue>;
-        default: any;
-    };
-    /**
-     * Describes the different variants for the input element
-     */
-    variant: {
-        type: PropType<BentoInputFieldVariant | `${BentoInputFieldVariant}`>;
-        default: BentoInputFieldVariant;
-        validator: (value: BentoInputFieldVariant) => boolean;
-    };
-}>, {
-    focusInput: () => void;
-}, {}, {}, {}, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, {
-    "update:dropdown": (updatedDropdownProps: BentoInputDropdownProps) => void;
-} & {
-    blur: () => void;
-} & {
-    change: () => void;
-} & {
-    "dropdown-input": (selectedValue: BentoListboxSelectedValue) => void;
-} & {
-    "escape-pressed": () => void;
-} & {
-    focus: () => void;
-} & {
-    keydown: (event: KeyboardEvent) => void;
-} & {
-    keyup: (event: KeyboardEvent) => void;
-} & {
-    input: (inputValue: string) => void;
-}, string, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").PublicProps, Readonly<import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ExtractPropTypes<{
-    /**
-     * Indicates whether the element is exposed to an accessibility API.
-     */
-    ariaHidden: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * @deprecated from version 2.0.0. Use the aria-label attribute instead.
-     */
-    /**
-     * Text that labels an the input element
-     */
-    ariaLabel: {
-        type: StringConstructor;
-        default: any;
-    };
-    /**
-     * Reduces height of the input
-     */
-    condensed: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Disables the possibility of changing value in the input-field
-     */
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Dropdown props for the small selectable dropdown menu.
-     * Properties supported:
-     *
-     *  - `value`: Selected value of the dropdown
-     *  - `items`: List of available items
-     *  - `aria-label`: Text that labels the dropdown element
-     *
-     */
-    dropdown: {
-        type: PropType<BentoInputDropdownProps>;
-        default: any;
-    };
-    /**
-     * Position of the dropdown before or after input value
-     */
-    dropdownPosition: {
-        type: PropType<BentoInputFieldElementPosition | `${BentoInputFieldElementPosition}`>;
-        default: BentoInputFieldElementPosition;
-        validator: (value: BentoInputFieldElementPosition) => boolean;
-    };
-    /**
-     * Adds error validation class for outlining input-field.
-     *
-     * @deprecated Use "errorMessage" prop instead
-     */
-    error: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Renders input-field with an error state and the error message beneath the input box
-     */
-    errorMessage: {
-        type: StringConstructor;
-        default: any;
-    };
-    /**
-     * Highlights the dropdown is optional.
-     */
-    optional: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Text displayed as the placeholder of the input-field
-     */
-    placeholder: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * Highlights the dropdown is required.
-     */
-    required: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Setting this property to true will set the input field to read only state.
-     */
-    readonly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Static text that displayed before or after input value
-     * Applicable to the Static Value variant
-     */
-    staticValue: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * Position of Static Value before or after input value
-     */
-    staticValuePosition: {
-        type: PropType<BentoInputFieldElementPosition | `${BentoInputFieldElementPosition}`>;
-        default: BentoInputFieldElementPosition;
-        validator: (value: BentoInputFieldElementPosition) => boolean;
-    };
-    /**
-     * Adds a info icon next to the label to display the passed tooltip message.
-     */
-    tooltipText: {
-        type: StringConstructor;
-        default: any;
-    };
-    /**
-     * A string specifying the type of control to render.
-     * All `input` types are available but only `search`, `text` and `number` are fully supported.
-     *
-     * If `type` is `search`, use `bento-search-bar` instead.
-     */
-    type: {
-        type: PropType<BentoInputFieldType | `${BentoInputFieldType}` | HTMLInputElement["type"]>;
-        default: BentoInputFieldType;
-    };
-    /**
-     * Text displayed as the value of the input-field
-     */
-    value: {
-        type: PropType<BentoInputFieldValue>;
-        default: any;
-    };
-    /**
-     * Describes the different variants for the input element
-     */
-    variant: {
-        type: PropType<BentoInputFieldVariant | `${BentoInputFieldVariant}`>;
-        default: BentoInputFieldVariant;
-        validator: (value: BentoInputFieldVariant) => boolean;
-    };
-}>> & Readonly<{
-    onBlur?: () => any;
-    onChange?: () => any;
-    onFocus?: () => any;
-    onInput?: (inputValue: string) => any;
-    onKeydown?: (event: KeyboardEvent) => any;
-    onKeyup?: (event: KeyboardEvent) => any;
-    "onEscape-pressed"?: () => any;
-    "onUpdate:dropdown"?: (updatedDropdownProps: BentoInputDropdownProps) => any;
-    "onDropdown-input"?: (selectedValue: BentoListboxSelectedValue) => any;
-}>, {
-    error: boolean;
-    type: string;
-    required: boolean;
-    value: BentoInputFieldValue;
-    variant: "default" | "payment-method" | "static-value" | "dropdown" | BentoInputFieldVariant;
-    condensed: boolean;
-    disabled: boolean;
-    optional: boolean;
-    readonly: boolean;
-    tooltipText: string;
-    errorMessage: string;
-    ariaLabel: string;
-    placeholder: string;
-    ariaHidden: boolean;
-    dropdown: BentoInputDropdownProps;
-    dropdownPosition: "start" | "end" | BentoInputFieldElementPosition;
-    staticValue: string;
-    staticValuePosition: "start" | "end" | BentoInputFieldElementPosition;
-}, {}, {}, {}, string, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentProvideOptions, true, {}, any>, {
-    default: (_: {}) => any;
-    iconBefore: (_: {}) => any;
-    defaultIconBefore: (_: {}) => any;
-    paymentMethod: (_: {}) => any;
-    staticValue: (_: {}) => any;
-    iconAfter: (_: {}) => any;
-    description: (_: {
-        id: string;
-    }) => any;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -1,3 +0,0 @@
-export { default as BentoInputFieldPassword } from './input-field-password.vue';
-export * from './utilities/input-field-password.validation';
-export type { BentoInputFieldPasswordValidationListItem, BentoInputFieldPasswordValidation, BentoInputFieldPasswordProps, } from './input-field-password.types';

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

@@ -1,77 +0,0 @@
-import { BentoInputField, BentoInputFieldValue } from "../input-field";
-/**
- * Public
- */
-export interface BentoInputFieldPasswordValidationListItem {
-    label: string;
-    validate: (value: BentoInputFieldValue, ...args: any[]) => boolean;
-    additionalArgs?: any[];
-}
-export interface BentoInputFieldPasswordValidation {
-    title?: string;
-    suggestion?: string;
-    list: BentoInputFieldPasswordValidationListItem[];
-}
-export interface BentoInputFieldPasswordProps {
-    /**
-     * Reduces height of the input
-     */
-    condensed?: BentoInputFieldProps['condensed'];
-    /**
-     * Disables the possibility of changing value in the input-field
-     */
-    disabled?: BentoInputFieldProps['disabled'];
-    /**
-     * Renders input-field with an error state and the error message beneath the input box
-     */
-    errorMessage?: BentoInputFieldProps['errorMessage'];
-    /**
-     * Text displayed as the placeholder of the input-field
-     */
-    placeholder?: BentoInputFieldProps['placeholder'];
-    /**
-     * Setting this property to true will set the input field to read only state.
-     */
-    readonly?: BentoInputFieldProps['readonly'];
-    /**
-     * Text displayed as the value of the input-field
-     */
-    value?: BentoInputFieldProps['value'];
-    /**
-     * Label to be shown with the input field
-     */
-    label?: string;
-    /**
-     * Configuration object for password field validation.
-     *
-     * This object defines the validation criteria and associated messages for a password field.
-     * It includes the following properties:
-     *
-     * - `title`: The title displayed at the top of the validation hint.
-     * - `suggestion`: The message displayed at the bottom of the validation hint, providing additional guidance.
-     * - `list`: An array of callback functions to be executed on the value after each user input, validating the password against the specified rules.
-     *
-     * By default, the validation checks that:
-     *
-     * - The value has a minimum length of 8 characters.
-     * - The value contains at least one lowercase letter.
-     * - The value contains at least one uppercase letter.
-     * - The value contains at least one numeric digit.
-     * - The value contains at least one special character.
-     *
-     *
-     */
-    validation?: BentoInputFieldPasswordValidation;
-    /**
-     * Whether the password validation hint is displayed when the input field is activated via focus or input
-     */
-    withHint?: boolean;
-}
-/**
- * Private
- */
-export declare enum BentoInputFieldPasswordType {
-    TEXT = "text",
-    PASSWORD = "password"
-}
-export type BentoInputFieldProps = InstanceType<typeof BentoInputField>['$props'];

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

@@ -1,90 +0,0 @@
-import { BentoInputFieldPasswordProps, BentoInputFieldProps } from './input-field-password.types';
-/**
- * The input field password is a component designed to support users' preference for entering values securely.
- * This is an extension of the `bento-input-field` component.
- *
- * @example
- * import { BentoInputFieldPassword } from '@adyen/bento-vue2';
- *
- * export default {
- *     components: { BentoInputFieldPassword },
- *     template: `
- *          <bento-input-field-password
- *              label="Label"
- *              error-message="Error"
- *              :validation="{
- *                  title: 'Password must contain at least:',
- *                  suggestion: 'Avoid using currency symbols or accented letters.',
- *                  list: [
- *                      { label: '8 characters', validate: minLength, additionalArgs: [8] },
- *                      { label: '1 lowercase (a-z)', validate: requireLowercase },
- *                      { label: '1 uppercase (A-Z)', validate: requireUppercase },
- *                      { label: '1 numerical (0-9)', validate: requireNumeric },
- *                      { label: '1 special character', validate: requireSpecialCharacter },
- *                      {
- *                          label: 'Always true',
- *                          validate: () => {
- *                              const example = 'Example';
- *
- *                              return () => example.length > 1;
- *                          },
- *                      },
- *                  ],
- *              }"
- *          />
- *     `
- * }
- */
-declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").DefineComponent<import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BentoInputFieldPasswordProps>, {
-    condensed: boolean;
-    disabled: boolean;
-    label: any;
-    errorMessage: any;
-    placeholder: string;
-    readonly: boolean;
-    validation: any;
-    value: any;
-    withHint: boolean;
-}>>, {}, {}, {}, {}, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, {
-    "input:valid": () => void;
-} & {
-    input: (value: import("../input-field").BentoInputFieldValue) => void;
-}, string, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").PublicProps, Readonly<import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BentoInputFieldPasswordProps>, {
-    condensed: boolean;
-    disabled: boolean;
-    label: any;
-    errorMessage: any;
-    placeholder: string;
-    readonly: boolean;
-    validation: any;
-    value: any;
-    withHint: boolean;
-}>>> & Readonly<{
-    onInput?: (value: import("../input-field").BentoInputFieldValue) => any;
-    "onInput:valid"?: () => any;
-}>, {
-    value: BentoInputFieldProps["value"];
-    label: string;
-    condensed: BentoInputFieldProps["condensed"];
-    disabled: BentoInputFieldProps["disabled"];
-    validation: import("./input-field-password.types").BentoInputFieldPasswordValidation;
-    readonly: BentoInputFieldProps["readonly"];
-    errorMessage: BentoInputFieldProps["errorMessage"];
-    placeholder: BentoInputFieldProps["placeholder"];
-    withHint: boolean;
-}, {}, {}, {}, string, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentProvideOptions, true, {}, 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("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/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/input-field-password/utilities/input-field-password.validation.d.ts

@@ -1,37 +0,0 @@
-import { BentoInputFieldValue } from "../../input-field";
-/**
- * Validates if the length of the provided value is greater than or equal to the specified length.
- *
- * @param value - The input value to check.
- * @param length - The minimum required length of the value. Defaults to 8.
- * @returns `true` if the length of the value is greater than or equal to the specified length, `false` otherwise.
- */
-export declare function minLength(value: BentoInputFieldValue, length?: number): boolean;
-/**
- * Validates if the provided value contains at least one lowercase letter.
- *
- * @param value - The input value to check.
- * @returns `true` if the value contains at least one lowercase letter, `false` otherwise.
- */
-export declare function requireLowercase(value: BentoInputFieldValue): boolean;
-/**
- * Validates if the provided value contains at least one uppercase letter.
- *
- * @param value - The input value to check.
- * @returns `true` if the value contains at least one uppercase letter, `false` otherwise.
- */
-export declare function requireUppercase(value: BentoInputFieldValue): boolean;
-/**
- * Validates if the provided value contains at least one numerical digit.
- *
- * @param value - The input value to check.
- * @returns `true` if the value contains at least one numerical digit, `false` otherwise.
- */
-export declare function requireNumeric(value: BentoInputFieldValue): boolean;
-/**
- * Validates if the provided value contains at least one special character (non-alphanumeric).
- *
- * @param value - The input value to check.
- * @returns `true` if the value contains at least one special character, `false` otherwise.
- */
-export declare function requireSpecialCharacter(value: BentoInputFieldValue): boolean;

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

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

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

@@ -1,2 +0,0 @@
-export { default as BentoInspector } from './inspector.vue';
-export type { BentoInspectorSize } from './inspector.types';

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

@@ -1,2 +0,0 @@
-export declare const BentoInspectorSizeOptions: readonly ["small", "large"];
-export type BentoInspectorSize = (typeof BentoInspectorSizeOptions)[number];