@adyen/bento-vue2 1.42.0 → 1.43.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 (88) hide show
  1. package/dist/@types/index.d.ts +35 -0
  2. package/dist/action-bar.js +1 -1
  3. package/dist/assets/accordion-item.css +1 -1
  4. package/dist/assets/action-bar.css +1 -1
  5. package/dist/assets/base-modal.css +1 -1
  6. package/dist/assets/card.css +1 -1
  7. package/dist/assets/data-grid.css +1 -1
  8. package/dist/assets/date-range-picker.css +1 -1
  9. package/dist/assets/dialog-page.css +1 -1
  10. package/dist/assets/file-uploader.css +1 -1
  11. package/dist/assets/filter-bar.css +1 -1
  12. package/dist/assets/inspector.css +1 -1
  13. package/dist/assets/menu.css +1 -1
  14. package/dist/assets/modal-fullscreen.css +1 -1
  15. package/dist/assets/popover.css +1 -1
  16. package/dist/assets/sidepanel.css +1 -1
  17. package/dist/assets/typography.css +1 -1
  18. package/dist/checkbox.js +2 -2
  19. package/dist/chunks/{action-bar.C1iwQWyj.js → action-bar.kPPYSgQK.js} +2 -2
  20. package/dist/chunks/{action-bar.C1iwQWyj.js.map → action-bar.kPPYSgQK.js.map} +1 -1
  21. package/dist/chunks/{checkbox-group.B1FsPVSl.js → checkbox-group.Bcqac3y8.js} +2 -2
  22. package/dist/chunks/{checkbox-group.B1FsPVSl.js.map → checkbox-group.Bcqac3y8.js.map} +1 -1
  23. package/dist/chunks/{checkbox.kd1EnszA.js → checkbox.B1qjI4R_.js} +15 -15
  24. package/dist/chunks/{checkbox.kd1EnszA.js.map → checkbox.B1qjI4R_.js.map} +1 -1
  25. package/dist/chunks/{code-snippet.DGMVhQoj.js → code-snippet.DuZDA7gH.js} +2 -2
  26. package/dist/chunks/{code-snippet.DGMVhQoj.js.map → code-snippet.DuZDA7gH.js.map} +1 -1
  27. package/dist/chunks/{dashboard-section.D8ey7nzl.js → dashboard-section.CExqPbQb.js} +2 -2
  28. package/dist/chunks/{dashboard-section.D8ey7nzl.js.map → dashboard-section.CExqPbQb.js.map} +1 -1
  29. package/dist/chunks/data-grid.BXB98JQr.js +2556 -0
  30. package/dist/chunks/data-grid.BXB98JQr.js.map +1 -0
  31. package/dist/chunks/{date-range-picker.BvHFTptS.js → date-range-picker.xYGf0SRg.js} +176 -173
  32. package/dist/chunks/date-range-picker.xYGf0SRg.js.map +1 -0
  33. package/dist/chunks/{dropdown-tag.DqgJnpjk.js → dropdown-tag.B4RMse5R.js} +2 -2
  34. package/dist/chunks/{dropdown-tag.DqgJnpjk.js.map → dropdown-tag.B4RMse5R.js.map} +1 -1
  35. package/dist/chunks/{dropdown.2tXfuDlU.js → dropdown.BfzsI2Th.js} +2 -2
  36. package/dist/chunks/{dropdown.2tXfuDlU.js.map → dropdown.BfzsI2Th.js.map} +1 -1
  37. package/dist/chunks/es6.b4enG1py.js.map +1 -1
  38. package/dist/chunks/{filter-bar.DP_nQeeo.js → filter-bar.hBPWastb.js} +9 -9
  39. package/dist/chunks/filter-bar.hBPWastb.js.map +1 -0
  40. package/dist/chunks/index.Gcw_BUVh.js +367 -0
  41. package/dist/chunks/index.Gcw_BUVh.js.map +1 -0
  42. package/dist/chunks/{input-field-password.ijBN-aVx.js → input-field-password.BmfOGkrH.js} +3 -3
  43. package/dist/chunks/{input-field-password.ijBN-aVx.js.map → input-field-password.BmfOGkrH.js.map} +1 -1
  44. package/dist/chunks/{input-field.BoElSWuV.js → input-field.CHD3Fzzg.js} +2 -2
  45. package/dist/chunks/{input-field.BoElSWuV.js.map → input-field.CHD3Fzzg.js.map} +1 -1
  46. package/dist/chunks/{layout-row.6jCBhtd4.js → layout-row.DzS_XyyF.js} +2 -2
  47. package/dist/chunks/{layout-row.6jCBhtd4.js.map → layout-row.DzS_XyyF.js.map} +1 -1
  48. package/dist/chunks/{pagination.FbkfItkS.js → pagination.DORr-ox0.js} +2 -2
  49. package/dist/chunks/{pagination.FbkfItkS.js.map → pagination.DORr-ox0.js.map} +1 -1
  50. package/dist/chunks/{promo-banner.CGz3MVPw.js → promo-banner.cTUF9seG.js} +2 -2
  51. package/dist/chunks/{promo-banner.CGz3MVPw.js.map → promo-banner.cTUF9seG.js.map} +1 -1
  52. package/dist/chunks/{search-bar.DD6eA0jG.js → search-bar.BtFX4039.js} +3 -3
  53. package/dist/chunks/{search-bar.DD6eA0jG.js.map → search-bar.BtFX4039.js.map} +1 -1
  54. package/dist/chunks/{secondary-nav.C56_jw55.js → secondary-nav.DtnWRhFW.js} +3 -3
  55. package/dist/chunks/{secondary-nav.C56_jw55.js.map → secondary-nav.DtnWRhFW.js.map} +1 -1
  56. package/dist/chunks/{selection-card-group.DwkH9xJd.js → selection-card-group.B6XXbJsv.js} +8 -8
  57. package/dist/chunks/{selection-card-group.DwkH9xJd.js.map → selection-card-group.B6XXbJsv.js.map} +1 -1
  58. package/dist/chunks/{use-cached-selected-values.-_Gk6HO_.js → use-cached-selected-values.CAlfyb_L.js} +7 -4
  59. package/dist/chunks/{use-cached-selected-values.-_Gk6HO_.js.map → use-cached-selected-values.CAlfyb_L.js.map} +1 -1
  60. package/dist/code-snippet.js +1 -1
  61. package/dist/dashboard-template.js +1 -1
  62. package/dist/data-grid.js +1 -1
  63. package/dist/date-range-picker.js +1 -1
  64. package/dist/dropdown.js +3 -3
  65. package/dist/filter-bar.js +1 -1
  66. package/dist/index.js +19 -19
  67. package/dist/input-field-password.js +1 -1
  68. package/dist/input-field.js +1 -1
  69. package/dist/internal.js +1 -1
  70. package/dist/layout.js +1 -1
  71. package/dist/pagination.js +1 -1
  72. package/dist/promo-banner.js +1 -1
  73. package/dist/search-bar.js +2 -2
  74. package/dist/secondary-nav.js +1 -1
  75. package/dist/selection-card.js +1 -1
  76. package/dist/styles/bento-dark.css +3 -0
  77. package/dist/styles/bento-light.css +3 -0
  78. package/dist/styles/bento.css +3 -0
  79. package/dist/styles/legacy.css +3 -0
  80. package/dist/styles/styleguide.css +3 -0
  81. package/dist/web-types.json +75 -1
  82. package/package.json +7 -4
  83. package/dist/chunks/data-grid.bti50Fs6.js +0 -2373
  84. package/dist/chunks/data-grid.bti50Fs6.js.map +0 -1
  85. package/dist/chunks/date-range-picker.BvHFTptS.js.map +0 -1
  86. package/dist/chunks/filter-bar.DP_nQeeo.js.map +0 -1
  87. package/dist/chunks/index.BiaBX5uu.js +0 -345
  88. package/dist/chunks/index.BiaBX5uu.js.map +0 -1
@@ -1,4 +1,4 @@
1
- import { c as n, b as o, a as p, B as a } from "./chunks/code-snippet.DGMVhQoj.js";
1
+ import { c as n, b as o, a as p, B as a } from "./chunks/code-snippet.DuZDA7gH.js";
2
2
  export {
3
3
  n as BentoCodeSnippet,
4
4
  o as BentoCodeSnippetEvent,
@@ -1,4 +1,4 @@
1
- import { a as e, d as t } from "./chunks/dashboard-section.D8ey7nzl.js";
1
+ import { a as e, d as t } from "./chunks/dashboard-section.CExqPbQb.js";
2
2
  export {
3
3
  e as BentoDashboardSection,
4
4
  t as BentoDashboardTemplate
package/dist/data-grid.js CHANGED
@@ -1,4 +1,4 @@
1
- import { B as e, d as o, a as r, f as n, e as i, c as B, b as d } from "./chunks/data-grid.bti50Fs6.js";
1
+ import { B as e, d as o, a as r, f as n, e as i, c as B, b as d } from "./chunks/data-grid.BXB98JQr.js";
2
2
  export {
3
3
  e as BentoColumnOverflow,
4
4
  o as BentoDataGrid,
@@ -1,4 +1,4 @@
1
- import { B as t, a as r } from "./chunks/date-range-picker.BvHFTptS.js";
1
+ import { B as t, a as r } from "./chunks/date-range-picker.xYGf0SRg.js";
2
2
  import { C as o } from "./chunks/calendar.B9WZ8ub3.js";
3
3
  export {
4
4
  t as BentoDateRangePicker,
package/dist/dropdown.js CHANGED
@@ -1,7 +1,7 @@
1
- import { B as r } from "./chunks/dropdown.2tXfuDlU.js";
1
+ import { B as r } from "./chunks/dropdown.BfzsI2Th.js";
2
2
  import { B as t } from "./chunks/dropdown-default-textbox.DPZmj7xJ.js";
3
- import { a as p, B as d } from "./chunks/use-cached-selected-values.-_Gk6HO_.js";
4
- import { d as s, a as w, b as D, c as m, e as y } from "./chunks/dropdown-tag.DqgJnpjk.js";
3
+ import { a as p, B as d } from "./chunks/use-cached-selected-values.CAlfyb_L.js";
4
+ import { d as s, a as w, b as D, c as m, e as y } from "./chunks/dropdown-tag.B4RMse5R.js";
5
5
  export {
6
6
  r as BentoDropdown,
7
7
  s as BentoDropdownAvatar,
@@ -1,4 +1,4 @@
1
- import { B as r, b as a, a as B, c as n } from "./chunks/filter-bar.DP_nQeeo.js";
1
+ import { B as r, b as a, a as B, c as n } from "./chunks/filter-bar.hBPWastb.js";
2
2
  export {
3
3
  r as BentoFilterBar,
4
4
  a as BentoFilterBarEvent,
package/dist/index.js CHANGED
@@ -4,20 +4,20 @@ import { u as N } from "./chunks/use-bento-toast-controller.BVVMh0wc.js";
4
4
  import { p as g, d as u } from "./chunks/typography.Bu_WAKdf.js";
5
5
  import { B as _, c as Y, b as j, a as U } from "./chunks/typography.Bu_WAKdf.js";
6
6
  import { a as K, b as H } from "./chunks/accordion-item.BjXzREaK.js";
7
- import { B as W } from "./chunks/action-bar.C1iwQWyj.js";
7
+ import { B as W } from "./chunks/action-bar.kPPYSgQK.js";
8
8
  import { B as J, c as Q, b as X, a as $ } from "./chunks/alert.D2Z_aiFC.js";
9
9
  import { B as te } from "./chunks/avatar.DXzyWKsI.js";
10
10
  import { B as ae, b as ne, a as re } from "./chunks/button.CufUNBkv.js";
11
11
  import { d as Be } from "./chunks/dashed-underline.dGO33Q_E.js";
12
- import { B as me, d as pe, a as le, f as ue, e as de, c as ce, b as fe } from "./chunks/data-grid.bti50Fs6.js";
12
+ import { B as me, d as pe, a as le, f as ue, e as de, c as ce, b as fe } from "./chunks/data-grid.BXB98JQr.js";
13
13
  import { c as Se, B as Te, a as ye } from "./chunks/card.BcjxzwZV.js";
14
14
  import { B as be, a as he } from "./chunks/date-picker.Dfg1_eo6.js";
15
- import { B as Ce, a as De } from "./chunks/date-range-picker.BvHFTptS.js";
16
- import { B as Ie, u as Le } from "./chunks/dropdown.2tXfuDlU.js";
15
+ import { B as Ce, a as De } from "./chunks/date-range-picker.xYGf0SRg.js";
16
+ import { B as Ie, u as Le } from "./chunks/dropdown.BfzsI2Th.js";
17
17
  import { B as Fe } from "./chunks/dropdown-default-textbox.DPZmj7xJ.js";
18
- import { B as Oe, a as ke } from "./chunks/checkbox.kd1EnszA.js";
18
+ import { B as Oe, a as ke } from "./chunks/checkbox.B1qjI4R_.js";
19
19
  import { B as Me } from "./chunks/click-outside.DSszkIvs.js";
20
- import { c as Ae, b as Ne, a as Re, B as _e } from "./chunks/code-snippet.DGMVhQoj.js";
20
+ import { c as Ae, b as Ne, a as Re, B as _e } from "./chunks/code-snippet.DuZDA7gH.js";
21
21
  import { c as je } from "./chunks/country.CM5oZOyZ.js";
22
22
  import { a as ze, B as Ke, u as He, b as qe, c as We } from "./chunks/country.types.Br0AjxGy.js";
23
23
  import { c as Je, B as Qe } from "./chunks/currency.P7Psn_SK.js";
@@ -25,14 +25,14 @@ import { B as $e, a as et } from "./chunks/date.BQ29-2L1.js";
25
25
  import { B as ot } from "./chunks/divider.BZfeYmB9.js";
26
26
  import { B as nt, b as rt, c as st, a as Bt } from "./chunks/empty-state.B8ZeRgDi.js";
27
27
  import { f as mt } from "./chunks/file-uploader.CK-Frs_q.js";
28
- import { B as lt, b as ut, a as dt, c as ct } from "./chunks/filter-bar.DP_nQeeo.js";
28
+ import { B as lt, b as ut, a as dt, c as ct } from "./chunks/filter-bar.hBPWastb.js";
29
29
  import { f as xt, a as St, c as Tt, b as yt } from "./chunks/form-layout-title.BarHgyjC.js";
30
30
  import { B as bt, a as ht, b as Et } from "./chunks/image.C2D2hKat.js";
31
31
  import { B as Dt } from "./chunks/info-icon.p-28zHUJ.js";
32
- import { B as It, b as Lt, e as Pt, c as Ft, d as Gt, a as Ot } from "./chunks/input-field.BoElSWuV.js";
33
- import { i as wt, m as Mt, r as Vt, b as At, c as Nt, a as Rt } from "./chunks/input-field-password.ijBN-aVx.js";
32
+ import { B as It, b as Lt, e as Pt, c as Ft, d as Gt, a as Ot } from "./chunks/input-field.CHD3Fzzg.js";
33
+ import { i as wt, m as Mt, r as Vt, b as At, c as Nt, a as Rt } from "./chunks/input-field-password.BmfOGkrH.js";
34
34
  import { i as Yt, B as jt } from "./chunks/inspector.types.DaY6OOzz.js";
35
- import { l as zt, a as Kt } from "./chunks/layout-row.6jCBhtd4.js";
35
+ import { l as zt, a as Kt } from "./chunks/layout-row.DzS_XyyF.js";
36
36
  import { B as qt, a as Wt } from "./chunks/loading-indicator.z8COalOc.js";
37
37
  import { B as Jt, a as Qt } from "./chunks/link.v-y0fKjn.js";
38
38
  import { B as $t, a as eo } from "./chunks/menu.N41WnXc8.js";
@@ -40,15 +40,15 @@ import { d as oo, f as ao, g as no, B as ro, e as so, c as Bo, a as io, b as mo
40
40
  import { B as lo } from "./chunks/modal.Cb4zg5fN.js";
41
41
  import { m as co, B as fo } from "./chunks/modal-fullscreen.BbNe6M9T.js";
42
42
  import { B as So } from "./chunks/header.CAJtHW1k.js";
43
- import { B as yo } from "./chunks/pagination.FbkfItkS.js";
43
+ import { B as yo } from "./chunks/pagination.DORr-ox0.js";
44
44
  import { B as bo } from "./chunks/payment-method.CoXB0ZAW.js";
45
45
  import { B as Eo } from "./chunks/payment-method.types.CJKfZQN5.js";
46
46
  import { B as Do, a as vo } from "./chunks/popover.Uy-vuQq5.js";
47
- import { p as Lo, B as Po, a as Fo } from "./chunks/promo-banner.CGz3MVPw.js";
47
+ import { p as Lo, B as Po, a as Fo } from "./chunks/promo-banner.cTUF9seG.js";
48
48
  import { b as Oo, B as ko, a as wo } from "./chunks/radio-group.EnMXbuly.js";
49
- import { B as Vo, b as Ao, a as No } from "./chunks/search-bar.DD6eA0jG.js";
50
- import { s as _o } from "./chunks/secondary-nav.C56_jw55.js";
51
- import { B as jo, s as Uo, a as zo } from "./chunks/selection-card-group.DwkH9xJd.js";
49
+ import { B as Vo, b as Ao, a as No } from "./chunks/search-bar.BtFX4039.js";
50
+ import { s as _o } from "./chunks/secondary-nav.DtnWRhFW.js";
51
+ import { B as jo, s as Uo, a as zo } from "./chunks/selection-card-group.B6XXbJsv.js";
52
52
  import { B as Ho } from "./chunks/segmented-control.CVeUROYR.js";
53
53
  import { B as Wo } from "./chunks/segmented-control.types.BHRLV8KU.js";
54
54
  import { a as Jo, B as Qo, s as Xo } from "./chunks/sidepanel.CRJN9Acz.js";
@@ -63,16 +63,16 @@ import { t as La, b as Pa, a as Fa, c as Ga, B as Oa, d as ka } from "./chunks/t
63
63
  import { t as Ma } from "./chunks/toast.BEipTIrz.js";
64
64
  import { B as Aa, b as Na, a as Ra } from "./chunks/toggle.INRYdQzz.js";
65
65
  import { t as Ya } from "./chunks/tutorial.4r7MKNEU.js";
66
- import { a as Ua, d as za } from "./chunks/dashboard-section.D8ey7nzl.js";
66
+ import { a as Ua, d as za } from "./chunks/dashboard-section.CExqPbQb.js";
67
67
  import { d as Ha } from "./chunks/data-grid-template.BF7JMfoJ.js";
68
68
  import { B as Wa, c as Za, a as Ja, b as Qa } from "./chunks/button-actions.Cpx4PQp0.js";
69
69
  import { B as $a, a as en } from "./chunks/loading-button.CiPmvU7F.js";
70
70
  import { B as on } from "./chunks/toggle-button.CYplDIO-.js";
71
71
  import { C as nn, C as rn } from "./chunks/calendar.B9WZ8ub3.js";
72
- import { a as Bn, B as mn, a as pn, B as ln } from "./chunks/use-cached-selected-values.-_Gk6HO_.js";
73
- import { d as dn, a as cn, b as fn, c as xn, e as Sn } from "./chunks/dropdown-tag.DqgJnpjk.js";
72
+ import { a as Bn, B as mn, a as pn, B as ln } from "./chunks/use-cached-selected-values.CAlfyb_L.js";
73
+ import { d as dn, a as cn, b as fn, c as xn, e as Sn } from "./chunks/dropdown-tag.B4RMse5R.js";
74
74
  import { C as yn } from "./chunks/checkbox-input.Bo4NxNOh.js";
75
- import { c as bn, B as hn } from "./chunks/checkbox-group.B1FsPVSl.js";
75
+ import { c as bn, B as hn } from "./chunks/checkbox-group.Bcqac3y8.js";
76
76
  import { R as Cn } from "./chunks/radio-input.q980f8Uf.js";
77
77
  import { shallowRef as b, ref as d, getCurrentInstance as h } from "vue";
78
78
  import * as s from "zod";
@@ -1,4 +1,4 @@
1
- import { i as a, m as s, r as i, b as c, c as u, a as o } from "./chunks/input-field-password.ijBN-aVx.js";
1
+ import { i as a, m as s, r as i, b as c, c as u, a as o } from "./chunks/input-field-password.BmfOGkrH.js";
2
2
  export {
3
3
  a as BentoInputFieldPassword,
4
4
  s as minLength,
@@ -1,4 +1,4 @@
1
- import { B as n, b as a, e as o, c as i, d as s, a as l } from "./chunks/input-field.BoElSWuV.js";
1
+ import { B as n, b as a, e as o, c as i, d as s, a as l } from "./chunks/input-field.CHD3Fzzg.js";
2
2
  export {
3
3
  n as BentoInputField,
4
4
  a as BentoInputFieldElementPosition,
package/dist/internal.js CHANGED
@@ -5,7 +5,7 @@ import { B as m, b as n, a as f, D as E } from "./chunks/dialog-page.CplkzZGZ.js
5
5
  import { E as d, F as I } from "./chunks/error-message.B7uoqQpq.js";
6
6
  import { F as T } from "./chunks/fixed-scroller.B880PL1J.js";
7
7
  import { G as u, a as O } from "./chunks/grid-layout.HvTAa4to.js";
8
- import { b as g, c as y, u as A } from "./chunks/use-cached-selected-values.-_Gk6HO_.js";
8
+ import { b as g, c as y, u as A } from "./chunks/use-cached-selected-values.CAlfyb_L.js";
9
9
  import { L as F } from "./chunks/listbox-option-tag.BnX0H4HE.js";
10
10
  import { B as N } from "./chunks/teleport.CQKBJZU5.js";
11
11
  import { T as c } from "./chunks/tooltip.DH8TqpYV.js";
package/dist/layout.js CHANGED
@@ -1,4 +1,4 @@
1
- import { l as t, a as e } from "./chunks/layout-row.6jCBhtd4.js";
1
+ import { l as t, a as e } from "./chunks/layout-row.DzS_XyyF.js";
2
2
  export {
3
3
  t as BentoLayout,
4
4
  e as BentoLayoutRow
@@ -1,4 +1,4 @@
1
- import { B as n } from "./chunks/pagination.FbkfItkS.js";
1
+ import { B as n } from "./chunks/pagination.DORr-ox0.js";
2
2
  export {
3
3
  n as BentoPagination
4
4
  };
@@ -1,4 +1,4 @@
1
- import { p as r, B as a, a as e } from "./chunks/promo-banner.CGz3MVPw.js";
1
+ import { p as r, B as a, a as e } from "./chunks/promo-banner.cTUF9seG.js";
2
2
  export {
3
3
  r as BentoPromoBanner,
4
4
  a as BentoPromoBannerColor,
@@ -1,5 +1,5 @@
1
- import { B as r, b as t, a as B } from "./chunks/search-bar.DD6eA0jG.js";
2
- import { u as o } from "./chunks/dropdown.2tXfuDlU.js";
1
+ import { B as r, b as t, a as B } from "./chunks/search-bar.BtFX4039.js";
2
+ import { u as o } from "./chunks/dropdown.BfzsI2Th.js";
3
3
  export {
4
4
  r as BentoSearchBar,
5
5
  t as BentoSearchBarEvent,
@@ -1,4 +1,4 @@
1
- import { s as e } from "./chunks/secondary-nav.C56_jw55.js";
1
+ import { s as e } from "./chunks/secondary-nav.DtnWRhFW.js";
2
2
  export {
3
3
  e as BentoSecondaryNav
4
4
  };
@@ -1,4 +1,4 @@
1
- import { B as t, s as a, a as n } from "./chunks/selection-card-group.DwkH9xJd.js";
1
+ import { B as t, s as a, a as n } from "./chunks/selection-card-group.B6XXbJsv.js";
2
2
  export {
3
3
  t as BentoSelectionCard,
4
4
  a as BentoSelectionCardGroup,
@@ -145,6 +145,7 @@
145
145
  --b-data-grid-resizer-last-child-right: -4px;
146
146
  --b-data-grid-resizer-width: 8px;
147
147
  --b-data-grid-cell-hover-padding: 14px 15px;
148
+ --b-data-grid-row-nested-rows-loading-container-padding: 14px;
148
149
  --b-data-grid-column-separator-height: 100%;
149
150
  --b-data-grid-column-with-sorting-or-column-panel-hover-padding: 3px 15px;
150
151
  --b-data-grid-column-hover-padding: 7px 15px;
@@ -1419,6 +1420,8 @@
1419
1420
  --b-data-grid-cell-padding: 14px var(--b-spacer-070);
1420
1421
  --b-data-grid-cell-border: var(--b-border-width-s) solid var(--b-color-separator-primary);
1421
1422
  --b-data-grid-cell-background-color: var(--b-color-background-primary);
1423
+ --b-data-grid-row-nested-row-hover: var(--b-color-background-secondary-hover);
1424
+ --b-data-grid-row-nested-row-background-color: var(--b-color-background-secondary);
1422
1425
  --b-data-grid-row-nested-slot-background-color: var(--b-color-background-secondary);
1423
1426
  --b-data-grid-row-highlighted-background-color: var(--b-color-background-selected);
1424
1427
  --b-data-grid-row-disabled-color: var(--b-color-label-primary);
@@ -144,6 +144,7 @@
144
144
  --b-data-grid-resizer-last-child-right: -4px;
145
145
  --b-data-grid-resizer-width: 8px;
146
146
  --b-data-grid-cell-hover-padding: 14px 15px;
147
+ --b-data-grid-row-nested-rows-loading-container-padding: 14px;
147
148
  --b-data-grid-column-separator-height: 100%;
148
149
  --b-data-grid-column-with-sorting-or-column-panel-hover-padding: 3px 15px;
149
150
  --b-data-grid-column-hover-padding: 7px 15px;
@@ -1417,6 +1418,8 @@
1417
1418
  --b-data-grid-cell-padding: 14px var(--b-spacer-070);
1418
1419
  --b-data-grid-cell-border: var(--b-border-width-s) solid var(--b-color-separator-primary);
1419
1420
  --b-data-grid-cell-background-color: var(--b-color-background-primary);
1421
+ --b-data-grid-row-nested-row-hover: var(--b-color-background-secondary-hover);
1422
+ --b-data-grid-row-nested-row-background-color: var(--b-color-background-secondary);
1420
1423
  --b-data-grid-row-nested-slot-background-color: var(--b-color-background-secondary);
1421
1424
  --b-data-grid-row-highlighted-background-color: var(--b-color-background-selected);
1422
1425
  --b-data-grid-row-disabled-color: var(--b-color-label-primary);
@@ -144,6 +144,7 @@
144
144
  --b-data-grid-resizer-last-child-right: -4px;
145
145
  --b-data-grid-resizer-width: 8px;
146
146
  --b-data-grid-cell-hover-padding: 14px 15px;
147
+ --b-data-grid-row-nested-rows-loading-container-padding: 14px;
147
148
  --b-data-grid-column-separator-height: 100%;
148
149
  --b-data-grid-column-with-sorting-or-column-panel-hover-padding: 3px 15px;
149
150
  --b-data-grid-column-hover-padding: 7px 15px;
@@ -1417,6 +1418,8 @@
1417
1418
  --b-data-grid-cell-padding: 14px var(--b-spacer-070);
1418
1419
  --b-data-grid-cell-border: var(--b-border-width-s) solid var(--b-color-separator-primary);
1419
1420
  --b-data-grid-cell-background-color: var(--b-color-background-primary);
1421
+ --b-data-grid-row-nested-row-hover: var(--b-color-background-secondary-hover);
1422
+ --b-data-grid-row-nested-row-background-color: var(--b-color-background-secondary);
1420
1423
  --b-data-grid-row-nested-slot-background-color: var(--b-color-background-secondary);
1421
1424
  --b-data-grid-row-highlighted-background-color: var(--b-color-background-selected);
1422
1425
  --b-data-grid-row-disabled-color: var(--b-color-label-primary);
@@ -180,6 +180,7 @@
180
180
  --b-data-grid-resizer-last-child-offset-right: -5px;
181
181
  --b-data-grid-resizer-last-child-right: -4px;
182
182
  --b-data-grid-resizer-width: 8px;
183
+ --b-data-grid-row-nested-rows-loading-container-padding: 14px;
183
184
  --b-data-grid-column-seperator-height: 100%;
184
185
  --b-data-grid-column-separator-height: 100%;
185
186
  --b-data-grid-column-with-sorting-or-column-panel-hover-padding: 14px 15px 14px 15px;
@@ -1367,6 +1368,8 @@
1367
1368
  --b-data-grid-cell-hover-padding: var(--b-spacer-070) 7px var(--b-spacer-070) 15px;
1368
1369
  --b-data-grid-cell-padding: var(--b-spacer-070) var(--b-spacer-040) var(--b-spacer-070) var(--b-spacer-070);
1369
1370
  --b-data-grid-cell-border: var(--b-border-width-s) solid var(--b-color-separator-primary);
1371
+ --b-data-grid-row-nested-row-hover: var(--b-color-background-secondary-hover);
1372
+ --b-data-grid-row-nested-row-background-color: var(--b-color-background-secondary);
1370
1373
  --b-data-grid-row-nested-slot-background-color: var(--b-color-background-secondary);
1371
1374
  --b-data-grid-row-highlighted-background-color: var(--b-color-background-selected);
1372
1375
  --b-data-grid-row-color: var(--b-color-label-primary);
@@ -144,6 +144,7 @@
144
144
  --b-data-grid-resizer-last-child-right: -4px;
145
145
  --b-data-grid-resizer-width: 8px;
146
146
  --b-data-grid-cell-hover-padding: 14px 15px;
147
+ --b-data-grid-row-nested-rows-loading-container-padding: 14px;
147
148
  --b-data-grid-column-separator-height: 100%;
148
149
  --b-data-grid-column-with-sorting-or-column-panel-hover-padding: 3px 15px;
149
150
  --b-data-grid-column-hover-padding: 7px 15px;
@@ -1472,6 +1473,8 @@
1472
1473
  --b-data-grid-cell-padding: 14px var(--b-spacer-070);
1473
1474
  --b-data-grid-cell-border: var(--b-border-width-s) solid var(--b-color-separator-primary);
1474
1475
  --b-data-grid-cell-background-color: var(--b-color-background-primary);
1476
+ --b-data-grid-row-nested-row-hover: var(--b-color-background-secondary-hover);
1477
+ --b-data-grid-row-nested-row-background-color: var(--b-color-background-secondary);
1475
1478
  --b-data-grid-row-nested-slot-background-color: var(--b-color-background-secondary);
1476
1479
  --b-data-grid-row-highlighted-background-color: var(--b-color-background-selected);
1477
1480
  --b-data-grid-row-disabled-color: var(--b-color-label-primary);
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "framework": "vue",
3
3
  "name": "@adyen/bento-vue2",
4
- "version": "1.42.0",
4
+ "version": "1.43.0",
5
5
  "contributions": {
6
6
  "html": {
7
7
  "description-markup": "markdown",
@@ -4611,6 +4611,15 @@
4611
4611
  },
4612
4612
  "default": "false"
4613
4613
  },
4614
+ {
4615
+ "name": "hasNestedRows",
4616
+ "description": "Enables the nested content slot functionality.",
4617
+ "value": {
4618
+ "kind": "expression",
4619
+ "type": "boolean"
4620
+ },
4621
+ "default": "false"
4622
+ },
4614
4623
  {
4615
4624
  "name": "highlightedRows",
4616
4625
  "description": "Highlighted items",
@@ -4737,6 +4746,15 @@
4737
4746
  },
4738
4747
  "default": "(_item: BentoDatagridDataItem) => true"
4739
4748
  },
4749
+ {
4750
+ "name": "shouldShowNestedRows",
4751
+ "description": "Returns the nested rows for a given BentoDatagridDataItem.",
4752
+ "value": {
4753
+ "kind": "expression",
4754
+ "type": "BentoDatagridShouldShowNestedRowsFn"
4755
+ },
4756
+ "default": "(_item: BentoDatagridDataItem) => true"
4757
+ },
4740
4758
  {
4741
4759
  "name": "sortBy",
4742
4760
  "description": "Sortby handles proper rendering of sort icon in header. Sorting currently is only supported server side.\nIt does make sure the currently sorted column has a more visible sort icon, and the sort icon points in the right direction.",
@@ -4777,6 +4795,9 @@
4777
4795
  {
4778
4796
  "name": "innerSlot"
4779
4797
  },
4798
+ {
4799
+ "name": "pagination-slot"
4800
+ },
4780
4801
  {
4781
4802
  "name": "footer"
4782
4803
  }
@@ -4929,6 +4950,15 @@
4929
4950
  "type": "number"
4930
4951
  }
4931
4952
  },
4953
+ {
4954
+ "name": "selectionIsIndeterminate",
4955
+ "description": "The row selection checkbox indeterminate state.",
4956
+ "value": {
4957
+ "kind": "expression",
4958
+ "type": "boolean"
4959
+ },
4960
+ "default": "false"
4961
+ },
4932
4962
  {
4933
4963
  "name": "selectable",
4934
4964
  "description": "Determines if the row selection is enabled.",
@@ -5331,6 +5361,15 @@
5331
5361
  },
5332
5362
  "default": "false"
5333
5363
  },
5364
+ {
5365
+ "name": "hasNestedRows",
5366
+ "description": "Enables the nested content slot functionality.",
5367
+ "value": {
5368
+ "kind": "expression",
5369
+ "type": "boolean"
5370
+ },
5371
+ "default": "false"
5372
+ },
5334
5373
  {
5335
5374
  "name": "highlightedRows",
5336
5375
  "description": "Highlighted row IDs.",
@@ -5385,6 +5424,15 @@
5385
5424
  },
5386
5425
  "default": "false"
5387
5426
  },
5427
+ {
5428
+ "name": "isNestedRow",
5429
+ "description": "Determines if this row is nested inside another row.",
5430
+ "value": {
5431
+ "kind": "expression",
5432
+ "type": "boolean"
5433
+ },
5434
+ "default": "false"
5435
+ },
5388
5436
  {
5389
5437
  "name": "rowData",
5390
5438
  "required": true,
@@ -5403,6 +5451,15 @@
5403
5451
  "type": "number"
5404
5452
  }
5405
5453
  },
5454
+ {
5455
+ "name": "rowId",
5456
+ "description": "The row ID to be using for the ID attribute.",
5457
+ "value": {
5458
+ "kind": "expression",
5459
+ "type": "number"
5460
+ },
5461
+ "default": "undefined"
5462
+ },
5406
5463
  {
5407
5464
  "name": "rowSetSize",
5408
5465
  "description": "The number of rows that this row is within.",
@@ -5447,6 +5504,15 @@
5447
5504
  "type": "BentoDatagridShouldShowNestedContentFn"
5448
5505
  },
5449
5506
  "default": "(_item: BentoDatagridDataItem) => true"
5507
+ },
5508
+ {
5509
+ "name": "shouldShowNestedRows",
5510
+ "description": "Returns the nested rows for a given BentoDatagridDataItem.",
5511
+ "value": {
5512
+ "kind": "expression",
5513
+ "type": "BentoDatagridShouldShowNestedRowsFn"
5514
+ },
5515
+ "default": "(_item: BentoDatagridDataItem) => true"
5450
5516
  }
5451
5517
  ],
5452
5518
  "events": [
@@ -5462,9 +5528,17 @@
5462
5528
  "name": "select-row",
5463
5529
  "description": "Emitted when a row has been selected."
5464
5530
  },
5531
+ {
5532
+ "name": "select-nested-row",
5533
+ "description": "Emitted when a nested row has been selected."
5534
+ },
5465
5535
  {
5466
5536
  "name": "row-click",
5467
5537
  "description": "Emitted when a row has been clicked."
5538
+ },
5539
+ {
5540
+ "name": "nested-content-toggled",
5541
+ "description": "Emitted when a row with nested content is toggled"
5468
5542
  }
5469
5543
  ],
5470
5544
  "slots": [
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@adyen/bento-vue2",
3
- "version": "1.42.0",
3
+ "version": "1.43.0",
4
4
  "description": "Adyen Bento Vue2 components",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.js",
@@ -32,11 +32,11 @@
32
32
  "@floating-ui/core": "1.6.8",
33
33
  "@floating-ui/vue": "1.0.7",
34
34
  "@lezer/highlight": "1.2.1",
35
- "@vueuse/core": "10.7.1",
35
+ "@vueuse/core": "11.3.0",
36
36
  "date-fns": "2.28.0",
37
37
  "focus-lock": "0.11.0",
38
38
  "uuid": "11.0.5",
39
- "@adyen/bento-design-tokens": "1.42.0"
39
+ "@adyen/bento-design-tokens": "1.43.0"
40
40
  },
41
41
  "peerDependencies": {
42
42
  "vue": "~2.7",
@@ -49,6 +49,7 @@
49
49
  },
50
50
  "devDependencies": {
51
51
  "@adyen/lume": "1.11.3",
52
+ "@axe-core/playwright": "4.9.0",
52
53
  "@codemirror/commands": "6.3.3",
53
54
  "@codemirror/lang-java": "6.0.1",
54
55
  "@codemirror/lang-javascript": "6.2.2",
@@ -99,12 +100,13 @@
99
100
  "vue": "2.7.16",
100
101
  "vue-demi": "0.14.10",
101
102
  "vue-docgen-web-types": "0.1.8",
103
+ "vue-eslint-parser": "9.3.2",
102
104
  "vue-i18n-bridge": "9.4.1",
103
105
  "vue-router": "3.6.4",
104
106
  "vue-style-loader": "4.1.3",
105
107
  "vue-template-compiler": "2.7.16",
106
108
  "vue-tsc": "1.0.24",
107
- "@adyen/bento-cli": "0.2.1",
109
+ "@adyen/bento-cli": "0.2.2",
108
110
  "@adyen/bento-core": "0.0.1"
109
111
  },
110
112
  "optionalDependencies": {
@@ -139,6 +141,7 @@
139
141
  "test:list-changed": "TZ='Europe/Paris' vitest list --run --filesOnly --changed origin/main",
140
142
  "test:watch": "TZ='Europe/Paris' vitest watch",
141
143
  "e2e": "test/bin/e2e-docker.sh vue2",
144
+ "e2e:a11y": "pnpm run e2e:clean && playwright test -c ./playwright.integration.config.ts --project=accessibility",
142
145
  "e2e:changed": "test/bin/e2e-docker.sh vue2 --changed",
143
146
  "e2e:clean": "rm -rf playwright/.cache || true",
144
147
  "e2e:debug": "pnpm run e2e:ci --debug",