@adyen/bento-vue2 1.3.0 → 1.4.0

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

@@ -1,12 +1,12 @@
 import {
     // ADL
-    // AdlAccordion,
-    // AdlAccordionItem,
     // AdlBadge,
     // AdlTab,
     // AdlTabs,
 
     // Bento
+    BentoAccordion,
+    BentoAccordionItem,
     BentoAlert,
     BentoButton,
     BentoButtonActions,
@@ -27,12 +27,14 @@ import {
     BentoDropdownCountry,
     BentoDropdownCurrency,
     BentoDropdownPaymentMethod,
+    BentoEmptyState,
     BentoFilterBar,
     BentoFormLayout,
     BentoFormLayoutFieldTip,
     BentoFormLayoutGroup,
     BentoFormLayoutTitle,
     BentoHeader,
+    BentoImage,
     BentoInfoIcon,
     BentoInputField,
     BentoLink,
@@ -71,13 +73,13 @@ import {
 declare module 'vue' {
     export interface GlobalComponents {
         // ADL
-        // AdlAccordion: typeof AdlAccordion;
-        // AdlAccordionItem: typeof AdlAccordionItem;
         // AdlBadge: typeof AdlBadge;
         // AdlTabs: typeof AdlTabs;
         // AdlTab: typeof AdlTab;
 
         // Bento
+        BentoAccordion: typeof BentoAccordion;
+        BentoAccordionItem: typeof BentoAccordionItem;
         BentoAlert: typeof BentoAlert;
         BentoButton: typeof BentoButton;
         BentoButtonActions: typeof BentoButtonActions;
@@ -96,12 +98,14 @@ declare module 'vue' {
         BentoDropdown: typeof BentoDropdown;
         BentoDropdownAvatar: typeof BentoDropdownAvatar;
         BentoDropdownCountry: typeof BentoDropdownCountry;
+        BentoEmptyState: typeof BentoEmptyState;
         BentoFilterBar: typeof BentoFilterBar;
         BentoFormLayout: typeof BentoFormLayout;
         BentoFormLayoutFieldTip: typeof BentoFormLayoutFieldTip;
         BentoFormLayoutGroup: typeof BentoFormLayoutGroup;
         BentoFormLayoutTitle: typeof BentoFormLayoutTitle;
         BentoHeader: typeof BentoHeader;
+        BentoImage: typeof BentoImage;
         BentoInfoIcon: typeof BentoInfoIcon;
         BentoDropdownCurrency: typeof BentoDropdownCurrency;
         BentoDropdownPaymentMethod: typeof BentoDropdownPaymentMethod;

package/dist/@types/packages/core/src/components/button/button.types.d.ts

@@ -9,3 +9,11 @@ export declare enum BentoButtonPropClass {
     DISABLED = "disabled",
     ICON_ONLY = "icon-only"
 }
+export interface BentoButtonProps {
+    condensed?: boolean;
+    critical?: boolean;
+    disabled?: boolean;
+    variant?: BentoButtonVariant;
+    type?: string;
+    link?: object;
+}

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

@@ -1 +1 @@
-export declare const ACCORDION_INJECTION_KEY: unique symbol;
+export declare const ACCORDION_TITLE_SIZE_INJECTION_KEY: unique symbol;

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

@@ -1,24 +1 @@
-export declare enum AdlAccordionVariant {
-    PRIMARY = "primary",
-    GHOST = "ghost"
-}
-export declare enum AdlAccordionPropClass {
-    GROUPED = "grouped",
-    SEPARATE = "separate"
-}
-export declare enum AdlAccordionCaretPosition {
-    LEFT = "left"
-}
-export interface AdlAccordionItem {
-    id: string;
-    opened: boolean;
-}
-export interface AdlAccordion {
-    caretRight: boolean;
-    grouped: boolean;
-    variant: AdlAccordionVariant;
-    registerItem: (opened?: boolean) => AdlAccordionItem;
-    getItem: (itemId: string) => AdlAccordionItem;
-    open: (itemId: string) => void;
-    close: (itemId: string) => void;
-}
+export type BentoAccordionTitleSize = 'default' | 'small';

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

@@ -1,57 +1,23 @@
 import { PropType } from 'vue';
-import { AdlAccordionVariant } from './accordion.types';
-declare const _default: import("vue").DefineComponent<{
-    simultaneouslyExpandAllTabs: {
-        type: BooleanConstructor;
-        default: boolean;
+import type { BentoAccordionTitleSize } from './accordion.types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    titleSize: {
+        type: PropType<BentoAccordionTitleSize>;
+        default: string;
     };
-    grouped: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    caretRight: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    variant: {
-        type: PropType<AdlAccordionVariant>;
-        default: AdlAccordionVariant;
-        validator: (value: AdlAccordionVariant) => boolean;
-    };
-}, {}, {
-    accordion: {
-        items: any[];
-        simultaneouslyExpandAllTabs: boolean;
-        variant: AdlAccordionVariant;
-        grouped: boolean;
-        caretRight: boolean;
-    };
-}, {
-    conditionalClasses(): {
-        [x: string]: boolean;
-    };
-}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
-    simultaneouslyExpandAllTabs: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    grouped: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    caretRight: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    variant: {
-        type: PropType<AdlAccordionVariant>;
-        default: AdlAccordionVariant;
-        validator: (value: AdlAccordionVariant) => boolean;
+}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    titleSize: {
+        type: PropType<BentoAccordionTitleSize>;
+        default: string;
     };
 }>>, {
-    grouped: boolean;
-    variant: AdlAccordionVariant;
-    simultaneouslyExpandAllTabs: boolean;
-    caretRight: boolean;
+    titleSize: BentoAccordionTitleSize;
+}>, {
+    default: (_: {}) => any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,35 +1,31 @@
-import { PropType } from 'vue';
-import { AdlAccordion } from '../accordion.types';
-declare const _default: import("vue").DefineComponent<{
-    accordion: {
-        type: PropType<AdlAccordion>;
-        default: any;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    title: {
+        type: StringConstructor;
+        required: true;
     };
-}, {}, {
-    item: {
-        id: any;
-        opened: boolean;
+    isExpanded: {
+        type: BooleanConstructor;
+        default: boolean;
     };
-}, {
-    accordionProvider(): AdlAccordion;
-    showContent(): boolean;
-    conditionalClasses(): {
-        [key: string]: boolean;
+}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {
+    "update:is-expanded": (value: boolean) => void;
+}, string, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        required: true;
     };
-    shouldShowIcon(): boolean;
-    shouldShowTitle(): boolean;
-    shouldShowSubtitle(): boolean;
-    shouldShowPicture(): boolean;
-}, {
-    toggle(): void;
-    start(el: any): void;
-    end(el: any): void;
-}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
-    accordion: {
-        type: PropType<AdlAccordion>;
-        default: any;
+    isExpanded: {
+        type: BooleanConstructor;
+        default: boolean;
     };
 }>>, {
-    accordion: AdlAccordion;
+    isExpanded: boolean;
+}>, {
+    default: (_: {}) => any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,3 +1,2 @@
-export { default as AdlAccordion } from './accordion.vue';
-export { default as AdlAccordionItem } from './components/accordion-item.vue';
-export { AdlAccordionVariant } from './accordion.types';
+export { default as BentoAccordion } from './accordion.vue';
+export { default as BentoAccordionItem } from './components/accordion-item.vue';

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

@@ -1,6 +1,5 @@
 import { PropType } from 'vue';
 import { BentoAlertEvent, BentoAlertTypeOption, BentoAlertVariant } from "./alert.types";
-import { BentoButtonVariant } from "../../../../core/src/components/button/button.types";
 import { BentoTypographyElement, BentoTypographyVariant } from "../typography";
 declare const _default: import("vue").DefineComponent<{
     closeButton: {
@@ -39,10 +38,7 @@ declare const _default: import("vue").DefineComponent<{
     }>, import("@intlify/core-base")._ResourcePath<{
         [key: string]: string;
     }>> | ((key: "close" | "highlightIcon" | "successIcon" | "criticalIcon" | "warningIcon", values?: import("vue-i18n").default.Values) => string);
-    BentoButtonVariant: typeof BentoButtonVariant;
-    BentoAlertTypeOption: typeof BentoAlertTypeOption;
     BentoTypographyVariant: typeof BentoTypographyVariant;
-    BentoTypographyElement: typeof BentoTypographyElement;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoAlertEvent[], string, Readonly<import("vue").ExtractPropTypes<{
     closeButton: {
         type: BooleanConstructor;

package/dist/@types/packages/vue2/src/components/avatar-image/avatar-image.vue.d.ts

@@ -1,6 +1,5 @@
 import { PropType } from 'vue';
 import { BentoAvatarImageColor, BentoAvatarImageVariant } from './avatar-image.types';
-import { BentoTypographyElement, BentoTypographyVariant } from "../typography";
 declare const _default: import("vue").DefineComponent<{
     src: {
         type: StringConstructor;
@@ -21,8 +20,6 @@ declare const _default: import("vue").DefineComponent<{
         validator: (value: BentoAvatarImageColor) => boolean;
     };
 }, {
-    BentoTypographyElement: typeof BentoTypographyElement;
-    BentoTypographyVariant: typeof BentoTypographyVariant;
     conditionalClasses: import("vue").ComputedRef<{
         [x: string]: boolean | BentoAvatarImageColor;
     }>;
@@ -48,8 +45,8 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     variant: BentoAvatarImageVariant;
+    color: BentoAvatarImageColor;
     src: string;
     username: string;
-    color: BentoAvatarImageColor;
 }>;
 export default _default;