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

Merged in chore/BOOK-739-replace-caption (pull request #3428)

Browse Source 
chore(BOOK-739): replace caption with typography

* chore(BOOK-739): replace caption with typography

* chore(BOOK-739): refactor div

* chore(BOOK-739): refactor badge

* chore(BOOK-739): remove span

* chore(BOOK-739): skeleton update

* chore(BOOK-739): update

* chore(BOOK-739): update reward

* chore(BOOK-739): update voucher currency


Approved-by: Erik Tiekstra
This commit is contained in:
Bianca Widstam
2026-01-14 09:33:27 +00:00
parent d284e82828
commit d9ec1b1f2d
53 changed files with 465 additions and 673 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
packages/design-system/lib/components/HotelCard/HotelVoucherCard/index.tsx
View File

@@ -1,7 +1,5 @@
import { useIntl } from "react-intl"
import Caption from "../../Caption"
import styles from "./hotelVoucherCard.module.css"
import { Typography } from "../../Typography"
@@ -18,28 +16,32 @@ export default function HotelVoucherCard({
return (
<div className={styles.voucherCard}>
<div className={styles.voucherRow}>
<Caption>
{intl.formatMessage({
id: "common.from",
defaultMessage: "From",
})}
</Caption>
<Typography variant="Body/Supporting text (caption)/smBold">
<p>
{intl.formatMessage({
id: "common.from",
defaultMessage: "From",
})}
</p>
</Typography>
<div className={styles.voucher}>
<Typography variant="Title/Subtitle/md">
<p>{productTypeVoucher.numberOfVouchers}</p>
</Typography>
<Caption color="uiTextHighContrast" className={styles.currency}>
{intl.formatMessage(
{
id: "price.numberOfVouchers",
defaultMessage:
"{numberOfVouchers, plural, one {Voucher} other {Vouchers}}",
},
{
numberOfVouchers: productTypeVoucher.numberOfVouchers,
}
)}
</Caption>
<Typography variant="Body/Supporting text (caption)/smRegular">
<p>
{intl.formatMessage(
{
id: "price.numberOfVouchers",
defaultMessage:
"{numberOfVouchers, plural, one {Voucher} other {Vouchers}}",
},
{
numberOfVouchers: productTypeVoucher.numberOfVouchers,
}
)}
</p>
</Typography>
</div>
</div>
</div>