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/NotUpcoming/CustomerSupport.tsx

@@ -11,11 +11,7 @@ export default function CustomerSupport() {
 
   return (
     <DialogTrigger>
-      <Button
-        variant="Secondary"
-        size="Small"
-        typography="Body/Supporting text (caption)/smBold"
-      >
+      <Button variant="Secondary" size="sm">
         {intl.formatMessage({
           id: "common.customerSupport",
           defaultMessage: "Customer support",

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

@@ -46,12 +46,7 @@ export default function NotUpcoming() {
   return (
     <>
       {!isWebview(pathname) && (
-        <ButtonLink
-          variant="Tertiary"
-          size="Medium"
-          href={url}
-          typography="Body/Supporting text (caption)/smBold"
-        >
+        <ButtonLink variant="Tertiary" size="md" href={url}>
           {intl.formatMessage({
             defaultMessage: "Rebook",
             id: "myStay.referenceCard.actions.rebook",

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({

apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/GuaranteeInfo/GuaranteeInfoModal/index.tsx

@@ -59,8 +59,7 @@ export function GuaranteeInfoModal() {
             className={styles.closeButton}
             variant="Secondary"
             color="Primary"
-            size="Medium"
-            typography="Body/Paragraph/mdBold"
+            size="md"
             onPress={() => setIsOpen(false)}
           >
             {intl.formatMessage({