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

apps/scandic-web/components/MyPages/LevelProgressCard/LevelProgressModal/index.tsx

@@ -4,7 +4,7 @@
 import { useIntl } from "react-intl"
 
 import { dt } from "@scandic-hotels/common/dt"
-import { IconButton } from "@scandic-hotels/design-system/IconButton" // client only
+import { IconButton } from "@scandic-hotels/design-system/IconButton"; // client only
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import Modal from "@scandic-hotels/design-system/Modal"
 import Link from "@scandic-hotels/design-system/OldDSLink"
@@ -35,17 +35,11 @@ export default function LevelProgressModal({
     <Modal
       className={styles.dialog}
       trigger={
-        <IconButton variant="Muted" emphasis>
-          <MaterialIcon
-            className={styles.infoButton}
-            icon="info"
-            color={
-              color === "Surface/Brand/Primary 1/OnSurface/Default"
-                ? "Icon/Inverted"
-                : "Icon/Interactive/Default"
-            }
-          />
-        </IconButton>
+        <IconButton
+          variant="Muted"
+          emphasis={color !== "Surface/Brand/Primary 1/OnSurface/Default"}
+          iconName="info"
+        />
       }
     >
       <div className={styles.levelProgressModal}>