Merged in fix/SW-2118-breadcrumbs (pull request #1721)

fix(SW-2118): changed variants for breadcrumbs to handle different background-colors and widths

* fix(SW-2118): changed variants for breadcrumbs to handle different background-colors and widths


Approved-by: Christian Andolf
Approved-by: Linus Flood

apps/scandic-web/components/TempDesignSystem/Breadcrumbs/Breadcrumb.tsx

@@ -1,9 +1,9 @@
 import { cx } from "class-variance-authority"
+import Link from "next/link"
 import { Breadcrumb as AriaBreadcrumb } from "react-aria-components"
 
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
-
-import Link from "@/components/TempDesignSystem/Link"
+import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import styles from "./breadcrumbs.module.css"
 
@@ -19,9 +19,11 @@ export function Breadcrumb({
     <AriaBreadcrumb className={cx(styles.listItem, className)} {...props}>
       {href ? (
         <>
-          <Link color="peach80" href={href} variant="breadcrumb">
-            {children}
-          </Link>
+          <Typography variant="Label/xsRegular">
+            <Link className={styles.link} href={href}>
+              {children}
+            </Link>
+          </Typography>
           <MaterialIcon
             icon="chevron_right"
             size={20}