fix(SW-2170): add outline for chip for keyboard focus

add nonmodal prop to booking code rates dropdown to ensure booking widgets stays sticky when opened

apps/scandic-web/components/HotelReservation/SelectHotel/BookingCodeFilter/index.tsx

@@ -68,7 +68,7 @@ export default function BookingCodeFilter() {
           />
         </ChipButton>
         {displayAsPopover ? (
-          <Popover placement="bottom end">
+          <Popover placement="bottom end" isNonModal>
             <Dialog className={styles.dialog}>
               {({ close }) => {
                 function handleChangeFilterValue(value: string) {

packages/design-system/lib/components/ChipButton/chip-button.module.css

@@ -29,3 +29,9 @@
 .Outlined:active {
   border-color: var(--Border-Interactive-Selected);
 }
+
+.Default:focus,
+.Outlined:focus {
+  outline-offset: 4px;
+  outline-color: var(--Border-Interactive-Focus);
+}