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

@@ -7,7 +7,6 @@ import { useIntl } from 'react-intl'
 import Image from '../../Image'
 
 import { IconButton } from '../../IconButton'
-import { MaterialIcon } from '../../Icons/MaterialIcon'
 import { Typography } from '../../Typography'
 
 import { LightboxImage } from '../index'
@@ -94,9 +93,8 @@ export default function FullView({
           id: 'common.close',
           defaultMessage: 'Close',
         })}
-      >
-        <MaterialIcon icon="close" color="CurrentColor" size={24} />
-      </IconButton>
+        iconName="close"
+      />
       <div className={styles.header}>
         <Typography variant="Tag/sm">
           <span className={styles.imageCount}>
@@ -141,16 +139,14 @@ export default function FullView({
         variant="Muted"
         className={`${styles.navigationButton} ${styles.prev}`}
         onPress={handlePrev}
-      >
-        <MaterialIcon icon="arrow_back" color="CurrentColor" />
-      </IconButton>
+        iconName="arrow_back"
+      />
       <IconButton
         variant="Muted"
         className={`${styles.navigationButton} ${styles.next}`}
         onPress={handleNext}
-      >
-        <MaterialIcon icon="arrow_forward" color="CurrentColor" />
-      </IconButton>
+        iconName="arrow_forward"
+      />
     </div>
   )
 }