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/Carousel/CarouselNavigation.tsx

@@ -4,7 +4,6 @@ import { cx } from "class-variance-authority"
 import { useIntl } from "react-intl"
 
 import { IconButton } from "@scandic-hotels/design-system/IconButton"
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import { useCarousel } from "./CarouselContext"
 
@@ -28,9 +27,8 @@ export function CarouselPrevious({ className }: CarouselButtonProps) {
           id: "carousel.previousSlide",
           defaultMessage: "Previous slide",
         })}
-      >
-        <MaterialIcon color="Icon/Interactive/Default" icon="arrow_back" />
-      </IconButton>
+        iconName="arrow_back"
+      />
     </span>
   )
 }
@@ -51,9 +49,8 @@ export function CarouselNext({ className }: CarouselButtonProps) {
           id: "carousel.nextSlide",
           defaultMessage: "Next slide",
         })}
-      >
-        <MaterialIcon color="Icon/Interactive/Default" icon="arrow_forward" />
-      </IconButton>
+        iconName="arrow_forward"
+      />
     </span>
   )
 }