@scania/tegel 1.32.0 → 1.32.2

package/dist/collection/components/popover-core/tds-popover-core.css

@@ -158,7 +158,7 @@
   /* Background - Elevation */
   --background-elevation-base: var(--scania-neutral-solid-00);
   --background-elevation-layer-01: var(--scania-neutral-solid-50);
-  --background-elevation-layer-02: var(--scania-neutral-solid-00);
+  --background-elevation-layer-02: var(--tds-grey-00);
   --background-elevation-layer-03: var(--scania-neutral-solid-50);
   --background-elevation-top: var(--scania-neutral-solid-00);
   --background-elevation-scrim: rgb(0 0 0 / 38%);
@@ -180,9 +180,9 @@
   --background-elements-100: var(--scania-neutral-solid-100);
   /* Background - Clickable - Primary */
   --background-clickable-primary-primary: var(--scania-blue-600);
-  --background-clickable-primary-primary-hover: var(--scania-blue-500);
-  --background-clickable-primary-pressed: var(--scania-blue-700);
-  --background-clickable-primary-focus: var(--scania-blue-400);
+  --background-clickable-primary-primary-hover: var(--scania-blue-700);
+  --background-clickable-primary-pressed: var(--scania-blue-800);
+  --background-clickable-primary-focus: var(--scania-blue-700);
   --background-clickable-primary-disabled: var(--scania-neutral-solid-50);
   --background-clickable-primary-resting: var(--scania-neutral-solid-100);
   /* Background - Clickable - Primary-Inverse */
@@ -210,11 +210,12 @@
   /* System - Warning */
   --system-warning-strong: var(--scania-extended-yellow-800);
   --system-warning-default: var(--scania-extended-yellow-100);
-  --system-warning-subtle: var(--scania-extended-yellow-50);
+  --system-warning-subtle: var(--tds-grey-00);
   /* System - Danger */
   --system-danger-strong: var(--scania-extended-red-800);
   --system-danger-default: var(--scania-extended-red-400);
-  --system-danger-subtle: var(--scania-extended-red-50);
+  --system-danger-subtle-03: var(--scania-extended-red-50);
+  --system-danger-subtle-02: var(--scania-extended-red-50);
 }
 
 /* Dark mode tokens (applied to .tds-mode-dark and .scania .tds-mode-dark) */
@@ -285,8 +286,8 @@
   /* Background - Elevation */
   --background-elevation-base: var(--scania-neutral-solid-1000);
   --background-elevation-layer-01: var(--scania-neutral-solid-928);
-  --background-elevation-layer-02: var(--scania-neutral-solid-900);
-  --background-elevation-layer-03: var(--scania-neutral-solid-846);
+  --background-elevation-layer-02: var(--tds-grey-850);
+  --background-elevation-layer-03: var(--scania-neutral-solid-900);
   --background-elevation-top: var(--scania-neutral-solid-846);
   --background-elevation-scrim: rgb(0 0 0 / 50%);
   --background-elevation-inverse: var(--scania-neutral-solid-00);
@@ -308,8 +309,8 @@
   /* Background - Clickable - Primary */
   --background-clickable-primary-primary: var(--scania-blue-400);
   --background-clickable-primary-primary-hover: var(--scania-blue-500);
-  --background-clickable-primary-pressed: var(--scania-blue-300);
-  --background-clickable-primary-focus: var(--scania-blue-600);
+  --background-clickable-primary-pressed: var(--scania-blue-600);
+  --background-clickable-primary-focus: var(--scania-blue-500);
   --background-clickable-primary-disabled: var(--scania-neutral-solid-868);
   --background-clickable-primary-resting: var(--scania-neutral-solid-800);
   /* Background - Clickable - Primary-Inverse */
@@ -337,11 +338,12 @@
   /* System - Warning */
   --system-warning-strong: var(--scania-extended-yellow-50);
   --system-warning-default: var(--scania-extended-yellow-100);
-  --system-warning-subtle: var(--scania-extended-yellow-600);
+  --system-warning-subtle: var(--tds-grey-850);
   /* System - Danger */
   --system-danger-strong: var(--scania-extended-red-50);
   --system-danger-default: var(--scania-extended-red-400);
-  --system-danger-subtle: var(--scania-extended-red-800);
+  --system-danger-subtle-03: var(--scania-extended-red-900);
+  --system-danger-subtle-02: var(--scania-extended-red-900);
 }
 
 /**
@@ -1904,68 +1906,77 @@ html {
   --tds-white-48: rgba(255, 255, 255, 0.48);
   --tds-white-38: rgba(255, 255, 255, 0.38);
   --tds-white-05: rgba(255, 255, 255, 0.05);
-  --tds-grey-958: #0d0f13;
-  --tds-grey-900: #1d2229;
+  --tds-grey-1000: #000000;
+  --tds-grey-958: #0b0c0f;
+  --tds-grey-950: #0b0c0f;
+  --tds-grey-900: #15181d;
   --tds-grey-868: #242a33;
+  --tds-grey-850: #1c222b;
   --tds-grey-846: #2b323d;
-  --tds-grey-800: #37414f;
-  --tds-grey-700: #56657a;
-  --tds-grey-600: #868fa2;
-  --tds-grey-500: #b0b7c4;
-  --tds-grey-400: #cdd1db;
-  --tds-grey-300: #dbdfe6;
-  --tds-grey-200: #e7e9ee;
+  --tds-grey-800: #242c37;
+  --tds-grey-750: #2d3643;
+  --tds-grey-700: #3a4554;
+  --tds-grey-650: #475467;
+  --tds-grey-600: #4e5e75;
+  --tds-grey-500: #5f728c;
+  --tds-grey-400: #6e829f;
+  --tds-grey-350: #7e90a9;
+  --tds-grey-300: #93a2b7;
+  --tds-grey-250: #b4becd;
+  --tds-grey-200: #d1d7e0;
+  --tds-grey-150: #e0e5eb;
   --tds-grey-100: #edeff3;
-  --tds-grey-50: #f9fafb;
+  --tds-grey-50: #f6f7f9;
+  --tds-grey-00: #ffffff;
   --tds-blue-900: #001533;
   --tds-blue-800: #041e42;
   --tds-blue-700: #0f3263;
   --tds-blue-600: #16417f;
   --tds-blue-500: #2058a8;
-  --tds-blue-400: #2b70d3;
+  --tds-blue-400: #2a6ecf;
   --tds-blue-300: #4a89f3;
   --tds-blue-200: #87afe8;
   --tds-blue-100: #bacde8;
-  --tds-blue-50: #e4e9f1;
-  --tds-red-900: #450307;
-  --tds-red-800: #6a080f;
-  --tds-red-700: #950a16;
-  --tds-red-600: #d6001c;
-  --tds-red-500: #de2b36;
-  --tds-red-400: #f35359;
-  --tds-red-300: #f58e90;
-  --tds-red-200: #f8b6b7;
-  --tds-red-100: #fadbdc;
-  --tds-red-50: #fdf4f5;
-  --tds-green-900: #112616;
-  --tds-green-800: #1c3822;
-  --tds-green-700: #2c5234;
-  --tds-green-600: #386e44;
-  --tds-green-500: #438151;
-  --tds-green-400: #539e63;
-  --tds-green-300: #89b691;
-  --tds-green-200: #a6d1ad;
-  --tds-green-100: #caebd0;
-  --tds-green-50: #f1f8f2;
-  --tds-orange-900: #331103;
-  --tds-orange-800: #893b15;
-  --tds-orange-700: #c65416;
-  --tds-orange-600: #eb6200;
-  --tds-orange-500: #fa6e23;
-  --tds-orange-400: #f98a67;
-  --tds-orange-300: #f9a38d;
-  --tds-orange-200: #f9cac0;
-  --tds-orange-100: #fbe3df;
-  --tds-orange-50: #fdf5f3;
+  --tds-blue-50: #d8dde5;
+  --tds-red-900: #350004;
+  --tds-red-800: #480008;
+  --tds-red-700: #6c0011;
+  --tds-red-600: #8a0012;
+  --tds-red-500: #b20018;
+  --tds-red-400: #d1001b;
+  --tds-red-300: #ea4851;
+  --tds-red-200: #fc8a88;
+  --tds-red-100: #ffb9b8;
+  --tds-red-50: #ffdfe3;
+  --tds-green-900: #001a12;
+  --tds-green-800: #00251b;
+  --tds-green-700: #0a382e;
+  --tds-green-600: #004c3b;
+  --tds-green-500: #00664f;
+  --tds-green-400: #008064;
+  --tds-green-300: #009e7e;
+  --tds-green-200: #65bda5;
+  --tds-green-100: #9bd9c2;
+  --tds-green-50: #d3eee7;
+  --tds-yellow-900: #ffdfe3;
+  --tds-yellow-800: #4d260a;
+  --tds-yellow-700: #6b3b10;
+  --tds-yellow-600: #975717;
+  --tds-yellow-500: #b87c14;
+  --tds-yellow-400: #eaad06;
+  --tds-yellow-300: #f1c21b;
+  --tds-yellow-200: #f4d65d;
+  --tds-yellow-100: #f8e596;
+  --tds-yellow-50: #f9eec3;
   --tds-cta: #0f3263;
   --tds-negative: #ff2340;
   --tds-warning: #f1c21b;
   --tds-positive: #1dab8b;
-  --tds-information: #2b70d3;
+  --tds-information: #2a6ecf;
   --tds-black: #000;
   --tds-white: #fff;
   --tds-blue: #041e42;
-  --tds-red: #d6001c;
+  --tds-red: #8a0012;
 }
 
 .tds-background-black-100 {
@@ -2004,48 +2015,80 @@ html {
   background-color: rgba(255, 255, 255, 0.05);
 }
 
+.tds-background-grey-1000 {
+  background-color: #000000;
+}
+
 .tds-background-grey-958 {
-  background-color: #0d0f13;
+  background-color: #0b0c0f;
+}
+
+.tds-background-grey-950 {
+  background-color: #0b0c0f;
 }
 
 .tds-background-grey-900 {
-  background-color: #1d2229;
+  background-color: #15181d;
 }
 
 .tds-background-grey-868 {
   background-color: #242a33;
 }
 
+.tds-background-grey-850 {
+  background-color: #1c222b;
+}
+
 .tds-background-grey-846 {
   background-color: #2b323d;
 }
 
 .tds-background-grey-800 {
-  background-color: #37414f;
+  background-color: #242c37;
+}
+
+.tds-background-grey-750 {
+  background-color: #2d3643;
 }
 
 .tds-background-grey-700 {
-  background-color: #56657a;
+  background-color: #3a4554;
+}
+
+.tds-background-grey-650 {
+  background-color: #475467;
 }
 
 .tds-background-grey-600 {
-  background-color: #868fa2;
+  background-color: #4e5e75;
 }
 
 .tds-background-grey-500 {
-  background-color: #b0b7c4;
+  background-color: #5f728c;
 }
 
 .tds-background-grey-400 {
-  background-color: #cdd1db;
+  background-color: #6e829f;
+}
+
+.tds-background-grey-350 {
+  background-color: #7e90a9;
 }
 
 .tds-background-grey-300 {
-  background-color: #dbdfe6;
+  background-color: #93a2b7;
+}
+
+.tds-background-grey-250 {
+  background-color: #b4becd;
 }
 
 .tds-background-grey-200 {
-  background-color: #e7e9ee;
+  background-color: #d1d7e0;
+}
+
+.tds-background-grey-150 {
+  background-color: #e0e5eb;
 }
 
 .tds-background-grey-100 {
@@ -2053,7 +2096,11 @@ html {
 }
 
 .tds-background-grey-50 {
-  background-color: #f9fafb;
+  background-color: #f6f7f9;
+}
+
+.tds-background-grey-00 {
+  background-color: #ffffff;
 }
 
 .tds-background-blue-900 {
@@ -2077,7 +2124,7 @@ html {
 }
 
 .tds-background-blue-400 {
-  background-color: #2b70d3;
+  background-color: #2a6ecf;
 }
 
 .tds-background-blue-300 {
@@ -2093,127 +2140,127 @@ html {
 }
 
 .tds-background-blue-50 {
-  background-color: #e4e9f1;
+  background-color: #d8dde5;
 }
 
 .tds-background-red-900 {
-  background-color: #450307;
+  background-color: #350004;
 }
 
 .tds-background-red-800 {
-  background-color: #6a080f;
+  background-color: #480008;
 }
 
 .tds-background-red-700 {
-  background-color: #950a16;
+  background-color: #6c0011;
 }
 
 .tds-background-red-600 {
-  background-color: #d6001c;
+  background-color: #8a0012;
 }
 
 .tds-background-red-500 {
-  background-color: #de2b36;
+  background-color: #b20018;
 }
 
 .tds-background-red-400 {
-  background-color: #f35359;
+  background-color: #d1001b;
 }
 
 .tds-background-red-300 {
-  background-color: #f58e90;
+  background-color: #ea4851;
 }
 
 .tds-background-red-200 {
-  background-color: #f8b6b7;
+  background-color: #fc8a88;
 }
 
 .tds-background-red-100 {
-  background-color: #fadbdc;
+  background-color: #ffb9b8;
 }
 
 .tds-background-red-50 {
-  background-color: #fdf4f5;
+  background-color: #ffdfe3;
 }
 
 .tds-background-green-900 {
-  background-color: #112616;
+  background-color: #001a12;
 }
 
 .tds-background-green-800 {
-  background-color: #1c3822;
+  background-color: #00251b;
 }
 
 .tds-background-green-700 {
-  background-color: #2c5234;
+  background-color: #0a382e;
 }
 
 .tds-background-green-600 {
-  background-color: #386e44;
+  background-color: #004c3b;
 }
 
 .tds-background-green-500 {
-  background-color: #438151;
+  background-color: #00664f;
 }
 
 .tds-background-green-400 {
-  background-color: #539e63;
+  background-color: #008064;
 }
 
 .tds-background-green-300 {
-  background-color: #89b691;
+  background-color: #009e7e;
 }
 
 .tds-background-green-200 {
-  background-color: #a6d1ad;
+  background-color: #65bda5;
 }
 
 .tds-background-green-100 {
-  background-color: #caebd0;
+  background-color: #9bd9c2;
 }
 
 .tds-background-green-50 {
-  background-color: #f1f8f2;
+  background-color: #d3eee7;
 }
 
-.tds-background-orange-900 {
-  background-color: #331103;
+.tds-background-yellow-900 {
+  background-color: #ffdfe3;
 }
 
-.tds-background-orange-800 {
-  background-color: #893b15;
+.tds-background-yellow-800 {
+  background-color: #4d260a;
 }
 
-.tds-background-orange-700 {
-  background-color: #c65416;
+.tds-background-yellow-700 {
+  background-color: #6b3b10;
 }
 
-.tds-background-orange-600 {
-  background-color: #eb6200;
+.tds-background-yellow-600 {
+  background-color: #975717;
 }
 
-.tds-background-orange-500 {
-  background-color: #fa6e23;
+.tds-background-yellow-500 {
+  background-color: #b87c14;
 }
 
-.tds-background-orange-400 {
-  background-color: #f98a67;
+.tds-background-yellow-400 {
+  background-color: #eaad06;
 }
 
-.tds-background-orange-300 {
-  background-color: #f9a38d;
+.tds-background-yellow-300 {
+  background-color: #f1c21b;
 }
 
-.tds-background-orange-200 {
-  background-color: #f9cac0;
+.tds-background-yellow-200 {
+  background-color: #f4d65d;
 }
 
-.tds-background-orange-100 {
-  background-color: #fbe3df;
+.tds-background-yellow-100 {
+  background-color: #f8e596;
 }
 
-.tds-background-orange-50 {
-  background-color: #fdf5f3;
+.tds-background-yellow-50 {
+  background-color: #f9eec3;
 }
 
 .tds-background-cta {
@@ -2233,7 +2280,7 @@ html {
 }
 
 .tds-background-information {
-  background-color: #2b70d3;
+  background-color: #2a6ecf;
 }
 
 .tds-background-black {
@@ -2249,7 +2296,7 @@ html {
 }
 
 .tds-background-red {
-  background-color: #d6001c;
+  background-color: #8a0012;
 }
 
 .tds-text-black-100 {
@@ -2288,48 +2335,80 @@ html {
   color: rgba(255, 255, 255, 0.05);
 }
 
+.tds-text-grey-1000 {
+  color: #000000;
+}
+
 .tds-text-grey-958 {
-  color: #0d0f13;
+  color: #0b0c0f;
+}
+
+.tds-text-grey-950 {
+  color: #0b0c0f;
 }
 
 .tds-text-grey-900 {
-  color: #1d2229;
+  color: #15181d;
 }
 
 .tds-text-grey-868 {
   color: #242a33;
 }
 
+.tds-text-grey-850 {
+  color: #1c222b;
+}
+
 .tds-text-grey-846 {
   color: #2b323d;
 }
 
 .tds-text-grey-800 {
-  color: #37414f;
+  color: #242c37;
+}
+
+.tds-text-grey-750 {
+  color: #2d3643;
 }
 
 .tds-text-grey-700 {
-  color: #56657a;
+  color: #3a4554;
+}
+
+.tds-text-grey-650 {
+  color: #475467;
 }
 
 .tds-text-grey-600 {
-  color: #868fa2;
+  color: #4e5e75;
 }
 
 .tds-text-grey-500 {
-  color: #b0b7c4;
+  color: #5f728c;
 }
 
 .tds-text-grey-400 {
-  color: #cdd1db;
+  color: #6e829f;
+}
+
+.tds-text-grey-350 {
+  color: #7e90a9;
 }
 
 .tds-text-grey-300 {
-  color: #dbdfe6;
+  color: #93a2b7;
+}
+
+.tds-text-grey-250 {
+  color: #b4becd;
 }
 
 .tds-text-grey-200 {
-  color: #e7e9ee;
+  color: #d1d7e0;
+}
+
+.tds-text-grey-150 {
+  color: #e0e5eb;
 }
 
 .tds-text-grey-100 {
@@ -2337,7 +2416,11 @@ html {
 }
 
 .tds-text-grey-50 {
-  color: #f9fafb;
+  color: #f6f7f9;
+}
+
+.tds-text-grey-00 {
+  color: #ffffff;
 }
 
 .tds-text-blue-900 {
@@ -2361,7 +2444,7 @@ html {
 }
 
 .tds-text-blue-400 {
-  color: #2b70d3;
+  color: #2a6ecf;
 }
 
 .tds-text-blue-300 {
@@ -2377,127 +2460,127 @@ html {
 }
 
 .tds-text-blue-50 {
-  color: #e4e9f1;
+  color: #d8dde5;
 }
 
 .tds-text-red-900 {
-  color: #450307;
+  color: #350004;
 }
 
 .tds-text-red-800 {
-  color: #6a080f;
+  color: #480008;
 }
 
 .tds-text-red-700 {
-  color: #950a16;
+  color: #6c0011;
 }
 
 .tds-text-red-600 {
-  color: #d6001c;
+  color: #8a0012;
 }
 
 .tds-text-red-500 {
-  color: #de2b36;
+  color: #b20018;
 }
 
 .tds-text-red-400 {
-  color: #f35359;
+  color: #d1001b;
 }
 
 .tds-text-red-300 {
-  color: #f58e90;
+  color: #ea4851;
 }
 
 .tds-text-red-200 {
-  color: #f8b6b7;
+  color: #fc8a88;
 }
 
 .tds-text-red-100 {
-  color: #fadbdc;
+  color: #ffb9b8;
 }
 
 .tds-text-red-50 {
-  color: #fdf4f5;
+  color: #ffdfe3;
 }
 
 .tds-text-green-900 {
-  color: #112616;
+  color: #001a12;
 }
 
 .tds-text-green-800 {
-  color: #1c3822;
+  color: #00251b;
 }
 
 .tds-text-green-700 {
-  color: #2c5234;
+  color: #0a382e;
 }
 
 .tds-text-green-600 {
-  color: #386e44;
+  color: #004c3b;
 }
 
 .tds-text-green-500 {
-  color: #438151;
+  color: #00664f;
 }
 
 .tds-text-green-400 {
-  color: #539e63;
+  color: #008064;
 }
 
 .tds-text-green-300 {
-  color: #89b691;
+  color: #009e7e;
 }
 
 .tds-text-green-200 {
-  color: #a6d1ad;
+  color: #65bda5;
 }
 
 .tds-text-green-100 {
-  color: #caebd0;
+  color: #9bd9c2;
 }
 
 .tds-text-green-50 {
-  color: #f1f8f2;
+  color: #d3eee7;
 }
 
-.tds-text-orange-900 {
-  color: #331103;
+.tds-text-yellow-900 {
+  color: #ffdfe3;
 }
 
-.tds-text-orange-800 {
-  color: #893b15;
+.tds-text-yellow-800 {
+  color: #4d260a;
 }
 
-.tds-text-orange-700 {
-  color: #c65416;
+.tds-text-yellow-700 {
+  color: #6b3b10;
 }
 
-.tds-text-orange-600 {
-  color: #eb6200;
+.tds-text-yellow-600 {
+  color: #975717;
 }
 
-.tds-text-orange-500 {
-  color: #fa6e23;
+.tds-text-yellow-500 {
+  color: #b87c14;
 }
 
-.tds-text-orange-400 {
-  color: #f98a67;
+.tds-text-yellow-400 {
+  color: #eaad06;
 }
 
-.tds-text-orange-300 {
-  color: #f9a38d;
+.tds-text-yellow-300 {
+  color: #f1c21b;
 }
 
-.tds-text-orange-200 {
-  color: #f9cac0;
+.tds-text-yellow-200 {
+  color: #f4d65d;
 }
 
-.tds-text-orange-100 {
-  color: #fbe3df;
+.tds-text-yellow-100 {
+  color: #f8e596;
 }
 
-.tds-text-orange-50 {
-  color: #fdf5f3;
+.tds-text-yellow-50 {
+  color: #f9eec3;
 }
 
 .tds-text-cta {
@@ -2517,7 +2600,7 @@ html {
 }
 
 .tds-text-information {
-  color: #2b70d3;
+  color: #2a6ecf;
 }
 
 .tds-text-black {
@@ -2533,7 +2616,7 @@ html {
 }
 
 .tds-text-red {
-  color: #d6001c;
+  color: #8a0012;
 }
 
 /*
@@ -6530,25 +6613,25 @@ html {
 
 :root,
 .tds-mode-light {
-  --tds-banner-text-color: var(--tds-grey-958);
-  --tds-banner-x-color: var(--tds-black);
-  --tds-banner-background-default: var(--tds-grey-50);
-  --tds-banner-prefix-default-color: var(--tds-grey-700);
-  --tds-banner-background-info: var(--tds-grey-300);
+  --tds-banner-text-color: var(--tds-grey-950);
+  --tds-banner-x-color: var(--tds-grey-950);
+  --tds-banner-background-default: var(--tds-grey-150);
+  --tds-banner-prefix-default-color: var(--tds-grey-950);
+  --tds-banner-background-info: var(--tds-blue-100);
   --tds-banner-prefix-info-color: var(--tds-blue-400);
-  --tds-banner-background-error: var(--tds-red-100);
-  --tds-banner-prefix-error-color: var(--tds-red-500);
+  --tds-banner-background-error: var(--tds-red-50);
+  --tds-banner-prefix-error-color: var(--tds-red-400);
 }
 
 .tds-mode-dark {
   --tds-banner-text-color: var(--tds-grey-50);
-  --tds-banner-x-color: var(--tds-white);
-  --tds-banner-background-default: var(--tds-grey-900);
-  --tds-banner-prefix-default-color: var(--tds-grey-400);
+  --tds-banner-x-color: var(--tds-grey-50);
+  --tds-banner-background-default: var(--tds-grey-850);
+  --tds-banner-prefix-default-color: var(--tds-grey-50);
   --tds-banner-background-info: var(--tds-blue-700);
-  --tds-banner-prefix-info-color: var(--tds-information);
+  --tds-banner-prefix-info-color: var(--tds-blue-300);
   --tds-banner-background-error: var(--tds-red-900);
-  --tds-banner-prefix-error-color: var(--tds-negative);
+  --tds-banner-prefix-error-color: var(--tds-red-300);
 }
 
 :root,
@@ -6577,36 +6660,36 @@ html {
   --tds-block-color: var(--tds-grey-50);
   --tds-block-background: var(--tds-grey-900);
   --tds-block-background-primary: var(--tds-grey-900);
-  --tds-block-background-secondary: var(--tds-grey-868);
+  --tds-block-background-secondary: var(--tds-grey-850);
   --tds-block-background-even: var(--tds-grey-900);
   --tds-block-background-odd: var(--tds-grey-868);
 }
 .tds-mode-dark .tds-mode-variant-primary {
   --tds-block-background: var(--tds-grey-900);
   --tds-block-background-even: var(--tds-grey-900);
-  --tds-block-background-odd: var(--tds-grey-868);
+  --tds-block-background-odd: var(--tds-grey-850);
 }
 .tds-mode-dark .tds-mode-variant-secondary {
-  --tds-block-background: var(--tds-grey-868);
-  --tds-block-background-even: var(--tds-grey-868);
+  --tds-block-background: var(--tds-grey-850);
+  --tds-block-background-even: var(--tds-grey-850);
   --tds-block-background-odd: var(--tds-grey-900);
 }
 
 :root,
 .tds-mode-light {
-  --tds-breadcrumb-color: var(--tds-grey-900);
-  --tds-breadcrumb-color-hover: var(--tds-grey-700);
-  --tds-breadcrumb-color-focus: var(--tds-grey-700);
+  --tds-breadcrumb-color: var(--tds-grey-950);
+  --tds-breadcrumb-color-hover: var(--tds-grey-950);
+  --tds-breadcrumb-color-focus: var(--tds-grey-950);
   --tds-breadcrumb-color-current: var(--tds-grey-500);
-  --tds-breadcrumb-separator-color: var(--tds-grey-500);
+  --tds-breadcrumb-separator-color: var(--tds-grey-950);
 }
 
 .tds-mode-dark {
-  --tds-breadcrumb-color: var(--tds-grey-300);
-  --tds-breadcrumb-color-hover: var(--tds-grey-500);
-  --tds-breadcrumb-color-focus: var(--tds-grey-500);
-  --tds-breadcrumb-color-current: var(--tds-grey-700);
-  --tds-breadcrumb-separator-color: var(--tds-grey-700);
+  --tds-breadcrumb-color: var(--tds-white);
+  --tds-breadcrumb-color-hover: var(--tds-white);
+  --tds-breadcrumb-color-focus: var(--tds-white);
+  --tds-breadcrumb-color-current: var(--tds-grey-300);
+  --tds-breadcrumb-separator-color: var(--tds-white);
 }
 
 :root,
@@ -6622,33 +6705,33 @@ html {
   --tds-btn-primary-color-hover: var(--tds-white);
   --tds-btn-primary-color-active: var(--tds-white);
   --tds-btn-primary-color-focus: var(--tds-white);
-  --tds-btn-primary-color-disabled: var(--tds-grey-400);
+  --tds-btn-primary-color-disabled: var(--tds-grey-250);
   --tds-btn-primary-border-color: transparent;
   --tds-btn-primary-border-color-hover: transparent;
   --tds-btn-primary-border-color-active: var(--tds-blue-700);
-  --tds-btn-primary-border-color-focus: var(--tds-blue-600);
-  --tds-btn-primary-outline-color-focus: var(--tds-blue-600);
+  --tds-btn-primary-border-color-focus: var(--tds-blue-700);
+  --tds-btn-primary-outline-color-focus: var(--tds-blue-400);
   --tds-btn-primary-border-color-disabled: transparent;
   /* ICON */
   --tds-btn-icon-primary-fill: var(--tds-grey-50);
   --tds-btn-icon-primary-color: var(--tds-grey-50);
   --tds-btn-secondary-background: transparent;
   --tds-btn-secondary-color: var(--tds-black);
-  --tds-btn-secondary-border-color: var(--tds-black-48);
-  --tds-btn-secondary-background-hover: var(--tds-blue-500);
+  --tds-btn-secondary-border-color: var(--tds-grey-350);
+  --tds-btn-secondary-background-hover: var(--tds-blue-700);
   --tds-btn-secondary-color-hover: var(--tds-white);
   --tds-btn-secondary-border-color-hover: var(--tds-blue-500);
   --tds-btn-secondary-background-active: transparent;
   --tds-btn-secondary-color-active: var(--tds-black);
-  --tds-btn-secondary-border-color-active: var(--tds-black-87);
-  --tds-btn-secondary-background-focus: transparent;
-  --tds-btn-secondary-color-focus: var(--tds-black);
-  --tds-btn-secondary-border-color-focus: var(--tds-blue-400);
+  --tds-btn-secondary-border-color-active: var(--tds-grey-650);
+  --tds-btn-secondary-background-focus: var(--tds-blue-700);
+  --tds-btn-secondary-color-focus: var(--tds-white);
+  --tds-btn-secondary-border-color-focus: var(--tds-white);
   --tds-btn-secondary-outline-color: var(--tds-black-38);
   --tds-btn-secondary-outline-color-focus: var(--tds-blue-400);
   --tds-btn-secondary-background-disabled: transparent;
-  --tds-btn-secondary-color-disabled: var(--tds-black-38);
-  --tds-btn-secondary-border-color-disabled: var(--tds-black-38);
+  --tds-btn-secondary-color-disabled: var(--tds-grey-250);
+  --tds-btn-secondary-border-color-disabled: var(--tds-grey-250);
   --tds-btn-icon-secondary-color-focus: var(--tds-black);
   --tds-btn-icon-secondary-fill-focus: var(--tds-black);
   --tds-btn-icon-secondary-fill-active: var(--tds-grey-958);
@@ -6661,18 +6744,18 @@ html {
   /* ICON HOVER */
   --tds-btn-icon-secondary-color-active: var(--tds-grey-958);
   --tds-btn-ghost-background: transparent;
-  --tds-btn-ghost-color: var(--tds-black);
+  --tds-btn-ghost-color: var(--tds-grey-950);
   --tds-btn-ghost-border-color: transparent;
   --tds-btn-ghost-background-hover: transparent;
-  --tds-btn-ghost-color-hover: var(--tds-black);
-  --tds-btn-ghost-border-color-hover: var(--tds-black-48);
+  --tds-btn-ghost-color-hover: var(--tds-grey-950);
+  --tds-btn-ghost-border-color-hover: var(--tds-grey-350);
   --tds-btn-ghost-outline-color-hover: var(--tds-black-48);
   --tds-btn-ghost-background-active: transparent;
-  --tds-btn-ghost-color-active: var(--tds-black);
-  --tds-btn-ghost-border-color-active: var(--tds-black-87);
+  --tds-btn-ghost-color-active: var(--tds-grey-950);
+  --tds-btn-ghost-border-color-active: var(--tds-grey-650);
   --tds-btn-ghost-background-focus: transparent;
-  --tds-btn-ghost-color-focus: var(--tds-black);
-  --tds-btn-ghost-border-color-focus: var(--tds-blue-400);
+  --tds-btn-ghost-color-focus: var(--tds-grey-950);
+  --tds-btn-ghost-border-color-focus: var(--tds-grey-350);
   --tds-btn-ghost-outline-color-focus: var(--tds-blue-400);
   --tds-btn-ghost-background-disabled: transparent;
   --tds-btn-ghost-color-disabled: var(--tds-black-38);
@@ -6680,20 +6763,20 @@ html {
   /* ICON */
   --tds-btn-icon-ghost-fill: var(--tds-grey-958);
   --tds-btn-icon-ghost-color: var(--tds-grey-958);
-  --tds-btn-danger-background: var(--tds-negative);
+  --tds-btn-danger-background: var(--scania-extended-red-400);
   --tds-btn-danger-color: var(--tds-white);
   --tds-btn-danger-border-color: transparent;
-  --tds-btn-danger-background-hover: var(--tds-red-600);
+  --tds-btn-danger-background-hover: var(--scania-extended-red-500);
   --tds-btn-danger-color-hover: var(--tds-white);
   --tds-btn-danger-border-color-hover: transparent;
-  --tds-btn-danger-background-active: var(--tds-red-700);
+  --tds-btn-danger-background-active: var(--scania-extended-red-600);
   --tds-btn-danger-color-active: var(--tds-white);
   --tds-btn-danger-border-color-active: var(--tds-red-700);
-  --tds-btn-danger-background-focus: var(--tds-red-400);
+  --tds-btn-danger-background-focus: var(--scania-extended-red-500);
   --tds-btn-danger-color-focus: var(--tds-white);
-  --tds-btn-danger-border-color-focus: var(--tds-red-400);
-  --tds-btn-danger-outline-color-focus: var(--tds-red-700);
-  --tds-btn-danger-background-disabled-primary: var(--tds-grey-50);
+  --tds-btn-danger-border-color-focus: var(--tds-red-500);
+  --tds-btn-danger-outline-color-focus: var(--tds-blue-400);
+  --tds-btn-danger-background-disabled-primary: var(--scania-neutral-solid-50);
   --tds-btn-danger-background-disabled-secondary: var(--tds-white);
   --tds-btn-danger-background-disabled: var(--tds-btn-danger-background-disabled-primary);
   --tds-btn-danger-color-disabled: var(--tds-black-38);
@@ -6714,36 +6797,38 @@ html {
 }
 
 .tds-mode-dark {
-  --tds-btn-primary-background: var(--tds-blue-400);
-  --tds-btn-primary-background-hover: var(--tds-blue-500);
-  --tds-btn-primary-background-active: var(--tds-blue-300);
-  --tds-btn-primary-background-focus: var(--tds-blue-600);
-  --tds-btn-primary-border-color-focus: var(--tds-blue-400);
-  --tds-btn-primary-outline-color-focus: var(--tds-blue-400);
+  --tds-btn-primary-background: var(--scania-blue-400);
+  --tds-btn-primary-background-hover: var(--scania-blue-500);
+  --tds-btn-primary-background-active: var(--scania-blue-600);
+  --tds-btn-primary-background-focus: var(--scania-blue-500);
+  --tds-btn-primary-border-color-focus: var(--tds-white);
+  --tds-btn-primary-border-color: transparent;
+  --tds-btn-primary-border-color-hover: var(--tds-white);
+  --tds-btn-primary-outline-color-focus: var(--tds-blue-300);
   --tds-btn-primary-background-disabled-primary: var(--tds-grey-900);
-  --tds-btn-primary-background-disabled-secondary: var(--tds-grey-868);
+  --tds-btn-primary-background-disabled-secondary: var(--tds-grey-850);
   --tds-btn-primary-background-disabled: var(--tds-btn-primary-background-disabled-primary);
-  --tds-btn-primary-color-disabled: var(--tds-white-38);
+  --tds-btn-primary-color-disabled: var(--scania-neutral-transparent-inverse-500);
   /* ICON */
   --tds-btn-icon-primary-fill: var(--tds-grey-50);
   --tds-btn-icon-primary-color: var(--tds-grey-50);
   --tds-btn-secondary-background: transparent;
   --tds-btn-secondary-color: var(--tds-white);
-  --tds-btn-secondary-border-color: var(--tds-white-48);
+  --tds-btn-secondary-border-color: var(--scania-neutral-transparent-inverse-400);
   --tds-btn-secondary-background-hover: var(--tds-blue-500);
   --tds-btn-secondary-color-hover: var(--tds-white);
-  --tds-btn-secondary-border-color-hover: var(--tds-blue-500);
-  --tds-btn-secondary-background-active: transparent;
+  --tds-btn-secondary-border-color-hover: var(--tds-white);
+  --tds-btn-secondary-background-active: var(--scania-blue-600);
   --tds-btn-secondary-color-active: var(--tds-white);
-  --tds-btn-secondary-border-color-active: var(--tds-white-87);
-  --tds-btn-secondary-background-focus: transparent;
+  --tds-btn-secondary-border-color-active: var(--tds-grey-200);
+  --tds-btn-secondary-background-focus: var(--scania-blue-500);
   --tds-btn-secondary-color-focus: var(--tds-white);
-  --tds-btn-secondary-border-color-focus: var(--tds-blue-400);
-  --tds-btn-secondary-outline-color-focus: var(--tds-blue-400);
+  --tds-btn-secondary-border-color-focus: var(--tds-white);
+  --tds-btn-secondary-outline-color-focus: var(--tds-blue-300);
   --tds-btn-secondary-outline-color: var(--tds-white);
   --tds-btn-secondary-background-disabled: transparent;
-  --tds-btn-secondary-color-disabled: var(--tds-white-38);
-  --tds-btn-secondary-border-color-disabled: var(--tds-white-38);
+  --tds-btn-secondary-color-disabled: var(--tds-grey-500);
+  --tds-btn-secondary-border-color-disabled: var(--tds-grey-500);
   --tds-btn-icon-secondary-color-focus: var(--tds-white);
   --tds-btn-icon-secondary-fill-focus: var(--tds-white);
   /* ICON */
@@ -6754,38 +6839,38 @@ html {
   --tds-btn-ghost-border-color: transparent;
   --tds-btn-ghost-background-hover: transparent;
   --tds-btn-ghost-color-hover: var(--tds-white);
-  --tds-btn-ghost-border-color-hover: var(--tds-white-48);
+  --tds-btn-ghost-border-color-hover: var(--tds-white);
   --tds-btn-ghost-outline-color-hover: var(--tds-white-48);
   --tds-btn-ghost-background-active: transparent;
   --tds-btn-ghost-color-active: var(--tds-white);
-  --tds-btn-ghost-border-color-active: var(--tds-white-87);
+  --tds-btn-ghost-border-color-active: var(--tds-grey-200);
   --tds-btn-ghost-background-focus: transparent;
   --tds-btn-ghost-color-focus: var(--tds-white);
-  --tds-btn-ghost-border-color-focus: var(--tds-blue-300);
+  --tds-btn-ghost-border-color-focus: var(--tds-white);
   --tds-btn-ghost-outline-color-focus: var(--tds-blue-300);
   --tds-btn-ghost-background-disabled: transparent;
-  --tds-btn-ghost-color-disabled: var(--tds-white-38);
+  --tds-btn-ghost-color-disabled: var(--tds-grey-500);
   --tds-btn-ghost-border-color-disabled: transparent;
   /* ICON */
   --tds-btn-icon-ghost-fill: var(--tds-grey-50);
   --tds-btn-icon-ghost-color: var(--tds-grey-50);
-  --tds-btn-danger-background: var(--tds-negative);
+  --tds-btn-danger-background: var(--scania-extended-red-400);
   --tds-btn-danger-color: var(--tds-white);
   --tds-btn-danger-border-color: transparent;
-  --tds-btn-danger-background-hover: var(--tds-red-600);
+  --tds-btn-danger-background-hover: var(--scania-extended-red-500);
   --tds-btn-danger-color-hover: var(--tds-white);
   --tds-btn-danger-border-color-hover: transparent;
-  --tds-btn-danger-background-active: var(--tds-red-700);
+  --tds-btn-danger-background-active: var(--scania-extended-red-600);
   --tds-btn-danger-color-active: var(--tds-white);
   --tds-btn-danger-border-color-active: transparent;
-  --tds-btn-danger-background-focus: var(--tds-red-400);
+  --tds-btn-danger-background-focus: var(--scania-extended-red-500);
   --tds-btn-danger-color-focus: var(--tds-white);
-  --tds-btn-danger-border-color-focus: var(--tds-red-400);
-  --tds-btn-danger-outline-color-focus: var(--tds-red-700);
+  --tds-btn-danger-border-color-focus: var(--tds-white);
+  --tds-btn-danger-outline-color-focus: var(--tds-blue-300);
   --tds-btn-danger-background-disabled-primary: var(--tds-grey-900);
-  --tds-btn-danger-background-disabled-secondary: var(--tds-grey-868);
+  --tds-btn-danger-background-disabled-secondary: var(--tds-grey-850);
   --tds-btn-danger-background-disabled: var(--tds-btn-danger-background-disabled-primary);
-  --tds-btn-danger-color-disabled: var(--tds-white-38);
+  --tds-btn-danger-color-disabled: var(--tds-grey-500);
   --tds-btn-danger-border-color-disabled: transparent;
   /* ICON */
   --tds-btn-icon-danger-fill: var(--tds-white);
@@ -6804,15 +6889,15 @@ html {
 .tds-mode-light {
   --tds-card-background: var(--tds-white);
   --tds-card-box-primary: 0 3px 3px rgb(0 0 0 / 15%), 0 -1px 1px rgb(0 0 0 / 1%);
-  --tds-card-box-secondary: 0 3px 3px rgb(0 0 0 / 10%), 0 -1px 1px rgb(0 0 0 / 5%);
+  --tds-card-box-secondary: 0 -1px 1px rgb(0 0 0 / 5%), 0 3px 3px rgb(0 0 0 / 10%);
   --tds-card-box: var(--tds-card-box-primary);
   --tds-card-box-hover: 0 -1px 1px rgb(0 0 0 / 5%), 0 3px 3px rgb(0 0 0 / 20%);
   --tds-card-box-pressed: 0 -1px 1px rgb(0 0 0 / 5%), 0 1px 3px rgb(0 0 0 / 20%);
-  --tds-card-headline: var(--tds-grey-958);
-  --tds-card-sub-headline: var(--tds-grey-600);
-  --tds-card-body-color: var(--tds-grey-700);
+  --tds-card-headline: var(--tds-grey-950);
+  --tds-card-sub-headline: var(--tds-grey-500);
+  --tds-card-body-color: var(--tds-grey-500);
   --tds-card-divider: var(--tds-grey-300);
-  --tds-card-icon-color: var(--tds-grey-300);
+  --tds-card-icon-color: var(--tds-grey-950);
 }
 :root .tds-mode-variant-primary,
 .tds-mode-light .tds-mode-variant-primary {
@@ -6825,18 +6910,18 @@ html {
 
 .tds-mode-dark {
   --tds-card-background-primary: var(--tds-grey-900);
-  --tds-card-background-secondary: var(--tds-grey-868);
+  --tds-card-background-secondary: var(--tds-grey-850);
   --tds-card-background: var(--tds-card-background-primary);
-  --tds-card-box-primary: 0 3px 3px rgb(0 0 0 / 15%), 0 -1px 1px rgb(0 0 0 / 1%);
+  --tds-card-box-primary: 0 -1px 1px rgb(0 0 0 / 5%), 0 3px 3px rgb(0 0 0 / 10%);
   --tds-card-box-secondary: 0 3px 3px rgb(0 0 0 / 10%), 0 -1px 1px rgb(0 0 0 / 5%);
   --tds-card-box: var(--tds-card-box-primary);
   --tds-card-box-hover: 0 -1px 1px rgb(0 0 0 / 5%), 0 3px 3px rgb(0 0 0 / 20%);
   --tds-card-box-pressed: 0 -1px 1px rgb(0 0 0 / 5%), 0 1px 3px rgb(0 0 0 / 20%);
-  --tds-card-headline: var(--tds-white);
-  --tds-card-sub-headline: var(--tds-grey-400);
-  --tds-card-body-color: var(--tds-white);
+  --tds-card-headline: var(--tds-grey-50);
+  --tds-card-sub-headline: var(--tds-grey-300);
+  --tds-card-body-color: var(--tds-grey-300);
   --tds-card-divider: var(--tds-grey-700);
-  --tds-card-icon-color: var(--tds-grey-700);
+  --tds-card-icon-color: var(--tds-grey-50);
 }
 .tds-mode-dark .tds-mode-variant-primary {
   --tds-card-box: var(--tds-card-box-primary);
@@ -6849,52 +6934,49 @@ html {
 
 :root,
 .tds-mode-light {
-  --tds-checkbox-color: var(--tds-grey-900);
+  --tds-checkbox-color: var(--tds-grey-950);
   --tds-checkbox-interaction-01: var(--tds-blue-800);
   --tds-checkbox-interaction-02: var(--tds-white);
-  --tds-checkbox-background-hover: var(--tds-blue-800);
-  --tds-checkbox-background-focus: var(--tds-blue-800);
-  --tds-checkbox-background-opacity-hover: 0.12;
-  --tds-checkbox-background-opacity-focus: 0.24;
-  --tds-checkbox-disabled: var(--tds-grey-400);
+  --tds-checkbox-background-hover: var(--tds-grey-350);
+  --tds-checkbox-background-focus: var(--tds-blue-400);
+  --tds-checkbox-disabled: var(--tds-grey-250);
   --tds-checkbox-background-img: url("data:image/svg+xml;utf8,<svg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M1 2.33333L3.4 5C4.80589 3.4379 5.59411 2.5621 7 1' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'/></svg>");
   --tds-checkbox-background-img-indeterminate: url("data:image/svg+xml;utf8,<svg width='8' height='2' viewBox='0 0 8 2' fill='none' xmlns='http://www.w3.org/2000/svg'><rect y='0.5' width='8' height='1' rx='0.5' fill='%23ffffff'/></svg>");
-  --tds-checkbox-background-img-disabled: url("data:image/svg+xml;utf8,<svg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M1 2.33333L3.4 5C4.80589 3.4379 5.59411 2.5621 7 1' stroke='%23b0b7c4' stroke-linecap='round' stroke-linejoin='round'/></svg>");
-  --tds-checkbox-background-img-indeterminate-disabled: url("data:image/svg+xml;utf8,<svg width='8' height='2' viewBox='0 0 8 2' fill='none' xmlns='http://www.w3.org/2000/svg'><rect y='0.5' width='8' height='1' rx='0.5' fill='%23b0b7c4'/></svg>");
-  --tds-checkbox-border-color-disabled-after: var(--tds-grey-500);
-  --tds-checkbox-color-disabled-after: var(--tds-grey-500);
+  --tds-checkbox-background-img-disabled: url("data:image/svg+xml;utf8,<svg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M1 2.33333L3.4 5C4.80589 3.4379 5.59411 2.5621 7 1' stroke='%23B4BECD' stroke-linecap='round' stroke-linejoin='round'/></svg>");
+  --tds-checkbox-background-img-indeterminate-disabled: url("data:image/svg+xml;utf8,<svg width='8' height='2' viewBox='0 0 8 2' fill='none' xmlns='http://www.w3.org/2000/svg'><rect y='0.5' width='8' height='1' rx='0.5' fill='%23B4BECD'/></svg>");
+  --tds-checkbox-border-color-disabled-after: var(--tds-grey-250);
+  --tds-checkbox-color-disabled-after: var(--tds-grey-250);
 }
 :root .tds-mode-dark,
 .tds-mode-light .tds-mode-dark {
-  --tds-checkbox-color: var(--tds-white);
+  --tds-checkbox-color: var(--tds-grey-50);
   --tds-checkbox-interaction-01: var(--tds-white);
-  --tds-checkbox-interaction-02: var(--tds-grey-958);
-  --tds-checkbox-background-hover: var(--tds-grey-600);
-  --tds-checkbox-background-focus: var(--tds-grey-600);
-  --tds-checkbox-background-opacity-hover: 0.48;
-  --tds-checkbox-background-opacity-focus: 0.72;
-  --tds-checkbox-disabled: white;
+  --tds-checkbox-interaction-02: var(--tds-grey-950);
+  --tds-checkbox-background-hover: var(--tds-grey-350);
+  --tds-checkbox-background-focus: var(--tds-blue-300);
+  --tds-checkbox-disabled: var(--tds-grey-500);
   --tds-checkbox-background-img: url("data:image/svg+xml;utf8,<svg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M1 2.33333L3.4 5C4.80589 3.4379 5.59411 2.5621 7 1' stroke='%230D0F13' stroke-linecap='round' stroke-linejoin='round'/></svg>");
   --tds-checkbox-background-img-indeterminate: url("data:image/svg+xml;utf8,<svg width='8' height='2' viewBox='0 0 8 2' fill='none' xmlns='http://www.w3.org/2000/svg'><rect y='0.5' width='8' height='1' rx='0.5' fill='%230D0F13'/></svg>");
-  --tds-checkbox-background-img-disabled: url("data:image/svg+xml;utf8,<svg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M1 2.33333L3.4 5C4.80589 3.4379 5.59411 2.5621 7 1' stroke='%2356657A' stroke-linecap='round' stroke-linejoin='round'/></svg>");
-  --tds-checkbox-background-img-indeterminate-disabled: url("data:image/svg+xml;utf8,<svg width='8' height='2' viewBox='0 0 8 2' fill='none' xmlns='http://www.w3.org/2000/svg'><rect y='0.5' width='8' height='1' rx='0.5' fill='%2356657A'/></svg>");
-  --tds-checkbox-border-color-disabled-after: var(--tds-grey-700);
-  --tds-checkbox-color-disabled-after: var(--tds-grey-700);
+  --tds-checkbox-background-img-disabled: url("data:image/svg+xml;utf8,<svg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M1 2.33333L3.4 5C4.80589 3.4379 5.59411 2.5621 7 1' stroke='%235F728C' stroke-linecap='round' stroke-linejoin='round'/></svg>");
+  --tds-checkbox-background-img-indeterminate-disabled: url("data:image/svg+xml;utf8,<svg width='8' height='2' viewBox='0 0 8 2' fill='none' xmlns='http://www.w3.org/2000/svg'><rect y='0.5' width='8' height='1' rx='0.5' fill='%235F728C'/></svg>");
+  --tds-checkbox-border-color-disabled-after: var(--tds-grey-500);
+  --tds-checkbox-color-disabled-after: var(--tds-grey-500);
 }
 
 :root,
 .tds-mode-light {
-  --tds-chips-color: var(--tds-grey-958);
+  --tds-chips-color: var(--tds-grey-950);
   --tds-chips-color-active: var(--tds-white);
-  --tds-chips-background: var(--tds-grey-200);
-  --tds-chips-background-active: var(--tds-blue-500);
-  --tds-chips-background-disabled: var(--tds-grey-200);
-  --tds-chips-text-disabled: var(--tds-grey-500);
-  --tds-chips-text-checked-disabled: var(--tds-white-38);
-  --tds-chips-background-active-hover: var(--tds-blue-600);
-  --tds-chips-background-hover: var(--tds-grey-400);
-  --tds-chips-background-focus: var(--tds-grey-50);
-  --tds-chips-icon-fill: var(--tds-grey-958);
+  --tds-chips-background: var(--tds-grey-150);
+  --tds-chips-background-active: var(--tds-blue-400);
+  --tds-chips-background-disabled: var(--tds-grey-150);
+  --tds-chips-text-disabled: var(--tds-grey-250);
+  --tds-chips-text-checked-disabled: var(--tds-grey-250);
+  --tds-chips-background-active-disabled: var(--tds-blue-100);
+  --tds-chips-background-active-hover: var(--tds-blue-500);
+  --tds-chips-background-hover: var(--tds-grey-200);
+  --tds-chips-background-focus: var(--tds-grey-200);
+  --tds-chips-icon-fill: var(--tds-grey-950);
   --tds-chips-icon-fill-active: var(--tds-white);
 }
 
@@ -6902,13 +6984,14 @@ html {
   --tds-chips-color: var(--tds-white);
   --tds-chips-color-active: var(--tds-white);
   --tds-chips-background: var(--tds-grey-800);
-  --tds-chips-background-disabled: var(--tds-grey-800);
-  --tds-chips-text-disabled: var(--tds-white-38);
-  --tds-chips-text-checked-disabled: var(--tds-white-38);
-  --tds-chips-background-hover: var(--tds-grey-600);
   --tds-chips-background-active: var(--tds-blue-500);
+  --tds-chips-background-disabled: var(--tds-grey-850);
+  --tds-chips-text-disabled: var(--tds-grey-500);
+  --tds-chips-text-checked-disabled: var(--tds-grey-500);
+  --tds-chips-background-active-disabled: var(--tds-blue-700);
   --tds-chips-background-active-hover: var(--tds-blue-300);
-  --tds-chips-background-focus: var(--tds-grey-900);
+  --tds-chips-background-hover: var(--tds-grey-750);
+  --tds-chips-background-focus: var(--tds-grey-750);
   --tds-chips-icon-fill: var(--tds-white);
   --tds-chips-icon-fill-active: var(--tds-white);
 }
@@ -6918,13 +7001,13 @@ html {
   /* Table-color */
   --tds-table-color: var(--tds-grey-958);
   /* Table-body-cell */
-  --tds-table-body-cell-background-hover: var(--tds-grey-200);
+  --tds-table-body-cell-background-hover: var(--tds-grey-150);
   /* Table-body-row */
   --tds-table-body-row-background: var(--tds-grey-50);
   --tds-table-body-row-background-hover: var(--tds-grey-200);
   --tds-table-zebra-mode-backround: var(--tds-white);
-  --tds-table-body-row-background-selected: var(--tds-grey-300);
-  --tds-table-body-row-background-selected-hover: var(--tds-grey-400);
+  --tds-table-body-row-background-selected: var(--tds-grey-200);
+  --tds-table-body-row-background-selected-hover: var(--tds-grey-300);
   /* Table input */
   --tds-table-input-background: var(--tds-grey-50);
   --tds-table-input-background-focus: var(--tds-white);
@@ -6942,8 +7025,8 @@ html {
   --tds-table-footer-page-selector-icon-disabled: var(--tds-grey-600);
   --tds-table-footer-btn-hover: var(--tds-grey-300);
   /* Table-header */
-  --tds-table-header-background: var(--tds-grey-300);
-  --tds-table-header-background-hover: var(--tds-grey-400);
+  --tds-table-header-background: var(--tds-grey-200);
+  --tds-table-header-background-hover: var(--tds-grey-300);
   --tds-table-header-btn-color: var(--tds-grey-958);
   --tds-table-header-btn-background: var(--tds-grey-500);
   --tds-table-header-btn-background-hover: var(--tds-grey-600);
@@ -6976,10 +7059,10 @@ html {
   /* Table-body */
   --tds-table-color: var(--tds-grey-50);
   /* Table-body-cell */
-  --tds-table-body-cell-background-hover: var(--tds-grey-846);
+  --tds-table-body-cell-background-hover: var(--tds-grey-800);
   /* Table-body-row */
-  --tds-table-body-row-background: var(--tds-grey-868);
-  --tds-table-body-row-background-hover: var(--tds-grey-846);
+  --tds-table-body-row-background: var(--tds-grey-850);
+  --tds-table-body-row-background-hover: var(--tds-grey-800);
   --tds-table-zebra-mode-backround: var(--tds-grey-900);
   --tds-table-body-row-background-selected: var(--tds-grey-800);
   --tds-table-body-row-background-selected-hover: var(--tds-grey-700);
@@ -7001,10 +7084,10 @@ html {
   --tds-table-footer-page-selector-icon-disabled: var(--tds-grey-600);
   /* Table-header */
   --tds-table-header-background: var(--tds-grey-800);
-  --tds-table-header-background-hover: var(--tds-grey-700);
+  --tds-table-header-background-hover: var(--tds-grey-750);
   --tds-table-header-btn-color: var(--tds-grey-50);
   --tds-table-header-btn-background: var(--tds-grey-600);
-  --tds-table-header-btn-background-hover: var(--tds-grey-700);
+  --tds-table-header-btn-background-hover: var(--tds-grey-750);
   --tds-table-header-btn-focus: var(--tds-blue-400);
   /* Table-toolbar */
   --tds-table-toolbar-background: var(--tds-grey-700);
@@ -7016,14 +7099,14 @@ html {
   --tds-table-input-search-icon: var(--tds-grey-600);
 }
 .tds-mode-dark .tds-mode-variant-primary {
-  --tds-table-body-row-background: var(--tds-grey-868);
-  --tds-table-body-row-background-hover: var(--tds-grey-846);
+  --tds-table-body-row-background: var(--tds-grey-850);
+  --tds-table-body-row-background-hover: var(--tds-grey-800);
   --tds-table-zebra-mode-backround: var(--tds-grey-900);
 }
 .tds-mode-dark .tds-mode-variant-secondary {
   --tds-table-body-row-background: var(--tds-grey-900);
-  --tds-table-body-row-background-hover: var(--tds-grey-846);
-  --tds-table-zebra-mode-backround: var(--tds-grey-868);
+  --tds-table-body-row-background-hover: var(--tds-grey-850);
+  --tds-table-zebra-mode-backround: var(--tds-grey-850);
 }
 
 :root,
@@ -7045,10 +7128,10 @@ html {
   --tds-datetime-bar: var(--tds-blue-400);
   --tds-datetime-helper: var(--tds-grey-700);
   --tds-datetime-border-bottom-success: var(--tds-grey-800);
-  --tds-datetime-border-bottom-error: var(--tds-negative);
-  --tds-datetime-helper-error: var(--tds-negative);
-  --tds-datetime-bar-error: var(--tds-negative);
-  --tds-datetime-icon-error: var(--tds-negative);
+  --tds-datetime-border-bottom-error: var(--tds-red-400);
+  --tds-datetime-helper-error: var(--tds-red-400);
+  --tds-datetime-bar-error: var(--tds-red-400);
+  --tds-datetime-icon-error: var(--tds-red-400);
   --tds-datetime-textcounter: var(--tds-grey-700);
   --tds-datetime-textcounter-divider: var(--tds-grey-500);
   --tds-datetime-ps-color: var(--tds-grey-600);
@@ -7081,10 +7164,10 @@ html {
   --tds-datetime-helper: var(--tds-grey-500);
   --tds-datetime-border-bottom-success: var(--tds-grey-50);
   --tds-datetime-color-success: var(--tds-grey-50);
-  --tds-datetime-border-bottom-error: var(--tds-negative);
-  --tds-datetime-helper-error: var(--tds-negative);
-  --tds-datetime-bar-error: var(--tds-negative);
-  --tds-datetime-icon-error: var(--tds-negative);
+  --tds-datetime-border-bottom-error: var(--tds-red-300);
+  --tds-datetime-helper-error: var(--tds-red-300);
+  --tds-datetime-bar-error: var(--tds-red-300);
+  --tds-datetime-icon-error: var(--tds-red-300);
   --tds-datetime-textcounter: var(--tds-grey-700);
   --tds-datetime-textcounter-divider: var(--tds-grey-500);
   --tds-datetime-ps-color: var(--tds-grey-600);
@@ -7098,11 +7181,11 @@ html {
 
 :root,
 .tds-mode-light {
-  --tds-divider-background: var(--tds-grey-300);
+  --tds-divider-background: var(--tds-grey-350);
 }
 
 .tds-mode-dark {
-  --tds-divider-background: var(--tds-grey-700);
+  --tds-divider-background: var(--tds-grey-500);
 }
 
 .tds-theme-colored {
@@ -7115,19 +7198,20 @@ html {
   --tds-dropdown-border-bottom: var(--tds-grey-600);
   --tds-dropdown-border-bottom-hover: var(--tds-grey-800);
   --tds-dropdown-border-bottom-open: var(--tds-blue-400);
-  --tds-dropdown-border-bottom-hover: var(--tds-grey-868);
-  --tds-dropdown-value-color: var(--tds-grey-958);
-  --tds-dropdown-label-color: var(--tds-grey-958);
-  --tds-dropdown-label-inside-color: var(--tds-grey-958);
+  --tds-dropdown-border-bottom-hover: var(--tds-grey-850);
+  --tds-dropdown-value-color: var(--tds-grey-950);
+  --tds-dropdown-label-color: var(--tds-grey-950);
+  --tds-dropdown-label-inside-color: var(--tds-grey-950);
   --tds-dropdown-helper-color: var(--tds-grey-700);
   --tds-dropdown-placeholder-color: var(--tds-grey-500);
   --tds-dropdown-disabled-color: var(--tds-grey-400);
-  --tds-dropdown-filter-input-color: var(--tds-grey-958);
+  --tds-dropdown-filter-input-color: var(--tds-grey-950);
   --tds-dropdown-border-radius: var(--tds-spacing-element-4) var(--tds-spacing-element-4) 0 0;
   --tds-dropdown-list-border-radius-down: 0 0 var(--tds-spacing-element-4)
     var(--tds-spacing-element-4);
   --tds-dropdown-list-border-radius-up: var(--tds-spacing-element-4) var(--tds-spacing-element-4) 0
     0;
+  --tds-dropdown-error: var(--tds-red-400);
 }
 :root .tds-mode-variant-primary,
 .tds-mode-light .tds-mode-variant-primary {
@@ -7165,27 +7249,28 @@ html {
   --tds-dropdown-list-border-radius-up: var(--tds-spacing-element-4) var(--tds-spacing-element-4) 0
     0;
   --tds-dropdown-filter-input-color: var(--tds-grey-50);
+  --tds-dropdown-error: var(--tds-red-300);
 }
 .tds-mode-dark .tds-mode-variant-primary {
-  --tds-dropdown-bg: var(--tds-grey-868);
+  --tds-dropdown-bg: var(--tds-grey-850);
 }
 .tds-mode-dark .tds-mode-variant-secondary {
   --tds-dropdown-bg: var(--tds-grey-900);
 }
 .tds-mode-dark tds-table-footer {
-  --tds-dropdown-bg: var(--tds-grey-868);
+  --tds-dropdown-bg: var(--tds-grey-850);
   --tds-dropdown-list-border-radius-down: var(--tds-spacing-element-4);
   --tds-dropdown-list-border-radius-up: var(--tds-spacing-element-4);
 }
 
 :root,
 .tds-mode-light {
-  --tds-dropdown-option-color: var(--tds-grey-868);
-  --tds-dropdown-option-color-selected: var(--tds-grey-868);
+  --tds-dropdown-option-color: var(--tds-grey-850);
+  --tds-dropdown-option-color-selected: var(--tds-grey-850);
   --tds-dropdown-option-color-disabled: var(--tds-grey-400);
   --tds-dropdown-option-background: var(--tds-grey-50);
   --tds-dropdown-option-background-hover: var(--tds-grey-100);
-  --tds-dropdown-option-background-selected: var(--tds-grey-300);
+  --tds-dropdown-option-background-selected: var(--tds-grey-150);
   --tds-dropdown-option-border: var(--tds-grey-300);
   --tds-dropdown-label-color: var(--tds-grey-958);
   --tds-dropdown-helper-color: var(--tds-grey-700);
@@ -7204,7 +7289,7 @@ html {
   --tds-dropdown-option-color: var(--tds-grey-50);
   --tds-dropdown-option-color-selected: var(--tds-grey-50);
   --tds-dropdown-option-color-disabled: var(--tds-grey-800);
-  --tds-dropdown-option-background: var(--tds-grey-868);
+  --tds-dropdown-option-background: var(--tds-grey-850);
   --tds-dropdown-option-background-hover: var(--tds-grey-800);
   --tds-dropdown-option-background-selected: var(--tds-grey-700);
   --tds-dropdown-option-border: var(--tds-grey-800);
@@ -7213,7 +7298,7 @@ html {
   --tds-dropdown-placeholder-color: var(--tds-grey-600);
 }
 .tds-mode-dark .tds-mode-variant-primary {
-  --tds-dropdown-option-background: var(--tds-grey-868);
+  --tds-dropdown-option-background: var(--tds-grey-850);
 }
 .tds-mode-dark .tds-mode-variant-secondary {
   --tds-dropdown-option-background: var(--tds-grey-900);
@@ -7224,19 +7309,15 @@ html {
   --tds-footer-top-background-primary: var(--tds-grey-50);
   --tds-footer-top-background-secondary: var(--tds-white);
   --tds-footer-top-background: var(--tds-footer-top-background-primary);
-  --tds-footer-top-divider: var(--tds-grey-300);
-  --tds-footer-top-links: var(--tds-blue-800);
-  --tds-footer-top-links-background-hover: var(--tds-grey-300);
-  --tds-footer-top-button-active: var(--tds-grey-300);
-  --tds-footer-top-links-opacity: 0.87;
-  --tds-footer-top-links-opacity-hover: 0.38;
-  --tds-footer-top-title-opacity-mobile: 0.87;
-  --tds-footer-top-title-opacity: 0.6;
+  --tds-footer-top-divider: var(--tds-grey-200);
+  --tds-footer-top-links: var(--tds-grey-950);
+  --tds-footer-top-links-header: var(--tds-grey-500);
+  --tds-footer-top-links-background-hover: var(--tds-grey-200);
+  --tds-footer-top-button-active: var(--tds-grey-200);
   --tds-footer-main-background: var(--tds-blue-800);
   --tds-footer-main-links: var(--tds-white);
-  --tds-footer-main-divider: var(--tds-blue-600);
-  --tds-footer-main-links-opacity: 0.87;
-  --tds-footer-main-copyright: rgb(255 255 255 / 60%);
+  --tds-footer-main-divider: var(--tds-blue-700);
+  --tds-footer-main-copyright: var(--tds-grey-300);
 }
 :root .tds-mode-variant-primary,
 .tds-mode-light .tds-mode-variant-primary {
@@ -7248,21 +7329,17 @@ html {
 }
 
 .tds-mode-dark {
-  --tds-footer-top-background-primary: var(--tds-grey-868);
+  --tds-footer-top-background-primary: var(--tds-grey-850);
   --tds-footer-top-background: var(--tds-footer-top-background-primary);
-  --tds-footer-top-divider: var(--tds-grey-800);
+  --tds-footer-top-divider: var(--tds-grey-600);
   --tds-footer-top-links: var(--tds-grey-50);
-  --tds-footer-top-links-background-hover: var(--tds-grey-700);
-  --tds-footer-top-button-active: var(--tds-grey-700);
-  --tds-footer-top-links-opacity: 0.87;
-  --tds-footer-top-links-opacity-hover: 0.38;
-  --tds-footer-top-title-opacity-mobile: 0.87;
-  --tds-footer-top-title-opacity: 0.6;
+  --tds-footer-top-links-header: var(--tds-grey-300);
+  --tds-footer-top-links-background-hover: var(--tds-grey-600);
+  --tds-footer-top-button-active: var(--tds-grey-600);
   --tds-footer-main-background: var(--tds-blue-900);
   --tds-footer-main-links: var(--tds-white);
-  --tds-footer-main-divider: var(--tds-blue-600);
-  --tds-footer-main-links-opacity: 0.87;
-  --tds-footer-main-copyright: rgb(255 255 255 / 60%);
+  --tds-footer-main-divider: var(--tds-blue-700);
+  --tds-footer-main-copyright: var(--tds-grey-300);
 }
 .tds-mode-dark .tds-mode-variant-primary,
 .tds-mode-dark .tds-mode-variant-secondary {
@@ -7424,7 +7501,7 @@ html {
   --tds-nav-dropdown-item-background: var(--tds-grey-800);
   --tds-nav-dropdown-item-border-color: var(--tds-grey-700);
   --tds-header-nav-item-dropdown-opened-background: var(--tds-grey-958);
-  --tds-header-nav-item-dropdown-opened-background-hover: var(--tds-grey-868);
+  --tds-header-nav-item-dropdown-opened-background-hover: var(--tds-grey-800);
   --tds-header-nav-item-dropdown-opened-background-selected: var(--tds-grey-868);
   --tds-header-nav-item-dropdown-opened-background-active: var(--tds-grey-800);
   --tds-header-nav-item-dropdown-opened-color: var(--tds-white);
@@ -7507,16 +7584,20 @@ html {
   --tds-link: var(--tds-blue-400);
   --tds-link-hover: var(--tds-blue-400);
   --tds-link-focus: var(--tds-blue-400);
-  --tds-link-visited: var(--tds-blue-700);
-  --tds-link-disabled: var(--tds-grey-400);
+  --tds-link-visited: var(--tds-blue-600);
+  --tds-link-disabled: var(--tds-grey-250);
 }
 :root tds-toast,
 .tds-mode-light tds-toast {
-  --tds-link: var(--tds-blue-400);
+  --tds-link: var(--tds-grey-50);
   --tds-link-hover: var(--tds-blue-400);
   --tds-link-focus: var(--tds-blue-400);
   --tds-link-visited: var(--tds-blue-700);
-  --tds-link-disabled: var(--tds-grey-400);
+  --tds-link-disabled: var(--tds-grey-250);
+}
+:root tds-banner,
+.tds-mode-light tds-banner {
+  --tds-link: var(--tds-grey-950);
 }
 
 .tds-mode-dark {
@@ -7524,14 +7605,17 @@ html {
   --tds-link-hover: var(--tds-blue-300);
   --tds-link-focus: var(--tds-blue-300);
   --tds-link-visited: var(--tds-blue-100);
-  --tds-link-disabled: var(--tds-grey-700);
+  --tds-link-disabled: var(--tds-grey-500);
 }
 .tds-mode-dark tds-toast {
-  --tds-link: var(--tds-blue-300);
+  --tds-link: var(--tds-grey-950);
   --tds-link-hover: var(--tds-blue-300);
   --tds-link-focus: var(--tds-blue-300);
   --tds-link-visited: var(--tds-blue-100);
-  --tds-link-disabled: var(--tds-grey-700);
+  --tds-link-disabled: var(--tds-grey-500);
+}
+.tds-mode-dark tds-banner {
+  --tds-link: var(--tds-grey-50);
 }
 
 tds-link tds-icon {
@@ -7562,7 +7646,7 @@ tds-link tds-icon {
 
 .tds-mode-dark {
   --tds-popover-menu-color: var(--tds-grey-50);
-  --tds-popover-menu-background: var(--tds-grey-958);
+  --tds-popover-menu-background: var(--tds-grey-850);
   --tds-popover-menu-background-hover: var(--tds-grey-800);
   --tds-popover-menu-divider-color: var(--tds-grey-800);
   --tds-popover-menu-divider-disabled-color: var(--tds-grey-600);
@@ -7571,26 +7655,27 @@ tds-link tds-icon {
 
 :root,
 .tds-mode-light {
-  --tds-radio-button-color: var(--tds-grey-958);
+  --tds-radio-button-color: var(--tds-grey-950);
   --tds-radio-button-interaction-01: var(--tds-blue-800);
   --tds-radio-button-interaction-02: var(--tds-white);
-  --tds-radio-button-background-hover: var(--tds-blue-800);
-  --tds-radio-button-background-focus: var(--tds-blue-800);
-  --tds-radio-button-disabled: var(--tds-grey-600);
-  --tds-radio-button-border-color-disabled-after: var(--tds-grey-500);
-  --tds-radio-button-color-disabled-after: var(--tds-grey-700);
-  --tds-radio-button-color-disabled-before: var(--tds-grey-700);
+  --tds-radio-button-background-hover: var(--tds-grey-350);
+  --tds-radio-button-background-focus: var(--tds-blue-400);
+  --tds-radio-button-disabled: var(--tds-grey-250);
+  --tds-radio-button-border-color-disabled-after: var(--tds-grey-250);
+  --tds-radio-button-color-disabled-after: var(--tds-grey-250);
+  --tds-radio-button-color-disabled-before: var(--tds-grey-250);
 }
 
 .tds-mode-dark {
   --tds-radio-button-color: var(--tds-white);
   --tds-radio-button-interaction-01: var(--tds-white);
-  --tds-radio-button-interaction-02: var(--tds-grey-958);
-  --tds-radio-button-background-hover: var(--tds-white);
-  --tds-radio-button-background-focus: var(--tds-white);
-  --tds-radio-button-disabled: var(--tds-grey-600);
-  --tds-radio-button-border-color-disabled-after: var(--tds-grey-700);
-  --tds-radio-button-color-disabled-after: var(--tds-grey-700);
+  --tds-radio-button-interaction-02: var(--tds-grey-950);
+  --tds-radio-button-background-hover: var(--tds-grey-350);
+  --tds-radio-button-background-focus: var(--tds-blue-400);
+  --tds-radio-button-disabled: var(--tds-grey-500);
+  --tds-radio-button-border-color-disabled-after: var(--tds-grey-500);
+  --tds-radio-button-color-disabled-after: var(--tds-grey-500);
+  --tds-radio-button-color-disabled-before: var(--tds-grey-500);
 }
 
 .__tds-side-menu-item-icon {
@@ -7639,19 +7724,19 @@ tds-link tds-icon {
   --tds-sidebar-mobile-menu-btn-icon: var(--tds-white);
   --tds-sidebar-item-state-focus: var(--tds-grey-958);
   --tds-sidebar-item-state-border-focus: var(--tds-blue-400);
-  --tds-sidebar-item-state-hover: var(--tds-grey-868);
+  --tds-sidebar-item-state-hover: var(--tds-grey-850);
   --tds-sidebar-item-state-active: var(--tds-grey-800);
   --tds-sidemenu-item-state-active: var(--tds-grey-800);
   --tds-sidebar-item-state-selected: var(--tds-grey-868);
   --tds-sidebar-side-menu: var(--tds-grey-958);
-  --tds-sidebar-side-menu-border-right: var(--tds-grey-868);
+  --tds-sidebar-side-menu-border-right: var(--tds-grey-850);
   --tds-sidebar-side-menu-background-cover: var(--tds-grey-958);
-  --tds-sidebar-side-menu-mobile-header-border-bottom: var(--tds-grey-868);
+  --tds-sidebar-side-menu-mobile-header-border-bottom: var(--tds-grey-850);
   --tds-sidebar-side-menu-bottom-menu-background: var(--tds-grey-958);
-  --tds-sidebar-side-menu-bottom-menu-border-top: var(--tds-grey-868);
-  --tds-sidebar-side-menu-single-item-border-bottom: var(--tds-grey-868);
+  --tds-sidebar-side-menu-bottom-menu-border-top: var(--tds-grey-850);
+  --tds-sidebar-side-menu-single-item-border-bottom: var(--tds-grey-850);
   --tds-sidebar-side-menu-single-item-color: var(--tds-grey-50);
-  --tds-sidebar-side-menu-single-item-background-selected: var(--tds-grey-868);
+  --tds-sidebar-side-menu-single-item-background-selected: var(--tds-grey-850);
   --tds-sidebar-side-menu-single-item-border-left-selected: var(--tds-blue-400);
   --tds-sidebar-side-menu-single-subitem-color: var(--tds-grey-100);
   --tds-sidebar-side-menu-single-subitem-title-color: var(--tds-grey-50);
@@ -7699,48 +7784,28 @@ tds-link tds-icon {
 
 :root,
 .tds-mode-light {
-  --tds-stepper-icon-background: var(--tds-grey-958);
-  --tds-stepper-color: var(--tds-grey-958);
-  --tds-stepper-icon-step-border-color-warning: var(--tds-negative);
-  --tds-stepper-icon-step-border-color-success: var(--tds-positive);
-  --tds-stepper-icon-step-background-success: var(--tds-positive);
-  --tds-stepper-label-text-color-upcoming: var(--tds-blue-900);
-  --tds-stepper-label-border-color-upcoming: var(--tds-blue-900);
-  --tds-stepper-label-text-opacity-upcoming: 0.38;
-  /* TODO --tds-blue-900 is not defined */
-  --tds-stepper-icon-sidetext-background-before: var(--tds-blue-900);
-  --tds-stepper-icon-vertical-background-before: var(--tds-blue-900);
-  --tds-stepper-icon-step-background-before: var(--tds-blue-900);
-  --tds-stepper-icon-step-background-after: var(--tds-blue-900);
-  /* INVERTED */
-  --tds-stepper-color--inverted: var(--tds-white);
-  --tds-stepper-border-color--inverted: var(--tds-white);
-  --tds-stepper-background--inverted-before: var(--tds-white);
-  --tds-stepper-background--inverted-after: var(--tds-white);
-  --tds-stepper-icon-border-color-waring--inverted: var(--tds-negative);
-  --tds-stepper-icon-border-color-success-after--inverted: var(--tds-positive);
+  --tds-stepper-background: var(--tds-grey-950);
+  --tds-stepper-icon-background: var(--tds-grey-50);
+  --tds-stepper-color: var(--tds-grey-50);
+  --tds-stepper-icon-step-border-color-warning: var(--tds-red-400);
+  --tds-stepper-icon-step-border-color-success: var(--tds-green-400);
+  --tds-stepper-icon-step-background-success: var(--tds-green-400);
+  --tds-stepper-icon-step-border-color-current: var(--tds-grey-950);
+  --tds-stepper-label-text-color-upcoming: var(--tds-blue-950);
+  --tds-stepper-label-border-color-upcoming: var(--tds-blue-750);
+  --tds-stepper-divider-line: var(--tds-grey-700);
 }
 
 .tds-mode-dark {
-  --tds-stepper-icon-background: var(--tds-white);
-  --tds-stepper-color: var(--tds-white);
-  --tds-stepper-icon-step-border-color-warning: var(--tds-negative);
-  --tds-stepper-icon-step-border-color-success: var(--tds-positive);
-  --tds-stepper-icon-step-background-success: var(--tds-positive);
-  --tds-stepper-icon-sidetext-background-before: var(--tds-white);
-  --tds-stepper-icon-vertical-background-before: var(--tds-white);
-  --tds-stepper-icon-step-background-before: var(--tds-white);
-  --tds-stepper-icon-step-background-after: var(--tds-white);
-  --tds-stepper-label-text-color-upcoming: var(--tds-blue-50);
-  --tds-stepper-label-border-color-upcoming: var(--tds-blue-50);
-  --tds-stepper-label-text-opacity-upcoming: 0.38;
-  /* INVERTED */
-  --tds-stepper-color--inverted: var(--tds-grey-958);
-  --tds-stepper-border-color--inverted: var(--tds-grey-958);
-  --tds-stepper-background--inverted-before: var(--tds-grey-958);
-  --tds-stepper-background--inverted-after: var(--tds-grey-958);
-  --tds-stepper-icon-border-color-waring--inverted: var(--tds-negative);
-  --tds-stepper-icon-border-color-success-after--inverted: var(--tds-positive);
+  --tds-stepper-background: var(--tds-grey-150);
+  --tds-stepper-icon-background: var(--tds-grey-150);
+  --tds-stepper-color: var(--tds-grey-950);
+  --tds-stepper-icon-step-border-color-warning: var(--tds-red-300);
+  --tds-stepper-icon-step-border-color-success: var(--tds-green-300);
+  --tds-stepper-icon-step-background-success: var(--tds-green-300);
+  --tds-stepper-label-text-color-upcoming: var(--tds-grey-50);
+  --tds-stepper-label-border-color-upcoming: var(--tds-grey-150);
+  --tds-stepper-divider-line: var(--tds-grey-250);
 }
 
 :root,
@@ -7909,7 +7974,6 @@ tds-link tds-icon {
   --tds-navigation-tabs-tab-color-focus: var(--tds-grey-958);
   --tds-navigation-tabs-tab-color-active: var(--tds-grey-958);
   --tds-navigation-tabs-tab-indicator-background-active: var(--tds-blue-400);
-  --tds-navigation-tabs-tab-indicator-background-hover: #d1d5db;
 }
 :root .tds-mode-variant-primary,
 .tds-mode-light .tds-mode-variant-primary {
@@ -7937,7 +8001,6 @@ tds-link tds-icon {
   --tds-navigation-tabs-tab-color-focus: var(--tds-grey-50);
   --tds-navigation-tabs-tab-color-active: var(--tds-grey-50);
   --tds-navigation-tabs-tab-indicator-background-active: var(--tds-blue-300);
-  --tds-navigation-tabs-tab-indicator-background-hover: #373d46;
 }
 .tds-mode-dark .tds-mode-variant-primary {
   --tds-navigation-tabs-background: var(--tds-navigation-tabs-tab-background-primary);
@@ -8033,34 +8096,34 @@ tds-link tds-icon {
   --tds-text-field-background-primary: var(--tds-grey-50);
   --tds-text-field-background-secondary: var(--tds-white);
   --tds-text-field-background: var(--tds-text-field-background-primary);
-  --tds-text-field-color: var(--tds-grey-600);
+  --tds-text-field-color: var(--tds-grey-950);
   --tds-text-field-placeholder: var(--tds-grey-500);
   --tds-text-field-data-color: var(--tds-grey-958);
   --tds-text-field-background-disabled-primary: var(--tds-grey-50);
   --tds-text-field-background-disabled-secondary: var(--tds-white);
   --tds-text-field-background-disabled: var(--tds-text-field-background-disabled-primary);
-  --tds-text-field-color-disabled: var(--tds-grey-400);
-  --tds-text-field-placeholder-disabled: var(--tds-grey-400);
-  --tds-text-field-label-disabled: var(--tds-grey-400);
-  --tds-text-field-ps-color-disabled: var(--tds-grey-400);
-  --tds-text-field-helper-disabled: var(--tds-grey-400);
-  --tds-text-field-label-color: var(--tds-grey-958);
-  --tds-text-field-label-inside-color: var(--tds-grey-958);
+  --tds-text-field-color-disabled: var(--tds-grey-250);
+  --tds-text-field-placeholder-disabled: var(--tds-grey-250);
+  --tds-text-field-label-disabled: var(--tds-grey-250);
+  --tds-text-field-ps-color-disabled: var(--tds-grey-250);
+  --tds-text-field-helper-disabled: var(--tds-grey-250);
+  --tds-text-field-label-color: var(--tds-grey-950);
+  --tds-text-field-label-inside-color: var(--tds-grey-950);
   --tds-text-field-bar: var(--tds-blue-400);
-  --tds-text-field-helper: var(--tds-grey-700);
-  --tds-text-field-border-bottom-error: var(--tds-negative);
-  --tds-text-field-helper-error: var(--tds-negative);
-  --tds-text-field-bar-error: var(--tds-negative);
-  --tds-text-field-icon-error: var(--tds-negative);
-  --tds-text-field-textcounter: var(--tds-grey-700);
-  --tds-text-field-textcounter-disabled: var(--tds-grey-400);
+  --tds-text-field-helper: var(--tds-grey-500);
+  --tds-text-field-border-bottom-error: var(--tds-red-400);
+  --tds-text-field-helper-error: var(--tds-red-400);
+  --tds-text-field-bar-error: var(--tds-red-400);
+  --tds-text-field-icon-error: var(--tds-red-400);
+  --tds-text-field-textcounter: var(--tds-grey-500);
+  --tds-text-field-textcounter-disabled: var(--tds-grey-250);
   --tds-text-field-textcounter-divider: var(--tds-grey-500);
-  --tds-text-field-ps-color: var(--tds-grey-600);
-  --tds-text-field-ps-color-error: var(--tds-negative);
+  --tds-text-field-ps-color: var(--tds-grey-500);
+  --tds-text-field-ps-color-error: var(--tds-red-400);
   --tds-text-field-resize-icon: var(--tds-grey-500);
-  --tds-text-field-border-bottom: var(--tds-grey-600);
-  --tds-text-field-border-bottom-hover: var(--tds-grey-800);
-  --tds-text-field-border-bottom-success: var(--tds-grey-958);
+  --tds-text-field-border-bottom: var(--tds-grey-350);
+  --tds-text-field-border-bottom-hover: var(--tds-grey-250);
+  --tds-text-field-border-bottom-success: var(--tds-grey-850);
   --tds-text-field-border-bottom-readonly: var(--tds-grey-500);
   --tds-text-field-icon-read-only-color: var(--tds-grey-958);
   --tds-text-field-icon-read-only-label-color: var(--tds-grey-958);
@@ -8079,34 +8142,34 @@ tds-link tds-icon {
 .tds-mode-dark {
   --tds-text-field-background-primary: var(--tds-grey-900);
   --tds-text-field-background: var(--tds-text-field-background-primary);
-  --tds-text-field-background-secondary: var(--tds-grey-868);
-  --tds-text-field-color: var(--tds-grey-600);
-  --tds-text-field-placeholder: var(--tds-grey-600);
+  --tds-text-field-background-secondary: var(--tds-grey-850);
+  --tds-text-field-color: var(--tds-grey-50);
+  --tds-text-field-placeholder: var(--tds-grey-300);
   --tds-text-field-data-color: var(--tds-grey-50);
-  --tds-text-field-ps-color-disabled: var(--tds-grey-700);
+  --tds-text-field-ps-color-disabled: var(--tds-grey-500);
   --tds-text-field-color-disabled: var(--tds-grey-800);
   --tds-text-field-background-disabled-primary: var(--tds-grey-900);
-  --tds-text-field-background-disabled-secondary: var(--tds-grey-868);
+  --tds-text-field-background-disabled-secondary: var(--tds-grey-850);
   --tds-text-field-background-disabled: var(--tds-text-field-background-disabled-primary);
-  --tds-text-field-placeholder-disabled: var(--tds-grey-800);
-  --tds-text-field-label-disabled: var(--tds-grey-800);
-  --tds-text-field-helper-disabled: var(--tds-grey-800);
+  --tds-text-field-placeholder-disabled: var(--tds-grey-500);
+  --tds-text-field-label-disabled: var(--tds-grey-500);
+  --tds-text-field-helper-disabled: var(--tds-grey-500);
   --tds-text-field-label-color: var(--tds-grey-50);
   --tds-text-field-label-inside-color: var(--tds-grey-50);
-  --tds-text-field-bar: var(--tds-blue-400);
-  --tds-text-field-helper: var(--tds-grey-600);
-  --tds-text-field-helper-error: var(--tds-negative);
-  --tds-text-field-bar-error: var(--tds-negative);
-  --tds-text-field-icon-error: var(--tds-negative);
-  --tds-text-field-textcounter: var(--tds-grey-600);
-  --tds-text-field-textcounter-disabled: var(--tds-grey-800);
-  --tds-text-field-textcounter-divider: var(--tds-grey-800);
-  --tds-text-field-ps-color: var(--tds-grey-100);
+  --tds-text-field-bar: var(--tds-blue-300);
+  --tds-text-field-helper: var(--tds-grey-300);
+  --tds-text-field-helper-error: var(--tds-red-300);
+  --tds-text-field-bar-error: var(--tds-red-300);
+  --tds-text-field-icon-error: var(--tds-red-300);
+  --tds-text-field-textcounter: var(--tds-grey-300);
+  --tds-text-field-textcounter-disabled: var(--tds-grey-500);
+  --tds-text-field-textcounter-divider: var(--tds-grey-500);
+  --tds-text-field-ps-color: var(--tds-grey-300);
   --tds-text-field-resize-icon: var(--tds-grey-500);
-  --tds-text-field-border-bottom: var(--tds-grey-600);
-  --tds-text-field-border-bottom-hover: var(--tds-grey-400);
+  --tds-text-field-border-bottom: var(--tds-grey-850);
+  --tds-text-field-border-bottom-hover: var(--tds-grey-900);
   --tds-text-field-border-bottom-success: var(--tds-grey-50);
-  --tds-text-field-border-bottom-error: var(--tds-negative);
+  --tds-text-field-border-bottom-error: var(--tds-red-300);
   --tds-text-field-border-bottom-readonly: var(--tds-grey-600);
   --tds-text-field-icon-read-only-color: var(--tds-grey-100);
   --tds-text-field-icon-read-only-label-color: var(--tds-grey-50);
@@ -8122,73 +8185,83 @@ tds-link tds-icon {
 
 :root,
 .tds-mode-light {
-  --tds-toast-background-color: var(--tds-grey-958);
+  --tds-toast-background-color: var(--tds-grey-950);
   --tds-toast-headline-color: var(--tds-grey-50);
   --tds-toast-subheadline-color: var(--tds-grey-50);
-  --tds-toast-link-color: var(--tds-blue-300);
-  --tds-toast-dissmiss-color: var(--tds-white);
+  --tds-toast-link-color: var(--tds-grey-50);
+  --tds-toast-dissmiss-color: var(--tds-grey-50);
+  --tds-toast-icon-color-error: var(--tds-red-300);
+  --tds-toast-icon-color-success: var(--tds-green-300);
+  --tds-toast-icon-color-warning: var(--tds-yellow-300);
+  --tds-toast-icon-color-info: var(--tds-blue-300);
 }
 
 .tds-mode-dark {
   --tds-toast-background-color: var(--tds-grey-50);
-  --tds-toast-headline-color: var(--tds-grey-958);
-  --tds-toast-subheadline-color: var(--tds-grey-958);
-  --tds-toast-link-color: var(--tds-blue-500);
-  --tds-toast-dissmiss-color: var(--tds-black);
+  --tds-toast-headline-color: var(--tds-grey-950);
+  --tds-toast-subheadline-color: var(--tds-grey-950);
+  --tds-toast-link-color: var(--tds-grey-950);
+  --tds-toast-dissmiss-color: var(--tds-grey-950);
+  --tds-toast-icon-color-error: var(--tds-red-400);
+  --tds-toast-icon-color-success: var(--tds-green-400);
+  --tds-toast-icon-color-warning: var(--tds-yellow-400);
+  --tds-toast-icon-color-info: var(--tds-blue-400);
 }
 
 :root,
 .tds-mode-light {
   --tds-toggle-switch: var(--tds-white);
-  --tds-toggle-switch-disabled: var(--tds-grey-200);
-  --tds-toggle-headline: var(--tds-grey-700);
-  --tds-toggle-headline-disabled: var(--tds-grey-600);
-  --tds-toggle-on-slider: var(--tds-positive);
-  --tds-toggle-on-slider-hover: var(--tds-positive);
-  --tds-toggle-on-slider-focus: var(--tds-positive);
-  --tds-toggle-on-slider-pressed: var(--tds-positive);
-  --tds-toggle-on-border-focus: var(--tds-positive);
-  --tds-toggle-on-slider-disabled: var(--tds-grey-400);
-  --tds-toggle-slider-disabled: var(--tds-grey-400);
-  --tds-toggle-label-color: var(--tds-grey-958);
-  --tds-toggle-label-color-disabled: var(--tds-grey-600);
-  --tds-toggle-off-slider: var(--tds-grey-500);
-  --tds-toggle-off-slider-hover: var(--tds-grey-600);
-  --tds-toggle-off-slider-focus: var(--tds-grey-600);
-  --tds-toggle-off-slider-pressed: var(--tds-grey-700);
-  --tds-toggle-off-border-focus: var(--tds-grey-800);
+  --tds-toggle-switch-disabled: var(--tds-grey-250);
+  --tds-toggle-headline: var(--tds-grey-950);
+  --tds-toggle-headline-disabled: var(--tds-grey-250);
+  --tds-toggle-on-slider: var(--tds-green-300);
+  --tds-toggle-on-slider-hover: var(--tds-green-400);
+  --tds-toggle-on-slider-focus: var(--tds-green-300);
+  --tds-toggle-on-slider-pressed: var(--tds-green-500);
+  --tds-toggle-on-border-focus: var(--tds-white);
+  --tds-toggle-border-outline: var(--tds-blue-400);
+  --tds-toggle-on-slider-disabled: var(--tds-grey-200);
+  --tds-toggle-slider-disabled: var(--tds-grey-200);
+  --tds-toggle-label-color: var(--tds-grey-950);
+  --tds-toggle-label-color-disabled: var(--tds-grey-250);
+  --tds-toggle-off-slider: var(--tds-grey-350);
+  --tds-toggle-off-slider-hover: var(--tds-grey-500);
+  --tds-toggle-off-slider-focus: var(--tds-grey-350);
+  --tds-toggle-off-slider-pressed: var(--tds-grey-600);
+  --tds-toggle-off-border-focus: var(--tds-white);
 }
 
 .tds-mode-dark {
   --tds-toggle-switch: var(--tds-white);
-  --tds-toggle-switch-disabled: var(--tds-grey-200);
-  --tds-toggle-headline: var(--tds-grey-100);
-  --tds-toggle-headline-disabled: var(--tds-grey-700);
-  --tds-toggle-on-slider: var(--tds-positive);
-  --tds-toggle-on-slider-hover: var(--tds-positive);
-  --tds-toggle-on-slider-focus: var(--tds-positive);
-  --tds-toggle-on-slider-pressed: var(--tds-positive);
-  --tds-toggle-on-border-focus: var(--tds-positive);
-  --tds-toggle-on-slider-disabled: var(--tds-grey-800);
-  --tds-toggle-slider-disabled: var(--tds-grey-400);
+  --tds-toggle-switch-disabled: var(--tds-grey-500);
+  --tds-toggle-headline: var(--tds-grey-50);
+  --tds-toggle-headline-disabled: var(--tds-grey-500);
+  --tds-toggle-on-slider: var(--tds-green-300);
+  --tds-toggle-on-slider-hover: var(--tds-green-400);
+  --tds-toggle-on-slider-focus: var(--tds-green-300);
+  --tds-toggle-on-slider-pressed: var(--tds-green-500);
+  --tds-toggle-on-border-focus: var(--tds-white);
+  --tds-toggle-border-outline: var(--tds-blue-300);
+  --tds-toggle-on-slider-disabled: var(--tds-grey-600);
+  --tds-toggle-slider-disabled: var(--tds-grey-600);
   --tds-toggle-label-color: var(--tds-grey-50);
-  --tds-toggle-label-color-disabled: var(--tds-grey-400);
-  --tds-toggle-off-slider: var(--tds-grey-500);
-  --tds-toggle-off-slider-hover: var(--tds-grey-600);
-  --tds-toggle-off-slider-focus: var(--tds-grey-600);
-  --tds-toggle-off-slider-pressed: var(--tds-grey-700);
-  --tds-toggle-off-border-focus: var(--tds-grey-800);
+  --tds-toggle-label-color-disabled: var(--tds-grey-500);
+  --tds-toggle-off-slider: var(--tds-grey-350);
+  --tds-toggle-off-slider-hover: var(--tds-grey-500);
+  --tds-toggle-off-slider-focus: var(--tds-grey-350);
+  --tds-toggle-off-slider-pressed: var(--tds-grey-600);
+  --tds-toggle-off-border-focus: var(--tds-white);
 }
 
 :root,
 .tds-mode-light {
-  --tds-tooltip-background: var(--tds-grey-800);
-  --tds-tooltip-color: var(--tds-white);
+  --tds-tooltip-background: var(--tds-grey-700);
+  --tds-tooltip-color: var(--tds-grey-50);
 }
 
 .tds-mode-dark {
-  --tds-tooltip-background: var(--tds-grey-200);
-  --tds-tooltip-color: var(--tds-grey-958);
+  --tds-tooltip-background: var(--tds-grey-150);
+  --tds-tooltip-color: var(--tds-grey-950);
 }
 
 :root,