Feat/BOOK-293 button adjustments

* feat(BOOK-293): Adjusted padding of the buttons to match Figma design
* feat(BOOK-293): Updated variants for IconButton
* feat(BOOK-113): Updated focus indicators on buttons and added default focus ring color
* feat(BOOK-293): Replaced buttons inside booking widget

Approved-by: Christel Westerberg

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

@@ -89,8 +89,8 @@ export default function SummaryContent({
           <IconButton
             className={styles.closeButton}
             onPress={toggleSummaryOpen}
-            theme="Black"
-            style="Muted"
+            variant="Muted"
+            emphasis
           >
             <MaterialIcon
               icon="keyboard_arrow_down"

packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/RoomsHeader/RoomPackageFilter/Modal.tsx

@@ -61,8 +61,8 @@ export function RoomPackageFilterModal({
                 </h3>
               </Typography>
               <IconButton
-                theme="Black"
-                style="Muted"
+                variant="Muted"
+                emphasis
                 onPress={() => setIsOpen(false)}
               >
                 <MaterialIcon icon="close" size={24} color="CurrentColor" />

packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/RoomsHeader/RoomPackageFilter/index.tsx

@@ -99,9 +99,7 @@ export function RoomPackageFilter({ roomIndex }: { roomIndex: number }) {
                 />
                 {filterLabel}
                 <IconButton
-                  style="Muted"
-                  theme="Inverted"
-                  wrapping
+                  variant="Muted"
                   onPress={() => deletePackage(pkg.code)}
                   aria-label={intl.formatMessage(
                     {