@adyen/bento-vue2 0.7.1 → 0.8.0

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

@@ -0,0 +1,6 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    ariaAttributes: import("vue").ComputedRef<{
+        'aria-label': string;
+    }>;
+}, {}, {}, {}, 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/divider/index.d.ts

@@ -0,0 +1 @@
+export { default as BentoDivider } from './divider.vue';

package/dist/@types/components/internal/copy/copy.vue.d.ts

@@ -0,0 +1,19 @@
+import { BentoButtonVariant } from '@/components/button';
+declare const _default: import("vue").DefineComponent<{
+    text: {
+        type: StringConstructor;
+        required: true;
+    };
+}, {
+    BentoButtonVariant: typeof BentoButtonVariant;
+    copyText: import("vue").Ref<import("vue-i18n").default.TranslateResult>;
+    onClickCopy: () => Promise<void>;
+    resetText: () => void;
+    showScreenReaderAlert: import("vue").Ref<boolean>;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    text: {
+        type: StringConstructor;
+        required: true;
+    };
+}>>, {}>;
+export default _default;

package/dist/@types/components/internal/copy/index.d.ts

@@ -0,0 +1 @@
+export { default as Copy } from './copy.vue';

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

@@ -1,2 +1,3 @@
 export * from './avatar';
 export * from './listbox';
+export * from './copy';

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/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

@@ -1,8 +1,6 @@
-export interface GridLayoutItem {
-    data: object;
-    columnWidth?: {
-        small: number;
-        medium: number;
-        large: number;
-    };
+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

@@ -1,16 +1,21 @@
 import { PropType } from 'vue';
-import { GridLayoutItem } from './grid-layout.types';
+import { GridLayoutColumnWidths } from './grid-layout.types';
 declare const _default: import("vue").DefineComponent<{
-    items: {
-        type: PropType<GridLayoutItem[]>;
-        required: true;
-        validator: (array: PropType<GridLayoutItem[]>) => boolean;
+    columnWidth: {
+        type: PropType<GridLayoutColumnWidths>;
+        default: any;
+        validator: (array: GridLayoutColumnWidths) => boolean;
     };
-}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
-    items: {
-        type: PropType<GridLayoutItem[]>;
-        required: true;
-        validator: (array: PropType<GridLayoutItem[]>) => 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;

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

@@ -0,0 +1,51 @@
+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;
+    };
+}, {
+    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;
+    };
+}>>, {
+    copy: string;
+    infoIconTooltipText: string;
+    fitContent: boolean;
+}>;
+export default _default;

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

@@ -0,0 +1,7 @@
+export { default as BentoSummaryGrid } from './summary-grid.vue';
+export { default as BentoSummaryGridItemAmount } from './components/summary-grid-item-amount/summary-grid-item-amount.vue';
+export { default as BentoSummaryGridItemNumeric } from './components/summary-grid-item-numeric/summary-grid-item-numeric.vue';
+export { default as BentoSummaryGridItemPercentage } from './components/summary-grid-item-percentage/summary-grid-item-percentage.vue';
+export { default as BentoSummaryGridItemText } from './components/summary-grid-item-text/summary-grid-item-text.vue';
+export { default as BentoSummaryGridItemCustom } from './components/summary-grid-item-custom/summary-grid-item-custom.vue';
+export * from './summary-grid.types';

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

@@ -0,0 +1,16 @@
+import { GridLayoutColumnWidth } from './components/grid-layout/grid-layout.types';
+export declare enum BentoSummaryGridItemSize {
+    SMALL = "small",
+    MEDIUM = "medium",
+    LARGE = "large"
+}
+export declare enum BentoSummaryGridItemTrendDirection {
+    POSITIVE = "positive",
+    NEGATIVE = "negative",
+    NEUTRAL = "neutral"
+}
+export interface BentoSummaryGridColumnWidth {
+    row1: Array<GridLayoutColumnWidth>;
+    row2?: Array<GridLayoutColumnWidth>;
+    row3?: Array<GridLayoutColumnWidth>;
+}

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

@@ -0,0 +1,19 @@
+import { PropType } from 'vue';
+import { BentoSummaryGridColumnWidth } from './summary-grid.types';
+declare const _default: import("vue").DefineComponent<{
+    columnWidth: {
+        type: PropType<BentoSummaryGridColumnWidth>;
+        default: any;
+    };
+}, {
+    hasSlot: (name: string) => boolean;
+    numberOfRows: number;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    columnWidth: {
+        type: PropType<BentoSummaryGridColumnWidth>;
+        default: any;
+    };
+}>>, {
+    columnWidth: BentoSummaryGridColumnWidth;
+}>;
+export default _default;