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/design-system/lib/components/HotelCard/HotelCard.stories.tsx

@@ -76,11 +76,7 @@ export const Default: Story = {
     ],
 
     belowInfoSlot: (
-      <Button
-        onPress={() => fn()}
-        variant="Text"
-        typography="Body/Paragraph/mdBold"
-      >
+      <Button onPress={() => fn()} variant="Text">
         Read more
         <MaterialIcon icon="chevron_right" size={24} color="CurrentColor" />
       </Button>

packages/design-system/lib/components/HotelCard/HotelDialogCard/StandaloneHotelCardDialog/index.tsx

@@ -4,7 +4,6 @@ import { useState } from 'react'
 import { useIntl } from 'react-intl'
 
 import { IconButton } from '../../../IconButton'
-import { MaterialIcon } from '../../../Icons/MaterialIcon'
 import { Typography } from '../../../Typography'
 
 import { HotelCardDialogImage } from '../../HotelCardDialogImage'
@@ -84,9 +83,8 @@ export function StandaloneHotelCardDialog({
           id: 'common.close',
           defaultMessage: 'Close',
         })}
-      >
-        <MaterialIcon icon="close" size={22} color="CurrentColor" />
-      </IconButton>
+        iconName="close"
+      />
       <HotelCardDialogImage
         imageSrc={image?.url}
         altText={image?.alt}
@@ -187,7 +185,7 @@ export function StandaloneHotelCardDialog({
                 href={selectRateUrl}
                 variant="Primary"
                 color="Primary"
-                size="Small"
+                size="sm"
                 onClick={onClick}
               >
                 {intl.formatMessage({

packages/design-system/lib/components/HotelCard/index.tsx

@@ -364,9 +364,8 @@ export const HotelCardComponent = memo(
                 ) : null}
                 <FakeButton
                   variant="Primary"
-                  size="Medium"
+                  size="md"
                   isDisabled={!!isDisabled}
-                  typography="Body/Paragraph/mdBold"
                   isHovered={isPricesHovered}
                 >
                   {isDisabled