@adyen/bento-vue2 1.4.1 → 1.5.0

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

@@ -2,6 +2,7 @@ import { PropType } from 'vue';
 import { PopperContainerAriaRole } from "../popper-container";
 import { BentoPopoverPositions } from './popover.types';
 import { BentoButtonActionsLayout, BentoButtonActionsList } from "../button";
+import { Placement } from '@floating-ui/vue';
 declare const _default: import("vue").DefineComponent<{
     actions: {
         type: PropType<BentoButtonActionsList>;
@@ -28,6 +29,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    fallbackPosition: {
+        type: PropType<Placement[]>;
+        default: () => string[];
+    };
     fitContent: {
         type: BooleanConstructor;
         default: boolean;
@@ -50,7 +55,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     position: {
         type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition>;
-        default: import("../popper-container").PopperContainerPositionBasic;
+        default: import("../popper-container").PopperContainerPositionExtended;
         validator: (value: BentoPopoverPositions) => boolean;
     };
     small: {
@@ -87,7 +92,7 @@ declare const _default: import("vue").DefineComponent<{
     PopperContainerAriaRole: typeof PopperContainerAriaRole;
     dismissPopover: () => void;
     hasSlot: (name: string) => boolean;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "dismiss"[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("placement" | "dismiss")[], string, Readonly<import("vue").ExtractPropTypes<{
     actions: {
         type: PropType<BentoButtonActionsList>;
         default: any;
@@ -113,6 +118,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    fallbackPosition: {
+        type: PropType<Placement[]>;
+        default: () => string[];
+    };
     fitContent: {
         type: BooleanConstructor;
         default: boolean;
@@ -135,7 +144,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     position: {
         type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition>;
-        default: import("../popper-container").PopperContainerPositionBasic;
+        default: import("../popper-container").PopperContainerPositionExtended;
         validator: (value: BentoPopoverPositions) => boolean;
     };
     small: {
@@ -161,6 +170,7 @@ declare const _default: import("vue").DefineComponent<{
     position: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition;
     open: boolean;
     modifiers: unknown[];
+    fallbackPosition: Placement[];
     fixedPositioning: boolean;
     ariaLabel: string;
     actions: BentoButtonActionsList;

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

@@ -1,10 +1,3 @@
-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;
@@ -50,5 +43,4 @@ export declare const PopperContainerPosition: {
     LEFT: PopperContainerPositionBasic.LEFT;
 };
 export type PopperContainerPosition = PopperContainerPositionBasic | PopperContainerPositionExtended;
-export type FallbackPositionProp = PopperContainerPosition[] | PopperContainerPosition;
-export {};
+export type FallbackPositionProp = `${PopperContainerPosition}`[] | `${PopperContainerPosition}`;

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

@@ -1,23 +1,7 @@
-import type { VueNodeElement } from "../../types";
-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[];
-    };
-};
+import { FallbackPositionProp, PopperContainerArrowProp } from './popper-container.types';
+import type { Middleware, Placement } from '@floating-ui/vue';
+export declare const getOffsetModifier: (arrowProps: PopperContainerArrowProp, offset: number[]) => number;
 export declare const getFlipModifier: (fallbackPosition: FallbackPositionProp) => {
-    name: string;
-    options: {
-        fallbackPlacements: import("./popper-container.types").PopperContainerPosition[];
-    };
+    fallbackPlacements: Placement[];
 };
-export declare const arrowDataHideAttributeModifier: ExtendedModifiers;
-export declare const sameWidthModifier: ExtendedModifiers;
+export declare const sameWidthMiddleware: Middleware;

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

@@ -1,87 +1,57 @@
-import type { PositioningStrategy } from '@popperjs/core';
 import { PropType } from 'vue';
-import { ExtendedModifiers, FallbackPositionProp, PopperContainerAriaRole, PopperContainerArrowProp, PopperContainerPosition } from './popper-container.types';
+import { FallbackPositionProp, PopperContainerAriaRole, PopperContainerArrowProp, PopperContainerPosition } from './popper-container.types';
 import type { VueNodeElement } from "../../types";
-declare const _default: import("vue").DefineComponent<{
-    id: {
-        type: StringConstructor;
+import type { Placement, Strategy } from '@floating-ui/vue';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    ariaRole: {
+        type: PropType<PopperContainerAriaRole>;
         default: any;
-    };
-    targetElement: {
-        type: PropType<VueNodeElement>;
-        required: true;
-    };
-    position: {
-        type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | 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;
-    };
     disabledFocusTrap: {
         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;
+    fixedPositioning: {
+        type: BooleanConstructor;
+        default: 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<{
     id: {
         type: StringConstructor;
         default: any;
     };
-    targetElement: {
-        type: PropType<VueNodeElement>;
-        required: true;
-    };
-    position: {
-        type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | PopperContainerPosition>;
-        default: import("./popper-container.types").PopperContainerPositionExtended;
-        validator: (value: unknown) => boolean;
+    isHidden: {
+        type: BooleanConstructor;
+        default: any;
     };
-    fixedPositioning: {
+    matchWidth: {
         type: BooleanConstructor;
         default: boolean;
     };
-    arrow: {
-        type: PropType<boolean | PopperContainerArrowProp>;
+    middleware: {
+        type: PropType<{
+            name: string;
+            options?: any;
+            fn: (state: {
+                x: number;
+                y: number;
+                initialPlacement: Placement;
+                placement: Placement;
+                strategy: Strategy;
+                middlewareData: import("@floating-ui/core").MiddlewareData;
+                rects: import("@floating-ui/utils").ElementRects;
+                platform: import("@floating-ui/core").Platform;
+                elements: import("@floating-ui/dom").Elements;
+            }) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
+        }[]>;
         default: any;
     };
     offset: {
@@ -89,37 +59,115 @@ declare const _default: import("vue").DefineComponent<{
         default: () => number[];
         validator: (value: number[]) => boolean;
     };
-    matchWidth: {
+    position: {
+        type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | PopperContainerPosition>;
+        default: import("./popper-container.types").PopperContainerPositionExtended;
+        validator: (value: unknown) => boolean;
+    };
+    targetElement: {
+        type: PropType<VueNodeElement>;
+        required: true;
+    };
+}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {
+    placement: (value: Placement) => void;
+}, string, Readonly<import("vue").ExtractPropTypes<{
+    ariaRole: {
+        type: PropType<PopperContainerAriaRole>;
+        default: any;
+        validator: (value: unknown) => boolean;
+    };
+    arrow: {
+        type: PropType<boolean | PopperContainerArrowProp>;
+        default: any;
+    };
+    disabledFocusTrap: {
         type: BooleanConstructor;
         default: boolean;
     };
-    disabledFocusTrap: {
+    fallbackPosition: {
+        type: PropType<FallbackPositionProp>;
+        default: any;
+    };
+    fixedPositioning: {
         type: BooleanConstructor;
         default: boolean;
     };
-    modifiers: {
-        type: ArrayConstructor;
+    id: {
+        type: StringConstructor;
         default: any;
     };
-    fallbackPosition: {
-        type: PropType<FallbackPositionProp>;
+    isHidden: {
+        type: BooleanConstructor;
         default: any;
     };
-    ariaRole: {
-        type: PropType<PopperContainerAriaRole>;
+    matchWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    middleware: {
+        type: PropType<{
+            name: string;
+            options?: any;
+            fn: (state: {
+                x: number;
+                y: number;
+                initialPlacement: Placement;
+                placement: Placement;
+                strategy: Strategy;
+                middlewareData: import("@floating-ui/core").MiddlewareData;
+                rects: import("@floating-ui/utils").ElementRects;
+                platform: import("@floating-ui/core").Platform;
+                elements: import("@floating-ui/dom").Elements;
+            }) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
+        }[]>;
         default: any;
+    };
+    offset: {
+        type: PropType<number[]>;
+        default: () => number[];
+        validator: (value: number[]) => boolean;
+    };
+    position: {
+        type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | PopperContainerPosition>;
+        default: import("./popper-container.types").PopperContainerPositionExtended;
         validator: (value: unknown) => boolean;
     };
+    targetElement: {
+        type: PropType<VueNodeElement>;
+        required: true;
+    };
 }>>, {
     position: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | PopperContainerPosition;
     offset: number[];
-    modifiers: unknown[];
+    ariaRole: PopperContainerAriaRole;
     arrow: any;
-    matchWidth: boolean;
-    id: string;
-    fixedPositioning: boolean;
     disabledFocusTrap: boolean;
     fallbackPosition: FallbackPositionProp;
-    ariaRole: PopperContainerAriaRole;
+    fixedPositioning: boolean;
+    id: string;
+    isHidden: boolean;
+    matchWidth: boolean;
+    middleware: {
+        name: string;
+        options?: any;
+        fn: (state: {
+            x: number;
+            y: number;
+            initialPlacement: Placement;
+            placement: Placement;
+            strategy: Strategy;
+            middlewareData: import("@floating-ui/core").MiddlewareData;
+            rects: import("@floating-ui/utils").ElementRects;
+            platform: import("@floating-ui/core").Platform;
+            elements: import("@floating-ui/dom").Elements;
+        }) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
+    }[];
+}>, {
+    default: (_: {}) => any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -12,7 +12,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     ariaLabel: {
         type: StringConstructor;
-        required: true;
+        default: any;
     };
     fullWidth: {
         type: BooleanConstructor;
@@ -42,13 +42,14 @@ declare const _default: import("vue").DefineComponent<{
     };
     ariaLabel: {
         type: StringConstructor;
-        required: true;
+        default: any;
     };
     fullWidth: {
         type: BooleanConstructor;
         default: boolean;
     };
 }>>, {
+    ariaLabel: string;
     fullWidth: boolean;
 }>;
 export default _default;

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

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

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

@@ -0,0 +1,33 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    completed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    substepIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {
+    "update:substep-index": (index: number) => void;
+}, string, Readonly<import("vue").ExtractPropTypes<{
+    completed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    substepIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>>, {
+    completed: boolean;
+    substepIndex: number;
+}>, {
+    default: (_: {}) => any;
+    substeps: (_: {}) => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/@types/packages/vue2/src/components/stepper/composables/useKeyboardNavigation/useKeyboardNavigation.d.ts

@@ -0,0 +1,15 @@
+import { Ref } from 'vue';
+export declare const useKeyboardNavigation: (steps: Ref<HTMLButtonElement[]>) => {
+    "keydown:arrow-down": ({ detail: event }: {
+        detail: any;
+    }) => void;
+    "keydown:arrow-right": ({ detail: event }: {
+        detail: any;
+    }) => void;
+    "keydown:arrow-up": ({ detail: event }: {
+        detail: any;
+    }) => void;
+    "keydown:arrow-left": ({ detail: event }: {
+        detail: any;
+    }) => void;
+};

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

@@ -0,0 +1,3 @@
+export { default as BentoStepper } from './stepper.vue';
+export { default as BentoStep } from './components/step/step.vue';
+export * from './stepper.types';

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

@@ -0,0 +1,3 @@
+import type { InjectionKey } from 'vue';
+import type { BentoStepperState } from './stepper.types';
+export declare const STEPPER_STATE: InjectionKey<BentoStepperState>;

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

@@ -0,0 +1,24 @@
+import type { ComputedRef, Ref } from 'vue';
+export declare enum BentoStepperTypeOption {
+    LINEAR = "linear",
+    NON_LINEAR = "non-linear"
+}
+export declare enum BentoStepperVariantOption {
+    HORIZONTAL = "horizontal",
+    VERTICAL = "vertical"
+}
+export interface BentoStepperStepExposeState {
+    buttonElement: HTMLButtonElement | Ref<HTMLButtonElement>;
+    substeps: BentoStepperStepExposeState[] | Ref<BentoStepperStepExposeState[]>;
+    stepContent: string | ComputedRef<string>;
+}
+export type BentoStepperState = Ref<{
+    activeStepIndex: number;
+    latestActiveStep: number;
+    type: `${BentoStepperTypeOption}`;
+    variant: `${BentoStepperVariantOption}`;
+    steps: HTMLElement[];
+    isParentStep?: boolean;
+    navigateToStep: (index: number) => void;
+    registerStep: (stepState: BentoStepperStepExposeState) => void;
+}>;

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

@@ -0,0 +1,42 @@
+import { PropType } from 'vue';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    type: {
+        type: PropType<"linear" | "non-linear">;
+        default: string;
+    };
+    variant: {
+        type: PropType<"horizontal" | "vertical">;
+        default: string;
+    };
+    index: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {
+    "update:index": (index: number) => void;
+}, string, Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: PropType<"linear" | "non-linear">;
+        default: string;
+    };
+    variant: {
+        type: PropType<"horizontal" | "vertical">;
+        default: string;
+    };
+    index: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>>, {
+    type: "linear" | "non-linear";
+    variant: "horizontal" | "vertical";
+    index: number;
+}>, {
+    default: (_: {}) => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/@types/packages/vue2/src/components/summary-grid/components/summary-grid-item-amount/summary-grid-item-amount.vue.d.ts

@@ -108,12 +108,12 @@ declare const _default: import("vue").DefineComponent<{
     size: "small" | "medium" | "large" | BentoSummaryGridItemSize;
     copy: string;
     fitContent: boolean;
+    secondaryLabel: string;
     infoIconTooltipText: string;
     trend: string;
     trendDirection: "positive" | "negative" | "neutral" | BentoSummaryGridItemTrendDirection;
     secondaryTrend: string;
     secondaryTrendDirection: "positive" | "negative" | "neutral" | BentoSummaryGridItemTrendDirection;
-    secondaryLabel: string;
     secondaryMetric: string;
 }>;
 export default _default;