@adyen/bento-vue3 1.14.0 → 1.15.0

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 (203) hide show
  1. package/dist/@types/components.d.ts +2 -0
  2. package/dist/@types/packages/vue2/src/components/action-bar/action-bar.types.d.ts +1 -0
  3. package/dist/@types/packages/vue2/src/components/action-bar/action-bar.vue.d.ts +19 -2
  4. package/dist/@types/packages/vue2/src/components/action-bar/index.d.ts +1 -0
  5. package/dist/@types/packages/vue2/src/components/alert/alert.vue.d.ts +1 -7
  6. package/dist/@types/packages/vue2/src/components/card/card.vue.d.ts +1 -7
  7. package/dist/@types/packages/vue2/src/components/checkbox/checkbox.vue.d.ts +1 -7
  8. package/dist/@types/packages/vue2/src/components/code-snippet/code-snippet.vue.d.ts +1 -7
  9. package/dist/@types/packages/vue2/src/components/data-grid/components/data-grid-columns/data-grid-columns.vue.d.ts +1 -7
  10. package/dist/@types/packages/vue2/src/components/date-range-picker/components/date-range-picker-calendar/date-range-picker-calendar.vue.d.ts +1 -7
  11. package/dist/@types/packages/vue2/src/components/dropdown/dropdown.vue.d.ts +2 -2
  12. package/dist/@types/packages/vue2/src/components/header/components/info-icon-with-popover/index.d.ts +1 -0
  13. package/dist/@types/packages/vue2/src/components/header/components/info-icon-with-popover/info-icon-with-popover.vue.d.ts +32 -0
  14. package/dist/@types/packages/vue2/src/components/header/header.vue.d.ts +34 -23
  15. package/dist/@types/packages/vue2/src/components/input-field/input-field.keys.d.ts +1 -0
  16. package/dist/@types/packages/vue2/src/components/modal/components/base-modal/base-modal.vue.d.ts +0 -9
  17. package/dist/@types/packages/vue2/src/components/modal/components/modal-default/modal-default.vue.d.ts +0 -9
  18. package/dist/@types/packages/vue2/src/components/modal/components/modal-dialog/modal-dialog.vue.d.ts +0 -9
  19. package/dist/@types/packages/vue2/src/components/modal/modal.types.d.ts +4 -0
  20. package/dist/@types/packages/vue2/src/components/modal/modal.vue.d.ts +7 -16
  21. package/dist/@types/packages/vue2/src/components/timeline/components/timeline-item/timeline-item.vue.d.ts +1 -7
  22. package/dist/@types/packages/vue2/src/index.d.ts +1 -0
  23. package/dist/@types/packages/vue2/src/templates/data-grid-template/data-grid-template.types.d.ts +3 -1
  24. package/dist/@types/packages/vue2/src/templates/data-grid-template/data-grid-template.vue.d.ts +39 -26
  25. package/dist/@types/packages/vue2/src/utils/ts/i18n.d.ts +7 -33
  26. package/dist/accordion.js +2 -2
  27. package/dist/action-bar.js +154 -121
  28. package/dist/action-bar.js.map +1 -1
  29. package/dist/alert.js +4 -4
  30. package/dist/assets/base-modal.css +1 -1
  31. package/dist/assets/dropdown.css +1 -1
  32. package/dist/assets/index.css +1 -1
  33. package/dist/assets/index10.css +1 -1
  34. package/dist/assets/index11.css +1 -1
  35. package/dist/assets/index12.css +1 -1
  36. package/dist/assets/index13.css +1 -1
  37. package/dist/assets/index14.css +1 -1
  38. package/dist/assets/index16.css +1 -1
  39. package/dist/assets/index17.css +1 -1
  40. package/dist/assets/index18.css +1 -1
  41. package/dist/assets/index19.css +1 -1
  42. package/dist/assets/index2.css +1 -1
  43. package/dist/assets/index20.css +1 -1
  44. package/dist/assets/index21.css +1 -1
  45. package/dist/assets/index22.css +1 -1
  46. package/dist/assets/index23.css +1 -1
  47. package/dist/assets/index24.css +1 -1
  48. package/dist/assets/index25.css +1 -1
  49. package/dist/assets/index26.css +1 -1
  50. package/dist/assets/index27.css +1 -1
  51. package/dist/assets/index28.css +1 -1
  52. package/dist/assets/index29.css +1 -1
  53. package/dist/assets/index3.css +1 -1
  54. package/dist/assets/index30.css +1 -1
  55. package/dist/assets/index31.css +1 -1
  56. package/dist/assets/index32.css +1 -1
  57. package/dist/assets/index33.css +1 -1
  58. package/dist/assets/index34.css +1 -1
  59. package/dist/assets/index35.css +1 -1
  60. package/dist/assets/index36.css +1 -1
  61. package/dist/assets/index37.css +1 -1
  62. package/dist/assets/index38.css +1 -1
  63. package/dist/assets/index39.css +1 -1
  64. package/dist/assets/index4.css +1 -1
  65. package/dist/assets/index40.css +1 -1
  66. package/dist/assets/index41.css +1 -1
  67. package/dist/assets/index42.css +1 -1
  68. package/dist/assets/index43.css +1 -1
  69. package/dist/assets/index44.css +1 -1
  70. package/dist/assets/index45.css +1 -1
  71. package/dist/assets/index46.css +1 -1
  72. package/dist/assets/index47.css +1 -1
  73. package/dist/assets/index5.css +1 -1
  74. package/dist/assets/index6.css +1 -1
  75. package/dist/assets/index7.css +1 -1
  76. package/dist/assets/index8.css +1 -1
  77. package/dist/assets/index9.css +1 -1
  78. package/dist/avatar-image.js +1 -1
  79. package/dist/badge.js +1 -1
  80. package/dist/button.js +5 -5
  81. package/dist/card.js +3 -3
  82. package/dist/checkbox.js +6 -6
  83. package/dist/chunks/{base-button.ac438bab.js → base-button.f3056e4d.js} +2 -2
  84. package/dist/chunks/{base-button.ac438bab.js.map → base-button.f3056e4d.js.map} +1 -1
  85. package/dist/chunks/{base-modal.4e2fbaca.js → base-modal.b6123c24.js} +84 -88
  86. package/dist/chunks/base-modal.b6123c24.js.map +1 -0
  87. package/dist/chunks/{button-actions-with-menu.5b323fdc.js → button-actions-with-menu.e97544cd.js} +3 -3
  88. package/dist/chunks/{button-actions-with-menu.5b323fdc.js.map → button-actions-with-menu.e97544cd.js.map} +1 -1
  89. package/dist/chunks/{button.3cd15884.js → button.0717d615.js} +3 -3
  90. package/dist/chunks/{button.3cd15884.js.map → button.0717d615.js.map} +1 -1
  91. package/dist/chunks/{calendar.dd2810ab.js → calendar.ba74ca93.js} +5 -5
  92. package/dist/chunks/{calendar.dd2810ab.js.map → calendar.ba74ca93.js.map} +1 -1
  93. package/dist/chunks/{checkbox.c3991e35.js → checkbox.1a24b8a2.js} +4 -4
  94. package/dist/chunks/{checkbox.c3991e35.js.map → checkbox.1a24b8a2.js.map} +1 -1
  95. package/dist/chunks/{controls-group.8eb3ea41.js → controls-group.dc4dcb9a.js} +3 -3
  96. package/dist/chunks/{controls-group.8eb3ea41.js.map → controls-group.dc4dcb9a.js.map} +1 -1
  97. package/dist/chunks/{copy.22b5bd6d.js → copy.e206c0c8.js} +11 -11
  98. package/dist/chunks/{copy.22b5bd6d.js.map → copy.e206c0c8.js.map} +1 -1
  99. package/dist/chunks/{dropdown-default-textbox.ff3381f9.js → dropdown-default-textbox.e377f440.js} +2 -2
  100. package/dist/chunks/{dropdown-default-textbox.ff3381f9.js.map → dropdown-default-textbox.e377f440.js.map} +1 -1
  101. package/dist/chunks/{dropdown.49bb7d48.js → dropdown.4a879fe7.js} +242 -242
  102. package/dist/chunks/dropdown.4a879fe7.js.map +1 -0
  103. package/dist/chunks/{field-label.a290f971.js → field-label.74e665ce.js} +3 -3
  104. package/dist/chunks/{field-label.a290f971.js.map → field-label.74e665ce.js.map} +1 -1
  105. package/dist/chunks/{fixed-scroller.b9c23b0f.js → fixed-scroller.a94c55d3.js} +3 -3
  106. package/dist/chunks/{fixed-scroller.b9c23b0f.js.map → fixed-scroller.a94c55d3.js.map} +1 -1
  107. package/dist/chunks/{footer-actions.e956f9f9.js → footer-actions.284cdd8f.js} +3 -3
  108. package/dist/chunks/{footer-actions.e956f9f9.js.map → footer-actions.284cdd8f.js.map} +1 -1
  109. package/dist/chunks/{i18n.6c402773.js → i18n.f7e6533e.js} +2 -1
  110. package/dist/chunks/{i18n.6c402773.js.map → i18n.f7e6533e.js.map} +1 -1
  111. package/dist/chunks/{index.9d87a92b.js → index.00c93811.js} +3 -3
  112. package/dist/chunks/{index.9d87a92b.js.map → index.00c93811.js.map} +1 -1
  113. package/dist/chunks/{index.740c8202.js → index.1b100eb9.js} +5 -5
  114. package/dist/chunks/{index.740c8202.js.map → index.1b100eb9.js.map} +1 -1
  115. package/dist/chunks/{index.1e5ee8f7.js → index.332c1c17.js} +2 -2
  116. package/dist/chunks/{index.1e5ee8f7.js.map → index.332c1c17.js.map} +1 -1
  117. package/dist/chunks/{index.4fe3f6f6.js → index.446c1a27.js} +3 -3
  118. package/dist/chunks/{index.4fe3f6f6.js.map → index.446c1a27.js.map} +1 -1
  119. package/dist/chunks/{index.60914215.js → index.49d44eb6.js} +10 -10
  120. package/dist/chunks/{index.60914215.js.map → index.49d44eb6.js.map} +1 -1
  121. package/dist/chunks/index.4bcac6ef.js +2270 -0
  122. package/dist/chunks/index.4bcac6ef.js.map +1 -0
  123. package/dist/chunks/{index.d04c2a47.js → index.67ad1ad7.js} +4 -4
  124. package/dist/chunks/index.67ad1ad7.js.map +1 -0
  125. package/dist/chunks/{index.50be665a.js → index.7f9f9088.js} +9 -9
  126. package/dist/chunks/{index.50be665a.js.map → index.7f9f9088.js.map} +1 -1
  127. package/dist/chunks/{index.3c0c8d62.js → index.855484e4.js} +2 -2
  128. package/dist/chunks/{index.3c0c8d62.js.map → index.855484e4.js.map} +1 -1
  129. package/dist/chunks/{index.c2888e08.js → index.8e4a98c9.js} +7 -7
  130. package/dist/chunks/{index.c2888e08.js.map → index.8e4a98c9.js.map} +1 -1
  131. package/dist/chunks/{index.c8040001.js → index.b3ded042.js} +2 -2
  132. package/dist/chunks/{index.c8040001.js.map → index.b3ded042.js.map} +1 -1
  133. package/dist/chunks/{index.5b061519.js → index.b58411f4.js} +3 -3
  134. package/dist/chunks/{index.5b061519.js.map → index.b58411f4.js.map} +1 -1
  135. package/dist/chunks/info.550f9511.js +44 -0
  136. package/dist/chunks/info.550f9511.js.map +1 -0
  137. package/dist/chunks/{listbox-option-tag.10d47bf8.js → listbox-option-tag.a6ed36d6.js} +3 -3
  138. package/dist/chunks/{listbox-option-tag.10d47bf8.js.map → listbox-option-tag.a6ed36d6.js.map} +1 -1
  139. package/dist/chunks/{listbox.0b1de1d5.js → listbox.5b8d5885.js} +6 -6
  140. package/dist/chunks/{listbox.0b1de1d5.js.map → listbox.5b8d5885.js.map} +1 -1
  141. package/dist/chunks/{loading-button.7be8c4fd.js → loading-button.41d1af82.js} +2 -2
  142. package/dist/chunks/{loading-button.7be8c4fd.js.map → loading-button.41d1af82.js.map} +1 -1
  143. package/dist/chunks/{tooltip.fdc251e3.js → tooltip.4fdf4ec4.js} +6 -6
  144. package/dist/chunks/{tooltip.fdc251e3.js.map → tooltip.4fdf4ec4.js.map} +1 -1
  145. package/dist/chunks/{use-country-items.d2a1f224.js → use-country-items.32e30471.js} +2 -2
  146. package/dist/chunks/{use-country-items.d2a1f224.js.map → use-country-items.32e30471.js.map} +1 -1
  147. package/dist/code-snippet.js +8 -8
  148. package/dist/code-snippet.js.map +1 -1
  149. package/dist/country.js +3 -3
  150. package/dist/currency.js +1 -1
  151. package/dist/data-grid.js +7 -2265
  152. package/dist/data-grid.js.map +1 -1
  153. package/dist/date-picker.js +9 -9
  154. package/dist/date-range-picker.js +2 -2
  155. package/dist/date.js +1 -1
  156. package/dist/divider.js +1 -1
  157. package/dist/dropdown.js +7 -7
  158. package/dist/empty-state.js +3 -3
  159. package/dist/filter-bar.js +18 -18
  160. package/dist/focus-trap.js +1 -1
  161. package/dist/form-layout.js +2 -2
  162. package/dist/header.js +230 -131
  163. package/dist/header.js.map +1 -1
  164. package/dist/index.js +371 -282
  165. package/dist/index.js.map +1 -1
  166. package/dist/info-icon.js +22 -57
  167. package/dist/info-icon.js.map +1 -1
  168. package/dist/input-field.js +93 -93
  169. package/dist/input-field.js.map +1 -1
  170. package/dist/internal.js +7 -7
  171. package/dist/link.js +1 -1
  172. package/dist/loading-indicator.js +1 -1
  173. package/dist/menu.js +1 -1
  174. package/dist/modal.js +137 -146
  175. package/dist/modal.js.map +1 -1
  176. package/dist/pagination.js +5 -5
  177. package/dist/payment-method.js +1 -1
  178. package/dist/popover.js +1 -1
  179. package/dist/popper-container.js +1 -1
  180. package/dist/radio-group.js +94 -93
  181. package/dist/radio-group.js.map +1 -1
  182. package/dist/search-bar.js +3 -3
  183. package/dist/secondary-nav.js +2 -2
  184. package/dist/segmented-control.js +4 -4
  185. package/dist/sidepanel.js +8 -8
  186. package/dist/sidepanel.js.map +1 -1
  187. package/dist/status.js +2 -2
  188. package/dist/stepper.js +4 -4
  189. package/dist/structured-list.js +1 -1
  190. package/dist/summary-grid.js +3 -3
  191. package/dist/tabs.js +3 -3
  192. package/dist/tag.js +7 -7
  193. package/dist/textarea.js +5 -5
  194. package/dist/timeline.js +7 -7
  195. package/dist/toast.js +3 -3
  196. package/dist/toggle.js +2 -2
  197. package/dist/tutorial.js +6 -6
  198. package/dist/typography.js +1 -1
  199. package/dist/web-types.json +10 -1
  200. package/package.json +2 -2
  201. package/dist/chunks/base-modal.4e2fbaca.js.map +0 -1
  202. package/dist/chunks/dropdown.49bb7d48.js.map +0 -1
  203. package/dist/chunks/index.d04c2a47.js.map +0 -1
@@ -19,6 +19,7 @@ import {
19
19
  BentoCountry,
20
20
  BentoCurrency,
21
21
  BentoDataGrid,
22
+ BentoDataGridTemplate,
22
23
  BentoDate,
23
24
  BentoDatePicker,
24
25
  BentoDateRangePicker,
@@ -98,6 +99,7 @@ declare module 'vue' {
98
99
  BentoCodeSnippet: typeof BentoCodeSnippet;
99
100
  BentoCurrency: typeof BentoCurrency;
100
101
  BentoDataGrid: typeof BentoDataGrid;
102
+ BentoDataGridTemplate: typeof BentoDataGridTemplate;
101
103
  BentoDate: typeof BentoDate;
102
104
  BentoDatePicker: typeof BentoDatePicker;
103
105
  BentoDateRangePicker: typeof BentoDateRangePicker;
@@ -0,0 +1 @@
1
+ export type BentoActionBarVariant = 'default' | 'confirmation';
@@ -1,9 +1,10 @@
1
1
  import { PropType } from "../../../../vue3/node_modules/vue";
2
2
  import { BentoButtonActionsList } from "../button";
3
+ import { type BentoActionBarVariant } from "./action-bar.types";
3
4
  declare const _default: import("../../../../vue3/node_modules/vue").DefineComponent<{
4
5
  actions: {
5
6
  type: PropType<BentoButtonActionsList>;
6
- required: true;
7
+ default: () => any[];
7
8
  };
8
9
  visibleActions: {
9
10
  type: NumberConstructor;
@@ -22,12 +23,20 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
22
23
  type: StringConstructor;
23
24
  default: any;
24
25
  };
26
+ variant: {
27
+ type: PropType<BentoActionBarVariant>;
28
+ default: string;
29
+ };
25
30
  }, {}, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, {
26
31
  close: () => void;
32
+ } & {
33
+ cancel: () => void;
34
+ } & {
35
+ save: () => void;
27
36
  }, string, import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
28
37
  actions: {
29
38
  type: PropType<BentoButtonActionsList>;
30
- required: true;
39
+ default: () => any[];
31
40
  };
32
41
  visibleActions: {
33
42
  type: NumberConstructor;
@@ -46,9 +55,17 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
46
55
  type: StringConstructor;
47
56
  default: any;
48
57
  };
58
+ variant: {
59
+ type: PropType<BentoActionBarVariant>;
60
+ default: string;
61
+ };
49
62
  }>> & {
50
63
  onClose?: () => any;
64
+ onCancel?: () => any;
65
+ onSave?: () => any;
51
66
  }, {
67
+ variant: BentoActionBarVariant;
68
+ actions: BentoButtonActionsList;
52
69
  visibleActions: number;
53
70
  extraBottomSpacing: boolean;
54
71
  selectionLabel: string;
@@ -1 +1,2 @@
1
1
  export { default as BentoActionBar } from './action-bar.vue';
2
+ export type { BentoActionBarVariant } from './action-bar.types';
@@ -31,13 +31,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
31
31
  isTipVariant: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
32
32
  onCloseButtonClick: () => void;
33
33
  hasSlot: (name: string) => boolean;
34
- t: import("vue-i18n-bridge").ComposerTranslation<import("../../utils/ts/i18n").i18nMessages, string, import("@intlify/core-base").RemoveIndexSignature<{
35
- [x: string]: import("vue-i18n-bridge").LocaleMessageValue<import("vue-i18n-bridge").VueMessageType>;
36
- }>, never, import("@intlify/core-base")._ResourcePath<{
37
- [key: string]: string;
38
- }>, import("@intlify/core-base")._ResourcePath<{
39
- [key: string]: string;
40
- }>> | ((key: "close" | "highlightIcon" | "successIcon" | "criticalIcon" | "warningIcon", values?: import("vue-i18n").default.Values) => string);
34
+ t: (key: "close" | "highlightIcon" | "successIcon" | "criticalIcon" | "warningIcon", values?: import("vue-i18n").default.Values) => string;
41
35
  BentoTypographyVariant: typeof BentoTypographyVariant;
42
36
  }, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, BentoAlertEvent[], BentoAlertEvent, import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
43
37
  closeButton: {
@@ -115,13 +115,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
115
115
  }>;
116
116
  hasSlot: (name: string) => boolean;
117
117
  onClick: () => void;
118
- t: import("vue-i18n-bridge").ComposerTranslation<import("../../utils/ts/i18n").i18nMessages, string, import("@intlify/core-base").RemoveIndexSignature<{
119
- [x: string]: import("vue-i18n-bridge").LocaleMessageValue<import("vue-i18n-bridge").VueMessageType>;
120
- }>, never, import("@intlify/core-base")._ResourcePath<{
121
- [key: string]: string;
122
- }>, import("@intlify/core-base")._ResourcePath<{
123
- [key: string]: string;
124
- }>> | ((key: "showCardContent" | "hideCardContent", values?: import("vue-i18n").default.Values) => string);
118
+ t: (key: "showCardContent" | "hideCardContent", values?: import("vue-i18n").default.Values) => string;
125
119
  toggleExpansion: () => void;
126
120
  }, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, ("click" | "expanded")[], "click" | "expanded", import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
127
121
  background: {
@@ -88,13 +88,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
88
88
  hasSlot: (name: string) => boolean;
89
89
  onChange: (event: Event) => void;
90
90
  onClick: (event: Event) => void;
91
- t: import("vue-i18n-bridge").ComposerTranslation<import("../../utils/ts/i18n").i18nMessages, string, import("@intlify/core-base").RemoveIndexSignature<{
92
- [x: string]: import("vue-i18n-bridge").LocaleMessageValue<import("vue-i18n-bridge").VueMessageType>;
93
- }>, never, import("@intlify/core-base")._ResourcePath<{
94
- [key: string]: string;
95
- }>, import("@intlify/core-base")._ResourcePath<{
96
- [key: string]: string;
97
- }>> | ((key: "required" | "optional" | "ariaLabelFallback", values?: import("vue-i18n").default.Values) => string);
91
+ t: (key: "required" | "optional" | "ariaLabelFallback", values?: import("vue-i18n").default.Values) => string;
98
92
  }, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, BentoCheckboxEvent[], BentoCheckboxEvent, import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
99
93
  ariaLabel: {
100
94
  type: StringConstructor;
@@ -59,13 +59,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
59
59
  handleChangeLanguage: () => void;
60
60
  onActionClicked: () => void;
61
61
  runText: import("../../../../vue3/node_modules/vue").ComputedRef<string>;
62
- t: import("vue-i18n-bridge").ComposerTranslation<import("../../utils/ts/i18n").i18nMessages, string, import("@intlify/core-base").RemoveIndexSignature<{
63
- [x: string]: import("vue-i18n-bridge").LocaleMessageValue<import("vue-i18n-bridge").VueMessageType>;
64
- }>, never, import("@intlify/core-base")._ResourcePath<{
65
- [key: string]: string;
66
- }>, import("@intlify/core-base")._ResourcePath<{
67
- [key: string]: string;
68
- }>> | ((key: "expand" | "run", values?: import("vue-i18n").default.Values) => string);
62
+ t: (key: "expand" | "run", values?: import("vue-i18n").default.Values) => string;
69
63
  }, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, BentoCodeSnippetEvent[], BentoCodeSnippetEvent, import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
70
64
  variant: {
71
65
  type: PropType<"inline" | "singleline" | "multiline" | BentoCodeSnippetVariant>;
@@ -123,13 +123,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
123
123
  computeMenuPosition: (hasFirstColumnPanelRightAligned: any, index: any) => import("../../../popper-container").PopperContainerPositionExtended.BOTTOM_START | import("../../../popper-container").PopperContainerPositionExtended.BOTTOM_END;
124
124
  BentoDatagridSortDirection: typeof BentoDatagridSortDirection;
125
125
  DatagridColumnsEvent: typeof DatagridColumnsEvent;
126
- t: import("vue-i18n-bridge").ComposerTranslation<import("../../../../utils/ts/i18n").i18nMessages, string, import("@intlify/core-base").RemoveIndexSignature<{
127
- [x: string]: import("vue-i18n-bridge").LocaleMessageValue<import("vue-i18n-bridge").VueMessageType>;
128
- }>, never, import("@intlify/core-base")._ResourcePath<{
129
- [key: string]: string;
130
- }>, import("@intlify/core-base")._ResourcePath<{
131
- [key: string]: string;
132
- }>> | ((key: "selectAll" | "freezeColumn" | "hideColumn" | "moveColumnLeft" | "moveColumnRight" | "selectPage" | "selectionMenu" | "showColumn" | "unfreezeColumn", values?: import("vue-i18n").default.Values) => string);
126
+ t: (key: "selectAll" | "freezeColumn" | "hideColumn" | "moveColumnLeft" | "moveColumnRight" | "selectPage" | "selectionMenu" | "showColumn" | "unfreezeColumn", values?: import("vue-i18n").default.Values) => string;
133
127
  }, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, DatagridColumnsEvent[], DatagridColumnsEvent, import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
134
128
  columns: {
135
129
  type: PropType<BentoColumn[]>;
@@ -192,13 +192,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
192
192
  'b-date-range-picker-calendar__form-input-wrapper': boolean;
193
193
  }>;
194
194
  hasSlot: (name: string) => boolean;
195
- t: import("vue-i18n-bridge").ComposerTranslation<import("../../../../utils/ts/i18n").i18nMessages, string, import("@intlify/core-base").RemoveIndexSignature<{
196
- [x: string]: import("vue-i18n-bridge").LocaleMessageValue<import("vue-i18n-bridge").VueMessageType>;
197
- }>, never, import("@intlify/core-base")._ResourcePath<{
198
- [key: string]: string;
199
- }>, import("@intlify/core-base")._ResourcePath<{
200
- [key: string]: string;
201
- }>> | ((key: "daily" | "weekly" | "monthly" | "customRange" | "dateFrom" | "dateTo" | "lastMonth" | "lastSevenDays" | "lastThreeMonths" | "timeFrom" | "timeTo", values?: import("vue-i18n").default.Values) => string);
195
+ t: (key: "daily" | "weekly" | "monthly" | "customRange" | "dateFrom" | "dateTo" | "lastMonth" | "lastSevenDays" | "lastThreeMonths" | "timeFrom" | "timeTo", values?: import("vue-i18n").default.Values) => string;
202
196
  onDateInput: (selectedRange: CalendarRangeDateValue) => void;
203
197
  onDateInputKeyDown: (event: KeyboardEvent) => void;
204
198
  onEndDateInput: (endDateText: string) => void;
@@ -89,7 +89,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
89
89
  };
90
90
  size: {
91
91
  type: PropType<"DropdownInputDefault" | "DropdownInputSmall" | BentoDropdownSize>;
92
- default: BentoDropdownSize;
92
+ default: any;
93
93
  validator: (value: BentoDropdownSize) => boolean;
94
94
  };
95
95
  staticCategories: {
@@ -200,7 +200,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
200
200
  };
201
201
  size: {
202
202
  type: PropType<"DropdownInputDefault" | "DropdownInputSmall" | BentoDropdownSize>;
203
- default: BentoDropdownSize;
203
+ default: any;
204
204
  validator: (value: BentoDropdownSize) => boolean;
205
205
  };
206
206
  staticCategories: {
@@ -0,0 +1 @@
1
+ export { default as InfoIconWithPopover } from './info-icon-with-popover.vue';
@@ -0,0 +1,32 @@
1
+ declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/node_modules/vue").DefineComponent<{
2
+ popoverText: {
3
+ type: StringConstructor;
4
+ default: any;
5
+ };
6
+ popoverPosition: {
7
+ type: any;
8
+ default: any;
9
+ validator: any;
10
+ };
11
+ }, {}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
12
+ popoverText: {
13
+ type: StringConstructor;
14
+ default: any;
15
+ };
16
+ popoverPosition: {
17
+ type: any;
18
+ default: any;
19
+ validator: any;
20
+ };
21
+ }>>, {
22
+ popoverText: string;
23
+ popoverPosition: any;
24
+ }>, {
25
+ default: (_: {}) => any;
26
+ }>;
27
+ export default _default;
28
+ type __VLS_WithTemplateSlots<T, S> = T & {
29
+ new (): {
30
+ $slots: S;
31
+ };
32
+ };
@@ -3,27 +3,32 @@ import { BentoButtonActionsList } from "../button";
3
3
  import { BentoHeaderVariant } from './header.types';
4
4
  import { BentoTypographyElement, BentoTypographyVariant } from "../typography";
5
5
  declare const _default: import("../../../../vue3/node_modules/vue").DefineComponent<{
6
- variant: {
7
- type: PropType<"component" | "page" | BentoHeaderVariant>;
8
- default: BentoHeaderVariant;
9
- validator: (value: BentoHeaderVariant) => boolean;
10
- };
11
- title: {
12
- type: StringConstructor;
13
- required: true;
6
+ actions: {
7
+ type: PropType<BentoButtonActionsList>;
8
+ default: any;
14
9
  };
15
10
  infoIconTooltipText: {
16
- type: StringConstructor;
11
+ type: any;
17
12
  default: any;
18
13
  };
19
- actions: {
20
- type: PropType<BentoButtonActionsList>;
14
+ infoIconPopoverPosition: {
15
+ type: any;
21
16
  default: any;
17
+ validator: any;
22
18
  };
23
19
  lastUpdated: {
24
20
  type: (DateConstructor | NumberConstructor)[];
25
21
  default: any;
26
22
  };
23
+ variant: {
24
+ type: PropType<"component" | "page" | BentoHeaderVariant>;
25
+ default: BentoHeaderVariant;
26
+ validator: (value: BentoHeaderVariant) => boolean;
27
+ };
28
+ title: {
29
+ type: StringConstructor;
30
+ required: true;
31
+ };
27
32
  }, {
28
33
  hasSlot: (name: string) => boolean;
29
34
  conditionalClasses: import("../../../../vue3/node_modules/vue").ComputedRef<{
@@ -37,31 +42,37 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
37
42
  large: boolean;
38
43
  }>;
39
44
  }, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
40
- variant: {
41
- type: PropType<"component" | "page" | BentoHeaderVariant>;
42
- default: BentoHeaderVariant;
43
- validator: (value: BentoHeaderVariant) => boolean;
44
- };
45
- title: {
46
- type: StringConstructor;
47
- required: true;
45
+ actions: {
46
+ type: PropType<BentoButtonActionsList>;
47
+ default: any;
48
48
  };
49
49
  infoIconTooltipText: {
50
- type: StringConstructor;
50
+ type: any;
51
51
  default: any;
52
52
  };
53
- actions: {
54
- type: PropType<BentoButtonActionsList>;
53
+ infoIconPopoverPosition: {
54
+ type: any;
55
55
  default: any;
56
+ validator: any;
56
57
  };
57
58
  lastUpdated: {
58
59
  type: (DateConstructor | NumberConstructor)[];
59
60
  default: any;
60
61
  };
62
+ variant: {
63
+ type: PropType<"component" | "page" | BentoHeaderVariant>;
64
+ default: BentoHeaderVariant;
65
+ validator: (value: BentoHeaderVariant) => boolean;
66
+ };
67
+ title: {
68
+ type: StringConstructor;
69
+ required: true;
70
+ };
61
71
  }>>, {
62
72
  variant: "component" | "page" | BentoHeaderVariant;
63
73
  actions: BentoButtonActionsList;
64
- infoIconTooltipText: string;
74
+ infoIconTooltipText: any;
65
75
  lastUpdated: number | Date;
76
+ infoIconPopoverPosition: any;
66
77
  }>;
67
78
  export default _default;
@@ -0,0 +1 @@
1
+ export declare const INPUT_FIELD_COMPONENT_INJECTION_KEY: unique symbol;
@@ -34,10 +34,6 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/n
34
34
  type: StringConstructor;
35
35
  default: BentoModalRole;
36
36
  };
37
- overflowVisible: {
38
- type: BooleanConstructor;
39
- default: boolean;
40
- };
41
37
  size: {
42
38
  type: PropType<"small" | "medium" | "large" | BentoModalSize>;
43
39
  default: BentoModalSize;
@@ -83,10 +79,6 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/n
83
79
  type: StringConstructor;
84
80
  default: BentoModalRole;
85
81
  };
86
- overflowVisible: {
87
- type: BooleanConstructor;
88
- default: boolean;
89
- };
90
82
  size: {
91
83
  type: PropType<"small" | "medium" | "large" | BentoModalSize>;
92
84
  default: BentoModalSize;
@@ -104,7 +96,6 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/n
104
96
  customPadding: string;
105
97
  initiallyOpen: boolean;
106
98
  modalRole: string;
107
- overflowVisible: boolean;
108
99
  withColumnLayout: boolean;
109
100
  }>, {
110
101
  default: (_: {}) => any;
@@ -38,10 +38,6 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/n
38
38
  type: BooleanConstructor;
39
39
  required: true;
40
40
  };
41
- overflowVisible: {
42
- type: BooleanConstructor;
43
- default: boolean;
44
- };
45
41
  size: {
46
42
  type: PropType<"small" | "medium" | "large" | BentoModalSize>;
47
43
  required: true;
@@ -89,10 +85,6 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/n
89
85
  type: BooleanConstructor;
90
86
  required: true;
91
87
  };
92
- overflowVisible: {
93
- type: BooleanConstructor;
94
- default: boolean;
95
- };
96
88
  size: {
97
89
  type: PropType<"small" | "medium" | "large" | BentoModalSize>;
98
90
  required: true;
@@ -109,7 +101,6 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/n
109
101
  customPadding: string;
110
102
  hideCloseButton: boolean;
111
103
  initiallyOpen: boolean;
112
- overflowVisible: boolean;
113
104
  withColumnLayout: boolean;
114
105
  actionsLabel: string;
115
106
  destructiveActions: boolean;
@@ -26,10 +26,6 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/n
26
26
  type: BooleanConstructor;
27
27
  required: true;
28
28
  };
29
- overflowVisible: {
30
- type: BooleanConstructor;
31
- default: boolean;
32
- };
33
29
  }, {}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {
34
30
  "close-modal": () => void;
35
31
  }, string, import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
@@ -57,16 +53,11 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/n
57
53
  type: BooleanConstructor;
58
54
  required: true;
59
55
  };
60
- overflowVisible: {
61
- type: BooleanConstructor;
62
- default: boolean;
63
- };
64
56
  }>> & {
65
57
  "onClose-modal"?: () => any;
66
58
  }, {
67
59
  actions: BentoButtonActionsList;
68
60
  initiallyOpen: boolean;
69
- overflowVisible: boolean;
70
61
  }>, {
71
62
  default: (_: {}) => any;
72
63
  }>;
@@ -1,4 +1,8 @@
1
1
  export declare enum BentoModalVariant {
2
+ DEFAULT = "default",
3
+ DIALOG = "dialog"
4
+ }
5
+ export declare enum BentoModalVariantMapping {
2
6
  DEFAULT = "BentoModalDefault",
3
7
  DIALOG = "BentoModalDialog"
4
8
  }
@@ -53,14 +53,10 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
53
53
  default: BentoModalSize;
54
54
  validator: (value: BentoModalSize) => boolean;
55
55
  };
56
- overflowVisible: {
57
- type: BooleanConstructor;
58
- default: boolean;
59
- };
60
56
  variant: {
61
- type: PropType<"BentoModalDefault" | "BentoModalDialog" | BentoModalVariant>;
62
- default: BentoModalVariant;
63
- validator: (value: BentoModalVariant) => boolean;
57
+ type: PropType<"default" | "dialog" | "BentoModalDefault" | "BentoModalDialog" | BentoModalVariant>;
58
+ default: string;
59
+ validator: (value: "default" | "dialog" | "BentoModalDefault" | "BentoModalDialog" | BentoModalVariant) => boolean;
64
60
  };
65
61
  withColumnLayout: {
66
62
  type: BooleanConstructor;
@@ -120,14 +116,10 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
120
116
  default: BentoModalSize;
121
117
  validator: (value: BentoModalSize) => boolean;
122
118
  };
123
- overflowVisible: {
124
- type: BooleanConstructor;
125
- default: boolean;
126
- };
127
119
  variant: {
128
- type: PropType<"BentoModalDefault" | "BentoModalDialog" | BentoModalVariant>;
129
- default: BentoModalVariant;
130
- validator: (value: BentoModalVariant) => boolean;
120
+ type: PropType<"default" | "dialog" | "BentoModalDefault" | "BentoModalDialog" | BentoModalVariant>;
121
+ default: string;
122
+ validator: (value: "default" | "dialog" | "BentoModalDefault" | "BentoModalDialog" | BentoModalVariant) => boolean;
131
123
  };
132
124
  withColumnLayout: {
133
125
  type: BooleanConstructor;
@@ -136,7 +128,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
136
128
  }>> & {
137
129
  "onClose-modal"?: () => any;
138
130
  }, {
139
- variant: "BentoModalDefault" | "BentoModalDialog" | BentoModalVariant;
131
+ variant: "default" | "dialog" | "BentoModalDefault" | "BentoModalDialog" | BentoModalVariant;
140
132
  isOpen: boolean;
141
133
  size: "small" | "medium" | "large" | BentoModalSize;
142
134
  content: string;
@@ -146,7 +138,6 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
146
138
  hideCloseButton: boolean;
147
139
  initiallyOpen: boolean;
148
140
  isDismissible: boolean;
149
- overflowVisible: boolean;
150
141
  withColumnLayout: boolean;
151
142
  actionsLabel: string;
152
143
  destructiveActions: boolean;
@@ -77,13 +77,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
77
77
  isLastItem: import("../../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
78
78
  generateUid: (value: string) => string;
79
79
  hasSlot: (name: string) => boolean;
80
- t: import("vue-i18n-bridge").ComposerTranslation<import("../../../../utils/ts/i18n").i18nMessages, string, import("@intlify/core-base").RemoveIndexSignature<{
81
- [x: string]: import("vue-i18n-bridge").LocaleMessageValue<import("vue-i18n-bridge").VueMessageType>;
82
- }>, never, import("@intlify/core-base")._ResourcePath<{
83
- [key: string]: string;
84
- }>, import("@intlify/core-base")._ResourcePath<{
85
- [key: string]: string;
86
- }>> | ((key: "showMore" | "timegap" | "showLess", values?: import("vue-i18n").default.Values) => string);
80
+ t: (key: "showMore" | "timegap" | "showLess", values?: import("vue-i18n").default.Values) => string;
87
81
  }, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
88
82
  additionalTimestamp: {
89
83
  type: PropType<BentoTimelineTimestamp>;
@@ -46,6 +46,7 @@ export * from './components/toast';
46
46
  export * from './components/toggle';
47
47
  export * from './components/tutorial';
48
48
  export * from './components/typography';
49
+ export * from './templates/data-grid-template';
49
50
  export * from './types';
50
51
  export * from './directives';
51
52
  export default BentoVue;
@@ -1,11 +1,13 @@
1
1
  import { Ref } from "../../../../vue3/node_modules/vue";
2
- import { BentoTab } from "../../components/tabs";
2
+ import type { BentoTab } from "../../components/tabs";
3
+ import type { BentoHeader } from "../../components/header";
3
4
  export type BentoDataGridTemplateDataGrid = () => {
4
5
  isDataGridTemplate: boolean;
5
6
  stickyTabs: Ref<boolean>;
6
7
  tabsRef: Ref<HTMLDivElement> | null;
7
8
  };
8
9
  export type BentoDataGridTemplateTab = InstanceType<typeof BentoTab>['$props'];
10
+ export type BentoDataGridTemplateHeader = InstanceType<typeof BentoHeader>['$props'];
9
11
  export type BentoDataGridTemplateTabs = {
10
12
  activeTabIndex?: number;
11
13
  tabs: BentoDataGridTemplateTab[];