@adyen/bento-vue3 1.52.0 → 1.53.0

package/dist/styles/styleguide.css

@@ -105,6 +105,7 @@
   --b-input-field-input-box-height: 36px;
   --b-input-field-password-validation-title-font-weight: 700;
   --b-header-actions-margin-top-desktop: 0;
+  --b-header-with-views-all-views-popover-menu-item-dragging-z-index: 1;
   --b-filter-button-label-line-height: 20px;
   --b-filter-bar-select-filter-button-divider-border-width: 0;
   --b-filter-bar-select-filter-divider-border-width: 0;
@@ -1150,6 +1151,49 @@
   --b-header-title-margin-top: var(--b-spacer-010);
   --b-header-title-color: var(--b-color-label-primary);
   --b-header-wrapper-gap: var(--b-spacer-110);
+  --b-header-with-views-edit-form-title-gap: var(--b-spacer-030);
+  --b-header-with-views-edit-form-icon-panel-padding: var(--b-spacer-020);
+  --b-header-with-views-edit-form-icon-panel-gap: var(--b-spacer-040);
+  --b-header-with-views-edit-form-icon-selector-gap: var(--b-spacer-050);
+  --b-header-with-views-edit-form-icon-options-button-border-selected: var(--b-border-width-s) solid var(--b-color-outline-primary-active);
+  --b-header-with-views-edit-form-icon-options-button-border-radius: var(--b-border-radius-s);
+  --b-header-with-views-edit-form-icon-options-button-border-hover: var(--b-border-width-s) solid var(--b-color-outline-primary-hover);
+  --b-header-with-views-edit-form-icon-color-options-gap: var(--b-spacer-020);
+  --b-header-with-views-edit-form-icon-color-options-button-padding: var(--b-spacer-010);
+  --b-header-with-views-edit-form-icon-color-options-button-border-radius: var(--b-border-radius-xl);
+  --b-header-with-views-edit-form-additional-config-margin-top: var(--b-spacer-080);
+  --b-header-with-views-edit-form-actions-margin-top: var(--b-spacer-060);
+  --b-header-with-views-edit-form-gap: var(--b-spacer-080);
+  --b-header-with-views-all-views-popover-menu-item-button-select-margin: var(--b-spacer-070);
+  --b-header-with-views-all-views-popover-menu-item-button-reorder-margin: var(--b-spacer-050);
+  --b-header-with-views-all-views-popover-menu-item-button-reorder-color: var(--b-color-label-tertiary);
+  --b-header-with-views-all-views-popover-menu-item-button-gap: var(--b-spacer-030);
+  --b-header-with-views-all-views-popover-menu-item-padding: var(--b-spacer-040) var(--b-spacer-070);
+  --b-header-with-views-all-views-popover-menu-item-hover-background-color: var(--b-color-background-modal-hover);
+  --b-header-with-views-all-views-popover-menu-item-focus-background-color: var(--b-color-background-modal-active);
+  --b-header-with-views-all-views-popover-menu-item-dragging-box-shadow: var(--b-shadow-medium);
+  --b-header-with-views-all-views-popover-menu-item-dragging-background-color: var(--b-color-background-selected);
+  --b-header-with-views-all-views-popover-menu-item-active-background-color: var(--b-color-background-modal-active);
+  --b-header-with-views-all-views-popover-padding: var(--b-spacer-040) var(--b-spacer-000);
+  --b-header-with-views-modal-description-gap: var(--b-spacer-070);
+  --b-header-with-views-bar-tab-icon-yellow: var(--b-color-decorative-yellow);
+  --b-header-with-views-bar-tab-icon-red: var(--b-color-decorative-red);
+  --b-header-with-views-bar-tab-icon-primary: var(--b-color-outline-primary-active);
+  --b-header-with-views-bar-tab-icon-orange: var(--b-color-decorative-orange);
+  --b-header-with-views-bar-tab-icon-green: var(--b-color-decorative-green);
+  --b-header-with-views-bar-tab-icon-blue: var(--b-color-decorative-blue);
+  --b-header-with-views-bar-tab-button-unsaved-color: var(--b-color-background-highlight-strong);
+  --b-header-with-views-bar-tab-button-menu-right: var(--b-spacer-040);
+  --b-header-with-views-bar-tab-button-menu-button-padding: var(--b-spacer-030);
+  --b-header-with-views-bar-tab-button-menu-background: linear-gradient(90deg, rgba(247, 247, 248, 0.00) 0%, var(--b-color-background-primary-hover) 45%);
+  --b-header-with-views-bar-tab-button-gap: var(--b-spacer-040);
+  --b-header-with-views-bar-tab-button-background-color-active: var(--b-color-background-primary-active);
+  --b-header-with-views-bar-tab-padding-inline: var(--b-border-width-l) var(--b-spacer-040);
+  --b-header-with-views-bar-padding: var(--b-spacer-030) 0;
+  --b-header-with-views-bar-gap: var(--b-spacer-020);
+  --b-header-with-views-title-gap: var(--b-spacer-030);
+  --b-header-with-views-padding-inline: var(--b-spacer-070);
+  --b-header-with-views-gap: var(--b-spacer-050);
   --b-form-layout-title-subsection-margin-top: var(--b-spacer-080);
   --b-form-layout-title-description-color: var(--b-color-label-secondary);
   --b-form-layout-title-color: var(--b-color-label-primary);
@@ -1546,8 +1590,10 @@
   --b-data-grid-static-icon-error-colored-color: var(--b-color-label-critical);
   --b-data-grid-static-icon-cross-colored-color: var(--b-color-label-critical);
   --b-data-grid-static-icon-checkmark-colored-color: var(--b-color-label-success);
+  --b-dashed-underline-hover-text-decoration-color: var(--b-color-outline-tertiary-active);
   --b-dashed-underline-hover-border-color: var(--b-color-outline-tertiary-active);
-  --b-dashed-underline-border-bottom: var(--b-border-width-m) dotted var(--b-color-outline-tertiary);
+  --b-dashed-underline-text-decoration-color: var(--b-color-outline-tertiary);
+  --b-dashed-underline-border-bottom: var(--b-border-width-m) solid transparent;
   --b-dashboard-section-divider-margin-top: var(--b-spacer-090);
   --b-dashboard-section-controls-gap: var(--b-spacer-040);
   --b-dashboard-section-columns-m-and-up-gap: var(--b-spacer-120);

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.DTCzOBBy.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.ACP0RH0N.js";
 export {
   r as BentoSummaryGrid,
   t as BentoSummaryGridItemAmount,

package/dist/tag.js

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

package/dist/textarea.js

@@ -1,4 +1,4 @@
-import { B as o } from "./chunks/textarea.DMA29yQA.js";
+import { B as o } from "./chunks/textarea.C8R71Q4l.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.kWg3dTy1.js";
+import { t, b as i, a, c as m, B as o, d as l } from "./chunks/timeline-item.DBeAlt3N.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.CUmJbMsw.js";
+import { _ as t } from "./chunks/tutorial.vue_vue_type_script_setup_true_lang.4smMvopK.js";
 export {
   t as BentoTutorial
 };