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/ReferenceCard/Actions/Upcoming/ManageStay/Actions/ActionsButton/index.tsx

@@ -24,7 +24,6 @@ export default function ActionsButton({
       wrapping={false}
       onPress={onPress}
       isDisabled={isDisabled}
-      typography="Body/Paragraph/mdBold"
     >
       <MaterialIcon color="CurrentColor" icon={icon} className={styles.icon} />
       <span>{text}</span>

apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/Upcoming/ManageStay/index.tsx

@@ -25,12 +25,7 @@ export default function ManageStay() {
   }
   return (
     <>
-      <Button
-        size="Medium"
-        variant="Tertiary"
-        typography="Body/Supporting text (caption)/smBold"
-        onPress={() => setIsOpen(true)}
-      >
+      <Button size="md" variant="Tertiary" onPress={() => setIsOpen(true)}>
         <span>{manageStay}</span>
         <MaterialIcon color="CurrentColor" icon="keyboard_arrow_down" />
       </Button>

apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/Upcoming/index.tsx

@@ -20,10 +20,9 @@ export default function Upcoming() {
       <ManageStay />
       <ButtonLink
         variant="Secondary"
-        size="Medium"
+        size="md"
         target="_blank"
         href={directionsUrl}
-        typography="Body/Supporting text (caption)/smBold"
       >
         <span>
           {intl.formatMessage({