fix: add labels variants for Footnote and Caption

components/Forms/BookingWidget/FormContent/Search/SearchList/ClearSearchButton/index.tsx

@@ -33,7 +33,7 @@ export default function ClearSearchButton({
       type="button"
     >
       <DeleteIcon color="burgundy" height={20} width={20} />
-      <Caption color="burgundy" textTransform="bold">
+      <Caption color="burgundy" type="bold">
         {intl.formatMessage({ id: "Clear searches" })}
       </Caption>
     </button>

components/Forms/BookingWidget/FormContent/Voucher/index.tsx

@@ -34,7 +34,7 @@ export default function Voucher() {
       >
         <div className={styles.vouchers}>
           <label>
-            <Caption color="disabled" textTransform="bold">
+            <Caption color="disabled" type="bold">
               {vouchers}
             </Caption>
             {/* <InfoCircleIcon color="white" className={styles.infoIcon} /> Out of scope for this release */}

components/Forms/BookingWidget/FormContent/index.tsx

@@ -37,7 +37,7 @@ export default function FormContent({
             <Search locations={locations} />
           </div>
           <div className={styles.when}>
-            <Caption color="red" textTransform="bold">
+            <Caption color="red" type="bold">
               {intl.formatMessage(
                 { id: "booking.nights" },
                 { totalNights: nights > 0 ? nights : 0 }
@@ -47,7 +47,7 @@ export default function FormContent({
           </div>
           <div className={styles.rooms}>
             <label>
-              <Caption color="red" textTransform="bold">
+              <Caption color="red" type="bold">
                 {rooms}
               </Caption>
             </label>
@@ -65,11 +65,7 @@ export default function FormContent({
             theme="base"
             type="submit"
           >
-            <Caption
-              color="white"
-              textTransform="bold"
-              className={styles.buttonText}
-            >
+            <Caption color="white" type="bold" className={styles.buttonText}>
               {intl.formatMessage({ id: "Search" })}
             </Caption>
             <div className={styles.icon}>