@adyen/bento-vue3 1.65.0 → 1.67.0

package/dist/index.js

@@ -3,87 +3,87 @@ import { t as y, c as h } from "./chunks/use-bento-toast-controller.D3LA1FCd.js"
 import { u as A } from "./chunks/use-bento-toast-controller.D3LA1FCd.js";
 import { p as b, d as u } from "./chunks/typography.DN5eC5ch.js";
 import { B as R, c as _, b as j, a as Y } from "./chunks/typography.DN5eC5ch.js";
-import { B as z } from "./chunks/action-bar.BAfqAQjP.js";
+import { B as z } from "./chunks/action-bar.ComuZPet.js";
 import { a as H, b as q } from "./chunks/accordion-item.DOnW0OnU.js";
 import { B as Z, c as J, b as Q, a as X } from "./chunks/alert.DvleqX0i.js";
 import { B as ee } from "./chunks/avatar.B0-9jC6H.js";
 import { B as oe, b as ae, a as ne } from "./chunks/button.AB0SOQMn.js";
-import { c as se, B as Be, a as ie } from "./chunks/card.DiBtLuRU.js";
-import { B as pe } from "./chunks/dashed-underline.ywc0ydgS.js";
-import { B as le, d as ue, a as ce, b as fe, g as xe, f as Se, e as Te, c as ge } from "./chunks/data-grid.DroQMKSc.js";
-import { B as he, a as be } from "./chunks/date-picker.BuX2J2OW.js";
-import { B as Ce, a as De } from "./chunks/date-range-picker.C2x1_xoz.js";
-import { B as Ie, u as Le } from "./chunks/dropdown.Bj6DK-2v.js";
-import { B as Fe } from "./chunks/dropdown-default-textbox.B05elQig.js";
+import { c as se, B as Be, a as ie } from "./chunks/card.JBOvn2BO.js";
+import { B as pe } from "./chunks/dashed-underline.DgE-UB-x.js";
+import { B as le, d as ue, a as ce, b as fe, g as xe, f as Se, e as Te, c as ge } from "./chunks/data-grid.rDZadZwc.js";
+import { B as he, a as be } from "./chunks/date-picker.CZ6zU-NJ.js";
+import { B as Ce, a as De } from "./chunks/date-range-picker.Dw4R9bIs.js";
+import { B as Ie, u as Le } from "./chunks/dropdown.B5ZaFDn_.js";
+import { B as Fe } from "./chunks/dropdown-default-textbox.Ce5D3ipi.js";
 import { B as Oe } from "./chunks/divider.qUOSAbU6.js";
-import { B as we, a as Me } from "./chunks/checkbox.C1y3Ad4Z.js";
+import { B as we, a as Me } from "./chunks/checkbox.fkPJvdUo.js";
 import { B as Ae } from "./chunks/chip.CneNX2_j.js";
 import { B as Re } from "./chunks/click-outside.C1Ud8AA2.js";
-import { c as je, b as Ye, a as Ue, B as ze } from "./chunks/code-snippet.Bj5SAyT-.js";
+import { c as je, b as Ye, a as Ue, B as ze } from "./chunks/code-snippet.vrlSqi9k.js";
 import { c as He } from "./chunks/country.BhAcCmRx.js";
 import { a as We, B as Ze, u as Je } from "./chunks/country.types.C0Q_hhgJ.js";
 import { c as Xe, B as $e } from "./chunks/currency.CZVdyZUH.js";
-import { B as tt, a as ot } from "./chunks/date.CKXySBQv.js";
+import { B as tt, a as ot } from "./chunks/date.DSjCnSgL.js";
 import { B as nt, b as rt, c as st, a as Bt } from "./chunks/empty-state.D7llINgF.js";
-import { f as mt } from "./chunks/file-uploader.C8DwUCMp.js";
-import { B as dt, b as lt, a as ut, c as ct } from "./chunks/filter-bar.BvInaVGL.js";
+import { f as mt } from "./chunks/file-uploader.B_EI2fAc.js";
+import { B as dt, b as lt, a as ut, c as ct } from "./chunks/filter-bar.XonJn7ao.js";
 import { f as xt, a as St, c as Tt, b as gt } from "./chunks/form-layout-title.rpIO-I9A.js";
-import { h as ht } from "./chunks/header-with-views.De0oVJXS.js";
+import { h as ht } from "./chunks/header-with-views.CHbH1_1V.js";
 import { _ as Et, B as Ct, a as Dt } from "./chunks/image.vue_vue_type_script_setup_true_lang.DQT2oNEF.js";
-import { B as It } from "./chunks/info-icon.CpGwbhZQ.js";
-import { B as Pt, b as Ft, e as Gt, c as Ot, d as kt, a as wt } from "./chunks/input-field.xUQT0LXI.js";
-import { i as Vt, m as At, r as Nt, b as Rt, c as _t, a as jt } from "./chunks/input-field-password.CJOf1GlS.js";
-import { i as Ut } from "./chunks/input-field-phone-number.DVliTkE3.js";
+import { B as It } from "./chunks/info-icon.DprUQ9fj.js";
+import { B as Pt, b as Ft, e as Gt, c as Ot, d as kt, a as wt } from "./chunks/input-field.DExw_Cow.js";
+import { i as Vt, m as At, r as Nt, b as Rt, c as _t, a as jt } from "./chunks/input-field-password.DWZAf1Oh.js";
+import { i as Ut } from "./chunks/input-field-phone-number.CbpRItYf.js";
 import { B as Kt } from "./chunks/inspector.CoZCPfHC.js";
 import { B as qt } from "./chunks/inspector.types.DyHwE18g.js";
 import { l as Zt, a as Jt } from "./chunks/layout-row.CZNtHaXd.js";
 import { B as Xt, a as $t } from "./chunks/loading-indicator.DEepb9Wl.js";
 import { B as to, a as oo } from "./chunks/link.BBpxiclu.js";
-import { B as no, a as ro } from "./chunks/menu.CiyYOoKd.js";
-import { d as Bo, f as io, g as mo, B as po, e as lo, c as uo, a as co, b as fo } from "./chunks/base-modal.CCwWuH6k.js";
-import { _ as So } from "./chunks/modal.vue_vue_type_script_setup_true_lang.LnD61fHp.js";
-import { m as go, B as yo } from "./chunks/modal-fullscreen.CuL9oSAq.js";
-import { B as bo } from "./chunks/header.Ckjp7n9t.js";
-import { B as Co } from "./chunks/pagination.D6A7TX6J.js";
+import { B as no, a as ro } from "./chunks/menu.CeLJ1gIz.js";
+import { d as Bo, f as io, g as mo, B as po, e as lo, c as uo, a as co, b as fo } from "./chunks/base-modal.DzJrvis_.js";
+import { _ as So } from "./chunks/modal.vue_vue_type_script_setup_true_lang.CP7dV1Yy.js";
+import { m as go, B as yo } from "./chunks/modal-fullscreen.CZnLS-fQ.js";
+import { B as bo } from "./chunks/header.CJJWPB5Z.js";
+import { B as Co } from "./chunks/pagination.DL9LmFMJ.js";
 import { B as vo } from "./chunks/payment-method.eazefwm6.js";
 import { B as Lo } from "./chunks/payment-method.types.BqtH7RM2.js";
-import { B as Fo, a as Go } from "./chunks/popover.maCMPyz8.js";
+import { B as Fo, a as Go } from "./chunks/popover.VI3TrUkL.js";
 import { p as ko, B as wo, a as Mo } from "./chunks/promo-banner.CQp3z2CP.js";
-import { b as Ao, B as No, a as Ro } from "./chunks/radio-group.435rdgzm.js";
-import { r as jo } from "./chunks/rich-text-editor.BDLncrV5.js";
-import { B as Uo, b as zo, a as Ko } from "./chunks/search-bar.Cngs3uYZ.js";
-import { s as qo } from "./chunks/secondary-nav.ByCa4wiA.js";
+import { b as Ao, B as No, a as Ro } from "./chunks/radio-group.H9A5QcNu.js";
+import { r as jo } from "./chunks/rich-text-editor.Dl9PsYbk.js";
+import { B as Uo, b as zo, a as Ko } from "./chunks/search-bar.a-jzP1UA.js";
+import { s as qo } from "./chunks/secondary-nav.UrmIAVGD.js";
 import { B as Zo } from "./chunks/segmented-control.5-vlm8Gt.js";
 import { B as Qo } from "./chunks/segmented-control.types.BHRLV8KU.js";
-import { B as $o, s as ea, a as ta } from "./chunks/selection-card-group.9wJy7FC2.js";
-import { a as aa, B as na, s as ra } from "./chunks/sidepanel.CTIjklfG.js";
+import { B as $o, s as ea, a as ta } from "./chunks/selection-card-group.B4xpnd-z.js";
+import { a as aa, B as na, s as ra } from "./chunks/sidepanel.BuNmgmpj.js";
 import { s as Ba, B as ia } from "./chunks/status.types.Bdv2zuuh.js";
-import { a as pa, s as da, B as la, b as ua } from "./chunks/step.CpSPMvdW.js";
-import { B as fa, a as xa } from "./chunks/structured-list-item.DQzxNb_M.js";
-import { s as Ta, a as ga, d as ya, _ as ha, b as ba, B as Ea, c as Ca, e as Da } from "./chunks/summary-grid.types.BpS1z1-W.js";
-import { B as Ia, a as La } from "./chunks/tabs.Cq1fdzVh.js";
+import { a as pa, s as da, B as la, b as ua } from "./chunks/step.BtNhPZAf.js";
+import { B as fa, a as xa } from "./chunks/structured-list-item.BQbEDKhg.js";
+import { s as Ta, a as ga, d as ya, _ as ha, b as ba, B as Ea, c as Ca, e as Da } from "./chunks/summary-grid.types.CoSCUI1V.js";
+import { a as Ia, B as La } from "./chunks/tab.CAt51ksU.js";
 import { B as Fa, a as Ga } from "./chunks/tag.D3in0-Bp.js";
-import { B as ka } from "./chunks/textarea.CV1HjB0x.js";
-import { t as Ma, b as Va, a as Aa, c as Na, B as Ra, d as _a } from "./chunks/timeline-item.DUp8MmgZ.js";
+import { B as ka } from "./chunks/textarea.DXSe9MHH.js";
+import { t as Ma, b as Va, a as Aa, c as Na, B as Ra, d as _a } from "./chunks/timeline-item.BRHwCA1F.js";
 import { t as Ya } from "./chunks/toast.CSoCPteL.js";
 import { B as za, b as Ka, a as Ha } from "./chunks/toggle.BuKXexA6.js";
-import { _ as Wa } from "./chunks/tutorial.vue_vue_type_script_setup_true_lang.E8oBlhrC.js";
+import { _ as Wa } from "./chunks/tutorial.vue_vue_type_script_setup_true_lang.CAf69UYO.js";
 import * as s from "zod";
 import { u as Ja } from "./chunks/use-click-outside.BnhTgpSt.js";
-import { a as Xa, d as $a } from "./chunks/dashboard-section.C6FNJuEz.js";
-import { d as tn } from "./chunks/data-grid-template.DzIpssxc.js";
+import { a as Xa, d as $a } from "./chunks/dashboard-section.Bg0dfNs-.js";
+import { d as tn } from "./chunks/data-grid-template.Df7j2oxe.js";
 import { D as an } from "./chunks/date-input.BqBdAO1E.js";
 import { a as rn, B as sn } from "./chunks/keyboard-navigation.CqgGzfZQ.js";
-import { a as mn, B as pn, a as dn, B as ln } from "./chunks/use-cached-selected-values.CEwKqYIe.js";
+import { a as mn, B as pn, a as dn, B as ln } from "./chunks/use-cached-selected-values.D7dOPJSO.js";
 import { B as cn } from "./chunks/directive.Cbdox5VL.js";
 import { B as xn, a as Sn } from "./chunks/events.FNmSWp_P.js";
 import { B as gn } from "./chunks/tooltip.VYPUHERk.js";
-import { _ as hn, a as bn, b as En, c as Cn, d as Dn } from "./chunks/dropdown-tag.Dm-1VD3B.js";
-import { B as In, c as Ln, a as Pn, b as Fn, d as Gn, e as On } from "./chunks/button-actions.D1pXI1AJ.js";
+import { _ as hn, a as bn, b as En, c as Cn, d as Dn } from "./chunks/dropdown-tag.BlHovDol.js";
+import { B as In, c as Ln, a as Pn, b as Fn, d as Gn, e as On } from "./chunks/button-actions.BwpznQ6c.js";
 import { B as wn } from "./chunks/toggle-button.NQwrfSr1.js";
-import { C as Vn, C as An } from "./chunks/calendar.CLpwW_-k.js";
+import { C as Vn, C as An } from "./chunks/calendar._oPk_A1C.js";
 import { C as Rn } from "./chunks/minus-small.DYIyF5XW.js";
-import { c as jn, B as Yn } from "./chunks/checkbox-group.BKsddn67.js";
+import { c as jn, B as Yn } from "./chunks/checkbox-group.Dc5Olq0c.js";
 import { u as zn, a as Kn } from "./chunks/use-country-phon-code.DVgE19zT.js";
 import { R as qn } from "./chunks/radio-input.DKfQGxtp.js";
 function G(e) {

package/dist/info-icon.js

@@ -1,4 +1,4 @@
-import { B as e } from "./chunks/info-icon.CpGwbhZQ.js";
+import { B as e } from "./chunks/info-icon.DprUQ9fj.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.CJOf1GlS.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.DWZAf1Oh.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.DVliTkE3.js";
+import { i as n } from "./chunks/input-field-phone-number.CbpRItYf.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.xUQT0LXI.js";
+import { B as n, b as a, e as o, c as i, d as s, a as l } from "./chunks/input-field.DExw_Cow.js";
 export {
   n as BentoInputField,
   a as BentoInputFieldElementPosition,

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.CLpwW_-k.js";
-import { C as n, a as l } from "./chunks/copy.DqckFHHS.js";
-import { C as f } from "./chunks/controls-group.DD1m4EKn.js";
+import { a as e, b as r, C as t, c as s, d as p } from "./chunks/calendar._oPk_A1C.js";
+import { C as n, a as l } from "./chunks/copy.RUoQOydT.js";
+import { C as f } from "./chunks/controls-group.CrzkSu0U.js";
 import { B as I, b as m, a as E, D as T } from "./chunks/dialog-page.C80HOigq.js";
-import { E as d, F as N } from "./chunks/error-message.DZWphzoT.js";
+import { E as d, F as N } from "./chunks/error-message.DHMHq9bR.js";
 import { F as O } from "./chunks/fixed-scroller.D5nAPPbo.js";
 import { G as A, a as L } from "./chunks/grid-layout.BTLE3rac.js";
-import { I as c } from "./chunks/info-icon-with-popover.Duk1tj5G.js";
-import { b, c as g, u as y } from "./chunks/use-cached-selected-values.CEwKqYIe.js";
+import { I as c } from "./chunks/info-icon-with-popover.DVH46dPy.js";
+import { b, c as g, u as y } from "./chunks/use-cached-selected-values.D7dOPJSO.js";
 import { L as F } from "./chunks/listbox-option-tag.0BK6jWO9.js";
 import { B as M } from "./chunks/teleport.CfGWjxe2.js";
 import { T as h } from "./chunks/tooltip.VYPUHERk.js";
-import { B as J } from "./chunks/button-actions-with-menu.D50ABuSV.js";
-import { f as R } from "./chunks/button-actions.D1pXI1AJ.js";
+import { B as J } from "./chunks/button-actions-with-menu.B0nWCTwZ.js";
+import { f as R } from "./chunks/button-actions.BwpznQ6c.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.CiyYOoKd.js";
+import { B as o, a as t } from "./chunks/menu.CeLJ1gIz.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.CuL9oSAq.js";
+import { m as o, B as a } from "./chunks/modal-fullscreen.CZnLS-fQ.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.CCwWuH6k.js";
-import { _ as i } from "./chunks/modal.vue_vue_type_script_setup_true_lang.LnD61fHp.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.DzJrvis_.js";
+import { _ as i } from "./chunks/modal.vue_vue_type_script_setup_true_lang.CP7dV1Yy.js";
 export {
   i as BentoModal,
   e as BentoModalColumnLayoutVariant,

package/dist/pagination.js

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

package/dist/popover.js

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

package/dist/radio-group.js

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

package/dist/rich-text-editor.js

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

package/dist/search-bar.js

@@ -1,5 +1,5 @@
-import { B as r, b as t, a as B } from "./chunks/search-bar.Cngs3uYZ.js";
-import { u as o } from "./chunks/dropdown.Bj6DK-2v.js";
+import { B as r, b as t, a as B } from "./chunks/search-bar.a-jzP1UA.js";
+import { u as o } from "./chunks/dropdown.B5ZaFDn_.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.ByCa4wiA.js";
+import { s as e } from "./chunks/secondary-nav.UrmIAVGD.js";
 export {
   e as BentoSecondaryNav
 };

package/dist/selection-card.js

@@ -1,4 +1,4 @@
-import { B as t, s as a, a as n } from "./chunks/selection-card-group.9wJy7FC2.js";
+import { B as t, s as a, a as n } from "./chunks/selection-card-group.B4xpnd-z.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.CTIjklfG.js";
+import { a as n, B as o, s as t } from "./chunks/sidepanel.BuNmgmpj.js";
 export {
   n as BentoSidepanel,
   o as BentoSidepanelEvent,

package/dist/stepper.js

@@ -1,4 +1,4 @@
-import { a as p, s as o, B as a, b as n } from "./chunks/step.CpSPMvdW.js";
+import { a as p, s as o, B as a, b as n } from "./chunks/step.BtNhPZAf.js";
 export {
   p as BentoStep,
   o as BentoStepper,

package/dist/structured-list.js

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

package/dist/styles/bento-dark.css

@@ -1598,6 +1598,7 @@
   --b-data-grid-template-additional-content-padding: var(--b-spacer-000) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
   --b-data-grid-template-additional-content-margin: var(--b-spacer-000) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
   --b-data-grid-template-additional-content-background-color: var(--b-color-background-primary);
+  --b-data-grid-template-header-with-views-padding: var(--b-spacer-000);
   --b-data-grid-template-header-z-index: var(--b-z-index-local-tier-3);
   --b-data-grid-template-header-margin: var(--b-spacer-080) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
   --b-data-grid-template-gap: var(--b-spacer-060);

package/dist/styles/bento-light.css

@@ -1596,6 +1596,7 @@
   --b-data-grid-template-additional-content-padding: var(--b-spacer-000) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
   --b-data-grid-template-additional-content-margin: var(--b-spacer-000) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
   --b-data-grid-template-additional-content-background-color: var(--b-color-background-primary);
+  --b-data-grid-template-header-with-views-padding: var(--b-spacer-000);
   --b-data-grid-template-header-z-index: var(--b-z-index-local-tier-3);
   --b-data-grid-template-header-margin: var(--b-spacer-080) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
   --b-data-grid-template-gap: var(--b-spacer-060);

package/dist/styles/bento.css

@@ -1596,6 +1596,7 @@
   --b-data-grid-template-additional-content-padding: var(--b-spacer-000) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
   --b-data-grid-template-additional-content-margin: var(--b-spacer-000) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
   --b-data-grid-template-additional-content-background-color: var(--b-color-background-primary);
+  --b-data-grid-template-header-with-views-padding: var(--b-spacer-000);
   --b-data-grid-template-header-z-index: var(--b-z-index-local-tier-3);
   --b-data-grid-template-header-margin: var(--b-spacer-080) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
   --b-data-grid-template-gap: var(--b-spacer-060);

package/dist/styles/legacy.css

@@ -1534,6 +1534,7 @@
   --b-data-grid-template-additional-content-z-index: var(--b-z-index-local-tier-2);
   --b-data-grid-template-additional-content-padding: var(--b-spacer-000) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
   --b-data-grid-template-additional-content-margin: var(--b-spacer-000) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
+  --b-data-grid-template-header-with-views-padding: var(--b-spacer-000);
   --b-data-grid-template-header-z-index: var(--b-z-index-local-tier-3);
   --b-data-grid-template-header-margin: var(--b-spacer-080) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
   --b-data-grid-template-gap: var(--b-spacer-060);

package/dist/styles/styleguide.css

@@ -1651,6 +1651,7 @@
   --b-data-grid-template-additional-content-padding: var(--b-spacer-000) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
   --b-data-grid-template-additional-content-margin: var(--b-spacer-000) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
   --b-data-grid-template-additional-content-background-color: var(--b-color-background-primary);
+  --b-data-grid-template-header-with-views-padding: var(--b-spacer-000);
   --b-data-grid-template-header-z-index: var(--b-z-index-local-tier-3);
   --b-data-grid-template-header-margin: var(--b-spacer-080) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
   --b-data-grid-template-gap: var(--b-spacer-060);

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.BpS1z1-W.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.CoSCUI1V.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.Cq1fdzVh.js";
+import { a as e, B as s } from "./chunks/tab.CAt51ksU.js";
 export {
   e as BentoTab,
   s as BentoTabs

package/dist/textarea.js

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

package/dist/tutorial.js

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

package/dist/web-types.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adyen/bento-vue3",
-  "version": "1.65.0",
+  "version": "1.67.0",
   "description": "Adyen Bento Vue 3 components",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -45,7 +45,7 @@
     "unified": "11.0.5",
     "uuid": "11.0.5",
     "vue-demi": "0.14.10",
-    "@adyen/bento-design-tokens": "1.65.0"
+    "@adyen/bento-design-tokens": "1.67.0"
   },
   "peerDependencies": {
     "vue": "^3.2.47",
@@ -121,10 +121,10 @@
     "vue-router": "~4.1",
     "vue-style-loader": "4.1.3",
     "vue-tsc": "1.0.24",
-    "@adyen/bento-tailwind": "0.5.0",
-    "@adyen/bento-core": "0.0.1",
-    "@adyen/ui-assets-icons-16": "6.5.0",
-    "@adyen/ui-assets-payment-method-icons": "10.1.0"
+    "@adyen/bento-tailwind": "0.5.1",
+    "@adyen/ui-assets-icons-16": "6.5.2",
+    "@adyen/ui-assets-payment-method-icons": "10.1.2",
+    "@adyen/bento-core": "0.0.1"
   },
   "scripts": {
     "build": "pnpm run build:prod",

package/dist/assets/tabs.css

@@ -1 +0,0 @@
-.b-tab[data-v-4993d338]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-tab[data-v-4993d338],.b-tab[data-v-4993d338]:before,.b-tab[data-v-4993d338]:after{box-sizing:border-box}.b-tab[data-v-4993d338] *,.b-tab[data-v-4993d338] *:before,.b-tab[data-v-4993d338] *:after{box-sizing:border-box}.b-tab[data-v-4993d338] ::-webkit-scrollbar{height:14px;width:14px}.b-tab[data-v-4993d338] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-tabs[data-v-3a9feea5]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-tabs-background-color)}.b-tabs[data-v-3a9feea5],.b-tabs[data-v-3a9feea5]:before,.b-tabs[data-v-3a9feea5]:after{box-sizing:border-box}.b-tabs[data-v-3a9feea5] *,.b-tabs[data-v-3a9feea5] *:before,.b-tabs[data-v-3a9feea5] *:after{box-sizing:border-box}.b-tabs[data-v-3a9feea5] ::-webkit-scrollbar{height:14px;width:14px}.b-tabs[data-v-3a9feea5] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-tabs button[data-v-3a9feea5]{background-color:transparent;border:0;font:inherit;text-align:inherit}.b-tabs button[data-v-3a9feea5]:focus-visible{outline:none}.b-tabs__tab-list[data-v-3a9feea5]{display:flex;gap:var(--b-tabs-tab-list-gap);height:var(--b-tabs-tab-list-height)}.b-tabs__tab-list-wrapper--sticky[data-v-3a9feea5]{background-color:var(--b-tabs-background-color);padding-top:var(--b-tabs-sticky-padding-top);position:sticky;z-index:var(--b-tabs-sticky-z-index)}.b-tabs__tab-list-wrapper--pinned[data-v-3a9feea5]:after{background-color:var(--b-tabs-background-color);border-bottom:var(--b-tabs-sticky-border-bottom);bottom:-4px;content:"";display:block;height:4px;left:-50vw;position:absolute;width:150vw}.b-tabs__tab[data-v-3a9feea5]{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:0}.b-tabs__tab--disabled[data-v-3a9feea5]>*{cursor:not-allowed}@media (hover: hover){.b-tabs__tab:not(.b-tabs__tab--disabled):hover .b-tabs__tab-title[data-v-3a9feea5]{color:var(--b-tabs-tab-title-hover-color)}.b-tabs__tab:not(.b-tabs__tab--disabled):hover .b-tabs__tab-counter[data-v-3a9feea5]{color:var(--b-tabs-counter-hover-color)}}.b-tabs__tab-text[data-v-3a9feea5]{align-items:center;border-radius:var(--b-tabs-tab-text-border-radius);display:flex;height:var(--b-tabs-tab-text-height)}.b-tabs__tab:focus-visible .b-tabs__tab-text[data-v-3a9feea5]{animation:outer-ring-default-3a9feea5 var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color)}@keyframes outer-ring-default-3a9feea5{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-tabs__tab-title[data-v-3a9feea5]{color:var(--b-tabs-tab-title-color);white-space:nowrap}.b-legacy-theme .b-tabs__tab-title[data-v-3a9feea5]{font-size:15px;font-weight:400}.b-tabs__tab--disabled .b-tabs__tab-title[data-v-3a9feea5]{color:var(--b-tabs-tab-title-disabled-color);cursor:not-allowed}.b-tabs__tab--active .b-tabs__tab-title[data-v-3a9feea5]{color:var(--b-tabs-tab-title-active-color)}.b-tabs__tab-underline[data-v-3a9feea5]{background-color:var(--b-tabs-tab-underline-color);display:block;width:var(--b-tabs-tab-underline-width)}.b-tabs__tab--active .b-tabs__tab-underline[data-v-3a9feea5]{height:var(--b-tabs-tab-underline-height-active)}.b-tabs__tab-counter[data-v-3a9feea5]{background-color:var(--b-tabs-counter-background-color);border-radius:var(--b-tabs-counter-border-radius);color:var(--b-tabs-counter-color);flex-shrink:0;margin-left:var(--b-tabs-counter-margin-left);padding:var(--b-tabs-counter-padding)}.b-tabs__tab-counter--active[data-v-3a9feea5]{color:var(--b-tabs-counter-active-color)}.b-tabs__tab--disabled .b-tabs__tab-counter[data-v-3a9feea5]{color:var(--b-tabs-counter-disabled-color);cursor:not-allowed}.b-tabs__tab-notification-dot[data-v-3a9feea5]{background-color:var(--b-tabs-notification-dot-background-color);border-radius:50%;flex-shrink:0;height:var(--b-tabs-notification-dot-height);margin-left:var(--b-tabs-notification-dot-margin-left);width:var(--b-tabs-notification-dot-width)}

package/dist/chunks/action-bar.BAfqAQjP.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"action-bar.BAfqAQjP.js","sources":["../../../vue2/src/components/action-bar/action-bar.vue"],"sourcesContent":["<template>\n    <Transition name=\"b-action-bar__animation\" appear>\n        <section class=\"b-action-bar\" :class=\"conditionalClasses\" :aria-label=\"t('actionBar')\">\n            <div ref=\"actionBar\" class=\"b-action-bar__container\">\n                <div v-if=\"!isConfirmationVariant\" class=\"b-action-bar__close-button\">\n                    <bento-button variant=\"tertiary\" inverse :aria-label=\"t('close')\" @click=\"emit('close')\">\n                        <template #iconLeft><cross-icon :aria-hidden=\"true\" /></template>\n                    </bento-button>\n                </div>\n                <bento-typography el=\"span\" stronger class=\"b-action-bar__selection\">\n                    {{ itemCounter }} {{ isConfirmationVariant ? tc('unsavedChanges', itemCounter) : label }}\n                </bento-typography>\n                <bento-button-actions\n                    v-if=\"isConfirmationVariant\"\n                    :actions=\"confirmationActions\"\n                    class=\"b-action-bar__actions\"\n                    inverse\n                />\n                <button-actions-with-menu\n                    v-else\n                    :actions=\"actionsInternal\"\n                    class=\"b-action-bar__actions\"\n                    :displayed-actions=\"internalDisplayedActions\"\n                    menu-position=\"top-end\"\n                    disable-responsive-behavior\n                    inverse\n                />\n            </div>\n        </section>\n    </Transition>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, nextTick, PropType, provide, ref, toRefs, watch } from 'vue';\n    import { BentoButton, BentoButtonActions, BentoButtonActionsList } from '@/components/button';\n    import { BentoTypography } from '@/components/typography';\n\n    import { type BentoActionBarVariant } from '@/components/action-bar/action-bar.types';\n    import ButtonActionsWithMenu from '@/components/internal/button-actions-with-menu/button-actions-with-menu.vue';\n    import CrossIcon from '@adyen/ui-assets-icons-16/vue/cross';\n\n    import { useI18n } from '@/utils/ts/i18n';\n    import { useWindowSize } from '@vueuse/core';\n\n    import messages from './messages.json';\n    import { POPOVER_OFFSET_INJECTION_KEY } from '@/components/popover/popover.keys';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    // Constants\n    const AVERAGE_BUTTON_SIZE = 100;\n    const MENU_OFFSET = 7;\n    const RESPONSIVE_BREAKPOINT = 500;\n    const SPACING = 32;\n\n    const props = defineProps({\n        /**\n         * List of actions that will be used to render the buttons.\n         * Required and used for the `default` variant.\n         *\n         * Each object in the list should have a `title`, an `event` and,\n         * optionally, an `icon`.\n         *\n         * The component will display 4 actions and the hide the rest inside a menu.\n         *\n         * @see BentoButton for a list of all the other props supported by each button action.\n         */\n        actions: {\n            type: Array as PropType<BentoButtonActionsList>,\n            default: () => [],\n        },\n        /**\n         * How many actions should be visible outside the menu, cannot be more than 4\n         */\n        visibleActions: {\n            type: Number,\n            default: 4,\n            validator: (value: number) => value > 0 && value <= 4,\n        },\n        /**\n         * Use when there are sticky elements at the bottom, like sticky pagination\n         */\n        extraBottomSpacing: {\n            type: Boolean,\n            default: false,\n        },\n        /**\n         * Show how many items are selected\n         */\n        itemCounter: {\n            type: Number,\n            required: true,\n        },\n        /**\n         * Label for the selection, e.g. 'selected'/'changed'\n         */\n        selectionLabel: {\n            type: String,\n            default: null,\n        },\n        /**\n         * Variant for the action bar\n         * @values default, confirmation\n         */\n        variant: {\n            type: String as PropType<BentoActionBarVariant>,\n            default: 'default',\n        },\n    });\n\n    const emit = defineEmits<{\n        /**\n         * Event emitted when the user click the close button\n         */\n        (e: 'close'): void;\n        (e: 'cancel'): void;\n        (e: 'save'): void;\n    }>();\n\n    const { t, tc } = useI18n<{ message: MessageSchema }>({ messages });\n    const label = computed(() => (props.selectionLabel ? props.selectionLabel : t('selected')));\n\n    // Refs\n    const actionBar = ref<HTMLDivElement>(null);\n    const { extraBottomSpacing, visibleActions } = toRefs(props);\n    const { width } = useWindowSize();\n    const internalDisplayedActions = ref(null);\n    const internalVisibleActions = ref(null);\n\n    const isConfirmationVariant = computed(() => props.variant === 'confirmation');\n\n    watch(\n        () => visibleActions.value,\n        value => {\n            internalVisibleActions.value = value <= 4 ? value : 4;\n            internalDisplayedActions.value = internalVisibleActions.value;\n        },\n        { immediate: true }\n    );\n\n    // Styling\n    const conditionalClasses = computed(() => ({\n        'b-action-bar--extra-spacing': extraBottomSpacing.value,\n        'b-action-bar--confirmation': isConfirmationVariant.value,\n    }));\n\n    // Provide POPOVER_OFFSET_INJECTION_KEY to change the value of the popover offset\n    provide(POPOVER_OFFSET_INJECTION_KEY, MENU_OFFSET);\n\n    // Manipulate actions array to display as intended\n    const actionsInternal = computed(() => {\n        // All buttons should be of type secondary in the action bar\n        const actions = props.actions.map(action => ({\n            ...action,\n            variant: 'secondary',\n        })) as BentoButtonActionsList;\n        // Shown actions should display from left to right in action bar, instead of right to left which is the button actions default\n        const shownActions = actions.slice(0, internalDisplayedActions.value).reverse();\n        const hiddenActions = actions.slice(internalDisplayedActions.value);\n\n        return [...shownActions, ...hiddenActions];\n    });\n\n    const confirmationActions = computed<BentoButtonActionsList>(() => [\n        {\n            title: t('save'),\n            event: () => emit('save'),\n        },\n        {\n            title: t('cancel'),\n            variant: 'secondary',\n            event: () => emit('cancel'),\n        },\n    ]);\n\n    // Recursive functions to determine how many actions should be visible/hidden based on the screens width\n    const showActions = async () => {\n        await nextTick();\n        if (\n            width.value > actionBar.value.clientWidth + SPACING + AVERAGE_BUTTON_SIZE &&\n            internalDisplayedActions.value < internalVisibleActions.value\n        ) {\n            internalDisplayedActions.value += 1;\n            showActions();\n        }\n    };\n\n    const hideActions = async () => {\n        await nextTick();\n        if (width.value < actionBar.value.clientWidth + SPACING && internalDisplayedActions.value > 0) {\n            internalDisplayedActions.value -= 1;\n            hideActions();\n        }\n    };\n\n    // Screen width watcher to toggle hidden/visible actions\n    watch(\n        () => width.value,\n        async (newValue, oldValue) => {\n            await nextTick();\n            if (!actionBar.value) {\n                return;\n            }\n            const isIncreasing = newValue > oldValue;\n            if (width.value < RESPONSIVE_BREAKPOINT) {\n                internalDisplayedActions.value = 0;\n            } else if (isIncreasing) {\n                showActions();\n            } else {\n                hideActions();\n            }\n        },\n        { immediate: true }\n    );\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Action bar is a floating bar that provides users with quick access to key actions that can be applied to one or multiple items.\n     *\n     * @example\n     * import { BentoActionBar } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoActionBar },\n     *     template: `\n     *          <bento-action-bar\n     *               :actions='[\n     *                   {\n     *                       title: 'Delete',\n     *                       critical: true,\n     *                       icon: BinIcon,\n     *                       event: () => true,\n     *                   },\n     *                   {\n     *                       title: 'Edit',\n     *                       icon: EditIcon,\n     *                       event: () => true,\n     *                   }\n     *               ]'\n     *               @close=\"closeAction\"\n     *               :item-counter=\"5\"\n     *           />\n     *     `\n     * }\n     */\n    export default {\n        i18n: { messages },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./action-bar.scss\" />\n"],"names":["__default__","messages","props","__props","emit","__emit","t","tc","useI18n","label","computed","actionBar","ref","extraBottomSpacing","visibleActions","toRefs","width","useWindowSize","internalDisplayedActions","internalVisibleActions","isConfirmationVariant","watch","value","conditionalClasses","provide","POPOVER_OFFSET_INJECTION_KEY","actionsInternal","actions","action","shownActions","hiddenActions","confirmationActions","showActions","nextTick","hideActions","newValue","oldValue","isIncreasing"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsPIA,KAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAjMA,UAAAC,IAAAC,GAuDAC,IAAAC,GASA,EAAA,GAAAC,GAAA,IAAAC,EAAA,IAAAC,EAAA,EAAA,UAAAP,EAAA,CAAA,GACAQ,IAAAC,EAAA,MAAAR,EAAA,iBAAAA,EAAA,iBAAAI,EAAA,UAAA,CAAA,GAGAK,IAAAC,EAAA,IAAA,GACA,EAAA,oBAAAC,GAAA,gBAAAC,EAAA,IAAAC,EAAAb,CAAA,GACA,EAAA,OAAAc,EAAA,IAAAC,EAAA,GACAC,IAAAN,EAAA,IAAA,GACAO,IAAAP,EAAA,IAAA,GAEAQ,IAAAV,EAAA,MAAAR,EAAA,YAAA,cAAA;AAEA,IAAAmB;AAAA,MAAA,MAAAP,EAAA;AAAA,MACyB,CAAAQ,MAAA;AAEjB,QAAAH,EAAA,QAAAG,KAAA,IAAAA,IAAA,GACAJ,EAAA,QAAAC,EAAA;AAAA,MAAwD;AAAA,MAC5D,EAAA,WAAA,GAAA;AAAA,IACkB;AAItB,UAAAI,IAAAb,EAAA,OAAA;AAAA,MAA2C,+BAAAG,EAAA;AAAA,MACW,8BAAAO,EAAA;AAAA,IACE,EAAA;AAIxD,IAAAI,EAAAC,GAAA,CAAA;AAGA,UAAAC,IAAAhB,EAAA,MAAA;AAEI,YAAAiB,IAAAzB,EAAA,QAAA,IAAA,CAAA0B,OAAA;AAAA,QAA6C,GAAAA;AAAA,QACtC,SAAA;AAAA,MACM,EAAA,GAGbC,IAAAF,EAAA,MAAA,GAAAT,EAAA,KAAA,EAAA,QAAA,GACAY,IAAAH,EAAA,MAAAT,EAAA,KAAA;AAEA,aAAA,CAAA,GAAAW,GAAA,GAAAC,CAAA;AAAA,IAAyC,CAAA,GAG7CC,IAAArB,EAAA,MAAA;AAAA,MAAmE;AAAA,QAC/D,OAAAJ,EAAA,MAAA;AAAA,QACmB,OAAA,MAAAF,EAAA,MAAA;AAAA,MACS;AAAA,MAC5B;AAAA,QACA,OAAAE,EAAA,QAAA;AAAA,QACqB,SAAA;AAAA,QACR,OAAA,MAAAF,EAAA,QAAA;AAAA,MACiB;AAAA,IAC9B,CAAA,GAIJ4B,IAAA,YAAA;AACI,YAAAC,EAAA,GACAjB,EAAA,QAAAL,EAAA,MAAA,cAAA,KAAA,OAAAO,EAAA,QAAAC,EAAA,UAIID,EAAA,SAAA,GACAc,EAAA;AAAA,IACJ,GAGJE,IAAA,YAAA;AACI,YAAAD,EAAA,GACAjB,EAAA,QAAAL,EAAA,MAAA,cAAA,MAAAO,EAAA,QAAA,MACIA,EAAA,SAAA,GACAgB,EAAA;AAAA,IACJ;AAIJ,WAAAb;AAAA,MAAA,MAAAL,EAAA;AAAA,MACgB,OAAAmB,GAAAC,MAAA;AAGR,YADA,MAAAH,EAAA,GACA,CAAAtB,EAAA;AACI;AAEJ,cAAA0B,IAAAF,IAAAC;AACA,QAAApB,EAAA,QAAA,MACIE,EAAA,QAAA,IAAiCmB,IAEjCL,EAAA,IAEAE,EAAA;AAAA,MACJ;AAAA,MACJ,EAAA,WAAA,GAAA;AAAA,IACkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}