@adyen/bento-vue3 1.54.2 → 1.55.0

package/dist/info-icon.js

@@ -1,4 +1,4 @@
-import { B as e } from "./chunks/info-icon.Bomzzcc5.js";
+import { B as e } from "./chunks/info-icon.7uhGVIn5.js";
 export {
   e as BentoInfoIcon
 };

package/dist/input-field-password.js

@@ -1,4 +1,4 @@
-import { i as a, m as s, r as i, b as c, c as u, a as o } from "./chunks/input-field-password.DXIJ0Z3R.js";
+import { i as a, m as s, r as i, b as c, c as u, a as o } from "./chunks/input-field-password.CWr26esx.js";
 export {
   a as BentoInputFieldPassword,
   s as minLength,

package/dist/input-field-phone-number.js

@@ -1,4 +1,4 @@
-import { i as n } from "./chunks/input-field-phone-number.KS95qk92.js";
+import { i as n } from "./chunks/input-field-phone-number.zf8WxBCn.js";
 export {
   n as BentoInputFieldPhoneNumber
 };

package/dist/input-field.js

@@ -1,4 +1,4 @@
-import { B as n, b as a, e as o, c as i, d as s, a as l } from "./chunks/input-field.DcudjNKs.js";
+import { B as n, b as a, e as o, c as i, d as s, a as l } from "./chunks/input-field.CR262X1w.js";
 export {
   n as BentoInputField,
   a as BentoInputFieldElementPosition,

package/dist/inspector.js

@@ -1,4 +1,4 @@
-import { i as t, B as n } from "./chunks/inspector.types.Fs9URmPq.js";
+import { i as t, B as n } from "./chunks/inspector.types.YK45k4D_.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.BRsV4rkQ.js";
-import { C as n, a as l } from "./chunks/copy.CFhrpASp.js";
-import { C as f } from "./chunks/controls-group.DcbOWqxA.js";
-import { B as I, b as m, a as E, D as T } from "./chunks/dialog-page.CXQafL9G.js";
-import { E as d, F as N } from "./chunks/error-message.DH8Er2JS.js";
-import { F as O } from "./chunks/fixed-scroller.Bfk75Nei.js";
+import { a as e, b as r, C as t, c as s, d as p } from "./chunks/calendar.CNt90BvO.js";
+import { C as n, a as l } from "./chunks/copy.MId-I684.js";
+import { C as f } from "./chunks/controls-group.DJqvAWte.js";
+import { B as I, b as m, a as E, D as T } from "./chunks/dialog-page.BRlAYf5w.js";
+import { E as d, F as N } from "./chunks/error-message.CMgsMDny.js";
+import { F as O } from "./chunks/fixed-scroller.BNP4SR5J.js";
 import { G as A, a as L } from "./chunks/grid-layout.BTLE3rac.js";
-import { I as c } from "./chunks/info-icon-with-popover.CBi7CmUZ.js";
-import { b, c as g, u as y } from "./chunks/use-cached-selected-values.DGfnlqdi.js";
-import { L as F } from "./chunks/listbox-option-tag.CqnkZr9x.js";
-import { B as M } from "./chunks/teleport.DfTpEQBR.js";
-import { T as h } from "./chunks/tooltip.CyQxprBQ.js";
-import { B as J } from "./chunks/button-actions-with-menu.CcoKss9T.js";
-import { f as R } from "./chunks/button-actions.CdlXZ29B.js";
+import { I as c } from "./chunks/info-icon-with-popover.CXaaxjeT.js";
+import { b, c as g, u as y } from "./chunks/use-cached-selected-values.CQKeFUJd.js";
+import { L as F } from "./chunks/listbox-option-tag.BJh2kEN1.js";
+import { B as M } from "./chunks/teleport.zSiKZmRE.js";
+import { T as h } from "./chunks/tooltip.BkBDReK0.js";
+import { B as J } from "./chunks/button-actions-with-menu.DQRTu42W.js";
+import { f as R } from "./chunks/button-actions.N99QthUv.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.P_KG1J8b.js";
+import { B as o, a as t } from "./chunks/menu.CVMSGvtb.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.DxuMKagz.js";
+import { m as o, B as a } from "./chunks/modal-fullscreen.Cqlf6PWo.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 d, c as B, a as M, b as s } from "./chunks/base-modal.BegK8cPb.js";
-import { _ as i } from "./chunks/modal.vue_vue_type_script_setup_true_lang.DfzxXSwn.js";
+import { d as e, f as t, g as n, B as l, e as d, c as B, a as M, b as s } from "./chunks/base-modal.DZy1WuJs.js";
+import { _ as i } from "./chunks/modal.vue_vue_type_script_setup_true_lang.dXxru4S9.js";
 export {
   i as BentoModal,
   e as BentoModalColumnLayoutVariant,

package/dist/pagination.js

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

package/dist/popover.js

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

package/dist/popper-container.js

@@ -1,4 +1,4 @@
-import { P as r } from "./chunks/popper-container.DnlxQ9eS.js";
+import { P as r } from "./chunks/popper-container.CDsbQiOS.js";
 import { b as a, c as i, P as p, a as t } from "./chunks/popper-container.types.BCZMbVFD.js";
 export {
   r as PopperContainer,

package/dist/promo-banner.js

@@ -1,4 +1,4 @@
-import { p as r, B as a, a as e } from "./chunks/promo-banner.CN-TTSov.js";
+import { p as r, B as a, a as e } from "./chunks/promo-banner.ZCfJQh-S.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.Vm-hmL1q.js";
+import { b as t, B as e, a as n } from "./chunks/radio-group.Tgf3BF5X.js";
 import { R as B } from "./chunks/radio-input.DKfQGxtp.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.SNqRBGY7.js";
-import { u as o } from "./chunks/dropdown.BAwhx8jI.js";
+import { B as r, b as t, a as B } from "./chunks/search-bar.CTn5DIQZ.js";
+import { u as o } from "./chunks/dropdown.CQvyjn6d.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.DKXHuspN.js";
+import { s as e } from "./chunks/secondary-nav.CnE-aV2P.js";
 export {
   e as BentoSecondaryNav
 };

package/dist/segmented-control.js

@@ -1,4 +1,4 @@
-import { B as t } from "./chunks/segmented-control.DBy-nbYM.js";
+import { B as t } from "./chunks/segmented-control.Dg_ktsiS.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.D9dyC6Z_.js";
+import { B as t, s as a, a as n } from "./chunks/selection-card-group.C2OFZgKd.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.Ds2CCG9L.js";
+import { a as n, B as o, s as t } from "./chunks/sidepanel.Drn-lKR3.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.CygGTBVl.js";
+import { B as r, a as o } from "./chunks/structured-list-item.CWiwoP5F.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, d as a, _ as o, b as i, B as n, c as u, e as d } from "./chunks/summary-grid.types.DzvuP-NU.js";
+import { s as r, a as t, d as a, _ as o, b as i, B as n, c as u, e as d } from "./chunks/summary-grid.types.DOYW579A.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.B8BRqQpv.js";
+import { B as e, a as s } from "./chunks/tabs.DZk78MLK.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.C4SGN5Eb.js";
+import { B as t, a as e } from "./chunks/tag.CmYkknFj.js";
 export {
   t as BentoTag,
   e as BentoTagVariant

package/dist/textarea.js

@@ -1,4 +1,4 @@
-import { B as o } from "./chunks/textarea.bQwvvIkq.js";
+import { B as o } from "./chunks/textarea.CR7su54i.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.Bxt_pNII.js";
+import { t, b as i, a, c as m, B as o, d as l } from "./chunks/timeline-item.BhQp0ICP.js";
 export {
   t as BentoTimeline,
   i as BentoTimelineGapUnit,

package/dist/toast.js

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

package/dist/tutorial.js

@@ -1,4 +1,4 @@
-import { _ as t } from "./chunks/tutorial.vue_vue_type_script_setup_true_lang.BtVT3Ltg.js";
+import { _ as t } from "./chunks/tutorial.vue_vue_type_script_setup_true_lang.ENhKvQLv.js";
 export {
   t as BentoTutorial
 };

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "@adyen/bento-vue3",
-  "version": "1.54.2",
+  "version": "1.55.0",
   "contributions": {
     "html": {
       "description-markup": "markdown",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adyen/bento-vue3",
-  "version": "1.54.2",
+  "version": "1.55.0",
   "description": "Adyen Bento Vue 3 components",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -37,7 +37,7 @@
     "mime": "4.0.6",
     "uuid": "11.0.5",
     "vue-demi": "0.14.10",
-    "@adyen/bento-design-tokens": "1.54.2"
+    "@adyen/bento-design-tokens": "1.55.0"
   },
   "peerDependencies": {
     "vue": "^3.2.47",
@@ -113,9 +113,9 @@
     "vue-router": "~4.1",
     "vue-style-loader": "4.1.3",
     "vue-tsc": "1.0.24",
-    "@adyen/bento-tailwind": "0.3.5-2",
-    "@adyen/ui-assets-icons-16": "6.2.0",
     "@adyen/bento-core": "0.0.1",
+    "@adyen/bento-tailwind": "0.3.6",
+    "@adyen/ui-assets-icons-16": "6.2.0",
     "@adyen/ui-assets-payment-method-icons": "9.0.0"
   },
   "scripts": {

package/dist/chunks/button.6HMG0xEY.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.6HMG0xEY.js","sources":["../../../core/src/components/button/button.types.ts","../../../vue2/src/components/button/button.vue"],"sourcesContent":["/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoButtonVariant {\n    PRIMARY = 'primary',\n    SECONDARY = 'secondary',\n    TERTIARY = 'tertiary',\n    TERTIARY_WITH_BACKGROUND = 'tertiary-with-background',\n}\n\nexport enum BentoButtonPropClass {\n    CONDENSED = 'condensed',\n    DESTRUCTIVE = 'critical',\n    DISABLED = 'disabled',\n    ICON_ONLY = 'icon-only',\n    INVERSE = 'inverse',\n}\n\nexport interface BentoButtonProps {\n    condensed?: boolean;\n    critical?: boolean;\n    disabled?: boolean;\n    inverse?: boolean;\n    variant?: BentoButtonVariant | `${BentoButtonVariant}`;\n    type?: string;\n    link?: object;\n}\n","<template>\n    <component\n        :is=\"componentType\"\n        v-bind=\"componentProps\"\n        class=\"b-button\"\n        :class=\"{ ...conditionalClasses, ...getIconOnlyClass() }\"\n        @click.capture=\"onClickButton\"\n    >\n        <span v-if=\"hasSlot('iconLeft')\" class=\"b-button__icon-left\" data-testid=\"icon-button-left\">\n            <slot name=\"iconLeft\" />\n        </span>\n        <bento-typography v-if=\"hasSlot('default')\" el=\"span\" variant=\"body\" stronger class=\"b-button__label\">\n            <slot />\n        </bento-typography>\n        <span v-if=\"hasSlot('iconRight')\" class=\"b-button__icon-right\" data-testid=\"icon-button-right\">\n            <slot name=\"iconRight\" />\n        </span>\n    </component>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, PropType, useAttrs, useSlots } from 'vue';\n    import { BentoButtonPropClass, BentoButtonVariant } from '@/core/components/button/button.types';\n    import { BentoTypography } from '@/components/typography';\n    import { useHasSlot } from '@/composables/use-has-slot/use-has-slot';\n    import { Booleanish } from '@/types/prop-types';\n    import type { RouterLinkProps } from 'vue-router/types/router.d.ts';\n    import type { AnchorHTMLAttributes, ButtonHTMLAttributes } from 'vue/types/jsx.d.ts';\n    import { BentoLink, BentoLinkVariant } from '@/components/link';\n\n    // TODO: replace all this code when migrated to Vue 3 is complete as this is the only\n    // current way to extend the `router-link` component in Vue 2 and Vue Router 3\n    export interface LinkProps extends RouterLinkProps, AnchorHTMLAttributes {\n        // eslint-disable-next-line vue/require-default-prop\n        args?: { props: RouterLinkProps };\n\n        /**\n         * Set the rendered link to a regular external anchor link.\n         */\n        external: boolean;\n    }\n\n    const props = defineProps({\n        /**\n         * Reduces sizing of button\n         */\n        condensed: { type: Boolean, default: false },\n\n        /**\n         * Displays button as critical\n         */\n        critical: { type: Boolean, default: false },\n\n        /**\n         * Disables button functionality\n         */\n        disabled: { type: Boolean, default: false },\n\n        /**\n         * Sets color set to inverse\n         */\n        inverse: { type: Boolean, default: false },\n\n        /**\n         * Object containing props passed on to the BentoLink component. @see BentoLink documentation for which properties you can pass.\n         */\n        link: { type: Object, default: undefined },\n\n        /**\n         * The default behavior of the button.\n         * Possible values are: 'button', 'reset', 'submit'\n         */\n        type: {\n            type: String as PropType<ButtonHTMLAttributes['type']>,\n            default: 'button',\n        },\n\n        /**\n         * Types of flavour of Button\n         * @values primary, secondary, tertiary, tertiary-with-background\n         */\n        variant: {\n            type: String as PropType<BentoButtonVariant | `${BentoButtonVariant}`>,\n            default: BentoButtonVariant.PRIMARY,\n            validator: (value: BentoButtonVariant) => Object.values(BentoButtonVariant).includes(value),\n        },\n    });\n\n    const emit = defineEmits<{\n        /**\n         * Emitted when the element has lost focus\n         */\n        (e: 'blur');\n\n        /**\n         * Emitted when the button is clicked\n         */\n        (e: 'click', event: MouseEvent);\n\n        /**\n         * Emitted when the element has received focus\n         */\n        (e: 'focus');\n\n        /**\n         * Emitted when the \"ESC\" key is pressed\n         */\n        (e: 'keydown.esc');\n    }>();\n\n    const attrs = useAttrs();\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n\n    const componentType = computed(() => {\n        if (props?.link !== undefined) {\n            return BentoLink;\n        }\n        return 'button';\n    });\n    const ariaAttributes = computed(() => ({\n        'aria-controls': attrs['aria-controls']?.toString() as string,\n        'aria-expanded': attrs['aria-expanded']?.toString() as Booleanish,\n    }));\n\n    const componentProps = computed(() =>\n        componentType.value === 'button'\n            ? {\n                  ...ariaAttributes.value,\n                  disabled: props.disabled,\n                  type: props.type,\n              }\n            : { ...props.link, disableTypography: true, variant: BentoLinkVariant.DEFAULT, isButton: true }\n    );\n\n    const variantClass = computed(() => ({\n        [`b-button--${props.variant}${props.critical ? `-${BentoButtonPropClass.DESTRUCTIVE}` : ''}`]: true,\n    }));\n\n    const conditionalClasses = computed(() => ({\n        ...variantClass.value,\n        [`b-button--${BentoButtonPropClass.CONDENSED}`]: props.condensed,\n        [`b-button--${BentoButtonPropClass.DISABLED}`]: props.disabled,\n        [`b-button--${BentoButtonPropClass.INVERSE}`]: props.inverse,\n    }));\n\n    const getIconOnlyClass = () => ({\n        [`b-button--${BentoButtonPropClass.ICON_ONLY}`]: !hasSlot('default'),\n    });\n\n    const onClickButton = (e: MouseEvent) => {\n        if (!props.disabled) {\n            emit('click', e);\n        } else {\n            e.preventDefault();\n            e.stopPropagation();\n        }\n    };\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Button component for all the various types of bento buttons.\n     *\n     * @example\n     * import { BentoButton } from '@adyen/bento-vue2';\n     * import { CheckMarkIcon } from '@adyen/ui-assets-icons-16';\n     *\n     * export default {\n     *     components: { BentoButton },\n     *     template: `\n     *         <bento-button\n     *             disabled\n     *             variant=\"secondary\"\n     *         >\n     *              <template #iconLeft>\n     *                  <check-mark svg-title=\"checked\" />\n     *              </template>\n     *\n     *              Button text\n     *\n     *              <template #iconRight>\n     *                  <check-mark svg-title=\"checked\" />\n     *              </template>\n     *         </bento-button>\n     *     `,\n     * }\n     */\n    export default {\n        name: 'bento-button',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"@/core/components/button/button.scss\" />\n"],"names":["BentoButtonVariant","BentoButtonVariant2","BentoButtonPropClass","BentoButtonPropClass2","__default__","props","__props","emit","__emit","attrs","useAttrs","slots","useSlots","hasSlot","useHasSlot","componentType","computed","BentoLink","ariaAttributes","_a","_b","componentProps","BentoLinkVariant","variantClass","conditionalClasses","getIconOnlyClass","onClickButton","e"],"mappings":";;;;;;AAGY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,YAAA,aACAA,EAAA,WAAA,YACAA,EAAA,2BAAA,4BAJQA,IAAAD,KAAA,CAAA,CAAA,GAOAE,IAAA,kBAAAC,OACRA,EAAA,YAAA,aACAA,EAAA,cAAA,YACAA,EAAA,WAAA,YACAA,EAAA,YAAA,aACAA,EAAA,UAAA,WALQA,IAAAD,KAAA,CAAA,CAAA;;;;;;;;;GCkLRE,IAAA;AAAA,EAAe,MAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AApJA,UAAAC,IAAAC,GA8CAC,IAAAC,GAsBAC,IAAAC,EAAA,GACAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAEAI,IAAAC,EAAA,OACIX,KAAA,gBAAAA,EAAA,UAAA,SACIY,IAEJ,QAAO,GAEXC,IAAAF,EAAA,MAAA;;AAAA;AAAA,QAAuC,kBAAAG,IAAAV,EAAA,eAAA,MAAA,gBAAAU,EAAA;AAAA,QACe,kBAAAC,IAAAX,EAAA,eAAA,MAAA,gBAAAW,EAAA;AAAA,MACA;AAAA,KAAA,GAGtDC,IAAAL;AAAA,MAAuB,MAAAD,EAAA,UAAA,WAAA;AAAA,QAEb,GAAAG,EAAA;AAAA,QACsB,UAAAb,EAAA;AAAA,QACF,MAAAA,EAAA;AAAA,MACJ,IAAA,EAAA,GAAAA,EAAA,MAAA,mBAAA,IAAA,SAAAiB,EAAA,SAAA,UAAA,GAAA;AAAA,IAE4E,GAGtGC,IAAAP,EAAA,OAAA;AAAA,MAAqC,CAAA,aAAAX,EAAA,OAAA,GAAAA,EAAA,WAAA,IAAAH,EAAA,WAAA,KAAA,EAAA,EAAA,GAAA;AAAA,IAC8D,EAAA,GAGnGsB,IAAAR,EAAA,OAAA;AAAA,MAA2C,GAAAO,EAAA;AAAA,MACvB,CAAA,aAAArB,EAAA,SAAA,EAAA,GAAAG,EAAA;AAAA,MACuC,CAAA,aAAAH,EAAA,QAAA,EAAA,GAAAG,EAAA;AAAA,MACD,CAAA,aAAAH,EAAA,OAAA,EAAA,GAAAG,EAAA;AAAA,IACD,EAAA,GAGzDoB,IAAA,OAAA;AAAA,MAAgC,CAAA,aAAAvB,EAAA,SAAA,EAAA,GAAA,CAAAW,EAAA,SAAA;AAAA,IACuC,IAGvEa,IAAA,CAAAC,MAAA;AACI,MAAAtB,EAAA,YAGIsB,EAAA,eAAA,GACAA,EAAA,gBAAA,KAHApB,EAAA,SAAAoB,CAAA;AAAA,IAIJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}