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/booking-flow/lib/components/SelectRate/RoomsContainer/RateSummary/MobileSummary/Content/index.tsx

@@ -91,13 +91,12 @@ export default function SummaryContent({
             onPress={toggleSummaryOpen}
             variant="Muted"
             emphasis
-          >
-            <MaterialIcon
-              icon="keyboard_arrow_down"
-              size={20}
-              color="CurrentColor"
-            />
-          </IconButton>
+            aria-label={intl.formatMessage({
+              id: "common.close",
+              defaultMessage: "Close",
+            })}
+            iconName="keyboard_arrow_down"
+          />
         </div>
         <Typography variant="Body/Paragraph/mdBold">
           <p className={styles.dates}>

packages/booking-flow/lib/components/SelectRate/RoomsContainer/RateSummary/MobileSummary/Room/index.tsx

@@ -159,7 +159,6 @@ export default function Room({
                   <Button
                     className={styles.termsButton}
                     variant="Text"
-                    typography="Body/Supporting text (caption)/smBold"
                     wrapping={false}
                   >
                     {intl.formatMessage({

packages/booking-flow/lib/components/SelectRate/RoomsContainer/RateSummary/MobileSummary/index.tsx

@@ -137,9 +137,8 @@ export function MobileSummary() {
         <Button
           variant="Primary"
           color="Primary"
-          size="Large"
+          size="lg"
           type="submit"
-          typography="Body/Paragraph/mdBold"
           isDisabled={selectedRates.state !== "ALL_SELECTED"}
         >
           {intl.formatMessage({