@adyen/bento-vue2 0.7.0 → 0.7.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/dist/@types/components/date-picker/date-picker.vue.d.ts +1 -0
  2. package/dist/@types/components/filter-bar/components/base-filter/base-filter.vue.d.ts +9 -0
  3. package/dist/@types/components/filter-bar/components/base-filter/components/filter-button/filter-button.vue.d.ts +23 -1
  4. package/dist/@types/components/filter-bar/components/select-filter/variants/select-country-filter/select-country-filter.vue.d.ts +1 -0
  5. package/dist/@types/components/filter-bar/components/select-filter/variants/select-tag-filter/select-tag-filter.vue.d.ts +1 -0
  6. package/dist/@types/components/filter-bar/filter-bar.types.d.ts +1 -0
  7. package/dist/@types/components/header/header.vue.d.ts +3 -3
  8. package/dist/@types/components/link/link.vue.d.ts +2 -2
  9. package/dist/@types/components/menu/components/menu-item-list/menu-item-list.vue.d.ts +4 -1
  10. package/dist/@types/components/menu/components/sub-menu-item-list/sub-menu-item-list.vue.d.ts +16 -2
  11. package/dist/@types/components/modal/components/base-modal/base-modal.vue.d.ts +89 -0
  12. package/dist/@types/components/modal/components/index.d.ts +3 -0
  13. package/dist/@types/components/modal/components/modal-default/modal-default.vue.d.ts +110 -0
  14. package/dist/@types/components/modal/components/modal-dialog/modal-dialog.vue.d.ts +81 -0
  15. package/dist/@types/components/modal/index.d.ts +2 -0
  16. package/dist/@types/components/modal/modal.types.d.ts +22 -0
  17. package/dist/@types/components/modal/modal.vue.d.ts +129 -0
  18. package/dist/@types/components/radio-group/components/radio-button/radio-button.vue.d.ts +1 -0
  19. package/dist/@types/components/summary-grid/components/grid-layout/grid-layout.types.d.ts +8 -0
  20. package/dist/@types/components/summary-grid/components/grid-layout/grid-layout.vue.d.ts +16 -0
  21. package/dist/@types/components/toggle/toggle.vue.d.ts +1 -0
  22. package/dist/@types/components.d.ts +2 -0
  23. package/dist/@types/directives/index.d.ts +1 -0
  24. package/dist/@types/directives/keyboard-navigation/index.d.ts +2 -0
  25. package/dist/@types/directives/keyboard-navigation/keyboard-navigation.d.ts +2 -0
  26. package/dist/@types/directives/keyboard-navigation/keyboard-navigation.types.d.ts +7 -0
  27. package/dist/@types/index.d.ts +1 -0
  28. package/dist/index.js +4271 -3549
  29. package/dist/index.js.map +1 -1
  30. package/dist/web-types.json +425 -7
  31. package/package.json +3 -3
@@ -55,6 +55,7 @@ declare const _default: import("vue").DefineComponent<{
55
55
  onDateSelected: (selectedDate: Date) => void;
56
56
  openDatePicker: () => void;
57
57
  onDateInputChange: (stringDate: any) => void;
58
+ onEnterPressedOverInput: () => void;
58
59
  }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoDatePickerEvent[], string, Readonly<import("vue").ExtractPropTypes<{
59
60
  description: {
60
61
  type: StringConstructor;
@@ -5,6 +5,10 @@ declare const _default: import("vue").DefineComponent<{
5
5
  type: NumberConstructor;
6
6
  default: any;
7
7
  };
8
+ buttonHasChevron: {
9
+ type: BooleanConstructor;
10
+ default: boolean;
11
+ };
8
12
  disableApplyButton: {
9
13
  type: BooleanConstructor;
10
14
  default: boolean;
@@ -74,6 +78,10 @@ declare const _default: import("vue").DefineComponent<{
74
78
  type: NumberConstructor;
75
79
  default: any;
76
80
  };
81
+ buttonHasChevron: {
82
+ type: BooleanConstructor;
83
+ default: boolean;
84
+ };
77
85
  disableApplyButton: {
78
86
  type: BooleanConstructor;
79
87
  default: boolean;
@@ -96,6 +104,7 @@ declare const _default: import("vue").DefineComponent<{
96
104
  };
97
105
  }>>, {
98
106
  value: string | string[];
107
+ buttonHasChevron: boolean;
99
108
  appliedFiltersCount: number;
100
109
  disableApplyButton: boolean;
101
110
  disableClearButton: boolean;
@@ -1,4 +1,5 @@
1
1
  import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
2
+ import { BentoBaseButtonEvent } from '@/components/internal/base-button';
2
3
  declare const _default: import("vue").DefineComponent<{
3
4
  amountAppliedValues: {
4
5
  type: NumberConstructor;
@@ -8,15 +9,26 @@ declare const _default: import("vue").DefineComponent<{
8
9
  type: BooleanConstructor;
9
10
  default: boolean;
10
11
  };
12
+ isFilterOpen: {
13
+ type: BooleanConstructor;
14
+ default: boolean;
15
+ };
16
+ hasChevron: {
17
+ type: BooleanConstructor;
18
+ default: boolean;
19
+ };
11
20
  }, {
12
21
  BentoTypographyElement: typeof BentoTypographyElement;
13
22
  BentoTypographyVariant: typeof BentoTypographyVariant;
14
23
  computedAriaLabel: import("vue").ComputedRef<string>;
15
24
  conditionalClasses: import("vue").ComputedRef<{
16
25
  "b-filter-button--with-counter": number;
26
+ "b-filter-button--with-chevron": boolean;
27
+ "b-filter-button--filter-open": boolean;
17
28
  }>;
18
29
  onClickButton: () => void;
19
- }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, "click"[], string, Readonly<import("vue").ExtractPropTypes<{
30
+ hasSlot: (name: string) => boolean;
31
+ }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, BentoBaseButtonEvent.CLICK[], string, Readonly<import("vue").ExtractPropTypes<{
20
32
  amountAppliedValues: {
21
33
  type: NumberConstructor;
22
34
  default: any;
@@ -25,8 +37,18 @@ declare const _default: import("vue").DefineComponent<{
25
37
  type: BooleanConstructor;
26
38
  default: boolean;
27
39
  };
40
+ isFilterOpen: {
41
+ type: BooleanConstructor;
42
+ default: boolean;
43
+ };
44
+ hasChevron: {
45
+ type: BooleanConstructor;
46
+ default: boolean;
47
+ };
28
48
  }>>, {
29
49
  disabled: boolean;
30
50
  amountAppliedValues: number;
51
+ isFilterOpen: boolean;
52
+ hasChevron: boolean;
31
53
  }>;
32
54
  export default _default;
@@ -24,6 +24,7 @@ declare const _default: import("vue").DefineComponent<{
24
24
  listboxItems: import("@/types").BentoListboxOptions;
25
25
  multiple?: boolean;
26
26
  isOptionDisabled?: import("@/types").BentoListboxIsOptionDisabled;
27
+ buttonHasChevron?: boolean;
27
28
  variant: BentoCountryVariant;
28
29
  }>;
29
30
  onUpdate: (selectedValue: BentoListboxSelectedValue) => void;
@@ -28,6 +28,7 @@ declare const _default: import("vue").DefineComponent<{
28
28
  }[];
29
29
  multiple?: boolean;
30
30
  isOptionDisabled?: import("@/types").BentoListboxIsOptionDisabled;
31
+ buttonHasChevron?: boolean;
31
32
  }>;
32
33
  onUpdate: (selectedValue: BentoListboxSelectedValue) => void;
33
34
  BentoCountryVariant: typeof BentoCountryVariant;
@@ -6,6 +6,7 @@ import { BentoCountryVariant } from '@/components/country';
6
6
  import { BentoCurrencyListboxOptions } from '@/components/dropdown/components/variants/dropdown-currency/dropdown-currency.types';
7
7
  import { BentoPaymentMethodListboxOptions } from '@/components/dropdown/components/variants/dropdown-payment-method/dropdown-payment-method.types';
8
8
  export interface BentoSelectFilterOptions {
9
+ buttonHasChevron?: boolean;
9
10
  listboxItems: BentoListboxOptions;
10
11
  multiple?: boolean;
11
12
  isOptionDisabled?: BentoListboxIsOptionDisabled;
@@ -21,7 +21,7 @@ declare const _default: import("vue").DefineComponent<{
21
21
  default: any;
22
22
  };
23
23
  lastUpdated: {
24
- type: DateConstructor;
24
+ type: (NumberConstructor | DateConstructor)[];
25
25
  default: any;
26
26
  };
27
27
  }, {
@@ -54,13 +54,13 @@ declare const _default: import("vue").DefineComponent<{
54
54
  default: any;
55
55
  };
56
56
  lastUpdated: {
57
- type: DateConstructor;
57
+ type: (NumberConstructor | DateConstructor)[];
58
58
  default: any;
59
59
  };
60
60
  }>>, {
61
61
  variant: BentoHeaderVariant;
62
62
  actions: BentoButtonActionsList;
63
- lastUpdated: Date;
63
+ lastUpdated: number | Date;
64
64
  infoIconTooltipText: string;
65
65
  }>;
66
66
  export default _default;
@@ -6,7 +6,7 @@ export interface Props extends RouterLinkProps, AnchorHTMLAttributes {
6
6
  variant?: BentoLinkVariant;
7
7
  }
8
8
  import { BentoLinkVariant } from './link.types';
9
- import type { RouterLinkProps, RouterLinkSlotArgument } from 'vue-router/types/router';
9
+ import type { RouterLinkProps } from 'vue-router/types/router';
10
10
  import type { AnchorHTMLAttributes } from 'vue/types/jsx';
11
11
  declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
12
12
  variant: BentoLinkVariant;
@@ -17,7 +17,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
17
17
  }>>>, {
18
18
  variant: BentoLinkVariant;
19
19
  }>, {
20
- default: (_: RouterLinkSlotArgument) => any;
20
+ default: (_: {}) => any;
21
21
  }>;
22
22
  export default _default;
23
23
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -27,10 +27,13 @@ declare const _default: import("vue").DefineComponent<{
27
27
  focusedIndex: import("vue").Ref<number>;
28
28
  subMenuFocusedIndex: import("vue").Ref<number>;
29
29
  showSubMenu: import("vue").Ref<boolean>;
30
- toggleMenu: (item: BentoMenuItem) => Promise<void>;
30
+ visibleSubMenuIndex: any;
31
+ toggleMenu: (item: BentoMenuItem, index: number) => Promise<void>;
31
32
  closeMenu: () => void;
32
33
  focusPrevious: () => void;
33
34
  focusNext: () => void;
35
+ focusRight: (item: any, index: any) => void;
36
+ focusLeft: () => void;
34
37
  onBackButton: () => void;
35
38
  }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoMenuEvent.CLOSE[], string, Readonly<import("vue").ExtractPropTypes<{
36
39
  data: {
@@ -15,8 +15,10 @@ declare const _default: import("vue").DefineComponent<{
15
15
  subMenuItemListRefLocal: any;
16
16
  subMenuFocusedIndex: import("vue").Ref<number>;
17
17
  ChevronLeftIcon: any;
18
- computedItems: import("vue").ComputedRef<{
18
+ computedItems: import("vue").ComputedRef<({
19
19
  indent: boolean;
20
+ isTitle: boolean;
21
+ clickHandler: () => void;
20
22
  text: string;
21
23
  handler: () => void;
22
24
  secondaryText?: string;
@@ -25,9 +27,21 @@ declare const _default: import("vue").DefineComponent<{
25
27
  chevron?: boolean;
26
28
  icon?: import("../../../..").VueNodeElement;
27
29
  critical?: boolean;
28
- }[]>;
30
+ } | {
31
+ text: string;
32
+ secondaryText: any;
33
+ critical: boolean;
34
+ icon: any;
35
+ isTitle: boolean;
36
+ disabled: boolean;
37
+ indent: boolean;
38
+ handler: () => void;
39
+ clickHandler: () => void;
40
+ })[]>;
29
41
  closeMenu: () => void;
30
42
  onBackButton: () => void;
43
+ focusPrevious: () => void;
44
+ focusNext: () => void;
31
45
  }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoMenuEvent[], string, Readonly<import("vue").ExtractPropTypes<{
32
46
  items: {
33
47
  type: PropType<BentoMenuItem[]>;
@@ -0,0 +1,89 @@
1
+ import { PropType } from 'vue';
2
+ import { BentoModalEvent, BentoModalRole, BentoModalSize } from '@/components/modal';
3
+ import { BentoButtonVariant } from '@/components/button/button.types';
4
+ import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
5
+ declare const _default: import("vue").DefineComponent<{
6
+ modalRole: {
7
+ type: StringConstructor;
8
+ default: BentoModalRole;
9
+ };
10
+ isDismissible: {
11
+ type: BooleanConstructor;
12
+ required: true;
13
+ };
14
+ hideCloseButton: {
15
+ type: BooleanConstructor;
16
+ required: true;
17
+ };
18
+ customPadding: {
19
+ type: StringConstructor;
20
+ default: any;
21
+ };
22
+ isOpen: {
23
+ type: BooleanConstructor;
24
+ required: true;
25
+ };
26
+ size: {
27
+ type: PropType<BentoModalSize>;
28
+ default: BentoModalSize;
29
+ };
30
+ initiallyOpen: {
31
+ type: BooleanConstructor;
32
+ default: boolean;
33
+ };
34
+ }, {
35
+ modal: any;
36
+ computedAriaLabel: import("vue").ComputedRef<string>;
37
+ openModal: () => void;
38
+ closeModalOnClickOutside: ({ target }: Event) => void;
39
+ onCloseButtonClick: () => void;
40
+ hasSlot: (name: string) => boolean;
41
+ emitCloseEvent: () => void;
42
+ modalConditionalClasses: import("vue").ComputedRef<{
43
+ [x: string]: boolean | BentoModalSize;
44
+ "b-modal-base__container--visible": boolean;
45
+ }>;
46
+ wrapperStyles: import("vue").ComputedRef<{
47
+ padding: string;
48
+ } | {
49
+ padding?: undefined;
50
+ }>;
51
+ BentoButtonVariant: typeof BentoButtonVariant;
52
+ BentoTypographyElement: typeof BentoTypographyElement;
53
+ BentoTypographyVariant: typeof BentoTypographyVariant;
54
+ }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoModalEvent[], string, Readonly<import("vue").ExtractPropTypes<{
55
+ modalRole: {
56
+ type: StringConstructor;
57
+ default: BentoModalRole;
58
+ };
59
+ isDismissible: {
60
+ type: BooleanConstructor;
61
+ required: true;
62
+ };
63
+ hideCloseButton: {
64
+ type: BooleanConstructor;
65
+ required: true;
66
+ };
67
+ customPadding: {
68
+ type: StringConstructor;
69
+ default: any;
70
+ };
71
+ isOpen: {
72
+ type: BooleanConstructor;
73
+ required: true;
74
+ };
75
+ size: {
76
+ type: PropType<BentoModalSize>;
77
+ default: BentoModalSize;
78
+ };
79
+ initiallyOpen: {
80
+ type: BooleanConstructor;
81
+ default: boolean;
82
+ };
83
+ }>>, {
84
+ size: BentoModalSize;
85
+ modalRole: string;
86
+ customPadding: string;
87
+ initiallyOpen: boolean;
88
+ }>;
89
+ export default _default;
@@ -0,0 +1,3 @@
1
+ export { default as BaseModal } from './base-modal/base-modal.vue';
2
+ export { default as BentoModalDefault } from './modal-default/modal-default.vue';
3
+ export { default as BentoModalDialog } from './modal-dialog/modal-dialog.vue';
@@ -0,0 +1,110 @@
1
+ import { PropType } from 'vue';
2
+ import { BentoModalEvent, BentoModalSize } from '@/components/modal/modal.types';
3
+ import { BentoButtonActionsList, BentoButtonVariant } from '@/components/button';
4
+ import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
5
+ declare const _default: import("vue").DefineComponent<{
6
+ isOpen: {
7
+ type: BooleanConstructor;
8
+ required: true;
9
+ };
10
+ isDismissible: {
11
+ type: BooleanConstructor;
12
+ required: true;
13
+ };
14
+ hideCloseButton: {
15
+ type: BooleanConstructor;
16
+ default: boolean;
17
+ };
18
+ size: {
19
+ type: PropType<BentoModalSize>;
20
+ required: true;
21
+ };
22
+ customPadding: {
23
+ type: StringConstructor;
24
+ default: any;
25
+ };
26
+ actions: {
27
+ type: PropType<BentoButtonActionsList>;
28
+ default: any;
29
+ };
30
+ actionsLabel: {
31
+ type: StringConstructor;
32
+ default: any;
33
+ };
34
+ destructiveActions: {
35
+ type: BooleanConstructor;
36
+ default: boolean;
37
+ };
38
+ initiallyOpen: {
39
+ type: BooleanConstructor;
40
+ default: boolean;
41
+ };
42
+ }, {
43
+ alignedActions: import("vue").ComputedRef<{
44
+ leftAligned: {
45
+ variant: BentoButtonVariant;
46
+ title: string;
47
+ event: (event: Event) => void;
48
+ icon?: import("../../../../index.js").VueNodeElement;
49
+ disabled?: boolean;
50
+ critical?: boolean;
51
+ }[];
52
+ rightAligned: BentoButtonActionsList;
53
+ }>;
54
+ onCloseModal: () => void;
55
+ hasSlot: (name: string) => boolean;
56
+ BentoButtonActionsLayout: {
57
+ BUTTONS_START: import("@/components/button").BentoButtonActionsLayoutExtended.BUTTONS_START;
58
+ BUTTONS_END: import("@/components/button").BentoButtonActionsLayoutBasic.BUTTONS_END;
59
+ FILL_CONTAINER: import("@/components/button").BentoButtonActionsLayoutBasic.FILL_CONTAINER;
60
+ SPACE_BETWEEN: import("@/components/button").BentoButtonActionsLayoutBasic.SPACE_BETWEEN;
61
+ VERTICAL_STACK: import("@/components/button").BentoButtonActionsLayoutBasic.VERTICAL_STACK;
62
+ };
63
+ BentoTypographyElement: typeof BentoTypographyElement;
64
+ BentoTypographyVariant: typeof BentoTypographyVariant;
65
+ }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, BentoModalEvent[], string, Readonly<import("vue").ExtractPropTypes<{
66
+ isOpen: {
67
+ type: BooleanConstructor;
68
+ required: true;
69
+ };
70
+ isDismissible: {
71
+ type: BooleanConstructor;
72
+ required: true;
73
+ };
74
+ hideCloseButton: {
75
+ type: BooleanConstructor;
76
+ default: boolean;
77
+ };
78
+ size: {
79
+ type: PropType<BentoModalSize>;
80
+ required: true;
81
+ };
82
+ customPadding: {
83
+ type: StringConstructor;
84
+ default: any;
85
+ };
86
+ actions: {
87
+ type: PropType<BentoButtonActionsList>;
88
+ default: any;
89
+ };
90
+ actionsLabel: {
91
+ type: StringConstructor;
92
+ default: any;
93
+ };
94
+ destructiveActions: {
95
+ type: BooleanConstructor;
96
+ default: boolean;
97
+ };
98
+ initiallyOpen: {
99
+ type: BooleanConstructor;
100
+ default: boolean;
101
+ };
102
+ }>>, {
103
+ actions: BentoButtonActionsList;
104
+ hideCloseButton: boolean;
105
+ customPadding: string;
106
+ initiallyOpen: boolean;
107
+ actionsLabel: string;
108
+ destructiveActions: boolean;
109
+ }>;
110
+ export default _default;
@@ -0,0 +1,81 @@
1
+ import { PropType } from 'vue';
2
+ import { BentoModalDialogType, BentoModalEvent, BentoModalRole, BentoModalSize } from '@/components/modal/modal.types';
3
+ import { BentoButtonActionObject, BentoButtonActionsList, BentoButtonVariant } from '@/components/button';
4
+ declare const _default: import("vue").DefineComponent<{
5
+ isOpen: {
6
+ type: BooleanConstructor;
7
+ required: true;
8
+ };
9
+ isDismissible: {
10
+ type: BooleanConstructor;
11
+ required: true;
12
+ };
13
+ dialogType: {
14
+ type: PropType<BentoModalDialogType>;
15
+ required: true;
16
+ };
17
+ content: {
18
+ type: StringConstructor;
19
+ required: true;
20
+ };
21
+ actions: {
22
+ type: PropType<BentoButtonActionsList>;
23
+ default: any;
24
+ };
25
+ initiallyOpen: {
26
+ type: BooleanConstructor;
27
+ default: boolean;
28
+ };
29
+ }, {
30
+ dialogActions: import("vue").ComputedRef<BentoButtonActionObject[]>;
31
+ acknowledgementDialogActions: {
32
+ title: string;
33
+ event: () => void;
34
+ variant: BentoButtonVariant;
35
+ }[];
36
+ onCloseModal: () => void;
37
+ onCloseActionButton: () => void;
38
+ modalDialogConditionalClasses: import("vue").ComputedRef<{
39
+ [x: string]: BentoModalDialogType;
40
+ }>;
41
+ BentoModalRole: typeof BentoModalRole;
42
+ BentoModalSize: typeof BentoModalSize;
43
+ BentoButtonVariant: typeof BentoButtonVariant;
44
+ BentoModalDialogType: typeof BentoModalDialogType;
45
+ BentoButtonActionsLayout: {
46
+ BUTTONS_START: import("@/components/button").BentoButtonActionsLayoutExtended.BUTTONS_START;
47
+ BUTTONS_END: import("@/components/button").BentoButtonActionsLayoutBasic.BUTTONS_END;
48
+ FILL_CONTAINER: import("@/components/button").BentoButtonActionsLayoutBasic.FILL_CONTAINER;
49
+ SPACE_BETWEEN: import("@/components/button").BentoButtonActionsLayoutBasic.SPACE_BETWEEN;
50
+ VERTICAL_STACK: import("@/components/button").BentoButtonActionsLayoutBasic.VERTICAL_STACK;
51
+ };
52
+ }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoModalEvent[], string, Readonly<import("vue").ExtractPropTypes<{
53
+ isOpen: {
54
+ type: BooleanConstructor;
55
+ required: true;
56
+ };
57
+ isDismissible: {
58
+ type: BooleanConstructor;
59
+ required: true;
60
+ };
61
+ dialogType: {
62
+ type: PropType<BentoModalDialogType>;
63
+ required: true;
64
+ };
65
+ content: {
66
+ type: StringConstructor;
67
+ required: true;
68
+ };
69
+ actions: {
70
+ type: PropType<BentoButtonActionsList>;
71
+ default: any;
72
+ };
73
+ initiallyOpen: {
74
+ type: BooleanConstructor;
75
+ default: boolean;
76
+ };
77
+ }>>, {
78
+ actions: BentoButtonActionsList;
79
+ initiallyOpen: boolean;
80
+ }>;
81
+ export default _default;
@@ -0,0 +1,2 @@
1
+ export { default as BentoModal } from './modal.vue';
2
+ export * from './modal.types';
@@ -0,0 +1,22 @@
1
+ export declare enum BentoModalVariant {
2
+ DEFAULT = "BentoModalDefault",
3
+ DIALOG = "BentoModalDialog"
4
+ }
5
+ export declare enum BentoModalSize {
6
+ SMALL = "small",
7
+ MEDIUM = "medium",
8
+ LARGE = "large"
9
+ }
10
+ export declare enum BentoModalRole {
11
+ DIALOG = "dialog",
12
+ ALERT_DIALOG = "alertdialog"
13
+ }
14
+ export declare enum BentoModalDialogType {
15
+ CONFIRMATION = "confirmation",
16
+ DESTRUCTIVE = "destructive",
17
+ INFO = "info",
18
+ ACKNOWLEDGEMENT = "acknowledgement"
19
+ }
20
+ export declare enum BentoModalEvent {
21
+ CLOSE_MODAL = "close-modal"
22
+ }
@@ -0,0 +1,129 @@
1
+ import { PropType } from 'vue';
2
+ import { BentoModalDialogType, BentoModalEvent, BentoModalSize, BentoModalVariant } from '@/components/modal/modal.types';
3
+ import { BentoButtonActionsList } from '@/components/button';
4
+ declare const _default: import("vue").DefineComponent<{
5
+ variant: {
6
+ type: PropType<BentoModalVariant>;
7
+ default: BentoModalVariant;
8
+ };
9
+ isDismissible: {
10
+ type: BooleanConstructor;
11
+ default: any;
12
+ };
13
+ isOpen: {
14
+ type: BooleanConstructor;
15
+ default: boolean;
16
+ };
17
+ actions: {
18
+ type: PropType<BentoButtonActionsList>;
19
+ default: any;
20
+ };
21
+ hideCloseButton: {
22
+ type: BooleanConstructor;
23
+ default: boolean;
24
+ };
25
+ size: {
26
+ type: PropType<BentoModalSize>;
27
+ default: BentoModalSize;
28
+ };
29
+ customPadding: {
30
+ type: StringConstructor;
31
+ default: any;
32
+ };
33
+ actionsLabel: {
34
+ type: StringConstructor;
35
+ default: any;
36
+ };
37
+ destructiveActions: {
38
+ type: BooleanConstructor;
39
+ default: boolean;
40
+ };
41
+ dialogType: {
42
+ type: PropType<BentoModalDialogType>;
43
+ default: BentoModalDialogType;
44
+ };
45
+ content: {
46
+ type: StringConstructor;
47
+ default: any;
48
+ };
49
+ }, {
50
+ onCloseModal: () => void;
51
+ customProps: import("vue").ComputedRef<{
52
+ hideCloseButton: boolean;
53
+ size: BentoModalSize;
54
+ customPadding: string;
55
+ actionsLabel: string;
56
+ destructiveActions: boolean;
57
+ isDismissible: boolean;
58
+ dialogType?: undefined;
59
+ content?: undefined;
60
+ } | {
61
+ dialogType: BentoModalDialogType;
62
+ content: string;
63
+ isDismissible: boolean;
64
+ hideCloseButton?: undefined;
65
+ size?: undefined;
66
+ customPadding?: undefined;
67
+ actionsLabel?: undefined;
68
+ destructiveActions?: undefined;
69
+ }>;
70
+ hasSlot: (name: string) => boolean;
71
+ }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, BentoModalEvent[], string, Readonly<import("vue").ExtractPropTypes<{
72
+ variant: {
73
+ type: PropType<BentoModalVariant>;
74
+ default: BentoModalVariant;
75
+ };
76
+ isDismissible: {
77
+ type: BooleanConstructor;
78
+ default: any;
79
+ };
80
+ isOpen: {
81
+ type: BooleanConstructor;
82
+ default: boolean;
83
+ };
84
+ actions: {
85
+ type: PropType<BentoButtonActionsList>;
86
+ default: any;
87
+ };
88
+ hideCloseButton: {
89
+ type: BooleanConstructor;
90
+ default: boolean;
91
+ };
92
+ size: {
93
+ type: PropType<BentoModalSize>;
94
+ default: BentoModalSize;
95
+ };
96
+ customPadding: {
97
+ type: StringConstructor;
98
+ default: any;
99
+ };
100
+ actionsLabel: {
101
+ type: StringConstructor;
102
+ default: any;
103
+ };
104
+ destructiveActions: {
105
+ type: BooleanConstructor;
106
+ default: boolean;
107
+ };
108
+ dialogType: {
109
+ type: PropType<BentoModalDialogType>;
110
+ default: BentoModalDialogType;
111
+ };
112
+ content: {
113
+ type: StringConstructor;
114
+ default: any;
115
+ };
116
+ }>>, {
117
+ content: string;
118
+ size: BentoModalSize;
119
+ variant: BentoModalVariant;
120
+ actions: BentoButtonActionsList;
121
+ isDismissible: boolean;
122
+ hideCloseButton: boolean;
123
+ customPadding: string;
124
+ isOpen: boolean;
125
+ actionsLabel: string;
126
+ destructiveActions: boolean;
127
+ dialogType: BentoModalDialogType;
128
+ }>;
129
+ export default _default;
@@ -18,6 +18,7 @@ declare const _default: import("vue").DefineComponent<{
18
18
  isChecked: ComputedRef<boolean>;
19
19
  defaultSlotValue: string;
20
20
  subLabelSlotValue: string;
21
+ descriptionSlotValue: string;
21
22
  conditionalClass: ComputedRef<{
22
23
  'b-radio-button--disabled': boolean;
23
24
  }>;
@@ -0,0 +1,8 @@
1
+ export interface GridLayoutItem {
2
+ data: object;
3
+ columnWidth?: {
4
+ small: number;
5
+ medium: number;
6
+ large: number;
7
+ };
8
+ }