@adyen/bento-vue2 1.3.0 → 1.4.0

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

@@ -178,25 +178,25 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
 }>>, {
-    search: import("../../../../../types").BentoListboxSearchOptions;
     error: boolean;
+    search: import("../../../../../types").BentoListboxSearchOptions;
     value: BentoListboxSelectedValue;
     description: string;
     label: string;
-    disabled: boolean;
     required: boolean;
-    ariaLabel: string;
+    size: "DropdownInputDefault" | "DropdownInputSmall" | import("../../../dropdown.types").BentoDropdownSize;
+    multiple: boolean;
+    disabled: boolean;
     loading: boolean;
     placeholder: string;
     optional: boolean;
     errorMessage: string;
-    size: "DropdownInputDefault" | "DropdownInputSmall" | import("../../../dropdown.types").BentoDropdownSize;
     items: BentoPaymentMethodListboxOptions;
     isOptionDisabled: (optionValue: import("../../../../../types").BentoListboxOptionItem) => boolean;
     readonly: boolean;
+    ariaLabel: string;
     hasMoreItems: boolean;
     lazyLoadType: "button" | "none" | import("../../../../../types").BentoListboxLazyLoadType | "automatic";
-    multiple: boolean;
     dynamicFiltering: boolean;
     showSlotContentInMultiple: boolean;
 }>;

package/dist/@types/packages/vue2/src/components/dropdown/components/variants/dropdown-tag/dropdown-tag.types.d.ts

@@ -1,6 +1,6 @@
 import { BentoListboxOptionItem, OmitStrict } from "../../../../../types";
 import { BentoTagVariant } from '../../../../tag';
 export type BentoTagListboxOptionItem = OmitStrict<BentoListboxOptionItem, 'data'> & {
-    variant: BentoTagVariant;
+    variant: BentoTagVariant | `${BentoTagVariant}`;
 };
 export type BentoTagListboxOptions = BentoTagListboxOptionItem[];

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

@@ -92,7 +92,7 @@ declare const _default: import("vue").DefineComponent<{
     tagItems: import("vue").ComputedRef<{
         label: string;
         value: import("../../../../../types").BentoListboxValue;
-        data: import("../../../../tag").BentoTagVariant;
+        data: "blue" | "green" | "grey" | "orange" | "red" | "white" | import("../../../../tag").BentoTagVariant;
     }[]>;
     onInput: (selectedValue: BentoListboxSelectedValue) => void;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "input"[], string, Readonly<import("vue").ExtractPropTypes<{
@@ -183,25 +183,25 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
 }>>, {
-    search: import("../../../../../types").BentoListboxSearchOptions;
     error: boolean;
+    search: import("../../../../../types").BentoListboxSearchOptions;
     value: BentoListboxSelectedValue;
     description: string;
     label: string;
-    disabled: boolean;
     required: boolean;
-    ariaLabel: string;
+    size: "DropdownInputDefault" | "DropdownInputSmall" | import("../../../dropdown.types").BentoDropdownSize;
+    multiple: boolean;
+    disabled: boolean;
     loading: boolean;
     placeholder: string;
     optional: boolean;
     errorMessage: string;
-    size: "DropdownInputDefault" | "DropdownInputSmall" | import("../../../dropdown.types").BentoDropdownSize;
     items: BentoTagListboxOptions;
     isOptionDisabled: (optionValue: import("../../../../../types").BentoListboxOptionItem) => boolean;
     readonly: boolean;
+    ariaLabel: string;
     hasMoreItems: boolean;
     lazyLoadType: "button" | "none" | import("../../../../../types").BentoListboxLazyLoadType | "automatic";
-    multiple: boolean;
     dynamicFiltering: boolean;
     showSlotContentInMultiple: boolean;
 }>;

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

@@ -1,6 +1,5 @@
 import { PropType } from 'vue';
 import { BentoListboxEvent, BentoListboxOptions, BentoListboxSelectedValue } from "../../types";
-import { BentoTypographyElement } from "../typography";
 import { BentoDropdownLazyLoadType, BentoDropdownSearchOptions, BentoDropdownSize } from './dropdown.types';
 declare const _default: import("vue").DefineComponent<{
     ariaLabel: {
@@ -90,7 +89,9 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
 }, {
+    computedAriaLabel: import("vue").ComputedRef<string>;
     additionalItemsSelected: import("vue").ComputedRef<number>;
+    idDefaultSize: import("vue").ComputedRef<boolean>;
     isDropdownOpen: import("vue").Ref<boolean>;
     displayValue: import("vue").ComputedRef<string>;
     dropdownOptionsContainerId: string;
@@ -138,9 +139,6 @@ declare const _default: import("vue").DefineComponent<{
         select: (selectedValue: BentoListboxSelectedValue) => void;
         "show-more": () => void;
     };
-    BentoTypographyElement: typeof BentoTypographyElement;
-    BentoDropdownSize: typeof BentoDropdownSize;
-    BentoDropdownLazyLoadType: typeof BentoDropdownLazyLoadType;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("input" | BentoListboxEvent.SHOW_MORE)[], string, Readonly<import("vue").ExtractPropTypes<{
     ariaLabel: {
         type: StringConstructor;
@@ -229,25 +227,25 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
 }>>, {
-    search: BentoDropdownSearchOptions;
     error: boolean;
+    search: BentoDropdownSearchOptions;
     value: BentoListboxSelectedValue;
     description: string;
     label: string;
-    disabled: boolean;
     required: boolean;
-    ariaLabel: string;
+    size: "DropdownInputDefault" | "DropdownInputSmall" | BentoDropdownSize;
+    multiple: boolean;
+    disabled: boolean;
     loading: boolean;
     placeholder: string;
     optional: boolean;
     errorMessage: string;
-    size: "DropdownInputDefault" | "DropdownInputSmall" | BentoDropdownSize;
     items: BentoListboxOptions;
     isOptionDisabled: (optionValue: import("../../types").BentoListboxOptionItem) => boolean;
     readonly: boolean;
+    ariaLabel: string;
     hasMoreItems: boolean;
     lazyLoadType: "button" | "none" | BentoDropdownLazyLoadType | "automatic";
-    multiple: boolean;
     dynamicFiltering: boolean;
     showSlotContentInMultiple: boolean;
 }>;

package/dist/@types/packages/vue2/src/components/empty-state/empty-state.types.d.ts

@@ -0,0 +1,27 @@
+export declare enum BentoEmptyStateVariant {
+    FULL_PAGE = "full-page",
+    EMBEDDED = "embedded",
+    BASIC = "basic",
+    CONDENSED = "condensed"
+}
+export declare enum BentoEmptyStateImage {
+    GENERIC_USE1 = "1-generic-use",
+    GENERIC_USE2 = "2-generic-use",
+    GENERIC_USE3 = "3-generic-use",
+    GENERIC_USE4 = "4-generic-use",
+    ADDING_PAYMENT_METHOD = "adding-payment-methods",
+    ADYEN_GIVING = "adyen-giving",
+    INTERNAL_ERROR = "internal-error",
+    NO_RESULTS_FOUND = "no-results-found",
+    NOTIFICATIONS_CLEARED = "notifications-cleared",
+    PAGE_NOT_FOUND = "page-not-found",
+    PLANNED_MAINTENANCE = "planned-maintenance",
+    REFERRALS = "referrals",
+    UPLOAD_FILES = "upload-files",
+    WRONG_ENVIRONMENT = "wrong-environment"
+}
+export declare enum BentoEmptyStateImageVariant {
+    SMALL = "small",
+    LARGE = "large",
+    NULL
+}

package/dist/@types/packages/vue2/src/components/empty-state/empty-state.vue.d.ts

@@ -0,0 +1,76 @@
+import { PropType } from 'vue';
+import { BentoButtonActionObject } from "../button";
+import { BentoTypographyElement } from "../typography";
+import { BentoEmptyStateImage, BentoEmptyStateVariant } from './empty-state.types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    action: {
+        type: PropType<BentoButtonActionObject>;
+        required: true;
+    };
+    description: {
+        type: StringConstructor;
+        default: any;
+    };
+    headingEl: {
+        type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span">;
+        default: any;
+        validator: (value: BentoTypographyElement) => boolean;
+    };
+    image: {
+        type: PropType<"1-generic-use" | "2-generic-use" | "3-generic-use" | "4-generic-use" | "adding-payment-methods" | "adyen-giving" | "internal-error" | "no-results-found" | "notifications-cleared" | "page-not-found" | "planned-maintenance" | "referrals" | "upload-files" | "wrong-environment">;
+        default: any;
+        validator: (value: BentoEmptyStateImage) => boolean;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    variant: {
+        type: PropType<"condensed" | "full-page" | "embedded" | "basic">;
+        default: string;
+        validator: (value: BentoEmptyStateVariant) => boolean;
+    };
+}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    action: {
+        type: PropType<BentoButtonActionObject>;
+        required: true;
+    };
+    description: {
+        type: StringConstructor;
+        default: any;
+    };
+    headingEl: {
+        type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span">;
+        default: any;
+        validator: (value: BentoTypographyElement) => boolean;
+    };
+    image: {
+        type: PropType<"1-generic-use" | "2-generic-use" | "3-generic-use" | "4-generic-use" | "adding-payment-methods" | "adyen-giving" | "internal-error" | "no-results-found" | "notifications-cleared" | "page-not-found" | "planned-maintenance" | "referrals" | "upload-files" | "wrong-environment">;
+        default: any;
+        validator: (value: BentoEmptyStateImage) => boolean;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    variant: {
+        type: PropType<"condensed" | "full-page" | "embedded" | "basic">;
+        default: string;
+        validator: (value: BentoEmptyStateVariant) => boolean;
+    };
+}>>, {
+    description: string;
+    title: string;
+    image: "1-generic-use" | "2-generic-use" | "3-generic-use" | "4-generic-use" | "adding-payment-methods" | "adyen-giving" | "internal-error" | "no-results-found" | "notifications-cleared" | "page-not-found" | "planned-maintenance" | "referrals" | "upload-files" | "wrong-environment";
+    variant: "condensed" | "full-page" | "embedded" | "basic";
+    headingEl: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";
+}>, {
+    title: (_: {}) => any;
+    default: (_: {}) => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/@types/packages/vue2/src/components/empty-state/index.d.ts

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