Merged in chore/remove-useless-color-attr (pull request #1944)

chore: remove useless color attributes on html elements

Approved-by: Erik Tiekstra

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>

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>
           )}

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",
             })}

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>

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",
                     })}