From 77ac3628c164965efc17a3e22cf6c14871b5ed35 Mon Sep 17 00:00:00 2001 From: Bianca Widstam Date: Mon, 1 Dec 2025 07:10:00 +0000 Subject: [PATCH] Merged in fix/BOOK-99-focus-indicator-booking-widget (pull request #3254) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit fix(BOOK-99): change border from 1px to 2px * fix(BOOK-99): change border from 1px to 2px Approved-by: Matilda Haneling Approved-by: Erik Tiekstra Approved-by: Matilda Landström --- .../FormContent/BookingCode/booking-code.module.css | 2 +- .../BookingWidgetForm/FormContent/Search/search.module.css | 2 +- .../BookingWidgetForm/FormContent/formContent.module.css | 2 +- .../lib/components/DeprecatedSelect/select.module.css | 4 ++-- 4 files changed, 5 insertions(+), 5 deletions(-) diff --git a/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/BookingCode/booking-code.module.css b/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/BookingCode/booking-code.module.css index da41597e4..7e37a51cc 100644 --- a/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/BookingCode/booking-code.module.css +++ b/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/BookingCode/booking-code.module.css @@ -121,7 +121,7 @@ .container:has([data-pressed="true"]) { background-color: var(--Surface-Primary-Hover); border-radius: var(--Corner-radius-md); - border: 1px solid var(--Border-Interactive-Focus); + border: 2px solid var(--Border-Interactive-Focus); } .bookingCodeRememberVisible { padding: var(--Space-x2); diff --git a/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Search/search.module.css b/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Search/search.module.css index 15498f806..ba533a6c6 100644 --- a/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Search/search.module.css +++ b/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Search/search.module.css @@ -21,7 +21,7 @@ } &:has(input:active, input:focus, input:focus-within) { - border-color: 1px solid var(--Border-Interactive-Focus); + border: 2px solid var(--Border-Interactive-Focus); } } diff --git a/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/formContent.module.css b/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/formContent.module.css index 7af7029c8..aed812884 100644 --- a/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/formContent.module.css +++ b/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/formContent.module.css @@ -117,7 +117,7 @@ .when:has([data-datepicker-open="true"]), .rooms:has([data-focus-visible="true"], [data-pressed="true"]) { background-color: var(--Surface-Primary-Hover); - border: 1px solid var(--Border-Interactive-Focus); + border: 2px solid var(--Border-Interactive-Focus); color: var(--Text-Interactive-Focus); } diff --git a/packages/design-system/lib/components/DeprecatedSelect/select.module.css b/packages/design-system/lib/components/DeprecatedSelect/select.module.css index b390f940b..c2535c63e 100644 --- a/packages/design-system/lib/components/DeprecatedSelect/select.module.css +++ b/packages/design-system/lib/components/DeprecatedSelect/select.module.css @@ -11,7 +11,7 @@ } .select[data-focused='true'] { - border: 1px solid var(--Border-Interactive-Focus); + border: 2px solid var(--Border-Interactive-Focus); outline: none; } @@ -20,7 +20,7 @@ outline: none; } .select[data-focus-visible='true'].discreet { - border: 1px solid var(--Border-Interactive-Focus); + border: 2px solid var(--Border-Interactive-Focus); } .select.discreet {