@adyen/bento-vue2 1.72.0 → 1.73.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 (91) hide show
  1. package/dist/@types/index.d.ts +25 -0
  2. package/dist/assets/accordion-item.css +1 -1
  3. package/dist/assets/action-bar.css +1 -1
  4. package/dist/assets/base-modal.css +1 -1
  5. package/dist/assets/button-actions.css +1 -1
  6. package/dist/assets/card.css +1 -1
  7. package/dist/assets/data-grid-template.css +1 -1
  8. package/dist/assets/data-grid.css +1 -1
  9. package/dist/assets/date-range-picker.css +1 -1
  10. package/dist/assets/dialog-page.css +1 -1
  11. package/dist/assets/dropdown.css +1 -1
  12. package/dist/assets/file-uploader.css +1 -1
  13. package/dist/assets/form-layout-title.css +1 -1
  14. package/dist/assets/input-field-phone-number.css +1 -1
  15. package/dist/assets/inspector.css +1 -1
  16. package/dist/assets/modal-fullscreen.css +1 -1
  17. package/dist/assets/radio-group.css +1 -1
  18. package/dist/assets/radio-input.css +1 -1
  19. package/dist/assets/segmented-control.css +1 -1
  20. package/dist/assets/sidepanel.css +1 -1
  21. package/dist/checkbox.js +2 -2
  22. package/dist/chunks/{checkbox-group.Cr3WdkDM.js → checkbox-group.B85s9nzq.js} +2 -2
  23. package/dist/chunks/{checkbox-group.Cr3WdkDM.js.map → checkbox-group.B85s9nzq.js.map} +1 -1
  24. package/dist/chunks/{checkbox.D7-f9Y6w.js → checkbox.BOIfb1fc.js} +18 -18
  25. package/dist/chunks/{checkbox.D7-f9Y6w.js.map → checkbox.BOIfb1fc.js.map} +1 -1
  26. package/dist/chunks/{code-snippet.BGrwAxWy.js → code-snippet.Dsc6Zuas.js} +2 -2
  27. package/dist/chunks/{code-snippet.BGrwAxWy.js.map → code-snippet.Dsc6Zuas.js.map} +1 -1
  28. package/dist/chunks/{data-grid.B_Ha2vma.js → data-grid.BeClbIY3.js} +1247 -1188
  29. package/dist/chunks/data-grid.BeClbIY3.js.map +1 -0
  30. package/dist/chunks/{date-range-picker.ChGfJUPq.js → date-range-picker.DR2nDLqc.js} +125 -122
  31. package/dist/chunks/date-range-picker.DR2nDLqc.js.map +1 -0
  32. package/dist/chunks/{dropdown-tag.Bwl0fY7o.js → dropdown-tag.CUwoeCwu.js} +2 -2
  33. package/dist/chunks/{dropdown-tag.Bwl0fY7o.js.map → dropdown-tag.CUwoeCwu.js.map} +1 -1
  34. package/dist/chunks/{dropdown.DQbTuKc5.js → dropdown.B4urOhfH.js} +158 -154
  35. package/dist/chunks/{dropdown.DQbTuKc5.js.map → dropdown.B4urOhfH.js.map} +1 -1
  36. package/dist/chunks/es6.MoTTyETW.js.map +1 -1
  37. package/dist/chunks/{filter-bar.Dnnv0rpV.js → filter-bar.B0Dl_8-M.js} +6 -6
  38. package/dist/chunks/{filter-bar.Dnnv0rpV.js.map → filter-bar.B0Dl_8-M.js.map} +1 -1
  39. package/dist/chunks/{form-layout-title.aXVuAWiG.js → form-layout-title.vQNmD6vk.js} +21 -14
  40. package/dist/chunks/form-layout-title.vQNmD6vk.js.map +1 -0
  41. package/dist/chunks/{header-with-views.DjZa4Wob.js → header-with-views.BWwSFABv.js} +3 -3
  42. package/dist/chunks/{header-with-views.DjZa4Wob.js.map → header-with-views.BWwSFABv.js.map} +1 -1
  43. package/dist/chunks/{input-field-password.BPujvbx8.js → input-field-password.BdZrUcJy.js} +3 -3
  44. package/dist/chunks/{input-field-password.BPujvbx8.js.map → input-field-password.BdZrUcJy.js.map} +1 -1
  45. package/dist/chunks/{input-field-phone-number.bqUe_CVf.js → input-field-phone-number.Bm0n9ycw.js} +8 -5
  46. package/dist/chunks/{input-field-phone-number.bqUe_CVf.js.map → input-field-phone-number.Bm0n9ycw.js.map} +1 -1
  47. package/dist/chunks/{input-field.CwF6ldRY.js → input-field.DYVXuVxT.js} +2 -2
  48. package/dist/chunks/{input-field.CwF6ldRY.js.map → input-field.DYVXuVxT.js.map} +1 -1
  49. package/dist/chunks/{pagination.BWTyXMRW.js → pagination.CcH5IWXH.js} +2 -2
  50. package/dist/chunks/{pagination.BWTyXMRW.js.map → pagination.CcH5IWXH.js.map} +1 -1
  51. package/dist/chunks/{radio-group.DHUa6baR.js → radio-group.BuDqrwGq.js} +9 -9
  52. package/dist/chunks/radio-group.BuDqrwGq.js.map +1 -0
  53. package/dist/chunks/{radio-input.D8mv2EYC.js → radio-input.kzb4gxLW.js} +17 -17
  54. package/dist/chunks/radio-input.kzb4gxLW.js.map +1 -0
  55. package/dist/chunks/{rich-text-editor.C905JEDW.js → rich-text-editor.EU6Dltjl.js} +2 -2
  56. package/dist/chunks/{rich-text-editor.C905JEDW.js.map → rich-text-editor.EU6Dltjl.js.map} +1 -1
  57. package/dist/chunks/{search-bar.CKt_-tZH.js → search-bar.PC1n90UR.js} +3 -3
  58. package/dist/chunks/{search-bar.CKt_-tZH.js.map → search-bar.PC1n90UR.js.map} +1 -1
  59. package/dist/chunks/{secondary-nav.B5L2bLmm.js → secondary-nav.BXGVjZJX.js} +2 -2
  60. package/dist/chunks/{secondary-nav.B5L2bLmm.js.map → secondary-nav.BXGVjZJX.js.map} +1 -1
  61. package/dist/chunks/{selection-card-group.CBVKMu6b.js → selection-card-group.VAJ3ifoH.js} +8 -8
  62. package/dist/chunks/{selection-card-group.CBVKMu6b.js.map → selection-card-group.VAJ3ifoH.js.map} +1 -1
  63. package/dist/code-snippet.js +1 -1
  64. package/dist/data-grid.js +1 -1
  65. package/dist/date-range-picker.js +1 -1
  66. package/dist/dropdown.js +2 -2
  67. package/dist/filter-bar.js +1 -1
  68. package/dist/form-layout.js +1 -1
  69. package/dist/header-with-views.js +1 -1
  70. package/dist/index.js +20 -20
  71. package/dist/input-field-password.js +1 -1
  72. package/dist/input-field-phone-number.js +1 -1
  73. package/dist/input-field.js +1 -1
  74. package/dist/pagination.js +1 -1
  75. package/dist/radio-group.js +2 -2
  76. package/dist/rich-text-editor.js +1 -1
  77. package/dist/search-bar.js +2 -2
  78. package/dist/secondary-nav.js +1 -1
  79. package/dist/selection-card.js +1 -1
  80. package/dist/styles/bento-dark.css +20 -13
  81. package/dist/styles/bento-light.css +4 -1
  82. package/dist/styles/bento.css +4 -1
  83. package/dist/styles/legacy.css +4 -1
  84. package/dist/styles/styleguide.css +4 -1
  85. package/dist/web-types.json +29 -10
  86. package/package.json +2 -2
  87. package/dist/chunks/data-grid.B_Ha2vma.js.map +0 -1
  88. package/dist/chunks/date-range-picker.ChGfJUPq.js.map +0 -1
  89. package/dist/chunks/form-layout-title.aXVuAWiG.js.map +0 -1
  90. package/dist/chunks/radio-group.DHUa6baR.js.map +0 -1
  91. package/dist/chunks/radio-input.D8mv2EYC.js.map +0 -1
@@ -391,12 +391,16 @@
391
391
  --b-color-background-success-strong: #00d16a;
392
392
  --b-color-background-success-weak: #00381d;
393
393
  --b-color-background-warning-strong: #ff9e11;
394
+ --b-color-background-warning-weak-active: #6d4100;
395
+ --b-color-background-warning-weak-hover: #593500;
394
396
  --b-color-background-warning-weak: #462a00;
395
397
  --b-color-background-critical-strong-active: #ffded3;
396
398
  --b-color-background-critical-strong-hover: #ffbda6;
397
399
  --b-color-background-critical-strong: #ff9a78;
398
400
  --b-color-background-critical-weak: #5c1800;
399
401
  --b-color-background-spotlight: #ffe379;
402
+ --b-color-background-selected-active: #004a94;
403
+ --b-color-background-selected-hover: #003d79;
400
404
  --b-color-background-selected: #00305f;
401
405
  --b-color-background-disabled: #363636;
402
406
  --b-color-background-modal-active: #525252;
@@ -414,9 +418,9 @@
414
418
  --b-color-background-primary-active: #363636;
415
419
  --b-color-background-primary-hover: #2a2a2a;
416
420
  --b-color-background-primary: #111111;
417
- --b-gradient-data-grid-highlighted-hover: linear-gradient(270deg, {color.background.warning.weak.hover} 0%, rgba(255, 236, 208, .82) 53.34%, rgba(255, 236, 208, .75) 61.73%, rgba(255, 236, 208, .11) 99.25%, rgba(255, 236, 208, 0) 100%);
418
- --b-gradient-data-grid-selected-hover: linear-gradient(270deg, {color.background.selected.hover} 0%, rgba(212, 230, 249, .82) 53.34%, rgba(212, 230, 249, .75) 61.73%, rgba(212, 230, 249, .11) 99.25%, rgba(212, 230, 249, 0) 100%);
419
- --b-gradient-data-grid-zebra-hover: linear-gradient(270deg, var(--b-color-background-secondary-hover) 0%, rgba(236, 237, 239, .82) 53.34%, rgba(236, 237, 239, .75) 61.73%, rgba(236, 237, 239, .11) 99.25%, rgba(236, 237, 239, 0) 100%);
421
+ --b-gradient-data-grid-highlighted-hover: linear-gradient(270deg, var(--b-color-background-warning-weak-hover) 0%, rgba(89, 53, 0, .82) 53.34%, rgba(89, 53, 0, .75) 61.73%, rgba(89, 53, 0, .11) 99.25%, rgba(89, 53, 0, 0) 100%);
422
+ --b-gradient-data-grid-selected-hover: linear-gradient(270deg, var(--b-color-background-selected-hover) 0%, rgba(0, 61, 121, .82) 53.34%, rgba(0, 61, 121, .75) 61.73%, rgba(0, 61, 121, .11) 99.25%, rgba(0, 61, 121, 0) 100%);
423
+ --b-gradient-data-grid-zebra-hover: linear-gradient(270deg, var(--b-color-background-secondary-hover) 0%, rgba(54, 54, 54, .82) 53.34%, rgba(54, 54, 54, .75) 61.73%, rgba(54, 54, 54, .11) 99.25%, rgba(54, 54, 54, 0) 100%);
420
424
  --b-tutorial-indicator-border: var(--b-border-width-m) solid var(--b-color-decorative-green);
421
425
  --b-tutorial-popover-footer-padding-top: var(--b-spacer-060);
422
426
  --b-tutorial-popover-footer-column-gap: var(--b-spacer-040);
@@ -581,7 +585,7 @@
581
585
  --b-tag-white-color: var(--b-color-label-primary);
582
586
  --b-tag-red-background-color: var(--b-color-background-critical-weak);
583
587
  --b-tag-red-color: var(--b-color-label-on-background-critical-weak);
584
- --b-tag-orange-background-color: {color.background.warning.weak._};
588
+ --b-tag-orange-background-color: var(--b-color-background-warning-weak);
585
589
  --b-tag-orange-color: var(--b-color-label-on-background-warning-weak);
586
590
  --b-tag-green-background-color: var(--b-color-background-success-weak);
587
591
  --b-tag-green-color: var(--b-color-label-on-background-success-weak);
@@ -1164,7 +1168,7 @@
1164
1168
  --b-header-with-views-all-views-popover-menu-item-hover-background-color: var(--b-color-background-modal-hover);
1165
1169
  --b-header-with-views-all-views-popover-menu-item-focus-background-color: var(--b-color-background-modal-active);
1166
1170
  --b-header-with-views-all-views-popover-menu-item-dragging-box-shadow: var(--b-shadow-medium);
1167
- --b-header-with-views-all-views-popover-menu-item-dragging-background-color: {color.background.selected._};
1171
+ --b-header-with-views-all-views-popover-menu-item-dragging-background-color: var(--b-color-background-selected);
1168
1172
  --b-header-with-views-all-views-popover-menu-item-active-background-color: var(--b-color-background-modal-active);
1169
1173
  --b-header-with-views-all-views-popover-padding: var(--b-spacer-040) var(--b-spacer-000);
1170
1174
  --b-header-with-views-modal-description-gap: var(--b-spacer-070);
@@ -1539,12 +1543,15 @@
1539
1543
  --b-data-grid-select-cell-margin-left: calc(var(--b-spacer-040) - var(--b-border-width-s));
1540
1544
  --b-data-grid-cell-actions-column-selection-padding: var(--b-spacer-050) var(--b-spacer-070);
1541
1545
  --b-data-grid-cell-actions-column-nested-content-padding: var(--b-spacer-050) var(--b-spacer-070);
1546
+ --b-data-grid-cell-actions-actions-row-actions-padding: 0 var(--b-spacer-060);
1547
+ --b-data-grid-cell-actions-actions-padding: 0 calc(var(--b-spacer-070) - var(--b-border-width-s)) 0 0;
1548
+ --b-data-grid-cell-actions-actions-gap: var(--b-spacer-040);
1542
1549
  --b-data-grid-cell-actions-row-actions-padding: 0 var(--b-spacer-060);
1543
- --b-data-grid-cell-actions-padding: 0 calc(var(--b-spacer-070) - var(--b-border-width-s)) 0 0;
1544
1550
  --b-data-grid-cell-actions-gap: var(--b-spacer-040);
1545
1551
  --b-data-grid-cell-actions-background-gradient-width: var(--b-spacer-100);
1546
1552
  --b-data-grid-cell-actions-background-gradient-background: var(--b-gradient-data-grid-hover);
1547
1553
  --b-data-grid-cell-actions-animation-duration: var(--b-animation-duration-fast);
1554
+ --b-data-grid-cell-actions-padding: var(--b-border-width-m);
1548
1555
  --b-data-grid-cell-condensed-column-hovered-padding: var(--b-spacer-030) 14px;
1549
1556
  --b-data-grid-cell-condensed-padding: var(--b-spacer-030) 15px;
1550
1557
  --b-data-grid-cell-hover-border-color: var(--b-color-separator-primary);
@@ -1560,10 +1567,10 @@
1560
1567
  --b-data-grid-row-nested-row-hover: var(--b-color-background-secondary-hover);
1561
1568
  --b-data-grid-row-nested-row-background-color: var(--b-color-background-primary);
1562
1569
  --b-data-grid-row-nested-slot-background-color: var(--b-color-background-primary);
1563
- --b-data-grid-row-selected-hover-background-color: {color.background.selected.hover};
1564
- --b-data-grid-row-selected-background-color: {color.background.selected._};
1565
- --b-data-grid-row-highlighted-hover-background-color: {color.background.warning.weak.hover};
1566
- --b-data-grid-row-highlighted-background-color: {color.background.warning.weak._};
1570
+ --b-data-grid-row-selected-hover-background-color: var(--b-color-background-selected-hover);
1571
+ --b-data-grid-row-selected-background-color: var(--b-color-background-selected);
1572
+ --b-data-grid-row-highlighted-hover-background-color: var(--b-color-background-warning-weak-hover);
1573
+ --b-data-grid-row-highlighted-background-color: var(--b-color-background-warning-weak);
1567
1574
  --b-data-grid-row-disabled-color: var(--b-color-label-primary);
1568
1575
  --b-data-grid-row-hover-background-color: var(--b-color-background-primary-hover);
1569
1576
  --b-data-grid-row-color: var(--b-color-label-primary);
@@ -1578,7 +1585,7 @@
1578
1585
  --b-data-grid-rows-frozen-border-right-color: var(--b-color-separator-secondary);
1579
1586
  --b-data-grid-column-actions-padding-left: var(--b-spacer-030);
1580
1587
  --b-data-grid-column-actions-gap: var(--b-spacer-010);
1581
- --b-data-grid-column-draggable-ghost-background-color: {color.background.selected._};
1588
+ --b-data-grid-column-draggable-ghost-background-color: var(--b-color-background-selected);
1582
1589
  --b-data-grid-column-header-padding: calc(var(--b-spacer-040) - var(--b-border-width-s)) 0;
1583
1590
  --b-data-grid-column-header-gap: var(--b-spacer-040);
1584
1591
  --b-data-grid-column-header-and-actions-gap: var(--b-spacer-020);
@@ -2029,7 +2036,7 @@
2029
2036
  --b-avatar-image-blue-color: var(--b-color-decorative-blue);
2030
2037
  --b-avatar-image-blue-background-color: var(--b-color-background-highlight-weak);
2031
2038
  --b-avatar-image-yellow-color: var(--b-color-decorative-orange);
2032
- --b-avatar-image-yellow-background-color: {color.background.warning.weak._};
2039
+ --b-avatar-image-yellow-background-color: var(--b-color-background-warning-weak);
2033
2040
  --b-avatar-image-width: var(--b-spacer-100);
2034
2041
  --b-avatar-image-height: var(--b-spacer-100);
2035
2042
  --b-alert-tip-gap: var(--b-spacer-060);
@@ -2039,7 +2046,7 @@
2039
2046
  --b-alert-critical-background-color: var(--b-color-background-critical-weak);
2040
2047
  --b-alert-warning-icon-color: var(--b-color-background-warning-strong);
2041
2048
  --b-alert-warning-color: var(--b-color-label-primary);
2042
- --b-alert-warning-background-color: {color.background.warning.weak._};
2049
+ --b-alert-warning-background-color: var(--b-color-background-warning-weak);
2043
2050
  --b-alert-highlight-icon-color: var(--b-color-background-highlight-strong);
2044
2051
  --b-alert-highlight-color: var(--b-color-label-primary);
2045
2052
  --b-alert-highlight-background-color: var(--b-color-background-highlight-weak);
@@ -1542,11 +1542,14 @@
1542
1542
  --b-data-grid-select-cell-margin-left: calc(var(--b-spacer-040) - var(--b-border-width-s));
1543
1543
  --b-data-grid-cell-actions-column-selection-padding: var(--b-spacer-050) var(--b-spacer-070);
1544
1544
  --b-data-grid-cell-actions-column-nested-content-padding: var(--b-spacer-050) var(--b-spacer-070);
1545
+ --b-data-grid-cell-actions-actions-row-actions-padding: 0 var(--b-spacer-060);
1546
+ --b-data-grid-cell-actions-actions-padding: 0 calc(var(--b-spacer-070) - var(--b-border-width-s)) 0 0;
1547
+ --b-data-grid-cell-actions-actions-gap: var(--b-spacer-040);
1545
1548
  --b-data-grid-cell-actions-row-actions-padding: 0 var(--b-spacer-060);
1546
- --b-data-grid-cell-actions-padding: 0 calc(var(--b-spacer-070) - var(--b-border-width-s)) 0 0;
1547
1549
  --b-data-grid-cell-actions-gap: var(--b-spacer-040);
1548
1550
  --b-data-grid-cell-actions-background-gradient-width: var(--b-spacer-100);
1549
1551
  --b-data-grid-cell-actions-animation-duration: var(--b-animation-duration-fast);
1552
+ --b-data-grid-cell-actions-padding: var(--b-border-width-m);
1550
1553
  --b-data-grid-cell-condensed-column-hovered-padding: var(--b-spacer-030) 14px;
1551
1554
  --b-data-grid-cell-condensed-padding: var(--b-spacer-030) 15px;
1552
1555
  --b-data-grid-cell-hover-border-color: var(--b-color-separator-primary);
@@ -1542,11 +1542,14 @@
1542
1542
  --b-data-grid-select-cell-margin-left: calc(var(--b-spacer-040) - var(--b-border-width-s));
1543
1543
  --b-data-grid-cell-actions-column-selection-padding: var(--b-spacer-050) var(--b-spacer-070);
1544
1544
  --b-data-grid-cell-actions-column-nested-content-padding: var(--b-spacer-050) var(--b-spacer-070);
1545
+ --b-data-grid-cell-actions-actions-row-actions-padding: 0 var(--b-spacer-060);
1546
+ --b-data-grid-cell-actions-actions-padding: 0 calc(var(--b-spacer-070) - var(--b-border-width-s)) 0 0;
1547
+ --b-data-grid-cell-actions-actions-gap: var(--b-spacer-040);
1545
1548
  --b-data-grid-cell-actions-row-actions-padding: 0 var(--b-spacer-060);
1546
- --b-data-grid-cell-actions-padding: 0 calc(var(--b-spacer-070) - var(--b-border-width-s)) 0 0;
1547
1549
  --b-data-grid-cell-actions-gap: var(--b-spacer-040);
1548
1550
  --b-data-grid-cell-actions-background-gradient-width: var(--b-spacer-100);
1549
1551
  --b-data-grid-cell-actions-animation-duration: var(--b-animation-duration-fast);
1552
+ --b-data-grid-cell-actions-padding: var(--b-border-width-m);
1550
1553
  --b-data-grid-cell-condensed-column-hovered-padding: var(--b-spacer-030) 14px;
1551
1554
  --b-data-grid-cell-condensed-padding: var(--b-spacer-030) 15px;
1552
1555
  --b-data-grid-cell-hover-border-color: var(--b-color-separator-primary);
@@ -1542,11 +1542,14 @@
1542
1542
  --b-data-grid-select-cell-margin-left: calc(var(--b-spacer-040) - var(--b-border-width-s));
1543
1543
  --b-data-grid-cell-actions-column-selection-padding: var(--b-spacer-050) var(--b-spacer-070);
1544
1544
  --b-data-grid-cell-actions-column-nested-content-padding: var(--b-spacer-050) var(--b-spacer-070);
1545
+ --b-data-grid-cell-actions-actions-row-actions-padding: 0 var(--b-spacer-060);
1546
+ --b-data-grid-cell-actions-actions-padding: 0 calc(var(--b-spacer-070) - var(--b-border-width-s)) 0 0;
1547
+ --b-data-grid-cell-actions-actions-gap: var(--b-spacer-040);
1545
1548
  --b-data-grid-cell-actions-row-actions-padding: 0 var(--b-spacer-060);
1546
- --b-data-grid-cell-actions-padding: 0 calc(var(--b-spacer-070) - var(--b-border-width-s)) 0 0;
1547
1549
  --b-data-grid-cell-actions-gap: var(--b-spacer-040);
1548
1550
  --b-data-grid-cell-actions-background-gradient-width: var(--b-spacer-100);
1549
1551
  --b-data-grid-cell-actions-animation-duration: var(--b-animation-duration-fast);
1552
+ --b-data-grid-cell-actions-padding: var(--b-border-width-m);
1550
1553
  --b-data-grid-cell-condensed-column-hovered-padding: var(--b-spacer-030) 14px;
1551
1554
  --b-data-grid-cell-condensed-padding: var(--b-spacer-030) 15px;
1552
1555
  --b-data-grid-cell-hover-border-color: var(--b-color-separator-primary);
@@ -1597,11 +1597,14 @@
1597
1597
  --b-data-grid-select-cell-margin-left: calc(var(--b-spacer-040) - var(--b-border-width-s));
1598
1598
  --b-data-grid-cell-actions-column-selection-padding: var(--b-spacer-050) var(--b-spacer-070);
1599
1599
  --b-data-grid-cell-actions-column-nested-content-padding: var(--b-spacer-050) var(--b-spacer-070);
1600
+ --b-data-grid-cell-actions-actions-row-actions-padding: 0 var(--b-spacer-060);
1601
+ --b-data-grid-cell-actions-actions-padding: 0 calc(var(--b-spacer-070) - var(--b-border-width-s)) 0 0;
1602
+ --b-data-grid-cell-actions-actions-gap: var(--b-spacer-040);
1600
1603
  --b-data-grid-cell-actions-row-actions-padding: 0 var(--b-spacer-060);
1601
- --b-data-grid-cell-actions-padding: 0 calc(var(--b-spacer-070) - var(--b-border-width-s)) 0 0;
1602
1604
  --b-data-grid-cell-actions-gap: var(--b-spacer-040);
1603
1605
  --b-data-grid-cell-actions-background-gradient-width: var(--b-spacer-100);
1604
1606
  --b-data-grid-cell-actions-animation-duration: var(--b-animation-duration-fast);
1607
+ --b-data-grid-cell-actions-padding: var(--b-border-width-m);
1605
1608
  --b-data-grid-cell-condensed-column-hovered-padding: var(--b-spacer-030) 14px;
1606
1609
  --b-data-grid-cell-condensed-padding: var(--b-spacer-030) 15px;
1607
1610
  --b-data-grid-cell-hover-border-color: var(--b-color-separator-primary);
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "framework": "vue",
3
3
  "name": "@adyen/bento-vue2",
4
- "version": "1.72.0",
4
+ "version": "1.73.0",
5
5
  "contributions": {
6
6
  "html": {
7
7
  "description-markup": "markdown",
@@ -4292,7 +4292,7 @@
4292
4292
  },
4293
4293
  {
4294
4294
  "name": "selectableAcrossPages",
4295
- "description": "Adds an extra option when selecting all items that allows user to select items in other pages too.",
4295
+ "description": "Adds an extra option when selecting all items that allows user to select items in other pages too.\nNeeds pagination.totalCount to be set.",
4296
4296
  "value": {
4297
4297
  "kind": "expression",
4298
4298
  "type": "boolean"
@@ -5475,14 +5475,6 @@
5475
5475
  "symbol": "default"
5476
5476
  }
5477
5477
  },
5478
- {
5479
- "name": "data-grid.test",
5480
- "description": "",
5481
- "source": {
5482
- "module": "./src/components/data-grid/data-grid.test.vue",
5483
- "symbol": "default"
5484
- }
5485
- },
5486
5478
  {
5487
5479
  "name": "date",
5488
5480
  "description": "",
@@ -9221,6 +9213,15 @@
9221
9213
  "type": "BentoFormLayoutFieldTipTypeOption"
9222
9214
  },
9223
9215
  "default": "'highlight'"
9216
+ },
9217
+ {
9218
+ "name": "id",
9219
+ "description": "Unique identifier to the form field. Used for accessibility.",
9220
+ "value": {
9221
+ "kind": "expression",
9222
+ "type": "string"
9223
+ },
9224
+ "default": "undefined"
9224
9225
  }
9225
9226
  ],
9226
9227
  "slots": [
@@ -9236,6 +9237,14 @@
9236
9237
  "symbol": "default"
9237
9238
  }
9238
9239
  },
9240
+ {
9241
+ "name": "form-layout-field-tip-example",
9242
+ "description": "",
9243
+ "source": {
9244
+ "module": "./src/components/form-layout/__tests__/form-layout-field-tip-example.vue",
9245
+ "symbol": "default"
9246
+ }
9247
+ },
9239
9248
  {
9240
9249
  "name": "form-layout-group",
9241
9250
  "description": "",
@@ -10488,6 +10497,16 @@
10488
10497
  "type": "boolean"
10489
10498
  }
10490
10499
  },
10500
+ {
10501
+ "name": "description",
10502
+ "required": false,
10503
+ "description": "If set, displays a description text for the input.",
10504
+ "value": {
10505
+ "kind": "expression",
10506
+ "type": "string"
10507
+ },
10508
+ "default": "undefined"
10509
+ },
10491
10510
  {
10492
10511
  "name": "countries",
10493
10512
  "required": false,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@adyen/bento-vue2",
3
- "version": "1.72.0",
3
+ "version": "1.73.0",
4
4
  "description": "Adyen Bento Vue2 components",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.js",
@@ -47,7 +47,7 @@
47
47
  "unified": "11.0.5",
48
48
  "uuid": "11.0.5",
49
49
  "vue-demi": "0.14.10",
50
- "@adyen/bento-design-tokens": "1.72.0"
50
+ "@adyen/bento-design-tokens": "1.73.0"
51
51
  },
52
52
  "peerDependencies": {
53
53
  "vue": "~2.7",