From 5da16ed10af9b503a99f2dd2bafffeb016218057 Mon Sep 17 00:00:00 2001
From: Christian Andolf <christian.andolf@scandichotels.com>
Date: Mon, 5 May 2025 11:40:10 +0200
Subject: [PATCH] chore: remove useless color attributes on html elements

---
 .../HotelReservation/MyStay/GuestDetails/index.tsx |  8 ++++----
 .../MyStay/Rooms/MultiRoom/Room.tsx                |  6 ++----
 .../BookingInformation/PriceDetails/index.tsx      |  2 +-
 .../MyStay/Rooms/SingleRoom/Details/Row/index.tsx  |  2 +-
 .../SidePeeks/BookedRoomSidePeek/index.tsx         | 14 +++++++-------
 5 files changed, 15 insertions(+), 17 deletions(-)

diff --git a/apps/scandic-web/components/HotelReservation/MyStay/GuestDetails/index.tsx b/apps/scandic-web/components/HotelReservation/MyStay/GuestDetails/index.tsx
index 741abcac1..2013e3626 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/GuestDetails/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/MyStay/GuestDetails/index.tsx
@@ -189,18 +189,18 @@ export default function GuestDetails({
         )}
         <div className={styles.contactInfoMobile}>
           <Typography variant="Body/Supporting text (caption)/smRegular">
-            <p color="uiTextHighContrast">{guest.email}</p>
+            <p>{guest.email}</p>
           </Typography>
           <Typography variant="Body/Supporting text (caption)/smRegular">
-            <p color="uiTextHighContrast">{guest.phoneNumber}</p>
+            <p>{guest.phoneNumber}</p>
           </Typography>
         </div>
         <div className={styles.contactInfoDesktop}>
           <Typography variant="Body/Paragraph/mdRegular">
-            <p color="uiTextHighContrast">{guest.email}</p>
+            <p>{guest.email}</p>
           </Typography>
           <Typography variant="Body/Paragraph/mdRegular">
-            <p color="uiTextHighContrast">{guest.phoneNumber}</p>
+            <p>{guest.phoneNumber}</p>
           </Typography>
         </div>
       </div>
diff --git a/apps/scandic-web/components/HotelReservation/MyStay/Rooms/MultiRoom/Room.tsx b/apps/scandic-web/components/HotelReservation/MyStay/Rooms/MultiRoom/Room.tsx
index 92f3d6c0b..3012a6072 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/Rooms/MultiRoom/Room.tsx
+++ b/apps/scandic-web/components/HotelReservation/MyStay/Rooms/MultiRoom/Room.tsx
@@ -244,9 +244,7 @@ export default function Room({ booking, roomNr, user }: RoomProps) {
 
               <Typography variant="Body/Paragraph/mdRegular">
                 {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
-                <p color="uiTextHighContrast">
-                  18:00, {fromDate.format("dddd D MMM")}
-                </p>
+                <p>18:00, {fromDate.format("dddd D MMM")}</p>
               </Typography>
             </div>
           )}
@@ -261,7 +259,7 @@ export default function Room({ booking, roomNr, user }: RoomProps) {
               </Typography>
 
               <Typography variant="Body/Paragraph/mdRegular">
-                <p color="uiTextHighContrast">{breakfastPrice}</p>
+                <p>{breakfastPrice}</p>
               </Typography>
             </div>
           )}
diff --git a/apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/BookingInformation/PriceDetails/index.tsx b/apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/BookingInformation/PriceDetails/index.tsx
index dbe52fb52..058dc85f3 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/BookingInformation/PriceDetails/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/BookingInformation/PriceDetails/index.tsx
@@ -27,7 +27,7 @@ export default function PriceDetails() {
     <div className={styles.priceDetails}>
       <div className={styles.price}>
         <Typography variant="Body/Lead text">
-          <p color="uiTextHighContrast">
+          <p>
             {intl.formatMessage({
               defaultMessage: "Room total",
             })}
diff --git a/apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/Details/Row/index.tsx b/apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/Details/Row/index.tsx
index 71bd9e58f..ee95402ab 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/Details/Row/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/Details/Row/index.tsx
@@ -24,7 +24,7 @@ export default function Row({ icon, text, title }: RowProps) {
       </span>
       <div className={styles.content}>
         <Typography variant="Body/Paragraph/mdRegular">
-          <p color="uiTextHighContrast">{text}</p>
+          <p>{text}</p>
         </Typography>
       </div>
     </div>
diff --git a/apps/scandic-web/components/SidePeeks/BookedRoomSidePeek/index.tsx b/apps/scandic-web/components/SidePeeks/BookedRoomSidePeek/index.tsx
index 674aa2f45..cd1706770 100644
--- a/apps/scandic-web/components/SidePeeks/BookedRoomSidePeek/index.tsx
+++ b/apps/scandic-web/components/SidePeeks/BookedRoomSidePeek/index.tsx
@@ -239,7 +239,7 @@ export default function BookedRoomSidePeek({
               </span>
               <div className={styles.rowContent}>
                 <Typography variant="Body/Paragraph/mdRegular">
-                  <p color="uiTextHighContrast">
+                  <p>
                     {childrenInRoom.length > 0
                       ? adultsAndChildrenMsg
                       : adultsOnlyMsg}
@@ -260,7 +260,7 @@ export default function BookedRoomSidePeek({
               </span>
               <div className={styles.rowContent}>
                 <Typography variant="Body/Paragraph/mdRegular">
-                  <p color="uiTextHighContrast">{terms}</p>
+                  <p>{terms}</p>
                 </Typography>
               </div>
             </div>
@@ -278,7 +278,7 @@ export default function BookedRoomSidePeek({
                 </span>
                 <div className={styles.rowContent}>
                   <Typography variant="Body/Paragraph/mdRegular">
-                    <p color="uiTextHighContrast">
+                    <p>
                       {intl.formatMessage(
                         {
                           defaultMessage: "Until {time}, {date}",
@@ -303,7 +303,7 @@ export default function BookedRoomSidePeek({
               </span>
               <div className={styles.rowContent}>
                 <Typography variant="Body/Paragraph/mdRegular">
-                  <p color="uiTextHighContrast">{breakfastPrice}</p>
+                  <p>{breakfastPrice}</p>
                 </Typography>
               </div>
             </div>
@@ -329,7 +329,7 @@ export default function BookedRoomSidePeek({
                 </span>
                 <div className={styles.rowContent}>
                   <Typography variant="Body/Paragraph/mdRegular">
-                    <p color="uiTextHighContrast">
+                    <p>
                       {packages
                         ?.filter((item) =>
                           Object.values(RoomPackageCodeEnum).includes(
@@ -356,7 +356,7 @@ export default function BookedRoomSidePeek({
               </span>
               <div className={styles.rowContent}>
                 <Typography variant="Body/Paragraph/mdRegular">
-                  <p color="uiTextHighContrast">{bedType?.description}</p>
+                  <p>{bedType?.description}</p>
                 </Typography>
               </div>
             </div>
@@ -365,7 +365,7 @@ export default function BookedRoomSidePeek({
             <div className={styles.priceDetails}>
               <div className={styles.price}>
                 <Typography variant="Body/Lead text">
-                  <p color="uiTextHighContrast">
+                  <p>
                     {intl.formatMessage({
                       defaultMessage: "Room total",
                     })}