@adyen/bento-vue3 1.45.0 → 1.46.0

package/dist/modal-fullscreen.js

@@ -1,4 +1,4 @@
-import { m as o, B as a } from "./chunks/modal-fullscreen.BazQAAU1.js";
+import { m as o, B as a } from "./chunks/modal-fullscreen.Bw0CzdjS.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.DbJYaHyG.js";
-import { _ as i } from "./chunks/modal.vue_vue_type_script_setup_true_lang.C8vZDtlE.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.BP7bUB84.js";
+import { _ as i } from "./chunks/modal.vue_vue_type_script_setup_true_lang.B-_oGtsE.js";
 export {
   i as BentoModal,
   e as BentoModalColumnLayoutVariant,

package/dist/pagination.js

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

package/dist/payment-method.js

@@ -1,4 +1,4 @@
-import { B as t } from "./chunks/payment-method.2IeC7f4x.js";
+import { B as t } from "./chunks/payment-method.Lwl-3chY.js";
 import { B as m } from "./chunks/payment-method.types.CJKfZQN5.js";
 export {
   t as BentoPaymentMethod,

package/dist/popover.js

@@ -1,4 +1,4 @@
-import { B as r, a as s } from "./chunks/popover.3KG1IoYE.js";
+import { B as r, a as s } from "./chunks/popover.BFZU1OKv.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.DKDjRvdv.js";
+import { P as r } from "./chunks/popper-container.CQblHdJf.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.BjLfDhBq.js";
+import { p as r, B as a, a as e } from "./chunks/promo-banner.DB6C9Tgr.js";
 export {
   r as BentoPromoBanner,
   a as BentoPromoBannerColor,

package/dist/radio-group.js

@@ -1,5 +1,5 @@
-import { b as t, B as e, a as n } from "./chunks/radio-group.CeiSaH6M.js";
-import { R as B } from "./chunks/radio-input.0TPahhZT.js";
+import { b as t, B as e, a as n } from "./chunks/radio-group.DVPnBI92.js";
+import { R as B } from "./chunks/radio-input.ButaAWTD.js";
 export {
   t as BentoRadioButton,
   B as BentoRadioButtonStateClass,

package/dist/search-bar.js

@@ -1,5 +1,5 @@
-import { B as r, b as t, a as B } from "./chunks/search-bar.BZDJJtWB.js";
-import { u as o } from "./chunks/dropdown.CZDXXpKe.js";
+import { B as r, b as t, a as B } from "./chunks/search-bar.CPOGuVqp.js";
+import { u as o } from "./chunks/dropdown.DhvCTlVl.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.qm-rh-r6.js";
+import { s as e } from "./chunks/secondary-nav.B1zTf8Ls.js";
 export {
   e as BentoSecondaryNav
 };

package/dist/segmented-control.js

@@ -1,4 +1,4 @@
-import { B as t } from "./chunks/segmented-control.BIwBQ8i3.js";
+import { B as t } from "./chunks/segmented-control.DV9mJM7g.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.DPGh4nwl.js";
+import { B as t, s as a, a as n } from "./chunks/selection-card-group.z0SNFpjN.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.DxSdFwm1.js";
+import { a as n, B as o, s as t } from "./chunks/sidepanel.B-YKxXQA.js";
 export {
   n as BentoSidepanel,
   o as BentoSidepanelEvent,

package/dist/status.js

@@ -1,4 +1,4 @@
-import { s, B as o } from "./chunks/status.types.Dil95sGx.js";
+import { s, B as o } from "./chunks/status.types.Bh_mGknA.js";
 export {
   s as BentoStatus,
   o as BentoStatusVariant

package/dist/stepper.js

@@ -1,4 +1,4 @@
-import { a as p, s as o, B as a, b as n } from "./chunks/step.DAB8h_4u.js";
+import { a as p, s as o, B as a, b as n } from "./chunks/step.CGHc2hFZ.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.DpI6jzfM.js";
+import { B as r, a as o } from "./chunks/structured-list-item.DNP6fkCb.js";
 export {
   r as BentoStructuredList,
   o as BentoStructuredListItem

package/dist/styles/bento-dark.css

@@ -642,6 +642,7 @@
   --b-stepper-step-button-padding: var(--b-spacer-030) var(--b-spacer-040);
   --b-stepper-step-button-color: var(--b-color-label-secondary);
   --b-stepper-text-stepper-color: var(--b-color-label-secondary);
+  --b-stepper-horizontal-gap: var(--b-spacer-040);
   --b-stepper-gap: var(--b-spacer-030);
   --b-status-indicator-yellow-background-color: var(--b-color-decorative-yellow);
   --b-status-indicator-red-background-color: var(--b-color-decorative-red);

package/dist/styles/bento-light.css

@@ -641,6 +641,7 @@
   --b-stepper-step-button-padding: var(--b-spacer-030) var(--b-spacer-040);
   --b-stepper-step-button-color: var(--b-color-label-secondary);
   --b-stepper-text-stepper-color: var(--b-color-label-secondary);
+  --b-stepper-horizontal-gap: var(--b-spacer-040);
   --b-stepper-gap: var(--b-spacer-030);
   --b-status-indicator-yellow-background-color: var(--b-color-decorative-yellow);
   --b-status-indicator-red-background-color: var(--b-color-decorative-red);

package/dist/styles/bento.css

@@ -641,6 +641,7 @@
   --b-stepper-step-button-padding: var(--b-spacer-030) var(--b-spacer-040);
   --b-stepper-step-button-color: var(--b-color-label-secondary);
   --b-stepper-text-stepper-color: var(--b-color-label-secondary);
+  --b-stepper-horizontal-gap: var(--b-spacer-040);
   --b-stepper-gap: var(--b-spacer-030);
   --b-status-indicator-yellow-background-color: var(--b-color-decorative-yellow);
   --b-status-indicator-red-background-color: var(--b-color-decorative-red);

package/dist/styles/legacy.css

@@ -65,7 +65,7 @@
   --b-toggle-track-toggled-border: 1px solid transparent;
   --b-toggle-track-toggled-padding: 1px solid transparent;
   --b-toggle-track-active-border-color: transparent;
-  --b-toggle-track-margin-top: 3px;;
+  --b-toggle-track-margin-top: 3px;
   --b-toggle-track-border: 1px solid transparent;
   --b-toggle-track-padding: 1px;
   --b-toggle-track-width: 33px;
@@ -117,11 +117,11 @@
   --b-secondary-nav-max-width: 200px;
   --b-radio-input-knob-size: 6px;
   --b-radio-input-knob-offset-error: 3.5px;
-  --b-radio-input-unchecked-error-border-width: 1.5px;;
+  --b-radio-input-unchecked-error-border-width: 1.5px;
   --b-radio-button-knob-size: 6px;
   --b-radio-button-knob-offset-error: 3.5px;
-  --b-radio-button-unchecked-error-border-width: 1.5px;;
-  --b-popover-box-shadow: 0px 8px 8px rgba(0, 17, 44, 0.04), 0px 2px 4px rgba(0, 17, 44, 0.08);;
+  --b-radio-button-unchecked-error-border-width: 1.5px;
+  --b-popover-box-shadow: 0px 8px 8px rgba(0, 17, 44, 0.04), 0px 2px 4px rgba(0, 17, 44, 0.08);
   --b-modal-backdrop-background-color: #00112c;
   --b-modal-header-container-padding-block: 19px;
   --b-loading-button-tertiary-loading-text-decoration: underline;
@@ -131,6 +131,7 @@
   --b-loading-button-secondary-success-hover-box-shadow: unset;
   --b-loading-button-secondary-success-hover-border-color: rgba(0, 0, 0, 0);
   --b-loading-button-secondary-success-border-color: rgba(0, 0, 0, 0);
+  --b-listbox-option-focus-font-color: #000;
   --b-link-hover-text-decoration: underline;
   --b-link-text-decoration: none;
   --b-input-field-input-box-focus-outline: 0;
@@ -664,6 +665,7 @@
   --b-stepper-step-button-padding: var(--b-spacer-030) var(--b-spacer-040);
   --b-stepper-step-button-color: var(--b-color-label-secondary);
   --b-stepper-text-stepper-color: var(--b-color-label-secondary);
+  --b-stepper-horizontal-gap: var(--b-spacer-040);
   --b-stepper-gap: var(--b-spacer-030);
   --b-status-indicator-yellow-background-color: var(--b-color-decorative-yellow);
   --b-status-indicator-red-background-color: var(--b-color-red-50);
@@ -924,7 +926,6 @@
   --b-listbox-option-tag-label-padding: 0 0 0 var(--b-spacer-040);
   --b-listbox-option-tag-label-color: var(--b-color-label-primary);
   --b-listbox-option-description-margin-top: var(--b-spacer-020);
-  --b-listbox-option-focus-font-color: {color.black};
   --b-listbox-option-focus-background-color: var(--b-color-background-primary-active);
   --b-listbox-option-disabled-font-color: var(--b-color-label-disabled);
   --b-listbox-option-padding: var(--b-spacer-040) var(--b-spacer-070);

package/dist/styles/styleguide.css

@@ -696,6 +696,7 @@
   --b-stepper-step-button-padding: var(--b-spacer-030) var(--b-spacer-040);
   --b-stepper-step-button-color: var(--b-color-label-secondary);
   --b-stepper-text-stepper-color: var(--b-color-label-secondary);
+  --b-stepper-horizontal-gap: var(--b-spacer-040);
   --b-stepper-gap: var(--b-spacer-030);
   --b-status-indicator-yellow-background-color: var(--b-color-decorative-yellow);
   --b-status-indicator-red-background-color: var(--b-color-decorative-red);

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.DCNWMasy.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.Dm2rULoZ.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.B5-PZCxc.js";
+import { B as e, a as s } from "./chunks/tabs.BXuDJsCU.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.BuUbvgok.js";
+import { B as t, a as e } from "./chunks/tag.bo9YuJ9f.js";
 export {
   t as BentoTag,
   e as BentoTagVariant

package/dist/textarea.js

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

package/dist/toast.js

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

package/dist/toggle.js

@@ -1,4 +1,4 @@
-import { B as a, b as g, a as s } from "./chunks/toggle.Dl82VpiQ.js";
+import { B as a, b as g, a as s } from "./chunks/toggle.Bme9eaeR.js";
 export {
   a as BentoToggle,
   g as BentoToggleLabelPosition,

package/dist/tutorial.js

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

package/dist/typography.js

@@ -1,4 +1,4 @@
-import { B as p, c as e, b as r, a as y } from "./chunks/typography.DN5eC5ch.js";
+import { B as p, c as e, b as r, a as y } from "./chunks/typography.DNzU41ah.js";
 export {
   p as BentoTypography,
   e as BentoTypographyElement,

package/dist/web-types.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adyen/bento-vue3",
-  "version": "1.45.0",
+  "version": "1.46.0",
   "description": "Adyen Bento Vue 3 components",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -34,9 +34,10 @@
     "@vueuse/core": "11.3.0",
     "date-fns": "2.28.0",
     "focus-lock": "0.11.0",
+    "mime": "4.0.6",
     "uuid": "11.0.5",
     "vue-demi": "0.14.10",
-    "@adyen/bento-design-tokens": "1.45.0"
+    "@adyen/bento-design-tokens": "1.46.0"
   },
   "peerDependencies": {
     "vue": "^3.2.47",
@@ -47,7 +48,8 @@
     "vue-router": ">=4"
   },
   "overrides": {
-    "@codemirror/state": "6.4.0"
+    "@codemirror/state": "catalog:",
+    "@codemirror/view": "catalog:"
   },
   "devDependencies": {
     "@adyen/lume-vue3": "1.11.3",
@@ -61,7 +63,7 @@
     "@codemirror/language": "6.10.3",
     "@codemirror/language-data": "6.4.0",
     "@codemirror/state": "6.4.0",
-    "@codemirror/view": "6.23.1",
+    "@codemirror/view": "6.36.1",
     "@playwright/experimental-ct-vue": "1.42.1",
     "@playwright/test": "1.42.1",
     "@storybook/addon-a11y": "8.6.4",
@@ -90,6 +92,7 @@
     "@vue/test-utils": "2.4.1",
     "axe-core": "4.4.2",
     "clean-webpack-plugin": "3.0.0",
+    "codemirror-lang-csv": "0.1.1",
     "css-loader": "5.2.7",
     "fork-ts-checker-webpack-plugin": "6.5.2",
     "html-webpack-plugin": "4.5.2",