scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(BOOK-391): Added theme and logos for Bassin Seven

Browse Source 
* chore: Updated border-radius variables after import change

Approved-by: Linus Flood
This commit is contained in:
Erik Tiekstra
2026-01-22 07:03:25 +00:00
parent ef98c4b552
commit 4de24e9f2a
297 changed files with 5252 additions and 648 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/BookingCode/booking-code.module.css
View File

@@ -8,7 +8,7 @@
.bookingCode {
height: 60px;
background-color: var(--Background-Primary);
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
padding: var(--Space-x1) var(--Space-x15);
border: 2px solid transparent;
}
@@ -17,7 +17,7 @@
.bookingCode:has([data-focused="true"]),
.bookingCode:has([data-pressed="true"]) {
background-color: var(--Surface-Primary-Hover);
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
border-color: var(--Border-Interactive-Focus);
}
@@ -98,7 +98,7 @@
@media screen and (min-width: 1367px) {
.container:hover {
background-color: var(--Surface-Primary-Hover);
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
}
.bookingCodeRememberVisible {

2
packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Search/SearchList/ClearSearchButton/button.module.css
View File

@@ -2,7 +2,7 @@
align-items: center;
color: var(--Component-Button-Brand-Secondary-On-fill-Default);
border: none;
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
cursor: pointer;
display: flex;
gap: var(--Space-x05);

2
packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Search/SearchList/Dialog/dialog.module.css
View File

@@ -1,6 +1,6 @@
.dialog {
background-color: var(--Base-Surface-Primary-light-Normal);
border-radius: var(--Corner-radius-lg);
border-radius: var(--Corner-Radius-lg);
display: flex;
flex-direction: column;

2
packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Search/SearchList/List/ListItem/listItem.module.css
View File

@@ -1,5 +1,5 @@
.listItem {
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
cursor: pointer;
padding: var(--Space-x1);
}

4
packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Search/search.module.css
View File

@@ -2,7 +2,7 @@
border-color: transparent;
border-style: solid;
border-width: 1px;
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
padding: var(--Space-x1) var(--Space-x15);
position: relative;
height: 60px;
@@ -11,7 +11,7 @@
background-color: var(--Base-Surface-Primary-light-Normal);
padding: var(--Space-x15) var(--Space-x15) var(--Space-x15) var(--Space-x3);
border: 1px solid var(--Border-Strong);
border-radius: var(--Corner-radius-rounded);
border-radius: var(--Corner-Radius-Rounded);
height: auto;
}

2
packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/ValidationError/validationError.module.css
View File

@@ -2,7 +2,7 @@
position: absolute;
top: calc(100% + var(--Space-x2));
background: var(--Surface-Primary-Default);
border-radius: var(--Corner-radius-lg);
border-radius: var(--Corner-Radius-lg);
box-shadow: 0px 0px 14px 6px rgba(0, 0, 0, 0.1);
padding: var(--Space-x15);
max-width: min(100vw, calc(360px - var(--Space-x2)));

6
packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/formContent.module.css
View File

@@ -80,7 +80,7 @@
.when,
.where {
background-color: var(--Background-Primary);
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
}
.rooms,
@@ -114,14 +114,14 @@
gap: var(--Space-x2);
}
.voucherContainer {
border-radius: 0 0 var(--Corner-radius-md) var(--Corner-radius-md);
border-radius: 0 0 var(--Corner-Radius-md) var(--Corner-Radius-md);
}
.rooms,
.when,
.where {
width: 100%;
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
}
.inputContainer input[type="text"] {

2
packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/form.module.css
View File

@@ -22,7 +22,7 @@
@media screen and (min-width: 768px) {
.default {
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
}
}

10
packages/booking-flow/lib/components/BookingWidget/DatePicker/date-picker.module.css
View File

@@ -13,7 +13,7 @@
bottom: 0;
right: 0;
padding: 20px var(--Space-x15) 0;
border-radius: var(--Corner-radius-lg);
border-radius: var(--Corner-Radius-lg);
}
.datePicker[data-datepicker-open="true"] {
@@ -24,7 +24,7 @@
--header-height: 72px;
--sticky-button-height: 140px;
background-color: var(--Main-Grey-White);
border-radius: var(--Corner-radius-lg) var(--Corner-radius-lg) 0 0;
border-radius: var(--Corner-Radius-lg) var(--Corner-Radius-lg) 0 0;
position: fixed;
left: 0;
right: 0;
@@ -41,7 +41,7 @@
}
.datePicker[data-datepicker-open="true"] {
border-radius: var(--Corner-radius-lg) var(--Corner-radius-lg) 0 0;
border-radius: var(--Corner-Radius-lg) var(--Corner-Radius-lg) 0 0;
top: calc(max(var(--sitewide-alert-sticky-height), 20px));
}
}
@@ -54,7 +54,7 @@
.pickerContainer {
position: absolute;
display: grid;
border-radius: var(--Corner-radius-lg);
border-radius: var(--Corner-Radius-lg);
box-shadow: var(--popup-box-shadow);
padding: var(--Space-x2) var(--Space-x3);
max-width: calc(100vw - 20px);
@@ -70,6 +70,6 @@
display: block;
overflow: hidden;
text-overflow: ellipsis;
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
}
}

2
packages/booking-flow/lib/components/BookingWidget/GuestsRoomsPicker/ValidationError/validationError.module.css
View File

@@ -2,7 +2,7 @@
position: absolute;
top: calc(100% + var(--Space-x2));
background: var(--Surface-Primary-Default);
border-radius: var(--Corner-radius-lg);
border-radius: var(--Corner-Radius-lg);
box-shadow: 0px 0px 14px 6px rgba(0, 0, 0, 0.1);
padding: var(--Space-x15);
max-width: min(100vw, calc(360px - var(--Space-x2)));

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

@@ -2,7 +2,7 @@
display: flex;
padding: var(--Space-x15);
border: 1px solid var(--Border-Default);
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
justify-content: center;
}
@@ -53,7 +53,7 @@
bottom: 0;
right: 0;
padding: 20px var(--Space-x15) 0;
border-radius: var(--Corner-radius-lg);
border-radius: var(--Corner-Radius-lg);
display: block;
overflow: hidden;
text-overflow: ellipsis;
@@ -100,7 +100,7 @@
--header-height: 72px;
--sticky-button-height: 140px;
background-color: var(--Main-Grey-White);
border-radius: var(--Corner-radius-lg) var(--Corner-radius-lg) 0 0;
border-radius: var(--Corner-Radius-lg) var(--Corner-Radius-lg) 0 0;
position: fixed;
top: calc(max(var(--sitewide-alert-sticky-height), 20px));
right: 0;
@@ -180,7 +180,7 @@
bottom: auto;
left: auto;
right: auto;
border-radius: var(--Corner-radius-lg);
border-radius: var(--Corner-Radius-lg);
box-shadow: var(--popup-box-shadow);
min-width: 360px;
max-width: calc(100vw - 20px);

2
packages/booking-flow/lib/components/BookingWidget/MobileToggleButton/button.module.css
View File

@@ -14,7 +14,7 @@
/* To avoid this "flash" the styling is set to transparent) */
/* It is a non-standard css proprty, so shouldn't have too much of an effect on accessibility. */
-webkit-tap-highlight-color: transparent;
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
}
.complete {

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

@@ -52,13 +52,13 @@
.compact {
.formContainer {
border-radius: var(--Corner-radius-lg);
border-radius: var(--Corner-Radius-lg);
}
}
@media screen and (max-width: 767px) {
.formContainer {
border-radius: var(--Corner-radius-lg) var(--Corner-radius-lg) 0 0;
border-radius: var(--Corner-Radius-lg) var(--Corner-Radius-lg) 0 0;
}
}