Merged in fix/icon-color (pull request #1672)

fix: change to correct icon color

* fix: change to correct icon color


Approved-by: Erik Tiekstra
Approved-by: Fredrik Thorsson

apps/scandic-web/components/Header/HeaderLink/index.tsx

@@ -2,8 +2,9 @@
 
 import Link from "next/link"
 
+import { Typography } from "@scandic-hotels/design-system/Typography"
+
 import { IconByIconName } from "@/components/Icons/IconByIconName"
-import Caption from "@/components/TempDesignSystem/Text/Caption"
 
 import styles from "./headerLink.module.css"
 
@@ -17,17 +18,18 @@ export default function HeaderLink({
   onClick = () => undefined,
 }: HeaderLinkProps) {
   return (
-    <Caption type="regular" color="textMediumContrast" asChild>
+    <Typography variant="Body/Supporting text (caption)/smRegular">
       <Link href={href} className={styles.headerLink} onClick={onClick}>
         {iconName ? (
           <IconByIconName
             iconName={iconName}
             className={styles.icon}
             size={iconSize}
+            color="CurrentColor"
           />
         ) : null}
         {children}
       </Link>
-    </Caption>
+    </Typography>
   )
 }