Merged in fix/SW-2684-booking-widget-text-overflow (pull request #2048)

fix(SW-2684): truncate overflowing text in booking widget * fix: truncate overflowing text in booking widget * fix: change Body to Typography and css selector fix Approved-by: Hrishikesh Vaipurkar
2025-05-19 13:45:24 +00:00
parent 5bac9660a1
commit 93a155f1e4
2 changed files with 9 additions and 3 deletions
--- a/apps/scandic-web/components/GuestsRoomsPicker/index.tsx
+++ b/apps/scandic-web/components/GuestsRoomsPicker/index.tsx
@@ -12,7 +12,7 @@ import { useFormContext, useWatch } from "react-hook-form"
 import { useIntl } from "react-intl"
 import { useMediaQuery } from "usehooks-ts"

-import Body from "@/components/TempDesignSystem/Text/Body"
+import { Typography } from "@scandic-hotels/design-system/Typography"

 import PickerForm from "./Form"

@@ -174,9 +174,9 @@ function Trigger({
      type="button"
      onPress={triggerFn}
    >
-      <Body color="uiTextHighContrast">
+      <Typography variant="Body/Paragraph/mdRegular">
        <span>{parts.join(", ")}</span>
-      </Body>
+      </Typography>
    </Button>
  )
 }