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/Blocks/DynamicContent/Stays/NextStay/NextStayContent.tsx

@@ -137,7 +137,7 @@ export default async function NextStayContent({
             <ButtonLink
               variant="Tertiary"
               color="Inverted"
-              size="Medium"
+              size="md"
               href={bookingUrl}
               className={styles.cta}
             >

apps/scandic-web/components/Blocks/DynamicContent/Stays/Previous/Cards/SeeAllCard/index.tsx

@@ -16,12 +16,7 @@ export function SeeAllCard({ onPress }: SeeAllCardProps) {
 
   return (
     <div className={styles.card}>
-      <Button
-        variant="Secondary"
-        size="Medium"
-        typography="Body/Paragraph/mdBold"
-        onPress={onPress}
-      >
+      <Button variant="Secondary" size="md" onPress={onPress}>
         {intl.formatMessage({ id: "common.seeAll", defaultMessage: "See all" })}
         <MaterialIcon icon="chevron_right" color="CurrentColor" />
       </Button>

apps/scandic-web/components/Blocks/DynamicContent/Stays/Upcoming/Carousel/CarouselCard/index.tsx

@@ -107,7 +107,7 @@ export default function CarouselCard({ stay }: CarouselCardProps) {
             <ButtonLink
               variant="Text"
               color="Primary"
-              size="Small"
+              size="sm"
               href={bookingUrl}
             >
               {intl.formatMessage({

apps/scandic-web/components/Blocks/DynamicContent/Stays/Upcoming/Carousel/SeeAllCard/index.tsx

@@ -16,12 +16,7 @@ export function SeeAllCard({ onPress }: SeeAllCardProps) {
 
   return (
     <div className={styles.card}>
-      <Button
-        variant="Secondary"
-        size="Medium"
-        typography="Body/Paragraph/mdBold"
-        onPress={onPress}
-      >
+      <Button variant="Secondary" size="md" onPress={onPress}>
         {intl.formatMessage({ id: "common.seeAll", defaultMessage: "See all" })}
         <MaterialIcon icon="chevron_right" color="CurrentColor" />
       </Button>

apps/scandic-web/components/Blocks/DynamicContent/Stays/Upcoming/EmptyUpcomingStays/index.tsx

@@ -65,7 +65,7 @@ export default async function EmptyUpcomingStays() {
           })}
         </p>
       </Typography>
-      <ButtonLink href={href} variant="Tertiary" color="Primary" size="Small">
+      <ButtonLink href={href} variant="Tertiary" color="Primary" size="sm">
         {intl.formatMessage({
           id: "stays.findDestinationOrHotel",
           defaultMessage: "Find hotel or destination",