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/Switch/index.tsx

@@ -5,7 +5,7 @@ import { RegisterOptions, useController, useFormContext } from "react-hook-form"
 
 import styles from "./switch.module.css"
 import { MaterialIcon } from "../Icons/MaterialIcon"
-import Caption from "../Caption"
+import { Typography } from "../Typography"
 
 interface SwitchProps extends React.InputHTMLAttributes<HTMLInputElement> {
   name: string
@@ -37,10 +37,12 @@ export default function Switch({
       {children}
       <span className={styles.switch} tabIndex={0}></span>
       {fieldState.error ? (
-        <Caption className={styles.error} fontOnly>
-          <MaterialIcon icon="info" color="Icon/Interactive/Accent" />
-          {fieldState.error.message}
-        </Caption>
+        <Typography variant="Body/Supporting text (caption)/smRegular">
+          <p>
+            <MaterialIcon icon="info" color="Icon/Interactive/Accent" />
+            {fieldState.error.message}
+          </p>
+        </Typography>
       ) : null}
     </AriaSwitch>
   )