@adyen/bento-vue2 1.54.2 → 1.55.0

package/dist/inspector.js

@@ -1,4 +1,4 @@
-import { i as t, B as n } from "./chunks/inspector.types.Cmq6sdCz.js";
+import { i as t, B as n } from "./chunks/inspector.types.D1m792RZ.js";
 export {
   t as BentoInspector,
   n as BentoInspectorSizeOptions

package/dist/internal.js

@@ -1,17 +1,17 @@
-import { a as e, b as r, C as t, c as s, d as p } from "./chunks/calendar.D4dMXwc0.js";
-import { C as n, a as l } from "./chunks/copy.k18tXmP1.js";
-import { C as f } from "./chunks/controls-group.C-HKhH1m.js";
-import { B as I, b as m, a as E, D as T } from "./chunks/dialog-page.BfF5_hmG.js";
-import { E as d, F as N } from "./chunks/error-message.qHRfH-8Y.js";
-import { F as O } from "./chunks/fixed-scroller.BwvXYzE6.js";
+import { a as e, b as r, C as t, c as s, d as p } from "./chunks/calendar.C9bRwE-l.js";
+import { C as n, a as l } from "./chunks/copy.C7gFAgeL.js";
+import { C as f } from "./chunks/controls-group.B-JUz-ir.js";
+import { B as I, b as m, a as E, D as T } from "./chunks/dialog-page.C8iNK4bf.js";
+import { E as d, F as N } from "./chunks/error-message.7bsic_sK.js";
+import { F as O } from "./chunks/fixed-scroller.C7Eug22g.js";
 import { G as A, a as L } from "./chunks/grid-layout.HvTAa4to.js";
-import { I as c } from "./chunks/info-icon-with-popover.B4wYDzGz.js";
-import { b, c as g, u as y } from "./chunks/use-cached-selected-values.DHpjo2tV.js";
-import { L as F } from "./chunks/listbox-option-tag.BHI-8rRX.js";
-import { B as M } from "./chunks/teleport.BHfrns33.js";
-import { T as h } from "./chunks/tooltip.DOvci5lX.js";
-import { B as J } from "./chunks/button-actions-with-menu.mqNecwDb.js";
-import { f as R } from "./chunks/button-actions.XlUhz42n.js";
+import { I as c } from "./chunks/info-icon-with-popover.CdZ1_8hG.js";
+import { b, c as g, u as y } from "./chunks/use-cached-selected-values.D6lOsd0o.js";
+import { L as F } from "./chunks/listbox-option-tag.BSQ8bM-O.js";
+import { B as M } from "./chunks/teleport.5oodkxuB.js";
+import { T as h } from "./chunks/tooltip.CfER_5In.js";
+import { B as J } from "./chunks/button-actions-with-menu.BehknT6F.js";
+import { f as R } from "./chunks/button-actions.C5Dp4DeK.js";
 export {
   R as BUTTON_ACTIONS_WITH_MENU_CONTAINER_INJECTION_KEY,
   I as BentoDialogPageAnimation,

package/dist/menu.js

@@ -1,4 +1,4 @@
-import { B as o, a as t } from "./chunks/menu.BoxhffPs.js";
+import { B as o, a as t } from "./chunks/menu.DFatjXpw.js";
 export {
   o as BentoMenu,
   t as BentoMenuEvent

package/dist/modal-fullscreen.js

@@ -1,4 +1,4 @@
-import { m as o, B as a } from "./chunks/modal-fullscreen.E7e13pW9.js";
+import { m as o, B as a } from "./chunks/modal-fullscreen._NBj0IXu.js";
 export {
   o as BentoModalFullscreen,
   a as BentoModalFullscreenPage

package/dist/modal.js

@@ -1,5 +1,5 @@
-import { d as e, f as t, g as n, B as l, e as B, c as d, a as M, b as s } from "./chunks/base-modal.B4TNcOz9.js";
-import { B as i } from "./chunks/modal.n7b-ITaf.js";
+import { d as e, f as t, g as n, B as l, e as B, c as d, a as M, b as s } from "./chunks/base-modal.CEHMcrwC.js";
+import { B as i } from "./chunks/modal.CpZzd8fG.js";
 export {
   i as BentoModal,
   e as BentoModalColumnLayoutVariant,

package/dist/pagination.js

@@ -1,4 +1,4 @@
-import { B as n } from "./chunks/pagination.eAo5wz5D.js";
+import { B as n } from "./chunks/pagination.PQCpgVVF.js";
 export {
   n as BentoPagination
 };

package/dist/popover.js

@@ -1,4 +1,4 @@
-import { B as r, a as s } from "./chunks/popover.C4PNSrnW.js";
+import { B as r, a as s } from "./chunks/popover.BVLuUYSi.js";
 export {
   r as BentoPopover,
   s as BentoPopoverPositions

package/dist/popper-container.js

@@ -1,4 +1,4 @@
-import { P as n, c as a, d as i, a as r, b as p } from "./chunks/popper-container.DWY19wS0.js";
+import { P as n, c as a, d as i, a as r, b as p } from "./chunks/popper-container.DieshXa8.js";
 export {
   n as PopperContainer,
   a as PopperContainerAriaRole,

package/dist/promo-banner.js

@@ -1,4 +1,4 @@
-import { p as r, B as a, a as e } from "./chunks/promo-banner.DgCKKp6o.js";
+import { p as r, B as a, a as e } from "./chunks/promo-banner.C4jiwSeA.js";
 export {
   r as BentoPromoBanner,
   a as BentoPromoBannerColor,

package/dist/radio-group.js

@@ -1,4 +1,4 @@
-import { b as t, B as e, a as n } from "./chunks/radio-group.WbbrQhEO.js";
+import { b as t, B as e, a as n } from "./chunks/radio-group.BuKC_n23.js";
 import { R as B } from "./chunks/radio-input.uJAhxKRs.js";
 export {
   t as BentoRadioButton,

package/dist/search-bar.js

@@ -1,5 +1,5 @@
-import { B as r, b as t, a as B } from "./chunks/search-bar.C-DwowF7.js";
-import { u as o } from "./chunks/dropdown.CFBycvtL.js";
+import { B as r, b as t, a as B } from "./chunks/search-bar.BPnYyZ9S.js";
+import { u as o } from "./chunks/dropdown.DihPVajz.js";
 export {
   r as BentoSearchBar,
   t as BentoSearchBarEvent,

package/dist/secondary-nav.js

@@ -1,4 +1,4 @@
-import { s as e } from "./chunks/secondary-nav.CTeYViOR.js";
+import { s as e } from "./chunks/secondary-nav.CDykzeRU.js";
 export {
   e as BentoSecondaryNav
 };

package/dist/segmented-control.js

@@ -1,4 +1,4 @@
-import { B as t } from "./chunks/segmented-control.DGNMY2BP.js";
+import { B as t } from "./chunks/segmented-control.CCgCeLDQ.js";
 import { B as r } from "./chunks/segmented-control.types.BHRLV8KU.js";
 export {
   t as BentoSegmentedControl,

package/dist/selection-card.js

@@ -1,4 +1,4 @@
-import { B as t, s as a, a as n } from "./chunks/selection-card-group.BmKUEuny.js";
+import { B as t, s as a, a as n } from "./chunks/selection-card-group.Dj9wWfmY.js";
 export {
   t as BentoSelectionCard,
   a as BentoSelectionCardGroup,

package/dist/sidepanel.js

@@ -1,4 +1,4 @@
-import { a as n, B as o, s as t } from "./chunks/sidepanel.Bnw4accy.js";
+import { a as n, B as o, s as t } from "./chunks/sidepanel.DcBdDgec.js";
 export {
   n as BentoSidepanel,
   o as BentoSidepanelEvent,

package/dist/structured-list.js

@@ -1,4 +1,4 @@
-import { B as r, a as o } from "./chunks/structured-list-item.Co5P9bFC.js";
+import { B as r, a as o } from "./chunks/structured-list-item.w0GVxwQf.js";
 export {
   r as BentoStructuredList,
   o as BentoStructuredListItem

package/dist/styles/bento-dark.css

@@ -891,7 +891,7 @@
   --b-menu-item-icon-right-color: var(--b-color-label-primary);
   --b-menu-item-icon-left-padding: var(--b-spacer-070);
   --b-menu-item-secondary-text-padding-left: var(--b-spacer-070);
-  --inverse: {color.label.inverse.primary};
+  --b-menu-item-secondary-text-color-inverse: var(--b-color-label-inverse-primary);
   --b-menu-item-secondary-text-color: var(--b-color-label-secondary);
   --b-menu-item-hover-critical-color-inverse: var(--b-color-label-inverse-critical-hover);
   --b-menu-item-hover-critical-color: var(--b-color-label-critical-hover);
@@ -1241,8 +1241,7 @@
   --b-filter-bar-z-index: var(--b-z-index-global-elevated);
   --b-filter-bar-padding-right: var(--b-spacer-070);
   --b-filter-bar-gap: var(--b-spacer-040);
-  --b-filter-bar-button-secondary-label-hover-color: var(--b-color-label-inverse-primary);
-  --b-filter-bar-button-secondary-label-color: var(--b-color-label-inverse-primary);
+  --b-filter-bar-button-secondary-label-color: var(--b-color-label-primary);
   --b-filter-bar-button-label-container-gap: var(--b-spacer-020);
   --b-filter-bar-button-hover-color: var(--b-color-label-secondary);
   --b-filter-bar-button-hover-background-color: var(--b-color-background-primary-hover);
@@ -1487,6 +1486,7 @@
   --b-data-grid-select-cell-margin-left: var(--b-spacer-040);
   --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-row-actions-padding: 0 var(--b-spacer-060);
   --b-data-grid-cell-actions-padding: 0 var(--b-spacer-070) 0 0;
   --b-data-grid-cell-actions-gap: var(--b-spacer-040);
   --b-data-grid-cell-actions-background-gradient-width: var(--b-spacer-100);
@@ -1497,6 +1497,10 @@
   --b-data-grid-cell-padding: 14px var(--b-spacer-070);
   --b-data-grid-cell-border: var(--b-border-width-s) solid var(--b-color-separator-primary);
   --b-data-grid-cell-background-color: var(--b-color-background-primary);
+  --b-data-grid-row-row-actions-container-row-actions-menu-open-z-index: var(--b-z-index-local-tier-3);
+  --b-data-grid-row-row-actions-container-hover-z-index: var(--b-z-index-local-tier-2);
+  --b-data-grid-row-row-actions-container-z-index: var(--b-z-index-local-tier-1);
+  --b-data-grid-row-row-actions-container-background-color: var(--b-color-background-primary);
   --b-data-grid-row-nested-row-hover: var(--b-color-background-secondary-hover);
   --b-data-grid-row-nested-row-background-color: var(--b-color-background-secondary);
   --b-data-grid-row-nested-slot-background-color: var(--b-color-background-secondary);
@@ -1575,7 +1579,7 @@
   --b-dashboard-section-content-gap: var(--b-spacer-100);
   --b-dashboard-section-gap: var(--b-spacer-060);
   --b-dashboard-template-sticky-border-border-bottom: var(--b-border-width-s) solid var(--b-color-separator-primary);
-  --b-dashboard-template-sticky-items-z-index: var(--b-z-index-local-tier-1);
+  --b-dashboard-template-sticky-items-z-index: var(--b-z-index-local-tier-3);
   --b-dashboard-template-sticky-items-spacing: var(--b-spacer-070);
   --b-dashboard-template-sticky-items-background-color: var(--b-color-background-primary);
   --b-dashboard-template-top-section-gap: var(--b-spacer-040);

package/dist/styles/bento-light.css

@@ -890,7 +890,7 @@
   --b-menu-item-icon-right-color: var(--b-color-label-primary);
   --b-menu-item-icon-left-padding: var(--b-spacer-070);
   --b-menu-item-secondary-text-padding-left: var(--b-spacer-070);
-  --inverse: {color.label.inverse.primary};
+  --b-menu-item-secondary-text-color-inverse: var(--b-color-label-inverse-primary);
   --b-menu-item-secondary-text-color: var(--b-color-label-secondary);
   --b-menu-item-hover-critical-color-inverse: var(--b-color-label-inverse-critical-hover);
   --b-menu-item-hover-critical-color: var(--b-color-label-critical-hover);
@@ -1240,8 +1240,7 @@
   --b-filter-bar-z-index: var(--b-z-index-global-elevated);
   --b-filter-bar-padding-right: var(--b-spacer-070);
   --b-filter-bar-gap: var(--b-spacer-040);
-  --b-filter-bar-button-secondary-label-hover-color: var(--b-color-label-inverse-primary);
-  --b-filter-bar-button-secondary-label-color: var(--b-color-label-inverse-primary);
+  --b-filter-bar-button-secondary-label-color: var(--b-color-label-primary);
   --b-filter-bar-button-label-container-gap: var(--b-spacer-020);
   --b-filter-bar-button-hover-color: var(--b-color-label-secondary);
   --b-filter-bar-button-hover-background-color: var(--b-color-background-primary-hover);
@@ -1486,6 +1485,7 @@
   --b-data-grid-select-cell-margin-left: var(--b-spacer-040);
   --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-row-actions-padding: 0 var(--b-spacer-060);
   --b-data-grid-cell-actions-padding: 0 var(--b-spacer-070) 0 0;
   --b-data-grid-cell-actions-gap: var(--b-spacer-040);
   --b-data-grid-cell-actions-background-gradient-width: var(--b-spacer-100);
@@ -1495,6 +1495,10 @@
   --b-data-grid-cell-padding: 14px var(--b-spacer-070);
   --b-data-grid-cell-border: var(--b-border-width-s) solid var(--b-color-separator-primary);
   --b-data-grid-cell-background-color: var(--b-color-background-primary);
+  --b-data-grid-row-row-actions-container-row-actions-menu-open-z-index: var(--b-z-index-local-tier-3);
+  --b-data-grid-row-row-actions-container-hover-z-index: var(--b-z-index-local-tier-2);
+  --b-data-grid-row-row-actions-container-z-index: var(--b-z-index-local-tier-1);
+  --b-data-grid-row-row-actions-container-background-color: var(--b-color-background-primary);
   --b-data-grid-row-nested-row-hover: var(--b-color-background-secondary-hover);
   --b-data-grid-row-nested-row-background-color: var(--b-color-background-secondary);
   --b-data-grid-row-nested-slot-background-color: var(--b-color-background-secondary);
@@ -1573,7 +1577,7 @@
   --b-dashboard-section-content-gap: var(--b-spacer-100);
   --b-dashboard-section-gap: var(--b-spacer-060);
   --b-dashboard-template-sticky-border-border-bottom: var(--b-border-width-s) solid var(--b-color-separator-primary);
-  --b-dashboard-template-sticky-items-z-index: var(--b-z-index-local-tier-1);
+  --b-dashboard-template-sticky-items-z-index: var(--b-z-index-local-tier-3);
   --b-dashboard-template-sticky-items-spacing: var(--b-spacer-070);
   --b-dashboard-template-sticky-items-background-color: var(--b-color-background-primary);
   --b-dashboard-template-top-section-gap: var(--b-spacer-040);

package/dist/styles/bento.css

@@ -890,7 +890,7 @@
   --b-menu-item-icon-right-color: var(--b-color-label-primary);
   --b-menu-item-icon-left-padding: var(--b-spacer-070);
   --b-menu-item-secondary-text-padding-left: var(--b-spacer-070);
-  --inverse: {color.label.inverse.primary};
+  --b-menu-item-secondary-text-color-inverse: var(--b-color-label-inverse-primary);
   --b-menu-item-secondary-text-color: var(--b-color-label-secondary);
   --b-menu-item-hover-critical-color-inverse: var(--b-color-label-inverse-critical-hover);
   --b-menu-item-hover-critical-color: var(--b-color-label-critical-hover);
@@ -1240,8 +1240,7 @@
   --b-filter-bar-z-index: var(--b-z-index-global-elevated);
   --b-filter-bar-padding-right: var(--b-spacer-070);
   --b-filter-bar-gap: var(--b-spacer-040);
-  --b-filter-bar-button-secondary-label-hover-color: var(--b-color-label-inverse-primary);
-  --b-filter-bar-button-secondary-label-color: var(--b-color-label-inverse-primary);
+  --b-filter-bar-button-secondary-label-color: var(--b-color-label-primary);
   --b-filter-bar-button-label-container-gap: var(--b-spacer-020);
   --b-filter-bar-button-hover-color: var(--b-color-label-secondary);
   --b-filter-bar-button-hover-background-color: var(--b-color-background-primary-hover);
@@ -1486,6 +1485,7 @@
   --b-data-grid-select-cell-margin-left: var(--b-spacer-040);
   --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-row-actions-padding: 0 var(--b-spacer-060);
   --b-data-grid-cell-actions-padding: 0 var(--b-spacer-070) 0 0;
   --b-data-grid-cell-actions-gap: var(--b-spacer-040);
   --b-data-grid-cell-actions-background-gradient-width: var(--b-spacer-100);
@@ -1495,6 +1495,10 @@
   --b-data-grid-cell-padding: 14px var(--b-spacer-070);
   --b-data-grid-cell-border: var(--b-border-width-s) solid var(--b-color-separator-primary);
   --b-data-grid-cell-background-color: var(--b-color-background-primary);
+  --b-data-grid-row-row-actions-container-row-actions-menu-open-z-index: var(--b-z-index-local-tier-3);
+  --b-data-grid-row-row-actions-container-hover-z-index: var(--b-z-index-local-tier-2);
+  --b-data-grid-row-row-actions-container-z-index: var(--b-z-index-local-tier-1);
+  --b-data-grid-row-row-actions-container-background-color: var(--b-color-background-primary);
   --b-data-grid-row-nested-row-hover: var(--b-color-background-secondary-hover);
   --b-data-grid-row-nested-row-background-color: var(--b-color-background-secondary);
   --b-data-grid-row-nested-slot-background-color: var(--b-color-background-secondary);
@@ -1573,7 +1577,7 @@
   --b-dashboard-section-content-gap: var(--b-spacer-100);
   --b-dashboard-section-gap: var(--b-spacer-060);
   --b-dashboard-template-sticky-border-border-bottom: var(--b-border-width-s) solid var(--b-color-separator-primary);
-  --b-dashboard-template-sticky-items-z-index: var(--b-z-index-local-tier-1);
+  --b-dashboard-template-sticky-items-z-index: var(--b-z-index-local-tier-3);
   --b-dashboard-template-sticky-items-spacing: var(--b-spacer-070);
   --b-dashboard-template-sticky-items-background-color: var(--b-color-background-primary);
   --b-dashboard-template-top-section-gap: var(--b-spacer-040);

package/dist/styles/legacy.css

@@ -862,7 +862,6 @@
   --b-menu-item-icon-right-color: var(--b-color-label-primary);
   --b-menu-item-icon-left-padding: var(--b-spacer-070);
   --b-menu-item-secondary-text-padding-left: var(--b-spacer-070);
-  --inverse: {color.label.inverse.primary};
   --b-menu-item-secondary-text-color: var(--b-color-label-secondary);
   --b-menu-item-hover-critical-color-inverse: var(--b-color-label-inverse-critical-hover);
   --b-menu-item-hover-critical-color: var(--b-color-label-critical-hover);
@@ -1191,7 +1190,6 @@
   --b-filter-bar-z-index: var(--b-z-index-global-elevated);
   --b-filter-bar-padding-right: var(--b-spacer-070);
   --b-filter-bar-gap: var(--b-spacer-040);
-  --b-filter-bar-button-secondary-label-hover-color: var(--b-color-grey-50);
   --b-filter-bar-button-secondary-label-padding: var(--b-spacer-010) var(--b-spacer-030);
   --b-filter-bar-button-secondary-label-color: var(--b-color-grey-90);
   --b-filter-bar-button-secondary-label-border-radius: var(--b-border-radius-s);
@@ -1204,7 +1202,6 @@
   --b-filter-bar-button-counter-filter-open-background-color: var(--b-color-background-tertiary-active);
   --b-filter-bar-button-counter-filter-open-color: var(--b-color-label-primary);
   --b-filter-bar-button-counter-hover-background-color: var(--b-color-grey-0);
-  --b-filter-bar-button-counter-hover-color: var(--b-color-grey-50);
   --b-filter-bar-button-counter-disabled-color: var(--b-color-grey-30);
   --b-filter-bar-button-counter-disabled-background-color: var(--b-color-grey-0);
   --b-filter-bar-button-counter-padding: var(--b-spacer-010) var(--b-spacer-030);
@@ -1236,7 +1233,6 @@
   --b-filter-bar-button-applied-background-color: var(--b-color-background-inverse-secondary);
   --b-filter-bar-button-attention-outline: 0.5px solid var(--b-color-outline-secondary-active);
   --b-filter-bar-button-attention-border: var(--b-border-width-s) solid var(--b-color-outline-secondary-active);
-  --b-filter-bar-button-active-background-color: var(--b-color-grey-10);
   --b-filter-bar-button-active-border: var(--b-border-width-s) solid var(--b-color-outline-secondary-active);
   --b-filter-bar-button-color: var(--b-color-grey-90);
   --b-filter-bar-button-border-radius: var(--b-border-radius-m);
@@ -1436,6 +1432,7 @@
   --b-data-grid-select-cell-margin-left: var(--b-spacer-040);
   --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-row-actions-padding: 0 var(--b-spacer-060);
   --b-data-grid-cell-actions-padding: 0 var(--b-spacer-070) 0 0;
   --b-data-grid-cell-actions-gap: var(--b-spacer-040);
   --b-data-grid-cell-actions-background-gradient-width: var(--b-spacer-100);
@@ -1445,6 +1442,9 @@
   --b-data-grid-cell-hover-padding: var(--b-spacer-070) 7px var(--b-spacer-070) 15px;
   --b-data-grid-cell-padding: var(--b-spacer-070) var(--b-spacer-040) var(--b-spacer-070) var(--b-spacer-070);
   --b-data-grid-cell-border: var(--b-border-width-s) solid var(--b-color-separator-primary);
+  --b-data-grid-row-row-actions-container-row-actions-menu-open-z-index: var(--b-z-index-local-tier-3);
+  --b-data-grid-row-row-actions-container-hover-z-index: var(--b-z-index-local-tier-2);
+  --b-data-grid-row-row-actions-container-z-index: var(--b-z-index-local-tier-1);
   --b-data-grid-row-nested-row-hover: var(--b-color-background-secondary-hover);
   --b-data-grid-row-nested-row-background-color: var(--b-color-background-secondary);
   --b-data-grid-row-nested-slot-background-color: var(--b-color-background-secondary);
@@ -1515,7 +1515,7 @@
   --b-dashboard-section-content-gap: var(--b-spacer-100);
   --b-dashboard-section-gap: var(--b-spacer-060);
   --b-dashboard-template-sticky-border-border-bottom: var(--b-border-width-s) solid var(--b-color-separator-primary);
-  --b-dashboard-template-sticky-items-z-index: var(--b-z-index-local-tier-1);
+  --b-dashboard-template-sticky-items-z-index: var(--b-z-index-local-tier-3);
   --b-dashboard-template-sticky-items-spacing: var(--b-spacer-070);
   --b-dashboard-template-top-section-gap: var(--b-spacer-040);
   --b-dashboard-template-header-padding-bottom: var(--b-spacer-040);
@@ -2023,6 +2023,7 @@
   --b-menu-submenu-background-color: var(--b-color-background-modal);
   --b-menu-item-list-background-color: var(--b-color-background-modal);
   --b-menu-item-icon-right-color-inverse: var(--b-color-label-inverse-primary);
+  --b-menu-item-secondary-text-color-inverse: var(--b-color-label-inverse-primary);
   --b-menu-item-hover-background-color: var(--b-color-neutral-10);
   --b-menu-item-focus-background-color: var(--b-color-neutral-20);
   --b-menu-item-color-inverse: var(--b-color-label-inverse-primary);
@@ -2055,6 +2056,7 @@
   --b-filter-button-background-color: var(--b-color-background-primary);
   --b-filter-bar-all-filters-modal-filters-title-color: var(--b-color-neutral-70);
   --b-filter-bar-persistent-filters-border-color: var(--b-color-neutral-10);
+  --b-filter-bar-button-counter-hover-color: var(--b-color-label-inverse-primary);
   --b-filter-bar-button-applied-filter-open-color: var(--b-color-label-inverse-primary);
   --b-filter-bar-button-applied-hover-color: var(--b-color-label-inverse-primary);
   --b-filter-bar-button-applied-color: var(--b-color-label-inverse-primary);
@@ -2072,6 +2074,7 @@
   --b-data-grid-footer-background-color: var(--b-color-background-primary);
   --b-data-grid-cell-actions-background-gradient-background: var(--b-gradient-data-grid-hover);
   --b-data-grid-cell-background-color: var(--b-color-background-primary);
+  --b-data-grid-row-row-actions-container-background-color: var(--b-color-background-primary);
   --b-data-grid-row-disabled-color: var(--b-color-neutral-40);
   --b-data-grid-row-hover-background-color: var(--b-color-neutral-10);
   --b-data-grid-row-border-color: var(--b-color-neutral-20);

package/dist/styles/styleguide.css

@@ -945,7 +945,7 @@
   --b-menu-item-icon-right-color: var(--b-color-label-primary);
   --b-menu-item-icon-left-padding: var(--b-spacer-070);
   --b-menu-item-secondary-text-padding-left: var(--b-spacer-070);
-  --inverse: {color.label.inverse.primary};
+  --b-menu-item-secondary-text-color-inverse: var(--b-color-label-inverse-primary);
   --b-menu-item-secondary-text-color: var(--b-color-label-secondary);
   --b-menu-item-hover-critical-color-inverse: var(--b-color-label-inverse-critical-hover);
   --b-menu-item-hover-critical-color: var(--b-color-label-critical-hover);
@@ -1295,8 +1295,7 @@
   --b-filter-bar-z-index: var(--b-z-index-global-elevated);
   --b-filter-bar-padding-right: var(--b-spacer-070);
   --b-filter-bar-gap: var(--b-spacer-040);
-  --b-filter-bar-button-secondary-label-hover-color: var(--b-color-label-inverse-primary);
-  --b-filter-bar-button-secondary-label-color: var(--b-color-label-inverse-primary);
+  --b-filter-bar-button-secondary-label-color: var(--b-color-label-primary);
   --b-filter-bar-button-label-container-gap: var(--b-spacer-020);
   --b-filter-bar-button-hover-color: var(--b-color-label-secondary);
   --b-filter-bar-button-hover-background-color: var(--b-color-background-primary-hover);
@@ -1541,6 +1540,7 @@
   --b-data-grid-select-cell-margin-left: var(--b-spacer-040);
   --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-row-actions-padding: 0 var(--b-spacer-060);
   --b-data-grid-cell-actions-padding: 0 var(--b-spacer-070) 0 0;
   --b-data-grid-cell-actions-gap: var(--b-spacer-040);
   --b-data-grid-cell-actions-background-gradient-width: var(--b-spacer-100);
@@ -1550,6 +1550,10 @@
   --b-data-grid-cell-padding: 14px var(--b-spacer-070);
   --b-data-grid-cell-border: var(--b-border-width-s) solid var(--b-color-separator-primary);
   --b-data-grid-cell-background-color: var(--b-color-background-primary);
+  --b-data-grid-row-row-actions-container-row-actions-menu-open-z-index: var(--b-z-index-local-tier-3);
+  --b-data-grid-row-row-actions-container-hover-z-index: var(--b-z-index-local-tier-2);
+  --b-data-grid-row-row-actions-container-z-index: var(--b-z-index-local-tier-1);
+  --b-data-grid-row-row-actions-container-background-color: var(--b-color-background-primary);
   --b-data-grid-row-nested-row-hover: var(--b-color-background-secondary-hover);
   --b-data-grid-row-nested-row-background-color: var(--b-color-background-secondary);
   --b-data-grid-row-nested-slot-background-color: var(--b-color-background-secondary);
@@ -1628,7 +1632,7 @@
   --b-dashboard-section-content-gap: var(--b-spacer-100);
   --b-dashboard-section-gap: var(--b-spacer-060);
   --b-dashboard-template-sticky-border-border-bottom: var(--b-border-width-s) solid var(--b-color-separator-primary);
-  --b-dashboard-template-sticky-items-z-index: var(--b-z-index-local-tier-1);
+  --b-dashboard-template-sticky-items-z-index: var(--b-z-index-local-tier-3);
   --b-dashboard-template-sticky-items-spacing: var(--b-spacer-070);
   --b-dashboard-template-sticky-items-background-color: var(--b-color-background-primary);
   --b-dashboard-template-top-section-gap: var(--b-spacer-040);

package/dist/summary-grid.js

@@ -1,4 +1,4 @@
-import { s as r, a as t, e as a, b as o, c as i, B as n, d as u, f as d } from "./chunks/summary-grid.types.egM7irBt.js";
+import { s as r, a as t, e as a, b as o, c as i, B as n, d as u, f as d } from "./chunks/summary-grid.types.DoD7Ls0O.js";
 export {
   r as BentoSummaryGrid,
   t as BentoSummaryGridItemAmount,

package/dist/tabs.js

@@ -1,4 +1,4 @@
-import { B as e, a as s } from "./chunks/tabs.C8CgvNt4.js";
+import { B as e, a as s } from "./chunks/tabs.T3A3YNdF.js";
 export {
   e as BentoTab,
   s as BentoTabs

package/dist/tag.js

@@ -1,4 +1,4 @@
-import { B as t, a as e } from "./chunks/tag.CyspYb1E.js";
+import { B as t, a as e } from "./chunks/tag.C7ATWnRW.js";
 export {
   t as BentoTag,
   e as BentoTagVariant

package/dist/textarea.js

@@ -1,4 +1,4 @@
-import { B as o } from "./chunks/textarea.CC8esIW6.js";
+import { B as o } from "./chunks/textarea.CrPdkIGL.js";
 export {
   o as BentoTextarea
 };

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.Byorbxmc.js";
+import { t, b as i, a, c as m, B as o, d as l } from "./chunks/timeline-item.B6XTUyr8.js";
 export {
   t as BentoTimeline,
   i as BentoTimelineGapUnit,

package/dist/toast.js

@@ -1,4 +1,4 @@
-import { t as a } from "./chunks/toast.DqSWycRO.js";
+import { t as a } from "./chunks/toast.CjJW9t4G.js";
 export {
   a as BentoToast
 };

package/dist/tutorial.js

@@ -1,4 +1,4 @@
-import { t as r } from "./chunks/tutorial.QwHbq1FO.js";
+import { t as r } from "./chunks/tutorial.CTzjDY6m.js";
 export {
   r as BentoTutorial
 };

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "@adyen/bento-vue2",
-  "version": "1.54.2",
+  "version": "1.55.0",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -2040,6 +2040,15 @@
                 "type": "boolean"
               },
               "default": "false"
+            },
+            {
+              "name": "tabindex",
+              "description": "Category's tabindex",
+              "value": {
+                "kind": "expression",
+                "type": "number"
+              },
+              "default": "-1"
             }
           ],
           "slots": [
@@ -4326,6 +4335,15 @@
               },
               "default": "(item: BentoDatagridDataItem) => item.id"
             },
+            {
+              "name": "rowActions",
+              "description": "Row actions propery that generates which button to show in row actions area",
+              "value": {
+                "kind": "expression",
+                "type": "BentoDataGridRowActionsProp"
+              },
+              "default": "undefined"
+            },
             {
               "name": "hasResizableColumns",
               "description": "If resize is enabled",
@@ -4761,17 +4779,35 @@
               "description": "Column definitions using 'key' to relate to data object.",
               "value": {
                 "kind": "expression",
-                "type": "BentoColumnCellActionsProp"
+                "type": "BentoColumnCellActionsProp | BentoDataGridRowActionsProp"
               }
             },
             {
               "name": "columnKey",
-              "required": true,
               "description": "The column field key.",
               "value": {
                 "kind": "expression",
                 "type": "string"
-              }
+              },
+              "default": "undefined"
+            },
+            {
+              "name": "hasRightOverflow",
+              "description": "Set to true if the datagrid has been scrolled and the right side has overflowing space.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "teleportMenu",
+              "description": "Set if set to true will teleport the action menu component",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
             },
             {
               "name": "rowDataItem",
@@ -4785,7 +4821,15 @@
           ],
           "events": [
             {
-              "name": "menu-item-click-close",
+              "name": "menu-open",
+              "description": "Emits when a cell actions menu is opened"
+            },
+            {
+              "name": "menu-close",
+              "description": "Emits when a cell actions menu is closed"
+            },
+            {
+              "name": "menu-item-click",
               "description": "Emits when a cell actions menu button closes due to a menu item click"
             }
           ],
@@ -5031,6 +5075,15 @@
           "name": "data-grid-row",
           "description": "",
           "attributes": [
+            {
+              "name": "rowActions",
+              "description": "Row actions property that generates which button to show in row actions area",
+              "value": {
+                "kind": "expression",
+                "type": "BentoDataGridRowActionsProp"
+              },
+              "default": "undefined"
+            },
             {
               "name": "allowRowClicks",
               "description": "When true, will emit a 'rowClick' event when a row is clicked. Will add cursor: pointer to rows.",
@@ -5112,6 +5165,15 @@
               },
               "default": "false"
             },
+            {
+              "name": "hasRightOverflow",
+              "description": "Set to true if the datagrid has been scrolled and the right side has overflowing space.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
             {
               "name": "highlightedRows",
               "description": "Highlighted row IDs.",
@@ -5175,6 +5237,15 @@
               },
               "default": "false"
             },
+            {
+              "name": "rowActionsMaximumWidth",
+              "description": "The maximum width of the row actions in all rows",
+              "value": {
+                "kind": "expression",
+                "type": "number"
+              },
+              "default": "0"
+            },
             {
               "name": "rowData",
               "required": true,
@@ -9310,6 +9381,15 @@
               },
               "default": "false"
             },
+            {
+              "name": "focusedIndex",
+              "description": "Current focused option index",
+              "value": {
+                "kind": "expression",
+                "type": "number"
+              },
+              "default": "0"
+            },
             {
               "name": "isOptionDisabled",
               "description": "Function that allows the options to be disabled",