@adyen/bento-vue3 0.9.3

package/dist/@types/components/date-picker/date-picker.vue.d.ts

@@ -0,0 +1,150 @@
+import { PropType, Ref } from 'vue';
+import { BentoDatePickerEvent, BentoDatePickerFirstDayOfWeek, BentoDatePickerIsDateDisabled, BentoDatePickerRangeDate, BentoDatePickerValue, BentoDatePickerVariant, DatePickerCalendarPaneRangeFormData } from './date-picker.types';
+import { BentoTypographyElement, BentoTypographyVariant } from '../typography';
+declare const _default: import("vue").DefineComponent<{
+    description: {
+        type: StringConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    firstDayOfWeek: {
+        type: PropType<BentoDatePickerFirstDayOfWeek>;
+        default: BentoDatePickerFirstDayOfWeek;
+        validator: (value: BentoDatePickerFirstDayOfWeek) => boolean;
+    };
+    isDateDisabled: {
+        type: PropType<BentoDatePickerIsDateDisabled>;
+        default: any;
+    };
+    label: {
+        type: StringConstructor;
+        default: any;
+    };
+    optional: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    numberOfMonths: {
+        type: NumberConstructor;
+        default: number;
+        validator: (n: number) => boolean;
+    };
+    value: {
+        type: PropType<BentoDatePickerValue>;
+        default: any;
+    };
+    variant: {
+        type: PropType<BentoDatePickerVariant>;
+        default: BentoDatePickerVariant;
+        validator: (value: BentoDatePickerVariant) => boolean;
+    };
+}, {
+    inputContainerRef: any;
+    dateDisplayValue: import("vue").ComputedRef<string>;
+    datePickerContainerId: string;
+    descriptionConditionalClasses: import("vue").ComputedRef<{
+        'b-date-picker__description--error': boolean;
+    }>;
+    dropdownValue: import("vue").ComputedRef<string>;
+    isDateIncorrect: Ref<boolean>;
+    isDatePickerOpen: Ref<boolean>;
+    labelId: string;
+    popoverAriaLabel: import("vue").ComputedRef<any>;
+    popoverConditionalClasses: import("vue").ComputedRef<{
+        'b-date-picker__container-range': boolean;
+    }>;
+    supportDescriptionText: import("vue").ComputedRef<any>;
+    textInputDisplayValue: Ref<string> | DatePickerCalendarPaneRangeFormData;
+    BentoTypographyElement: typeof BentoTypographyElement;
+    BentoTypographyVariant: typeof BentoTypographyVariant;
+    BentoPopoverPositions: {
+        AUTO: import("../popper-container").PopperContainerPositionExtended.AUTO;
+        AUTO_START: import("../popper-container").PopperContainerPositionExtended.AUTO_START;
+        AUTO_END: import("../popper-container").PopperContainerPositionExtended.AUTO_END;
+        TOP_START: import("../popper-container").PopperContainerPositionExtended.TOP_START;
+        TOP_END: import("../popper-container").PopperContainerPositionExtended.TOP_END;
+        RIGHT_START: import("../popper-container").PopperContainerPositionExtended.RIGHT_START;
+        RIGHT_END: import("../popper-container").PopperContainerPositionExtended.RIGHT_END;
+        BOTTOM_START: import("../popper-container").PopperContainerPositionExtended.BOTTOM_START;
+        BOTTOM_END: import("../popper-container").PopperContainerPositionExtended.BOTTOM_END;
+        LEFT_START: import("../popper-container").PopperContainerPositionExtended.LEFT_START;
+        LEFT_END: import("../popper-container").PopperContainerPositionExtended.LEFT_END;
+        TOP: import("../popper-container").PopperContainerPositionBasic.TOP;
+        RIGHT: import("../popper-container").PopperContainerPositionBasic.RIGHT;
+        BOTTOM: import("../popper-container").PopperContainerPositionBasic.BOTTOM;
+        LEFT: import("../popper-container").PopperContainerPositionBasic.LEFT;
+    };
+    BentoDatePickerVariant: typeof BentoDatePickerVariant;
+    closeDatePicker: () => void;
+    clearDatePickerValue: () => Promise<void>;
+    onDateSelected: (selectedDate: Date) => void;
+    openDatePicker: () => void;
+    onDateInputChange: (stringDate: any) => void;
+    onEnterPressedOverInput: () => void;
+    onDatePickerRangeInput: (selectedRange: BentoDatePickerRangeDate) => void;
+    onDatePickerRangeError: (dateTextInput: any) => void;
+    onDatePickerRangeFormDateInputUpdate: () => void;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoDatePickerEvent[], string, Readonly<import("vue").ExtractPropTypes<{
+    description: {
+        type: StringConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    firstDayOfWeek: {
+        type: PropType<BentoDatePickerFirstDayOfWeek>;
+        default: BentoDatePickerFirstDayOfWeek;
+        validator: (value: BentoDatePickerFirstDayOfWeek) => boolean;
+    };
+    isDateDisabled: {
+        type: PropType<BentoDatePickerIsDateDisabled>;
+        default: any;
+    };
+    label: {
+        type: StringConstructor;
+        default: any;
+    };
+    optional: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    numberOfMonths: {
+        type: NumberConstructor;
+        default: number;
+        validator: (n: number) => boolean;
+    };
+    value: {
+        type: PropType<BentoDatePickerValue>;
+        default: any;
+    };
+    variant: {
+        type: PropType<BentoDatePickerVariant>;
+        default: BentoDatePickerVariant;
+        validator: (value: BentoDatePickerVariant) => boolean;
+    };
+}>>, {
+    value: BentoDatePickerValue;
+    description: string;
+    label: string;
+    variant: BentoDatePickerVariant;
+    required: boolean;
+    disabled: boolean;
+    optional: boolean;
+    firstDayOfWeek: BentoDatePickerFirstDayOfWeek;
+    isDateDisabled: BentoDatePickerIsDateDisabled;
+    numberOfMonths: number;
+}>;
+export default _default;

package/dist/@types/components/date-picker/index.d.ts

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

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

@@ -0,0 +1,6 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    ariaAttributes: import("vue").ComputedRef<{
+        'aria-label': string;
+    }>;
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

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

@@ -0,0 +1 @@
+export { default as BentoDivider } from './divider.vue';

package/dist/@types/components/dropdown/components/dropdown-base-textbox/dropdown-base-textbox.types.d.ts

@@ -0,0 +1,55 @@
+import { PropType } from 'vue';
+import { Booleanish } from '@/types';
+export declare const DropdownBaseTextboxProps: {
+    additionalItemsSelected: {
+        type: NumberConstructor;
+        default: number;
+    };
+    dynamicFiltering: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    ariaControls: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    ariaExpanded: {
+        type: PropType<Booleanish>;
+        required: boolean;
+    };
+    ariaLabelledby: {
+        type: StringConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isInvalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    displayValue: {
+        type: StringConstructor;
+        default: any;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+    debounceTime: {
+        type: NumberConstructor;
+        default: number;
+    };
+};
+export declare enum DropdownBaseTextboxState {
+    DISABLED = "disabled",
+    HAS_ITEMS = "has-items",
+    OPENED = "opened",
+    ERROR = "error"
+}
+export default DropdownBaseTextboxProps;

package/dist/@types/components/dropdown/components/dropdown-base-textbox/dropdown-base-textbox.vue.d.ts

@@ -0,0 +1,159 @@
+import { PropType } from 'vue';
+import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+import { BentoListboxOptionItem, Booleanish } from '@/types';
+import type { HTMLAttributes } from 'vue/types/jsx';
+declare const _default: import("vue").DefineComponent<{
+    additionalItemsSelected: {
+        type: NumberConstructor;
+        default: number;
+    };
+    ariaControls: {
+        type: StringConstructor;
+        required: true;
+    };
+    ariaExpanded: {
+        type: PropType<Booleanish>;
+        required: true;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    ariaLabelledby: {
+        type: StringConstructor;
+        default: any;
+    };
+    debounceTime: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    displayValue: {
+        type: StringConstructor;
+        default: any;
+    };
+    dynamicFiltering: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isInvalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+    selectedValueItem: {
+        type: PropType<BentoListboxOptionItem | BentoListboxOptionItem[]>;
+        default: any;
+    };
+    showSlotContentInMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    BentoTypographyElement: typeof BentoTypographyElement;
+    BentoTypographyVariant: typeof BentoTypographyVariant;
+    conditionalClasses: import("vue").ComputedRef<{
+        [x: string]: boolean;
+    }>;
+    textboxId: string;
+    textbox: any;
+    isFiltering: import("vue").ComputedRef<boolean>;
+    ariaAttributes: import("vue").ComputedRef<HTMLAttributes>;
+    selectedValueItems: import("vue").ComputedRef<BentoListboxOptionItem[]>;
+    onCloseDropdown: () => void;
+    onToggleDropdown: (event: Event) => void;
+    onClearSearch: () => void;
+    onInputEvent: (event: Event) => void;
+    onSpaceBar: (event: Event) => void;
+    hasSlot: (name: string) => boolean;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("input" | "close" | "clear" | "open")[], string, Readonly<import("vue").ExtractPropTypes<{
+    additionalItemsSelected: {
+        type: NumberConstructor;
+        default: number;
+    };
+    ariaControls: {
+        type: StringConstructor;
+        required: true;
+    };
+    ariaExpanded: {
+        type: PropType<Booleanish>;
+        required: true;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    ariaLabelledby: {
+        type: StringConstructor;
+        default: any;
+    };
+    debounceTime: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    displayValue: {
+        type: StringConstructor;
+        default: any;
+    };
+    dynamicFiltering: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isInvalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+    selectedValueItem: {
+        type: PropType<BentoListboxOptionItem | BentoListboxOptionItem[]>;
+        default: any;
+    };
+    showSlotContentInMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    value: string;
+    disabled: boolean;
+    ariaLabel: string;
+    multiple: boolean;
+    open: boolean;
+    additionalItemsSelected: number;
+    ariaLabelledby: string;
+    debounceTime: number;
+    displayValue: string;
+    dynamicFiltering: boolean;
+    isInvalid: boolean;
+    selectedValueItem: BentoListboxOptionItem | BentoListboxOptionItem[];
+    showSlotContentInMultiple: boolean;
+}>;
+export default _default;

package/dist/@types/components/dropdown/components/dropdown-default-textbox/dropdown-default-textbox.vue.d.ts

@@ -0,0 +1,146 @@
+import { PropType } from 'vue';
+import type { BentoListboxOptionItem } from '@/types';
+import { Booleanish } from '@/types';
+declare const _default: import("vue").DefineComponent<{
+    additionalItemsSelected: {
+        type: NumberConstructor;
+        default: number;
+    };
+    ariaControls: {
+        type: StringConstructor;
+        required: true;
+    };
+    ariaExpanded: {
+        type: PropType<Booleanish>;
+        required: true;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    ariaLabelledby: {
+        type: StringConstructor;
+        default: any;
+    };
+    debounceTime: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    displayValue: {
+        type: StringConstructor;
+        default: any;
+    };
+    dynamicFiltering: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isInvalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selectedValueItem: {
+        type: PropType<BentoListboxOptionItem | BentoListboxOptionItem[]>;
+        default: any;
+    };
+    showSlotContentInMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    conditionalClasses: import("vue").ComputedRef<{
+        [x: string]: boolean;
+    }>;
+    isDropdownOpen: import("vue").ComputedRef<boolean>;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("input" | "close" | "clear" | "open")[], string, Readonly<import("vue").ExtractPropTypes<{
+    additionalItemsSelected: {
+        type: NumberConstructor;
+        default: number;
+    };
+    ariaControls: {
+        type: StringConstructor;
+        required: true;
+    };
+    ariaExpanded: {
+        type: PropType<Booleanish>;
+        required: true;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    ariaLabelledby: {
+        type: StringConstructor;
+        default: any;
+    };
+    debounceTime: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    displayValue: {
+        type: StringConstructor;
+        default: any;
+    };
+    dynamicFiltering: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isInvalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selectedValueItem: {
+        type: PropType<BentoListboxOptionItem | BentoListboxOptionItem[]>;
+        default: any;
+    };
+    showSlotContentInMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    value: string;
+    disabled: boolean;
+    ariaLabel: string;
+    multiple: boolean;
+    open: boolean;
+    additionalItemsSelected: number;
+    ariaLabelledby: string;
+    debounceTime: number;
+    displayValue: string;
+    dynamicFiltering: boolean;
+    isInvalid: boolean;
+    selectedValueItem: BentoListboxOptionItem | BentoListboxOptionItem[];
+    showSlotContentInMultiple: boolean;
+}>;
+export default _default;

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

@@ -0,0 +1,129 @@
+import { PropType } from 'vue';
+import { BentoListboxIsOptionDisabled, BentoListboxOptions, BentoListboxSelectedValue } from '@/types';
+import { BentoDropdownSize } from '../../dropdown.types';
+declare const _default: import("vue").DefineComponent<{
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+    isOptionDisabled: {
+        type: PropType<BentoListboxIsOptionDisabled>;
+        default: any;
+    };
+    inputSize: {
+        type: PropType<BentoDropdownSize>;
+        default: BentoDropdownSize;
+        validator: (value: BentoDropdownSize) => boolean;
+    };
+    items: {
+        type: PropType<BentoListboxOptions>;
+        required: true;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    open: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    selectedValue: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
+    searching: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    targetElement: {
+        type: PropType<import("@/types").VueNodeElement>;
+        required: true;
+    };
+}, {
+    isDropdownOpen: import("vue").ComputedRef<boolean>;
+    conditionalListboxClasses: import("vue").ComputedRef<{
+        'b-dropdown-options-container--small': boolean;
+    }>;
+    noResultsMessage: import("vue").ComputedRef<string>;
+    PopperContainerPosition: {
+        AUTO: import("@/components/popper-container").PopperContainerPositionExtended.AUTO;
+        AUTO_START: import("@/components/popper-container").PopperContainerPositionExtended.AUTO_START;
+        AUTO_END: import("@/components/popper-container").PopperContainerPositionExtended.AUTO_END;
+        TOP_START: import("@/components/popper-container").PopperContainerPositionExtended.TOP_START;
+        TOP_END: import("@/components/popper-container").PopperContainerPositionExtended.TOP_END;
+        RIGHT_START: import("@/components/popper-container").PopperContainerPositionExtended.RIGHT_START;
+        RIGHT_END: import("@/components/popper-container").PopperContainerPositionExtended.RIGHT_END;
+        BOTTOM_START: import("@/components/popper-container").PopperContainerPositionExtended.BOTTOM_START;
+        BOTTOM_END: import("@/components/popper-container").PopperContainerPositionExtended.BOTTOM_END;
+        LEFT_START: import("@/components/popper-container").PopperContainerPositionExtended.LEFT_START;
+        LEFT_END: import("@/components/popper-container").PopperContainerPositionExtended.LEFT_END;
+        TOP: import("@/components/popper-container").PopperContainerPositionBasic.TOP;
+        RIGHT: import("@/components/popper-container").PopperContainerPositionBasic.RIGHT;
+        BOTTOM: import("@/components/popper-container").PopperContainerPositionBasic.BOTTOM;
+        LEFT: import("@/components/popper-container").PopperContainerPositionBasic.LEFT;
+    };
+    onOptionSelected: (selectedValue: BentoListboxSelectedValue) => void;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "select"[], string, Readonly<import("vue").ExtractPropTypes<{
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+    isOptionDisabled: {
+        type: PropType<BentoListboxIsOptionDisabled>;
+        default: any;
+    };
+    inputSize: {
+        type: PropType<BentoDropdownSize>;
+        default: BentoDropdownSize;
+        validator: (value: BentoDropdownSize) => boolean;
+    };
+    items: {
+        type: PropType<BentoListboxOptions>;
+        required: true;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    open: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    selectedValue: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
+    searching: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    targetElement: {
+        type: PropType<import("@/types").VueNodeElement>;
+        required: true;
+    };
+}>>, {
+    disabled: boolean;
+    ariaLabel: string;
+    isOptionDisabled: BentoListboxIsOptionDisabled;
+    searching: boolean;
+    multiple: boolean;
+    selectedValue: BentoListboxSelectedValue;
+    inputSize: BentoDropdownSize;
+}>;
+export default _default;

package/dist/@types/components/dropdown/components/dropdown-options-container/index.d.ts

@@ -0,0 +1 @@
+export { default as BentoDropdownOptionsContainer } from './dropdown-options-container.vue';