Merged in fix/BOOK-562-update-disabled-color-fields (pull request #3150)

fix(BOOK-562): update disable color * fix(BOOK-562): update disable color Approved-by: Matilda Landström
2025-11-13 13:02:51 +00:00
parent 0830338734
commit 66fd7696f7
4 changed files with 20 additions and 23 deletions
--- a/packages/design-system/lib/components/Form/Phone/index.tsx
+++ b/packages/design-system/lib/components/Form/Phone/index.tsx
@@ -14,7 +14,6 @@ import {
  usePhoneInput,
 } from 'react-international-phone'

-import Body from '../../Body'
 import { ErrorMessage } from '../ErrorMessage'
 import { MaterialIcon } from '../../Icons/MaterialIcon'
 import { Input } from '../../Input'
@@ -23,6 +22,7 @@ import { Label } from '../../Label'
 import styles from './phone.module.css'

 import type { PhoneProps } from './phone'
+import { Typography } from '../../Typography'

 export default function Phone({
  ariaLabel = 'Phone number input',
@@ -109,14 +109,16 @@ export default function Phone({
            </Label>
            <span className={styles.selectContainer}>
              {props.children}
-              <Body asChild fontOnly>
-                <DialCodePreview
-                  className={styles.dialCode}
-                  dialCode={country.dialCode}
-                  prefix="+"
-                  disabled={disabled}
-                />
-              </Body>
+              <Typography variant="Body/Paragraph/mdRegular">
+                <p>
+                  <DialCodePreview
+                    className={styles.dialCode}
+                    dialCode={country.dialCode}
+                    prefix="+"
+                    disabled={disabled}
+                  />
+                </p>
+              </Typography>
              <MaterialIcon
                icon="keyboard_arrow_down"
                className={styles.chevron}