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

@@ -1,5 +1,4 @@
 import { IconButton } from '../../IconButton'
-import { MaterialIcon } from '../../Icons/MaterialIcon'
 import { Typography } from '../../Typography'
 import styles from '../rate-card.module.css'
 import { variants } from '../variants'
@@ -34,9 +33,7 @@ export default function NoRateAvailableCard({
         <header>
           <Typography variant="Tag/sm">
             <h3 className={`${styles.title} ${styles.textDisabled}`}>
-              <IconButton variant="Muted" emphasis size="sm">
-                <MaterialIcon icon="info" size={20} color="Icon/Default" />
-              </IconButton>
+              <IconButton variant="Muted" emphasis size="sm" iconName="info" />
               {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
               {`${rateTitle} / ${paymentTerm}`}
             </h3>