@adyen/bento-vue2 0.1.0 → 0.1.2

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/data-grid/data-grid.vue.d.ts

@@ -133,6 +133,7 @@ declare const _default: import("vue").DefineComponent<{
     }[]>;
     ariaGridHeaderText: import("vue").ComputedRef<string>;
     conditionalTitleAttribute: (column: BentoColumn, content: unknown) => string;
+    getRowData: (rowData: unknown) => unknown;
     gridColumnWidthStyle: import("vue").ComputedRef<{
         gridTemplateColumns: string;
         gridColumnEnd: number;

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

@@ -0,0 +1,53 @@
+import { PropType } from 'vue';
+import { Booleanish } from '../../../../types';
+export declare const DropdownBaseTextboxProps: {
+    additionalItemsSelected: {
+        type: NumberConstructor;
+        default: number;
+    };
+    dynamicFiltering: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    ariaControls: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    ariaExpanded: {
+        type: PropType<Booleanish>;
+        required: boolean;
+    };
+    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;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+    debounceTime: {
+        type: NumberConstructor;
+        default: number;
+    };
+};
+export default DropdownBaseTextboxProps;

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

@@ -1,26 +1,33 @@
+import { PropType } from 'vue';
 import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+import { Booleanish } from '@/types';
+import type { HTMLAttributes } from 'vue/types/jsx';
 declare const _default: import("vue").DefineComponent<{
-    autoComplete: {
-        type: BooleanConstructor;
-        default: boolean;
+    additionalItemsSelected: {
+        type: NumberConstructor;
+        default: number;
     };
     ariaControls: {
         type: StringConstructor;
         required: true;
     };
     ariaExpanded: {
-        type: StringConstructor;
+        type: PropType<Booleanish>;
         required: true;
     };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
     ariaLabelledby: {
         type: StringConstructor;
         default: any;
     };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
+    debounceTime: {
+        type: NumberConstructor;
+        default: number;
     };
-    isInvalid: {
+    disabled: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -28,6 +35,14 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    dynamicFiltering: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isInvalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     open: {
         type: BooleanConstructor;
         default: boolean;
@@ -36,6 +51,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
 }, {
     BentoTypographyElement: typeof BentoTypographyElement;
     BentoTypographyVariant: typeof BentoTypographyVariant;
@@ -43,36 +62,42 @@ declare const _default: import("vue").DefineComponent<{
         'b-dropdown-base-textbox--disabled': boolean;
     }>;
     computedDisplayValue: import("vue").ComputedRef<string>;
-    computedDropdownTextbox: import("vue").ComputedRef<"div" | "input">;
-    isInputField: import("vue").ComputedRef<boolean>;
     shouldShowPlaceholder: import("vue").ComputedRef<boolean>;
     textboxId: string;
     textbox: any;
+    isFiltering: import("vue").ComputedRef<boolean>;
+    ariaAttributes: import("vue").ComputedRef<HTMLAttributes>;
     onCloseDropdown: () => void;
     onToggleDropdown: () => void;
+    onClearSearch: () => void;
+    onInputEvent: (event: Event) => void;
     hasSlot: (name: string) => boolean;
-}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("open" | "close")[], string, Readonly<import("vue").ExtractPropTypes<{
-    autoComplete: {
-        type: BooleanConstructor;
-        default: boolean;
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("input" | "open" | "clear" | "close")[], string, Readonly<import("vue").ExtractPropTypes<{
+    additionalItemsSelected: {
+        type: NumberConstructor;
+        default: number;
     };
     ariaControls: {
         type: StringConstructor;
         required: true;
     };
     ariaExpanded: {
-        type: StringConstructor;
+        type: PropType<Booleanish>;
         required: true;
     };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
     ariaLabelledby: {
         type: StringConstructor;
         default: any;
     };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
+    debounceTime: {
+        type: NumberConstructor;
+        default: number;
     };
-    isInvalid: {
+    disabled: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -80,6 +105,14 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    dynamicFiltering: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isInvalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     open: {
         type: BooleanConstructor;
         default: boolean;
@@ -88,13 +121,21 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
 }>>, {
     open: boolean;
+    value: string;
+    ariaLabel: string;
     disabled: boolean;
     placeholder: string;
-    displayValue: string;
-    autoComplete: boolean;
+    debounceTime: number;
+    additionalItemsSelected: number;
     ariaLabelledby: string;
+    displayValue: string;
+    dynamicFiltering: boolean;
     isInvalid: boolean;
 }>;
 export default _default;

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

@@ -0,0 +1,129 @@
+import { PropType } from 'vue';
+import { Booleanish } from '../../../../types';
+declare const _default: import("vue").DefineComponent<{
+    additionalItemsSelected: {
+        type: NumberConstructor;
+        default: number;
+    };
+    ariaControls: {
+        type: StringConstructor;
+        required: true;
+    };
+    ariaExpanded: {
+        type: PropType<Booleanish>;
+        required: true;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    ariaLabelledby: {
+        type: StringConstructor;
+        default: any;
+    };
+    debounceTime: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    displayValue: {
+        type: StringConstructor;
+        default: any;
+    };
+    dynamicFiltering: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isInvalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    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").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("input" | "open" | "clear" | "close")[], string, Readonly<import("vue").ExtractPropTypes<{
+    additionalItemsSelected: {
+        type: NumberConstructor;
+        default: number;
+    };
+    ariaControls: {
+        type: StringConstructor;
+        required: true;
+    };
+    ariaExpanded: {
+        type: PropType<Booleanish>;
+        required: true;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    ariaLabelledby: {
+        type: StringConstructor;
+        default: any;
+    };
+    debounceTime: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    displayValue: {
+        type: StringConstructor;
+        default: any;
+    };
+    dynamicFiltering: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isInvalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    open: boolean;
+    value: string;
+    ariaLabel: string;
+    disabled: boolean;
+    placeholder: string;
+    debounceTime: number;
+    additionalItemsSelected: number;
+    ariaLabelledby: string;
+    displayValue: string;
+    dynamicFiltering: boolean;
+    isInvalid: boolean;
+}>;
+export default _default;

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

@@ -1,23 +1,32 @@
 import { PropType } from 'vue';
-import { AdlDropdownValue } from '@/components/dropdown/dropdown.types';
+import { BentoTypographyElement } from '@/components/typography';
+import type { AdlDropdownValue as BentoDropdownValue } from '@/components/dropdown/dropdown.types';
 declare const _default: import("vue").DefineComponent<{
     label: {
         type: StringConstructor;
         required: true;
     };
     value: {
-        type: PropType<AdlDropdownValue>;
+        type: PropType<BentoDropdownValue>;
         required: true;
     };
     selected: {
         type: BooleanConstructor;
         default: boolean;
     };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     conditionalClasses: import("vue").ComputedRef<{
-        'adl2-dropdown-option--selected': boolean;
+        'b-dropdown-single-select-option--disabled': boolean;
+        'b-dropdown-single-select-option--selected': boolean;
     }>;
+    ariaDisabled: import("vue").ComputedRef<boolean>;
     ariaSelected: import("vue").ComputedRef<boolean>;
+    tabIndex: import("vue").ComputedRef<0 | -1>;
+    BentoTypographyElement: typeof BentoTypographyElement;
     onOptionSelected: () => void;
 }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, "select"[], string, Readonly<import("vue").ExtractPropTypes<{
     label: {
@@ -25,14 +34,19 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     value: {
-        type: PropType<AdlDropdownValue>;
+        type: PropType<BentoDropdownValue>;
         required: true;
     };
     selected: {
         type: BooleanConstructor;
         default: boolean;
     };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
+    disabled: boolean;
     selected: boolean;
 }>;
 export default _default;

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

@@ -0,0 +1 @@
+export { default as BentoDropdownSingleSelectOption } from './dropdown-single-select-option.vue';