Merged in chore/BOOK-701-replace-subtitle-component (pull request #3398)

chore(BOOK-701): replace subtitle with typography

* chore(BOOK-701): replace subtitle with typography

* chore(BOOK-701): align center

* chore(BOOK-701): change token

* chore(BOOK-701): change text color

* fix(BOOK-704): revert pricechange dialog changes

* chore(BOOK-701): remove subtitle from package.json


Approved-by: Matilda Landström

packages/booking-flow/lib/components/EnterDetails/Summary/UI/index.tsx

@@ -11,7 +11,6 @@ import { formatPrice } from "@scandic-hotels/common/utils/numberFormatting"
 import { BookingCodeChip } from "@scandic-hotels/design-system/BookingCodeChip"
 import { Divider } from "@scandic-hotels/design-system/Divider"
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
-import Subtitle from "@scandic-hotels/design-system/Subtitle"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import useLang from "../../../../hooks/useLang"
@@ -101,12 +100,14 @@ export default function SummaryUI({
         role="button"
         onClick={isDesktop ? undefined : handleToggleSummary}
       >
-        <Subtitle className={styles.title} type="two">
-          {intl.formatMessage({
-            id: "booking.bookingSummary",
-            defaultMessage: "Booking summary",
-          })}
-        </Subtitle>
+        <Typography className={styles.title} variant="Title/Subtitle/md">
+          <p>
+            {intl.formatMessage({
+              id: "booking.bookingSummary",
+              defaultMessage: "Booking summary",
+            })}
+          </p>
+        </Typography>
         <Typography variant="Body/Paragraph/mdRegular" className={styles.date}>
           <p>
             {dt(booking.fromDate).locale(lang).format(longDateFormat[lang])}