@adyen/bento-vue2 0.8.0 → 0.8.2

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

@@ -0,0 +1,78 @@
+import { PropType } from 'vue';
+import { BentoTypographyElement } from '@/components/typography';
+import { DatePickerCalendarPaneValue } from '../date-picker-calendar-pane/date-picker-calendar-pane.types';
+import { DatePickerCalendarRangeEvent } from './date-picker-calendar-range.types';
+declare const _default: import("vue").DefineComponent<{
+    firstDayOfWeek: {
+        type: PropType<import("../date-picker-calendar").DatePickerCalendarFirstDayOfWeek>;
+        default: import("../date-picker-calendar").DatePickerCalendarFirstDayOfWeek;
+        validator: (value: import("../date-picker-calendar").DatePickerCalendarFirstDayOfWeek) => boolean;
+    };
+    isDateDisabled: {
+        type: PropType<import("../date-picker-calendar").DatePickerCalendarIsDateDisabled>;
+        default: any;
+    };
+    numberOfMonths: {
+        type: NumberConstructor;
+        default: number;
+        validator: (n: number) => boolean;
+    };
+    dateFormData: {
+        type: ObjectConstructor;
+        default: () => {
+            startDate: any;
+            endDate: any;
+        };
+    };
+    value: {
+        type: PropType<DatePickerCalendarPaneValue>;
+        default: any;
+    };
+}, {
+    dateTextInput: {
+        startDate: any;
+        endDate: any;
+    };
+    endDateError: import("vue").Ref<boolean>;
+    startDateError: import("vue").Ref<boolean>;
+    BentoTypographyElement: typeof BentoTypographyElement;
+    hasSlot: (name: string) => boolean;
+    onDateInput: (selectedDate: Date) => void;
+    onStartDateSelected: (newStartDate: Date) => void;
+    onEndDateSelected: (newEndDate: Date) => void;
+    onStartDateInput: (startDateText: string) => void;
+    onEndDateInput: (endDateText: string) => void;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, DatePickerCalendarRangeEvent[], string, Readonly<import("vue").ExtractPropTypes<{
+    firstDayOfWeek: {
+        type: PropType<import("../date-picker-calendar").DatePickerCalendarFirstDayOfWeek>;
+        default: import("../date-picker-calendar").DatePickerCalendarFirstDayOfWeek;
+        validator: (value: import("../date-picker-calendar").DatePickerCalendarFirstDayOfWeek) => boolean;
+    };
+    isDateDisabled: {
+        type: PropType<import("../date-picker-calendar").DatePickerCalendarIsDateDisabled>;
+        default: any;
+    };
+    numberOfMonths: {
+        type: NumberConstructor;
+        default: number;
+        validator: (n: number) => boolean;
+    };
+    dateFormData: {
+        type: ObjectConstructor;
+        default: () => {
+            startDate: any;
+            endDate: any;
+        };
+    };
+    value: {
+        type: PropType<DatePickerCalendarPaneValue>;
+        default: any;
+    };
+}>>, {
+    value: DatePickerCalendarPaneValue;
+    firstDayOfWeek: import("../date-picker-calendar").DatePickerCalendarFirstDayOfWeek;
+    isDateDisabled: import("../date-picker-calendar").DatePickerCalendarIsDateDisabled;
+    numberOfMonths: number;
+    dateFormData: Record<string, any>;
+}>;
+export default _default;

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

@@ -0,0 +1 @@
+export { default as DatePickerCalendarRange } from './date-picker-calendar-range.vue';

package/dist/@types/components/date-picker/composables/use-date-picker-range-calendar-text.d.ts

@@ -0,0 +1,2 @@
+import { BentoDatePickerRangeDate, UseDateDisplayText } from '../date-picker.types';
+export declare const useDatePickerRangeCalendarText: UseDateDisplayText<BentoDatePickerRangeDate>;

package/dist/@types/components/date-picker/composables/use-date-picker-single-calendar-text.d.ts

@@ -0,0 +1,2 @@
+import { UseDateDisplayText } from '../date-picker.types';
+export declare const useDatePickerSingleCalendarText: UseDateDisplayText<Date>;

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

@@ -1,16 +1,24 @@
+import { ComputedRef, Ref } from 'vue';
 export { DatePickerCalendarFirstDayOfWeek as BentoDatePickerFirstDayOfWeek } from './components/date-picker-calendar';
+export type { DatePickerCalendarIsDateDisabled as BentoDatePickerIsDateDisabled } from './components/date-picker-calendar';
+export type { DatePickerCalendarPaneValue as BentoDatePickerValue, DatePickerCalendarPaneRangeDate as BentoDatePickerRangeDate, } from './components/date-picker-calendar-pane/date-picker-calendar-pane.types';
+export interface DatePickerCalendarPaneRangeFormData {
+    startDate: string;
+    endDate: string;
+}
+export interface UseDateDisplayTextProps<T> {
+    datePickerValue: Ref<T>;
+    isDateIncorrect: Ref<boolean>;
+}
+export type UseDateDisplayText<T> = (props: UseDateDisplayTextProps<T>) => {
+    dateDisplayValue: ComputedRef<string>;
+    textInputDisplayValue: Ref<string> | DatePickerCalendarPaneRangeFormData;
+    formatTextInputDisplayValue: () => void;
+};
 export declare enum BentoDatePickerEvent {
     INPUT = "input"
 }
-export declare enum BentoDatePickerDateFormat {
-    DAY_OF_MONTH = "d",
-    NUMERIC_DAY = "dd",
-    SHORT_WEEKDAY = "EEE",
-    NUMERIC_MONTH = "MM",
-    SHORT_MONTH = "MMM",
-    LONG_MONTH = "MMMM",
-    LONG_MONTH_YEAR = "MMMM yyyy",
-    FULL_YEAR = "yyyy",
-    FULL_DATE = "d MMM, yyyy",
-    NUMERIC_DATE = "yyyy-MM-dd"
+export declare enum BentoDatePickerVariant {
+    SINGLE_CALENDAR = "single-calendar",
+    RANGE_CALENDAR = "range-calendar"
 }

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

@@ -1,5 +1,5 @@
-import { PropType } from 'vue';
-import { BentoDatePickerEvent, BentoDatePickerFirstDayOfWeek } from './date-picker.types';
+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: {
@@ -16,7 +16,7 @@ declare const _default: import("vue").DefineComponent<{
         validator: (value: BentoDatePickerFirstDayOfWeek) => boolean;
     };
     isDateDisabled: {
-        type: FunctionConstructor;
+        type: PropType<BentoDatePickerIsDateDisabled>;
         default: any;
     };
     label: {
@@ -31,31 +31,66 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    numberOfMonths: {
+        type: NumberConstructor;
+        default: number;
+        validator: (n: number) => boolean;
+    };
     value: {
-        type: DateConstructor;
+        type: PropType<BentoDatePickerValue>;
         default: any;
     };
+    variant: {
+        type: PropType<BentoDatePickerVariant>;
+        default: BentoDatePickerVariant;
+        validator: (value: BentoDatePickerVariant) => boolean;
+    };
 }, {
     inputContainerRef: any;
-    dateDisplayValue: import("vue").ComputedRef<any>;
-    isDateIncorrect: import("vue").Ref<boolean>;
-    isDatePickerOpen: import("vue").Ref<boolean>;
+    dateDisplayValue: import("vue").ComputedRef<string>;
     datePickerContainerId: string;
-    labelId: string;
-    supportDescriptionText: import("vue").ComputedRef<import("vue-i18n").default.TranslateResult>;
     descriptionConditionalClasses: import("vue").ComputedRef<{
         'b-date-picker__description--error': boolean;
     }>;
-    textInputDisplayValue: any;
-    visibleMonth: import("vue").ComputedRef<Date>;
+    dropdownValue: import("vue").ComputedRef<string>;
+    isDateIncorrect: Ref<boolean>;
+    isDatePickerOpen: Ref<boolean>;
+    labelId: string;
+    popoverAriaLabel: import("vue").ComputedRef<import("vue-i18n").default.TranslateResult>;
+    popoverConditionalClasses: import("vue").ComputedRef<{
+        'b-date-picker__container-range': boolean;
+    }>;
+    supportDescriptionText: import("vue").ComputedRef<import("vue-i18n").default.TranslateResult>;
+    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;
@@ -71,7 +106,7 @@ declare const _default: import("vue").DefineComponent<{
         validator: (value: BentoDatePickerFirstDayOfWeek) => boolean;
     };
     isDateDisabled: {
-        type: FunctionConstructor;
+        type: PropType<BentoDatePickerIsDateDisabled>;
         default: any;
     };
     label: {
@@ -86,18 +121,30 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    numberOfMonths: {
+        type: NumberConstructor;
+        default: number;
+        validator: (n: number) => boolean;
+    };
     value: {
-        type: DateConstructor;
+        type: PropType<BentoDatePickerValue>;
         default: any;
     };
+    variant: {
+        type: PropType<BentoDatePickerVariant>;
+        default: BentoDatePickerVariant;
+        validator: (value: BentoDatePickerVariant) => boolean;
+    };
 }>>, {
     required: boolean;
     optional: boolean;
-    value: Date;
+    value: BentoDatePickerValue;
     label: string;
     disabled: boolean;
     description: string;
+    variant: BentoDatePickerVariant;
     firstDayOfWeek: BentoDatePickerFirstDayOfWeek;
-    isDateDisabled: Function;
+    isDateDisabled: BentoDatePickerIsDateDisabled;
+    numberOfMonths: number;
 }>;
 export default _default;

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

@@ -147,9 +147,9 @@ declare const _default: import("vue").DefineComponent<{
     ariaLabel: string;
     disabled: boolean;
     multiple: boolean;
-    debounceTime: number;
     additionalItemsSelected: number;
     ariaLabelledby: string;
+    debounceTime: number;
     displayValue: string;
     dynamicFiltering: boolean;
     isInvalid: boolean;

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

@@ -134,9 +134,9 @@ declare const _default: import("vue").DefineComponent<{
     ariaLabel: string;
     disabled: boolean;
     multiple: boolean;
-    debounceTime: number;
     additionalItemsSelected: number;
     ariaLabelledby: string;
+    debounceTime: number;
     displayValue: string;
     dynamicFiltering: boolean;
     isInvalid: boolean;

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

@@ -1,5 +1,6 @@
 import { PropType } from 'vue';
 import { BentoListboxIsOptionDisabled, BentoListboxOptions, BentoListboxSelectedValue } from '@/types';
+import { BentoDropdownSize } from '../../dropdown.types';
 declare const _default: import("vue").DefineComponent<{
     ariaLabel: {
         type: StringConstructor;
@@ -17,6 +18,11 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoListboxIsOptionDisabled>;
         default: any;
     };
+    inputSize: {
+        type: PropType<BentoDropdownSize>;
+        default: BentoDropdownSize;
+        validator: (value: BentoDropdownSize) => boolean;
+    };
     items: {
         type: PropType<BentoListboxOptions>;
         required: true;
@@ -43,6 +49,9 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     isDropdownOpen: import("vue").ComputedRef<boolean>;
+    conditionalListboxClasses: import("vue").ComputedRef<{
+        'b-dropdown-options-container--small': boolean;
+    }>;
     PopperContainerPosition: {
         AUTO: import("@/components/popper-container").PopperContainerPositionExtended.AUTO;
         AUTO_START: import("@/components/popper-container").PopperContainerPositionExtended.AUTO_START;
@@ -61,7 +70,7 @@ declare const _default: import("vue").DefineComponent<{
         LEFT: import("@/components/popper-container").PopperContainerPositionBasic.LEFT;
     };
     onOptionSelected: (selectedValue: BentoListboxSelectedValue) => void;
-}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, "select"[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, 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;
@@ -78,6 +87,11 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoListboxIsOptionDisabled>;
         default: any;
     };
+    inputSize: {
+        type: PropType<BentoDropdownSize>;
+        default: BentoDropdownSize;
+        validator: (value: BentoDropdownSize) => boolean;
+    };
     items: {
         type: PropType<BentoListboxOptions>;
         required: true;
@@ -109,5 +123,6 @@ declare const _default: import("vue").DefineComponent<{
     isOptionDisabled: BentoListboxIsOptionDisabled;
     searching: boolean;
     selectedValue: BentoListboxSelectedValue;
+    inputSize: BentoDropdownSize;
 }>;
 export default _default;

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

@@ -54,7 +54,7 @@ declare const _default: import("vue").DefineComponent<{
         [x: string]: boolean;
     }>;
     isDropdownOpen: import("vue").ComputedRef<boolean>;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     additionalItemsSelected: {
         type: NumberConstructor;
         default: number;
@@ -108,9 +108,9 @@ declare const _default: import("vue").DefineComponent<{
     value: string;
     ariaLabel: string;
     disabled: boolean;
-    debounceTime: number;
     additionalItemsSelected: number;
     ariaLabelledby: string;
+    debounceTime: number;
     displayValue: string;
     dynamicFiltering: boolean;
     isInvalid: boolean;

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

@@ -1,2 +1,3 @@
 export { default as DropdownInputDefault } from './dropdown-default-textbox/dropdown-default-textbox.vue';
+export { default as DropdownInputSmall } from './dropdown-small-textbox/dropdown-small-textbox.vue';
 export { DropdownBaseTextboxState } from './dropdown-base-textbox/dropdown-base-textbox.types';

package/dist/@types/components/dropdown/components/variants/dropdown-avatar/dropdown-avatar.vue.d.ts

@@ -14,6 +14,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
     dynamicFiltering: {
         type: BooleanConstructor;
         default: boolean;
@@ -50,6 +54,11 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    size: {
+        type: PropType<import("../../../dropdown.types").BentoDropdownSize>;
+        default: import("../../../dropdown.types").BentoDropdownSize;
+        validator: (value: import("../../../dropdown.types").BentoDropdownSize) => boolean;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -74,6 +83,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
     dynamicFiltering: {
         type: BooleanConstructor;
         default: boolean;
@@ -110,6 +123,11 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    size: {
+        type: PropType<import("../../../dropdown.types").BentoDropdownSize>;
+        default: import("../../../dropdown.types").BentoDropdownSize;
+        validator: (value: import("../../../dropdown.types").BentoDropdownSize) => boolean;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -123,7 +141,9 @@ declare const _default: import("vue").DefineComponent<{
     ariaLabel: string;
     disabled: boolean;
     multiple: boolean;
+    size: import("../../../dropdown.types").BentoDropdownSize;
     description: string;
+    placeholder: string;
     items: BentoAvatarListboxOptions;
     isOptionDisabled: import("@/types").BentoListboxIsOptionDisabled;
     dynamicFiltering: boolean;

package/dist/@types/components/dropdown/components/variants/dropdown-country/dropdown-country.vue.d.ts

@@ -20,6 +20,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
     dynamicFiltering: {
         type: BooleanConstructor;
         default: boolean;
@@ -56,6 +60,11 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    size: {
+        type: PropType<import("../../../dropdown.types").BentoDropdownSize>;
+        default: import("../../../dropdown.types").BentoDropdownSize;
+        validator: (value: import("../../../dropdown.types").BentoDropdownSize) => boolean;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -82,6 +91,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
     dynamicFiltering: {
         type: BooleanConstructor;
         default: boolean;
@@ -118,6 +131,11 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    size: {
+        type: PropType<import("../../../dropdown.types").BentoDropdownSize>;
+        default: import("../../../dropdown.types").BentoDropdownSize;
+        validator: (value: import("../../../dropdown.types").BentoDropdownSize) => boolean;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -131,7 +149,9 @@ declare const _default: import("vue").DefineComponent<{
     ariaLabel: string;
     disabled: boolean;
     multiple: boolean;
+    size: import("../../../dropdown.types").BentoDropdownSize;
     description: string;
+    placeholder: string;
     variant: BentoCountryVariant;
     items: BentoCountryListboxOptions;
     isOptionDisabled: import("@/types").BentoListboxIsOptionDisabled;

package/dist/@types/components/dropdown/components/variants/dropdown-currency/dropdown-currency.vue.d.ts

@@ -14,6 +14,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
     dynamicFiltering: {
         type: BooleanConstructor;
         default: boolean;
@@ -50,6 +54,11 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    size: {
+        type: PropType<import("../../../dropdown.types").BentoDropdownSize>;
+        default: import("../../../dropdown.types").BentoDropdownSize;
+        validator: (value: import("../../../dropdown.types").BentoDropdownSize) => boolean;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -69,6 +78,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
     dynamicFiltering: {
         type: BooleanConstructor;
         default: boolean;
@@ -105,6 +118,11 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    size: {
+        type: PropType<import("../../../dropdown.types").BentoDropdownSize>;
+        default: import("../../../dropdown.types").BentoDropdownSize;
+        validator: (value: import("../../../dropdown.types").BentoDropdownSize) => boolean;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -118,7 +136,9 @@ declare const _default: import("vue").DefineComponent<{
     ariaLabel: string;
     disabled: boolean;
     multiple: boolean;
+    size: import("../../../dropdown.types").BentoDropdownSize;
     description: string;
+    placeholder: string;
     items: BentoCurrencyListboxOptions;
     isOptionDisabled: import("@/types").BentoListboxIsOptionDisabled;
     dynamicFiltering: boolean;

package/dist/@types/components/dropdown/components/variants/dropdown-payment-method/dropdown-payment-method.vue.d.ts

@@ -14,6 +14,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
     dynamicFiltering: {
         type: BooleanConstructor;
         default: boolean;
@@ -50,6 +54,11 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    size: {
+        type: PropType<import("../../../dropdown.types").BentoDropdownSize>;
+        default: import("../../../dropdown.types").BentoDropdownSize;
+        validator: (value: import("../../../dropdown.types").BentoDropdownSize) => boolean;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -69,6 +78,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
     dynamicFiltering: {
         type: BooleanConstructor;
         default: boolean;
@@ -105,6 +118,11 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    size: {
+        type: PropType<import("../../../dropdown.types").BentoDropdownSize>;
+        default: import("../../../dropdown.types").BentoDropdownSize;
+        validator: (value: import("../../../dropdown.types").BentoDropdownSize) => boolean;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -118,7 +136,9 @@ declare const _default: import("vue").DefineComponent<{
     ariaLabel: string;
     disabled: boolean;
     multiple: boolean;
+    size: import("../../../dropdown.types").BentoDropdownSize;
     description: string;
+    placeholder: string;
     items: BentoPaymentMethodListboxOptions;
     isOptionDisabled: import("@/types").BentoListboxIsOptionDisabled;
     dynamicFiltering: boolean;

package/dist/@types/components/dropdown/components/variants/dropdown-tag/dropdown-tag.vue.d.ts

@@ -14,6 +14,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
     dynamicFiltering: {
         type: BooleanConstructor;
         default: boolean;
@@ -50,6 +54,11 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    size: {
+        type: PropType<import("../../../dropdown.types").BentoDropdownSize>;
+        default: import("../../../dropdown.types").BentoDropdownSize;
+        validator: (value: import("../../../dropdown.types").BentoDropdownSize) => boolean;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -74,6 +83,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
     dynamicFiltering: {
         type: BooleanConstructor;
         default: boolean;
@@ -110,6 +123,11 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    size: {
+        type: PropType<import("../../../dropdown.types").BentoDropdownSize>;
+        default: import("../../../dropdown.types").BentoDropdownSize;
+        validator: (value: import("../../../dropdown.types").BentoDropdownSize) => boolean;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -123,7 +141,9 @@ declare const _default: import("vue").DefineComponent<{
     ariaLabel: string;
     disabled: boolean;
     multiple: boolean;
+    size: import("../../../dropdown.types").BentoDropdownSize;
     description: string;
+    placeholder: string;
     items: BentoTagListboxOptions;
     isOptionDisabled: import("../../../../../types").BentoListboxIsOptionDisabled;
     dynamicFiltering: boolean;

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

@@ -0,0 +1,4 @@
+export declare enum BentoDropdownSize {
+    DEFAULT = "DropdownInputDefault",
+    SMALL = "DropdownInputSmall"
+}