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

@@ -1,5 +1,4 @@
 import { IconButton } from '../IconButton'
-import { MaterialIcon } from '../Icons/MaterialIcon'
 import { Tooltip } from '../Tooltip'
 import { Typography } from '../Typography'
 
@@ -29,9 +28,8 @@ export default function Stepper({
         onPress={handleOnDecrease}
         variant="Elevated"
         isDisabled={disableDecrease}
-      >
-        <MaterialIcon icon="remove" color="CurrentColor" />
-      </IconButton>
+        iconName="remove"
+      />
       <div className={styles.countDisplay}>
         <Typography variant="Body/Paragraph/mdRegular">
           <p>{count}</p>
@@ -49,9 +47,8 @@ export default function Stepper({
           onPress={handleOnIncrease}
           variant="Elevated"
           isDisabled={disableIncrease}
-        >
-          <MaterialIcon icon="add" color="CurrentColor" />
-        </IconButton>
+          iconName="add"
+        />
       </Tooltip>
     </div>
   )