Merged in chore/BOOK-701-replace-subtitle-component (pull request #3398)

chore(BOOK-701): replace subtitle with typography

* chore(BOOK-701): replace subtitle with typography

* chore(BOOK-701): align center

* chore(BOOK-701): change token

* chore(BOOK-701): change text color

* fix(BOOK-704): revert pricechange dialog changes

* chore(BOOK-701): remove subtitle from package.json


Approved-by: Matilda Landström
This commit is contained in:
Bianca Widstam
2026-01-12 07:40:30 +00:00
parent a88b022186
commit 1b9273136a
43 changed files with 337 additions and 448 deletions

View File

@@ -1,4 +1,4 @@
import Subtitle from "@scandic-hotels/design-system/Subtitle"
import { Typography } from "@scandic-hotels/design-system/Typography"
import { JoinLoyaltyContactEnums } from "@scandic-hotels/trpc/types/joinLoyaltyContact"
import { getIntl } from "@/i18n"
@@ -13,12 +13,14 @@ export default async function Contact({ contactBlock }: ContactProps) {
const intl = await getIntl()
return (
<article className={styles.contactContainer}>
<Subtitle>
{intl.formatMessage({
id: "common.contactUs",
defaultMessage: "Contact us",
})}
</Subtitle>
<Typography variant="Title/Subtitle/md">
<p>
{intl.formatMessage({
id: "common.contactUs",
defaultMessage: "Contact us",
})}
</p>
</Typography>
<section className={styles.contact}>
{contactBlock.map((contact, i) => {
switch (contact.typename) {

View File

@@ -1,7 +1,7 @@
import { scandicFriends } from "@scandic-hotels/common/constants/routes/myPages"
import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
import Link from "@scandic-hotels/design-system/OldDSLink"
import Subtitle from "@scandic-hotels/design-system/Subtitle"
import { Typography } from "@scandic-hotels/design-system/Typography"
import { faq } from "@/constants/webHrefs"
@@ -32,12 +32,14 @@ export default async function ReadMore() {
return (
<article className={styles.wrapper}>
<Subtitle>
{intl.formatMessage({
id: "common.readMore",
defaultMessage: "Read more",
})}
</Subtitle>
<Typography variant="Title/Subtitle/md">
<p>
{intl.formatMessage({
id: "common.readMore",
defaultMessage: "Read more",
})}
</p>
</Typography>
<div className={styles.links}>
{links.map((link) => (
<Link