@adyen/bento-vue2 1.7.1 → 1.9.0-1

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

@@ -7,6 +7,7 @@ import {
     // Bento
     BentoAccordion,
     BentoAccordionItem,
+    BentoActionBar,
     BentoAlert,
     BentoButton,
     BentoButtonActions,
@@ -83,6 +84,7 @@ declare module 'vue' {
         // Bento
         BentoAccordion: typeof BentoAccordion;
         BentoAccordionItem: typeof BentoAccordionItem;
+        BentoActionBar: typeof BentoActionBar;
         BentoAlert: typeof BentoAlert;
         BentoButton: typeof BentoButton;
         BentoButtonActions: typeof BentoButtonActions;

package/dist/@types/packages/core/src/components/button/button.types.d.ts

@@ -15,7 +15,7 @@ export interface BentoButtonProps {
     critical?: boolean;
     disabled?: boolean;
     inverse?: boolean;
-    variant?: BentoButtonVariant;
+    variant?: BentoButtonVariant | `${BentoButtonVariant}`;
     type?: string;
     link?: object;
 }

package/dist/@types/packages/vue2/src/components/action-bar/action-bar.vue.d.ts

@@ -5,6 +5,11 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoButtonActionsList>;
         required: true;
     };
+    visibleActions: {
+        type: NumberConstructor;
+        default: number;
+        validator: (value: number) => boolean;
+    };
     extraBottomSpacing: {
         type: BooleanConstructor;
         default: boolean;
@@ -24,6 +29,11 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoButtonActionsList>;
         required: true;
     };
+    visibleActions: {
+        type: NumberConstructor;
+        default: number;
+        validator: (value: number) => boolean;
+    };
     extraBottomSpacing: {
         type: BooleanConstructor;
         default: boolean;
@@ -37,6 +47,7 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
 }>>, {
+    visibleActions: number;
     extraBottomSpacing: boolean;
     selectionLabel: string;
 }>;

package/dist/@types/packages/vue2/src/components/button/components/button-actions/button-actions.types.d.ts

@@ -2,7 +2,7 @@ import type { VueNodeElement } from "../../../../types";
 import type { BentoButtonProps, BentoLoadingButtonState } from "../..";
 export interface BentoButtonActionObject extends BentoButtonProps {
     title: string;
-    event: (event: Event) => void;
+    event?: (event: Event) => void;
     icon?: VueNodeElement;
     state?: BentoLoadingButtonState | `${BentoLoadingButtonState}`;
 }

package/dist/@types/packages/vue2/src/components/button/components/button-actions/button-actions.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { BentoButtonVariant } from "../../../../../../core/src/components/button/button.types";
-import { BentoButtonActionsLayout, BentoButtonActionsList } from './button-actions.types';
+import { BentoButtonActionObject, BentoButtonActionsLayout, BentoButtonActionsList } from './button-actions.types';
 declare const _default: import("vue").DefineComponent<{
     actions: {
         type: PropType<BentoButtonActionsList>;
@@ -19,7 +19,12 @@ declare const _default: import("vue").DefineComponent<{
     conditionalClasses: import("vue").ComputedRef<{
         [x: string]: boolean;
     }>;
-    reversedActionsList: import("vue").ComputedRef<import("./button-actions.types").BentoButtonActionObject[]>;
+    reversedActionsList: import("vue").ComputedRef<BentoButtonActionObject[]>;
+    generateButtonEvents: (button: BentoButtonActionObject) => {
+        click: (event: Event) => void;
+    } | {
+        click?: undefined;
+    };
     generateButtonVariantByIndex: (actionIndex: any) => BentoButtonVariant.PRIMARY | BentoButtonVariant.SECONDARY;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     actions: {

package/dist/@types/packages/vue2/src/components/button/components/loading-button/loading-button.vue.d.ts

@@ -1,7 +1,6 @@
 import { PropType } from 'vue';
-import { BentoButtonVariant } from "../../../../../../core/src/components/button/button.types";
 import { BentoLoadingButtonState } from './loading-button.types';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     condensed: {
         type: BooleanConstructor;
         default: boolean;
@@ -10,24 +9,23 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    inverse: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     state: {
         type: PropType<"start" | "loading" | BentoLoadingButtonState | "success" | "fail">;
         default: BentoLoadingButtonState;
         validator: (value: BentoLoadingButtonState) => boolean;
     };
     variant: {
-        type: PropType<"primary" | "secondary" | "tertiary" | BentoButtonVariant>;
-        default: BentoButtonVariant;
-        validator: (value: BentoButtonVariant) => boolean;
-    };
-}, {
-    BentoLoadingButtonState: typeof BentoLoadingButtonState;
-    onClick: (e: MouseEvent) => void;
-    conditionalClasses: import("vue").ComputedRef<{
-        [x: string]: boolean;
-    }>;
-    isInverseLoadingIndicator: import("vue").ComputedRef<boolean>;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+        type: PropType<"primary" | "secondary" | "tertiary" | import("../../../../../../core/src/components/button/button.types").BentoButtonVariant>;
+        default: string;
+        validator: (value: import("../../../../../../core/src/components/button/button.types").BentoButtonVariant) => boolean;
+    };
+}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {
+    click: (event: MouseEvent) => void;
+}, string, Readonly<import("vue").ExtractPropTypes<{
     condensed: {
         type: BooleanConstructor;
         default: boolean;
@@ -36,20 +34,32 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    inverse: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     state: {
         type: PropType<"start" | "loading" | BentoLoadingButtonState | "success" | "fail">;
         default: BentoLoadingButtonState;
         validator: (value: BentoLoadingButtonState) => boolean;
     };
     variant: {
-        type: PropType<"primary" | "secondary" | "tertiary" | BentoButtonVariant>;
-        default: BentoButtonVariant;
-        validator: (value: BentoButtonVariant) => boolean;
+        type: PropType<"primary" | "secondary" | "tertiary" | import("../../../../../../core/src/components/button/button.types").BentoButtonVariant>;
+        default: string;
+        validator: (value: import("../../../../../../core/src/components/button/button.types").BentoButtonVariant) => boolean;
     };
 }>>, {
-    variant: "primary" | "secondary" | "tertiary" | BentoButtonVariant;
+    variant: "primary" | "secondary" | "tertiary" | import("../../../../../../core/src/components/button/button.types").BentoButtonVariant;
     condensed: boolean;
     disabled: boolean;
+    inverse: boolean;
     state: "start" | "loading" | BentoLoadingButtonState | "success" | "fail";
+}>, {
+    default: (_: {}) => any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -14,6 +14,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     readonly: {
         type: BooleanConstructor;
         default: boolean;
@@ -34,6 +38,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    optional: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     descriptionId: string;
     errorId: string;
@@ -56,6 +64,13 @@ declare const _default: import("vue").DefineComponent<{
     hasSlot: (name: string) => boolean;
     onChange: (event: Event) => void;
     onClick: (event: Event) => void;
+    t: import("vue-i18n-bridge").ComposerTranslation<import("../../utils/ts/i18n").i18nMessages, string, import("@intlify/core-base").RemoveIndexSignature<{
+        [x: string]: import("vue-i18n-bridge").LocaleMessageValue<import("vue-i18n-bridge").VueMessageType>;
+    }>, never, import("@intlify/core-base")._ResourcePath<{
+        [key: string]: string;
+    }>, import("@intlify/core-base")._ResourcePath<{
+        [key: string]: string;
+    }>> | ((key: "required" | "optional" | "ariaLabelFallback", values?: import("vue-i18n").default.Values) => string);
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoCheckboxEvent[], string, Readonly<import("vue").ExtractPropTypes<{
     value: {
         type: (StringConstructor | NumberConstructor)[];
@@ -69,6 +84,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     readonly: {
         type: BooleanConstructor;
         default: boolean;
@@ -89,9 +108,15 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    optional: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     value: string | number;
+    required: boolean;
     disabled: boolean;
+    optional: boolean;
     readonly: boolean;
     errorMessage: string;
     ariaLabel: string;

package/dist/@types/packages/vue2/src/components/data-grid/composables/useKeyboardNavigator/useKeyboardNavigator.d.ts

@@ -1,6 +1,10 @@
 import { Ref } from 'vue';
 import { BentoDatagridNavigationKeyCode } from './useKeyboardNavigator.types';
-export declare const useKeyboardNavigator: (gridcellRefs: Ref<HTMLDivElement[]>, columnsCount: Ref<number>) => {
-    focusOnNextGridcell: (target: EventTarget, keyCode: BentoDatagridNavigationKeyCode, ctrlKey: boolean) => void;
+import type { BentoColumn } from '../../data-grid.types';
+export declare const useKeyboardNavigator: (gridcellRefs: Ref<{
+    [key: string]: HTMLDivElement[];
+}>, columns: Ref<BentoColumn[]>, selectable: Ref<boolean>) => {
     isNavigationKeyCode: (keyCode: number) => boolean;
+    focusOnNextGridcell: (target: EventTarget, keyCode: BentoDatagridNavigationKeyCode, ctrlKey: boolean) => void;
+    navigationInput: (event: KeyboardEvent) => void;
 };

package/dist/@types/packages/vue2/src/components/data-grid/composables/useScroller/useScroller.d.ts

@@ -0,0 +1,6 @@
+import { Ref } from 'vue';
+export declare const useScroller: (body: Ref<HTMLDivElement>, columnsRef: Ref<HTMLDivElement>, verticalScrollPosition: Ref<number>) => {
+    scrollLeftPosition: Ref<number>;
+    updateScrollPosition: (event: Event) => void;
+    updateScrollPositionOnFrozenColumnsNavigation: () => void;
+};