@adyen/bento-vue2 0.0.1

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

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

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

@@ -0,0 +1,8 @@
+export declare enum BentoStatusVariant {
+    BLUE = "blue",
+    GREEN = "green",
+    GREY = "grey",
+    ORANGE = "orange",
+    RED = "red",
+    YELLOW = "yellow"
+}

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

@@ -0,0 +1,23 @@
+import { PropType } from 'vue';
+import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+import { BentoStatusVariant } from './status.types';
+declare const _default: import("vue").DefineComponent<{
+    variant: {
+        type: PropType<BentoStatusVariant>;
+        required: true;
+        validator: (type: BentoStatusVariant) => boolean;
+    };
+}, {
+    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<BentoStatusVariant>;
+        required: true;
+        validator: (type: BentoStatusVariant) => boolean;
+    };
+}>>, {}>;
+export default _default;

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

@@ -0,0 +1,59 @@
+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;
+    };
+    disabled: {
+        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;
+    };
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+    disabled: {
+        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

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

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

@@ -0,0 +1 @@
+export declare const TABS_INJECTION_KEY: unique symbol;

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

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

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

@@ -0,0 +1,17 @@
+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;
+    };
+}>>, {}>;
+export default _default;

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

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

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

@@ -0,0 +1,7 @@
+export declare enum BentoTagVariant {
+    DEFAULT = "default",
+    BLUE = "blue",
+    GREEN = "green",
+    ORANGE = "orange",
+    RED = "red"
+}

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

@@ -0,0 +1,37 @@
+import { PropType } from 'vue';
+import { BentoTagVariant } from './tag.types';
+import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+declare const _default: import("vue").DefineComponent<{
+    variant: {
+        type: PropType<BentoTagVariant>;
+        default: BentoTagVariant;
+        validator: (value: BentoTagVariant) => boolean;
+    };
+    truncate: {
+        type: NumberConstructor;
+        default: any;
+    };
+}, {
+    textFromSlot: string;
+    formattedText: import("vue").ComputedRef<string>;
+    tagConditionalClasses: import("vue").ComputedRef<{
+        [x: string]: BentoTagVariant;
+    }>;
+    shouldShowTooltip: import("vue").ComputedRef<boolean>;
+    BentoTypographyVariant: typeof BentoTypographyVariant;
+    BentoTypographyElement: typeof BentoTypographyElement;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    variant: {
+        type: PropType<BentoTagVariant>;
+        default: BentoTagVariant;
+        validator: (value: BentoTagVariant) => boolean;
+    };
+    truncate: {
+        type: NumberConstructor;
+        default: any;
+    };
+}>>, {
+    variant: BentoTagVariant;
+    truncate: number;
+}>;
+export default _default;

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

@@ -0,0 +1 @@
+export { default as AdlTextarea } from './textarea.vue';

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

@@ -0,0 +1,43 @@
+declare const _default: import("vue").DefineComponent<{
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {}, {}, {}, {
+    onInput(event: Event): void;
+}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    value: string;
+    label: string;
+    description: string;
+    placeholder: string;
+}>;
+export default _default;

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

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

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

@@ -0,0 +1,3 @@
+export declare enum BentoTogglePropClass {
+    LABEL_FIRST = "label-first"
+}

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

@@ -0,0 +1,60 @@
+import { PropType } from 'vue';
+import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+import { AdlLabelPosition } from '@/types';
+declare const _default: import("vue").DefineComponent<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    labelPosition: {
+        type: PropType<AdlLabelPosition>;
+        default: AdlLabelPosition;
+        validator: (value: AdlLabelPosition) => boolean;
+    };
+    value: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+}, {
+    toggleInput: import("vue").Ref<any>;
+    BentoTypographyElement: typeof BentoTypographyElement;
+    BentoTypographyVariant: typeof BentoTypographyVariant;
+    computedAriaLabel: import("vue").ComputedRef<string>;
+    computedDescription: import("vue").ComputedRef<string>;
+    shouldDisplayLabelSlot: import("vue").ComputedRef<boolean>;
+    shouldDisplaySubLabelSlot: import("vue").ComputedRef<boolean>;
+    conditionalClasses: import("vue").ComputedRef<{
+        [key: string]: boolean;
+    }>;
+    descriptionId: string;
+    isChecked: () => boolean;
+    onChange: (event: Event) => void;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "input"[], string, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    labelPosition: {
+        type: PropType<AdlLabelPosition>;
+        default: AdlLabelPosition;
+        validator: (value: AdlLabelPosition) => boolean;
+    };
+    value: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+}>>, {
+    value: boolean;
+    ariaLabel: string;
+    disabled: boolean;
+    labelPosition: AdlLabelPosition;
+}>;
+export default _default;

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

@@ -0,0 +1,2 @@
+export { default as BentoTooltip } from './tooltip.vue';
+export { BentoTooltipPosition, BentoTooltipState } from './tooltip.types';

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

@@ -0,0 +1,17 @@
+import { PopperContainerPositionBasic } from '../popper-container';
+export declare const BentoTooltipPosition: {
+    TOP: PopperContainerPositionBasic.TOP;
+    RIGHT: PopperContainerPositionBasic.RIGHT;
+    BOTTOM: PopperContainerPositionBasic.BOTTOM;
+    LEFT: PopperContainerPositionBasic.LEFT;
+};
+export type BentoTooltipPosition = PopperContainerPositionBasic;
+export declare enum BentoTooltipState {
+    HIDDEN = "hidden"
+}
+export interface TooltipInstance {
+    target: HTMLElement;
+    content: string;
+    position: BentoTooltipPosition;
+    removeListeners: Array<() => void>;
+}

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

@@ -0,0 +1,62 @@
+import { PropType } from 'vue';
+import { PopperContainerAriaRole } from '../popper-container';
+import { BentoTypographyElement, BentoTypographyVariant } from '../typography';
+declare const _default: import("vue").DefineComponent<{
+    targetElement: {
+        type: PropType<import("../../types/vue-node-element").VueNodeElement>;
+        required: true;
+    };
+    position: {
+        type: PropType<import("../popper-container").PopperContainerPositionBasic>;
+        default: import("../popper-container").PopperContainerPositionBasic;
+        validator: (value: unknown) => boolean;
+    };
+    offset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    content: {
+        type: StringConstructor;
+        required: true;
+    };
+    isShown: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    BentoTypographyElement: typeof BentoTypographyElement;
+    BentoTypographyVariant: typeof BentoTypographyVariant;
+    PopperContainerAriaRole: typeof PopperContainerAriaRole;
+    id: string;
+    conditionalClasses: import("vue").ComputedRef<{
+        [x: string]: boolean;
+    }>;
+    tabIndex: import("vue").ComputedRef<number>;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    targetElement: {
+        type: PropType<import("../../types/vue-node-element").VueNodeElement>;
+        required: true;
+    };
+    position: {
+        type: PropType<import("../popper-container").PopperContainerPositionBasic>;
+        default: import("../popper-container").PopperContainerPositionBasic;
+        validator: (value: unknown) => boolean;
+    };
+    offset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    content: {
+        type: StringConstructor;
+        required: true;
+    };
+    isShown: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    offset: number;
+    position: import("../popper-container").PopperContainerPositionBasic;
+    isShown: boolean;
+}>;
+export default _default;

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

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

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

@@ -0,0 +1,27 @@
+export declare enum BentoTypographyVariant {
+    CAPTION = "caption",
+    BODY = "body",
+    SUBTITLE = "subtitle",
+    TITLE = "title"
+}
+export declare enum BentoTypographyModifier {
+    WIDE = "wide",
+    STRONGER = "stronger",
+    STRONGER_WIDE = "stronger-wide",
+    STRONGEST = "strongest",
+    STRONGEST_WIDE = "strongest-wide",
+    MEDIUM = "m",
+    LARGE = "l",
+    MOBILE = "mobile"
+}
+export declare enum BentoTypographyElement {
+    H1 = "h1",
+    H2 = "h2",
+    H3 = "h3",
+    H4 = "h4",
+    H5 = "h5",
+    H6 = "h6",
+    DIV = "div",
+    PARAGRAPH = "p",
+    SPAN = "span"
+}

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

@@ -0,0 +1,78 @@
+import { PropType } from 'vue';
+import { BentoTypographyElement, BentoTypographyVariant } from './typography.types';
+declare const _default: import("vue").DefineComponent<{
+    el: {
+        type: PropType<BentoTypographyElement>;
+        default: BentoTypographyElement;
+        validator: (value: BentoTypographyElement) => boolean;
+    };
+    stronger: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    strongest: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    variant: {
+        type: PropType<BentoTypographyVariant>;
+        default: BentoTypographyVariant;
+        validator: (value: BentoTypographyVariant) => boolean;
+    };
+    medium: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    large: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    wide: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    conditionalClasses: import("vue").ComputedRef<{
+        [x: string]: boolean;
+    }>;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    el: {
+        type: PropType<BentoTypographyElement>;
+        default: BentoTypographyElement;
+        validator: (value: BentoTypographyElement) => boolean;
+    };
+    stronger: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    strongest: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    variant: {
+        type: PropType<BentoTypographyVariant>;
+        default: BentoTypographyVariant;
+        validator: (value: BentoTypographyVariant) => boolean;
+    };
+    medium: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    large: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    wide: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    medium: boolean;
+    el: BentoTypographyElement;
+    large: boolean;
+    stronger: boolean;
+    strongest: boolean;
+    variant: BentoTypographyVariant;
+    wide: boolean;
+}>;
+export default _default;

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

@@ -0,0 +1,75 @@
+import {
+    // ADL
+    // AdlAccordion,
+    // AdlAccordionItem,
+    // AdlAlert,
+    // AdlBadge,
+    // AdlCard,
+    // AdlCardImage,
+    // AdlDropdown,
+    // AdlPageHeader,
+    // AdlProfilePicture,
+    // AdlSegmentedControl,
+    // AdlSegmentedOption,
+    // AdlTab,
+    // AdlTabs,
+    // AdlTextarea,
+
+    // Bento
+    BentoButton,
+    BentoButtonActions,
+    BentoButtonGroup,
+    BentoCheckbox,
+    BentoDataGrid,
+    BentoInputField,
+    BentoInputRadio,
+    BentoLink,
+    BentoLoadingButton,
+    BentoLoadingIndicator,
+    BentoPagination,
+    BentoPopover,
+    BentoStatus,
+    BentoTag,
+    BentoToggle,
+    BentoTooltip,
+    BentoTypography,
+} from './index';
+
+declare module 'vue' {
+    export interface GlobalComponents {
+        // ADL
+        // AdlAccordion: typeof AdlAccordion;
+        // AdlAccordionItem: typeof AdlAccordionItem;
+        // AdlAlert: typeof AdlAlert;
+        // AdlBadge: typeof AdlBadge;
+        // AdlCard: typeof AdlCard;
+        // AdlCardImage: typeof AdlCardImage;
+        // AdlDropdown: typeof AdlDropdown;
+        // AdlProfilePicture: typeof AdlProfilePicture;
+        // AdlPageHeader: typeof AdlPageHeader;
+        // AdlSegmentedControl: typeof AdlSegmentedControl;
+        // AdlSegmentedOption: typeof AdlSegmentedOption;
+        // AdlTabs: typeof AdlTabs;
+        // AdlTab: typeof AdlTab;
+        // AdlTextarea: typeof AdlTextarea;
+
+        // Bento
+        BentoButton: typeof BentoButton;
+        BentoButtonGroup: typeof BentoButtonGroup;
+        BentoButtonActions: typeof BentoButtonActions;
+        BentoCheckbox: typeof BentoCheckbox;
+        BentoDataGrid: typeof BentoDataGrid;
+        BentoInputField: typeof BentoInputField;
+        BentoInputRadio: typeof BentoInputRadio;
+        BentoLink: typeof BentoLink;
+        BentoLoadingButton: typeof BentoLoadingButton;
+        BentoLoadingIndicator: typeof BentoLoadingIndicator;
+        BentoPagination: typeof BentoPagination;
+        BentoPopover: typeof BentoPopover;
+        BentoStatus: typeof BentoStatus;
+        BentoTag: typeof BentoTag;
+        BentoToggle: typeof BentoToggle;
+        BentoTooltip: typeof BentoTooltip;
+        BentoTypography: typeof BentoTypography;
+    }
+}

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

@@ -0,0 +1 @@
+export { default as BentoTooltipDirective } from './tooltip';

package/dist/@types/directives/tooltip.d.ts

@@ -0,0 +1,3 @@
+import { DirectiveOptions } from 'vue';
+declare const TooltipDirective: DirectiveOptions;
+export default TooltipDirective;

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

@@ -0,0 +1,8 @@
+import VueI18n from 'vue-i18n';
+export declare const defaultI18nOptions: {
+    locale: string;
+    fallbackLocale: string;
+    fallbackRoot: boolean;
+};
+declare const _default: (options?: {}) => VueI18n;
+export default _default;

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

@@ -0,0 +1,20 @@
+import BentoVue from './install';
+export * from './components/button';
+export * from './components/data-grid';
+export * from './components/checkbox';
+export * from './components/filter-bar';
+export * from './components/input-radio';
+export * from './components/input-field';
+export * from './components/loading-indicator';
+export * from './components/link';
+export * from './components/pagination';
+export * from './components/popover';
+export * from './components/status';
+export * from './components/tag';
+export * from './components/toggle';
+export * from './components/tooltip';
+export * from './components/typography';
+export * from './types';
+export * from './directives';
+export default BentoVue;
+export { BentoTheme } from './install';

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

@@ -0,0 +1,10 @@
+import type { PluginObject } from 'vue';
+export declare enum BentoTheme {
+    LEGACY = "b-legacy-theme",
+    BENTO = ""
+}
+interface BentoVuePlugin {
+    theme: BentoTheme;
+}
+declare const _default: PluginObject<BentoVuePlugin>;
+export default _default;

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

@@ -0,0 +1 @@
+export * from './label-position';

package/dist/@types/types/label-position.d.ts

@@ -0,0 +1,4 @@
+export declare enum AdlLabelPosition {
+    BEFORE = "before",
+    AFTER = "after"
+}

package/dist/@types/types/maybe-ref.d.ts

@@ -0,0 +1,2 @@
+import { Ref } from 'vue';
+export type MaybeRef<T> = T | Ref<T>;

package/dist/@types/types/utils-events.d.ts

@@ -0,0 +1,9 @@
+import Vue from 'vue';
+export interface ListenOptions {
+    capture?: boolean;
+    passive?: boolean;
+    once?: boolean;
+    self?: boolean;
+    vm?: Vue;
+    onCleanup?: () => void;
+}

package/dist/@types/types/vue-node-element.d.ts

@@ -0,0 +1,2 @@
+import Vue from 'vue';
+export type VueNodeElement = Vue | Element | (Vue | Element)[] | undefined;

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

@@ -0,0 +1,2 @@
+import { ListenOptions } from '../../types/utils-events';
+export declare function listen(target: EventTarget, type: string, listener: EventListener, options?: ListenOptions): any;