@adyen/bento-vue2 1.5.0 → 1.6.0

package/dist/@types/packages/vue2/src/components/internal/fixed-scroller/index.d.ts

@@ -0,0 +1 @@
+export { default as FixedScroller } from './fixed-scroller.vue';

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

@@ -3,5 +3,6 @@ export * from './calendar';
 export * from './copy';
 export * from './controls-group';
 export * from './error-message';
+export * from './fixed-scroller';
 export * from './grid-layout';
 export * from './listbox';

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

@@ -117,8 +117,8 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
 }>>, {
-    multiple: boolean;
     loading: boolean;
+    multiple: boolean;
     isOptionDisabled: (optionValue: import("../../../types").BentoListboxOptionItem) => boolean;
     selectedValue: BentoListboxSelectedValue;
     ariaLabel: string;

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { VueNodeElement } from "../../../../types";
 import { BentoBaseButtonEvent } from "../../../internal/base-button";
 declare const _default: import("vue").DefineComponent<{
     text: {
@@ -19,7 +18,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     icon: {
-        type: PropType<VueNodeElement>;
+        type: PropType<import("../../../..").VueNodeElement>;
         default: any;
     };
     disabled: {
@@ -62,7 +61,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     icon: {
-        type: PropType<VueNodeElement>;
+        type: PropType<import("../../../..").VueNodeElement>;
         default: any;
     };
     disabled: {
@@ -82,9 +81,9 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }>>, {
-    icon: any;
-    disabled: boolean;
     critical: boolean;
+    disabled: boolean;
+    icon: any;
     secondaryText: string;
     chevron: boolean;
     indent: boolean;

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

@@ -8,7 +8,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     menuPosition: {
-        type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition>;
+        type: PropType<"auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition>;
         default: import("../popper-container").PopperContainerPositionExtended;
         validator: (value: BentoPopoverPositions) => boolean;
     };
@@ -43,7 +43,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     menuPosition: {
-        type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition>;
+        type: PropType<"auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition>;
         default: import("../popper-container").PopperContainerPositionExtended;
         validator: (value: BentoPopoverPositions) => boolean;
     };
@@ -61,7 +61,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     button: BentoMenuButtonProps;
-    menuPosition: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition;
+    menuPosition: "auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition;
     menuFixedPositioning: boolean;
     menuWidth: number;
 }>;

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

@@ -52,9 +52,9 @@ declare const _default: import("vue").DefineComponent<{
     computedAriaLabel: import("vue").ComputedRef<string>;
     openModal: () => void;
     closeModalOnClickOutside: ({ target }: Event) => void;
-    closeModalAfterAnimation: (event: AnimationEvent) => void;
-    startCloseModalAnimation: (event?: Event) => void;
-    onCloseButtonClick: () => void;
+    closeModalAfterAnimation: () => void;
+    startCloseModalAnimation: () => void;
+    internalModalActionClose: (event?: Event) => void;
     hasSlot: (name: string) => boolean;
     emitCloseEvent: () => void;
     t: import("vue-i18n-bridge").ComposerTranslation<import("../../../../utils/ts/i18n").i18nMessages, string, import("@intlify/core-base").RemoveIndexSignature<{

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

@@ -19,6 +19,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    initiallyOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     actions: {
         type: PropType<BentoButtonActionsList>;
         default: any;
@@ -99,6 +103,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    initiallyOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     actions: {
         type: PropType<BentoButtonActionsList>;
         default: any;
@@ -151,6 +159,7 @@ declare const _default: import("vue").DefineComponent<{
     columnsSize: "smaller" | "equal" | "bigger" | BentoModalColumnLayoutVariant;
     customPadding: string;
     hideCloseButton: boolean;
+    initiallyOpen: boolean;
     isDismissible: boolean;
     overflowVisible: boolean;
     withColumnLayout: boolean;

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

@@ -54,7 +54,7 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     position: {
-        type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition>;
+        type: PropType<"auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition>;
         default: import("../popper-container").PopperContainerPositionExtended;
         validator: (value: BentoPopoverPositions) => boolean;
     };
@@ -143,7 +143,7 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     position: {
-        type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition>;
+        type: PropType<"auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition>;
         default: import("../popper-container").PopperContainerPositionExtended;
         validator: (value: BentoPopoverPositions) => boolean;
     };
@@ -167,11 +167,11 @@ declare const _default: import("vue").DefineComponent<{
     small: boolean;
     title: string;
     large: boolean;
-    position: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition;
-    open: boolean;
     modifiers: unknown[];
     fallbackPosition: Placement[];
     fixedPositioning: boolean;
+    position: "auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition;
+    open: boolean;
     ariaLabel: string;
     actions: BentoButtonActionsList;
     actionsLayout: "space-between" | BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start";

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

@@ -60,7 +60,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         validator: (value: number[]) => boolean;
     };
     position: {
-        type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | PopperContainerPosition>;
+        type: PropType<"auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | PopperContainerPosition>;
         default: import("./popper-container.types").PopperContainerPositionExtended;
         validator: (value: unknown) => boolean;
     };
@@ -128,7 +128,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         validator: (value: number[]) => boolean;
     };
     position: {
-        type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | PopperContainerPosition>;
+        type: PropType<"auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | PopperContainerPosition>;
         default: import("./popper-container.types").PopperContainerPositionExtended;
         validator: (value: unknown) => boolean;
     };
@@ -137,8 +137,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         required: true;
     };
 }>>, {
-    position: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | PopperContainerPosition;
-    offset: number[];
     ariaRole: PopperContainerAriaRole;
     arrow: any;
     disabledFocusTrap: boolean;
@@ -162,6 +160,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             elements: import("@floating-ui/dom").Elements;
         }) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
     }[];
+    offset: number[];
+    position: "auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | PopperContainerPosition;
 }>, {
     default: (_: {}) => any;
 }>;

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

@@ -54,7 +54,7 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     variant: {
-        type: PropType<"horizontal" | "vertical" | BentoRadioGroupVariant>;
+        type: PropType<"vertical" | "horizontal" | BentoRadioGroupVariant>;
         default: BentoRadioGroupVariant;
         validator: (value: BentoRadioGroupVariant) => boolean;
     };
@@ -122,13 +122,13 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     variant: {
-        type: PropType<"horizontal" | "vertical" | BentoRadioGroupVariant>;
+        type: PropType<"vertical" | "horizontal" | BentoRadioGroupVariant>;
         default: BentoRadioGroupVariant;
         validator: (value: BentoRadioGroupVariant) => boolean;
     };
 }>>, {
     description: string;
-    variant: "horizontal" | "vertical" | BentoRadioGroupVariant;
+    variant: "vertical" | "horizontal" | BentoRadioGroupVariant;
     required: boolean;
     disabled: boolean;
     tooltipText: string;

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

@@ -2,7 +2,7 @@ import { PropType } from 'vue';
 import { BentoStatusVariant } from './status.types';
 declare const _default: import("vue").DefineComponent<{
     variant: {
-        type: PropType<"blue" | "green" | "grey" | "orange" | "red" | "yellow" | BentoStatusVariant>;
+        type: PropType<"blue" | "green" | "red" | "yellow" | "grey" | "orange" | BentoStatusVariant>;
         required: true;
         validator: (type: BentoStatusVariant) => boolean;
     };
@@ -12,7 +12,7 @@ declare const _default: import("vue").DefineComponent<{
     }>;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     variant: {
-        type: PropType<"blue" | "green" | "grey" | "orange" | "red" | "yellow" | BentoStatusVariant>;
+        type: PropType<"blue" | "green" | "red" | "yellow" | "grey" | "orange" | BentoStatusVariant>;
         required: true;
         validator: (type: BentoStatusVariant) => boolean;
     };

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

@@ -5,7 +5,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     variant: {
-        type: PropType<"horizontal" | "vertical">;
+        type: PropType<"vertical" | "horizontal">;
         default: string;
     };
     index: {
@@ -20,7 +20,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     variant: {
-        type: PropType<"horizontal" | "vertical">;
+        type: PropType<"vertical" | "horizontal">;
         default: string;
     };
     index: {
@@ -29,7 +29,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
 }>>, {
     type: "linear" | "non-linear";
-    variant: "horizontal" | "vertical";
+    variant: "vertical" | "horizontal";
     index: number;
 }>, {
     default: (_: {}) => any;

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

@@ -113,8 +113,8 @@ declare const _default: import("vue").DefineComponent<{
         validator: (value: BentoSummaryGridItemTrendDirection) => boolean;
     };
 }>>, {
-    size: "small" | "medium" | "large" | BentoSummaryGridItemSize;
     copy: string;
+    size: "small" | "medium" | "large" | BentoSummaryGridItemSize;
     fitContent: boolean;
     infoIconTooltipText: string;
     itemType: "text" | "numeric" | "custom" | "amount" | "percentage" | SummaryGridItemType;

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

@@ -105,8 +105,8 @@ declare const _default: import("vue").DefineComponent<{
         validator: (value: BentoSummaryGridItemSize) => boolean;
     };
 }>>, {
-    size: "small" | "medium" | "large" | BentoSummaryGridItemSize;
     copy: string;
+    size: "small" | "medium" | "large" | BentoSummaryGridItemSize;
     fitContent: boolean;
     secondaryLabel: string;
     infoIconTooltipText: string;

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

@@ -97,8 +97,8 @@ declare const _default: import("vue").DefineComponent<{
         validator: (value: BentoSummaryGridItemSize) => boolean;
     };
 }>>, {
-    size: "small" | "medium" | "large" | BentoSummaryGridItemSize;
     copy: string;
+    size: "small" | "medium" | "large" | BentoSummaryGridItemSize;
     fitContent: boolean;
     infoIconTooltipText: string;
     trend: string;

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

@@ -97,8 +97,8 @@ declare const _default: import("vue").DefineComponent<{
         validator: (value: BentoSummaryGridItemSize) => boolean;
     };
 }>>, {
-    size: "small" | "medium" | "large" | BentoSummaryGridItemSize;
     copy: string;
+    size: "small" | "medium" | "large" | BentoSummaryGridItemSize;
     fitContent: boolean;
     infoIconTooltipText: string;
     trend: string;

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

@@ -1,6 +1,7 @@
+import { Ref } from 'vue';
 import { MaybeRef } from "../../../types";
 export interface BentoTab {
-    disabled: boolean;
+    disabled: Ref<boolean>;
     id: string;
     title: MaybeRef<string>;
 }

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

@@ -1,6 +1,6 @@
 import type { Ref } from 'vue';
 export type BentoTabsRegisterTab = (props: {
-    disabled: boolean;
+    disabled: Ref<boolean>;
     title: Ref<string>;
 }) => {
     id: string;

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

@@ -6,7 +6,7 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     variant: {
-        type: PropType<"blue" | "green" | "grey" | "orange" | "red" | "white" | BentoTagVariant>;
+        type: PropType<"blue" | "green" | "red" | "grey" | "orange" | "white" | BentoTagVariant>;
         default: BentoTagVariant;
         validator: (value: BentoTagVariant) => boolean;
     };
@@ -19,7 +19,7 @@ declare const _default: import("vue").DefineComponent<{
     textFromSlot: import("vue").ComputedRef<string>;
     formattedText: import("vue").ComputedRef<string>;
     tagConditionalClasses: import("vue").ComputedRef<{
-        [x: string]: "blue" | "green" | "grey" | "orange" | "red" | "white" | BentoTagVariant;
+        [x: string]: "blue" | "green" | "red" | "grey" | "orange" | "white" | BentoTagVariant;
     }>;
     shouldShowTooltip: import("vue").ComputedRef<boolean>;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
@@ -28,7 +28,7 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     variant: {
-        type: PropType<"blue" | "green" | "grey" | "orange" | "red" | "white" | BentoTagVariant>;
+        type: PropType<"blue" | "green" | "red" | "grey" | "orange" | "white" | BentoTagVariant>;
         default: BentoTagVariant;
         validator: (value: BentoTagVariant) => boolean;
     };
@@ -38,7 +38,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     label: string;
-    variant: "blue" | "green" | "grey" | "orange" | "red" | "white" | BentoTagVariant;
+    variant: "blue" | "green" | "red" | "grey" | "orange" | "white" | BentoTagVariant;
     truncate: number;
 }>;
 export default _default;

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

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { BentoTextareaEvent, BentoTextareaResizeOption } from './textarea.types';
+import { BentoTextareaResizeOption } from './textarea.types';
 declare const _default: import("vue").DefineComponent<{
     ariaLabel: {
         type: StringConstructor;
@@ -46,7 +46,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     resizable: {
-        type: PropType<"none" | "both" | "horizontal" | "vertical" | BentoTextareaResizeOption>;
+        type: PropType<"none" | "vertical" | "horizontal" | "both" | BentoTextareaResizeOption>;
         default: BentoTextareaResizeOption;
         validator: (value: BentoTextareaResizeOption) => boolean;
     };
@@ -58,47 +58,19 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}, {
-    BentoTextareaEvent: typeof BentoTextareaEvent;
-    onBlur: () => void;
-    onChange: () => void;
-    onClear: () => void;
-    onFocus: () => void;
-    onInput: (event: InputEvent) => void;
-    onPressEscape: () => void;
-    t: import("vue-i18n-bridge").ComposerTranslation<import("../../utils/ts/i18n").i18nMessages, string, import("@intlify/core-base").RemoveIndexSignature<{
-        [x: string]: import("vue-i18n-bridge").LocaleMessageValue<import("vue-i18n-bridge").VueMessageType>;
-    }>, never, import("@intlify/core-base")._ResourcePath<{
-        [key: string]: string;
-    }>, import("@intlify/core-base")._ResourcePath<{
-        [key: string]: string;
-    }>> | ((key: "textarea" | "required" | "optional" | "clearText" | "yourTextCanBenAtMost", values?: import("vue-i18n").default.Values) => string);
-    computedAriaLabel: import("vue").ComputedRef<string>;
-    conditionalClasses: import("vue").ComputedRef<{
-        [x: string]: boolean;
-    }>;
-    conditionalClassesLabelItem: import("vue").ComputedRef<{
-        [x: string]: boolean;
-    }>;
-    conditionalClassesLabelBox: import("vue").ComputedRef<{
-        "b-textarea__label-box--no-label": boolean;
-    }>;
-    counter: import("vue").ComputedRef<string>;
-    counterErrorText: import("vue").ComputedRef<string>;
-    conditionalClassesInput: import("vue").ComputedRef<{
-        [x: string]: boolean;
-        "b-textarea__input--dynamic-height": boolean;
-    }>;
-    invalidInput: import("vue").ComputedRef<boolean>;
-    isOverCharacterLimit: import("vue").ComputedRef<boolean>;
-    isReadOnly: import("vue").ComputedRef<boolean>;
-    showClearButton: import("vue").ComputedRef<boolean>;
-    textareaElement: import("vue").Ref<HTMLTextAreaElement>;
-    textareaHeight: import("vue").Ref<string>;
-    textareaId: string;
-    textareaValue: import("vue").Ref<string>;
-    textareaWidth: import("vue").Ref<string>;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoTextareaEvent[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {
+    blur: () => void;
+} & {
+    change: () => void;
+} & {
+    clear: () => void;
+} & {
+    "escape-pressed": () => void;
+} & {
+    focus: () => void;
+} & {
+    input: (value: string) => void;
+}, string, Readonly<import("vue").ExtractPropTypes<{
     ariaLabel: {
         type: StringConstructor;
         default: any;
@@ -144,7 +116,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     resizable: {
-        type: PropType<"none" | "both" | "horizontal" | "vertical" | BentoTextareaResizeOption>;
+        type: PropType<"none" | "vertical" | "horizontal" | "both" | BentoTextareaResizeOption>;
         default: BentoTextareaResizeOption;
         validator: (value: BentoTextareaResizeOption) => boolean;
     };
@@ -161,8 +133,8 @@ declare const _default: import("vue").DefineComponent<{
     description: string;
     label: string;
     required: boolean;
-    height: string;
     disabled: boolean;
+    height: string;
     placeholder: string;
     optional: boolean;
     errorMessage: string;
@@ -170,6 +142,6 @@ declare const _default: import("vue").DefineComponent<{
     ariaLabel: string;
     clearable: boolean;
     characterLimit: number;
-    resizable: "none" | "both" | "horizontal" | "vertical" | BentoTextareaResizeOption;
+    resizable: "none" | "vertical" | "horizontal" | "both" | BentoTextareaResizeOption;
 }>;
 export default _default;

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

@@ -16,7 +16,7 @@ declare const _default: import("vue").DefineComponent<{
     tag: {
         type: PropType<Readonly<Partial<{
             label: string;
-            variant: "blue" | "green" | "grey" | "orange" | "red" | "white" | import("../../../tag").BentoTagVariant;
+            variant: "blue" | "green" | "red" | "grey" | "orange" | "white" | import("../../../tag").BentoTagVariant;
             truncate: number;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             label: {
@@ -24,7 +24,7 @@ declare const _default: import("vue").DefineComponent<{
                 default: any;
             };
             variant: {
-                type: PropType<"blue" | "green" | "grey" | "orange" | "red" | "white" | import("../../../tag").BentoTagVariant>;
+                type: PropType<"blue" | "green" | "red" | "grey" | "orange" | "white" | import("../../../tag").BentoTagVariant>;
                 default: import("../../../tag").BentoTagVariant;
                 validator: (value: import("../../../tag").BentoTagVariant) => boolean;
             };
@@ -38,7 +38,7 @@ declare const _default: import("vue").DefineComponent<{
                 default: any;
             };
             variant: {
-                type: PropType<"blue" | "green" | "grey" | "orange" | "red" | "white" | import("../../../tag").BentoTagVariant>;
+                type: PropType<"blue" | "green" | "red" | "grey" | "orange" | "white" | import("../../../tag").BentoTagVariant>;
                 default: import("../../../tag").BentoTagVariant;
                 validator: (value: import("../../../tag").BentoTagVariant) => boolean;
             };
@@ -102,7 +102,7 @@ declare const _default: import("vue").DefineComponent<{
     tag: {
         type: PropType<Readonly<Partial<{
             label: string;
-            variant: "blue" | "green" | "grey" | "orange" | "red" | "white" | import("../../../tag").BentoTagVariant;
+            variant: "blue" | "green" | "red" | "grey" | "orange" | "white" | import("../../../tag").BentoTagVariant;
             truncate: number;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             label: {
@@ -110,7 +110,7 @@ declare const _default: import("vue").DefineComponent<{
                 default: any;
             };
             variant: {
-                type: PropType<"blue" | "green" | "grey" | "orange" | "red" | "white" | import("../../../tag").BentoTagVariant>;
+                type: PropType<"blue" | "green" | "red" | "grey" | "orange" | "white" | import("../../../tag").BentoTagVariant>;
                 default: import("../../../tag").BentoTagVariant;
                 validator: (value: import("../../../tag").BentoTagVariant) => boolean;
             };
@@ -124,7 +124,7 @@ declare const _default: import("vue").DefineComponent<{
                 default: any;
             };
             variant: {
-                type: PropType<"blue" | "green" | "grey" | "orange" | "red" | "white" | import("../../../tag").BentoTagVariant>;
+                type: PropType<"blue" | "green" | "red" | "grey" | "orange" | "white" | import("../../../tag").BentoTagVariant>;
                 default: import("../../../tag").BentoTagVariant;
                 validator: (value: import("../../../tag").BentoTagVariant) => boolean;
             };