@adyen/bento-vue2 1.57.0 → 1.58.0

package/dist/search-bar.js

@@ -1,5 +1,5 @@
-import { B as r, b as t, a as B } from "./chunks/search-bar.-Lpxv9sU.js";
-import { u as o } from "./chunks/dropdown.Qc6K5BzU.js";
+import { B as r, b as t, a as B } from "./chunks/search-bar.Cs60bUZc.js";
+import { u as o } from "./chunks/dropdown.C01pOog2.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.DvTPsW8x.js";
+import { s as e } from "./chunks/secondary-nav.i_Bb4wQF.js";
 export {
   e as BentoSecondaryNav
 };

package/dist/segmented-control.js

@@ -1,4 +1,4 @@
-import { B as t } from "./chunks/segmented-control.BQlmGv2x.js";
+import { B as t } from "./chunks/segmented-control.BffWAGrf.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.BniN7KWU.js";
+import { B as t, s as a, a as n } from "./chunks/selection-card-group.DTz7k_M7.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.DfQaLZEA.js";
+import { a as n, B as o, s as t } from "./chunks/sidepanel.DuTesKDW.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.xaedKywV.js";
+import { B as r, a as o } from "./chunks/structured-list-item.-vyqAp4Y.js";
 export {
   r as BentoStructuredList,
   o as BentoStructuredListItem

package/dist/styles/bento-dark.css

@@ -265,13 +265,13 @@
   --b-focus-ring-color: rgba(0, 112, 245, 0.8);
   --b-color-support-shadow: #070707;
   --b-color-support-overlay: #070707;
-  --b-color-decorative-black: #8d95a3;
-  --b-color-decorative-grey: #c0c5cc;
+  --b-color-decorative-black: #8c959d;
+  --b-color-decorative-grey: #c0c5ca;
   --b-color-decorative-red: #f66565;
   --b-color-decorative-orange: #dd7d00;
   --b-color-decorative-yellow: #f7bc00;
   --b-color-decorative-blue: #0070f5;
-  --b-color-decorative-green: #09ab4b;
+  --b-color-decorative-green: #00aa56;
   --b-color-separator-inverse-secondary: #9d9d9d;
   --b-color-separator-inverse-primary: #cdcdcd;
   --b-color-separator-secondary: #525252;
@@ -279,13 +279,13 @@
   --b-color-outline-inverse-critical-active: #791818;
   --b-color-outline-inverse-critical-hover: #c72727;
   --b-color-outline-inverse-critical: #e22d2d;
-  --b-color-outline-inverse-disabled: #dbdee2;
+  --b-color-outline-inverse-disabled: #dadddf;
   --b-color-outline-inverse-primary-active: #efefef;
   --b-color-outline-inverse-primary-hover: #bdbdbd;
   --b-color-outline-inverse-primary: #cdcdcd;
-  --b-color-outline-success-active: #c6f0d7;
-  --b-color-outline-success-hover: #83dfa8;
-  --b-color-outline-success: #41cd7a;
+  --b-color-outline-success-active: #b8f2d6;
+  --b-color-outline-success-hover: #64e3a4;
+  --b-color-outline-success: #00d16a;
   --b-color-outline-critical-active: #fddfdf;
   --b-color-outline-critical-hover: #fbbdbd;
   --b-color-outline-critical: #f99c9c;
@@ -323,7 +323,7 @@
   --b-color-label-always-light-primary: #efefef;
   --b-color-label-always-light: #ffffff;
   --b-color-label-on-background-highlight-weak: #7db9ff;
-  --b-color-label-on-background-success-weak: #41cd7a;
+  --b-color-label-on-background-success-weak: #00d16a;
   --b-color-label-on-background-warning-weak: #ff9f22;
   --b-color-label-on-background-critical-weak: #f99c9c;
   --b-color-label-inverse-critical-active: #791818;
@@ -335,7 +335,7 @@
   --b-color-label-inverse-primary-hover: #2a2a2a;
   --b-color-label-inverse-primary: #121212;
   --b-color-label-on-color: #121212;
-  --b-color-label-success: #41cd7a;
+  --b-color-label-success: #00d16a;
   --b-color-label-highlight: #7db9ff;
   --b-color-label-warning: #ff9f22;
   --b-color-label-critical-active: #fddfdf;
@@ -363,10 +363,10 @@
   --b-color-background-always-dark-primary-hover: #242424;
   --b-color-background-always-dark-primary: #121212;
   --b-color-background-always-dark-selected: #002f68;
-  --b-color-background-always-dark-disabled: #eeeff1;
-  --b-color-background-always-dark-active: #8d95a3;
-  --b-color-background-always-dark-hover: #5c687c;
-  --b-color-background-always-dark: #00112c;
+  --b-color-background-always-dark-disabled: #ecedef;
+  --b-color-background-always-dark-active: #8c959d;
+  --b-color-background-always-dark-hover: #5c6874;
+  --b-color-background-always-dark: #001222;
   --b-color-background-always-light-selected: #d4e8ff;
   --b-color-background-always-light-disabled: #dddddd;
   --b-color-background-always-light-active: #9d9d9d;
@@ -385,8 +385,8 @@
   --b-color-background-inverse-primary: #efefef;
   --b-color-background-highlight-strong: #7db9ff;
   --b-color-background-highlight-weak: #002f68;
-  --b-color-background-success-strong: #41cd7a;
-  --b-color-background-success-weak: #033919;
+  --b-color-background-success-strong: #00d16a;
+  --b-color-background-success-weak: #00381d;
   --b-color-background-warning-strong: #ff9f22;
   --b-color-background-warning-weak: #492a00;
   --b-color-background-critical-strong-active: #fddfdf;

package/dist/styles/bento-light.css

@@ -262,129 +262,129 @@
   --b-text-rich-text-heading-font-weight: 700;
   --b-text-font-variant-numeric: normal;
   --b-focus-ring-color: rgba(0, 112, 245, 0.8);
-  --b-color-support-shadow: #00112c;
-  --b-color-support-overlay: #00112c;
-  --b-color-decorative-grey: #c0c5cc;
+  --b-color-support-shadow: #001222;
+  --b-color-support-overlay: #001222;
+  --b-color-decorative-grey: #c0c5ca;
   --b-color-decorative-red: #e22d2d;
   --b-color-decorative-orange: #dd7d00;
   --b-color-decorative-yellow: #f7bc00;
   --b-color-decorative-blue: #0070f5;
-  --b-color-decorative-green: #09ab4b;
-  --b-color-separator-inverse-secondary: #5c687c;
-  --b-color-separator-inverse-primary: #2f3e56;
-  --b-color-separator-secondary: #c9cdd3;
-  --b-color-separator-primary: #dbdee2;
+  --b-color-decorative-green: #00aa56;
+  --b-color-separator-inverse-secondary: #5c6874;
+  --b-color-separator-inverse-primary: #2f3e4d;
+  --b-color-separator-secondary: #c8ccd0;
+  --b-color-separator-primary: #dadddf;
   --b-color-outline-inverse-critical-active: #fddfdf;
   --b-color-outline-inverse-critical-hover: #fbbdbd;
   --b-color-outline-inverse-critical: #f99c9c;
-  --b-color-outline-inverse-disabled: #455368;
-  --b-color-outline-inverse-primary-active: #9ea6b1;
-  --b-color-outline-inverse-primary-hover: #6d7789;
-  --b-color-outline-inverse-primary: #2f3e56;
-  --b-color-outline-success-active: #04481f;
-  --b-color-outline-success-hover: #067934;
-  --b-color-outline-success: #07893c;
+  --b-color-outline-inverse-disabled: #455460;
+  --b-color-outline-inverse-primary-active: #9da5ac;
+  --b-color-outline-inverse-primary-hover: #6c7782;
+  --b-color-outline-inverse-primary: #2f3e4d;
+  --b-color-outline-success-active: #004724;
+  --b-color-outline-success-hover: #00773c;
+  --b-color-outline-success: #008845;
   --b-color-outline-critical-active: #791818;
   --b-color-outline-critical-hover: #c72727;
   --b-color-outline-critical: #e22d2d;
-  --b-color-outline-selected: #00112c;
-  --b-color-outline-disabled: #dbdee2;
-  --b-color-outline-tertiary-active: #00112c;
-  --b-color-outline-tertiary-hover: #6d7789;
-  --b-color-outline-tertiary: #8d95a3;
-  --b-color-outline-secondary-active: #00112c;
-  --b-color-outline-secondary-hover: #b8bdc6;
-  --b-color-outline-secondary: #c9cdd3;
-  --b-color-outline-primary-active: #00112c;
-  --b-color-outline-primary-hover: #c9cdd3;
-  --b-color-outline-primary: #dbdee2;
-  --b-color-link-quiet-disabled: #8d95a3;
-  --b-color-link-quiet-active: #5c687c;
-  --b-color-link-quiet-hover: #5c687c;
-  --b-color-link-quiet: #00112c;
+  --b-color-outline-selected: #001222;
+  --b-color-outline-disabled: #dadddf;
+  --b-color-outline-tertiary-active: #001222;
+  --b-color-outline-tertiary-hover: #6c7782;
+  --b-color-outline-tertiary: #8c959d;
+  --b-color-outline-secondary-active: #001222;
+  --b-color-outline-secondary-hover: #b7bdc2;
+  --b-color-outline-secondary: #c8ccd0;
+  --b-color-outline-primary-active: #001222;
+  --b-color-outline-primary-hover: #c8ccd0;
+  --b-color-outline-primary: #dadddf;
+  --b-color-link-quiet-disabled: #8c959d;
+  --b-color-link-quiet-active: #5c6874;
+  --b-color-link-quiet-hover: #5c6874;
+  --b-color-link-quiet: #001222;
   --b-color-link-primary-visited-active: #6500ca;
   --b-color-link-primary-visited-hover: #6500ca;
   --b-color-link-primary-visited: #4c0098;
-  --b-color-link-primary-disabled: #8d95a3;
+  --b-color-link-primary-disabled: #8c959d;
   --b-color-link-primary-active: #0070f5;
   --b-color-link-primary-hover: #0070f5;
   --b-color-link-primary: #0063d7;
-  --b-color-label-always-dark: #00112c;
-  --b-color-label-always-light-tertiary-active: #556276;
-  --b-color-label-always-light-tertiary-hover: #747f8f;
-  --b-color-label-always-light-tertiary: #848e9c;
-  --b-color-label-always-light-secondary-active: #747f8f;
-  --b-color-label-always-light-secondary-hover: #9ea6b1;
-  --b-color-label-always-light-secondary: #a7adb8;
-  --b-color-label-always-light-primary-active: #9ea6b1;
-  --b-color-label-always-light-primary-hover: #c9cdd3;
-  --b-color-label-always-light-primary: #eeeff1;
+  --b-color-label-always-dark: #001222;
+  --b-color-label-always-light-tertiary-active: #54616d;
+  --b-color-label-always-light-tertiary-hover: #737e88;
+  --b-color-label-always-light-tertiary: #848d96;
+  --b-color-label-always-light-secondary-active: #737e88;
+  --b-color-label-always-light-secondary-hover: #959da5;
+  --b-color-label-always-light-secondary: #a6adb3;
+  --b-color-label-always-light-primary-active: #959da5;
+  --b-color-label-always-light-primary-hover: #c8ccd0;
+  --b-color-label-always-light-primary: #ecedef;
   --b-color-label-always-light: #ffffff;
   --b-color-label-on-background-highlight-weak: #0063d7;
-  --b-color-label-on-background-success-weak: #067934;
+  --b-color-label-on-background-success-weak: #00773c;
   --b-color-label-on-background-warning-weak: #9b5700;
   --b-color-label-on-background-critical-weak: #c72727;
   --b-color-label-inverse-critical-active: #fddfdf;
   --b-color-label-inverse-critical-hover: #fbbdbd;
   --b-color-label-inverse-critical: #f99c9c;
-  --b-color-label-inverse-disabled: #747f8f;
-  --b-color-label-inverse-secondary: #9ea6b1;
-  --b-color-label-inverse-primary-active: #eeeff1;
-  --b-color-label-inverse-primary-hover: #f7f7f8;
+  --b-color-label-inverse-disabled: #737e88;
+  --b-color-label-inverse-secondary: #9da5ac;
+  --b-color-label-inverse-primary-active: #ecedef;
+  --b-color-label-inverse-primary-hover: #f4f5f6;
   --b-color-label-inverse-primary: #ffffff;
   --b-color-label-on-color: #ffffff;
-  --b-color-label-success: #07893c;
+  --b-color-label-success: #008845;
   --b-color-label-highlight: #0070f5;
   --b-color-label-warning: #b06300;
   --b-color-label-critical-active: #791818;
   --b-color-label-critical-hover: #c72727;
   --b-color-label-critical: #e22d2d;
-  --b-color-label-disabled: #8d95a3;
-  --b-color-label-tertiary: #8d95a3;
-  --b-color-label-secondary: #5c687c;
-  --b-color-label-primary-active: #6d7789;
-  --b-color-label-primary-hover: #5c687c;
-  --b-color-label-primary: #00112c;
+  --b-color-label-disabled: #8c959d;
+  --b-color-label-tertiary: #8c959d;
+  --b-color-label-secondary: #5c6874;
+  --b-color-label-primary-active: #6c7782;
+  --b-color-label-primary-hover: #5c6874;
+  --b-color-label-primary: #001222;
   --b-color-background-always-dark-tertiary-selected: #002f68;
-  --b-color-background-always-dark-tertiary-disabled: #eeeff1;
-  --b-color-background-always-dark-tertiary-active: #455368;
-  --b-color-background-always-dark-tertiary-hover: #3d4c62;
-  --b-color-background-always-dark-tertiary: #2f3e56;
+  --b-color-background-always-dark-tertiary-disabled: #ecedef;
+  --b-color-background-always-dark-tertiary-active: #455460;
+  --b-color-background-always-dark-tertiary-hover: #3d4c5a;
+  --b-color-background-always-dark-tertiary: #2f3e4d;
   --b-color-background-always-dark-secondary-selected: #002f68;
-  --b-color-background-always-dark-secondary-disabled: #eeeff1;
-  --b-color-background-always-dark-secondary-active: #455368;
-  --b-color-background-always-dark-secondary-hover: #37455d;
-  --b-color-background-always-dark-secondary: #22314a;
+  --b-color-background-always-dark-secondary-disabled: #ecedef;
+  --b-color-background-always-dark-secondary-active: #455460;
+  --b-color-background-always-dark-secondary-hover: #364553;
+  --b-color-background-always-dark-secondary: #213140;
   --b-color-background-always-dark-primary-selected: #002f68;
-  --b-color-background-always-dark-primary-disabled: #eeeff1;
-  --b-color-background-always-dark-primary-active: #22314a;
-  --b-color-background-always-dark-primary-hover: #14243e;
-  --b-color-background-always-dark-primary: #00112c;
+  --b-color-background-always-dark-primary-disabled: #ecedef;
+  --b-color-background-always-dark-primary-active: #213140;
+  --b-color-background-always-dark-primary-hover: #132434;
+  --b-color-background-always-dark-primary: #001222;
   --b-color-background-always-dark-selected: #002f68;
-  --b-color-background-always-dark-disabled: #eeeff1;
-  --b-color-background-always-dark-active: #8d95a3;
-  --b-color-background-always-dark-hover: #5c687c;
-  --b-color-background-always-dark: #00112c;
+  --b-color-background-always-dark-disabled: #ecedef;
+  --b-color-background-always-dark-active: #8c959d;
+  --b-color-background-always-dark-hover: #5c6874;
+  --b-color-background-always-dark: #001222;
   --b-color-background-always-light-selected: #e3f0ff;
-  --b-color-background-always-light-disabled: #eeeff1;
-  --b-color-background-always-light-active: #eeeff1;
-  --b-color-background-always-light-hover: #f7f7f8;
+  --b-color-background-always-light-disabled: #ecedef;
+  --b-color-background-always-light-active: #ecedef;
+  --b-color-background-always-light-hover: #f4f5f6;
   --b-color-background-always-light: #ffffff;
   --b-color-background-inverse-critical-strong-active: #fddfdf;
   --b-color-background-inverse-critical-strong-hover: #fbbdbd;
   --b-color-background-inverse-critical-strong: #f99c9c;
   --b-color-background-inverse-critical-weak: #611313;
-  --b-color-background-inverse-disabled: #283750;
-  --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: #6d7789;
-  --b-color-background-inverse-primary-hover: #5c687c;
-  --b-color-background-inverse-primary: #00112c;
+  --b-color-background-inverse-disabled: #273746;
+  --b-color-background-inverse-secondary-active: #364553;
+  --b-color-background-inverse-secondary-hover: #273746;
+  --b-color-background-inverse-secondary: #1a2b3b;
+  --b-color-background-inverse-primary-active: #6c7782;
+  --b-color-background-inverse-primary-hover: #5c6874;
+  --b-color-background-inverse-primary: #001222;
   --b-color-background-highlight-strong: #0070f5;
   --b-color-background-highlight-weak: #f2f8ff;
-  --b-color-background-success-strong: #07893c;
-  --b-color-background-success-weak: #edfaf3;
+  --b-color-background-success-strong: #008845;
+  --b-color-background-success-weak: #e4faef;
   --b-color-background-warning-strong: #dd7d00;
   --b-color-background-warning-weak: #fff5e9;
   --b-color-background-critical-strong-active: #791818;
@@ -392,21 +392,21 @@
   --b-color-background-critical-strong: #e22d2d;
   --b-color-background-critical-weak: #fef4f4;
   --b-color-background-selected: #e3f0ff;
-  --b-color-background-disabled: #eeeff1;
-  --b-color-background-modal-active: #eeeff1;
-  --b-color-background-modal-hover: #f7f7f8;
+  --b-color-background-disabled: #ecedef;
+  --b-color-background-modal-active: #ecedef;
+  --b-color-background-modal-hover: #f4f5f6;
   --b-color-background-modal: #ffffff;
-  --b-color-background-quaternary-active: #afb5bf;
-  --b-color-background-quaternary-hover: #b8bdc6;
-  --b-color-background-quaternary: #c0c5cc;
-  --b-color-background-tertiary-active: #dbdee2;
-  --b-color-background-tertiary-hover: #e3e5e9;
-  --b-color-background-tertiary: #eeeff1;
-  --b-color-background-secondary-active: #e3e5e9;
-  --b-color-background-secondary-hover: #eeeff1;
-  --b-color-background-secondary: #f7f7f8;
-  --b-color-background-primary-active: #eeeff1;
-  --b-color-background-primary-hover: #f7f7f8;
+  --b-color-background-quaternary-active: #aeb5ba;
+  --b-color-background-quaternary-hover: #b7bdc2;
+  --b-color-background-quaternary: #c0c5ca;
+  --b-color-background-tertiary-active: #dadddf;
+  --b-color-background-tertiary-hover: #e2e5e7;
+  --b-color-background-tertiary: #ecedef;
+  --b-color-background-secondary-active: #e2e5e7;
+  --b-color-background-secondary-hover: #ecedef;
+  --b-color-background-secondary: #f4f5f6;
+  --b-color-background-primary-active: #ecedef;
+  --b-color-background-primary-hover: #f4f5f6;
   --b-color-background-primary: #ffffff;
   --b-gradient-data-grid-hover: linear-gradient(270deg, var(--b-color-background-primary-hover) 0%, rgba(247, 247, 248, .82) 53.34%, rgba(247, 247, 248, .75) 61.73%, rgba(247, 247, 248, .11) 99.25%, rgba(247, 247, 248, 0) 100%);
   --b-tutorial-indicator-border: var(--b-border-width-m) solid var(--b-color-decorative-green);

package/dist/styles/bento.css

@@ -262,129 +262,129 @@
   --b-text-rich-text-heading-font-weight: 700;
   --b-text-font-variant-numeric: normal;
   --b-focus-ring-color: rgba(0, 112, 245, 0.8);
-  --b-color-support-shadow: #00112c;
-  --b-color-support-overlay: #00112c;
-  --b-color-decorative-grey: #c0c5cc;
+  --b-color-support-shadow: #001222;
+  --b-color-support-overlay: #001222;
+  --b-color-decorative-grey: #c0c5ca;
   --b-color-decorative-red: #e22d2d;
   --b-color-decorative-orange: #dd7d00;
   --b-color-decorative-yellow: #f7bc00;
   --b-color-decorative-blue: #0070f5;
-  --b-color-decorative-green: #09ab4b;
-  --b-color-separator-inverse-secondary: #5c687c;
-  --b-color-separator-inverse-primary: #2f3e56;
-  --b-color-separator-secondary: #c9cdd3;
-  --b-color-separator-primary: #dbdee2;
+  --b-color-decorative-green: #00aa56;
+  --b-color-separator-inverse-secondary: #5c6874;
+  --b-color-separator-inverse-primary: #2f3e4d;
+  --b-color-separator-secondary: #c8ccd0;
+  --b-color-separator-primary: #dadddf;
   --b-color-outline-inverse-critical-active: #fddfdf;
   --b-color-outline-inverse-critical-hover: #fbbdbd;
   --b-color-outline-inverse-critical: #f99c9c;
-  --b-color-outline-inverse-disabled: #455368;
-  --b-color-outline-inverse-primary-active: #9ea6b1;
-  --b-color-outline-inverse-primary-hover: #6d7789;
-  --b-color-outline-inverse-primary: #2f3e56;
-  --b-color-outline-success-active: #04481f;
-  --b-color-outline-success-hover: #067934;
-  --b-color-outline-success: #07893c;
+  --b-color-outline-inverse-disabled: #455460;
+  --b-color-outline-inverse-primary-active: #9da5ac;
+  --b-color-outline-inverse-primary-hover: #6c7782;
+  --b-color-outline-inverse-primary: #2f3e4d;
+  --b-color-outline-success-active: #004724;
+  --b-color-outline-success-hover: #00773c;
+  --b-color-outline-success: #008845;
   --b-color-outline-critical-active: #791818;
   --b-color-outline-critical-hover: #c72727;
   --b-color-outline-critical: #e22d2d;
-  --b-color-outline-selected: #00112c;
-  --b-color-outline-disabled: #dbdee2;
-  --b-color-outline-tertiary-active: #00112c;
-  --b-color-outline-tertiary-hover: #6d7789;
-  --b-color-outline-tertiary: #8d95a3;
-  --b-color-outline-secondary-active: #00112c;
-  --b-color-outline-secondary-hover: #b8bdc6;
-  --b-color-outline-secondary: #c9cdd3;
-  --b-color-outline-primary-active: #00112c;
-  --b-color-outline-primary-hover: #c9cdd3;
-  --b-color-outline-primary: #dbdee2;
-  --b-color-link-quiet-disabled: #8d95a3;
-  --b-color-link-quiet-active: #5c687c;
-  --b-color-link-quiet-hover: #5c687c;
-  --b-color-link-quiet: #00112c;
+  --b-color-outline-selected: #001222;
+  --b-color-outline-disabled: #dadddf;
+  --b-color-outline-tertiary-active: #001222;
+  --b-color-outline-tertiary-hover: #6c7782;
+  --b-color-outline-tertiary: #8c959d;
+  --b-color-outline-secondary-active: #001222;
+  --b-color-outline-secondary-hover: #b7bdc2;
+  --b-color-outline-secondary: #c8ccd0;
+  --b-color-outline-primary-active: #001222;
+  --b-color-outline-primary-hover: #c8ccd0;
+  --b-color-outline-primary: #dadddf;
+  --b-color-link-quiet-disabled: #8c959d;
+  --b-color-link-quiet-active: #5c6874;
+  --b-color-link-quiet-hover: #5c6874;
+  --b-color-link-quiet: #001222;
   --b-color-link-primary-visited-active: #6500ca;
   --b-color-link-primary-visited-hover: #6500ca;
   --b-color-link-primary-visited: #4c0098;
-  --b-color-link-primary-disabled: #8d95a3;
+  --b-color-link-primary-disabled: #8c959d;
   --b-color-link-primary-active: #0070f5;
   --b-color-link-primary-hover: #0070f5;
   --b-color-link-primary: #0063d7;
-  --b-color-label-always-dark: #00112c;
-  --b-color-label-always-light-tertiary-active: #556276;
-  --b-color-label-always-light-tertiary-hover: #747f8f;
-  --b-color-label-always-light-tertiary: #848e9c;
-  --b-color-label-always-light-secondary-active: #747f8f;
-  --b-color-label-always-light-secondary-hover: #9ea6b1;
-  --b-color-label-always-light-secondary: #a7adb8;
-  --b-color-label-always-light-primary-active: #9ea6b1;
-  --b-color-label-always-light-primary-hover: #c9cdd3;
-  --b-color-label-always-light-primary: #eeeff1;
+  --b-color-label-always-dark: #001222;
+  --b-color-label-always-light-tertiary-active: #54616d;
+  --b-color-label-always-light-tertiary-hover: #737e88;
+  --b-color-label-always-light-tertiary: #848d96;
+  --b-color-label-always-light-secondary-active: #737e88;
+  --b-color-label-always-light-secondary-hover: #959da5;
+  --b-color-label-always-light-secondary: #a6adb3;
+  --b-color-label-always-light-primary-active: #959da5;
+  --b-color-label-always-light-primary-hover: #c8ccd0;
+  --b-color-label-always-light-primary: #ecedef;
   --b-color-label-always-light: #ffffff;
   --b-color-label-on-background-highlight-weak: #0063d7;
-  --b-color-label-on-background-success-weak: #067934;
+  --b-color-label-on-background-success-weak: #00773c;
   --b-color-label-on-background-warning-weak: #9b5700;
   --b-color-label-on-background-critical-weak: #c72727;
   --b-color-label-inverse-critical-active: #fddfdf;
   --b-color-label-inverse-critical-hover: #fbbdbd;
   --b-color-label-inverse-critical: #f99c9c;
-  --b-color-label-inverse-disabled: #747f8f;
-  --b-color-label-inverse-secondary: #9ea6b1;
-  --b-color-label-inverse-primary-active: #eeeff1;
-  --b-color-label-inverse-primary-hover: #f7f7f8;
+  --b-color-label-inverse-disabled: #737e88;
+  --b-color-label-inverse-secondary: #9da5ac;
+  --b-color-label-inverse-primary-active: #ecedef;
+  --b-color-label-inverse-primary-hover: #f4f5f6;
   --b-color-label-inverse-primary: #ffffff;
   --b-color-label-on-color: #ffffff;
-  --b-color-label-success: #07893c;
+  --b-color-label-success: #008845;
   --b-color-label-highlight: #0070f5;
   --b-color-label-warning: #b06300;
   --b-color-label-critical-active: #791818;
   --b-color-label-critical-hover: #c72727;
   --b-color-label-critical: #e22d2d;
-  --b-color-label-disabled: #8d95a3;
-  --b-color-label-tertiary: #8d95a3;
-  --b-color-label-secondary: #5c687c;
-  --b-color-label-primary-active: #6d7789;
-  --b-color-label-primary-hover: #5c687c;
-  --b-color-label-primary: #00112c;
+  --b-color-label-disabled: #8c959d;
+  --b-color-label-tertiary: #8c959d;
+  --b-color-label-secondary: #5c6874;
+  --b-color-label-primary-active: #6c7782;
+  --b-color-label-primary-hover: #5c6874;
+  --b-color-label-primary: #001222;
   --b-color-background-always-dark-tertiary-selected: #002f68;
-  --b-color-background-always-dark-tertiary-disabled: #eeeff1;
-  --b-color-background-always-dark-tertiary-active: #455368;
-  --b-color-background-always-dark-tertiary-hover: #3d4c62;
-  --b-color-background-always-dark-tertiary: #2f3e56;
+  --b-color-background-always-dark-tertiary-disabled: #ecedef;
+  --b-color-background-always-dark-tertiary-active: #455460;
+  --b-color-background-always-dark-tertiary-hover: #3d4c5a;
+  --b-color-background-always-dark-tertiary: #2f3e4d;
   --b-color-background-always-dark-secondary-selected: #002f68;
-  --b-color-background-always-dark-secondary-disabled: #eeeff1;
-  --b-color-background-always-dark-secondary-active: #455368;
-  --b-color-background-always-dark-secondary-hover: #37455d;
-  --b-color-background-always-dark-secondary: #22314a;
+  --b-color-background-always-dark-secondary-disabled: #ecedef;
+  --b-color-background-always-dark-secondary-active: #455460;
+  --b-color-background-always-dark-secondary-hover: #364553;
+  --b-color-background-always-dark-secondary: #213140;
   --b-color-background-always-dark-primary-selected: #002f68;
-  --b-color-background-always-dark-primary-disabled: #eeeff1;
-  --b-color-background-always-dark-primary-active: #22314a;
-  --b-color-background-always-dark-primary-hover: #14243e;
-  --b-color-background-always-dark-primary: #00112c;
+  --b-color-background-always-dark-primary-disabled: #ecedef;
+  --b-color-background-always-dark-primary-active: #213140;
+  --b-color-background-always-dark-primary-hover: #132434;
+  --b-color-background-always-dark-primary: #001222;
   --b-color-background-always-dark-selected: #002f68;
-  --b-color-background-always-dark-disabled: #eeeff1;
-  --b-color-background-always-dark-active: #8d95a3;
-  --b-color-background-always-dark-hover: #5c687c;
-  --b-color-background-always-dark: #00112c;
+  --b-color-background-always-dark-disabled: #ecedef;
+  --b-color-background-always-dark-active: #8c959d;
+  --b-color-background-always-dark-hover: #5c6874;
+  --b-color-background-always-dark: #001222;
   --b-color-background-always-light-selected: #e3f0ff;
-  --b-color-background-always-light-disabled: #eeeff1;
-  --b-color-background-always-light-active: #eeeff1;
-  --b-color-background-always-light-hover: #f7f7f8;
+  --b-color-background-always-light-disabled: #ecedef;
+  --b-color-background-always-light-active: #ecedef;
+  --b-color-background-always-light-hover: #f4f5f6;
   --b-color-background-always-light: #ffffff;
   --b-color-background-inverse-critical-strong-active: #fddfdf;
   --b-color-background-inverse-critical-strong-hover: #fbbdbd;
   --b-color-background-inverse-critical-strong: #f99c9c;
   --b-color-background-inverse-critical-weak: #611313;
-  --b-color-background-inverse-disabled: #283750;
-  --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: #6d7789;
-  --b-color-background-inverse-primary-hover: #5c687c;
-  --b-color-background-inverse-primary: #00112c;
+  --b-color-background-inverse-disabled: #273746;
+  --b-color-background-inverse-secondary-active: #364553;
+  --b-color-background-inverse-secondary-hover: #273746;
+  --b-color-background-inverse-secondary: #1a2b3b;
+  --b-color-background-inverse-primary-active: #6c7782;
+  --b-color-background-inverse-primary-hover: #5c6874;
+  --b-color-background-inverse-primary: #001222;
   --b-color-background-highlight-strong: #0070f5;
   --b-color-background-highlight-weak: #f2f8ff;
-  --b-color-background-success-strong: #07893c;
-  --b-color-background-success-weak: #edfaf3;
+  --b-color-background-success-strong: #008845;
+  --b-color-background-success-weak: #e4faef;
   --b-color-background-warning-strong: #dd7d00;
   --b-color-background-warning-weak: #fff5e9;
   --b-color-background-critical-strong-active: #791818;
@@ -392,21 +392,21 @@
   --b-color-background-critical-strong: #e22d2d;
   --b-color-background-critical-weak: #fef4f4;
   --b-color-background-selected: #e3f0ff;
-  --b-color-background-disabled: #eeeff1;
-  --b-color-background-modal-active: #eeeff1;
-  --b-color-background-modal-hover: #f7f7f8;
+  --b-color-background-disabled: #ecedef;
+  --b-color-background-modal-active: #ecedef;
+  --b-color-background-modal-hover: #f4f5f6;
   --b-color-background-modal: #ffffff;
-  --b-color-background-quaternary-active: #afb5bf;
-  --b-color-background-quaternary-hover: #b8bdc6;
-  --b-color-background-quaternary: #c0c5cc;
-  --b-color-background-tertiary-active: #dbdee2;
-  --b-color-background-tertiary-hover: #e3e5e9;
-  --b-color-background-tertiary: #eeeff1;
-  --b-color-background-secondary-active: #e3e5e9;
-  --b-color-background-secondary-hover: #eeeff1;
-  --b-color-background-secondary: #f7f7f8;
-  --b-color-background-primary-active: #eeeff1;
-  --b-color-background-primary-hover: #f7f7f8;
+  --b-color-background-quaternary-active: #aeb5ba;
+  --b-color-background-quaternary-hover: #b7bdc2;
+  --b-color-background-quaternary: #c0c5ca;
+  --b-color-background-tertiary-active: #dadddf;
+  --b-color-background-tertiary-hover: #e2e5e7;
+  --b-color-background-tertiary: #ecedef;
+  --b-color-background-secondary-active: #e2e5e7;
+  --b-color-background-secondary-hover: #ecedef;
+  --b-color-background-secondary: #f4f5f6;
+  --b-color-background-primary-active: #ecedef;
+  --b-color-background-primary-hover: #f4f5f6;
   --b-color-background-primary: #ffffff;
   --b-gradient-data-grid-hover: linear-gradient(270deg, var(--b-color-background-primary-hover) 0%, rgba(247, 247, 248, .82) 53.34%, rgba(247, 247, 248, .75) 61.73%, rgba(247, 247, 248, .11) 99.25%, rgba(247, 247, 248, 0) 100%);
   --b-tutorial-indicator-border: var(--b-border-width-m) solid var(--b-color-decorative-green);