@adyen/bento-vue2 0.0.1

package/dist/@types/components/pagination/components/pagination-results-per-page/pagination-results-per-page.vue.d.ts

@@ -0,0 +1,35 @@
+import { BentoTypographyElement } from '@/components/typography';
+declare const _default: import("vue").DefineComponent<{
+    itemsPerPage: {
+        type: NumberConstructor;
+        default: number;
+        validator: (itemsPerPageValue: number) => boolean;
+    };
+    totalCount: {
+        type: NumberConstructor;
+        default: any;
+    };
+}, {
+    dropdownId: string;
+    dropdownOptions: import("vue").Ref<{
+        label: string;
+        value: number;
+    }[]>;
+    translationPathKey: import("vue").ComputedRef<"showingItems" | "showingItemsWithTotal">;
+    BentoTypographyElement: typeof BentoTypographyElement;
+    onSelectChange: (selectedNumberOfResults: number) => void;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "select"[], string, Readonly<import("vue").ExtractPropTypes<{
+    itemsPerPage: {
+        type: NumberConstructor;
+        default: number;
+        validator: (itemsPerPageValue: number) => boolean;
+    };
+    totalCount: {
+        type: NumberConstructor;
+        default: any;
+    };
+}>>, {
+    itemsPerPage: number;
+    totalCount: number;
+}>;
+export default _default;

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

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

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

@@ -0,0 +1,59 @@
+declare const _default: import("vue").DefineComponent<{
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    hasNext: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    page: {
+        type: NumberConstructor;
+        default: number;
+        validator: (value: number) => boolean;
+    };
+    size: {
+        type: NumberConstructor;
+        default: number;
+        validator: (itemsPerPageValue: number) => boolean;
+    };
+    totalCount: {
+        type: NumberConstructor;
+        default: any;
+    };
+}, {
+    totalPages: import("vue").ComputedRef<number>;
+    navigate: (pageArg: number) => void;
+    onItemsPerPageChange: (elements: number) => void;
+    onPageSelected: (pageNumber: number) => void;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("navigate" | "items-page" | "update:page" | "update:size")[], string, Readonly<import("vue").ExtractPropTypes<{
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    hasNext: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    page: {
+        type: NumberConstructor;
+        default: number;
+        validator: (value: number) => boolean;
+    };
+    size: {
+        type: NumberConstructor;
+        default: number;
+        validator: (itemsPerPageValue: number) => boolean;
+    };
+    totalCount: {
+        type: NumberConstructor;
+        default: any;
+    };
+}>>, {
+    ariaLabel: string;
+    size: number;
+    page: number;
+    totalCount: number;
+    hasNext: boolean;
+}>;
+export default _default;

package/dist/@types/components/popover/components/popover-dismiss-button/popover-dismiss-button.vue.d.ts

@@ -0,0 +1,20 @@
+import { BentoButtonVariant } from '@/components/button';
+declare const _default: import("vue").DefineComponent<{
+    onImage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    conditionalClass: import("vue").ComputedRef<{
+        'b-popover-dismiss-button--on-image': boolean;
+    }>;
+    BentoButtonVariant: typeof BentoButtonVariant;
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    onImage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    onImage: boolean;
+}>;
+export default _default;

package/dist/@types/components/popover/components/popover-image/index.d.ts

@@ -0,0 +1 @@
+export { default as BentoPopoverImage } from './popover-image.vue';

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

@@ -0,0 +1,20 @@
+declare const _default: import("vue").DefineComponent<{
+    src: {
+        type: StringConstructor;
+        required: true;
+    };
+    alt: {
+        type: StringConstructor;
+        required: true;
+    };
+}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    src: {
+        type: StringConstructor;
+        required: true;
+    };
+    alt: {
+        type: StringConstructor;
+        required: true;
+    };
+}>>, {}>;
+export default _default;

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

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

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

@@ -0,0 +1,19 @@
+import { PopperContainerPosition } from '../popper-container';
+export declare const BentoPopoverPositions: {
+    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;
+};
+export type BentoPopoverPositions = PopperContainerPosition;

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

@@ -0,0 +1,131 @@
+import { PropType } from 'vue';
+import { PopperContainerAriaRole } from '@/components/popper-container';
+import { BentoPopoverPositions } from './popover.types';
+import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+import { BentoButtonActionsLayout, BentoButtonActionsList } from '@/components/button';
+declare const _default: import("vue").DefineComponent<{
+    actions: {
+        type: PropType<BentoButtonActionsList>;
+        default: any;
+    };
+    actionsLayout: {
+        type: PropType<BentoButtonActionsLayout>;
+        default: BentoButtonActionsLayout;
+        validator: (value: BentoButtonActionsLayout) => boolean;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    disableFocusTrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dismissible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fixedPositioning: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    large: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modifiers: {
+        type: ArrayConstructor;
+        default: any;
+    };
+    position: {
+        type: PropType<import("@/components/popper-container").PopperContainerPosition>;
+        default: import("@/components/popper-container").PopperContainerPositionBasic;
+        validator: (value: BentoPopoverPositions) => boolean;
+    };
+    small: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    title: {
+        type: StringConstructor;
+        default: any;
+    };
+    targetElement: {
+        type: PropType<import("../../types/vue-node-element").VueNodeElement>;
+        required: true;
+    };
+}, {
+    conditionalClasses: import("vue").ComputedRef<{
+        'b-popover--small': boolean;
+        'b-popover--large': boolean;
+    }>;
+    computedAriaLabel: import("vue").ComputedRef<string>;
+    BentoTypographyElement: typeof BentoTypographyElement;
+    BentoTypographyVariant: typeof BentoTypographyVariant;
+    PopperContainerAriaRole: typeof PopperContainerAriaRole;
+    dismissPopover: () => void;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "dismiss"[], string, Readonly<import("vue").ExtractPropTypes<{
+    actions: {
+        type: PropType<BentoButtonActionsList>;
+        default: any;
+    };
+    actionsLayout: {
+        type: PropType<BentoButtonActionsLayout>;
+        default: BentoButtonActionsLayout;
+        validator: (value: BentoButtonActionsLayout) => boolean;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    disableFocusTrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dismissible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fixedPositioning: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    large: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modifiers: {
+        type: ArrayConstructor;
+        default: any;
+    };
+    position: {
+        type: PropType<import("@/components/popper-container").PopperContainerPosition>;
+        default: import("@/components/popper-container").PopperContainerPositionBasic;
+        validator: (value: BentoPopoverPositions) => boolean;
+    };
+    small: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    title: {
+        type: StringConstructor;
+        default: any;
+    };
+    targetElement: {
+        type: PropType<import("../../types/vue-node-element").VueNodeElement>;
+        required: true;
+    };
+}>>, {
+    small: boolean;
+    position: import("@/components/popper-container").PopperContainerPosition;
+    title: string;
+    ariaLabel: string;
+    modifiers: unknown[];
+    large: boolean;
+    actions: BentoButtonActionsList;
+    fixedPositioning: boolean;
+    actionsLayout: BentoButtonActionsLayout;
+    disableFocusTrap: boolean;
+    dismissible: boolean;
+}>;
+export default _default;

package/dist/@types/components/popper-container/index.d.ts

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

package/dist/@types/components/popper-container/popper-container.types.d.ts

@@ -0,0 +1,54 @@
+import type { Modifier, StrictModifiers } from '@popperjs/core';
+type ArrowModifier = Modifier<'arrow', unknown>;
+type ApplyArrowHideModifier = Modifier<'applyArrowHide', unknown>;
+type SameWidthModifier = Modifier<'sameWidth', unknown>;
+type TrackPositionModifer = Modifier<'trackPosition', unknown>;
+type FlipModifer = Modifier<'flip', unknown>;
+export type ExtendedModifiers = StrictModifiers | ArrowModifier | ApplyArrowHideModifier | SameWidthModifier | TrackPositionModifer | FlipModifer;
+export interface PopperContainerArrowProp {
+    classes?: string[];
+    padding?: string;
+}
+export declare enum PopperContainerPositionBasic {
+    TOP = "top",
+    RIGHT = "right",
+    BOTTOM = "bottom",
+    LEFT = "left"
+}
+export declare enum PopperContainerPositionExtended {
+    AUTO = "auto",
+    AUTO_START = "auto-start",
+    AUTO_END = "auto-end",
+    TOP_START = "top-start",
+    TOP_END = "top-end",
+    RIGHT_START = "right-start",
+    RIGHT_END = "right-end",
+    BOTTOM_START = "bottom-start",
+    BOTTOM_END = "bottom-end",
+    LEFT_START = "left-start",
+    LEFT_END = "left-end"
+}
+export declare enum PopperContainerAriaRole {
+    TOOLTIP = "tooltip",
+    POPOVER = "dialog"
+}
+export declare const PopperContainerPosition: {
+    AUTO: PopperContainerPositionExtended.AUTO;
+    AUTO_START: PopperContainerPositionExtended.AUTO_START;
+    AUTO_END: PopperContainerPositionExtended.AUTO_END;
+    TOP_START: PopperContainerPositionExtended.TOP_START;
+    TOP_END: PopperContainerPositionExtended.TOP_END;
+    RIGHT_START: PopperContainerPositionExtended.RIGHT_START;
+    RIGHT_END: PopperContainerPositionExtended.RIGHT_END;
+    BOTTOM_START: PopperContainerPositionExtended.BOTTOM_START;
+    BOTTOM_END: PopperContainerPositionExtended.BOTTOM_END;
+    LEFT_START: PopperContainerPositionExtended.LEFT_START;
+    LEFT_END: PopperContainerPositionExtended.LEFT_END;
+    TOP: PopperContainerPositionBasic.TOP;
+    RIGHT: PopperContainerPositionBasic.RIGHT;
+    BOTTOM: PopperContainerPositionBasic.BOTTOM;
+    LEFT: PopperContainerPositionBasic.LEFT;
+};
+export type PopperContainerPosition = PopperContainerPositionBasic | PopperContainerPositionExtended;
+export type FallbackPositionProp = PopperContainerPosition[] | PopperContainerPosition;
+export {};

package/dist/@types/components/popper-container/popper-container.utils.d.ts

@@ -0,0 +1,23 @@
+import { VueNodeElement } from '../../types/vue-node-element';
+import { ExtendedModifiers, FallbackPositionProp, PopperContainerArrowProp } from './popper-container.types';
+export declare const getArrowModifier: (arrow: VueNodeElement, arrowProps: PopperContainerArrowProp) => {
+    name: string;
+    options: {
+        element: VueNodeElement;
+        padding: string | number;
+    };
+};
+export declare const getOffsetModifier: (arrowProps: PopperContainerArrowProp, offset: number[]) => {
+    name: string;
+    options: {
+        offset: number[];
+    };
+};
+export declare const getFlipModifier: (fallbackPosition: FallbackPositionProp) => {
+    name: string;
+    options: {
+        fallbackPlacements: import("./popper-container.types").PopperContainerPosition[];
+    };
+};
+export declare const arrowDataHideAttributeModifier: ExtendedModifiers;
+export declare const sameWidthModifier: ExtendedModifiers;

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

@@ -0,0 +1,116 @@
+import type { PositioningStrategy } from '@popperjs/core';
+import { PropType } from 'vue';
+import { ExtendedModifiers, FallbackPositionProp, PopperContainerAriaRole, PopperContainerArrowProp, PopperContainerPosition } from './popper-container.types';
+import { VueNodeElement } from '@/types/vue-node-element';
+declare const _default: import("vue").DefineComponent<{
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    targetElement: {
+        type: PropType<VueNodeElement>;
+        required: true;
+    };
+    position: {
+        type: PropType<PopperContainerPosition>;
+        default: import("./popper-container.types").PopperContainerPositionExtended;
+        validator: (value: unknown) => boolean;
+    };
+    fixedPositioning: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    arrow: {
+        type: PropType<boolean | PopperContainerArrowProp>;
+        default: any;
+    };
+    offset: {
+        type: PropType<number[]>;
+        default: () => number[];
+        validator: (value: number[]) => boolean;
+    };
+    matchWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modifiers: {
+        type: ArrayConstructor;
+        default: any;
+    };
+    fallbackPosition: {
+        type: PropType<FallbackPositionProp>;
+        default: any;
+    };
+    ariaRole: {
+        type: PropType<PopperContainerAriaRole>;
+        default: any;
+        validator: (value: unknown) => boolean;
+    };
+}, {}, {
+    popper: any;
+    emittedPosition: any;
+}, {
+    strategy(): PositioningStrategy;
+    allModifiers(): ExtendedModifiers[];
+    arrowClasses(): string[];
+}, {
+    initPopper(): void;
+    destroyPopper(): void;
+    updatePopperOptions(options: any): void;
+    updateModifiers(): void;
+}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    targetElement: {
+        type: PropType<VueNodeElement>;
+        required: true;
+    };
+    position: {
+        type: PropType<PopperContainerPosition>;
+        default: import("./popper-container.types").PopperContainerPositionExtended;
+        validator: (value: unknown) => boolean;
+    };
+    fixedPositioning: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    arrow: {
+        type: PropType<boolean | PopperContainerArrowProp>;
+        default: any;
+    };
+    offset: {
+        type: PropType<number[]>;
+        default: () => number[];
+        validator: (value: number[]) => boolean;
+    };
+    matchWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modifiers: {
+        type: ArrayConstructor;
+        default: any;
+    };
+    fallbackPosition: {
+        type: PropType<FallbackPositionProp>;
+        default: any;
+    };
+    ariaRole: {
+        type: PropType<PopperContainerAriaRole>;
+        default: any;
+        validator: (value: unknown) => boolean;
+    };
+}>>, {
+    offset: number[];
+    position: PopperContainerPosition;
+    ariaLabel: string;
+    modifiers: unknown[];
+    arrow: any;
+    matchWidth: boolean;
+    fixedPositioning: boolean;
+    fallbackPosition: FallbackPositionProp;
+    ariaRole: PopperContainerAriaRole;
+}>;
+export default _default;

package/dist/@types/components/profile-picture/index.d.ts

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

package/dist/@types/components/profile-picture/profile-picture.types.d.ts

@@ -0,0 +1,4 @@
+export declare enum AdlProfilePictureVariant {
+    SQUARE = "square",
+    ROUND = "round"
+}

package/dist/@types/components/profile-picture/profile-picture.vue.d.ts

@@ -0,0 +1,42 @@
+import { PropType } from 'vue';
+import { AdlProfilePictureVariant } from './profile-picture.types';
+declare const _default: import("vue").DefineComponent<{
+    src: {
+        type: StringConstructor;
+        default: any;
+    };
+    username: {
+        type: StringConstructor;
+        default: any;
+    };
+    variant: {
+        type: PropType<AdlProfilePictureVariant>;
+        default: AdlProfilePictureVariant;
+        validator: (value: AdlProfilePictureVariant) => boolean;
+    };
+}, {}, {}, {
+    conditionalClasses(): {
+        [key: string]: boolean;
+    };
+    initials(): string;
+    ariaLabel(): string;
+}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    src: {
+        type: StringConstructor;
+        default: any;
+    };
+    username: {
+        type: StringConstructor;
+        default: any;
+    };
+    variant: {
+        type: PropType<AdlProfilePictureVariant>;
+        default: AdlProfilePictureVariant;
+        validator: (value: AdlProfilePictureVariant) => boolean;
+    };
+}>>, {
+    src: string;
+    variant: AdlProfilePictureVariant;
+    username: string;
+}>;
+export default _default;

package/dist/@types/components/segmented-control/components/segmented-option.vue.d.ts

@@ -0,0 +1,59 @@
+import { PropType } from 'vue';
+import { AdlSegmentedControlApi } from '../segmented-control.types';
+declare const _default: import("vue").DefineComponent<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: any;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    segmentedControl: {
+        type: PropType<AdlSegmentedControlApi>;
+        default: any;
+    };
+    testId: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {}, {}, {
+    isSelected(): boolean;
+    isDisabled(): boolean;
+    isChecked(): boolean;
+    adlSegmentedControlApi(): AdlSegmentedControlApi;
+    conditionalClasses(): {
+        [className: string]: boolean;
+    };
+}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: any;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    segmentedControl: {
+        type: PropType<AdlSegmentedControlApi>;
+        default: any;
+    };
+    testId: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    label: string;
+    disabled: boolean;
+    testId: string;
+    segmentedControl: AdlSegmentedControlApi;
+}>;
+export default _default;

package/dist/@types/components/segmented-control/index.d.ts

@@ -0,0 +1,3 @@
+export { default as AdlSegmentedOption } from './components/segmented-option.vue';
+export { default as AdlSegmentedControl } from './segmented-control.vue';
+export * from './segmented-control.types';

package/dist/@types/components/segmented-control/segmented-control.keys.d.ts

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

package/dist/@types/components/segmented-control/segmented-control.types.d.ts

@@ -0,0 +1,15 @@
+export interface AdlSegmentedControlApi {
+    state: {
+        name: string;
+        disabled: boolean;
+        selectedValue: unknown;
+    };
+    changeValue: (newValue: unknown) => void;
+}
+export declare enum AdlSegmentedControlState {
+    DISABLED = "disabled"
+}
+export declare enum AdlSegmentedOptionState {
+    DISABLED = "disabled",
+    SELECTED = "selected"
+}

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

@@ -0,0 +1,42 @@
+declare const _default: import("vue").DefineComponent<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: any;
+        default: any;
+    };
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+}, {}, {
+    state: {
+        disabled: boolean;
+        selectedValue: any;
+        name: string;
+    };
+}, {
+    ariaLabel(): string;
+    conditionalClasses(): {
+        [className: string]: boolean;
+    };
+}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: any;
+        default: any;
+    };
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+}>>, {
+    value: any;
+    disabled: boolean;
+}>;
+export default _default;