Merged in fix/book-149-incorrect-onfocus-behaviour-booking-widget (pull request #3320)

Fix/book 149 incorrect onfocus behaviour booking widget

* fix(BOOK-149): fixed labels shifting

* fix(BOOK-149): reintroduced sticky position

* fix(BOOK-149): added missing border to "where" text field

* added overflow to datepicker

* comment fixes

* removed separate typography declaration

* changed to onPress

* fix(BOOK-149): moved components to separate files

* fix(BOOK-149): removed desktop & mobile specific css classes

* fix(BOOK-149): new implementation of date and room modals

* dependencies update

* fix(BOOK-149): fixed child age dropdown issue, related error message, and Rooms & Guests container height

* updated info button to new variant

* fix(BOOK-149): prevent scrolling of background when modals are open in Tablet mode

* fixed overlay issue and added focus indicator on mobile

* fixed missing space in css

* rebase and fixed icon buttons after update

* simplified to use explicit boolean

* PR comments fixes

* more PR comment fixes

* PR comment fixes

* fixed setIsOpen((prev) => !prev)

* fixed issues with room error not showing properly on mobile

* fixing pr comments

* fixed flickering on GuestRoomModal


Approved-by: Erik Tiekstra

packages/booking-flow/lib/components/BookingWidget/bookingWidget.module.css

@@ -24,7 +24,8 @@
   }
 
   /* Make sure Date Picker is placed on top of other sticky/fixed components */
-  &:has([data-datepicker-open="true"]) {
+  &:has([data-datepicker-open="true"]),
+  &:has([data-rooms-open="true"]) {
     z-index: var(--booking-widget-open-z-index);
   }
 }
@@ -37,7 +38,7 @@
   gap: var(--Space-x3);
   height: calc(100dvh - max(var(--sitewide-alert-sticky-height), 20px));
   width: 100%;
-  padding: var(--Space-x3) var(--Space-x2) var(--Space-x7);
+  padding: var(--Space-x3) var(--Space-x2);
   position: fixed;
   left: 0;
   bottom: -100%;
@@ -85,7 +86,6 @@
 
     &.compactFormContainer {
       box-shadow: none;
-      padding-left: var(--Space-x15);
     }
   }