npm - @adyen/bento-vue2 - Versions diffs - 1.51.0 → 1.52.0 - Mend

@adyen/bento-vue2 1.51.0 → 1.52.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (255) hide show

package/dist/styles/legacy.css CHANGED Viewed

@@ -194,6 +194,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-month-container-border-collapse: collapse;
   --b-calendar-month-day-unselected-active-background: transparent;
   --b-calendar-month-day-unselected-hover-background: none;
@@ -265,9 +268,11 @@
   --b-text-subtitle-font-size: 16px;
   --b-text-body-strongest-wide-line-height: 24px;
   --b-text-body-stronger-wide-line-height: 24px;
+  --b-text-body-stronger-font-weight: 350;
   --b-text-body-wide-line-height: 24px;
   --b-text-body-letter-spacing: normal;
   --b-text-body-line-height: 24px;
+  --b-text-body-font-weight: 350;
   --b-text-caption-stronger-wide-line-height: 20px;
   --b-text-caption-wide-line-height: 20px;
   --b-text-caption-letter-spacing: 0;
@@ -1561,6 +1566,25 @@
   --b-card-header-border-radius: var(--b-border-radius-s);
   --b-card-border-width: var(--b-border-width-s);
   --b-card-border-radius: var(--b-border-radius-s);
+  --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-border-radius: var(--b-border-radius-s);
+  --b-calendar-year-month-selected-background: var(--b-color-background-inverse-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-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-week-header-border-bottom: var(--b-border-width-s) solid var(--b-color-neutral-20);
   --b-calendar-month-day-unselected-color: var(--b-color-label-primary);
   --b-calendar-month-day-end-after-z-index: var(--b-z-index-local-tier-2);
@@ -1761,8 +1785,6 @@
   --b-text-body-strongest-wide-font-weight: var(--b-font-weight-600);
   --b-text-body-strongest-font-weight: var(--b-font-weight-600);
   --b-text-body-stronger-wide-font-weight: var(--b-font-weight-500);
-  --b-text-body-stronger-font-weight: var(--b-font-weight-100);
-  --b-text-body-font-weight: var(--b-font-weight-100);
   --b-text-body-font-size: var(--b-font-size-15);
   --b-text-body-font-family: var(--b-font-family-primary);
   --b-text-caption-stronger-wide-font-weight: var(--b-font-weight-500);
@@ -2045,6 +2067,10 @@
   --b-checkbox-input-icon-color: var(--b-color-neutral-0);
   --b-card-border-color: var(--b-color-neutral-20);
   --b-card-background-color: var(--b-color-background-primary);
+  --b-calendar-year-month-selected-color: var(--b-color-label-inverse-primary);
+  --b-calendar-year-month-middle-active-background: var(--b-color-background-primary);
+  --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-month-day-selected-active-background: var(--b-color-primary-40);
   --b-calendar-month-day-selected-hover-background: var(--b-color-primary-40);
   --b-calendar-month-day-selected-color: var(--b-color-neutral-0);

package/dist/styles/styleguide.css CHANGED Viewed

@@ -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;
@@ -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/summary-grid.js CHANGED Viewed

@@ -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.CVEhwKNM.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/tag.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { B as t, a as e } from "./chunks/tag.BxmageRW.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 CHANGED Viewed

@@ -1,4 +1,4 @@
-import { B as o } from "./chunks/textarea.DmjhRupr.js";
+import { B as o } from "./chunks/textarea.BEISPJua.js";
 export {
   o as BentoTextarea
 };

package/dist/timeline.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { t, b as i, a, c as m, B as o, d as l } from "./chunks/timeline-item.CLbS-cEf.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/tutorial.js CHANGED Viewed

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