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

Merged in feat/SW-3542-update-color-variables-to- (pull request #2970)

Browse Source 
feat(SW-3542): Updated the color variables for MVP

Approved-by: Joakim Jäderberg
This commit is contained in:
Hrishikesh Vaipurkar
2025-10-17 09:22:03 +00:00
parent bf19d3960b
commit c01f440651
17 changed files with 141 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/booking-flow/lib/components/BookingConfirmation/Header/header.module.css
View File

@@ -13,6 +13,14 @@
gap: var(--Spacing-x-half);
}
.header .confirmTitle {
color: var(--Text-Accent-Primary);
}
.header .hotelTitle {
color: var(--Text-Heading);
}
.body {
max-width: 720px;
}

20
packages/booking-flow/lib/components/BookingConfirmation/Header/index.tsx
View File

@@ -3,7 +3,7 @@
import { useIntl } from "react-intl"
import Body from "@scandic-hotels/design-system/Body"
import Title from "@scandic-hotels/design-system/Title"
import { Typography } from "@scandic-hotels/design-system/Typography"
import { AddToCalendar } from "../../AddToCalendar"
import { AddToCalendarButton } from "./Actions/AddToCalendarButton"
@@ -56,14 +56,16 @@ export function Header({
return (
<header className={styles.header}>
<hgroup className={styles.hgroup}>
<Title as="h2" color="red" textTransform="uppercase" type="h2">
{intl.formatMessage({
defaultMessage: "Booking confirmation",
})}
</Title>
<Title as="h2" color="burgundy" textTransform="uppercase" type="h1">
{hotel.name}
</Title>
<Typography variant={"Title/md"}>
<h2 className={styles.confirmTitle}>
{intl.formatMessage({
defaultMessage: "Booking confirmation",
})}
</h2>
</Typography>
<Typography variant={"Title/md"}>
<h2 className={styles.hotelTitle}>{hotel.name}</h2>
</Typography>
</hgroup>
<Body className={styles.body}>{text}</Body>
<div className={styles.actions}>