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

@@ -5,7 +5,6 @@ import { useEffect, useState } from 'react'
 import { useIntl } from 'react-intl'
 
 import { IconButton } from '../../IconButton'
-import { MaterialIcon } from '../../Icons/MaterialIcon'
 
 import { HOTEL_PAGE, MAP_RESTRICTIONS } from '../mapConstants'
 
@@ -150,9 +149,8 @@ export function InteractiveMap({
               defaultMessage: 'Zoom out',
             })}
             isDisabled={isMinZoom}
-          >
-            <MaterialIcon icon="remove" color="CurrentColor" />
-          </IconButton>
+            iconName="remove"
+          />
 
           <IconButton
             variant="Elevated"
@@ -163,9 +161,8 @@ export function InteractiveMap({
               defaultMessage: 'Zoom in',
             })}
             isDisabled={isMaxZoom}
-          >
-            <MaterialIcon icon="add" color="CurrentColor" />
-          </IconButton>
+            iconName="add"
+          />
         </div>
       </div>
     </div>