Merged in fix/bw-fixes (pull request #3481)

Fix/bw fixes

* fix(bookingwidget): fixed some mobile issues with the booking widget

* fixed dual scroll and hidden button in mobile guests & rooms picker

* fixed button colors

* fixed mobile search button position

* Remove scroll lock

packages/booking-flow/lib/components/BookingWidget/GuestsRoomsPicker/Form.tsx

@@ -187,7 +187,7 @@ export default function GuestsRoomsPickerDialog({
             onPress={handleClose}
             isDisabled={isInvalid}
             className={styles.doneButton}
-            variant={isDesktop ? "Tertiary" : "Primary"}
+            variant="Tertiary"
             color="Primary"
             size={isDesktop ? "sm" : "md"}
           >

packages/booking-flow/lib/components/BookingWidget/GuestsRoomsPicker/guests-rooms-picker.module.css

@@ -115,13 +115,13 @@
     grid-area: content;
     overflow-y: scroll;
     scroll-snap-type: y mandatory;
-    padding-bottom: calc(120px + var(--Space-x2));
+    padding-bottom: calc(var(--sticky-button-height) + var(--Space-x4));
   }
 
   .header {
     display: grid;
     grid-area: header;
-    padding: var(--Space-x3) var(--Space-x2) 0;
+    padding: 0 var(--Space-x2) 0;
   }
 
   .close {

packages/booking-flow/lib/components/BookingWidget/GuestsRoomsPicker/index.tsx

@@ -7,7 +7,6 @@ import { useFormContext, useWatch } from "react-hook-form"
 import { useIntl } from "react-intl"
 import { useMediaQuery } from "usehooks-ts"
 
-import { useScrollLock } from "@scandic-hotels/common/hooks/useScrollLock"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import ValidationError from "./ValidationError/index"
@@ -40,9 +39,6 @@ export default function GuestsRoomsPickerForm({
 
   const [scrollPosition, setScrollPosition] = useState(0)
   const roomError = errors["rooms"]
-  const { lockScroll, unlockScroll } = useScrollLock({
-    autoLock: false,
-  })
   useEffect(() => {
     if (roomError) {
       setShowErrorModal(true)
@@ -136,7 +132,6 @@ export default function GuestsRoomsPickerForm({
       isOpen,
       onClose: () => {
         setIsOpen(false)
-        unlockScroll()
       },
       isDismissable: true,
     },
@@ -150,11 +145,6 @@ export default function GuestsRoomsPickerForm({
           rooms={rooms}
           onPress={() => {
             setIsOpen((prev) => !prev)
-            if (!isDesktop && !isOpen) {
-              lockScroll()
-            } else {
-              unlockScroll()
-            }
           }}
           ariaLabelledBy={ariaLabelledBy}
         />
@@ -181,7 +171,6 @@ export default function GuestsRoomsPickerForm({
                   rooms={rooms}
                   onClose={() => {
                     setIsOpen((prev) => !prev)
-                    unlockScroll()
                   }}
                   containerRef={ref}
                 />