@adyen/bento-vue2 1.75.0 → 1.76.0

package/dist/header-with-views.js

@@ -1,4 +1,4 @@
-import { h as r } from "./chunks/header-with-views.AKprhFPj.js";
+import { h as r } from "./chunks/header-with-views.j16q5wEc.js";
 export {
   r as BentoHeaderWithViews
 };

package/dist/header.js

@@ -1,4 +1,4 @@
-import { B as r } from "./chunks/header.DwSyDQ68.js";
+import { B as r } from "./chunks/header.DoWKsA15.js";
 export {
   r as BentoHeader
 };

package/dist/index.js

@@ -9,10 +9,10 @@ import { B as Be, c as me, b as ue, a as pe } from "./chunks/alert.SZPP58tl.js";
 import { B as ce } from "./chunks/avatar.CeDqq2Z-.js";
 import { B as fe, b as ye, a as Se } from "./chunks/button.CS_kdxYh.js";
 import { B as Te } from "./chunks/dashed-underline.K-l-7bDq.js";
-import { g as be, d as he, a as ve, b as Ee, f as De, e as Ce, c as Ie, B as Oe } from "./chunks/data-grid.D5fTwSvx.js";
+import { g as be, d as he, a as ve, b as Ee, f as De, e as Ce, c as Ie, B as Oe } from "./chunks/data-grid.B5aCkT0o.js";
 import { c as Pe, B as Ne, a as Fe } from "./chunks/card.VOCKI7Ad.js";
-import { B as Ge, a as we } from "./chunks/date-picker.BLii86mM.js";
-import { B as ke, a as Me } from "./chunks/date-range-picker.Btgdly1q.js";
+import { B as Ge, a as we } from "./chunks/date-picker.DImAYvoM.js";
+import { B as ke, a as Me } from "./chunks/date-range-picker.DgZMERzx.js";
 import { B as Re, u as _e } from "./chunks/dropdown.RxD2TqnP.js";
 import { B as ze } from "./chunks/dropdown-default-textbox.yLeN0E2z.js";
 import { B as He, a as Ye } from "./chunks/checkbox.nyUc0gLb.js";
@@ -26,9 +26,9 @@ import { B as ct, a as dt } from "./chunks/date.C1z2TXzM.js";
 import { B as yt } from "./chunks/divider.CFbtmKeQ.js";
 import { B as xt, b as Tt, c as gt, a as bt } from "./chunks/empty-state.BsdRxzS2.js";
 import { f as vt } from "./chunks/file-uploader.BGoCYrnw.js";
-import { a as Dt, B as Ct, c as It, b as Ot, d as Lt } from "./chunks/filter-bar.DfTOz6xI.js";
+import { a as Dt, B as Ct, c as It, b as Ot, d as Lt } from "./chunks/filter-bar.C0S87JZD.js";
 import { f as Nt, a as Ft, c as Vt, b as Gt } from "./chunks/form-layout-title.DoF6ovPB.js";
-import { h as At } from "./chunks/header-with-views.AKprhFPj.js";
+import { h as At } from "./chunks/header-with-views.j16q5wEc.js";
 import { B as Mt, a as jt, b as Rt } from "./chunks/image.C2D2hKat.js";
 import { B as Ut } from "./chunks/info-icon.Bhka3oGh.js";
 import { B as Kt, b as Ht, e as Yt, c as qt, d as Jt, a as Wt } from "./chunks/input-field.DdQu3b1-.js";
@@ -43,14 +43,14 @@ import { B as bo, a as ho, b as vo, f as Eo, g as Do, h as Co, c as Io, u as Oo
 import { B as Po } from "./chunks/modal.Bp5twyjz.js";
 import { c as Fo, e as Vo, f as Go, g as wo, d as Ao, b as ko, B as Mo, a as jo } from "./chunks/base-modal.BMdlCSd0.js";
 import { m as _o, B as Uo } from "./chunks/modal-fullscreen.BSKm6yn_.js";
-import { B as Ko } from "./chunks/header.DwSyDQ68.js";
+import { B as Ko } from "./chunks/header.DoWKsA15.js";
 import { B as Yo } from "./chunks/pagination.C0YW_A_o.js";
 import { B as Jo } from "./chunks/payment-method.DtvfUnit.js";
 import { B as Zo } from "./chunks/payment-method.types.BqtH7RM2.js";
 import { B as Xo } from "./chunks/popover.types.DK6opPkz.js";
 import { p as ea, B as ta, a as oa } from "./chunks/promo-banner.DikQcQU2.js";
 import { b as na, B as ra, a as sa } from "./chunks/radio-group.AcYMFudv.js";
-import { r as Ba } from "./chunks/rich-text-editor.CKWtFjkF.js";
+import { r as Ba } from "./chunks/rich-text-editor.eYW8X_YP.js";
 import { B as ua, b as pa, a as la } from "./chunks/search-bar.DJVfPz-f.js";
 import { s as da } from "./chunks/secondary-nav.BFiTQaag.js";
 import { B as ya, s as Sa, a as xa } from "./chunks/selection-card-group.D4rcUyvV.js";
@@ -64,15 +64,15 @@ import { s as ja, a as Ra, e as _a, b as Ua, c as za, B as Ka, d as Ha, f as Ya
 import { a as Ja, B as Wa } from "./chunks/tab.CTui3j3e.js";
 import { B as Qa, a as Xa } from "./chunks/tag.BwKc2d2E.js";
 import { B as en } from "./chunks/textarea.CIQuLWQ8.js";
-import { t as on, b as an, a as nn, c as rn, B as sn, d as Bn } from "./chunks/timeline-item.VSw9vKdO.js";
+import { t as on, b as an, a as nn, c as rn, B as sn, d as Bn } from "./chunks/timeline-item.CZBuknZ_.js";
 import { t as un } from "./chunks/toast.B4J4V6n-.js";
 import { B as ln, b as cn, a as dn } from "./chunks/toggle.BJMXpHRu.js";
 import { t as yn } from "./chunks/tutorial.B32GMtIj.js";
-import { a as xn, d as Tn } from "./chunks/dashboard-section.jIpBvP6X.js";
-import { d as bn } from "./chunks/data-grid-template.CozTcWQ0.js";
+import { a as xn, d as Tn } from "./chunks/dashboard-section.D1l7wDX3.js";
+import { d as bn } from "./chunks/data-grid-template.DGUDqzjj.js";
 import { a as vn } from "./chunks/ai-button.DBwtNkyS.js";
 import { B as Dn, a as Cn, b as In } from "./chunks/button-actions.types.BptAXjD8.js";
-import { C as Ln, a as Pn, C as Nn, a as Fn } from "./chunks/calendar.EfqJlztU.js";
+import { C as Ln, a as Pn, C as Nn, a as Fn } from "./chunks/calendar.Fm_dfQC5.js";
 import { a as Gn, B as wn, a as An, B as kn } from "./chunks/use-cached-selected-values.BZd3CTeP.js";
 import { d as jn, a as Rn, b as _n, c as Un, e as zn } from "./chunks/dropdown-tag.CpvU8eSZ.js";
 import { C as Hn } from "./chunks/minus-small.DJacLGTw.js";

package/dist/internal.js

@@ -1,11 +1,11 @@
-import { b as e, c as t, C as r, d as s, a as i } from "./chunks/calendar.EfqJlztU.js";
+import { b as e, c as t, C as r, d as s, a as i } from "./chunks/calendar.Fm_dfQC5.js";
 import { C as p, a as l } from "./chunks/copy.WQDLcs_T.js";
 import { C as I } from "./chunks/controls-group.82mB_GDw.js";
 import { B as x, b as E, a as f, D as m } from "./chunks/dialog-page.D23qNwKW.js";
 import { E as d, F as N } from "./chunks/field-label.Auq-Pzho.js";
 import { F as O } from "./chunks/fixed-scroller.CgVOf5VE.js";
 import { G as B, a as A } from "./chunks/grid-layout.1aIiz2N_.js";
-import { H as P, I as c } from "./chunks/header-meta.uiIO1wHP.js";
+import { H as P, I as c } from "./chunks/header-meta.D-6dL1Vg.js";
 import { b as g, c as y, u as D } from "./chunks/use-cached-selected-values.BZd3CTeP.js";
 import { L as S } from "./chunks/listbox-option-tag.Dl8GwHLT.js";
 import { e as W, d as h } from "./chunks/button-actions.B81vY51z.js";

package/dist/rich-text-editor.js

@@ -1,4 +1,4 @@
-import { r as t } from "./chunks/rich-text-editor.CKWtFjkF.js";
+import { r as t } from "./chunks/rich-text-editor.eYW8X_YP.js";
 export {
   t as BentoRichTextEditor
 };

package/dist/styles/bento-dark.css

@@ -154,7 +154,6 @@
   --b-data-grid-column-with-sorting-or-column-panel-hover-padding: 3px 15px;
   --b-data-grid-column-min-height: 34px;
   --b-data-grid-column-height: auto;
-  --b-data-grid-columns-select-column-all-padding-left: 1px;
   --b-data-grid-overflow-shadow-right-background: linear-gradient(270deg, rgba(0, 17, 44, 0.12), rgba(0, 0, 0, 0));
   --b-data-grid-overflow-shadow-left-background: linear-gradient(270deg, rgba(0, 0, 0, 0), rgba(0, 17, 44, 0.12));
   --b-data-grid-static-icon-size: 16px;
@@ -1518,18 +1517,19 @@
   --b-data-grid-config-settings-button-margin: var(--b-spacer-070) 0;
   --b-data-grid-config-settings-button-and-separator-background-color: var(--b-color-background-primary);
   --b-data-grid-config-settings-z-index: var(--b-z-index-local-tier-4);
+  --b-data-grid-config-settings-padding-right: var(--b-spacer-050);
   --b-data-grid-config-settings-color: var(--b-color-label-primary);
   --b-data-grid-loading-indicator-margin: 0 0 var(--b-spacer-060) 0;
   --b-data-grid-filters-sticky-padding: var(--b-spacer-060) var(--b-spacer-090);
   --b-data-grid-filters-focus-within-z-index: var(--b-z-index-local-tier-3);
   --b-data-grid-filters-z-index: var(--b-z-index-local-tier-2);
   --b-data-grid-filters-background-color: var(--b-color-background-primary);
-  --b-data-grid-filters-padding: var(--b-spacer-060) 0;
+  --b-data-grid-filters-padding: var(--b-spacer-060) var(--b-spacer-070);
   --b-data-grid-filters-border-width: var(--b-border-width-s);
   --b-data-grid-filters-border-color: var(--b-color-separator-primary);
   --b-data-grid-pagination-sticky-padding: var(--b-spacer-060) var(--b-spacer-090);
   --b-data-grid-pagination-outline-padding: var(--b-spacer-070);
-  --b-data-grid-pagination-padding: var(--b-spacer-060) 0;
+  --b-data-grid-pagination-padding: var(--b-spacer-060) var(--b-spacer-070);
   --b-data-grid-pagination-border-width: var(--b-border-width-s);
   --b-data-grid-pagination-border-color: var(--b-color-separator-primary);
   --b-data-grid-pagination-focus-within-z-index: var(--b-z-index-local-tier-3);
@@ -1542,7 +1542,7 @@
   --b-data-grid-footer-z-index: var(--b-z-index-local-tier-2);
   --b-data-grid-footer-padding: var(--b-spacer-040) var(--b-spacer-090);
   --b-data-grid-footer-background-color: var(--b-color-background-primary);
-  --b-data-grid-select-cell-margin-left: calc(var(--b-spacer-040) - var(--b-border-width-s));
+  --b-data-grid-select-cell-margin-left: calc(var(--b-spacer-070) - var(--b-border-width-s));
   --b-data-grid-cell-actions-column-selection-padding: var(--b-spacer-050) var(--b-spacer-070);
   --b-data-grid-cell-actions-column-nested-content-padding: var(--b-spacer-050) var(--b-spacer-070);
   --b-data-grid-cell-actions-actions-row-actions-padding: 0 var(--b-spacer-060);
@@ -1609,9 +1609,10 @@
   --b-data-grid-columns-small-container-padding: var(--b-spacer-070);
   --b-data-grid-columns-select-column-menu-button-gap: var(--b-spacer-020);
   --b-data-grid-columns-select-column-deselect-all-checkbox-padding: var(--b-spacer-030);
+  --b-data-grid-columns-select-column-all-padding-left: calc(var(--b-spacer-050) - var(--b-border-width-s));
   --b-data-grid-columns-select-column-gap: var(--b-spacer-020);
   --b-data-grid-columns-select-column-padding-right: var(--b-spacer-020);
-  --b-data-grid-columns-select-column-padding-left: calc(var(--b-spacer-040) - var(--b-border-width-s));
+  --b-data-grid-columns-select-column-padding-left: calc(var(--b-spacer-070) - var(--b-border-width-s));
   --b-data-grid-columns-frozen-z-index: var(--b-z-index-local-tier-2);
   --b-data-grid-columns-frozen-border-right-width: var(--b-border-width-s);
   --b-data-grid-columns-frozen-border-right-color: var(--b-color-separator-secondary);
@@ -1631,6 +1632,7 @@
   --b-data-grid-template-data-grid-columns-padding-right: var(--b-spacer-050);
   --b-data-grid-template-data-grid-columns-padding-left: var(--b-spacer-050);
   --b-data-grid-template-data-grid-filters-padding-right: var(--b-spacer-090);
+  --b-data-grid-template-data-grid-filters-padding-left: var(--b-spacer-090);
   --b-data-grid-template-tabs-padding: var(--b-spacer-000) var(--b-spacer-090);
   --b-data-grid-template-tabs-background-color: var(--b-color-background-primary);
   --b-data-grid-template-additional-content-z-index: var(--b-z-index-local-tier-2);

package/dist/styles/bento-light.css

@@ -153,7 +153,6 @@
   --b-data-grid-column-with-sorting-or-column-panel-hover-padding: 3px 15px;
   --b-data-grid-column-min-height: 34px;
   --b-data-grid-column-height: auto;
-  --b-data-grid-columns-select-column-all-padding-left: 1px;
   --b-data-grid-overflow-shadow-right-background: linear-gradient(270deg, rgba(0, 17, 44, 0.12), rgba(0, 0, 0, 0));
   --b-data-grid-overflow-shadow-left-background: linear-gradient(270deg, rgba(0, 0, 0, 0), rgba(0, 17, 44, 0.12));
   --b-data-grid-static-icon-size: 16px;
@@ -1517,18 +1516,19 @@
   --b-data-grid-config-settings-button-margin: var(--b-spacer-070) 0;
   --b-data-grid-config-settings-button-and-separator-background-color: var(--b-color-background-primary);
   --b-data-grid-config-settings-z-index: var(--b-z-index-local-tier-4);
+  --b-data-grid-config-settings-padding-right: var(--b-spacer-050);
   --b-data-grid-config-settings-color: var(--b-color-label-primary);
   --b-data-grid-loading-indicator-margin: 0 0 var(--b-spacer-060) 0;
   --b-data-grid-filters-sticky-padding: var(--b-spacer-060) var(--b-spacer-090);
   --b-data-grid-filters-focus-within-z-index: var(--b-z-index-local-tier-3);
   --b-data-grid-filters-z-index: var(--b-z-index-local-tier-2);
   --b-data-grid-filters-background-color: var(--b-color-background-primary);
-  --b-data-grid-filters-padding: var(--b-spacer-060) 0;
+  --b-data-grid-filters-padding: var(--b-spacer-060) var(--b-spacer-070);
   --b-data-grid-filters-border-width: var(--b-border-width-s);
   --b-data-grid-filters-border-color: var(--b-color-separator-primary);
   --b-data-grid-pagination-sticky-padding: var(--b-spacer-060) var(--b-spacer-090);
   --b-data-grid-pagination-outline-padding: var(--b-spacer-070);
-  --b-data-grid-pagination-padding: var(--b-spacer-060) 0;
+  --b-data-grid-pagination-padding: var(--b-spacer-060) var(--b-spacer-070);
   --b-data-grid-pagination-border-width: var(--b-border-width-s);
   --b-data-grid-pagination-border-color: var(--b-color-separator-primary);
   --b-data-grid-pagination-focus-within-z-index: var(--b-z-index-local-tier-3);
@@ -1541,7 +1541,7 @@
   --b-data-grid-footer-z-index: var(--b-z-index-local-tier-2);
   --b-data-grid-footer-padding: var(--b-spacer-040) var(--b-spacer-090);
   --b-data-grid-footer-background-color: var(--b-color-background-primary);
-  --b-data-grid-select-cell-margin-left: calc(var(--b-spacer-040) - var(--b-border-width-s));
+  --b-data-grid-select-cell-margin-left: calc(var(--b-spacer-070) - var(--b-border-width-s));
   --b-data-grid-cell-actions-column-selection-padding: var(--b-spacer-050) var(--b-spacer-070);
   --b-data-grid-cell-actions-column-nested-content-padding: var(--b-spacer-050) var(--b-spacer-070);
   --b-data-grid-cell-actions-actions-row-actions-padding: 0 var(--b-spacer-060);
@@ -1607,9 +1607,10 @@
   --b-data-grid-columns-small-container-padding: var(--b-spacer-070);
   --b-data-grid-columns-select-column-menu-button-gap: var(--b-spacer-020);
   --b-data-grid-columns-select-column-deselect-all-checkbox-padding: var(--b-spacer-030);
+  --b-data-grid-columns-select-column-all-padding-left: calc(var(--b-spacer-050) - var(--b-border-width-s));
   --b-data-grid-columns-select-column-gap: var(--b-spacer-020);
   --b-data-grid-columns-select-column-padding-right: var(--b-spacer-020);
-  --b-data-grid-columns-select-column-padding-left: calc(var(--b-spacer-040) - var(--b-border-width-s));
+  --b-data-grid-columns-select-column-padding-left: calc(var(--b-spacer-070) - var(--b-border-width-s));
   --b-data-grid-columns-frozen-z-index: var(--b-z-index-local-tier-2);
   --b-data-grid-columns-frozen-border-right-width: var(--b-border-width-s);
   --b-data-grid-columns-frozen-border-right-color: var(--b-color-separator-secondary);
@@ -1629,6 +1630,7 @@
   --b-data-grid-template-data-grid-columns-padding-right: var(--b-spacer-050);
   --b-data-grid-template-data-grid-columns-padding-left: var(--b-spacer-050);
   --b-data-grid-template-data-grid-filters-padding-right: var(--b-spacer-090);
+  --b-data-grid-template-data-grid-filters-padding-left: var(--b-spacer-090);
   --b-data-grid-template-tabs-padding: var(--b-spacer-000) var(--b-spacer-090);
   --b-data-grid-template-tabs-background-color: var(--b-color-background-primary);
   --b-data-grid-template-additional-content-z-index: var(--b-z-index-local-tier-2);

package/dist/styles/bento.css

@@ -153,7 +153,6 @@
   --b-data-grid-column-with-sorting-or-column-panel-hover-padding: 3px 15px;
   --b-data-grid-column-min-height: 34px;
   --b-data-grid-column-height: auto;
-  --b-data-grid-columns-select-column-all-padding-left: 1px;
   --b-data-grid-overflow-shadow-right-background: linear-gradient(270deg, rgba(0, 17, 44, 0.12), rgba(0, 0, 0, 0));
   --b-data-grid-overflow-shadow-left-background: linear-gradient(270deg, rgba(0, 0, 0, 0), rgba(0, 17, 44, 0.12));
   --b-data-grid-static-icon-size: 16px;
@@ -1517,18 +1516,19 @@
   --b-data-grid-config-settings-button-margin: var(--b-spacer-070) 0;
   --b-data-grid-config-settings-button-and-separator-background-color: var(--b-color-background-primary);
   --b-data-grid-config-settings-z-index: var(--b-z-index-local-tier-4);
+  --b-data-grid-config-settings-padding-right: var(--b-spacer-050);
   --b-data-grid-config-settings-color: var(--b-color-label-primary);
   --b-data-grid-loading-indicator-margin: 0 0 var(--b-spacer-060) 0;
   --b-data-grid-filters-sticky-padding: var(--b-spacer-060) var(--b-spacer-090);
   --b-data-grid-filters-focus-within-z-index: var(--b-z-index-local-tier-3);
   --b-data-grid-filters-z-index: var(--b-z-index-local-tier-2);
   --b-data-grid-filters-background-color: var(--b-color-background-primary);
-  --b-data-grid-filters-padding: var(--b-spacer-060) 0;
+  --b-data-grid-filters-padding: var(--b-spacer-060) var(--b-spacer-070);
   --b-data-grid-filters-border-width: var(--b-border-width-s);
   --b-data-grid-filters-border-color: var(--b-color-separator-primary);
   --b-data-grid-pagination-sticky-padding: var(--b-spacer-060) var(--b-spacer-090);
   --b-data-grid-pagination-outline-padding: var(--b-spacer-070);
-  --b-data-grid-pagination-padding: var(--b-spacer-060) 0;
+  --b-data-grid-pagination-padding: var(--b-spacer-060) var(--b-spacer-070);
   --b-data-grid-pagination-border-width: var(--b-border-width-s);
   --b-data-grid-pagination-border-color: var(--b-color-separator-primary);
   --b-data-grid-pagination-focus-within-z-index: var(--b-z-index-local-tier-3);
@@ -1541,7 +1541,7 @@
   --b-data-grid-footer-z-index: var(--b-z-index-local-tier-2);
   --b-data-grid-footer-padding: var(--b-spacer-040) var(--b-spacer-090);
   --b-data-grid-footer-background-color: var(--b-color-background-primary);
-  --b-data-grid-select-cell-margin-left: calc(var(--b-spacer-040) - var(--b-border-width-s));
+  --b-data-grid-select-cell-margin-left: calc(var(--b-spacer-070) - var(--b-border-width-s));
   --b-data-grid-cell-actions-column-selection-padding: var(--b-spacer-050) var(--b-spacer-070);
   --b-data-grid-cell-actions-column-nested-content-padding: var(--b-spacer-050) var(--b-spacer-070);
   --b-data-grid-cell-actions-actions-row-actions-padding: 0 var(--b-spacer-060);
@@ -1607,9 +1607,10 @@
   --b-data-grid-columns-small-container-padding: var(--b-spacer-070);
   --b-data-grid-columns-select-column-menu-button-gap: var(--b-spacer-020);
   --b-data-grid-columns-select-column-deselect-all-checkbox-padding: var(--b-spacer-030);
+  --b-data-grid-columns-select-column-all-padding-left: calc(var(--b-spacer-050) - var(--b-border-width-s));
   --b-data-grid-columns-select-column-gap: var(--b-spacer-020);
   --b-data-grid-columns-select-column-padding-right: var(--b-spacer-020);
-  --b-data-grid-columns-select-column-padding-left: calc(var(--b-spacer-040) - var(--b-border-width-s));
+  --b-data-grid-columns-select-column-padding-left: calc(var(--b-spacer-070) - var(--b-border-width-s));
   --b-data-grid-columns-frozen-z-index: var(--b-z-index-local-tier-2);
   --b-data-grid-columns-frozen-border-right-width: var(--b-border-width-s);
   --b-data-grid-columns-frozen-border-right-color: var(--b-color-separator-secondary);
@@ -1629,6 +1630,7 @@
   --b-data-grid-template-data-grid-columns-padding-right: var(--b-spacer-050);
   --b-data-grid-template-data-grid-columns-padding-left: var(--b-spacer-050);
   --b-data-grid-template-data-grid-filters-padding-right: var(--b-spacer-090);
+  --b-data-grid-template-data-grid-filters-padding-left: var(--b-spacer-090);
   --b-data-grid-template-tabs-padding: var(--b-spacer-000) var(--b-spacer-090);
   --b-data-grid-template-tabs-background-color: var(--b-color-background-primary);
   --b-data-grid-template-additional-content-z-index: var(--b-z-index-local-tier-2);

package/dist/styles/legacy.css

@@ -153,7 +153,6 @@
   --b-data-grid-column-with-sorting-or-column-panel-hover-padding: 3px 15px;
   --b-data-grid-column-min-height: 34px;
   --b-data-grid-column-height: auto;
-  --b-data-grid-columns-select-column-all-padding-left: 1px;
   --b-data-grid-overflow-shadow-right-background: linear-gradient(270deg, rgba(0, 17, 44, 0.12), rgba(0, 0, 0, 0));
   --b-data-grid-overflow-shadow-left-background: linear-gradient(270deg, rgba(0, 0, 0, 0), rgba(0, 17, 44, 0.12));
   --b-data-grid-static-icon-size: 16px;
@@ -1517,18 +1516,19 @@
   --b-data-grid-config-settings-button-margin: var(--b-spacer-070) 0;
   --b-data-grid-config-settings-button-and-separator-background-color: var(--b-color-background-primary);
   --b-data-grid-config-settings-z-index: var(--b-z-index-local-tier-4);
+  --b-data-grid-config-settings-padding-right: var(--b-spacer-050);
   --b-data-grid-config-settings-color: var(--b-color-label-primary);
   --b-data-grid-loading-indicator-margin: 0 0 var(--b-spacer-060) 0;
   --b-data-grid-filters-sticky-padding: var(--b-spacer-060) var(--b-spacer-090);
   --b-data-grid-filters-focus-within-z-index: var(--b-z-index-local-tier-3);
   --b-data-grid-filters-z-index: var(--b-z-index-local-tier-2);
   --b-data-grid-filters-background-color: var(--b-color-background-primary);
-  --b-data-grid-filters-padding: var(--b-spacer-060) 0;
+  --b-data-grid-filters-padding: var(--b-spacer-060) var(--b-spacer-070);
   --b-data-grid-filters-border-width: var(--b-border-width-s);
   --b-data-grid-filters-border-color: var(--b-color-separator-primary);
   --b-data-grid-pagination-sticky-padding: var(--b-spacer-060) var(--b-spacer-090);
   --b-data-grid-pagination-outline-padding: var(--b-spacer-070);
-  --b-data-grid-pagination-padding: var(--b-spacer-060) 0;
+  --b-data-grid-pagination-padding: var(--b-spacer-060) var(--b-spacer-070);
   --b-data-grid-pagination-border-width: var(--b-border-width-s);
   --b-data-grid-pagination-border-color: var(--b-color-separator-primary);
   --b-data-grid-pagination-focus-within-z-index: var(--b-z-index-local-tier-3);
@@ -1541,7 +1541,7 @@
   --b-data-grid-footer-z-index: var(--b-z-index-local-tier-2);
   --b-data-grid-footer-padding: var(--b-spacer-040) var(--b-spacer-090);
   --b-data-grid-footer-background-color: var(--b-color-background-primary);
-  --b-data-grid-select-cell-margin-left: calc(var(--b-spacer-040) - var(--b-border-width-s));
+  --b-data-grid-select-cell-margin-left: calc(var(--b-spacer-070) - var(--b-border-width-s));
   --b-data-grid-cell-actions-column-selection-padding: var(--b-spacer-050) var(--b-spacer-070);
   --b-data-grid-cell-actions-column-nested-content-padding: var(--b-spacer-050) var(--b-spacer-070);
   --b-data-grid-cell-actions-actions-row-actions-padding: 0 var(--b-spacer-060);
@@ -1607,9 +1607,10 @@
   --b-data-grid-columns-small-container-padding: var(--b-spacer-070);
   --b-data-grid-columns-select-column-menu-button-gap: var(--b-spacer-020);
   --b-data-grid-columns-select-column-deselect-all-checkbox-padding: var(--b-spacer-030);
+  --b-data-grid-columns-select-column-all-padding-left: calc(var(--b-spacer-050) - var(--b-border-width-s));
   --b-data-grid-columns-select-column-gap: var(--b-spacer-020);
   --b-data-grid-columns-select-column-padding-right: var(--b-spacer-020);
-  --b-data-grid-columns-select-column-padding-left: calc(var(--b-spacer-040) - var(--b-border-width-s));
+  --b-data-grid-columns-select-column-padding-left: calc(var(--b-spacer-070) - var(--b-border-width-s));
   --b-data-grid-columns-frozen-z-index: var(--b-z-index-local-tier-2);
   --b-data-grid-columns-frozen-border-right-width: var(--b-border-width-s);
   --b-data-grid-columns-frozen-border-right-color: var(--b-color-separator-secondary);
@@ -1629,6 +1630,7 @@
   --b-data-grid-template-data-grid-columns-padding-right: var(--b-spacer-050);
   --b-data-grid-template-data-grid-columns-padding-left: var(--b-spacer-050);
   --b-data-grid-template-data-grid-filters-padding-right: var(--b-spacer-090);
+  --b-data-grid-template-data-grid-filters-padding-left: var(--b-spacer-090);
   --b-data-grid-template-tabs-padding: var(--b-spacer-000) var(--b-spacer-090);
   --b-data-grid-template-tabs-background-color: var(--b-color-background-primary);
   --b-data-grid-template-additional-content-z-index: var(--b-z-index-local-tier-2);

package/dist/styles/styleguide.css

@@ -153,7 +153,6 @@
   --b-data-grid-column-with-sorting-or-column-panel-hover-padding: 3px 15px;
   --b-data-grid-column-min-height: 34px;
   --b-data-grid-column-height: auto;
-  --b-data-grid-columns-select-column-all-padding-left: 1px;
   --b-data-grid-overflow-shadow-right-background: linear-gradient(270deg, rgba(0, 17, 44, 0.12), rgba(0, 0, 0, 0));
   --b-data-grid-overflow-shadow-left-background: linear-gradient(270deg, rgba(0, 0, 0, 0), rgba(0, 17, 44, 0.12));
   --b-data-grid-static-icon-size: 16px;
@@ -1572,18 +1571,19 @@
   --b-data-grid-config-settings-button-margin: var(--b-spacer-070) 0;
   --b-data-grid-config-settings-button-and-separator-background-color: var(--b-color-background-primary);
   --b-data-grid-config-settings-z-index: var(--b-z-index-local-tier-4);
+  --b-data-grid-config-settings-padding-right: var(--b-spacer-050);
   --b-data-grid-config-settings-color: var(--b-color-label-primary);
   --b-data-grid-loading-indicator-margin: 0 0 var(--b-spacer-060) 0;
   --b-data-grid-filters-sticky-padding: var(--b-spacer-060) var(--b-spacer-090);
   --b-data-grid-filters-focus-within-z-index: var(--b-z-index-local-tier-3);
   --b-data-grid-filters-z-index: var(--b-z-index-local-tier-2);
   --b-data-grid-filters-background-color: var(--b-color-background-primary);
-  --b-data-grid-filters-padding: var(--b-spacer-060) 0;
+  --b-data-grid-filters-padding: var(--b-spacer-060) var(--b-spacer-070);
   --b-data-grid-filters-border-width: var(--b-border-width-s);
   --b-data-grid-filters-border-color: var(--b-color-separator-primary);
   --b-data-grid-pagination-sticky-padding: var(--b-spacer-060) var(--b-spacer-090);
   --b-data-grid-pagination-outline-padding: var(--b-spacer-070);
-  --b-data-grid-pagination-padding: var(--b-spacer-060) 0;
+  --b-data-grid-pagination-padding: var(--b-spacer-060) var(--b-spacer-070);
   --b-data-grid-pagination-border-width: var(--b-border-width-s);
   --b-data-grid-pagination-border-color: var(--b-color-separator-primary);
   --b-data-grid-pagination-focus-within-z-index: var(--b-z-index-local-tier-3);
@@ -1596,7 +1596,7 @@
   --b-data-grid-footer-z-index: var(--b-z-index-local-tier-2);
   --b-data-grid-footer-padding: var(--b-spacer-040) var(--b-spacer-090);
   --b-data-grid-footer-background-color: var(--b-color-background-primary);
-  --b-data-grid-select-cell-margin-left: calc(var(--b-spacer-040) - var(--b-border-width-s));
+  --b-data-grid-select-cell-margin-left: calc(var(--b-spacer-070) - var(--b-border-width-s));
   --b-data-grid-cell-actions-column-selection-padding: var(--b-spacer-050) var(--b-spacer-070);
   --b-data-grid-cell-actions-column-nested-content-padding: var(--b-spacer-050) var(--b-spacer-070);
   --b-data-grid-cell-actions-actions-row-actions-padding: 0 var(--b-spacer-060);
@@ -1662,9 +1662,10 @@
   --b-data-grid-columns-small-container-padding: var(--b-spacer-070);
   --b-data-grid-columns-select-column-menu-button-gap: var(--b-spacer-020);
   --b-data-grid-columns-select-column-deselect-all-checkbox-padding: var(--b-spacer-030);
+  --b-data-grid-columns-select-column-all-padding-left: calc(var(--b-spacer-050) - var(--b-border-width-s));
   --b-data-grid-columns-select-column-gap: var(--b-spacer-020);
   --b-data-grid-columns-select-column-padding-right: var(--b-spacer-020);
-  --b-data-grid-columns-select-column-padding-left: calc(var(--b-spacer-040) - var(--b-border-width-s));
+  --b-data-grid-columns-select-column-padding-left: calc(var(--b-spacer-070) - var(--b-border-width-s));
   --b-data-grid-columns-frozen-z-index: var(--b-z-index-local-tier-2);
   --b-data-grid-columns-frozen-border-right-width: var(--b-border-width-s);
   --b-data-grid-columns-frozen-border-right-color: var(--b-color-separator-secondary);
@@ -1684,6 +1685,7 @@
   --b-data-grid-template-data-grid-columns-padding-right: var(--b-spacer-050);
   --b-data-grid-template-data-grid-columns-padding-left: var(--b-spacer-050);
   --b-data-grid-template-data-grid-filters-padding-right: var(--b-spacer-090);
+  --b-data-grid-template-data-grid-filters-padding-left: var(--b-spacer-090);
   --b-data-grid-template-tabs-padding: var(--b-spacer-000) var(--b-spacer-090);
   --b-data-grid-template-tabs-background-color: var(--b-color-background-primary);
   --b-data-grid-template-additional-content-z-index: var(--b-z-index-local-tier-2);

package/dist/timeline.js

@@ -1,4 +1,4 @@
-import { t, b as i, a, c as m, B as o, d as l } from "./chunks/timeline-item.VSw9vKdO.js";
+import { t, b as i, a, c as m, B as o, d as l } from "./chunks/timeline-item.CZBuknZ_.js";
 export {
   t as BentoTimeline,
   i as BentoTimelineGapUnit,

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "@adyen/bento-vue2",
-  "version": "1.75.0",
+  "version": "1.76.0",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -1939,14 +1939,14 @@
         },
         {
           "name": "bento-select-country-filter",
-          "description": "The Select Country filter displays a listbox of country items\npassed in the \"options.listboxItems\" property.",
+          "description": "The Select Tag filter displays a listbox of tag items\npassed in the \"options.listboxItems\" property.",
           "attributes": [
             {
               "name": "options",
-              "description": "List of options that are needed to setup the country filter\nAvailable options:\n  - multiple: If \"true\", the user will be able to select multiple items.\n  - listboxItems: The option elements to populate the filter with {@see BentoSelectCurrencyFilterOptions}",
+              "description": "List of options that are needed to setup the tag filter\nAvailable options:\n  - multiple: If \"true\", the user will be able to select multiple items.\n  - listboxItems: The option elements to populate the filter with {@see BentoSelectTagFilterOptions}",
               "value": {
                 "kind": "expression",
-                "type": "BentoSelectCurrencyFilterOptions"
+                "type": "BentoSelectTagFilterOptions"
               },
               "default": "undefined"
             }
@@ -1957,20 +1957,20 @@
             }
           ],
           "source": {
-            "module": "./src/components/filter-bar/components/select-filter/variants/select-currency-filter/select-currency-filter.vue",
+            "module": "./src/components/filter-bar/components/select-filter/variants/select-tag-filter/select-tag-filter.vue",
             "symbol": "default"
           }
         },
         {
-          "name": "bento-select-country-filter",
-          "description": "The Select Tag filter displays a listbox of tag items\npassed in the \"options.listboxItems\" property.",
+          "name": "bento-select-currency-filter",
+          "description": "The Select Country filter displays a listbox of country items\npassed in the \"options.listboxItems\" property.",
           "attributes": [
             {
               "name": "options",
-              "description": "List of options that are needed to setup the tag filter\nAvailable options:\n  - multiple: If \"true\", the user will be able to select multiple items.\n  - listboxItems: The option elements to populate the filter with {@see BentoSelectTagFilterOptions}",
+              "description": "List of options that are needed to setup the country filter\nAvailable options:\n  - multiple: If \"true\", the user will be able to select multiple items.\n  - listboxItems: The option elements to populate the filter with {@see BentoSelectCurrencyFilterOptions}",
               "value": {
                 "kind": "expression",
-                "type": "BentoSelectTagFilterOptions"
+                "type": "BentoSelectCurrencyFilterOptions"
               },
               "default": "undefined"
             }
@@ -1981,7 +1981,7 @@
             }
           ],
           "source": {
-            "module": "./src/components/filter-bar/components/select-filter/variants/select-tag-filter/select-tag-filter.vue",
+            "module": "./src/components/filter-bar/components/select-filter/variants/select-currency-filter/select-currency-filter.vue",
             "symbol": "default"
           }
         },
@@ -4772,6 +4772,14 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "data-grid-filtering-example",
+          "description": "",
+          "source": {
+            "module": "./src/components/data-grid/__tests__/data-grid-filtering-example.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "data-grid-fit-content-in-card-example",
           "description": "",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adyen/bento-vue2",
-  "version": "1.75.0",
+  "version": "1.76.0",
   "description": "Adyen Bento Vue2 components",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -19,7 +19,8 @@
     "./use-form-v4": {
       "types": "./dist/@types/use-form-v4.d.ts",
       "default": "./dist/use-form-v4.js"
-    }
+    },
+    "./package.json": "./dist/package.json"
   },
   "sideEffects": [
     "**/*.css"
@@ -37,7 +38,7 @@
     "@types/mdast": "3.0.15",
     "@types/unist": "2.0.11",
     "@vueuse/core": "11.3.0",
-    "date-fns": "2.28.0",
+    "date-fns": "4.1.0",
     "focus-lock": "0.11.0",
     "focus-trap": "7.6.4",
     "libphonenumber-js": "1.12.23",
@@ -47,7 +48,7 @@
     "unified": "11.0.5",
     "uuid": "11.0.5",
     "vue-demi": "0.14.10",
-    "@adyen/bento-design-tokens": "1.75.0"
+    "@adyen/bento-design-tokens": "1.76.0"
   },
   "dependenciesMeta": {
     "@adyen/bento-vue-i18n-demi": {
@@ -77,8 +78,6 @@
     "@codemirror/language-data": "6.4.0",
     "@codemirror/state": "6.4.0",
     "@codemirror/view": "6.36.1",
-    "@eslint/compat": "1.1.1",
-    "@eslint/js": "9.24.0",
     "@playwright/experimental-ct-vue2": "1.42.1",
     "@playwright/test": "1.42.1",
     "@storybook/addon-a11y": "7.6.20",
@@ -92,30 +91,21 @@
     "@storybook/theming": "7.6.20",
     "@storybook/vue": "7.6.20",
     "@storybook/vue-vite": "7.6.20",
-    "@stylistic/eslint-plugin-js": "4.4.1",
     "@testing-library/dom": "10.4.1",
     "@testing-library/jest-dom": "5.16.5",
     "@testing-library/user-event": "14.4.3",
     "@testing-library/vue": "5.9.0",
-    "@typescript-eslint/eslint-plugin": "8.26.0",
-    "@typescript-eslint/parser": "8.26.0",
-    "@typescript-eslint/typescript-estree": "8.30.1",
     "@vitejs/plugin-react": "4.3.1",
     "@vitejs/plugin-vue2": "2.3.1",
     "@vitest/coverage-v8": "2.1.9",
-    "@vitest/eslint-plugin": "1.1.25",
     "@vue-macros/better-define": "1.11.1",
     "@vue/test-utils": "1.3.4",
     "axe-core": "4.4.2",
     "codemirror-lang-csv": "0.1.1",
     "css-loader": "5.2.7",
     "dompurify": "3.2.5",
-    "eslint": "9.24.0",
-    "eslint-plugin-playwright": "2.2.0",
-    "eslint-plugin-scanjs-rules": "0.2.1",
-    "eslint-plugin-vue": "10.0.0",
-    "globals": "16.0.0",
-    "jiti": "2.4.2",
+    "fork-ts-checker-webpack-plugin": "6.5.2",
+    "html-webpack-plugin": "4.5.2",
     "magic-string": "0.30.14",
     "marked": "15.0.12",
     "react": "18.3.1",
@@ -126,7 +116,6 @@
     "shiki": "3.7.0",
     "tsc-alias": "1.8.11",
     "typescript": "5.6.3",
-    "typescript-eslint": "8.16.0",
     "vite": "5.4.21",
     "vite-plugin-dynamic-import": "1.5.0",
     "vite-plugin-static-copy": "0.15.0",
@@ -134,21 +123,21 @@
     "vue": "2.7.16",
     "vue-demi": "0.14.10",
     "vue-docgen-web-types": "0.1.8",
-    "vue-eslint-parser": "9.3.2",
     "vue-router": "3.6.4",
     "vue-style-loader": "4.1.3",
     "vue-template-compiler": "2.7.16",
     "vue-tsc": "1.0.24",
-    "@adyen/bento-cli": "0.6.3",
+    "@adyen/bento-cli": "0.7.0",
+    "@adyen/bento-tailwind": "0.7.0",
     "@adyen/bento-core": "0.0.1",
-    "@adyen/bento-tailwind": "0.6.3",
     "@adyen/bento-vue-i18n-demi": "0.1.0",
-    "@adyen/ui-assets-icons-16": "7.2.0",
-    "@adyen/ui-assets-payment-method-icons": "10.3.3"
+    "@adyen/ui-assets-icons-16": "7.3.0",
+    "@adyen/ui-assets-payment-method-icons": "10.4.0"
   },
   "optionalDependencies": {
     "vue-router": "~3.6"
   },
+  "generators": "./generators.json",
   "scripts": {
     "build": "pnpm run build:prod && pnpm run build:storybook",
     "build:lib": "vite --config vite.production.config.ts build",
@@ -168,10 +157,6 @@
     "clean:build": "rm -rf ./dist",
     "clean:storybook": "rm -rf ./storybook-static",
     "dev": "ts-node ./.storybook/start-storybook.ts",
-    "lint": "pnpm run lint:eslint && pnpm run lint:style",
-    "lint:eslint": "eslint src test --exit-on-fatal-error",
-    "lint:fix": "pnpm run lint:eslint --fix && pnpm run lint:style --fix",
-    "lint:style": "stylelint --allow-empty-input --config ../../.stylelintrc.js '**/*.scss'",
     "test": "TZ='Europe/Paris' vitest run --config ./vitest.config.ts",
     "test:changed": "TZ='Europe/Paris' vitest run --changed origin/main",
     "test:coverage": "pnpm run test --coverage",

package/dist/chunks/_commonjsHelpers.C6fGbg64.js

@@ -1,7 +0,0 @@
-function e(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
-}
-export {
-  e as g
-};
-//# sourceMappingURL=_commonjsHelpers.C6fGbg64.js.map

package/dist/chunks/_commonjsHelpers.C6fGbg64.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"_commonjsHelpers.C6fGbg64.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}