@adyen/bento-vue2 1.50.0 → 1.52.0

package/dist/styles/styleguide.css

@@ -157,6 +157,9 @@
   --b-code-snippet-code-area-margin: 0;
   --b-card-toggle-small-text-height: 24px;
   --b-card-toggle-height: 26px;
+  --b-calendar-year-month-focus-visible-z-index: 1;
+  --b-calendar-year-month-width: 60px;
+  --b-calendar-year-month-height: 60px;
   --b-calendar-month-day-width: 40px;
   --b-calendar-month-day-height: 40px;
   --b-button-condensed-tertiary-height: auto;
@@ -347,7 +350,7 @@
   --b-color-outline-primary-hover: #c9cdd3;
   --b-color-outline-primary: #dbdee2;
   --b-color-link-primary-disabled: #8d95a3;
-  --b-color-link-primary-active: #8d95a3;
+  --b-color-link-primary-active: #6d7789;
   --b-color-link-primary-hover: #5c687c;
   --b-color-link-primary: #00112c;
   --b-color-label-always-dark: #00112c;
@@ -383,7 +386,7 @@
   --b-color-label-disabled: #8d95a3;
   --b-color-label-tertiary: #8d95a3;
   --b-color-label-secondary: #5c687c;
-  --b-color-label-primary-active: #8d95a3;
+  --b-color-label-primary-active: #6d7789;
   --b-color-label-primary-hover: #5c687c;
   --b-color-label-primary: #00112c;
   --b-color-background-always-dark-tertiary-selected: #002f68;
@@ -419,7 +422,7 @@
   --b-color-background-inverse-secondary-active: #37455d;
   --b-color-background-inverse-secondary-hover: #283750;
   --b-color-background-inverse-secondary: #1a2a44;
-  --b-color-background-inverse-primary-active: #8d95a3;
+  --b-color-background-inverse-primary-active: #6d7789;
   --b-color-background-inverse-primary-hover: #5c687c;
   --b-color-background-inverse-primary: #00112c;
   --b-color-background-highlight-strong: #0070f5;
@@ -930,7 +933,7 @@
   --b-menu-item-icon-right-color: var(--b-color-label-primary);
   --b-menu-item-icon-left-padding: var(--b-spacer-070);
   --b-menu-item-secondary-text-padding-left: var(--b-spacer-070);
-  --b-menu-item-secondary-text-color-inverse: var(--b-color-label-inverse-secondary);
+  --inverse: {color.label.inverse.primary};
   --b-menu-item-secondary-text-color: var(--b-color-label-secondary);
   --b-menu-item-hover-critical-color-inverse: var(--b-color-label-inverse-critical-hover);
   --b-menu-item-hover-critical-color: var(--b-color-label-critical-hover);
@@ -1728,6 +1731,29 @@
   --b-card-border-radius: var(--b-border-radius-l);
   --b-card-border-color: var(--b-color-outline-primary);
   --b-card-background-color: var(--b-color-background-primary);
+  --b-calendar-year-month-unselected-active-background: var(--b-color-background-primary-active);
+  --b-calendar-year-month-unselected-hover-background: var(--b-color-background-primary-hover);
+  --b-calendar-year-month-unselected-color: var(--b-color-label-primary);
+  --b-calendar-year-month-selected-active-background: var(--b-color-background-inverse-primary-active);
+  --b-calendar-year-month-selected-hover-background: var(--b-color-background-inverse-primary-hover);
+  --b-calendar-year-month-selected-color: var(--b-color-label-inverse-primary);
+  --b-calendar-year-month-selected-border-radius: var(--b-border-radius-s);
+  --b-calendar-year-month-selected-background: var(--b-color-background-inverse-primary);
+  --b-calendar-year-month-middle-active-background: var(--b-color-background-primary);
+  --b-calendar-year-month-middle-hover-background: var(--b-color-background-primary-hover);
+  --b-calendar-year-month-middle-color: var(--b-color-label-primary);
+  --b-calendar-year-month-middle-background: var(--b-color-background-tertiary);
+  --b-calendar-year-month-end-border-radius: 0 var(--b-border-radius-s) var(--b-border-radius-s) 0;
+  --b-calendar-year-month-disabled-unselected-color: var(--b-color-label-disabled);
+  --b-calendar-year-month-disabled-selected-background: var(--b-color-background-disabled);
+  --b-calendar-year-month-disabled-selected-color: var(--b-color-label-disabled);
+  --b-calendar-year-month-current-month-unselected-wrapper-background: var(--b-color-background-tertiary);
+  --b-calendar-year-month-current-month-unselected-hover-wrapper-background: var(--b-color-background-primary);
+  --b-calendar-year-month-current-month-selected-wrapper-background: var(--b-color-background-primary);
+  --b-calendar-year-month-current-month-selected-color: var(--b-color-label-primary);
+  --b-calendar-year-month-beginning-border-radius: var(--b-border-radius-s) 0 0 var(--b-border-radius-s);
+  --b-calendar-year-year-selector-margin-bottom: var(--b-spacer-090);
+  --b-calendar-year-year-selector-color: var(--b-color-label-primary);
   --b-calendar-month-day-unselected-active-background: var(--b-color-background-primary-active);
   --b-calendar-month-day-unselected-hover-background: var(--b-color-background-primary-hover);
   --b-calendar-month-day-unselected-color: var(--b-color-label-primary);

package/dist/styles/utility.css

@@ -86,7 +86,7 @@
     background-color: #5c687c;
 }
 .b-color-background-inverse-primary-active {
-    background-color: #8d95a3;
+    background-color: #6d7789;
 }
 .b-color-background-inverse-secondary {
     background-color: #1a2a44;
@@ -194,7 +194,7 @@
     color: #5c687c;
 }
 .b-color-label-primary-active {
-    color: #8d95a3;
+    color: #6d7789;
 }
 .b-color-label-secondary {
     color: #5c687c;

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.CXs6AMS4.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.CF_TS7oA.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.5zgaD1k3.js";
+import { B as e, a as s } from "./chunks/tabs.UFoTqvew.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.CevG31iQ.js";
+import { B as t, a as e } from "./chunks/tag.OgtZ3-ql.js";
 export {
   t as BentoTag,
   e as BentoTagVariant

package/dist/textarea.js

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

package/dist/toast.js

@@ -1,4 +1,4 @@
-import { t as a } from "./chunks/toast.C5I7Wsfa.js";
+import { t as a } from "./chunks/toast.DqSWycRO.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.CyaY0U0K.js";
+import { B as a, b as g, a as s } from "./chunks/toggle.Q52IIKfi.js";
 export {
   a as BentoToggle,
   g as BentoToggleLabelPosition,

package/dist/tutorial.js

@@ -1,4 +1,4 @@
-import { t as r } from "./chunks/tutorial.BbQox1EZ.js";
+import { t as r } from "./chunks/tutorial.Ba8PTa0x.js";
 export {
   r as BentoTutorial
 };