@adyen/bento-vue2 0.0.2 → 0.0.3

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

@@ -10,12 +10,12 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}, {}, {}, {
-    ariaLabel(): string;
-    conditionalClasses(): {
+}, {
+    ariaLabel: import("vue").ComputedRef<string>;
+    conditionalClasses: import("vue").ComputedRef<{
         [x: string]: boolean;
-    };
-}, {}, 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, {}, string, Readonly<import("vue").ExtractPropTypes<{
     variant: {
         type: PropType<AdlBadgeVariant>;
         default: AdlBadgeVariant;

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

@@ -23,20 +23,15 @@ declare const _default: import("vue").DefineComponent<{
         default: BentoButtonVariant;
         validator: (value: BentoButtonVariant) => boolean;
     };
-}, {}, {
+}, {
     BentoTypographyElement: typeof BentoTypographyElement;
     BentoTypographyVariant: typeof BentoTypographyVariant;
-}, {
-    ariaLabel(): string | undefined;
-    conditionalClasses(): {
-        [x: string]: boolean;
-    };
-    variantClass(): {
+    ariaLabel: import("vue").ComputedRef<string>;
+    conditionalClasses: import("vue").ComputedRef<{
         [x: string]: boolean;
-    };
-}, {
-    onClickButton(): void;
-}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    }>;
+    onClickButton: () => void;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "click"[], string, Readonly<import("vue").ExtractPropTypes<{
     disabled: {
         type: BooleanConstructor;
         default: boolean;

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

@@ -18,8 +18,12 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
 }, {
-    ariaLabel: import("vue").ComputedRef<string>;
+    computedAriaLabel: import("vue").ComputedRef<string>;
     ariaChecked: import("vue").ComputedRef<"mixed" | (boolean | "false" | "true")>;
     isCheckboxGroup: import("vue").ComputedRef<boolean>;
     isChecked: import("vue").ComputedRef<boolean>;
@@ -50,8 +54,13 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
 }>>, {
     value: string | number;
+    ariaLabel: string;
     disabled: boolean;
     indeterminate: boolean;
     modelValue: BentoCheckboxType;

package/dist/@types/components/data-grid/data-grid.types.d.ts

@@ -1,4 +1,8 @@
 import { BentoPagination } from '../pagination';
+export declare enum BentoColumnOverflow {
+    WRAP = "wrap",
+    ELLIPSIS = "ellipsis"
+}
 export interface BentoColumn {
     field: string;
     label: string;
@@ -10,6 +14,7 @@ export interface BentoColumn {
         left?: boolean;
         right?: boolean;
     };
+    overflow?: BentoColumnOverflow;
 }
 export declare enum BentoDatagridStyleState {
     OUTLINE = "outline"

package/dist/@types/components/data-grid/data-grid.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { BentoColumn, BentoDatagridData, BentoDatagridDataItem, BentoDatagridDataItemId, BentoDatagridGetDataItemIdFn, BentoDatagridIsDataItemDisabledFn, BentoDatagridSortByColumn, BentoDatagridSortDirection } from './data-grid.types';
+import { BentoColumn, BentoColumnOverflow, BentoDatagridData, BentoDatagridDataItem, BentoDatagridDataItemId, BentoDatagridGetDataItemIdFn, BentoDatagridIsDataItemDisabledFn, BentoDatagridSortByColumn, BentoDatagridSortDirection } from './data-grid.types';
 import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
 declare const _default: import("vue").DefineComponent<{
     condensed: {
@@ -41,6 +41,7 @@ declare const _default: import("vue").DefineComponent<{
             page: number;
             totalCount: number;
             hasNext: boolean;
+            hidePageSize: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             ariaLabel: {
                 type: StringConstructor;
@@ -50,6 +51,10 @@ declare const _default: import("vue").DefineComponent<{
                 type: BooleanConstructor;
                 default: any;
             };
+            hidePageSize: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             page: {
                 type: NumberConstructor;
                 default: number;
@@ -73,6 +78,10 @@ declare const _default: import("vue").DefineComponent<{
                 type: BooleanConstructor;
                 default: any;
             };
+            hidePageSize: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             page: {
                 type: NumberConstructor;
                 default: number;
@@ -114,8 +123,10 @@ declare const _default: import("vue").DefineComponent<{
             left?: boolean;
             right?: boolean;
         };
+        overflow?: BentoColumnOverflow;
     }[]>;
     ariaGridHeaderText: import("vue").ComputedRef<string>;
+    conditionalTitleAttribute: (column: BentoColumn, content: unknown) => string;
     gridColumnWidthStyle: import("vue").ComputedRef<{
         gridTemplateColumns: string;
         gridColumnEnd: number;
@@ -133,6 +144,7 @@ declare const _default: import("vue").DefineComponent<{
         'b-data-grid__row--disabled': boolean;
     };
     conditionalRowCellClasses: (column: BentoColumn) => {
+        [x: string]: boolean;
         'b-data-grid__cell--padding-left-unset': boolean;
         'b-data-grid__cell--padding-right-unset': boolean;
         'b-data-grid__cell--condensed': boolean;
@@ -214,6 +226,7 @@ declare const _default: import("vue").DefineComponent<{
             page: number;
             totalCount: number;
             hasNext: boolean;
+            hidePageSize: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             ariaLabel: {
                 type: StringConstructor;
@@ -223,6 +236,10 @@ declare const _default: import("vue").DefineComponent<{
                 type: BooleanConstructor;
                 default: any;
             };
+            hidePageSize: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             page: {
                 type: NumberConstructor;
                 default: number;
@@ -246,6 +263,10 @@ declare const _default: import("vue").DefineComponent<{
                 type: BooleanConstructor;
                 default: any;
             };
+            hidePageSize: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             page: {
                 type: NumberConstructor;
                 default: number;

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

@@ -1 +1,2 @@
 export { default as BentoLink } from './link.vue';
+export * from './link.types';

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

@@ -0,0 +1,4 @@
+export declare enum BentoLinkVariant {
+    DEFAULT = "default",
+    QUIET = "quiet"
+}

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

@@ -1,11 +1,20 @@
-export interface Props extends RouterLinkProps {
+export interface Props extends RouterLinkProps, AnchorHTMLAttributes {
     args?: {
         props: RouterLinkProps;
     };
     external?: boolean;
+    variant?: BentoLinkVariant;
 }
+import { BentoLinkVariant } from './link.types';
 import type { RouterLinkProps } from 'vue-router/types/router';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}>, {
+import type { AnchorHTMLAttributes } from 'vue/types/jsx';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    variant: BentoLinkVariant;
+}>, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    variant: BentoLinkVariant;
+}>>>, {
+    variant: BentoLinkVariant;
+}>, {
     default: (_: import("vue-router/types/router").RouterLinkSlotArgument) => any;
 }>;
 export default _default;
@@ -18,6 +27,11 @@ declare type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
+declare type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};
 declare type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -7,6 +7,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: any;
     };
+    hidePageSize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     page: {
         type: NumberConstructor;
         default: number;
@@ -23,6 +27,9 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     totalPages: import("vue").ComputedRef<number>;
+    navigationConditionalClasses: import("vue").ComputedRef<{
+        'b-pagination__navigation--no-results-per-page': boolean;
+    }>;
     navigate: (pageArg: number) => void;
     onItemsPerPageChange: (elements: number) => void;
     onPageSelected: (pageNumber: number) => void;
@@ -35,6 +42,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: any;
     };
+    hidePageSize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     page: {
         type: NumberConstructor;
         default: number;
@@ -55,5 +66,6 @@ declare const _default: import("vue").DefineComponent<{
     page: number;
     totalCount: number;
     hasNext: boolean;
+    hidePageSize: boolean;
 }>;
 export default _default;

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

@@ -59,6 +59,9 @@ declare const _default: import("vue").DefineComponent<{
         'b-popover--small': boolean;
         'b-popover--large': boolean;
     }>;
+    contentConditionalClasses: import("vue").ComputedRef<{
+        'b-popover__content--with-title': boolean;
+    }>;
     computedAriaLabel: import("vue").ComputedRef<string>;
     BentoTypographyElement: typeof BentoTypographyElement;
     BentoTypographyVariant: typeof BentoTypographyVariant;

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

@@ -20,7 +20,7 @@ declare const _default: import("vue").DefineComponent<{
     shouldShowLabel: ComputedRef<boolean>;
     shouldShowSubLabel: ComputedRef<boolean>;
     conditionalClass: ComputedRef<{
-        'b-radio-button--disabled': boolean;
+        'b-input-radio--disabled': boolean;
     }>;
     onClick: () => void;
     BentoTypographyVariant: typeof BentoTypographyVariant;

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

@@ -17,8 +17,8 @@ declare const _default: import("vue").DefineComponent<{
         selectedValue: any;
         name: string;
     };
+    ariaLabel: any;
 }, {
-    ariaLabel(): string;
     conditionalClasses(): {
         [className: string]: boolean;
     };

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

@@ -12,6 +12,7 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
 }, {
+    computedAriaLabel: import("vue").ComputedRef<string>;
     textFromSlot: string;
     formattedText: import("vue").ComputedRef<string>;
     tagConditionalClasses: import("vue").ComputedRef<{

package/dist/@types/utils/ts/aria-label.d.ts

@@ -0,0 +1,9 @@
+import { ComputedRef } from 'vue';
+import { MaybeRef } from '../../types/maybe-ref';
+interface ariaLabelOptions {
+    ariaLabel?: MaybeRef<string | null>;
+    label?: MaybeRef<string | null>;
+    defaultFallback?: MaybeRef<string | null>;
+}
+export declare const useAriaLabel: ({ ariaLabel, label, defaultFallback, }: ariaLabelOptions) => ComputedRef<string>;
+export {};