@adyen/bento-vue3 1.34.0 → 1.35.1

package/dist/code-snippet.js

@@ -1,4 +1,4 @@
-import { c as n, b as o, a as p, B as a } from "./chunks/code-snippet.BWM5w4CP.js";
+import { c as n, b as o, a as p, B as a } from "./chunks/code-snippet.1SigVnjS.js";
 export {
   n as BentoCodeSnippet,
   o as BentoCodeSnippetEvent,

package/dist/currency.js

@@ -1,4 +1,4 @@
-import { c as o, B as n } from "./chunks/currency.CFJy6QYU.js";
+import { c as o, B as n } from "./chunks/currency.BdtY-UIM.js";
 export {
   o as BentoCurrency,
   n as BentoCurrencyISOCode

package/dist/dashboard-template.js

@@ -1,4 +1,4 @@
-import { a as e, d as t } from "./chunks/dashboard-section.BIH2wzgk.js";
+import { a as e, d as t } from "./chunks/dashboard-section.BOrGKdY9.js";
 export {
   e as BentoDashboardSection,
   t as BentoDashboardTemplate

package/dist/dashed-underline.js

@@ -1,4 +1,4 @@
-import { d as n } from "./chunks/dashed-underline.CFJdLuJp.js";
+import { d as n } from "./chunks/dashed-underline.BO4BuqUM.js";
 export {
   n as BentoDashedUnderline
 };

package/dist/data-grid-template.js

@@ -1,4 +1,4 @@
-import { d as t } from "./chunks/data-grid-template.21gqdYrs.js";
+import { d as t } from "./chunks/data-grid-template.O946JKTa.js";
 export {
   t as BentoDataGridTemplate
 };

package/dist/data-grid.js

@@ -1,4 +1,4 @@
-import { B as e, d as o, a as r, f as n, e as i, c as B, b as d } from "./chunks/data-grid.DUwLxtW_.js";
+import { B as e, d as o, a as r, f as n, e as i, c as B, b as d } from "./chunks/data-grid.Bv5TA_zR.js";
 export {
   e as BentoColumnOverflow,
   o as BentoDataGrid,

package/dist/date-picker.js

@@ -1,5 +1,5 @@
-import { B as a, a as r } from "./chunks/date-picker.21z_Sw4V.js";
-import { C as i } from "./chunks/calendar.D--sOCBT.js";
+import { B as a, a as r } from "./chunks/date-picker.DvEPEMIM.js";
+import { C as i } from "./chunks/calendar.DzYaxc0M.js";
 export {
   a as BentoDatePicker,
   r as BentoDatePickerEvent,

package/dist/date-range-picker.js

@@ -1,5 +1,5 @@
-import { B as t, a as r } from "./chunks/date-range-picker.K2TeW8aX.js";
-import { C as o } from "./chunks/calendar.D--sOCBT.js";
+import { B as t, a as r } from "./chunks/date-range-picker.BLVlkkG_.js";
+import { C as o } from "./chunks/calendar.DzYaxc0M.js";
 export {
   t as BentoDateRangePicker,
   r as BentoDateRangePickerEvent,

package/dist/date.js

@@ -1,4 +1,4 @@
-import { B as e, a as o } from "./chunks/date.D8rQMzMG.js";
+import { B as e, a as o } from "./chunks/date.CYUV4seY.js";
 export {
   e as BentoDate,
   o as BentoDateFormat

package/dist/dropdown.js

@@ -1,7 +1,7 @@
-import { B as r } from "./chunks/dropdown.ex87AZ7s.js";
+import { B as r } from "./chunks/dropdown.rFZp3hMb.js";
 import { B as t } from "./chunks/dropdown-default-textbox.Bu4bpNGU.js";
-import { _ as p, a as d, b as B, c as s, d as w } from "./chunks/dropdown-tag.BNJnscD2.js";
-import { a as m, B as y } from "./chunks/use-cached-selected-values.ClVxNmUf.js";
+import { _ as p, a as d, b as B, c as s, d as w } from "./chunks/dropdown-tag.bpKWbC_O.js";
+import { a as m, B as y } from "./chunks/use-cached-selected-values.CS3gHOyI.js";
 export {
   r as BentoDropdown,
   p as BentoDropdownAvatar,

package/dist/filter-bar.js

@@ -1,4 +1,4 @@
-import { B as r, b as a, a as B, c as n } from "./chunks/filter-bar.BAmG-yML.js";
+import { B as r, b as a, a as B, c as n } from "./chunks/filter-bar.IN7gqxsc.js";
 export {
   r as BentoFilterBar,
   a as BentoFilterBarEvent,

package/dist/form-layout.js

@@ -1,4 +1,4 @@
-import { f as a, a as e, c as r, b as m } from "./chunks/form-layout-title.Boi0QQZL.js";
+import { f as a, a as e, c as r, b as m } from "./chunks/form-layout-title.Bi_3du_6.js";
 export {
   a as BentoFormLayout,
   e as BentoFormLayoutFieldTip,

package/dist/header.js

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

package/dist/index.js

@@ -3,79 +3,79 @@ import { t as f, c as x } from "./chunks/use-bento-toast-controller.BDYlxAYq.js"
 import { u as P } from "./chunks/use-bento-toast-controller.BDYlxAYq.js";
 import { d as g } from "./chunks/typography.z9P0Ec3Q.js";
 import { B as k, c as w, b as G, a as M } from "./chunks/typography.z9P0Ec3Q.js";
-import { B as O } from "./chunks/action-bar.DGQYYi8b.js";
-import { a as j, b as z } from "./chunks/accordion-item.CQ8DLt9l.js";
-import { B as K, c as U, b as _, a as Z } from "./chunks/alert.Bz4tNKDH.js";
-import { B as Y } from "./chunks/avatar.mNlMngHQ.js";
+import { B as O } from "./chunks/action-bar.5XBrXwYv.js";
+import { a as j, b as z } from "./chunks/accordion-item.C30QFxol.js";
+import { B as K, c as U, b as _, a as Z } from "./chunks/alert.BvSx_Bi7.js";
+import { B as Y } from "./chunks/avatar.8erKxh8t.js";
 import { B as q, b as J, a as Q } from "./chunks/button.Br6CyG40.js";
-import { c as $, B as ee, a as te } from "./chunks/card.BvSoujBc.js";
-import { d as ae } from "./chunks/dashed-underline.CFJdLuJp.js";
-import { B as re, d as se, a as Be, f as ie, e as pe, c as me, b as de } from "./chunks/data-grid.DUwLxtW_.js";
-import { B as le, a as ce } from "./chunks/date-picker.21z_Sw4V.js";
-import { B as xe, a as ge } from "./chunks/date-range-picker.K2TeW8aX.js";
-import { B as Se, u as be } from "./chunks/dropdown.ex87AZ7s.js";
+import { c as $, B as ee, a as te } from "./chunks/card.Bt8jcp9I.js";
+import { d as ae } from "./chunks/dashed-underline.BO4BuqUM.js";
+import { B as re, d as se, a as Be, f as ie, e as pe, c as me, b as de } from "./chunks/data-grid.Bv5TA_zR.js";
+import { B as le, a as ce } from "./chunks/date-picker.DvEPEMIM.js";
+import { B as xe, a as ge } from "./chunks/date-range-picker.BLVlkkG_.js";
+import { B as Se, u as be } from "./chunks/dropdown.rFZp3hMb.js";
 import { B as Te } from "./chunks/dropdown-default-textbox.Bu4bpNGU.js";
 import { B as De } from "./chunks/divider.ugNXYI-T.js";
-import { B as Ie, a as Ee } from "./chunks/checkbox.DMMXn-h8.js";
+import { B as Ie, a as Ee } from "./chunks/checkbox.Bk_jmkGe.js";
 import { B as Le } from "./chunks/click-outside.DSszkIvs.js";
-import { c as Ve, b as ke, a as we, B as Ge } from "./chunks/code-snippet.BWM5w4CP.js";
+import { c as Ve, b as ke, a as we, B as Ge } from "./chunks/code-snippet.1SigVnjS.js";
 import { c as Ae } from "./chunks/country.CVI-oSer.js";
 import { a as Re, B as je, u as ze, b as Ne, c as Ke } from "./chunks/country.types.Br0AjxGy.js";
-import { c as _e, B as Ze } from "./chunks/currency.CFJy6QYU.js";
-import { B as Ye, a as He } from "./chunks/date.D8rQMzMG.js";
+import { c as _e, B as Ze } from "./chunks/currency.BdtY-UIM.js";
+import { B as Ye, a as He } from "./chunks/date.CYUV4seY.js";
 import { B as Je, b as Qe, c as Xe, a as $e } from "./chunks/empty-state.CyEWCcDk.js";
-import { B as tt, b as ot, a as at, c as nt } from "./chunks/filter-bar.BAmG-yML.js";
-import { f as st, a as Bt, c as it, b as pt } from "./chunks/form-layout-title.Boi0QQZL.js";
+import { B as tt, b as ot, a as at, c as nt } from "./chunks/filter-bar.IN7gqxsc.js";
+import { f as st, a as Bt, c as it, b as pt } from "./chunks/form-layout-title.Bi_3du_6.js";
 import { B as dt, a as ut, b as lt } from "./chunks/image.0KzfycGE.js";
 import { B as ft } from "./chunks/info-icon.DIu8FeJC.js";
-import { i as gt, B as yt } from "./chunks/inspector.types.t2SPyhw3.js";
-import { B as bt, b as Ct, e as Tt, c as vt, d as Dt, a as ht } from "./chunks/input-field.Dely7A8G.js";
+import { i as gt, B as yt } from "./chunks/inspector.types.xpv2J9pJ.js";
+import { B as bt, b as Ct, e as Tt, c as vt, d as Dt, a as ht } from "./chunks/input-field.CgS1AEGu.js";
 import { B as Et, a as Ft } from "./chunks/loading-indicator.BFMEf39U.js";
 import { B as Pt, a as Vt } from "./chunks/link.2YS7haGc.js";
-import { B as wt, a as Gt } from "./chunks/menu.CLicp_2I.js";
-import { d as At, f as Ot, g as Rt, B as jt, e as zt, c as Nt, a as Kt, b as Ut } from "./chunks/base-modal.Bl7DBkt0.js";
-import { m as Zt, B as Wt } from "./chunks/modal-fullscreen.Caqa7dDp.js";
-import { B as Ht } from "./chunks/header.BMYhkrGT.js";
-import { B as Jt } from "./chunks/pagination.I5w8bpUS.js";
+import { B as wt, a as Gt } from "./chunks/menu.BN5WGXw3.js";
+import { d as At, f as Ot, g as Rt, B as jt, e as zt, c as Nt, a as Kt, b as Ut } from "./chunks/base-modal.BenvK-Np.js";
+import { m as Zt, B as Wt } from "./chunks/modal-fullscreen.zljoH4pr.js";
+import { B as Ht } from "./chunks/header.Byd6jXl6.js";
+import { B as Jt } from "./chunks/pagination.BMn5ryDD.js";
 import { B as Xt } from "./chunks/payment-method.-3VYG5ud.js";
 import { B as eo } from "./chunks/payment-method.types.CJKfZQN5.js";
-import { B as oo, a as ao } from "./chunks/popover.DQP3ce2x.js";
-import { b as ro, B as so, a as Bo } from "./chunks/radio-group.lOSBHghv.js";
-import { B as po, b as mo, a as uo } from "./chunks/search-bar.GCRTgBUA.js";
-import { s as co } from "./chunks/secondary-nav.CGH_6m7u.js";
+import { B as oo, a as ao } from "./chunks/popover.pDk6zsak.js";
+import { b as ro, B as so, a as Bo } from "./chunks/radio-group.DUtoFXmr.js";
+import { B as po, b as mo, a as uo } from "./chunks/search-bar.poJCoGD-.js";
+import { s as co } from "./chunks/secondary-nav.Dyvd-YBg.js";
 import { B as xo } from "./chunks/segmented-control.DbR5NYWR.js";
 import { B as yo } from "./chunks/segmented-control.types.BHRLV8KU.js";
-import { B as bo, s as Co, a as To } from "./chunks/selection-card-group.BdTuPhEm.js";
-import { a as Do, B as ho, s as Io } from "./chunks/sidepanel.DA8nQepj.js";
+import { B as bo, s as Co, a as To } from "./chunks/selection-card-group.CHBS81j6.js";
+import { a as Do, B as ho, s as Io } from "./chunks/sidepanel.CuQCXV1E.js";
 import { s as Fo, B as Lo } from "./chunks/status.types.r9TfZmvE.js";
 import { a as Vo, s as ko, B as wo, b as Go } from "./chunks/step.ClnCjesW.js";
-import { B as Ao, a as Oo } from "./chunks/structured-list-item.Z-1ivOFu.js";
-import { s as jo, a as zo, e as No, b as Ko, c as Uo, B as _o, d as Zo, f as Wo } from "./chunks/summary-grid-item-custom.Dq3IIEvH.js";
+import { B as Ao, a as Oo } from "./chunks/structured-list-item.1A2sjhP4.js";
+import { s as jo, a as zo, e as No, b as Ko, c as Uo, B as _o, d as Zo, f as Wo } from "./chunks/summary-grid-item-custom.CuvUVoQ8.js";
 import { B as Ho, a as qo } from "./chunks/tabs.xY_6yqmE.js";
 import { B as Qo, a as Xo } from "./chunks/tag.RYw4OhWk.js";
-import { B as ea } from "./chunks/textarea.kYFGQFwd.js";
-import { t as oa, b as aa, a as na, c as ra, B as sa, d as Ba } from "./chunks/timeline-item.D-Yy2qQr.js";
+import { B as ea } from "./chunks/textarea.CHnvON8G.js";
+import { t as oa, b as aa, a as na, c as ra, B as sa, d as Ba } from "./chunks/timeline-item.Dc_l5Xyy.js";
 import { t as pa } from "./chunks/toast.CIVPmwmU.js";
 import { B as da, b as ua, a as la } from "./chunks/toggle.8t4flh_3.js";
 import * as n from "zod";
 import { u as fa } from "./chunks/use-click-outside.D6aIgS15.js";
-import { a as ga, d as ya } from "./chunks/dashboard-section.BIH2wzgk.js";
-import { d as ba } from "./chunks/data-grid-template.21gqdYrs.js";
+import { a as ga, d as ya } from "./chunks/dashboard-section.BOrGKdY9.js";
+import { d as ba } from "./chunks/data-grid-template.O946JKTa.js";
 import { D as Ta } from "./chunks/date-input.BqBdAO1E.js";
 import { a as Da, B as ha } from "./chunks/keyboard-navigation.Clz1jOaA.js";
-import { a as Ea, B as Fa, a as La, B as Pa } from "./chunks/use-cached-selected-values.ClVxNmUf.js";
+import { a as Ea, B as Fa, a as La, B as Pa } from "./chunks/use-cached-selected-values.CS3gHOyI.js";
 import { B as ka } from "./chunks/directive.O3yEdalv.js";
 import { B as Ga, a as Ma, b as Aa } from "./chunks/tooltip.DvsfWV0-.js";
-import { B as Ra, c as ja, a as za, b as Na } from "./chunks/button-actions.hdK5IgrZ.js";
-import { B as Ua, a as _a } from "./chunks/loading-button.Mx-oDIGy.js";
+import { B as Ra, c as ja, a as za, b as Na } from "./chunks/button-actions.DyI_dSvx.js";
+import { B as Ua, a as _a } from "./chunks/loading-button.Bntgn6Lk.js";
 import { B as Wa } from "./chunks/toggle-button.CBRd1v6x.js";
-import { C as Ha, C as qa } from "./chunks/calendar.D--sOCBT.js";
-import { _ as Qa, a as Xa, b as $a, c as en, d as tn } from "./chunks/dropdown-tag.BNJnscD2.js";
+import { C as Ha, C as qa } from "./chunks/calendar.DzYaxc0M.js";
+import { _ as Qa, a as Xa, b as $a, c as en, d as tn } from "./chunks/dropdown-tag.bpKWbC_O.js";
 import { C as an } from "./chunks/checkbox-input.JdcvpfTa.js";
-import { c as rn, B as sn } from "./chunks/checkbox-group.CuLP3hPd.js";
-import { _ as pn } from "./chunks/modal.vue_vue_type_script_setup_true_lang.Dzmth-oW.js";
+import { c as rn, B as sn } from "./chunks/checkbox-group.B0wngKi6.js";
+import { _ as pn } from "./chunks/modal.vue_vue_type_script_setup_true_lang.tT8umwqG.js";
 import { R as dn } from "./chunks/radio-input.DtvlM-mr.js";
-import { _ as ln } from "./chunks/tutorial.vue_vue_type_script_setup_true_lang.D-ZFDn95.js";
+import { _ as ln } from "./chunks/tutorial.vue_vue_type_script_setup_true_lang.DdLmYCOe.js";
 function h(e) {
   return e;
 }

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.Dely7A8G.js";
+import { B as n, b as a, e as o, c as i, d as s, a as l } from "./chunks/input-field.CgS1AEGu.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.t2SPyhw3.js";
+import { i as t, B as n } from "./chunks/inspector.types.xpv2J9pJ.js";
 export {
   t as BentoInspector,
   n as BentoInspectorSizeOptions

package/dist/internal.js

@@ -1,11 +1,11 @@
-import { a as o, b as r, C as s } from "./chunks/calendar.D--sOCBT.js";
-import { C as p, a as l } from "./chunks/copy.h-wVGvID.js";
-import { C } from "./chunks/controls-group.BnZVHgQK.js";
+import { a as o, b as r, C as s } from "./chunks/calendar.DzYaxc0M.js";
+import { C as p, a as l } from "./chunks/copy.1-HH1fz5.js";
+import { C } from "./chunks/controls-group.COc0kArc.js";
 import { B as x, b as m, a as E, D as f } from "./chunks/dialog-page.DALFn9KR.js";
-import { E as d, F as I } from "./chunks/error-message.D2Y99KjT.js";
+import { E as d, F as I } from "./chunks/error-message.DblYEZ7E.js";
 import { F as _ } from "./chunks/fixed-scroller.DwYB1pqo.js";
 import { G as O, a as T } from "./chunks/grid-layout.CqLbbEzI.js";
-import { b as g, c as y, u as A } from "./chunks/use-cached-selected-values.ClVxNmUf.js";
+import { b as g, c as y, u as A } from "./chunks/use-cached-selected-values.CS3gHOyI.js";
 import { L as F } from "./chunks/listbox-option-tag.QqDEHMKB.js";
 import { B as N } from "./chunks/teleport.L8qFCYpr.js";
 export {

package/dist/menu.js

@@ -1,4 +1,4 @@
-import { B as o, a as t } from "./chunks/menu.CLicp_2I.js";
+import { B as o, a as t } from "./chunks/menu.BN5WGXw3.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.Caqa7dDp.js";
+import { m as o, B as a } from "./chunks/modal-fullscreen.zljoH4pr.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.Bl7DBkt0.js";
-import { _ as i } from "./chunks/modal.vue_vue_type_script_setup_true_lang.Dzmth-oW.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.BenvK-Np.js";
+import { _ as i } from "./chunks/modal.vue_vue_type_script_setup_true_lang.tT8umwqG.js";
 export {
   i as BentoModal,
   e as BentoModalColumnLayoutVariant,

package/dist/pagination.js

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

package/dist/popover.js

@@ -1,4 +1,4 @@
-import { B as r, a as s } from "./chunks/popover.DQP3ce2x.js";
+import { B as r, a as s } from "./chunks/popover.pDk6zsak.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.lOSBHghv.js";
+import { b as t, B as e, a as n } from "./chunks/radio-group.DUtoFXmr.js";
 import { R as B } from "./chunks/radio-input.DtvlM-mr.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.GCRTgBUA.js";
-import { u as o } from "./chunks/dropdown.ex87AZ7s.js";
+import { B as r, b as t, a as B } from "./chunks/search-bar.poJCoGD-.js";
+import { u as o } from "./chunks/dropdown.rFZp3hMb.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.CGH_6m7u.js";
+import { s as e } from "./chunks/secondary-nav.Dyvd-YBg.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.BdTuPhEm.js";
+import { B as t, s as a, a as n } from "./chunks/selection-card-group.CHBS81j6.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.DA8nQepj.js";
+import { a as n, B as o, s as t } from "./chunks/sidepanel.CuQCXV1E.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.Z-1ivOFu.js";
+import { B as r, a as o } from "./chunks/structured-list-item.1A2sjhP4.js";
 export {
   r as BentoStructuredList,
   o as BentoStructuredListItem

package/dist/styles/bento.css

@@ -1377,6 +1377,7 @@
   --b-dashboard-template-xxl-padding: var(--b-spacer-110) var(--b-spacer-130);
   --b-dashboard-template-m-and-up-padding: var(--b-spacer-110) var(--b-spacer-110);
   --b-dashboard-template-padding: var(--b-spacer-090) var(--b-spacer-090);
+  --b-currency-color: var(--b-color-label-primary);
   --b-country-label-color: var(--b-color-label-primary);
   --b-controls-group-label-container-margin-bottom: var(--b-spacer-060);
   --b-controls-group-label-container-gap: var(--b-spacer-020);
@@ -1733,10 +1734,12 @@
   --b-accordion-item-animation-easing: var(--b-animation-easing-standard);
   --b-accordion-item-animation-duration: var(--b-animation-duration-moderate);
   --b-accordion-item-content-padding: var(--b-spacer-060) var(--b-spacer-070) var(--b-spacer-070) var(--b-spacer-100);
+  --b-accordion-item-content-color: var(--b-color-label-primary);
   --b-accordion-item-button-active-background-color: var(--b-color-background-primary-active);
   --b-accordion-item-button-hover-background-color: var(--b-color-background-primary-hover);
   --b-accordion-item-button-padding: var(--b-spacer-060) var(--b-spacer-070) var(--b-spacer-060) 0;
   --b-accordion-item-button-gap: var(--b-spacer-070);
+  --b-accordion-item-button-color: var(--b-color-label-primary);
   --b-accordion-item-border: var(--b-border-width-s) solid var(--b-color-outline-primary);
   --b-accordion-item-background-color: var(--b-color-background-primary);
   --b-focus-ring-outline: var(--b-border-width-l);

package/dist/styles/legacy.css

@@ -1326,6 +1326,7 @@
   --b-dashboard-template-xxl-padding: var(--b-spacer-110) var(--b-spacer-130);
   --b-dashboard-template-m-and-up-padding: var(--b-spacer-110) var(--b-spacer-110);
   --b-dashboard-template-padding: var(--b-spacer-090) var(--b-spacer-090);
+  --b-currency-color: var(--b-color-label-primary);
   --b-country-label-color: var(--b-color-label-primary);
   --b-controls-group-label-container-margin-bottom: var(--b-spacer-060);
   --b-controls-group-label-container-gap: var(--b-spacer-020);
@@ -1598,10 +1599,12 @@
   --b-accordion-item-animation-easing: var(--b-animation-easing-standard);
   --b-accordion-item-animation-duration: var(--b-animation-duration-moderate);
   --b-accordion-item-content-padding: 0 var(--b-spacer-070) var(--b-spacer-090) 44px;
+  --b-accordion-item-content-color: var(--b-color-label-primary);
   --b-accordion-item-button-active-background-color: var(--b-color-grey-20);
   --b-accordion-item-button-hover-background-color: var(--b-color-grey-10);
   --b-accordion-item-button-padding: var(--b-spacer-070);
   --b-accordion-item-button-gap: var(--b-spacer-070);
+  --b-accordion-item-button-color: var(--b-color-label-primary);
   --b-accordion-item-border: var(--b-border-width-s) solid var(--b-color-grey-20);
   --b-text-title-l-font-weight: var(--b-font-weight-600);
   --b-text-title-l-font-family: var(--b-font-family-primary);

package/dist/styles/styleguide.css

@@ -1432,6 +1432,7 @@
   --b-dashboard-template-xxl-padding: var(--b-spacer-110) var(--b-spacer-130);
   --b-dashboard-template-m-and-up-padding: var(--b-spacer-110) var(--b-spacer-110);
   --b-dashboard-template-padding: var(--b-spacer-090) var(--b-spacer-090);
+  --b-currency-color: var(--b-color-label-primary);
   --b-country-label-color: var(--b-color-label-primary);
   --b-controls-group-label-container-margin-bottom: var(--b-spacer-060);
   --b-controls-group-label-container-gap: var(--b-spacer-020);
@@ -1788,10 +1789,12 @@
   --b-accordion-item-animation-easing: var(--b-animation-easing-standard);
   --b-accordion-item-animation-duration: var(--b-animation-duration-moderate);
   --b-accordion-item-content-padding: var(--b-spacer-060) var(--b-spacer-070) var(--b-spacer-070) var(--b-spacer-100);
+  --b-accordion-item-content-color: var(--b-color-label-primary);
   --b-accordion-item-button-active-background-color: var(--b-color-background-primary-active);
   --b-accordion-item-button-hover-background-color: var(--b-color-background-primary-hover);
   --b-accordion-item-button-padding: var(--b-spacer-060) var(--b-spacer-070) var(--b-spacer-060) 0;
   --b-accordion-item-button-gap: var(--b-spacer-070);
+  --b-accordion-item-button-color: var(--b-color-label-primary);
   --b-accordion-item-border: var(--b-border-width-s) solid var(--b-color-outline-primary);
   --b-accordion-item-background-color: var(--b-color-background-primary);
   --b-focus-ring-outline: var(--b-border-width-l);

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-item-custom.Dq3IIEvH.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-item-custom.CuvUVoQ8.js";
 export {
   r as BentoSummaryGrid,
   t as BentoSummaryGridItemAmount,

package/dist/textarea.js

@@ -1,4 +1,4 @@
-import { B as o } from "./chunks/textarea.kYFGQFwd.js";
+import { B as o } from "./chunks/textarea.CHnvON8G.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.D-Yy2qQr.js";
+import { t, b as i, a, c as m, B as o, d as l } from "./chunks/timeline-item.Dc_l5Xyy.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.D-ZFDn95.js";
+import { _ as t } from "./chunks/tutorial.vue_vue_type_script_setup_true_lang.DdLmYCOe.js";
 export {
   t as BentoTutorial
 };

package/dist/web-types.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adyen/bento-vue3",
-  "version": "1.34.0",
+  "version": "1.35.1",
   "description": "Adyen Bento Vue 3 components",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -35,7 +35,7 @@
     "focus-lock": "0.11.0",
     "uuid": "9.0.0",
     "vue-demi": "0.14.10",
-    "@adyen/bento-design-tokens": "1.34.0"
+    "@adyen/bento-design-tokens": "1.35.1"
   },
   "peerDependencies": {
     "vue": "^3.2.47",

package/dist/chunks/accordion-item.CQ8DLt9l.js

@@ -1,126 +0,0 @@
-import { defineComponent as C, provide as B, toRef as O, openBlock as a, createElementBlock as d, renderSlot as E, ref as b, inject as $, computed as z, watch as s, createVNode as h, unref as e, withCtx as y, createElementVNode as g, createBlock as I, createTextVNode as D, toDisplayString as H, Transition as V, normalizeStyle as w, createCommentVNode as A } from "vue";
-import { _ as N } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { B as R } from "./typography.z9P0Ec3Q.js";
-import { C as j, a as M } from "./chevron-up.DQZG_BP3.js";
-import { g as x } from "./unique-id.XFfoKuc2.js";
-import { o as U } from "./resize.Bqks3WUm.js";
-import { u as q } from "./use-expandable-content-height.GkjjbmPy.js";
-import "../assets/accordion-item.css";
-const S = Symbol("accordion title size injection key"), J = { class: "b-accordion" }, K = {}, L = /* @__PURE__ */ C({
-  ...K,
-  __name: "accordion",
-  props: {
-    /**
-     * Controls accordion title size.
-     * @values default, small
-     */
-    titleSize: {
-      type: String,
-      default: "default"
-    }
-  },
-  setup(i) {
-    return B(S, O(i, "titleSize")), (r, c) => (a(), d("div", J, [
-      E(r.$slots, "default", {}, void 0, !0)
-    ]));
-  }
-}), ie = /* @__PURE__ */ N(L, [["__scopeId", "data-v-9fccc066"]]), Y = { class: "b-accordion-item" }, Z = ["id", "aria-controls", "aria-expanded"], F = ["id", "aria-labelledby"], G = {}, P = /* @__PURE__ */ C({
-  ...G,
-  __name: "accordion-item",
-  props: {
-    /**
-     * Sets the title of the accordion item.
-     */
-    title: {
-      type: String,
-      required: !0
-    },
-    /**
-     * Controls if the content is visible or hidden.
-     */
-    isExpanded: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["update:is-expanded"],
-  setup(i, { emit: l }) {
-    const r = "b-accordion-item__animation--content", c = i, T = l, n = b(null), t = b(c.isExpanded), u = x("accordionItemButton"), m = x("accordionItemContent"), p = $(S, "default"), { updateContentHeight: _, contentHeight: v } = q(n, t), k = z(() => v.value ? { "max-height": v.value } : {});
-    return s(
-      () => c.isExpanded,
-      (o) => {
-        t.value = o;
-      }
-    ), s(
-      () => n.value,
-      () => {
-        let o = null;
-        !o && n.value && (o = U(n.value, () => {
-          n.value && _();
-        }));
-      }
-    ), s(
-      t,
-      (o) => {
-        T("update:is-expanded", o), _();
-      },
-      { immediate: !0 }
-    ), (o, f) => (a(), d("div", Y, [
-      h(e(R), {
-        el: "h3",
-        variant: e(p) === "small" ? "body" : "title",
-        strongest: e(p) === "small"
-      }, {
-        default: y(() => [
-          g("button", {
-            id: e(u),
-            "aria-controls": e(m),
-            "aria-expanded": `${t.value}`,
-            type: "button",
-            class: "b-accordion-item__button",
-            onClick: f[0] || (f[0] = (Q) => t.value = !t.value)
-          }, [
-            t.value ? (a(), I(e(j), {
-              key: 0,
-              class: "b-accordion-item__icon",
-              "svg-title": "collapse",
-              "aria-hidden": "true"
-            })) : (a(), I(e(M), {
-              key: 1,
-              class: "b-accordion-item__icon",
-              "svg-title": "expand",
-              "aria-hidden": "true"
-            })),
-            D(" " + H(i.title), 1)
-          ], 8, Z)
-        ]),
-        _: 1
-      }, 8, ["variant", "strongest"]),
-      h(V, { name: r }, {
-        default: y(() => [
-          t.value ? (a(), d("div", {
-            key: 0,
-            id: e(m),
-            "aria-labelledby": e(u),
-            role: "region",
-            style: w(k.value)
-          }, [
-            g("div", {
-              ref_key: "contentDiv",
-              ref: n,
-              class: "b-accordion-item__content"
-            }, [
-              E(o.$slots, "default", {}, void 0, !0)
-            ], 512)
-          ], 12, F)) : A("", !0)
-        ]),
-        _: 3
-      })
-    ]));
-  }
-}), re = /* @__PURE__ */ N(P, [["__scopeId", "data-v-b1de8d3a"]]);
-export {
-  ie as a,
-  re as b
-};
-//# sourceMappingURL=accordion-item.CQ8DLt9l.js.map

package/dist/chunks/accordion-item.CQ8DLt9l.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"accordion-item.CQ8DLt9l.js","sources":["../../../vue2/src/components/accordion/accordion.keys.ts","../../../vue2/src/components/accordion/accordion.vue","../../../vue2/src/components/accordion/components/accordion-item.vue"],"sourcesContent":["export const ACCORDION_TITLE_SIZE_INJECTION_KEY = Symbol('accordion title size injection key');\n","<template>\n    <div class=\"b-accordion\">\n        <slot />\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { PropType, provide, toRef } from 'vue';\n\n    import { ACCORDION_TITLE_SIZE_INJECTION_KEY } from './accordion.keys';\n\n    import type { BentoAccordionTitleSize } from './accordion.types';\n\n    const props = defineProps({\n        /**\n         * Controls accordion title size.\n         * @values default, small\n         */\n        titleSize: {\n            type: String as PropType<BentoAccordionTitleSize>,\n            default: 'default',\n        },\n    });\n\n    provide(ACCORDION_TITLE_SIZE_INJECTION_KEY, toRef(props, 'titleSize'));\n</script>\n\n<script lang=\"ts\">\n    /**\n     * An accordion is a vertical stack of interactive headers used to reveal or hide\n     * sections of content associated with these headers.\n     *\n     * This component must only have `BentoAccordionItem` components in its default slot.\n     *\n     * Accordion items should be collapsed by default.\n     *\n     * @example\n     * import { BentoAccordion, BentoAccordionItem } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoAccordion, BentoAccordionItem },\n     *     template: `\n     *          <bento-accordion>\n     *              <bento-accordion-item title=\"Item 1\">\n     *                  Content for item 1\n     *              </bento-accordion-item>\n     *              <bento-accordion-item title=\"Item 2\">\n     *                  Content for item 2\n     *              </bento-accordion-item>\n     *          </bento-accordion>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./accordion.scss\" />\n","<template>\n    <div class=\"b-accordion-item\">\n        <bento-typography\n            el=\"h3\"\n            :variant=\"titleSize === 'small' ? 'body' : 'title'\"\n            :strongest=\"titleSize === 'small'\"\n        >\n            <button\n                :id=\"buttonId\"\n                :aria-controls=\"contentId\"\n                :aria-expanded=\"`${isOpen}`\"\n                type=\"button\"\n                class=\"b-accordion-item__button\"\n                @click=\"isOpen = !isOpen\"\n            >\n                <chevron-up-icon v-if=\"isOpen\" class=\"b-accordion-item__icon\" svg-title=\"collapse\" aria-hidden=\"true\" />\n                <chevron-down-icon v-else class=\"b-accordion-item__icon\" svg-title=\"expand\" aria-hidden=\"true\" />\n                {{ title }}\n            </button>\n        </bento-typography>\n\n        <Transition :name=\"CONTENT_TRANSITION_NAME\">\n            <div v-if=\"isOpen\" :id=\"contentId\" :aria-labelledby=\"buttonId\" role=\"region\" :style=\"contentMaxHeight\">\n                <div ref=\"contentDiv\" class=\"b-accordion-item__content\">\n                    <slot />\n                </div>\n            </div>\n        </Transition>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, inject, ref, watch } from 'vue';\n\n    import { BentoTypography } from '@/components/typography';\n    import ChevronDownIcon from '@adyen/ui-assets-icons-16/vue/chevron-down';\n    import ChevronUpIcon from '@adyen/ui-assets-icons-16/vue/chevron-up';\n\n    import { generateUid } from '@/utils/ts/unique-id';\n    import { observeSizeOfElement } from '@/utils/ts/resize';\n\n    import { ACCORDION_TITLE_SIZE_INJECTION_KEY } from '../accordion.keys';\n\n    import type { BentoAccordionTitleSize } from '../accordion.types';\n    import { useExpandableContentHeight } from '@/composables/use-expandable-content-height/use-expandable-content-height';\n\n    const CONTENT_TRANSITION_NAME = 'b-accordion-item__animation--content';\n\n    const props = defineProps({\n        /**\n         * Sets the title of the accordion item.\n         */\n        title: {\n            type: String,\n            required: true,\n        },\n        /**\n         * Controls if the content is visible or hidden.\n         */\n        isExpanded: {\n            type: Boolean,\n            default: false,\n        },\n    });\n\n    const emit = defineEmits<{\n        /**\n         * Emits update event when content is toggled\n         */\n        (e: 'update:is-expanded', value: boolean): void;\n    }>();\n\n    // Refs\n    const contentDiv = ref<HTMLDivElement>(null);\n    const isOpen = ref(props.isExpanded);\n\n    // Generating IDs\n    const buttonId = generateUid('accordionItemButton');\n    const contentId = generateUid('accordionItemContent');\n\n    // Injecting prop from parent\n    const titleSize = inject<`${BentoAccordionTitleSize}`>(ACCORDION_TITLE_SIZE_INJECTION_KEY, 'default');\n\n    // Getting and setting the item height to be able to handle height animation\n    const { updateContentHeight, contentHeight } = useExpandableContentHeight(contentDiv, isOpen);\n\n    const contentMaxHeight = computed(() => (contentHeight.value ? { 'max-height': contentHeight.value } : {}));\n\n    watch(\n        () => props.isExpanded,\n        value => {\n            isOpen.value = value;\n        }\n    );\n\n    watch(\n        () => contentDiv.value,\n        () => {\n            let observer: ResizeObserver | null = null;\n            if (!observer && contentDiv.value) {\n                observer = observeSizeOfElement(contentDiv.value, () => {\n                    if (contentDiv.value) {\n                        updateContentHeight();\n                    }\n                });\n            }\n        }\n    );\n\n    watch(\n        isOpen,\n        value => {\n            // Enable two-way data binding for `isExpanded`\n            emit('update:is-expanded', value);\n\n            updateContentHeight();\n        },\n        { immediate: true }\n    );\n</script>\n\n<script lang=\"ts\">\n    /**\n     * An accordion item is an interactive header used to reveal or hide a\n     * section of content associated with this header.\n     *\n     * This component must always be wrapped by a `BentoAccordion` component.\n     *\n     * @example\n     * import { BentoAccordion, BentoAccordionItem } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoAccordion, BentoAccordionItem },\n     *     template: `\n     *          <bento-accordion>\n     *              <bento-accordion-item title=\"Item 1\">\n     *                  Content for item 1\n     *              </bento-accordion-item>\n     *              <bento-accordion-item title=\"Item 2\">\n     *                  Content for item 2\n     *              </bento-accordion-item>\n     *          </bento-accordion>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./accordion-item.scss\" />\n"],"names":["ACCORDION_TITLE_SIZE_INJECTION_KEY","__default__$1","provide","toRef","__props","__default__","CONTENT_TRANSITION_NAME","props","emit","__emit","contentDiv","ref","isOpen","buttonId","generateUid","contentId","titleSize","inject","updateContentHeight","contentHeight","useExpandableContentHeight","contentMaxHeight","computed","watch","value","observer","observeSizeOfElement"],"mappings":";;;;;;;;AAAa,MAAAA,IAAA,OAAA,oCAAA,iCCqDTC,IAAA,CAAA;;;;;;;;;;;;;;AA7BA,WAAAC,EAAAF,GAAAG,EAXAC,GAWA,WAAA,CAAA;;;;mLCyHAC,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;AAnGA,UAAAC,IAAA,wCAEAC,IAAAH,GAiBAI,IAAAC,GAQAC,IAAAC,EAAA,IAAA,GACAC,IAAAD,EAAAJ,EAAA,UAAA,GAGAM,IAAAC,EAAA,qBAAA,GACAC,IAAAD,EAAA,sBAAA,GAGAE,IAAAC,EAAAjB,GAAA,SAAA,GAGA,EAAA,qBAAAkB,GAAA,eAAAC,EAAA,IAAAC,EAAAV,GAAAE,CAAA,GAEAS,IAAAC,EAAA,MAAAH,EAAA,QAAA,EAAA,cAAAA,EAAA,MAAA,IAAA,CAAA,CAAA;AAEA,WAAAI;AAAA,MAAA,MAAAhB,EAAA;AAAA,MACgB,CAAAiB,MAAA;AAER,QAAAZ,EAAA,QAAAY;AAAA,MAAe;AAAA,IACnB,GAGJD;AAAA,MAAA,MAAAb,EAAA;AAAA,MACqB,MAAA;AAEb,YAAAe,IAAA;AACA,QAAA,CAAAA,KAAAf,EAAA,UACIe,IAAAC,EAAAhB,EAAA,OAAA,MAAA;AACI,UAAAA,EAAA,SACIQ,EAAA;AAAA,QACJ,CAAA;AAAA,MAER;AAAA,IACJ,GAGJK;AAAA,MAAAX;AAAA,MACI,CAAAY,MAAA;AAGI,QAAAhB,EAAA,sBAAAgB,CAAA,GAEAN,EAAA;AAAA,MAAoB;AAAA,MACxB,EAAA,WAAA,GAAA;AAAA,IACkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}