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

packages/design-system/lib/components/Form/Phone/phone.module.css

@@ -60,7 +60,7 @@
 
 .select {
   align-content: center;
-  background-color: var(--Main-Grey-White);
+  background-color: var(--Surface-UI-Fill-Default);
   border-color: var(--Border-Interactive-Default);
   border-style: solid;
   border-width: 1px;
@@ -83,10 +83,8 @@
     color: var(--Text-Interactive-Disabled);
     border: none;
 
-    .selectContainer,
-    .chevron,
-    .dialCode {
-      background-color: var(--Surface-Primary-Disabled);
+    .dialCode,
+    .chevron {
       color: var(--Text-Interactive-Disabled);
     }
   }
@@ -97,7 +95,7 @@
 }
 
 .selectContainer {
-  background-color: var(--Main-Grey-White);
+  background-color: transparent;
   border: none;
   display: grid;
   gap: var(--Space-x1);
@@ -119,6 +117,7 @@
 
 .select .dialCode {
   border: none;
+  background-color: transparent;
   color: var(--UI-Text-High-contrast);
   line-height: 1;
   justify-self: flex-start;