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

Merged in feat/BOOK-691-children-label (pull request #3380)

Browse Source 
feat/BOOK-691-update-children-label

* feat/BOOK-691-update-children-label


Approved-by: Matilda Haneling
This commit is contained in:
Matilda Landström
2025-12-29 09:01:40 +00:00
parent a061808b2a
commit 54d9534d62
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
packages/booking-flow/lib/components/BookingWidget/GuestsRoomsPicker/ChildSelector/index.tsx
View File

@@ -3,8 +3,8 @@
import { useFormContext } from "react-hook-form" import { useFormContext } from "react-hook-form"
import { useIntl } from "react-intl" import { useIntl } from "react-intl"
import Caption from "@scandic-hotels/design-system/Caption"
import Stepper from "@scandic-hotels/design-system/Stepper" import Stepper from "@scandic-hotels/design-system/Stepper"
import { Typography } from "@scandic-hotels/design-system/Typography"
import ChildInfoSelector from "./ChildInfoSelector" import ChildInfoSelector from "./ChildInfoSelector"
@@ -26,8 +26,8 @@ export default function ChildSelector({
}: ChildSelectorProps) { }: ChildSelectorProps) {
const intl = useIntl() const intl = useIntl()
const childrenLabel = intl.formatMessage({ const childrenLabel = intl.formatMessage({
id: "common.children", id: "bookingwidget.dropdown.children",
defaultMessage: "Children", defaultMessage: "Children (0–12 years)",
}) })
const { setValue } = useFormContext() const { setValue } = useFormContext()
@@ -55,9 +55,9 @@ export default function ChildSelector({
return ( return (
<> <>
<section className={styles.container}> <section className={styles.container}>
<Caption color="uiTextHighContrast" type="bold"> <Typography variant="Body/Supporting text (caption)/smBold">
{childrenLabel} <p>{childrenLabel}</p>
</Caption> </Typography>
<Stepper <Stepper
count={currentChildren.length} count={currentChildren.length}
handleOnDecrease={() => { handleOnDecrease={() => {