From 66fd7696f7027ff82e3bb4add5232e67d4482999 Mon Sep 17 00:00:00 2001 From: Bianca Widstam Date: Thu, 13 Nov 2025 13:02:51 +0000 Subject: [PATCH] Merged in fix/BOOK-562-update-disabled-color-fields (pull request #3150) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit fix(BOOK-562): update disable color * fix(BOOK-562): update disable color Approved-by: Matilda Landström --- .../Form/Country/country.module.css | 6 ++---- .../lib/components/Form/Phone/index.tsx | 20 ++++++++++--------- .../components/Form/Phone/phone.module.css | 11 +++++----- .../lib/components/Select/select.module.css | 6 ++---- 4 files changed, 20 insertions(+), 23 deletions(-) diff --git a/packages/design-system/lib/components/Form/Country/country.module.css b/packages/design-system/lib/components/Form/Country/country.module.css index 33a60f066..21f37eabc 100644 --- a/packages/design-system/lib/components/Form/Country/country.module.css +++ b/packages/design-system/lib/components/Form/Country/country.module.css @@ -36,10 +36,8 @@ &[data-disabled] { border: transparent; - .inner { - background-color: var(--Surface-Primary-Disabled); - color: var(--Text-Interactive-Disabled); - } + background-color: var(--Surface-Primary-Disabled); + color: var(--Text-Interactive-Disabled); .button, .input, diff --git a/packages/design-system/lib/components/Form/Phone/index.tsx b/packages/design-system/lib/components/Form/Phone/index.tsx index a693e6f6b..d5c2ff4ef 100644 --- 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({ {props.children} - - - + +

+ +

+