@adyen/bento-vue2 0.0.6 → 0.0.7

package/README.md

@@ -29,7 +29,8 @@ npm install @adyen/bento-vue2
 In order to use the compoent via the `BentoVue` plugin, the following steps must be reproduced:
 
 1. Load the plugin globally in **Vue**
-2. Use the library defined components in your application
+2. Import the `font.css` file.
+3. Use the library defined components in your application
 
 #### Load plugin and register components
 
@@ -42,6 +43,17 @@ import BentoVue from '@adyen/bento-vue2';
 Vue.use(BentoVue);
 ```
 
+#### Import the fonts
+
+When using the default theme, you will need to include the required `Inter` font in your project application. This can
+easily be done by simply importing the `font.css` file.
+
+NOTE: make sure the builder your are using (e.g. `webpack` , `vite`, etc...) is able to process font files.
+
+```javascript
+import '@adyen/bento-vue2/fonts.css';
+```
+
 #### Use the components
 
 Inside the `.vue` components of your application, you can simply use the available components:

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

@@ -22,7 +22,7 @@ declare const _default: import("vue").DefineComponent<{
     showImage: import("vue").ComputedRef<boolean>;
     showFooter: import("vue").ComputedRef<boolean>;
     onClickCard: () => void;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "click"[], string, Readonly<import("vue").ExtractPropTypes<{
     title: {
         type: StringConstructor;
         required: true;

package/dist/@types/components/controls-group/controls-group.vue.d.ts

@@ -0,0 +1,49 @@
+import { BentoTypographyElement } from '@/components/typography';
+declare const _default: import("vue").DefineComponent<{
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    showLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    form: {
+        type: StringConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    BentoTypographyElement: typeof BentoTypographyElement;
+    conditionalClasses: import("vue").ComputedRef<{
+        'b-controls-group--disabled': boolean;
+    }>;
+    legendConditionalClasses: import("vue").ComputedRef<{
+        'b-controls-group__label--hidden': boolean;
+    }>;
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    showLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    form: {
+        type: StringConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    form: string;
+    disabled: boolean;
+    showLabel: boolean;
+}>;
+export default _default;

package/dist/@types/components/controls-group/index.d.ts

@@ -0,0 +1 @@
+export { default as ControlsGroup } from './controls-group.vue';

package/dist/@types/components/focus-trap/focus-trap.types.d.ts

@@ -1,16 +1,16 @@
-export declare enum AdlFocusTrapArrowNavigationDirection {
+export declare enum BentoFocusTrapArrowNavigationDirection {
     VERTICAL = "vertical",
     HORIZONTAL = "horizontal"
 }
-export declare enum AdlFocusTrapVerticalNavigationEvent {
+export declare enum BentoFocusTrapVerticalNavigationEvent {
     ARROW_UP = "arrowup",
     ARROW_DOWN = "arrowdown"
 }
-export declare enum AdlFocusTrapHorizontalNavigationEvent {
+export declare enum BentoFocusTrapHorizontalNavigationEvent {
     ARROW_LEFT = "arrowleft",
     ARROW_RIGHT = "arrowright"
 }
-export interface AdlFocusTrapFocusableIn {
+export interface BentoFocusTrapFocusableIn {
     node: HTMLElement;
     index: number;
     lockItem: boolean;

package/dist/@types/components/focus-trap/focus-trap.utils.d.ts

@@ -1,7 +1,7 @@
-import { AdlFocusTrapHorizontalNavigationEvent, AdlFocusTrapVerticalNavigationEvent } from './focus-trap.types';
+import { BentoFocusTrapHorizontalNavigationEvent, BentoFocusTrapVerticalNavigationEvent } from './focus-trap.types';
 export declare const deferAction: (callback: FrameRequestCallback) => number;
 export declare const getNextFocusableElement: (factor: any, element: any) => HTMLElement;
-export declare const getArrowType: (event: KeyboardEvent, arrowOrder: AdlFocusTrapVerticalNavigationEvent[] | AdlFocusTrapHorizontalNavigationEvent[]) => {
+export declare const getArrowType: (event: KeyboardEvent, arrowOrder: BentoFocusTrapVerticalNavigationEvent[] | BentoFocusTrapHorizontalNavigationEvent[]) => {
     isArrowNext: boolean;
     isArrowPrev: boolean;
 };

package/dist/@types/components/focus-trap/focus-trap.vue.d.ts

@@ -1,8 +1,8 @@
 import { PropType } from 'vue';
-import { AdlFocusTrapArrowNavigationDirection, AdlFocusTrapHorizontalNavigationEvent, AdlFocusTrapVerticalNavigationEvent } from './focus-trap.types';
+import { BentoFocusTrapArrowNavigationDirection, BentoFocusTrapHorizontalNavigationEvent, BentoFocusTrapVerticalNavigationEvent } from './focus-trap.types';
 declare const _default: import("vue").DefineComponent<{
     arrowNavigation: {
-        type: PropType<AdlFocusTrapArrowNavigationDirection>;
+        type: PropType<BentoFocusTrapArrowNavigationDirection>;
         default: any;
         validator: (value: unknown) => boolean;
     };
@@ -15,7 +15,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     isHorizontalArrowNavigation(): boolean;
     isVerticalArrowNavigation(): boolean;
-    arrowOrder(): AdlFocusTrapVerticalNavigationEvent[] | AdlFocusTrapHorizontalNavigationEvent[];
+    arrowOrder(): BentoFocusTrapVerticalNavigationEvent[] | BentoFocusTrapHorizontalNavigationEvent[];
 }, {
     setFocusInside(): Promise<void>;
     onBlur(): void;
@@ -24,7 +24,7 @@ declare const _default: import("vue").DefineComponent<{
     disable(): void;
 }, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     arrowNavigation: {
-        type: PropType<AdlFocusTrapArrowNavigationDirection>;
+        type: PropType<BentoFocusTrapArrowNavigationDirection>;
         default: any;
         validator: (value: unknown) => boolean;
     };
@@ -34,6 +34,6 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     disabled: boolean;
-    arrowNavigation: AdlFocusTrapArrowNavigationDirection;
+    arrowNavigation: BentoFocusTrapArrowNavigationDirection;
 }>;
 export default _default;

package/dist/@types/components/focus-trap/index.d.ts

@@ -1 +1 @@
-export { default as AdlFocusTrap } from './focus-trap.vue';
+export { default as BentoFocusTrap } from './focus-trap.vue';

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

@@ -37,6 +37,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    disabledFocusTrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     modifiers: {
         type: ArrayConstructor;
         default: any;
@@ -97,6 +101,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    disabledFocusTrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     modifiers: {
         type: ArrayConstructor;
         default: any;
@@ -119,6 +127,7 @@ declare const _default: import("vue").DefineComponent<{
     arrow: any;
     matchWidth: boolean;
     fixedPositioning: boolean;
+    disabledFocusTrap: boolean;
     fallbackPosition: FallbackPositionProp;
     ariaRole: PopperContainerAriaRole;
 }>;

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

@@ -15,9 +15,9 @@ declare const _default: import("vue").DefineComponent<{
         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<{
+}, {
+    onInput: (event: Event) => void;
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, "input"[], string, Readonly<import("vue").ExtractPropTypes<{
     label: {
         type: StringConstructor;
         default: string;