Merged in fix/BOOK-293-button-variants (pull request #3371)

fix(BOOK-293): changed variants and props on IconButton component

* fix(BOOK-293): changed variants and props on IconButton component

* fix(BOOK-293): inherit color for icon


Approved-by: Bianca Widstam
Approved-by: Christel Westerberg

apps/scandic-web/components/HotelReservation/MyStay/Rooms/MultiRoom/Room.tsx

@@ -268,13 +268,9 @@ export default function Room({ booking, roomNr, user }: RoomProps) {
                       variant="Muted"
                       emphasis
                       className={styles.termsInfoIcon}
-                    >
-                      <MaterialIcon
-                        icon="info"
-                        color="Icon/Default"
-                        size={20}
-                      />
-                    </IconButton>
+                      iconName="info"
+                      size="md"
+                    />
                   }
                 >
                   <div className={styles.terms}>

apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/Details/Terms/Terms.tsx

@@ -55,9 +55,8 @@ export default function Terms() {
               emphasis
               size="sm"
               className={styles.button}
-            >
-              <MaterialIcon icon="info" color="Icon/Default" size={20} />
-            </IconButton>
+              iconName="info"
+            />
           }
         >
           <div className={styles.terms}>

apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/RoomDetailsSidePeek.tsx

@@ -34,7 +34,7 @@ export default function RoomDetailsSidePeek({
     <>
       <Button
         variant="Text"
-        size="Small"
+        size="sm"
         color="Primary"
         wrapping
         onPress={() => {