Merged in feat/SW-3577-ui-feedback-from-sas-call (pull request #3035)

feat(SW-3577): Updated UI after feedback

Approved-by: Anton Gunnarsson

packages/booking-flow/lib/components/EnterDetails/Details/MemberPriceModal/index.tsx

@@ -11,7 +11,7 @@ import MagicWandIcon from "@scandic-hotels/design-system/Icons/MagicWandIcon"
 import Modal from "@scandic-hotels/design-system/Modal"
 import { OldDSButton as Button } from "@scandic-hotels/design-system/OldDSButton"
 import Subtitle from "@scandic-hotels/design-system/Subtitle"
-import Title from "@scandic-hotels/design-system/Title"
+import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { useRoomContext } from "../../../../contexts/EnterDetails/RoomContext"
 
@@ -56,12 +56,14 @@ export default function MemberPriceModal() {
       <div className={styles.modalContent}>
         <div className={styles.innerModalContent}>
           <MagicWandIcon width="265px" />
-          <Title as="h3" level="h1" textTransform="regular">
-            {intl.formatMessage({
-              id: "enterDetails.memberPriceModal.title",
-              defaultMessage: "Member room price activated",
-            })}
-          </Title>
+          <Typography variant={"Title/smLowCase"}>
+            <h3 className={styles.title}>
+              {intl.formatMessage({
+                id: "enterDetails.memberPriceModal.title",
+                defaultMessage: "Member room price activated",
+              })}
+            </h3>
+          </Typography>
 
           {memberPrice && (
             <span className={styles.newPrice}>

packages/booking-flow/lib/components/EnterDetails/Details/MemberPriceModal/modal.module.css

@@ -11,6 +11,11 @@
   justify-items: center;
 }
 
+.title {
+  color: var(--Text-Heading);
+  text-align: center;
+}
+
 .newPrice {
   display: flex;
   gap: var(--Spacing-x1);