@adyen/bento-vue2 0.1.5 → 0.3.0

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

@@ -0,0 +1,28 @@
+import { PropType } from 'vue';
+import { BentoTypographyElement } from '../typography';
+import { BentoPaymentMethodType } from './payment-method.types';
+declare const _default: import("vue").DefineComponent<{
+    type: {
+        type: PropType<BentoPaymentMethodType>;
+        default: BentoPaymentMethodType;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+}, {
+    paymentMethodIconSrc: import("vue").Ref<string>;
+    BentoTypographyElement: typeof BentoTypographyElement;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: PropType<BentoPaymentMethodType>;
+        default: BentoPaymentMethodType;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+}>>, {
+    type: BentoPaymentMethodType;
+}>;
+export default _default;

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

@@ -132,8 +132,8 @@ declare const _default: import("vue").DefineComponent<{
     modifiers: unknown[];
     large: boolean;
     actions: BentoButtonActionsList;
-    fixedPositioning: boolean;
     actionsLayout: BentoButtonActionsLayout;
+    fixedPositioning: boolean;
     divider: boolean;
     disableFocusTrap: boolean;
     dismissible: boolean;

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

@@ -16,9 +16,8 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     ariaLabel: ComputedRef<string>;
     isChecked: ComputedRef<boolean>;
-    shouldShowDescription: ComputedRef<string>;
-    shouldShowLabel: ComputedRef<string>;
-    shouldShowSubLabel: ComputedRef<string>;
+    defaultSlotValue: string;
+    subLabelSlotValue: string;
     conditionalClass: ComputedRef<{
         'b-radio-button--disabled': boolean;
     }>;

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

@@ -22,6 +22,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
+    selectedValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: any;
+    };
 }, {
     conditionalClasses: import("vue").ComputedRef<{
         'b-radio-group--horizontal': boolean;
@@ -50,9 +54,14 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
+    selectedValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: any;
+    };
 }>>, {
     disabled: boolean;
     variant: BentoRadioGroupVariant;
     formId: string;
+    selectedValue: string | number;
 }>;
 export default _default;

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

@@ -1,6 +1,6 @@
 import { BentoInputFieldType } from '@/components/input-field';
 declare const _default: import("vue").DefineComponent<{
-    ariaLabel: {
+    inputFieldAriaLabel: {
         type: StringConstructor;
         required: true;
     };
@@ -146,6 +146,7 @@ declare const _default: import("vue").DefineComponent<{
             [x: string]: boolean;
         }>;
         inputFieldElement: any;
+        inputFieldId: string;
         shouldDisplayStaticValueAtStart: import("vue").ComputedRef<boolean>;
         shouldDisplayStaticValueAtEnd: import("vue").ComputedRef<boolean>;
     }> & import("vue/types/v3-component-options").ExtractComputedReturns<{}> & import("vue").ComponentCustomProperties & Readonly<import("vue").ExtractPropTypes<{
@@ -190,7 +191,7 @@ declare const _default: import("vue").DefineComponent<{
     onInputEvent: () => void;
     BentoInputFieldType: typeof BentoInputFieldType;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("input" | "clear" | "escape-pressed")[], string, Readonly<import("vue").ExtractPropTypes<{
-    ariaLabel: {
+    inputFieldAriaLabel: {
         type: StringConstructor;
         required: true;
     };

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

@@ -0,0 +1,5 @@
+export interface BentoTab {
+    disabled: boolean;
+    id: string;
+    title: string;
+}

package/dist/@types/components/tabs/components/tab.vue.d.ts

@@ -1,10 +1,4 @@
-import { PropType } from 'vue';
-import { AdlTabApi } from '../tabs.types';
 declare const _default: import("vue").DefineComponent<{
-    name: {
-        type: StringConstructor;
-        required: true;
-    };
     title: {
         type: StringConstructor;
         required: true;
@@ -13,28 +7,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    testId: {
-        type: StringConstructor;
-        default: string;
-    };
-    tabs: {
-        type: PropType<AdlTabApi>;
-        default: any;
-    };
-}, {}, {}, {
-    isActive(): boolean;
-    contentName(): string;
-    conditionalClasses(): {
-        [className: string]: boolean;
-    };
-    adlTabApi(): AdlTabApi;
 }, {
-    activate(): void;
-}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
-    name: {
-        type: StringConstructor;
-        required: true;
-    };
+    activeTabId: unknown;
+    id: string;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     title: {
         type: StringConstructor;
         required: true;
@@ -43,17 +19,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    testId: {
-        type: StringConstructor;
-        default: string;
-    };
-    tabs: {
-        type: PropType<AdlTabApi>;
-        default: any;
-    };
 }>>, {
     disabled: boolean;
-    testId: string;
-    tabs: AdlTabApi;
 }>;
 export default _default;

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

@@ -1,3 +1,2 @@
-export { default as AdlTab } from './components/tab.vue';
-export { default as AdlTabs } from './tabs.vue';
-export * from './tabs.types';
+export { default as BentoTab } from './components/tab.vue';
+export { default as BentoTabs } from './tabs.vue';

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

@@ -1 +1,2 @@
-export declare const TABS_INJECTION_KEY: unique symbol;
+export declare const TABS_REGISTER_TAB_INJECTION_KEY: unique symbol;
+export declare const TABS_ACTIVE_TAB_ID_KEY: unique symbol;

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

@@ -1,9 +1,4 @@
-export declare enum AdlTabsHandleState {
-    ACTIVE = "active",
-    DISABLED = "disabled"
-}
-export interface AdlTabApi {
-    getActiveTab: () => string;
-    setActiveTab: (name: string) => void;
-    getTabsId: () => string;
-}
+export type RegisterBentoTab = (props: {
+    disabled: boolean;
+    title: string;
+}) => string;

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

@@ -0,0 +1,3 @@
+import { BentoTab } from './components/tab.types';
+export declare const getPreviousTabIndex: (activeTabIndex: number, tabsValue: BentoTab[]) => any;
+export declare const getNextTabIndex: (activeTabIndex: number, tabsValue: BentoTab[]) => any;

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

@@ -1,17 +1,14 @@
-declare const _default: import("vue").DefineComponent<{
-    initialTab: {
-        type: StringConstructor;
-        required: true;
-    };
-}, {}, {
-    activeTab: string;
-    tabsId: string;
-}, {
-    activeTabContentName(): string;
-}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
-    initialTab: {
-        type: StringConstructor;
-        required: true;
-    };
-}>>, {}>;
+import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+declare const _default: import("vue").DefineComponent<{}, {
+    BentoTypographyElement: typeof BentoTypographyElement;
+    BentoTypographyVariant: typeof BentoTypographyVariant;
+    tabs: import("vue").Ref<{
+        disabled: boolean;
+        id: string;
+        title: string;
+    }[]>;
+    tablist: any;
+    activeTabId: import("vue").Ref<string>;
+    onKeydownTabsNavigation: (e: KeyboardEvent) => void;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/dist/@types/components/toast/components/toast-item/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ToastItem } from './toast-item.vue';
+export * from './toast-item.types';

package/dist/@types/components/toast/components/toast-item/toast-item.types.d.ts

@@ -0,0 +1,9 @@
+export interface BentoToastItemAction {
+    handler: () => void;
+    text: string;
+}
+export interface BentoToastItem {
+    action?: BentoToastItemAction;
+    text: string;
+    dismiss?: () => void;
+}

package/dist/@types/components/toast/components/toast-item/toast-item.vue.d.ts

@@ -0,0 +1,33 @@
+import { PropType } from 'vue';
+import { BentoToastItemAction } from './toast-item.types';
+import { BentoButtonVariant } from '@/components/button';
+import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+declare const _default: import("vue").DefineComponent<{
+    text: {
+        type: StringConstructor;
+        required: true;
+    };
+    action: {
+        type: PropType<BentoToastItemAction>;
+        default: any;
+    };
+}, {
+    BentoButtonVariant: typeof BentoButtonVariant;
+    BentoTypographyElement: typeof BentoTypographyElement;
+    BentoTypographyVariant: typeof BentoTypographyVariant;
+    dismissButtonClicked: () => void;
+    hasSlot: (name: string) => boolean;
+    onActionClicked: () => void;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "dismiss")[], string, Readonly<import("vue").ExtractPropTypes<{
+    text: {
+        type: StringConstructor;
+        required: true;
+    };
+    action: {
+        type: PropType<BentoToastItemAction>;
+        default: any;
+    };
+}>>, {
+    action: BentoToastItemAction;
+}>;
+export default _default;

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

@@ -0,0 +1,2 @@
+export { default as BentoToast } from './toast.vue';
+export { useBentoToastController } from '../../utils/ts/toastController';

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

@@ -0,0 +1,13 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    computedPositioning: import("vue").ComputedRef<{
+        top: string;
+        width: string;
+    }[]>;
+    computedHeight: import("vue").ComputedRef<{
+        bottom: string;
+        height: string;
+    }>;
+    toastsToShow: import("vue").ComputedRef<import("./components/toast-item").BentoToastItem[]>;
+    toast: any;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

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

@@ -25,8 +25,8 @@ declare const _default: import("vue").DefineComponent<{
     BentoTypographyVariant: typeof BentoTypographyVariant;
     computedAriaLabel: import("vue").ComputedRef<string>;
     computedDescription: import("vue").ComputedRef<string>;
-    shouldDisplayLabelSlot: import("vue").ComputedRef<boolean>;
-    shouldDisplaySubLabelSlot: import("vue").ComputedRef<boolean>;
+    defaultSlotValue: string;
+    subLabelSlotValue: string;
     conditionalClasses: import("vue").ComputedRef<{
         [key: string]: boolean;
     }>;

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

@@ -25,16 +25,24 @@ import {
     BentoDataGrid,
     BentoDate,
     BentoDropdown,
+    BentoDropdownAvatar,
+    BentoDropdownCountry,
+    BentoDropdownCurrency,
+    BentoDropdownPaymentMethod,
+    BentoInfoIcon,
     BentoInputField,
     BentoLink,
     BentoLoadingButton,
     BentoLoadingIndicator,
     BentoPagination,
+    BentoPaymentMethod,
     BentoPopover,
     BentoRadioGroup,
     BentoSearchBar,
     BentoStatus,
+    BentoTabs,
     BentoTag,
+    BentoToast,
     BentoToggle,
     BentoTypography,
 } from './index';
@@ -67,16 +75,24 @@ declare module 'vue' {
         BentoDataGrid: typeof BentoDataGrid;
         BentoDate: typeof BentoDate;
         BentoDropdown: typeof BentoDropdown;
+        BentoDropdownAvatar: typeof BentoDropdownAvatar;
+        BentoDropdownCountry: typeof BentoDropdownCountry;
+        BentoInfoIcon: typeof BentoInfoIcon;
+        BentoDropdownCurrency: typeof BentoDropdownCurrency;
+        BentoDropdownPaymentMethod: typeof BentoDropdownPaymentMethod;
         BentoInputField: typeof BentoInputField;
         BentoLink: typeof BentoLink;
         BentoLoadingButton: typeof BentoLoadingButton;
         BentoLoadingIndicator: typeof BentoLoadingIndicator;
         BentoPagination: typeof BentoPagination;
+        BentoPaymentMethod: typeof BentoPaymentMethod;
         BentoPopover: typeof BentoPopover;
         BentoRadioGroup: typeof BentoRadioGroup;
         BentoSearchBar: typeof BentoSearchBar;
         BentoStatus: typeof BentoStatus;
+        BentoTabs: typeof BentoTabs;
         BentoTag: typeof BentoTag;
+        BentoToast: typeof BentoToast;
         BentoToggle: typeof BentoToggle;
         BentoTypography: typeof BentoTypography;
     }

package/dist/@types/composables/index.d.ts

@@ -1,2 +1,3 @@
 export * from './initials';
+export * from './use-default-slot-validator';
 export * from './use-checkbox-select-all/use-checkbox-select-all';

package/dist/@types/composables/use-checkbox-select-all/use-checkbox-select-all.d.ts

@@ -1,7 +1,7 @@
 import type { ComputedRef, Ref } from 'vue';
 import type { Fn } from '../../types';
-import { BentoDropdownMultiSelectValue, BentoDropdownOptions } from '../../components/dropdown';
-export declare const useCheckboxSelectAll: (selectedItemsList: Ref<BentoDropdownMultiSelectValue>, items: ComputedRef<BentoDropdownOptions>, selectAll: Fn, unselectAll: Fn) => {
+import { BentoListboxMultiSelectValue, BentoListboxOptions } from '../../types';
+export declare const useCheckboxSelectAll: (selectedItemsList: Ref<BentoListboxMultiSelectValue>, items: ComputedRef<BentoListboxOptions>, selectAll: Fn, unselectAll: Fn) => {
     isAllSelected: ComputedRef<boolean>;
     isIndeterminate: ComputedRef<boolean>;
     toggleSelectAll: (selectedValue: boolean) => void;

package/dist/@types/composables/use-default-slot-validator.d.ts

@@ -0,0 +1 @@
+export declare const useDefaultSlotValidator: (componentName: string, defaultSlotValue: string, ...optionalSlotsValue: string[]) => void;

package/dist/@types/composables/useDynamicImport.d.ts

@@ -0,0 +1,2 @@
+import { MaybeRef } from '../types';
+export declare const useDynamicIconImport: (packageName: string, suffixSvgSrc: MaybeRef<string>, fallBackSrc: string) => import("vue").Ref<string>;

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

@@ -11,15 +11,19 @@ export * from './components/country';
 export * from './components/currency';
 export * from './components/date';
 export * from './components/filter-bar';
+export * from './components/info-icon';
 export * from './components/input-field';
 export * from './components/loading-indicator';
 export * from './components/link';
 export * from './components/pagination';
+export * from './components/payment-method';
 export * from './components/popover';
 export * from './components/radio-group';
 export * from './components/search-bar';
 export * from './components/status';
+export * from './components/tabs';
 export * from './components/tag';
+export * from './components/toast';
 export * from './components/toggle';
 export * from './components/typography';
 export * from './types';

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

@@ -5,6 +5,7 @@ export declare enum BentoTheme {
 }
 interface BentoVuePlugin {
     theme: BentoTheme;
+    withToast: boolean;
 }
 declare const _default: PluginObject<BentoVuePlugin>;
 export default _default;

package/dist/@types/plugins/toastController.d.ts

@@ -0,0 +1,12 @@
+import { BentoToastItem } from '../components/toast/components/toast-item';
+export default class ToastController {
+    get state(): {
+        queue: Array<BentoToastItem>;
+    };
+    private _state;
+    constructor();
+    private dismissToast;
+    addToast(params: BentoToastItem): {
+        dismiss: () => void;
+    };
+}

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

@@ -1,5 +1,7 @@
 export * from './elements';
 export * from './functions';
 export * from './label-position';
+export * from './omit-strict';
 export * from './prop-types';
 export * from './refs';
+export * from './listbox';

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

@@ -0,0 +1,11 @@
+import { BentoSearchBarItem } from '../components/search-bar';
+export type BentoListboxValue = string | number;
+export type BentoListboxMultiSelectValue = BentoListboxValue[];
+export interface BentoListboxOptionItem extends BentoSearchBarItem {
+    data?: unknown;
+    description?: string;
+    value: BentoListboxValue;
+}
+export type BentoListboxSelectedValue = BentoListboxValue | BentoListboxMultiSelectValue;
+export type BentoListboxOptions = Array<BentoListboxOptionItem>;
+export type BentoListboxIsOptionDisabled = (optionValue: BentoListboxOptionItem) => boolean | undefined;

package/dist/@types/types/omit-strict.d.ts

@@ -0,0 +1 @@
+export type OmitStrict<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;

package/dist/@types/utils/ts/toastController.d.ts

@@ -0,0 +1,3 @@
+import BentoToastController from '../../plugins/toastController';
+export declare function useBentoToastController(): BentoToastController;
+export declare function installToastControllerPlugin(): void;

package/dist/@types/utils/ts/use-slot-text.d.ts

@@ -0,0 +1,2 @@
+import type { Slot } from 'vue/types/v3-setup-context';
+export declare const useSlotText: (slot: Slot) => string;