Merged in feat/SW-1962-text-weight (pull request #1602)

Feat(SW-1962): Fix title weights

* feat(SW-1962): Fix title weights


Approved-by: Christian Andolf
Approved-by: Fredrik Thorsson

apps/scandic-web/components/TempDesignSystem/SidePeek/index.tsx

@@ -5,11 +5,12 @@ import { useContext, useRef } from "react"
 import { Dialog, Modal, ModalOverlay } from "react-aria-components"
 import { useIntl } from "react-intl"
 
+import { Typography } from "@scandic-hotels/design-system/Typography"
+
 import { CloseLargeIcon } from "@/components/Icons"
 import { SidePeekContext } from "@/components/SidePeeks/SidePeekProvider"
 
 import Button from "../Button"
-import Title from "../Text/Title"
 
 import styles from "./sidePeek.module.css"
 
@@ -58,14 +59,9 @@ function SidePeek({
             <aside className={styles.sidePeek}>
               <header className={styles.header}>
                 {title ? (
-                  <Title
-                    color="burgundy"
-                    textTransform="uppercase"
-                    level="h2"
-                    as="h3"
-                  >
-                    {title}
-                  </Title>
+                  <Typography variant="Title/md" className={styles.heading}>
+                    <h2>{title}</h2>
+                  </Typography>
                 ) : null}
                 <Button
                   aria-label={intl.formatMessage({ id: "Close" })}

apps/scandic-web/components/TempDesignSystem/SidePeek/sidePeek.module.css

@@ -84,6 +84,10 @@
   padding: 0;
 }
 
+.heading {
+  color: var(--Text-Heading);
+}
+
 .sidePeekContent {
   padding: var(--Spacing-x4);
   overflow-y: auto;