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