@adyen/bento-vue2 1.3.0 → 1.4.0

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

@@ -7,16 +7,12 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
-    ariaLabel: {
-        type: StringConstructor;
-        default: any;
-    };
     targetElement: {
         type: PropType<VueNodeElement>;
         required: true;
     };
     position: {
-        type: PropType<"left" | "auto" | "top" | "right" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | PopperContainerPosition>;
+        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>;
         default: import("./popper-container.types").PopperContainerPositionExtended;
         validator: (value: unknown) => boolean;
     };
@@ -71,16 +67,12 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
-    ariaLabel: {
-        type: StringConstructor;
-        default: any;
-    };
     targetElement: {
         type: PropType<VueNodeElement>;
         required: true;
     };
     position: {
-        type: PropType<"left" | "auto" | "top" | "right" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | PopperContainerPosition>;
+        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>;
         default: import("./popper-container.types").PopperContainerPositionExtended;
         validator: (value: unknown) => boolean;
     };
@@ -119,13 +111,12 @@ declare const _default: import("vue").DefineComponent<{
         validator: (value: unknown) => boolean;
     };
 }>>, {
-    id: string;
+    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[];
     modifiers: unknown[];
     arrow: any;
-    offset: number[];
-    position: "left" | "auto" | "top" | "right" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | PopperContainerPosition;
     matchWidth: boolean;
-    ariaLabel: string;
+    id: string;
     fixedPositioning: boolean;
     disabledFocusTrap: boolean;
     fallbackPosition: FallbackPositionProp;

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

@@ -1,4 +1,3 @@
-import { BentoTypographyElement, BentoTypographyVariant } from "../../../typography";
 import { ComputedRef } from 'vue';
 import { BentoRadioGroupEvent } from '../../radio-group.types';
 declare const _default: import("vue").DefineComponent<{
@@ -26,8 +25,8 @@ declare const _default: import("vue").DefineComponent<{
     ariaLabel: ComputedRef<string>;
     ariaInvalid: ComputedRef<(boolean | "true" | "false") | "grammar" | "spelling">;
     isChecked: ComputedRef<boolean>;
-    defaultSlotValue: boolean;
-    descriptionSlotValue: boolean;
+    defaultSlotValue: string;
+    descriptionSlotValue: string;
     conditionalClassContainer: ComputedRef<{
         [x: string]: boolean;
     }>;
@@ -36,11 +35,10 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     radioButtonId: string;
     descriptionId: string;
+    hasSlot: (name: string) => boolean;
     onChange: () => void;
     onClick: (event: any) => void;
-    BentoTypographyVariant: typeof BentoTypographyVariant;
-    BentoTypographyElement: typeof BentoTypographyElement;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoRadioGroupEvent[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoRadioGroupEvent.UPDATE[], string, Readonly<import("vue").ExtractPropTypes<{
     disabled: {
         type: BooleanConstructor;
         default: boolean;

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

@@ -12,5 +12,6 @@ export interface BentoRadioGroupItem {
 }
 export type BentoRadioGroupItems = Array<BentoRadioGroupItem>;
 export declare enum BentoRadioGroupEvent {
-    UPDATE = "update:model-value"
+    UPDATE = "update:model-value",
+    INPUT = "input"
 }

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

package/dist/@types/packages/vue2/src/components/search-bar/search-bar.vue.d.ts

@@ -1,10 +1,12 @@
-import { BentoInputFieldType } from "../input-field/input-field.types";
-import { BentoSearchBarInternalEvent } from './search-bar.types';
 declare const _default: import("vue").DefineComponent<{
     inputFieldAriaLabel: {
         type: StringConstructor;
         required: true;
     };
+    condensed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     debounceTime: {
         type: NumberConstructor;
         default: number;
@@ -17,347 +19,21 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
-}, {
-    searchTerm: import("vue").Ref<string>;
-    bentoInputField: import("vue").Ref<import("vue/types/v3-component-public-instance").Vue3Instance<{}, Readonly<import("vue").ExtractPropTypes<{
-        ariaHidden: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        ariaLabel: {
-            type: StringConstructor;
-            default: any;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        dropdown: {
-            type: import("vue").PropType<import("../input-field/input-field.types").BentoInputDropdownProps>;
-            default: any;
-        };
-        dropdownPosition: {
-            type: import("vue").PropType<"start" | "end" | import("../input-field/input-field.types").BentoInputFieldElementPosition>;
-            default: import("../input-field/input-field.types").BentoInputFieldElementPosition;
-            validator: (value: import("../input-field/input-field.types").BentoInputFieldElementPosition) => boolean;
-        };
-        error: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        errorMessage: {
-            type: StringConstructor;
-            default: any;
-        };
-        optional: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        placeholder: {
-            type: StringConstructor;
-            default: string;
-        };
-        required: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        readonly: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        staticValue: {
-            type: StringConstructor;
-            default: string;
-        };
-        staticValuePosition: {
-            type: import("vue").PropType<"start" | "end" | import("../input-field/input-field.types").BentoInputFieldElementPosition>;
-            default: import("../input-field/input-field.types").BentoInputFieldElementPosition;
-            validator: (value: import("../input-field/input-field.types").BentoInputFieldElementPosition) => boolean;
-        };
-        type: {
-            type: import("vue").PropType<"number" | "search" | "text" | BentoInputFieldType>;
-            default: BentoInputFieldType;
-            validator: (value: BentoInputFieldType) => boolean;
-        };
-        value: {
-            type: import("vue").PropType<import("../input-field/input-field.types").BentoInputFieldValue>;
-            default: any;
-        };
-        variant: {
-            type: import("vue").PropType<"default" | "payment-method" | "static-value" | "dropdown" | import("../input-field/input-field.types").BentoInputFieldVariant>;
-            default: import("../input-field/input-field.types").BentoInputFieldVariant;
-            validator: (value: import("../input-field/input-field.types").BentoInputFieldVariant) => boolean;
-        };
-    }>>, Readonly<import("vue").ExtractPropTypes<{
-        ariaHidden: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        ariaLabel: {
-            type: StringConstructor;
-            default: any;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        dropdown: {
-            type: import("vue").PropType<import("../input-field/input-field.types").BentoInputDropdownProps>;
-            default: any;
-        };
-        dropdownPosition: {
-            type: import("vue").PropType<"start" | "end" | import("../input-field/input-field.types").BentoInputFieldElementPosition>;
-            default: import("../input-field/input-field.types").BentoInputFieldElementPosition;
-            validator: (value: import("../input-field/input-field.types").BentoInputFieldElementPosition) => boolean;
-        };
-        error: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        errorMessage: {
-            type: StringConstructor;
-            default: any;
-        };
-        optional: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        placeholder: {
-            type: StringConstructor;
-            default: string;
-        };
-        required: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        readonly: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        staticValue: {
-            type: StringConstructor;
-            default: string;
-        };
-        staticValuePosition: {
-            type: import("vue").PropType<"start" | "end" | import("../input-field/input-field.types").BentoInputFieldElementPosition>;
-            default: import("../input-field/input-field.types").BentoInputFieldElementPosition;
-            validator: (value: import("../input-field/input-field.types").BentoInputFieldElementPosition) => boolean;
-        };
-        type: {
-            type: import("vue").PropType<"number" | "search" | "text" | BentoInputFieldType>;
-            default: BentoInputFieldType;
-            validator: (value: BentoInputFieldType) => boolean;
-        };
-        value: {
-            type: import("vue").PropType<import("../input-field/input-field.types").BentoInputFieldValue>;
-            default: any;
-        };
-        variant: {
-            type: import("vue").PropType<"default" | "payment-method" | "static-value" | "dropdown" | import("../input-field/input-field.types").BentoInputFieldVariant>;
-            default: import("../input-field/input-field.types").BentoInputFieldVariant;
-            validator: (value: import("../input-field/input-field.types").BentoInputFieldVariant) => boolean;
-        };
-    }>>, import("../input-field/input-field.types").BentoInputFieldEvent[], {
-        error: boolean;
-        value: import("../input-field/input-field.types").BentoInputFieldValue;
-        type: "number" | "search" | "text" | BentoInputFieldType;
-        disabled: boolean;
-        variant: "default" | "payment-method" | "static-value" | "dropdown" | import("../input-field/input-field.types").BentoInputFieldVariant;
-        required: boolean;
-        ariaLabel: string;
-        placeholder: string;
-        optional: boolean;
-        errorMessage: string;
-        readonly: boolean;
-        dropdown: import("../input-field/input-field.types").BentoInputDropdownProps;
-        ariaHidden: boolean;
-        dropdownPosition: "start" | "end" | import("../input-field/input-field.types").BentoInputFieldElementPosition;
-        staticValue: string;
-        staticValuePosition: "start" | "end" | import("../input-field/input-field.types").BentoInputFieldElementPosition;
-    }, true, import("vue/types/v3-component-options").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> & Readonly<Readonly<import("vue").ExtractPropTypes<{
-        ariaHidden: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        ariaLabel: {
-            type: StringConstructor;
-            default: any;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        dropdown: {
-            type: import("vue").PropType<import("../input-field/input-field.types").BentoInputDropdownProps>;
-            default: any;
-        };
-        dropdownPosition: {
-            type: import("vue").PropType<"start" | "end" | import("../input-field/input-field.types").BentoInputFieldElementPosition>;
-            default: import("../input-field/input-field.types").BentoInputFieldElementPosition;
-            validator: (value: import("../input-field/input-field.types").BentoInputFieldElementPosition) => boolean;
-        };
-        error: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        errorMessage: {
-            type: StringConstructor;
-            default: any;
-        };
-        optional: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        placeholder: {
-            type: StringConstructor;
-            default: string;
-        };
-        required: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        readonly: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        staticValue: {
-            type: StringConstructor;
-            default: string;
-        };
-        staticValuePosition: {
-            type: import("vue").PropType<"start" | "end" | import("../input-field/input-field.types").BentoInputFieldElementPosition>;
-            default: import("../input-field/input-field.types").BentoInputFieldElementPosition;
-            validator: (value: import("../input-field/input-field.types").BentoInputFieldElementPosition) => boolean;
-        };
-        type: {
-            type: import("vue").PropType<"number" | "search" | "text" | BentoInputFieldType>;
-            default: BentoInputFieldType;
-            validator: (value: BentoInputFieldType) => boolean;
-        };
-        value: {
-            type: import("vue").PropType<import("../input-field/input-field.types").BentoInputFieldValue>;
-            default: any;
-        };
-        variant: {
-            type: import("vue").PropType<"default" | "payment-method" | "static-value" | "dropdown" | import("../input-field/input-field.types").BentoInputFieldVariant>;
-            default: import("../input-field/input-field.types").BentoInputFieldVariant;
-            validator: (value: import("../input-field/input-field.types").BentoInputFieldVariant) => boolean;
-        };
-    }>>> & import("vue").ShallowUnwrapRef<{
-        BentoTypographyVariant: typeof import("../typography").BentoTypographyVariant;
-        BentoTypographyElement: typeof import("../typography").BentoTypographyElement;
-        BentoInputFieldVariant: typeof import("../input-field/input-field.types").BentoInputFieldVariant;
-        BentoDropdownSize: typeof import("../dropdown/dropdown.types").BentoDropdownSize;
-        BentoInputFieldEvent: typeof import("../input-field/input-field.types").BentoInputFieldEvent;
-        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: "required" | "optional", values?: import("vue-i18n").default.Values) => string);
-        onDropdownInput: (selectedValue: import("../..").BentoListboxSelectedValue) => void;
-        onInput: (event: Event) => void;
-        focusInput: () => void;
-        hasSlot: (name: string) => boolean;
-        inputFieldConditionalClasses: import("vue").ComputedRef<{
-            [x: string]: boolean;
-        }>;
-        inputFieldElement: any;
-        inputFieldId: string;
-        dropdownId: string;
-        staticValueId: string;
-        descriptionId: string;
-        errorId: string;
-        isReadOnly: import("vue").ComputedRef<boolean>;
-        shouldDisplayStaticValueAtStart: import("vue").ComputedRef<boolean>;
-        shouldDisplayStaticValueAtEnd: import("vue").ComputedRef<boolean>;
-        shouldShowDropdown: import("vue").ComputedRef<boolean>;
-        shouldDisplayDropdownAtStart: import("vue").ComputedRef<boolean>;
-        shouldDisplayDropdownAtEnd: import("vue").ComputedRef<boolean>;
-        shouldShowError: import("vue").ComputedRef<boolean>;
-        computedAriaOwns: import("vue").ComputedRef<string>;
-        computedAriaLabel: import("vue").ComputedRef<string>;
-        computedAriaDescribedBy: import("vue").ComputedRef<string>;
-    }> & import("vue/types/v3-component-options").ExtractComputedReturns<{}> & import("vue").ComponentCustomProperties & Readonly<import("vue").ExtractPropTypes<{
-        ariaHidden: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        ariaLabel: {
-            type: StringConstructor;
-            default: any;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        dropdown: {
-            type: import("vue").PropType<import("../input-field/input-field.types").BentoInputDropdownProps>;
-            default: any;
-        };
-        dropdownPosition: {
-            type: import("vue").PropType<"start" | "end" | import("../input-field/input-field.types").BentoInputFieldElementPosition>;
-            default: import("../input-field/input-field.types").BentoInputFieldElementPosition;
-            validator: (value: import("../input-field/input-field.types").BentoInputFieldElementPosition) => boolean;
-        };
-        error: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        errorMessage: {
-            type: StringConstructor;
-            default: any;
-        };
-        optional: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        placeholder: {
-            type: StringConstructor;
-            default: string;
-        };
-        required: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        readonly: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        staticValue: {
-            type: StringConstructor;
-            default: string;
-        };
-        staticValuePosition: {
-            type: import("vue").PropType<"start" | "end" | import("../input-field/input-field.types").BentoInputFieldElementPosition>;
-            default: import("../input-field/input-field.types").BentoInputFieldElementPosition;
-            validator: (value: import("../input-field/input-field.types").BentoInputFieldElementPosition) => boolean;
-        };
-        type: {
-            type: import("vue").PropType<"number" | "search" | "text" | BentoInputFieldType>;
-            default: BentoInputFieldType;
-            validator: (value: BentoInputFieldType) => boolean;
-        };
-        value: {
-            type: import("vue").PropType<import("../input-field/input-field.types").BentoInputFieldValue>;
-            default: any;
-        };
-        variant: {
-            type: import("vue").PropType<"default" | "payment-method" | "static-value" | "dropdown" | import("../input-field/input-field.types").BentoInputFieldVariant>;
-            default: import("../input-field/input-field.types").BentoInputFieldVariant;
-            validator: (value: import("../input-field/input-field.types").BentoInputFieldVariant) => boolean;
-        };
-    }>>>;
-    onClearSearch: () => void;
-    onInputEvent: (value: string) => void;
-    BentoInputFieldType: typeof BentoInputFieldType;
-    BentoSearchBarInternalEvent: typeof BentoSearchBarInternalEvent;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, (BentoSearchBarInternalEvent.CLEAR | BentoSearchBarInternalEvent.ESCAPE | BentoSearchBarInternalEvent.INPUT)[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {
+    input: (inputValue: string) => void;
+} & {
+    clear: () => void;
+} & {
+    "escape-pressed": () => void;
+}, string, Readonly<import("vue").ExtractPropTypes<{
     inputFieldAriaLabel: {
         type: StringConstructor;
         required: true;
     };
+    condensed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     debounceTime: {
         type: NumberConstructor;
         default: number;
@@ -372,6 +48,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     value: string;
+    condensed: boolean;
     placeholder: string;
     debounceTime: number;
 }>;

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

@@ -1,4 +1,3 @@
-import { BentoTypographyElement, BentoTypographyVariant } from "../../../typography";
 import { ComputedRef } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     label: {
@@ -22,8 +21,6 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }, {
-    BentoTypographyElement: typeof BentoTypographyElement;
-    BentoTypographyVariant: typeof BentoTypographyVariant;
     segmentedControlButtonId: string;
     isChecked: ComputedRef<boolean>;
     conditionalClasses: ComputedRef<{

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

@@ -19,6 +19,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }, {
+    computedAriaLabel: import("vue").ComputedRef<string>;
     inputValue: import("vue").Ref<string | number>;
     dropdownId: string;
     segmentedControlRef: any;

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

@@ -18,4 +18,6 @@ export interface BentoSidepanelConfigData {
     hasPreviousPages: Ref<boolean>;
     isOpen: Ref<boolean>;
 }
-export type BentoSidepanelRegisterPage = (props: BentoSidepanelPageObject) => void;
+export type BentoSidepanelRegisterPage = (props: BentoSidepanelPageObject) => {
+    unregisterPage: () => void;
+};

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

@@ -1,9 +1,8 @@
 import { PropType } from 'vue';
-import { BentoTypographyElement, BentoTypographyVariant } from "../typography";
 import { BentoStatusVariant } from './status.types';
 declare const _default: import("vue").DefineComponent<{
     variant: {
-        type: PropType<"blue" | "green" | "red" | "yellow" | "grey" | "orange" | BentoStatusVariant>;
+        type: PropType<"blue" | "green" | "grey" | "orange" | "red" | "yellow" | BentoStatusVariant>;
         required: true;
         validator: (type: BentoStatusVariant) => boolean;
     };
@@ -11,11 +10,9 @@ declare const _default: import("vue").DefineComponent<{
     conditionalClass: import("vue").ComputedRef<{
         [x: string]: boolean;
     }>;
-    BentoTypographyElement: typeof BentoTypographyElement;
-    BentoTypographyVariant: typeof BentoTypographyVariant;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     variant: {
-        type: PropType<"blue" | "green" | "red" | "yellow" | "grey" | "orange" | BentoStatusVariant>;
+        type: PropType<"blue" | "green" | "grey" | "orange" | "red" | "yellow" | BentoStatusVariant>;
         required: true;
         validator: (type: BentoStatusVariant) => boolean;
     };

package/dist/@types/packages/vue2/src/components/structured-list/components/structered-list-item/structured-list-item.vue.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import { BentoButtonVariant } from "../../../button";
 import { BentoTypographyVariant } from "../../../typography";
 declare const _default: import("vue").DefineComponent<{
     label: {
@@ -27,7 +26,6 @@ declare const _default: import("vue").DefineComponent<{
         'b-structured-list-item--condensed': boolean;
     }>;
     labelTypographyVariant: import("vue").ComputedRef<BentoTypographyVariant.CAPTION | BentoTypographyVariant.BODY>;
-    BentoButtonVariant: typeof BentoButtonVariant;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     label: {
         type: StringConstructor;

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

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { BentoTypographyElement, BentoTypographyVariant } from "../../../typography";
+import { BentoTypographyVariant } from "../../../typography";
 import { BentoTagVariant } from "../../../tag";
 import { BentoSummaryGridItemSize, BentoSummaryGridItemTrendDirection } from "../../summary-grid.types";
 import { SummaryGridItemType } from './summary-grid-item.types';
@@ -66,27 +66,6 @@ declare const _default: import("vue").DefineComponent<{
     summaryBarItemTrendConditionalClasses: import("vue").ComputedRef<{
         [x: string]: string;
     }>;
-    BentoTypographyElement: typeof BentoTypographyElement;
-    BentoTypographyVariant: typeof BentoTypographyVariant;
-    SummaryGridItemType: typeof SummaryGridItemType;
-    BentoSummaryGridItemSize: typeof BentoSummaryGridItemSize;
-    PopperContainerPosition: {
-        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;
-    };
     hasSlot: (name: string) => boolean;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     copy: {
@@ -134,8 +113,8 @@ declare const _default: import("vue").DefineComponent<{
         validator: (value: BentoSummaryGridItemTrendDirection) => boolean;
     };
 }>>, {
-    copy: string;
     size: "small" | "medium" | "large" | BentoSummaryGridItemSize;
+    copy: string;
     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

@@ -1,6 +1,5 @@
 import { PropType } from 'vue';
 import { BentoSummaryGridItemSize, BentoSummaryGridItemTrendDirection } from "../../summary-grid.types";
-import { SummaryGridItemType } from '../summary-grid-item';
 declare const _default: import("vue").DefineComponent<{
     copy: {
         type: StringConstructor;
@@ -53,9 +52,7 @@ declare const _default: import("vue").DefineComponent<{
         default: BentoSummaryGridItemSize;
         validator: (value: BentoSummaryGridItemSize) => boolean;
     };
-}, {
-    SummaryGridItemType: typeof SummaryGridItemType;
-}, {}, {}, {}, 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").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     copy: {
         type: StringConstructor;
         default: any;
@@ -108,8 +105,8 @@ declare const _default: import("vue").DefineComponent<{
         validator: (value: BentoSummaryGridItemSize) => boolean;
     };
 }>>, {
-    copy: string;
     size: "small" | "medium" | "large" | BentoSummaryGridItemSize;
+    copy: string;
     fitContent: boolean;
     infoIconTooltipText: string;
     trend: string;