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/RateCard/Modal/index.tsx

@@ -19,7 +19,6 @@ import { fade, slideInOut } from './motionVariants'
 
 import { useIntl } from 'react-intl'
 import { IconButton } from '../../IconButton'
-import { MaterialIcon } from '../../Icons/MaterialIcon'
 import { Typography } from '../../Typography'
 import styles from './modal.module.css'
 
@@ -98,9 +97,8 @@ function InnerModal({
                       id: 'common.close',
                       defaultMessage: 'Close',
                     })}
-                  >
-                    <MaterialIcon icon="close" size={24} color="CurrentColor" />
-                  </IconButton>
+                    iconName="close"
+                  />
                 </header>
               )}