@adyen/bento-vue2 0.1.3 → 0.1.4

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

@@ -1,55 +1,40 @@
-import { PropType } from 'vue';
-import { BentoAvatarColor, BentoAvatarVariant } from './avatar.types';
+import { BentoAvatarImageColor, BentoAvatarImageVariant } from '@/components/avatar-image';
 import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
 declare const _default: import("vue").DefineComponent<{
-    src: {
-        type: StringConstructor;
-        default: any;
+    iconOnly: {
+        type: BooleanConstructor;
+        default: boolean;
     };
     username: {
         type: StringConstructor;
-        default: any;
+        required: true;
     };
-    variant: {
-        type: PropType<BentoAvatarVariant>;
-        default: BentoAvatarVariant;
-        validator: (value: BentoAvatarVariant) => boolean;
-    };
-    color: {
-        type: PropType<BentoAvatarColor>;
-        default: BentoAvatarColor;
-        validator: (value: BentoAvatarColor) => boolean;
+    src: {
+        type: StringConstructor;
+        default: any;
     };
 }, {
+    BentoAvatarImageVariant: typeof BentoAvatarImageVariant;
     BentoTypographyElement: typeof BentoTypographyElement;
     BentoTypographyVariant: typeof BentoTypographyVariant;
-    conditionalClasses: import("vue").ComputedRef<{
-        [x: string]: boolean | BentoAvatarColor;
-    }>;
-    initials: import("vue").ComputedRef<string>;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
-    src: {
-        type: StringConstructor;
-        default: any;
+    computedAriaLabel: import("vue").ComputedRef<string>;
+    computedUsername: import("vue").ComputedRef<string>;
+    avatarColor: import("vue").ComputedRef<BentoAvatarImageColor>;
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    iconOnly: {
+        type: BooleanConstructor;
+        default: boolean;
     };
     username: {
         type: StringConstructor;
-        default: any;
+        required: true;
     };
-    variant: {
-        type: PropType<BentoAvatarVariant>;
-        default: BentoAvatarVariant;
-        validator: (value: BentoAvatarVariant) => boolean;
-    };
-    color: {
-        type: PropType<BentoAvatarColor>;
-        default: BentoAvatarColor;
-        validator: (value: BentoAvatarColor) => boolean;
+    src: {
+        type: StringConstructor;
+        default: any;
     };
 }>>, {
-    color: BentoAvatarColor;
     src: string;
-    variant: BentoAvatarVariant;
-    username: string;
+    iconOnly: boolean;
 }>;
 export default _default;

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

@@ -1,2 +1 @@
-export { default as Avatar } from './avatar.vue';
-export * from './avatar.types';
+export { default as BentoAvatar } from './avatar.vue';

package/dist/@types/components/{avatar/avatar.types.d.ts → avatar-image/avatar-image.types.d.ts}

@@ -1,8 +1,8 @@
-export declare enum BentoAvatarVariant {
+export declare enum BentoAvatarImageVariant {
     LARGE = "large",
     SMALL = "small"
 }
-export declare enum BentoAvatarColor {
+export declare enum BentoAvatarImageColor {
     BLUE = "blue",
     GREEN = "green",
     RED = "red",

package/dist/@types/components/avatar-image/avatar-image.vue.d.ts

@@ -0,0 +1,55 @@
+import { PropType } from 'vue';
+import { BentoAvatarImageColor, BentoAvatarImageVariant } from './avatar-image.types';
+import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+declare const _default: import("vue").DefineComponent<{
+    src: {
+        type: StringConstructor;
+        default: any;
+    };
+    username: {
+        type: StringConstructor;
+        default: any;
+    };
+    variant: {
+        type: PropType<BentoAvatarImageVariant>;
+        default: BentoAvatarImageVariant;
+        validator: (value: BentoAvatarImageVariant) => boolean;
+    };
+    color: {
+        type: PropType<BentoAvatarImageColor>;
+        default: BentoAvatarImageColor;
+        validator: (value: BentoAvatarImageColor) => boolean;
+    };
+}, {
+    BentoTypographyElement: typeof BentoTypographyElement;
+    BentoTypographyVariant: typeof BentoTypographyVariant;
+    conditionalClasses: import("vue").ComputedRef<{
+        [x: string]: boolean | BentoAvatarImageColor;
+    }>;
+    initials: import("vue").ComputedRef<string>;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    src: {
+        type: StringConstructor;
+        default: any;
+    };
+    username: {
+        type: StringConstructor;
+        default: any;
+    };
+    variant: {
+        type: PropType<BentoAvatarImageVariant>;
+        default: BentoAvatarImageVariant;
+        validator: (value: BentoAvatarImageVariant) => boolean;
+    };
+    color: {
+        type: PropType<BentoAvatarImageColor>;
+        default: BentoAvatarImageColor;
+        validator: (value: BentoAvatarImageColor) => boolean;
+    };
+}>>, {
+    color: BentoAvatarImageColor;
+    src: string;
+    variant: BentoAvatarImageVariant;
+    username: string;
+}>;
+export default _default;

package/dist/@types/components/avatar-image/index.d.ts

@@ -0,0 +1,2 @@
+export { default as AvatarImage } from './avatar-image.vue';
+export * from './avatar-image.types';

package/dist/@types/components/dropdown/components/dropdown-base-textbox/dropdown-base-textbox.types.d.ts

@@ -37,10 +37,6 @@ export declare const DropdownBaseTextboxProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    placeholder: {
-        type: StringConstructor;
-        default: any;
-    };
     value: {
         type: StringConstructor;
         default: string;

package/dist/@types/components/dropdown/components/dropdown-base-textbox/dropdown-base-textbox.vue.d.ts

@@ -47,10 +47,6 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    placeholder: {
-        type: StringConstructor;
-        default: any;
-    };
     value: {
         type: StringConstructor;
         default: string;
@@ -61,8 +57,6 @@ declare const _default: import("vue").DefineComponent<{
     conditionalClasses: import("vue").ComputedRef<{
         'b-dropdown-base-textbox--disabled': boolean;
     }>;
-    computedDisplayValue: import("vue").ComputedRef<string>;
-    shouldShowPlaceholder: import("vue").ComputedRef<boolean>;
     textboxId: string;
     textbox: any;
     isFiltering: import("vue").ComputedRef<boolean>;
@@ -118,10 +112,6 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    placeholder: {
-        type: StringConstructor;
-        default: any;
-    };
     value: {
         type: StringConstructor;
         default: string;
@@ -131,7 +121,6 @@ declare const _default: import("vue").DefineComponent<{
     value: string;
     ariaLabel: string;
     disabled: boolean;
-    placeholder: string;
     debounceTime: number;
     additionalItemsSelected: number;
     ariaLabelledby: string;

package/dist/@types/components/dropdown/components/dropdown-default-textbox/dropdown-default-textbox.vue.d.ts

@@ -45,10 +45,6 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    placeholder: {
-        type: StringConstructor;
-        default: any;
-    };
     value: {
         type: StringConstructor;
         default: string;
@@ -105,10 +101,6 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    placeholder: {
-        type: StringConstructor;
-        default: any;
-    };
     value: {
         type: StringConstructor;
         default: string;
@@ -118,7 +110,6 @@ declare const _default: import("vue").DefineComponent<{
     value: string;
     ariaLabel: string;
     disabled: boolean;
-    placeholder: string;
     debounceTime: number;
     additionalItemsSelected: number;
     ariaLabelledby: string;

package/dist/@types/components/dropdown/components/dropdown-options-container/components/dropdown-multi-select/dropdown-multi-select.vue.d.ts

@@ -1,7 +1,11 @@
 import { PropType } from 'vue';
 import { BentoTypographyElement } from '@/components/typography';
-import type { BentoDropdownOptions, BentoDropdownSelectedValue, BentoDropdownValue } from '../../../../dropdown.types';
+import type { BentoDropdownIsOptionDisabled, BentoDropdownOptions, BentoDropdownSelectedValue, BentoDropdownValue } from '../../../../dropdown.types';
 declare const _default: import("vue").DefineComponent<{
+    isOptionDisabled: {
+        type: PropType<BentoDropdownIsOptionDisabled>;
+        default: () => false;
+    };
     items: {
         type: PropType<BentoDropdownOptions>;
         required: true;
@@ -19,6 +23,10 @@ declare const _default: import("vue").DefineComponent<{
     toggleCheckboxSelection: (value: BentoDropdownValue) => void;
     toggleSelectAll: (selectedValue: boolean) => void;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "select"[], string, Readonly<import("vue").ExtractPropTypes<{
+    isOptionDisabled: {
+        type: PropType<BentoDropdownIsOptionDisabled>;
+        default: () => false;
+    };
     items: {
         type: PropType<BentoDropdownOptions>;
         required: true;
@@ -28,6 +36,7 @@ declare const _default: import("vue").DefineComponent<{
         default: BentoDropdownSelectedValue;
     };
 }>>, {
+    isOptionDisabled: BentoDropdownIsOptionDisabled;
     selectedValues: BentoDropdownSelectedValue;
 }>;
 export default _default;

package/dist/@types/components/dropdown/components/dropdown-options-container/components/dropdown-single-select-option/dropdown-single-select-option.vue.d.ts

@@ -6,6 +6,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    description: {
+        type: StringConstructor;
+        default: any;
+    };
     label: {
         type: StringConstructor;
         required: true;
@@ -29,6 +33,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    description: {
+        type: StringConstructor;
+        default: any;
+    };
     label: {
         type: StringConstructor;
         required: true;
@@ -43,6 +51,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     disabled: boolean;
+    description: string;
     selected: boolean;
 }>;
 export default _default;

package/dist/@types/components/dropdown/components/dropdown-small-textbox/dropdown-small-textbox.vue.d.ts

@@ -45,10 +45,6 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    placeholder: {
-        type: StringConstructor;
-        default: any;
-    };
     value: {
         type: StringConstructor;
         default: string;
@@ -104,10 +100,6 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    placeholder: {
-        type: StringConstructor;
-        default: any;
-    };
     value: {
         type: StringConstructor;
         default: string;
@@ -117,7 +109,6 @@ declare const _default: import("vue").DefineComponent<{
     value: string;
     ariaLabel: string;
     disabled: boolean;
-    placeholder: string;
     debounceTime: number;
     additionalItemsSelected: number;
     ariaLabelledby: string;

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

@@ -2,6 +2,7 @@ import { BentoSearchBarItem } from '../search-bar';
 export type BentoDropdownValue = string | number;
 export type BentoDropdownMultiSelectValue = BentoDropdownValue[];
 export interface BentoDropdownOptionItem extends BentoSearchBarItem {
+    description?: string;
     value: BentoDropdownValue;
 }
 export type BentoDropdownSelectedValue = BentoDropdownValue | BentoDropdownMultiSelectValue;

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

@@ -38,10 +38,6 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    placeholder: {
-        type: StringConstructor;
-        default: any;
-    };
     required: {
         type: BooleanConstructor;
         default: boolean;
@@ -100,10 +96,6 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    placeholder: {
-        type: StringConstructor;
-        default: any;
-    };
     required: {
         type: BooleanConstructor;
         default: boolean;
@@ -121,7 +113,6 @@ declare const _default: import("vue").DefineComponent<{
     disabled: boolean;
     multiple: boolean;
     description: string;
-    placeholder: string;
     items: BentoDropdownOptions;
     isOptionDisabled: BentoDropdownIsOptionDisabled;
     dynamicFiltering: boolean;

package/dist/@types/components/input-field/input-field.vue.d.ts

@@ -44,6 +44,7 @@ declare const _default: import("vue").DefineComponent<{
     BentoInputFieldVariant: typeof BentoInputFieldVariant;
     onInput: (event: Event) => void;
     focusInput: () => void;
+    hasSlot: (name: string) => boolean;
     inputFieldConditionalClasses: import("vue").ComputedRef<{
         [x: string]: boolean;
     }>;

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

@@ -16,6 +16,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    divider: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     disableFocusTrap: {
         type: BooleanConstructor;
         default: boolean;
@@ -56,6 +60,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     conditionalClasses: import("vue").ComputedRef<{
         'b-popover--small': boolean;
+        'b-popover--with-divider': boolean;
         'b-popover--large': boolean;
     }>;
     contentConditionalClasses: import("vue").ComputedRef<{
@@ -78,6 +83,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    divider: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     disableFocusTrap: {
         type: BooleanConstructor;
         default: boolean;
@@ -125,6 +134,7 @@ declare const _default: import("vue").DefineComponent<{
     actions: BentoButtonActionsList;
     fixedPositioning: boolean;
     actionsLayout: BentoButtonActionsLayout;
+    divider: boolean;
     disableFocusTrap: boolean;
     dismissible: boolean;
 }>;

package/dist/@types/components/search-bar/search-bar.vue.d.ts

@@ -141,6 +141,7 @@ declare const _default: import("vue").DefineComponent<{
         BentoInputFieldVariant: typeof import("@/components/input-field").BentoInputFieldVariant;
         onInput: (event: Event) => void;
         focusInput: () => void;
+        hasSlot: (name: string) => boolean;
         inputFieldConditionalClasses: import("vue").ComputedRef<{
             [x: string]: boolean;
         }>;

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

@@ -12,6 +12,7 @@ import {
 
     // Bento
     BentoAlert,
+    BentoAvatar,
     BentoButton,
     BentoButtonActions,
     BentoButtonGroup,
@@ -35,7 +36,6 @@ import {
     BentoTag,
     BentoToggle,
     BentoTypography,
-    BentoUserProfile,
 } from './index';
 
 declare module 'vue' {
@@ -53,6 +53,7 @@ declare module 'vue' {
 
         // Bento
         BentoAlert: typeof BentoAlert;
+        BentoAvatar: typeof BentoAvatar;
         BentoButton: typeof BentoButton;
         BentoButtonGroup: typeof BentoButtonGroup;
         BentoButtonActions: typeof BentoButtonActions;
@@ -76,6 +77,5 @@ declare module 'vue' {
         BentoTag: typeof BentoTag;
         BentoToggle: typeof BentoToggle;
         BentoTypography: typeof BentoTypography;
-        BentoUserProfile: typeof BentoUserProfile;
     }
 }

package/dist/@types/composables/use-checkbox-select-all/use-checkbox-select-all.d.ts

@@ -1,8 +1,8 @@
-import { Ref } from 'vue';
+import type { ComputedRef, Ref } from 'vue';
 import type { Fn } from '../../types';
 import { BentoDropdownMultiSelectValue, BentoDropdownOptions } from '../../components/dropdown';
-export declare const useCheckboxSelectAll: (selectedItemsList: Ref<BentoDropdownMultiSelectValue>, items: Ref<BentoDropdownOptions>, selectAll: Fn, unselectAll: Fn) => {
-    isAllSelected: import("vue").ComputedRef<boolean>;
-    isIndeterminate: import("vue").ComputedRef<boolean>;
+export declare const useCheckboxSelectAll: (selectedItemsList: Ref<BentoDropdownMultiSelectValue>, items: ComputedRef<BentoDropdownOptions>, selectAll: Fn, unselectAll: Fn) => {
+    isAllSelected: ComputedRef<boolean>;
+    isIndeterminate: ComputedRef<boolean>;
     toggleSelectAll: (selectedValue: boolean) => void;
 };

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

@@ -1,5 +1,6 @@
 import BentoVue from './install';
 export * from './components/alert';
+export * from './components/avatar';
 export * from './components/button';
 export * from './components/data-grid';
 export * from './components/card';
@@ -20,7 +21,6 @@ export * from './components/status';
 export * from './components/tag';
 export * from './components/toggle';
 export * from './components/typography';
-export * from './components/user-profile';
 export * from './types';
 export * from './directives';
 export default BentoVue;