@adyen/bento-vue2 0.1.0 → 0.1.1

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

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { BentoAvatarVariant } from './avatar.types';
+import { BentoAvatarColor, BentoAvatarVariant } from './avatar.types';
 import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
 declare const _default: import("vue").DefineComponent<{
     src: {
@@ -15,11 +15,16 @@ declare const _default: import("vue").DefineComponent<{
         default: BentoAvatarVariant;
         validator: (value: BentoAvatarVariant) => boolean;
     };
+    color: {
+        type: PropType<BentoAvatarColor>;
+        default: BentoAvatarColor;
+        validator: (value: BentoAvatarColor) => boolean;
+    };
 }, {
     BentoTypographyElement: typeof BentoTypographyElement;
     BentoTypographyVariant: typeof BentoTypographyVariant;
     conditionalClasses: import("vue").ComputedRef<{
-        [x: string]: string | boolean;
+        [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<{
@@ -36,7 +41,13 @@ declare const _default: import("vue").DefineComponent<{
         default: BentoAvatarVariant;
         validator: (value: BentoAvatarVariant) => boolean;
     };
+    color: {
+        type: PropType<BentoAvatarColor>;
+        default: BentoAvatarColor;
+        validator: (value: BentoAvatarColor) => boolean;
+    };
 }>>, {
+    color: BentoAvatarColor;
     src: string;
     variant: BentoAvatarVariant;
     username: string;

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

@@ -30,7 +30,7 @@ declare const _default: import("vue").DefineComponent<{
     conditionalClasses: import("vue").ComputedRef<{
         [x: string]: boolean;
     }>;
-    onClickButton: () => void;
+    onClickButton: (e: MouseEvent) => void;
     hasSlot: (name: string) => boolean;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("blur" | "click" | "focus" | "keydown.esc")[], string, Readonly<import("vue").ExtractPropTypes<{
     disabled: {

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

@@ -0,0 +1,170 @@
+export declare enum BentoCurrencyISOCode {
+    AFA = "AFA",
+    ALL = "ALL",
+    DZD = "DZD",
+    AOA = "AOA",
+    ARS = "ARS",
+    AMD = "AMD",
+    AWG = "AWG",
+    AUD = "AUD",
+    AZN = "AZN",
+    BSD = "BSD",
+    BHD = "BHD",
+    BDT = "BDT",
+    BBD = "BBD",
+    BYR = "BYR",
+    BEF = "BEF",
+    BZD = "BZD",
+    BMD = "BMD",
+    BTN = "BTN",
+    BTC = "BTC",
+    BOB = "BOB",
+    BAM = "BAM",
+    BWP = "BWP",
+    BRL = "BRL",
+    GBP = "GBP",
+    BND = "BND",
+    BGN = "BGN",
+    BIF = "BIF",
+    KHR = "KHR",
+    CAD = "CAD",
+    CVE = "CVE",
+    KYD = "KYD",
+    XOF = "XOF",
+    XAF = "XAF",
+    XPF = "XPF",
+    CLP = "CLP",
+    CLF = "CLF",
+    CNY = "CNY",
+    COP = "COP",
+    KMF = "KMF",
+    CDF = "CDF",
+    CRC = "CRC",
+    HRK = "HRK",
+    CUC = "CUC",
+    CZK = "CZK",
+    DKK = "DKK",
+    DJF = "DJF",
+    DOP = "DOP",
+    XCD = "XCD",
+    EGP = "EGP",
+    ERN = "ERN",
+    EEK = "EEK",
+    ETB = "ETB",
+    EUR = "EUR",
+    FKP = "FKP",
+    FJD = "FJD",
+    GMD = "GMD",
+    GEL = "GEL",
+    DEM = "DEM",
+    GHS = "GHS",
+    GIP = "GIP",
+    GRD = "GRD",
+    GTQ = "GTQ",
+    GNF = "GNF",
+    GYD = "GYD",
+    HTG = "HTG",
+    HNL = "HNL",
+    HKD = "HKD",
+    HUF = "HUF",
+    ISK = "ISK",
+    INR = "INR",
+    IDR = "IDR",
+    IRR = "IRR",
+    IQD = "IQD",
+    ILS = "ILS",
+    ITL = "ITL",
+    JMD = "JMD",
+    JPY = "JPY",
+    JOD = "JOD",
+    KZT = "KZT",
+    KES = "KES",
+    KWD = "KWD",
+    KGS = "KGS",
+    LAK = "LAK",
+    LVL = "LVL",
+    LBP = "LBP",
+    LSL = "LSL",
+    LRD = "LRD",
+    LYD = "LYD",
+    LTC = "LTC",
+    LTL = "LTL",
+    MOP = "MOP",
+    MKD = "MKD",
+    MGA = "MGA",
+    MWK = "MWK",
+    MYR = "MYR",
+    MVR = "MVR",
+    MRO = "MRO",
+    MUR = "MUR",
+    MXN = "MXN",
+    MDL = "MDL",
+    MNT = "MNT",
+    MAD = "MAD",
+    MZM = "MZM",
+    MMK = "MMK",
+    NAD = "NAD",
+    NPR = "NPR",
+    ANG = "ANG",
+    TWD = "TWD",
+    NZD = "NZD",
+    NIO = "NIO",
+    NGN = "NGN",
+    KPW = "KPW",
+    NOK = "NOK",
+    OMR = "OMR",
+    PKR = "PKR",
+    PAB = "PAB",
+    PGK = "PGK",
+    PYG = "PYG",
+    PEN = "PEN",
+    PHP = "PHP",
+    PLN = "PLN",
+    QAR = "QAR",
+    RON = "RON",
+    RUB = "RUB",
+    RWF = "RWF",
+    SVC = "SVC",
+    WST = "WST",
+    STD = "STD",
+    SAR = "SAR",
+    RSD = "RSD",
+    SCR = "SCR",
+    SLL = "SLL",
+    SGD = "SGD",
+    SKK = "SKK",
+    SBD = "SBD",
+    SOS = "SOS",
+    ZAR = "ZAR",
+    KRW = "KRW",
+    SSP = "SSP",
+    XDR = "XDR",
+    LKR = "LKR",
+    SHP = "SHP",
+    SDG = "SDG",
+    SRD = "SRD",
+    SZL = "SZL",
+    SEK = "SEK",
+    CHF = "CHF",
+    SYP = "SYP",
+    TJS = "TJS",
+    TZS = "TZS",
+    THB = "THB",
+    TOP = "TOP",
+    TTD = "TTD",
+    TND = "TND",
+    TRY = "TRY",
+    TMT = "TMT",
+    UGX = "UGX",
+    UAH = "UAH",
+    AED = "AED",
+    UYU = "UYU",
+    USD = "USD",
+    UZS = "UZS",
+    VUV = "VUV",
+    VEF = "VEF",
+    VND = "VND",
+    YER = "YER",
+    ZMK = "ZMK",
+    ZWL = "ZWL"
+}

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

@@ -0,0 +1,32 @@
+import { PropType } from 'vue';
+import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+import { BentoCurrencyISOCode } from '@/components/currency/currency.types';
+declare const _default: import("vue").DefineComponent<{
+    currency: {
+        type: PropType<BentoCurrencyISOCode>;
+        default: BentoCurrencyISOCode;
+        validator: (value: BentoCurrencyISOCode) => boolean;
+    };
+    shorthand: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    formattedCurrency: import("vue").ComputedRef<string>;
+    BentoTypographyVariant: typeof BentoTypographyVariant;
+    BentoTypographyElement: typeof BentoTypographyElement;
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    currency: {
+        type: PropType<BentoCurrencyISOCode>;
+        default: BentoCurrencyISOCode;
+        validator: (value: BentoCurrencyISOCode) => boolean;
+    };
+    shorthand: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    currency: BentoCurrencyISOCode;
+    shorthand: boolean;
+}>;
+export default _default;

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

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

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

@@ -0,0 +1,91 @@
+declare const _default: import("vue").DefineComponent<{
+    autoComplete: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    ariaControls: {
+        type: StringConstructor;
+        required: true;
+    };
+    ariaExpanded: {
+        type: StringConstructor;
+        required: true;
+    };
+    ariaLabelledby: {
+        type: StringConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isInvalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    displayValue: {
+        type: StringConstructor;
+        default: any;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
+}, {
+    conditionalClasses: import("vue").ComputedRef<{
+        'b-dropdown-default-textbox--error': boolean;
+        'b-dropdown-default-textbox--disabled': boolean;
+        'b-dropdown-default-textbox--opened': boolean;
+    }>;
+    isDropdownOpen: import("vue").ComputedRef<boolean>;
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    autoComplete: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    ariaControls: {
+        type: StringConstructor;
+        required: true;
+    };
+    ariaExpanded: {
+        type: StringConstructor;
+        required: true;
+    };
+    ariaLabelledby: {
+        type: StringConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isInvalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    displayValue: {
+        type: StringConstructor;
+        default: any;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
+}>>, {
+    open: boolean;
+    disabled: boolean;
+    placeholder: string;
+    displayValue: string;
+    autoComplete: boolean;
+    ariaLabelledby: string;
+    isInvalid: boolean;
+}>;
+export default _default;

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

@@ -0,0 +1,81 @@
+declare const _default: import("vue").DefineComponent<{
+    autoComplete: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    ariaControls: {
+        type: StringConstructor;
+        required: true;
+    };
+    ariaExpanded: {
+        type: StringConstructor;
+        required: true;
+    };
+    ariaLabelledby: {
+        type: StringConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    displayValue: {
+        type: StringConstructor;
+        default: any;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
+}, {
+    conditionalClasses: import("vue").ComputedRef<{
+        'b-dropdown-small-textbox--disabled': boolean;
+        'b-dropdown-small-textbox--opened': boolean;
+    }>;
+    isDropdownOpen: import("vue").ComputedRef<boolean>;
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    autoComplete: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    ariaControls: {
+        type: StringConstructor;
+        required: true;
+    };
+    ariaExpanded: {
+        type: StringConstructor;
+        required: true;
+    };
+    ariaLabelledby: {
+        type: StringConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    displayValue: {
+        type: StringConstructor;
+        default: any;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
+}>>, {
+    open: boolean;
+    disabled: boolean;
+    placeholder: string;
+    displayValue: string;
+    autoComplete: boolean;
+    ariaLabelledby: string;
+}>;
+export default _default;

package/dist/@types/components/filter-bar/components/base-filter/components/filter-button/filter-button.vue.d.ts

@@ -0,0 +1,32 @@
+import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+declare const _default: import("vue").DefineComponent<{
+    amountAppliedValues: {
+        type: NumberConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    BentoTypographyElement: typeof BentoTypographyElement;
+    BentoTypographyVariant: typeof BentoTypographyVariant;
+    computedAriaLabel: import("vue").ComputedRef<string>;
+    conditionalClasses: import("vue").ComputedRef<{
+        "b-filter-button--with-counter": number;
+    }>;
+    onClickButton: () => void;
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, "click"[], string, Readonly<import("vue").ExtractPropTypes<{
+    amountAppliedValues: {
+        type: NumberConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    disabled: boolean;
+    amountAppliedValues: number;
+}>;
+export default _default;

package/dist/@types/components/user-profile/index.d.ts

@@ -0,0 +1 @@
+export { default as BentoUserProfile } from './user-profile.vue';

package/dist/@types/components/user-profile/user-profile.vue.d.ts

@@ -0,0 +1,40 @@
+import { BentoAvatarColor, BentoAvatarVariant } from '@/components/avatar';
+import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+declare const _default: import("vue").DefineComponent<{
+    iconOnly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    username: {
+        type: StringConstructor;
+        required: true;
+    };
+    src: {
+        type: StringConstructor;
+        default: any;
+    };
+}, {
+    BentoAvatarVariant: typeof BentoAvatarVariant;
+    BentoTypographyElement: typeof BentoTypographyElement;
+    BentoTypographyVariant: typeof BentoTypographyVariant;
+    computedAriaLabel: import("vue").ComputedRef<string>;
+    computedUsername: import("vue").ComputedRef<string>;
+    avatarColor: import("vue").ComputedRef<BentoAvatarColor>;
+}, {}, {}, {}, 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;
+        required: true;
+    };
+    src: {
+        type: StringConstructor;
+        default: any;
+    };
+}>>, {
+    src: string;
+    iconOnly: boolean;
+}>;
+export default _default;

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

@@ -22,6 +22,7 @@ import {
     BentoCheckboxGroup,
     BentoClickOutside,
     BentoCountry,
+    BentoCurrency,
     BentoDataGrid,
     BentoInputField,
     BentoLink,
@@ -35,6 +36,7 @@ import {
     BentoTag,
     BentoToggle,
     BentoTypography,
+    BentoUserProfile,
 } from './index';
 
 declare module 'vue' {
@@ -62,6 +64,7 @@ declare module 'vue' {
         BentoCheckboxGroup: typeof BentoCheckboxGroup;
         BentoClickOutside: typeof BentoClickOutside;
         BentoCountry: typeof BentoCountry;
+        BentoCurrency: typeof BentoCurrency;
         BentoDataGrid: typeof BentoDataGrid;
         BentoInputField: typeof BentoInputField;
         BentoLink: typeof BentoLink;
@@ -75,5 +78,6 @@ declare module 'vue' {
         BentoTag: typeof BentoTag;
         BentoToggle: typeof BentoToggle;
         BentoTypography: typeof BentoTypography;
+        BentoUserProfile: typeof BentoUserProfile;
     }
 }

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

@@ -0,0 +1 @@
+export * from './initials';

package/dist/@types/composables/initials.d.ts

@@ -0,0 +1,3 @@
+import { ComputedRef } from 'vue';
+import { MaybeRef } from '../types';
+export declare const useInitials: (username: MaybeRef<string | null>) => ComputedRef<string | null>;

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

@@ -5,6 +5,7 @@ export * from './components/data-grid';
 export * from './components/checkbox';
 export * from './components/click-outside';
 export * from './components/country';
+export * from './components/currency';
 export * from './components/filter-bar';
 export * from './components/input-field';
 export * from './components/loading-indicator';
@@ -17,6 +18,7 @@ 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;

package/dist/@types/utils/ts/currency/countries-list.d.ts

@@ -0,0 +1,4 @@
+export declare const currencyExponentMap: {
+    exponent: number;
+    currencies: string[];
+}[];

package/dist/@types/utils/ts/currency/currency.d.ts

@@ -0,0 +1,6 @@
+import { CurrencyAmount, CurrencyOptions, NumberFormatOptionsResult } from './currency.types';
+export declare const getExponent: (currencyCode: string) => number;
+export declare const getMinorUnitsAmount: (amount: CurrencyAmount) => number;
+export declare const getNormalizedAmount: (amount: CurrencyAmount, exponent: number) => number;
+export declare function getNumberFormatOptions(amount: CurrencyAmount, options?: CurrencyOptions): NumberFormatOptionsResult;
+export declare const getLocalizedCurrencyValue: (amountValue: string, currency: string, isShort?: boolean) => string;

package/dist/@types/utils/ts/currency/currency.types.d.ts

@@ -0,0 +1,24 @@
+export interface CurrencyAmount {
+    value: number;
+    currency: string;
+}
+export interface CurrencyOptions {
+    style?: string;
+    exponent?: number;
+    optionalFractions?: boolean;
+    highPrecision?: boolean;
+}
+export interface CurrencyFormatOptions {
+    amount: CurrencyAmount;
+    options?: CurrencyOptions;
+}
+export interface NumberFormatOptionsResult {
+    value: number;
+    format: {
+        currency: string;
+        currencyDisplay: string;
+        maximumFractionDigits: number;
+        minimumFractionDigits: number;
+        style: string;
+    };
+}

package/dist/@types/utils/ts/deep-merge/deep-merge.d.ts

@@ -0,0 +1 @@
+export declare function deepMerge(target: object, source: object): object;

package/dist/@types/utils/ts/deep-merge/index.d.ts

@@ -0,0 +1 @@
+export * from './deep-merge';