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

@@ -100,9 +100,8 @@ export default function AddCreditCardButton() {
       className={styles.addCreditCardButton}
       variant="Text"
       color="Primary"
-      size="Medium"
-      typography="Body/Paragraph/mdBold"
-      onClick={() =>
+      size="md"
+      onPress={() =>
         initiateAddCard.mutate({
           language: lang,
         })

apps/scandic-web/components/Profile/DeleteCreditCardConfirmation.tsx

@@ -2,7 +2,6 @@
 import { useIntl } from "react-intl"
 
 import { IconButton } from "@scandic-hotels/design-system/IconButton"
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import { toast } from "@scandic-hotels/design-system/Toast"
 import { trpc } from "@scandic-hotels/trpc/client"
 
@@ -77,9 +76,8 @@ export default function DeleteCreditCardConfirmation({
             id: "profile.creditCard.deleteCard",
             defaultMessage: "Delete card",
           })}
-        >
-          <MaterialIcon icon="delete" color="Icon/Interactive/Default" />
-        </IconButton>
+          iconName="delete"
+        />
       }
     />
   )