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/Surprises/Initial.tsx

@@ -60,9 +60,8 @@ export default function Initial({ totalSurprises, onOpen }: InitialProps) {
       <Button
         variant="Primary"
         onPress={onOpen}
-        size="Medium"
+        size="md"
         autoFocus
-        typography="Body/Paragraph/mdBold"
         className={styles.widthFull}
       >
         {intl.formatMessage(

apps/scandic-web/components/MyPages/Surprises/Navigation.tsx

@@ -20,8 +20,7 @@ export default function Navigation({
         variant="Text"
         isDisabled={selectedSurprise === 0}
         onPress={() => showSurprise(-1)}
-        size="Small"
-        typography="Body/Supporting text (caption)/smBold"
+        size="sm"
       >
         <MaterialIcon
           icon="chevron_right"
@@ -38,8 +37,7 @@ export default function Navigation({
         variant="Text"
         isDisabled={selectedSurprise === totalSurprises - 1}
         onPress={() => showSurprise(1)}
-        size="Small"
-        typography="Body/Supporting text (caption)/smBold"
+        size="sm"
       >
         {intl.formatMessage({
           id: "common.next",