@adyen/bento-vue3 1.22.0 → 1.24.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 (251) hide show
  1. package/dist/@types/packages/vue2/src/components/avatar-image/avatar-image.vue.d.ts +38 -48
  2. package/dist/@types/packages/vue2/src/components/card/card.vue.d.ts +25 -20
  3. package/dist/@types/packages/vue2/src/components/data-grid/components/data-grid-cell/data-grid-cell.types.d.ts +9 -5
  4. package/dist/@types/packages/vue2/src/components/data-grid/components/data-grid-cell/data-grid-cell.vue.d.ts +15 -0
  5. package/dist/@types/packages/vue2/src/components/data-grid/components/data-grid-columns/data-grid-columns.types.d.ts +1 -0
  6. package/dist/@types/packages/vue2/src/components/data-grid/components/data-grid-columns/data-grid-columns.vue.d.ts +18 -0
  7. package/dist/@types/packages/vue2/src/components/data-grid/components/data-grid-config-settings/data-grid-config-settings.vue.d.ts +1 -0
  8. package/dist/@types/packages/vue2/src/components/data-grid/composables/index.d.ts +1 -0
  9. package/dist/@types/packages/vue2/src/components/data-grid/composables/use-calculate-column-width/use-calculate-column-width.d.ts +2 -1
  10. package/dist/@types/packages/vue2/src/components/data-grid/composables/use-column-hovering/index.d.ts +2 -0
  11. package/dist/@types/packages/vue2/src/components/data-grid/composables/use-column-hovering/use-column-hovering.d.ts +53 -0
  12. package/dist/@types/packages/vue2/src/components/data-grid/composables/use-column-hovering/use-column-hovering.types.d.ts +12 -0
  13. package/dist/@types/packages/vue2/src/components/data-grid/composables/use-config-settings/use-config-settings.d.ts +2 -99
  14. package/dist/@types/packages/vue2/src/components/data-grid/composables/use-config-settings/use-config.settings.types.d.ts +7 -0
  15. package/dist/@types/packages/vue2/src/components/data-grid/composables/use-resizer.d.ts +47 -1
  16. package/dist/@types/packages/vue2/src/components/data-grid/data-grid.vue.d.ts +48 -8
  17. package/dist/@types/packages/vue2/src/components/dropdown/dropdown.vue.d.ts +1 -1
  18. package/dist/@types/packages/vue2/src/components/filter-bar/components/all-filters-modal/all-filters-modal.vue.d.ts +48 -24
  19. package/dist/@types/packages/vue2/src/components/filter-bar/components/base-filter-button/base-filter-button.vue.d.ts +1 -1
  20. package/dist/@types/packages/vue2/src/components/filter-bar/filter-bar.types.d.ts +12 -2
  21. package/dist/@types/packages/vue2/src/components/input-field/input-field.vue.d.ts +10 -2
  22. package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-multi-select/components/listbox-multi-select-options/components/listbox-multi-select-category/listbox-multi-select-category.vue.d.ts +25 -20
  23. package/dist/@types/packages/vue2/src/components/menu/menu.types.d.ts +1 -1
  24. package/dist/@types/packages/vue2/src/components/menu/menu.vue.d.ts +1 -0
  25. package/dist/@types/packages/vue2/src/components/modal/components/base-modal/base-modal.vue.d.ts +3 -3
  26. package/dist/@types/packages/vue2/src/components/modal/components/modal-default/modal-default.vue.d.ts +2 -2
  27. package/dist/@types/packages/vue2/src/components/modal/modal.vue.d.ts +3 -3
  28. package/dist/@types/packages/vue2/src/components/popper-container/popper-container.vue.d.ts +1 -1
  29. package/dist/@types/packages/vue2/src/components/stepper/composables/index.d.ts +2 -0
  30. package/dist/@types/packages/vue2/src/components/stepper/composables/use-step-register/use-step-register.d.ts +11 -0
  31. package/dist/@types/packages/vue2/src/components/stepper/stepper.types.d.ts +1 -0
  32. package/dist/@types/packages/vue2/src/components/summary-grid/components/summary-grid-item/summary-grid-item.vue.d.ts +3 -3
  33. package/dist/@types/packages/vue2/src/components/summary-grid/components/summary-grid-item-amount/summary-grid-item-amount.vue.d.ts +3 -3
  34. package/dist/@types/packages/vue2/src/components/summary-grid/components/summary-grid-item-numeric/summary-grid-item-numeric.vue.d.ts +3 -3
  35. package/dist/@types/packages/vue2/src/components/summary-grid/components/summary-grid-item-percentage/summary-grid-item-percentage.vue.d.ts +3 -3
  36. package/dist/@types/packages/vue2/src/components/toast/components/toast-item/toast-item.vue.d.ts +7 -40
  37. package/dist/@types/packages/vue2/src/components/toast/components/toast-shadow-stack/toast-shadow-stack.types.d.ts +5 -0
  38. package/dist/@types/packages/vue2/src/components/toast/components/toast-shadow-stack/toast-shadow-stack.vue.d.ts +7 -0
  39. package/dist/@types/packages/vue2/src/components/toast/index.d.ts +0 -1
  40. package/dist/@types/packages/vue2/src/components/toast/toast.vue.d.ts +1 -29
  41. package/dist/@types/packages/vue2/src/components/tooltip/tooltip.vue.d.ts +195 -55
  42. package/dist/@types/packages/vue2/src/components/typography/typography.vue.d.ts +71 -85
  43. package/dist/@types/packages/vue2/src/composables/index.d.ts +1 -0
  44. package/dist/@types/packages/vue2/src/composables/use-bento-toast-controller/index.d.ts +2 -0
  45. package/dist/@types/packages/vue2/src/composables/use-bento-toast-controller/install.d.ts +6 -0
  46. package/dist/@types/packages/vue2/src/composables/use-bento-toast-controller/toast-stack.d.ts +7 -0
  47. package/dist/@types/packages/vue2/src/composables/use-bento-toast-controller/use-bento-toast-controller.d.ts +2 -0
  48. package/dist/@types/packages/vue2/src/composables/use-bento-toast-controller/use-bento-toast-controller.types.d.ts +23 -0
  49. package/dist/@types/packages/vue2/src/index.d.ts +1 -0
  50. package/dist/@types/packages/vue2/src/utils/ts/storybook.d.ts +10 -0
  51. package/dist/accordion.js +2 -2
  52. package/dist/action-bar.js +6 -6
  53. package/dist/alert.js +113 -77
  54. package/dist/alert.js.map +1 -1
  55. package/dist/assets/base-modal.css +1 -1
  56. package/dist/assets/button.css +1 -1
  57. package/dist/assets/dialog-page.css +1 -1
  58. package/dist/assets/grid-layout.css +1 -1
  59. package/dist/assets/index.css +1 -1
  60. package/dist/assets/index10.css +1 -1
  61. package/dist/assets/index11.css +1 -1
  62. package/dist/assets/index12.css +1 -1
  63. package/dist/assets/index13.css +1 -1
  64. package/dist/assets/index14.css +1 -1
  65. package/dist/assets/index15.css +1 -1
  66. package/dist/assets/index16.css +1 -1
  67. package/dist/assets/index17.css +1 -1
  68. package/dist/assets/index18.css +1 -1
  69. package/dist/assets/index19.css +1 -1
  70. package/dist/assets/index2.css +1 -1
  71. package/dist/assets/index20.css +1 -1
  72. package/dist/assets/index21.css +1 -1
  73. package/dist/assets/index22.css +1 -1
  74. package/dist/assets/index23.css +1 -1
  75. package/dist/assets/index24.css +1 -1
  76. package/dist/assets/index25.css +1 -1
  77. package/dist/assets/index26.css +1 -1
  78. package/dist/assets/index27.css +1 -1
  79. package/dist/assets/index28.css +1 -1
  80. package/dist/assets/index29.css +1 -1
  81. package/dist/assets/index3.css +1 -1
  82. package/dist/assets/index30.css +1 -1
  83. package/dist/assets/index31.css +1 -1
  84. package/dist/assets/index32.css +1 -1
  85. package/dist/assets/index33.css +1 -1
  86. package/dist/assets/index34.css +1 -1
  87. package/dist/assets/index35.css +1 -1
  88. package/dist/assets/index36.css +1 -1
  89. package/dist/assets/index37.css +1 -1
  90. package/dist/assets/index38.css +1 -1
  91. package/dist/assets/index39.css +1 -1
  92. package/dist/assets/index4.css +1 -1
  93. package/dist/assets/index40.css +1 -1
  94. package/dist/assets/index41.css +1 -1
  95. package/dist/assets/index42.css +1 -1
  96. package/dist/assets/index43.css +1 -1
  97. package/dist/assets/index44.css +1 -1
  98. package/dist/assets/index45.css +1 -1
  99. package/dist/assets/index46.css +1 -1
  100. package/dist/assets/index47.css +1 -1
  101. package/dist/assets/index48.css +1 -1
  102. package/dist/assets/index5.css +1 -1
  103. package/dist/assets/index6.css +1 -1
  104. package/dist/assets/index7.css +1 -1
  105. package/dist/assets/index8.css +1 -1
  106. package/dist/assets/index9.css +1 -1
  107. package/dist/avatar-image.js +1 -1
  108. package/dist/badge.js +1 -1
  109. package/dist/button.js +5 -5
  110. package/dist/card.js +3 -3
  111. package/dist/checkbox.js +5 -5
  112. package/dist/chunks/{base-button.86be8130.js → base-button.ab9c947e.js} +2 -2
  113. package/dist/chunks/{base-button.86be8130.js.map → base-button.ab9c947e.js.map} +1 -1
  114. package/dist/chunks/{base-modal.01333c00.js → base-modal.28b5ff83.js} +6 -6
  115. package/dist/chunks/{base-modal.01333c00.js.map → base-modal.28b5ff83.js.map} +1 -1
  116. package/dist/chunks/{button-actions-with-menu.df95130d.js → button-actions-with-menu.305991e5.js} +4 -4
  117. package/dist/chunks/{button-actions-with-menu.df95130d.js.map → button-actions-with-menu.305991e5.js.map} +1 -1
  118. package/dist/chunks/{button-actions.bcc9dcc7.js → button-actions.ea025810.js} +3 -3
  119. package/dist/chunks/{button-actions.bcc9dcc7.js.map → button-actions.ea025810.js.map} +1 -1
  120. package/dist/chunks/{button.a378e7ab.js → button.ce5d1f5e.js} +3 -3
  121. package/dist/chunks/{button.a378e7ab.js.map → button.ce5d1f5e.js.map} +1 -1
  122. package/dist/chunks/{calendar.891a60a9.js → calendar.24a492f1.js} +4 -4
  123. package/dist/chunks/{calendar.891a60a9.js.map → calendar.24a492f1.js.map} +1 -1
  124. package/dist/chunks/{checkbox.9753e9d6.js → checkbox.d0f897e0.js} +3 -3
  125. package/dist/chunks/{checkbox.9753e9d6.js.map → checkbox.d0f897e0.js.map} +1 -1
  126. package/dist/chunks/{controls-group.84981503.js → controls-group.2b31233c.js} +3 -3
  127. package/dist/chunks/{controls-group.84981503.js.map → controls-group.2b31233c.js.map} +1 -1
  128. package/dist/chunks/{copy.86eb5d86.js → copy.9003ed59.js} +4 -4
  129. package/dist/chunks/{copy.86eb5d86.js.map → copy.9003ed59.js.map} +1 -1
  130. package/dist/chunks/{dialog-page.ce02932b.js → dialog-page.2c07d294.js} +3 -3
  131. package/dist/chunks/{dialog-page.ce02932b.js.map → dialog-page.2c07d294.js.map} +1 -1
  132. package/dist/chunks/{dropdown-default-textbox.91ad6585.js → dropdown-default-textbox.311443a8.js} +136 -116
  133. package/dist/chunks/dropdown-default-textbox.311443a8.js.map +1 -0
  134. package/dist/chunks/{dropdown.6c010045.js → dropdown.170b43c4.js} +14 -15
  135. package/dist/chunks/{dropdown.6c010045.js.map → dropdown.170b43c4.js.map} +1 -1
  136. package/dist/chunks/{error-message.498811e4.js → error-message.4678cbdc.js} +2 -2
  137. package/dist/chunks/{error-message.498811e4.js.map → error-message.4678cbdc.js.map} +1 -1
  138. package/dist/chunks/{fixed-scroller.51b63488.js → fixed-scroller.f09618f2.js} +2 -2
  139. package/dist/chunks/{fixed-scroller.51b63488.js.map → fixed-scroller.f09618f2.js.map} +1 -1
  140. package/dist/chunks/{footer-actions.573307ed.js → footer-actions.2efe610e.js} +4 -4
  141. package/dist/chunks/{footer-actions.573307ed.js.map → footer-actions.2efe610e.js.map} +1 -1
  142. package/dist/chunks/{index.da4cb1b8.js → index.0d513625.js} +16 -17
  143. package/dist/chunks/{index.da4cb1b8.js.map → index.0d513625.js.map} +1 -1
  144. package/dist/chunks/{index.c4f8460d.js → index.1b1646bf.js} +187 -187
  145. package/dist/chunks/index.1b1646bf.js.map +1 -0
  146. package/dist/chunks/{index.037ae52f.js → index.44f2aca7.js} +2 -2
  147. package/dist/chunks/{index.037ae52f.js.map → index.44f2aca7.js.map} +1 -1
  148. package/dist/chunks/index.51fe0fc2.js +74 -0
  149. package/dist/chunks/index.51fe0fc2.js.map +1 -0
  150. package/dist/chunks/{index.9c423f37.js → index.6987f880.js} +6 -6
  151. package/dist/chunks/{index.9c423f37.js.map → index.6987f880.js.map} +1 -1
  152. package/dist/chunks/{index.9d65b72a.js → index.70c91b3b.js} +2 -2
  153. package/dist/chunks/{index.9d65b72a.js.map → index.70c91b3b.js.map} +1 -1
  154. package/dist/chunks/{index.fb0e9e1a.js → index.920cc1ee.js} +6 -6
  155. package/dist/chunks/{index.fb0e9e1a.js.map → index.920cc1ee.js.map} +1 -1
  156. package/dist/chunks/{index.e2793c20.js → index.b3cb905c.js} +3 -3
  157. package/dist/chunks/{index.e2793c20.js.map → index.b3cb905c.js.map} +1 -1
  158. package/dist/chunks/{index.030fb327.js → index.b772214b.js} +20 -19
  159. package/dist/chunks/index.b772214b.js.map +1 -0
  160. package/dist/chunks/{index.d6a0cf32.js → index.c41d1bbb.js} +2 -2
  161. package/dist/chunks/{index.d6a0cf32.js.map → index.c41d1bbb.js.map} +1 -1
  162. package/dist/chunks/index.c5b58864.js +62 -0
  163. package/dist/chunks/index.c5b58864.js.map +1 -0
  164. package/dist/chunks/{listbox-option-tag.abedc9e0.js → listbox-option-tag.bf77e0c4.js} +3 -3
  165. package/dist/chunks/{listbox-option-tag.abedc9e0.js.map → listbox-option-tag.bf77e0c4.js.map} +1 -1
  166. package/dist/chunks/{listbox.8ce17729.js → listbox.b6a1aea2.js} +5 -5
  167. package/dist/chunks/{listbox.8ce17729.js.map → listbox.b6a1aea2.js.map} +1 -1
  168. package/dist/chunks/{loading-button.5f58f1cf.js → loading-button.cdc193c6.js} +2 -2
  169. package/dist/chunks/{loading-button.5f58f1cf.js.map → loading-button.cdc193c6.js.map} +1 -1
  170. package/dist/chunks/{payment-method.313f2635.js → payment-method.ea1788f7.js} +2 -2
  171. package/dist/chunks/{payment-method.313f2635.js.map → payment-method.ea1788f7.js.map} +1 -1
  172. package/dist/chunks/{tooltip.a70c9e69.js → tooltip.10210728.js} +3 -3
  173. package/dist/chunks/{tooltip.a70c9e69.js.map → tooltip.10210728.js.map} +1 -1
  174. package/dist/chunks/use-bento-toast-controller.3275a505.js +50 -0
  175. package/dist/chunks/use-bento-toast-controller.3275a505.js.map +1 -0
  176. package/dist/chunks/use-click-outside.941d1600.js +14 -0
  177. package/dist/chunks/use-click-outside.941d1600.js.map +1 -0
  178. package/dist/code-snippet.js +7 -7
  179. package/dist/code-snippet.js.map +1 -1
  180. package/dist/country.js +2 -2
  181. package/dist/currency.js +1 -1
  182. package/dist/data-grid-template.js +1 -1
  183. package/dist/data-grid.js +1211 -1108
  184. package/dist/data-grid.js.map +1 -1
  185. package/dist/date-picker.js +21 -22
  186. package/dist/date-picker.js.map +1 -1
  187. package/dist/date-range-picker.js +2 -2
  188. package/dist/date.js +1 -1
  189. package/dist/divider.js +1 -1
  190. package/dist/dropdown.js +7 -7
  191. package/dist/empty-state.js +3 -3
  192. package/dist/filter-bar.js +587 -598
  193. package/dist/filter-bar.js.map +1 -1
  194. package/dist/focus-trap.js +1 -1
  195. package/dist/form-layout.js +2 -2
  196. package/dist/header.js +4 -4
  197. package/dist/index.js +248 -271
  198. package/dist/index.js.map +1 -1
  199. package/dist/info-icon.js +3 -3
  200. package/dist/input-field.js +85 -80
  201. package/dist/input-field.js.map +1 -1
  202. package/dist/internal.js +8 -8
  203. package/dist/link.js +1 -1
  204. package/dist/loading-indicator.js +1 -1
  205. package/dist/menu.js +1 -1
  206. package/dist/modal-fullscreen.js +6 -6
  207. package/dist/modal.js +6 -6
  208. package/dist/pagination.js +4 -4
  209. package/dist/payment-method.js +1 -1
  210. package/dist/popover.js +1 -1
  211. package/dist/popper-container.js +1 -1
  212. package/dist/radio-group.js +4 -4
  213. package/dist/search-bar.js +2 -2
  214. package/dist/secondary-nav.js +2 -2
  215. package/dist/segmented-control.js +3 -3
  216. package/dist/selection-card.js +4 -4
  217. package/dist/sidepanel.js +6 -6
  218. package/dist/status.js +2 -2
  219. package/dist/stepper.js +152 -141
  220. package/dist/stepper.js.map +1 -1
  221. package/dist/structured-list.js +1 -1
  222. package/dist/summary-grid.js +3 -3
  223. package/dist/tabs.js +3 -3
  224. package/dist/tag.js +3 -3
  225. package/dist/textarea.js +4 -4
  226. package/dist/timeline.js +7 -7
  227. package/dist/toast.js +185 -154
  228. package/dist/toast.js.map +1 -1
  229. package/dist/toggle.js +2 -2
  230. package/dist/tutorial.js +6 -6
  231. package/dist/typography.js +1 -1
  232. package/dist/web-types.json +1 -1
  233. package/package.json +2 -2
  234. package/dist/@types/packages/vue2/src/components/toast/components/toast-item/index.d.ts +0 -2
  235. package/dist/@types/packages/vue2/src/components/toast/components/toast-item/toast-item.types.d.ts +0 -9
  236. package/dist/@types/packages/vue2/src/plugins/toastController.d.ts +0 -12
  237. package/dist/@types/packages/vue2/src/utils/ts/toastController.d.ts +0 -2
  238. package/dist/chunks/directive.0408e565.js +0 -23
  239. package/dist/chunks/directive.0408e565.js.map +0 -1
  240. package/dist/chunks/dropdown-default-textbox.91ad6585.js.map +0 -1
  241. package/dist/chunks/index.030fb327.js.map +0 -1
  242. package/dist/chunks/index.19dab2ef.js +0 -101
  243. package/dist/chunks/index.19dab2ef.js.map +0 -1
  244. package/dist/chunks/index.6e7e9ac6.js +0 -125
  245. package/dist/chunks/index.6e7e9ac6.js.map +0 -1
  246. package/dist/chunks/index.c4f8460d.js.map +0 -1
  247. package/dist/chunks/info-filled.a6f9d7d0.js +0 -44
  248. package/dist/chunks/info-filled.a6f9d7d0.js.map +0 -1
  249. package/dist/chunks/toastController.0b01d2e8.js +0 -9
  250. package/dist/chunks/toastController.0b01d2e8.js.map +0 -1
  251. /package/dist/@types/packages/vue2/src/components/stepper/composables/{useKeyboardNavigation/useKeyboardNavigation.d.ts → use-keyboard-navigation/use-keyboard-navigation.d.ts} +0 -0
@@ -105,7 +105,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
105
105
  * Defines the size of the `summary-grid-item` text content
106
106
  */
107
107
  size: {
108
- type: PropType<"small" | "medium" | "large" | BentoSummaryGridItemSize>;
108
+ type: PropType<"small" | "large" | "medium" | BentoSummaryGridItemSize>;
109
109
  default: BentoSummaryGridItemSize;
110
110
  validator: (value: BentoSummaryGridItemSize) => boolean;
111
111
  };
@@ -193,13 +193,13 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
193
193
  * Defines the size of the `summary-grid-item` text content
194
194
  */
195
195
  size: {
196
- type: PropType<"small" | "medium" | "large" | BentoSummaryGridItemSize>;
196
+ type: PropType<"small" | "large" | "medium" | BentoSummaryGridItemSize>;
197
197
  default: BentoSummaryGridItemSize;
198
198
  validator: (value: BentoSummaryGridItemSize) => boolean;
199
199
  };
200
200
  }>>, {
201
201
  copy: string;
202
- size: "small" | "medium" | "large" | BentoSummaryGridItemSize;
202
+ size: "small" | "large" | "medium" | BentoSummaryGridItemSize;
203
203
  fitContent: boolean;
204
204
  infoIconTooltipText: string;
205
205
  trend: string;
@@ -97,7 +97,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
97
97
  * Defines the size of the `summary-grid-item` text content
98
98
  */
99
99
  size: {
100
- type: PropType<"small" | "medium" | "large" | BentoSummaryGridItemSize>;
100
+ type: PropType<"small" | "large" | "medium" | BentoSummaryGridItemSize>;
101
101
  default: BentoSummaryGridItemSize;
102
102
  validator: (value: BentoSummaryGridItemSize) => boolean;
103
103
  };
@@ -178,13 +178,13 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
178
178
  * Defines the size of the `summary-grid-item` text content
179
179
  */
180
180
  size: {
181
- type: PropType<"small" | "medium" | "large" | BentoSummaryGridItemSize>;
181
+ type: PropType<"small" | "large" | "medium" | BentoSummaryGridItemSize>;
182
182
  default: BentoSummaryGridItemSize;
183
183
  validator: (value: BentoSummaryGridItemSize) => boolean;
184
184
  };
185
185
  }>>, {
186
186
  copy: string;
187
- size: "small" | "medium" | "large" | BentoSummaryGridItemSize;
187
+ size: "small" | "large" | "medium" | BentoSummaryGridItemSize;
188
188
  fitContent: boolean;
189
189
  infoIconTooltipText: string;
190
190
  trend: string;
@@ -97,7 +97,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
97
97
  * Defines the size of the `summary-grid-item` text content
98
98
  */
99
99
  size: {
100
- type: PropType<"small" | "medium" | "large" | BentoSummaryGridItemSize>;
100
+ type: PropType<"small" | "large" | "medium" | BentoSummaryGridItemSize>;
101
101
  default: BentoSummaryGridItemSize;
102
102
  validator: (value: BentoSummaryGridItemSize) => boolean;
103
103
  };
@@ -178,13 +178,13 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
178
178
  * Defines the size of the `summary-grid-item` text content
179
179
  */
180
180
  size: {
181
- type: PropType<"small" | "medium" | "large" | BentoSummaryGridItemSize>;
181
+ type: PropType<"small" | "large" | "medium" | BentoSummaryGridItemSize>;
182
182
  default: BentoSummaryGridItemSize;
183
183
  validator: (value: BentoSummaryGridItemSize) => boolean;
184
184
  };
185
185
  }>>, {
186
186
  copy: string;
187
- size: "small" | "medium" | "large" | BentoSummaryGridItemSize;
187
+ size: "small" | "large" | "medium" | BentoSummaryGridItemSize;
188
188
  fitContent: boolean;
189
189
  infoIconTooltipText: string;
190
190
  trend: string;
@@ -1,47 +1,14 @@
1
1
  import { PropType } from "../../../../../../vue3/node_modules/vue";
2
- import { BentoToastItemAction } from './toast-item.types';
3
- /**
4
- * @example
5
- * Toast item component, for internal use only.
6
- *
7
- * import { BentoToastItem } from '@adyen/bento-vue2';
8
- *
9
- * export default {
10
- * components: { BentoToastItem },
11
- * template: `
12
- * <bento-toast-item>
13
- * This is a toast message
14
- * <template #primaryAction>Button text</template>
15
- * </bento-toast-item>
16
- * `
17
- * }
18
- */
2
+ import type { BentoToastItem } from "../../../../composables";
19
3
  declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{
20
- text: {
21
- type: StringConstructor;
4
+ toast: {
5
+ type: PropType<BentoToastItem>;
22
6
  required: true;
23
7
  };
24
- action: {
25
- type: PropType<BentoToastItemAction>;
26
- default: any;
27
- };
28
- }, {
29
- dismissButtonClicked: () => void;
30
- hasSlot: (name: string) => boolean;
31
- onActionClicked: () => void;
32
- }, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, ("click" | "dismiss")[], "click" | "dismiss", 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<{
33
- text: {
34
- type: StringConstructor;
8
+ }, {}, 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<{
9
+ toast: {
10
+ type: PropType<BentoToastItem>;
35
11
  required: true;
36
12
  };
37
- action: {
38
- type: PropType<BentoToastItemAction>;
39
- default: any;
40
- };
41
- }>> & {
42
- onClick?: (...args: any[]) => any;
43
- onDismiss?: (...args: any[]) => any;
44
- }, {
45
- action: BentoToastItemAction;
46
- }>;
13
+ }>>, {}>;
47
14
  export default _default;
@@ -0,0 +1,5 @@
1
+ import type { BentoToastItem } from "../../../../composables";
2
+ export interface BentoToastItemWithDimensions extends BentoToastItem {
3
+ bottom: number;
4
+ height: number;
5
+ }
@@ -0,0 +1,7 @@
1
+ import type { BentoToastItemWithDimensions } from './toast-shadow-stack.types';
2
+ declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{}, {}, {}, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {
3
+ update: (toasts: BentoToastItemWithDimensions[]) => void;
4
+ }, 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<{}>> & {
5
+ onUpdate?: (toasts: BentoToastItemWithDimensions[]) => any;
6
+ }, {}>;
7
+ export default _default;
@@ -1,2 +1 @@
1
1
  export { default as BentoToast } from './toast.vue';
2
- export { useBentoToastController } from '../../utils/ts/toastController';
@@ -1,30 +1,2 @@
1
- /**
2
- * @example
3
- * import { BentoToast, useBentoToastController } from '@adyen/bento-vue2';
4
- *
5
- * export default {
6
- * components: { BentoToast },
7
- * template: `
8
- * // in your project root
9
- * <bento-toast />
10
- * setup() {
11
- * bentoToastController = useBentoToastController();
12
- * onTrigger = () => {
13
- * bentoToastController.addToast({ text: 'Your toast text', action: { text: 'Button text', handler: () => { your code here } });
14
- * }
15
- * `
16
- * }
17
- */
18
- declare const _default: import("../../../../vue3/node_modules/vue").DefineComponent<{}, {
19
- computedPositioning: import("../../../../vue3/node_modules/vue").ComputedRef<{
20
- top: string;
21
- width: string;
22
- }[]>;
23
- computedHeight: import("../../../../vue3/node_modules/vue").ComputedRef<{
24
- bottom: string;
25
- height: string;
26
- }>;
27
- toastsToShow: import("../../../../vue3/node_modules/vue").ComputedRef<import("./components/toast-item").BentoToastItem[]>;
28
- toast: any;
29
- }, {}, {}, {}, 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<{}>>, {}>;
1
+ declare const _default: import("../../../../vue3/node_modules/vue").DefineComponent<{}, {}, {}, {}, {}, 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<{}>>, {}>;
30
2
  export default _default;
@@ -7,81 +7,221 @@ import { VueNodeElement } from "../../types";
7
7
  export declare const Tooltip: {
8
8
  name: string;
9
9
  components: {
10
- BentoTypography: import("../../../../vue3/node_modules/vue").DefineComponent<{
11
- el: {
12
- type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | import("../typography").BentoTypographyElement>;
13
- default: import("../typography").BentoTypographyElement;
14
- validator: (value: import("../typography").BentoTypographyElement) => boolean;
10
+ BentoTypography: {
11
+ new (...args: any[]): {
12
+ $: import("../../../../vue3/node_modules/vue").ComponentInternalInstance;
13
+ $data: {};
14
+ $props: Partial<{
15
+ wide: boolean;
16
+ stronger: boolean;
17
+ strongest: boolean;
18
+ el: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | import("../typography").BentoTypographyElement;
19
+ large: boolean;
20
+ medium: boolean;
21
+ variant: "body" | "caption" | "title" | "subtitle" | import("../typography").BentoTypographyVariant;
22
+ }> & Omit<Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
23
+ wide: {
24
+ type: PropType<boolean>;
25
+ } & {
26
+ default: boolean;
27
+ };
28
+ stronger: {
29
+ type: PropType<boolean>;
30
+ } & {
31
+ default: boolean;
32
+ };
33
+ strongest: {
34
+ type: PropType<boolean>;
35
+ } & {
36
+ default: boolean;
37
+ };
38
+ el: {
39
+ type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | import("../typography").BentoTypographyElement>;
40
+ } & {
41
+ default: import("../typography").BentoTypographyElement;
42
+ };
43
+ large: {
44
+ type: PropType<boolean>;
45
+ } & {
46
+ default: boolean;
47
+ };
48
+ medium: {
49
+ type: PropType<boolean>;
50
+ } & {
51
+ default: boolean;
52
+ };
53
+ variant: {
54
+ type: PropType<"body" | "caption" | "title" | "subtitle" | import("../typography").BentoTypographyVariant>;
55
+ } & {
56
+ default: import("../typography").BentoTypographyVariant;
57
+ };
58
+ }>> & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, "wide" | "stronger" | "strongest" | "el" | "large" | "medium" | "variant">;
59
+ $attrs: {
60
+ [x: string]: unknown;
61
+ };
62
+ $refs: {
63
+ [x: string]: unknown;
64
+ };
65
+ $slots: Readonly<{
66
+ [name: string]: import("../../../../vue3/node_modules/vue").Slot;
67
+ }>;
68
+ $root: import("../../../../vue3/node_modules/vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("../../../../vue3/node_modules/vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
69
+ $parent: import("../../../../vue3/node_modules/vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("../../../../vue3/node_modules/vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
70
+ $emit: (event: string, ...args: any[]) => void;
71
+ $el: any;
72
+ $options: import("../../../../vue3/node_modules/vue").ComponentOptionsBase<Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
73
+ wide: {
74
+ type: PropType<boolean>;
75
+ } & {
76
+ default: boolean;
77
+ };
78
+ stronger: {
79
+ type: PropType<boolean>;
80
+ } & {
81
+ default: boolean;
82
+ };
83
+ strongest: {
84
+ type: PropType<boolean>;
85
+ } & {
86
+ default: boolean;
87
+ };
88
+ el: {
89
+ type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | import("../typography").BentoTypographyElement>;
90
+ } & {
91
+ default: import("../typography").BentoTypographyElement;
92
+ };
93
+ large: {
94
+ type: PropType<boolean>;
95
+ } & {
96
+ default: boolean;
97
+ };
98
+ medium: {
99
+ type: PropType<boolean>;
100
+ } & {
101
+ default: boolean;
102
+ };
103
+ variant: {
104
+ type: PropType<"body" | "caption" | "title" | "subtitle" | import("../typography").BentoTypographyVariant>;
105
+ } & {
106
+ default: import("../typography").BentoTypographyVariant;
107
+ };
108
+ }>>, {}, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, string, {
109
+ wide: boolean;
110
+ stronger: boolean;
111
+ strongest: boolean;
112
+ el: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | import("../typography").BentoTypographyElement;
113
+ large: boolean;
114
+ medium: boolean;
115
+ variant: "body" | "caption" | "title" | "subtitle" | import("../typography").BentoTypographyVariant;
116
+ }, {}, string> & {
117
+ beforeCreate?: (() => void) | (() => void)[];
118
+ created?: (() => void) | (() => void)[];
119
+ beforeMount?: (() => void) | (() => void)[];
120
+ mounted?: (() => void) | (() => void)[];
121
+ beforeUpdate?: (() => void) | (() => void)[];
122
+ updated?: (() => void) | (() => void)[];
123
+ activated?: (() => void) | (() => void)[];
124
+ deactivated?: (() => void) | (() => void)[];
125
+ beforeDestroy?: (() => void) | (() => void)[];
126
+ beforeUnmount?: (() => void) | (() => void)[];
127
+ destroyed?: (() => void) | (() => void)[];
128
+ unmounted?: (() => void) | (() => void)[];
129
+ renderTracked?: ((e: import("../../../../vue3/node_modules/vue").DebuggerEvent) => void) | ((e: import("../../../../vue3/node_modules/vue").DebuggerEvent) => void)[];
130
+ renderTriggered?: ((e: import("../../../../vue3/node_modules/vue").DebuggerEvent) => void) | ((e: import("../../../../vue3/node_modules/vue").DebuggerEvent) => void)[];
131
+ errorCaptured?: ((err: unknown, instance: import("../../../../vue3/node_modules/vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("../../../../vue3/node_modules/vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("../../../../vue3/node_modules/vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("../../../../vue3/node_modules/vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
132
+ };
133
+ $forceUpdate: () => void;
134
+ $nextTick: typeof import("../../../../vue3/node_modules/vue").nextTick;
135
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("../../../../vue3/node_modules/vue").WatchOptions<boolean>): import("../../../../vue3/node_modules/vue").WatchStopHandle;
136
+ } & Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
137
+ wide: {
138
+ type: PropType<boolean>;
139
+ } & {
140
+ default: boolean;
141
+ };
142
+ stronger: {
143
+ type: PropType<boolean>;
144
+ } & {
145
+ default: boolean;
146
+ };
147
+ strongest: {
148
+ type: PropType<boolean>;
149
+ } & {
150
+ default: boolean;
151
+ };
152
+ el: {
153
+ type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | import("../typography").BentoTypographyElement>;
154
+ } & {
155
+ default: import("../typography").BentoTypographyElement;
156
+ };
157
+ large: {
158
+ type: PropType<boolean>;
159
+ } & {
160
+ default: boolean;
161
+ };
162
+ medium: {
163
+ type: PropType<boolean>;
164
+ } & {
165
+ default: boolean;
166
+ };
167
+ variant: {
168
+ type: PropType<"body" | "caption" | "title" | "subtitle" | import("../typography").BentoTypographyVariant>;
169
+ } & {
170
+ default: import("../typography").BentoTypographyVariant;
171
+ };
172
+ }>> & import("../../../../vue3/node_modules/vue").ShallowUnwrapRef<{}> & {} & import("../../../../vue3/node_modules/vue").ComponentCustomProperties & {};
173
+ __isFragment?: never;
174
+ __isTeleport?: never;
175
+ __isSuspense?: never;
176
+ } & import("../../../../vue3/node_modules/vue").ComponentOptionsBase<Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
177
+ wide: {
178
+ type: PropType<boolean>;
179
+ } & {
180
+ default: boolean;
15
181
  };
16
182
  stronger: {
17
- type: BooleanConstructor;
183
+ type: PropType<boolean>;
184
+ } & {
18
185
  default: boolean;
19
186
  };
20
187
  strongest: {
21
- type: BooleanConstructor;
22
- default: boolean;
23
- };
24
- variant: {
25
- type: PropType<"body" | "caption" | "title" | "subtitle" | import("../typography").BentoTypographyVariant>;
26
- default: import("../typography").BentoTypographyVariant;
27
- validator: (value: import("../typography").BentoTypographyVariant) => boolean;
28
- };
29
- medium: {
30
- type: BooleanConstructor;
31
- default: boolean;
32
- };
33
- large: {
34
- type: BooleanConstructor;
35
- default: boolean;
36
- };
37
- wide: {
38
- type: BooleanConstructor;
188
+ type: PropType<boolean>;
189
+ } & {
39
190
  default: boolean;
40
191
  };
41
- }, {
42
- conditionalClasses: import("../../../../vue3/node_modules/vue").ComputedRef<{
43
- [x: string]: boolean;
44
- }>;
45
- }, 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<{
46
192
  el: {
47
193
  type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | import("../typography").BentoTypographyElement>;
194
+ } & {
48
195
  default: import("../typography").BentoTypographyElement;
49
- validator: (value: import("../typography").BentoTypographyElement) => boolean;
50
196
  };
51
- stronger: {
52
- type: BooleanConstructor;
197
+ large: {
198
+ type: PropType<boolean>;
199
+ } & {
53
200
  default: boolean;
54
201
  };
55
- strongest: {
56
- type: BooleanConstructor;
202
+ medium: {
203
+ type: PropType<boolean>;
204
+ } & {
57
205
  default: boolean;
58
206
  };
59
207
  variant: {
60
208
  type: PropType<"body" | "caption" | "title" | "subtitle" | import("../typography").BentoTypographyVariant>;
209
+ } & {
61
210
  default: import("../typography").BentoTypographyVariant;
62
- validator: (value: import("../typography").BentoTypographyVariant) => boolean;
63
- };
64
- medium: {
65
- type: BooleanConstructor;
66
- default: boolean;
67
- };
68
- large: {
69
- type: BooleanConstructor;
70
- default: boolean;
71
- };
72
- wide: {
73
- type: BooleanConstructor;
74
- default: boolean;
75
211
  };
76
- }>>, {
212
+ }>>, {}, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, string, {
77
213
  wide: boolean;
78
214
  stronger: boolean;
79
215
  strongest: boolean;
80
216
  el: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | import("../typography").BentoTypographyElement;
81
- variant: "body" | "caption" | "title" | "subtitle" | import("../typography").BentoTypographyVariant;
82
- medium: boolean;
83
217
  large: boolean;
84
- }>;
218
+ medium: boolean;
219
+ variant: "body" | "caption" | "title" | "subtitle" | import("../typography").BentoTypographyVariant;
220
+ }, {}, string> & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps & (new () => {
221
+ $slots: {
222
+ default: (_: {}) => any;
223
+ };
224
+ });
85
225
  PopperContainer: {
86
226
  new (...args: any[]): {
87
227
  $: import("../../../../vue3/node_modules/vue").ComponentInternalInstance;
@@ -89,12 +229,12 @@ export declare const Tooltip: {
89
229
  $props: Partial<{
90
230
  position: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition;
91
231
  offset: number[];
232
+ id: string;
92
233
  ariaRole: PopperContainerAriaRole;
93
234
  arrow: any;
94
235
  disabledFocusTrap: boolean;
95
236
  fallbackPosition: import("../popper-container").FallbackPositionProp;
96
237
  fixedPositioning: boolean;
97
- id: string;
98
238
  isHidden: boolean;
99
239
  matchWidth: boolean;
100
240
  middleware: {
@@ -180,7 +320,7 @@ export declare const Tooltip: {
180
320
  };
181
321
  }>> & {
182
322
  onPlacement?: (value: import("@floating-ui/utils").Placement) => any;
183
- } & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, "position" | "offset" | "ariaRole" | "arrow" | "disabledFocusTrap" | "fallbackPosition" | "fixedPositioning" | "id" | "isHidden" | "matchWidth" | "middleware">;
323
+ } & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, "position" | "offset" | "id" | "ariaRole" | "arrow" | "disabledFocusTrap" | "fallbackPosition" | "fixedPositioning" | "isHidden" | "matchWidth" | "middleware">;
184
324
  $attrs: {
185
325
  [x: string]: unknown;
186
326
  };
@@ -267,12 +407,12 @@ export declare const Tooltip: {
267
407
  }, string, {
268
408
  position: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition;
269
409
  offset: number[];
410
+ id: string;
270
411
  ariaRole: PopperContainerAriaRole;
271
412
  arrow: any;
272
413
  disabledFocusTrap: boolean;
273
414
  fallbackPosition: import("../popper-container").FallbackPositionProp;
274
415
  fixedPositioning: boolean;
275
- id: string;
276
416
  isHidden: boolean;
277
417
  matchWidth: boolean;
278
418
  middleware: {
@@ -455,12 +595,12 @@ export declare const Tooltip: {
455
595
  }, string, {
456
596
  position: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition;
457
597
  offset: number[];
598
+ id: string;
458
599
  ariaRole: PopperContainerAriaRole;
459
600
  arrow: any;
460
601
  disabledFocusTrap: boolean;
461
602
  fallbackPosition: import("../popper-container").FallbackPositionProp;
462
603
  fixedPositioning: boolean;
463
- id: string;
464
604
  isHidden: boolean;
465
605
  matchWidth: boolean;
466
606
  middleware: {