Merge branch 'master' into feature/tracking

components/TempDesignSystem/Link/link.module.css

@@ -16,7 +16,8 @@
 .breadcrumb {
   font-family: var(--typography-Footnote-Bold-fontFamily);
   font-size: var(--typography-Footnote-Bold-fontSize);
-  font-weight: 500; /* var(--typography-Footnote-Bold-fontWeight); */
+  font-weight: 500;
+  /* var(--typography-Footnote-Bold-fontWeight); */
   letter-spacing: var(--typography-Footnote-Bold-letterSpacing);
   line-height: var(--typography-Footnote-Bold-lineHeight);
 }
@@ -24,7 +25,8 @@
 .link.breadcrumb {
   font-family: var(--typography-Footnote-Bold-fontFamily);
   font-size: var(--typography-Footnote-Bold-fontSize);
-  font-weight: 500; /* var(--typography-Footnote-Bold-fontWeight); */
+  font-weight: 500;
+  /* var(--typography-Footnote-Bold-fontWeight); */
   letter-spacing: var(--typography-Footnote-Bold-letterSpacing);
   line-height: var(--typography-Footnote-Bold-lineHeight);
 }
@@ -159,12 +161,15 @@
   color: var(--Scandic-Peach-50);
 }
 
-.peach80 {
+.peach80,
+.baseTextMediumContrast {
   color: var(--Base-Text-Medium-contrast);
 }
 
 .peach80:hover,
-.peach80:active {
+.peach80:active,
+.baseTextMediumContrast:hover,
+.baseTextMediumContrast:active {
   color: var(--Base-Text-High-contrast);
 }
 
@@ -235,6 +240,7 @@
   letter-spacing: var(--typography-Caption-Bold-letterSpacing);
   line-height: var(--typography-Caption-Bold-lineHeight);
 }
+
 .bold {
   font-family: var(--typography-Body-Bold-fontFamily);
   font-size: var(--typography-Body-Bold-fontSize);

components/TempDesignSystem/Link/variants.ts

@@ -9,6 +9,7 @@ export const linkVariants = cva(styles.link, {
     },
     color: {
       baseButtonTextOnFillNormal: styles.baseButtonTextOnFillNormal,
+      baseTextMediumContrast: styles.baseTextMediumContrast,
       black: styles.black,
       burgundy: styles.burgundy,
       none: "",