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/HotelDetailsSidePeek/HotelSidePeekContent/index.tsx

@@ -65,12 +65,7 @@ export function HotelSidePeekContent({
         <AdditionalAmenities amenities={hotel.detailedFacilities} />
       </Accordion>
       {hotelUrl ? (
-        <ButtonLink
-          href={hotelUrl}
-          variant="Secondary"
-          size="Medium"
-          typography="Body/Paragraph/mdBold"
-        >
+        <ButtonLink href={hotelUrl} variant="Secondary" size="md">
           {intl.formatMessage({
             id: "hotelSidePeek.readMore.buttonText",
             defaultMessage: "Read more about the hotel",

packages/booking-flow/lib/components/HotelDetailsSidePeek/index.tsx

@@ -30,22 +30,17 @@ interface HotelDetailsSidePeekProps {
 
 const buttonPropsMap: Record<
   HotelDetailsSidePeekProps["buttonVariant"],
-  Pick<
-    React.ComponentProps<typeof Button>,
-    "variant" | "color" | "size" | "typography"
-  >
+  Pick<React.ComponentProps<typeof Button>, "variant" | "color" | "size">
 > = {
   primary: {
     variant: "Text",
     color: "Primary",
-    size: "Medium",
-    typography: "Body/Paragraph/mdBold",
+    size: "md",
   },
   secondary: {
     variant: "Secondary",
     color: "Inverted",
-    size: "Small",
-    typography: "Body/Supporting text (caption)/smBold",
+    size: "sm",
   },
 }