Merged in feat/SW-196-design-fixes (pull request #547)

Feat/SW-196 design fixes

* feat(SW-196): Updated copy My credit cards -> My payment cards

* fix: update design system version

* feat(SW-196): Update Header component to use Preamble instead of Subtitle

* feat(SW-196): Minor design fixes


Approved-by: Christel Westerberg

components/TempDesignSystem/Link/link.module.css

@@ -131,7 +131,7 @@
 }
 
 .peach80 {
-  color: var(--Primary-Light-On-Surface-Accent);
+  color: var(--Base-Text-Medium-contrast);
 }
 
 .red {
@@ -140,12 +140,12 @@
 
 .peach80:hover,
 .peach80:active {
-  color: var(--Primary-Light-On-Surface-Hover);
+  color: var(--Base-Text-High-contrast);
 }
 
 .peach80:hover *,
 .peach80:active * {
-  fill: var(--Primary-Light-On-Surface-Hover);
+  fill: var(--Base-Text-High-contrast);
 }
 
 .white {

components/TempDesignSystem/Text/Subtitle/variants.ts

@@ -24,7 +24,7 @@ const config = {
     },
   },
   defaultVariants: {
-    color: "burgundy",
+    color: "black",
     textAlign: "left",
     textTransform: "regular",
     type: "one",