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

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

packages/design-system/lib/components/HotelCard/index.tsx

@@ -12,7 +12,6 @@ import {
   selectRate,
 } from "@scandic-hotels/common/constants/routes/hotelReservation"
 import { getSingleDecimal } from "@scandic-hotels/common/utils/numberFormatting"
-import Caption from "../Caption"
 import { Divider } from "../Divider"
 import { FacilityToIcon } from "../FacilityToIcon"
 import HotelLogoIcon from "../Icons/Logos"
@@ -341,12 +340,14 @@ export const HotelCardComponent = memo(
                 )}
                 {prices?.redemptions?.length ? (
                   <div className={styles.pointsCard}>
-                    <Caption>
-                      {intl.formatMessage({
-                        id: "hotelCard.availableRates",
-                        defaultMessage: "Available rates",
-                      })}
-                    </Caption>
+                    <Typography variant="Body/Supporting text (caption)/smRegular">
+                      <p>
+                        {intl.formatMessage({
+                          id: "hotelCard.availableRates",
+                          defaultMessage: "Available rates",
+                        })}
+                      </p>
+                    </Typography>
                     {prices.redemptions.map((redemption) => (
                       <HotelPointsRow
                         key={redemption.rateCode}