@adyen/bento-vue2 0.7.0 → 0.8.0

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

@@ -0,0 +1,129 @@
+import { PropType } from 'vue';
+import { BentoModalDialogType, BentoModalEvent, BentoModalSize, BentoModalVariant } from '@/components/modal/modal.types';
+import { BentoButtonActionsList } from '@/components/button';
+declare const _default: import("vue").DefineComponent<{
+    variant: {
+        type: PropType<BentoModalVariant>;
+        default: BentoModalVariant;
+    };
+    isDismissible: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    actions: {
+        type: PropType<BentoButtonActionsList>;
+        default: any;
+    };
+    hideCloseButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<BentoModalSize>;
+        default: BentoModalSize;
+    };
+    customPadding: {
+        type: StringConstructor;
+        default: any;
+    };
+    actionsLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    destructiveActions: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dialogType: {
+        type: PropType<BentoModalDialogType>;
+        default: BentoModalDialogType;
+    };
+    content: {
+        type: StringConstructor;
+        default: any;
+    };
+}, {
+    onCloseModal: () => void;
+    customProps: import("vue").ComputedRef<{
+        hideCloseButton: boolean;
+        size: BentoModalSize;
+        customPadding: string;
+        actionsLabel: string;
+        destructiveActions: boolean;
+        isDismissible: boolean;
+        dialogType?: undefined;
+        content?: undefined;
+    } | {
+        dialogType: BentoModalDialogType;
+        content: string;
+        isDismissible: boolean;
+        hideCloseButton?: undefined;
+        size?: undefined;
+        customPadding?: undefined;
+        actionsLabel?: undefined;
+        destructiveActions?: undefined;
+    }>;
+    hasSlot: (name: string) => boolean;
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, BentoModalEvent[], string, Readonly<import("vue").ExtractPropTypes<{
+    variant: {
+        type: PropType<BentoModalVariant>;
+        default: BentoModalVariant;
+    };
+    isDismissible: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    actions: {
+        type: PropType<BentoButtonActionsList>;
+        default: any;
+    };
+    hideCloseButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<BentoModalSize>;
+        default: BentoModalSize;
+    };
+    customPadding: {
+        type: StringConstructor;
+        default: any;
+    };
+    actionsLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    destructiveActions: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dialogType: {
+        type: PropType<BentoModalDialogType>;
+        default: BentoModalDialogType;
+    };
+    content: {
+        type: StringConstructor;
+        default: any;
+    };
+}>>, {
+    content: string;
+    size: BentoModalSize;
+    variant: BentoModalVariant;
+    actions: BentoButtonActionsList;
+    isDismissible: boolean;
+    hideCloseButton: boolean;
+    customPadding: string;
+    isOpen: boolean;
+    actionsLabel: string;
+    destructiveActions: boolean;
+    dialogType: BentoModalDialogType;
+}>;
+export default _default;

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

@@ -32,6 +32,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     large: {
         type: BooleanConstructor;
         default: boolean;
@@ -104,6 +108,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     large: {
         type: BooleanConstructor;
         default: boolean;
@@ -135,6 +143,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     small: boolean;
+    open: boolean;
     position: import("@/components/popper-container").PopperContainerPosition;
     title: string;
     ariaLabel: string;

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

@@ -18,6 +18,7 @@ declare const _default: import("vue").DefineComponent<{
     isChecked: ComputedRef<boolean>;
     defaultSlotValue: string;
     subLabelSlotValue: string;
+    descriptionSlotValue: string;
     conditionalClass: ComputedRef<{
         'b-radio-button--disabled': boolean;
     }>;

package/dist/@types/components/structured-list/components/structered-list-item/structured-list-item.vue.d.ts

@@ -0,0 +1,46 @@
+import { PropType } from 'vue';
+import { BentoTypographyElement } from '@/components/typography';
+import { BentoButtonVariant } from '@/components/button';
+declare const _default: import("vue").DefineComponent<{
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    copy: {
+        type: StringConstructor;
+        default: any;
+    };
+    search: {
+        type: PropType<(event: Event) => void>;
+        default: any;
+    };
+    searchTooltip: {
+        type: StringConstructor;
+        default: any;
+    };
+}, {
+    BentoButtonVariant: typeof BentoButtonVariant;
+    BentoTypographyElement: typeof BentoTypographyElement;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    copy: {
+        type: StringConstructor;
+        default: any;
+    };
+    search: {
+        type: PropType<(event: Event) => void>;
+        default: any;
+    };
+    searchTooltip: {
+        type: StringConstructor;
+        default: any;
+    };
+}>>, {
+    search: (event: Event) => void;
+    copy: string;
+    searchTooltip: string;
+}>;
+export default _default;

package/dist/@types/components/structured-list/index.d.ts

@@ -0,0 +1,2 @@
+export { default as BentoStructuredList } from './structured-list.vue';
+export { default as BentoStructuredListItem } from './components/structered-list-item/structured-list-item.vue';

package/dist/@types/components/structured-list/structured-list.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, unknown, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/dist/@types/components/summary-grid/components/grid-layout/grid-layout.types.d.ts

@@ -0,0 +1,6 @@
+export interface GridLayoutColumnWidth {
+    small: number | string;
+    medium: number | string;
+    large: number | string;
+}
+export type GridLayoutColumnWidths = Array<'auto' | GridLayoutColumnWidth>;

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

@@ -0,0 +1,21 @@
+import { PropType } from 'vue';
+import { GridLayoutColumnWidths } from './grid-layout.types';
+declare const _default: import("vue").DefineComponent<{
+    columnWidth: {
+        type: PropType<GridLayoutColumnWidths>;
+        default: any;
+        validator: (array: GridLayoutColumnWidths) => boolean;
+    };
+}, {
+    computeColumnSize: (index: any) => string[];
+    hasSlot: (name: string) => boolean;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    columnWidth: {
+        type: PropType<GridLayoutColumnWidths>;
+        default: any;
+        validator: (array: GridLayoutColumnWidths) => boolean;
+    };
+}>>, {
+    columnWidth: GridLayoutColumnWidths;
+}>;
+export default _default;

package/dist/@types/components/summary-grid/components/summary-grid-item/index.d.ts

@@ -0,0 +1,2 @@
+export { default as SummaryGridItem } from './summary-grid-item.vue';
+export * from './summary-grid-item.types';

package/dist/@types/components/summary-grid/components/summary-grid-item/summary-grid-item.types.d.ts

@@ -0,0 +1,7 @@
+export declare enum SummaryGridItemType {
+    AMOUNT = "amount",
+    PERCENTAGE = "percentage",
+    NUMERIC = "numeric",
+    TEXT = "text",
+    CUSTOM = "custom"
+}

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

@@ -0,0 +1,102 @@
+import { PropType } from 'vue';
+import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+import { BentoSummaryGridItemSize, BentoSummaryGridItemTrendDirection } from '@/components/summary-grid/summary-grid.types';
+import { BentoTagVariant } from '@/components/tag';
+import { SummaryGridItemType } from './summary-grid-item.types';
+declare const _default: import("vue").DefineComponent<{
+    copy: {
+        type: StringConstructor;
+        default: any;
+    };
+    itemType: {
+        type: PropType<SummaryGridItemType>;
+        default: SummaryGridItemType;
+    };
+    infoIconTooltipText: {
+        type: StringConstructor;
+        default: any;
+    };
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+    fitContent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<BentoSummaryGridItemSize>;
+        default: BentoSummaryGridItemSize;
+    };
+    trendDirection: {
+        type: PropType<BentoSummaryGridItemTrendDirection>;
+        default: BentoSummaryGridItemTrendDirection;
+    };
+    trend: {
+        type: StringConstructor;
+        default: any;
+    };
+}, {
+    trendVariant: import("vue").ComputedRef<BentoTagVariant.BLUE | BentoTagVariant.GREEN | BentoTagVariant.RED>;
+    isContentTypographyApplied: import("vue").ComputedRef<boolean>;
+    typographyProps: import("vue").ComputedRef<{
+        medium: boolean;
+        strongest: boolean;
+        wide: boolean;
+        variant: BentoTypographyVariant;
+    }>;
+    computedStyles: import("vue").ComputedRef<{
+        width: string;
+    } | {
+        width?: undefined;
+    }>;
+    summaryBarItemTrendConditionalClasses: import("vue").ComputedRef<{
+        [x: string]: string;
+    }>;
+    BentoTypographyElement: typeof BentoTypographyElement;
+    BentoTypographyVariant: typeof BentoTypographyVariant;
+    SummaryGridItemType: typeof SummaryGridItemType;
+    BentoSummaryGridItemSize: typeof BentoSummaryGridItemSize;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    copy: {
+        type: StringConstructor;
+        default: any;
+    };
+    itemType: {
+        type: PropType<SummaryGridItemType>;
+        default: SummaryGridItemType;
+    };
+    infoIconTooltipText: {
+        type: StringConstructor;
+        default: any;
+    };
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+    fitContent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<BentoSummaryGridItemSize>;
+        default: BentoSummaryGridItemSize;
+    };
+    trendDirection: {
+        type: PropType<BentoSummaryGridItemTrendDirection>;
+        default: BentoSummaryGridItemTrendDirection;
+    };
+    trend: {
+        type: StringConstructor;
+        default: any;
+    };
+}>>, {
+    copy: string;
+    size: BentoSummaryGridItemSize;
+    infoIconTooltipText: string;
+    itemType: SummaryGridItemType;
+    fitContent: boolean;
+    trendDirection: BentoSummaryGridItemTrendDirection;
+    trend: string;
+}>;
+export default _default;

package/dist/@types/components/summary-grid/components/summary-grid-item-amount/summary-grid-item-amount.vue.d.ts

@@ -0,0 +1,89 @@
+import { PropType } from 'vue';
+import { BentoSummaryGridItemSize, BentoSummaryGridItemTrendDirection } from '@/components/summary-grid/summary-grid.types';
+import { SummaryGridItemType } from '../summary-grid-item';
+declare const _default: import("vue").DefineComponent<{
+    copy: {
+        type: StringConstructor;
+        default: any;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    secondaryLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+    infoIconTooltipText: {
+        type: StringConstructor;
+        default: any;
+    };
+    fitContent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    trendDirection: {
+        type: PropType<BentoSummaryGridItemTrendDirection>;
+        default: BentoSummaryGridItemTrendDirection;
+    };
+    trend: {
+        type: StringConstructor;
+        default: any;
+    };
+    size: {
+        type: PropType<BentoSummaryGridItemSize>;
+        default: BentoSummaryGridItemSize;
+    };
+}, {
+    SummaryGridItemType: typeof SummaryGridItemType;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    copy: {
+        type: StringConstructor;
+        default: any;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    secondaryLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+    infoIconTooltipText: {
+        type: StringConstructor;
+        default: any;
+    };
+    fitContent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    trendDirection: {
+        type: PropType<BentoSummaryGridItemTrendDirection>;
+        default: BentoSummaryGridItemTrendDirection;
+    };
+    trend: {
+        type: StringConstructor;
+        default: any;
+    };
+    size: {
+        type: PropType<BentoSummaryGridItemSize>;
+        default: BentoSummaryGridItemSize;
+    };
+}>>, {
+    copy: string;
+    size: BentoSummaryGridItemSize;
+    infoIconTooltipText: string;
+    fitContent: boolean;
+    trendDirection: BentoSummaryGridItemTrendDirection;
+    trend: string;
+    secondaryLabel: string;
+}>;
+export default _default;

package/dist/@types/components/summary-grid/components/summary-grid-item-custom/summary-grid-item-custom.vue.d.ts

@@ -0,0 +1,40 @@
+declare const _default: import("vue").DefineComponent<{
+    copy: {
+        type: StringConstructor;
+        default: any;
+    };
+    infoIconTooltipText: {
+        type: StringConstructor;
+        default: any;
+    };
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+    fitContent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "copy-to-clipboard"[], string, Readonly<import("vue").ExtractPropTypes<{
+    copy: {
+        type: StringConstructor;
+        default: any;
+    };
+    infoIconTooltipText: {
+        type: StringConstructor;
+        default: any;
+    };
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+    fitContent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    copy: string;
+    infoIconTooltipText: string;
+    fitContent: boolean;
+}>;
+export default _default;

package/dist/@types/components/summary-grid/components/summary-grid-item-numeric/summary-grid-item-numeric.vue.d.ts

@@ -0,0 +1,80 @@
+import { PropType } from 'vue';
+import { BentoSummaryGridItemSize, BentoSummaryGridItemTrendDirection } from '@/components/summary-grid/summary-grid.types';
+import { SummaryGridItemType } from '../summary-grid-item';
+declare const _default: import("vue").DefineComponent<{
+    copy: {
+        type: StringConstructor;
+        default: any;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+    infoIconTooltipText: {
+        type: StringConstructor;
+        default: any;
+    };
+    fitContent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    trendDirection: {
+        type: PropType<BentoSummaryGridItemTrendDirection>;
+        default: BentoSummaryGridItemTrendDirection;
+    };
+    trend: {
+        type: StringConstructor;
+        default: any;
+    };
+    size: {
+        type: PropType<BentoSummaryGridItemSize>;
+        default: BentoSummaryGridItemSize;
+    };
+}, {
+    SummaryGridItemType: typeof SummaryGridItemType;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    copy: {
+        type: StringConstructor;
+        default: any;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+    infoIconTooltipText: {
+        type: StringConstructor;
+        default: any;
+    };
+    fitContent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    trendDirection: {
+        type: PropType<BentoSummaryGridItemTrendDirection>;
+        default: BentoSummaryGridItemTrendDirection;
+    };
+    trend: {
+        type: StringConstructor;
+        default: any;
+    };
+    size: {
+        type: PropType<BentoSummaryGridItemSize>;
+        default: BentoSummaryGridItemSize;
+    };
+}>>, {
+    copy: string;
+    size: BentoSummaryGridItemSize;
+    infoIconTooltipText: string;
+    fitContent: boolean;
+    trendDirection: BentoSummaryGridItemTrendDirection;
+    trend: string;
+}>;
+export default _default;

package/dist/@types/components/summary-grid/components/summary-grid-item-percentage/summary-grid-item-percentage.vue.d.ts

@@ -0,0 +1,80 @@
+import { PropType } from 'vue';
+import { BentoSummaryGridItemSize, BentoSummaryGridItemTrendDirection } from '@/components/summary-grid/summary-grid.types';
+import { SummaryGridItemType } from '../summary-grid-item';
+declare const _default: import("vue").DefineComponent<{
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+    infoIconTooltipText: {
+        type: StringConstructor;
+        default: any;
+    };
+    copy: {
+        type: StringConstructor;
+        default: any;
+    };
+    fitContent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    trendDirection: {
+        type: PropType<BentoSummaryGridItemTrendDirection>;
+        default: BentoSummaryGridItemTrendDirection;
+    };
+    trend: {
+        type: StringConstructor;
+        default: any;
+    };
+    size: {
+        type: PropType<BentoSummaryGridItemSize>;
+        default: BentoSummaryGridItemSize;
+    };
+}, {
+    SummaryGridItemType: typeof SummaryGridItemType;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+    infoIconTooltipText: {
+        type: StringConstructor;
+        default: any;
+    };
+    copy: {
+        type: StringConstructor;
+        default: any;
+    };
+    fitContent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    trendDirection: {
+        type: PropType<BentoSummaryGridItemTrendDirection>;
+        default: BentoSummaryGridItemTrendDirection;
+    };
+    trend: {
+        type: StringConstructor;
+        default: any;
+    };
+    size: {
+        type: PropType<BentoSummaryGridItemSize>;
+        default: BentoSummaryGridItemSize;
+    };
+}>>, {
+    copy: string;
+    size: BentoSummaryGridItemSize;
+    infoIconTooltipText: string;
+    fitContent: boolean;
+    trendDirection: BentoSummaryGridItemTrendDirection;
+    trend: string;
+}>;
+export default _default;