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

packages/booking-flow/lib/components/BookingConfirmation/Header/Actions/AddToCalendarButton.tsx

@@ -8,14 +8,7 @@ export function AddToCalendarButton({ onPress }: { onPress: () => void }) {
   const intl = useIntl()
 
   return (
-    <Button
-      variant="Text"
-      size="Small"
-      color="Primary"
-      wrapping
-      typography="Body/Supporting text (caption)/smBold"
-      onPress={onPress}
-    >
+    <Button variant="Text" size="sm" color="Primary" onPress={onPress}>
       <MaterialIcon size={20} icon="calendar_add_on" color="CurrentColor" />
 
       {intl.formatMessage({

packages/booking-flow/lib/components/BookingConfirmation/Header/Actions/ManageBooking.tsx

@@ -39,9 +39,8 @@ export default function ManageBooking({ booking }: ManageBookingProps) {
     <ButtonLink
       href={myStayURL}
       variant="Text"
-      size="Small"
+      size="sm"
       color="Primary"
-      typography="Body/Supporting text (caption)/smBold"
       wrapping
     >
       <MaterialIcon size={20} icon="edit_square" color="CurrentColor" />

packages/booking-flow/lib/components/BookingConfirmation/Promos/Promo/index.tsx

@@ -26,7 +26,7 @@ export function Promo({ buttonText, href, text, title }: PromoProps) {
         <Typography variant="Body/Paragraph/mdRegular">
           <p className={styles.text}>{text}</p>
         </Typography>
-        <Button size="Small" variant="Secondary" color="Inverted" wrapping>
+        <Button size="sm" variant="Secondary" color="Inverted" wrapping>
           <div>{buttonText}</div>
         </Button>
       </article>

packages/booking-flow/lib/components/BookingConfirmation/Receipt/Room/index.tsx

@@ -137,7 +137,6 @@ export function ReceiptRoom({
                   <Button
                     className={styles.termsButton}
                     variant="Text"
-                    typography="Body/Supporting text (caption)/smBold"
                     wrapping={false}
                   >
                     {intl.formatMessage({

packages/booking-flow/lib/components/BookingConfirmation/Rooms/LinkedReservation/Retry.tsx

@@ -24,7 +24,7 @@ export default function Retry({ handleRefetch }: RetryProps) {
         </p>
       </Typography>
 
-      <Button size="Small" onPress={handleRefetch}>
+      <Button size="sm" onPress={handleRefetch}>
         {intl.formatMessage({
           id: "bookingConfirmation.linkedReservation.tryAgain",
           defaultMessage: "Try again",