@adyen/bento-vue3 1.4.1 → 1.5.0

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 "../../../../vue3/node_modules/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("../../../../vue3/node_modules/vue").DefineComponent<{
-    id: {
-        type: StringConstructor;
+import type { Placement, Strategy } from '@floating-ui/vue';
+declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_modules/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;
     };
-}, unknown, {
-    popper: any;
-    emittedPosition: any;
-}, {
-    strategy(): PositioningStrategy;
-    allModifiers(): ExtendedModifiers[];
-    arrowClasses(): string[];
-}, {
-    initPopper(): void;
-    destroyPopper(): void;
-    updatePopperOptions(options: any): void;
-    updateModifiers(): void;
-}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../vue3/node_modules/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,117 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         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;
+    };
+}, {}, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, {
+    placement: (value: Placement) => void;
+}, string, import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../vue3/node_modules/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;
+    };
+}>> & {
+    onPlacement?: (value: Placement) => any;
+}, {
     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("../../../../vue3/node_modules/vue").DefineCompon
     };
     ariaLabel: {
         type: StringConstructor;
-        required: true;
+        default: any;
     };
     fullWidth: {
         type: BooleanConstructor;
@@ -42,7 +42,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     };
     ariaLabel: {
         type: StringConstructor;
-        required: true;
+        default: any;
     };
     fullWidth: {
         type: BooleanConstructor;
@@ -51,6 +51,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
 }>> & {
     "onUpdate:model-value"?: (...args: any[]) => any;
 }, {
+    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,35 @@
+declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/node_modules/vue").DefineComponent<{
+    completed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    substepIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, {}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {
+    "update:substep-index": (index: number) => void;
+}, string, import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
+    completed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    substepIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & {
+    "onUpdate:substep-index"?: (index: number) => any;
+}, {
+    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 "../../../../../../vue3/node_modules/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 "../../../../vue3/node_modules/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 "../../../../vue3/node_modules/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,44 @@
+import { PropType } from "../../../../vue3/node_modules/vue";
+declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_modules/vue").DefineComponent<{
+    type: {
+        type: PropType<"linear" | "non-linear">;
+        default: string;
+    };
+    variant: {
+        type: PropType<"horizontal" | "vertical">;
+        default: string;
+    };
+    index: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, {}, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, {
+    "update:index": (index: number) => void;
+}, string, import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
+    type: {
+        type: PropType<"linear" | "non-linear">;
+        default: string;
+    };
+    variant: {
+        type: PropType<"horizontal" | "vertical">;
+        default: string;
+    };
+    index: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & {
+    "onUpdate:index"?: (index: number) => any;
+}, {
+    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("../../../../../../vue3/node_modules/vue").Define
     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;