scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merged in chore/replace-deprecated-body (pull request #3300)

Browse Source 
Replace deprecated <Body> with <Typography>

* chore: replace deprecated body component

* refactor: replace Body component with Typography across various components

* merge


Approved-by: Bianca Widstam
Approved-by: Matilda Landström
This commit is contained in:
Joakim Jäderberg
2025-12-09 12:45:34 +00:00
parent f40035baa9
commit 7eb74ea239
69 changed files with 755 additions and 899 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
apps/scandic-web/components/SasTierComparison/index.tsx
View File

@@ -1,7 +1,6 @@
"use client"
import Image from "next/image"
import Body from "@scandic-hotels/design-system/Body"
import Caption from "@scandic-hotels/design-system/Caption"
import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
import { JsonToHtml } from "@scandic-hotels/design-system/JsonToHtml"
@@ -9,6 +8,7 @@ import { OldDSButton as Button } from "@scandic-hotels/design-system/OldDSButton
import Link from "@scandic-hotels/design-system/OldDSLink"
import Subtitle from "@scandic-hotels/design-system/Subtitle"
import Title from "@scandic-hotels/design-system/Title"
import { Typography } from "@scandic-hotels/design-system/Typography"
import { Section } from "@/components/Section"
@@ -94,13 +94,12 @@ function TierDetails({
<details className={styles.tierDetails} name="sas-scandic-tier-match">
<summary className={styles.tierSummary}>
<div className={styles.tierTitles}>
<Body
textAlign="center"
textTransform="bold"
<Typography
variant="Body/Paragraph/mdBold"
className={styles.tierTitle}
>
{tierMatch.scandic_friends_tier_name}
</Body>
<p>{tierMatch.scandic_friends_tier_name}</p>
</Typography>
<div className={styles.comparisonIcon}>
<MaterialIcon icon="compare_arrows" size={16} />
</div>
@@ -111,13 +110,12 @@ function TierDetails({
position: "relative",
}}
>
<Body
textAlign="center"
textTransform="bold"
<Typography
variant="Body/Paragraph/mdBold"
className={styles.tierTitle}
>
{tierMatch.sas_eb_tier_name}
</Body>
<p>{tierMatch.sas_eb_tier_name}</p>
</Typography>
<div className={styles.iconWrapper}>
<MaterialIcon
icon="keyboard_arrow_down"