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

2
apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Description/description.module.css
View File

@@ -32,7 +32,7 @@
.image {
aspect-ratio: 2 / 1;
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
object-fit: cover;
width: 100%;
height: auto;

6
apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Steps/ConfirmationStep/confirmationStep.module.css
View File

@@ -9,14 +9,14 @@
justify-content: space-between;
background-color: var(--Surface-Brand-Primary-2-OnSurface-Accent);
padding: var(--Space-x1) var(--Space-x15);
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
}
.guarantee {
display: flex;
flex-direction: column;
gap: var(--Space-x2);
background-color: var(--Surface-Secondary-Default);
border-radius: var(--Corner-radius-lg);
border-radius: var(--Corner-Radius-lg);
padding: var(--Space-x2);
}
@@ -41,5 +41,5 @@
}
.accordionItem {
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
}

2
apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Steps/DeliveryDetailsStep/SelectDeliveryTime/selectDeliveryTime.module.css
View File

@@ -3,7 +3,7 @@
align-items: center;
gap: var(--Space-x15);
padding: var(--Space-x15);
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
background-color: var(--Surface-Primary-OnSurface-Default);
}

4
apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Steps/DeliveryDetailsStep/SelectedItemCard/selectedItemCard.module.css
View File

@@ -4,13 +4,13 @@
gap: var(--Space-x1);
align-self: stretch;
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
border: 1px solid var(--Border-Divider-Subtle);
background: var(--Surface-Primary-Default);
}
.image {
border-radius: var(--Corner-radius-sm);
border-radius: var(--Corner-Radius-sm);
}
.cost {

2
apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Steps/DeliveryDetailsStep/deliveryDetailsStep.module.css
View File

@@ -15,7 +15,7 @@
align-items: center;
gap: var(--Space-x15);
padding: var(--Space-x15);
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
background-color: var(--Surface-Primary-OnSurface-Default);
}

4
apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Steps/SelectQuantityStep/PaymentOption/paymentOption.module.css
View File

@@ -1,6 +1,6 @@
.container {
display: flex;
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
background: var(--Surface-Primary-OnSurface-Default);
width: 100%;
align-items: flex-start;
@@ -38,7 +38,7 @@
.spendablePoints {
display: flex;
justify-content: space-between;
border-radius: var(--Corner-radius-md) var(--Corner-radius-md) 0 0;
border-radius: var(--Corner-Radius-md) var(--Corner-Radius-md) 0 0;
background: var(--Surface-Brand-Primary-1-Default);
width: 100%;
padding: var(--Space-x1) var(--Space-x15);

2
apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Steps/SelectQuantityStep/selectQuantityStep.module.css
View File

@@ -33,7 +33,7 @@
display: flex;
padding: var(--Space-x15);
flex: 1 0 0;
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
border: 1px solid var(--Base-Border-Subtle);
background: var(--Surface-Feedback-Information-light);

2
apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Summary/PriceDetails/priceDetails.module.css
View File

@@ -9,7 +9,7 @@
align-items: center;
justify-content: space-between;
gap: var(--Space-x1);
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
}
.showOnDesktop {

2
apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Summary/PriceSummary/priceSummary.module.css
View File

@@ -4,7 +4,7 @@
flex-direction: column;
gap: var(--Space-x2);
align-self: stretch;
border-radius: var(--Corner-radius-lg);
border-radius: var(--Corner-Radius-lg);
border: 1px solid var(--Border-Divider-Default);
background: var(--Surface-Primary-Default);
}

2
apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Summary/summary.module.css
View File

@@ -13,7 +13,7 @@
background: var(--Surface-Primary-OnSurface-Default);
padding: var(--Space-x15);
gap: var(--Space-x2);
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
}
.buttons {

4
apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddedAncillaries/addedAncillaries.module.css
View File

@@ -31,7 +31,7 @@
.ancillaryMobile {
background-color: var(--Background-Primary);
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
display: flex;
flex-direction: column;
gap: var(--Space-x1);
@@ -41,7 +41,7 @@
display: none;
padding: var(--Space-x2);
background-color: var(--Background-Primary);
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
flex-direction: column;
gap: var(--Space-x1);
}

2
apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AllAncillariesModal/SelectAncillaryStep/selectAncillaryStep.module.css
View File

@@ -20,7 +20,7 @@
}
.chip {
border-radius: var(--Corner-radius-rounded);
border-radius: var(--Corner-Radius-Rounded);
padding: calc(var(--Space-x1) + var(--Space-x025)) var(--Space-x2);
cursor: pointer;
border: 1px solid var(--Border-Interactive-Default);

2
apps/scandic-web/components/HotelReservation/MyStay/BookingSummary/SummaryCard/summaryCard.module.css
View File

@@ -8,7 +8,7 @@
.image {
width: 152px;
height: 152px;
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
}
.content {

2
apps/scandic-web/components/HotelReservation/MyStay/GuestDetails/guestDetails.module.css
View File

@@ -4,7 +4,7 @@
align-items: center;
background-color: var(--Main-Brand-PalePeach);
padding: var(--Space-x3) 0;
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
gap: var(--Space-x2);
}

6
apps/scandic-web/components/HotelReservation/MyStay/Modal/modal.module.css
View File

@@ -29,8 +29,8 @@
.modal {
background: var(--UI-Input-Controls-Surface-Normal);
border-top-left-radius: var(--Corner-radius-lg);
border-top-right-radius: var(--Corner-radius-lg);
border-top-left-radius: var(--Corner-Radius-lg);
border-top-right-radius: var(--Corner-Radius-lg);
max-height: 95dvh;
overflow-y: auto;
padding: var(--Space-x3);
@@ -71,7 +71,7 @@
}
.modal {
border-radius: var(--Corner-radius-lg);
border-radius: var(--Corner-Radius-lg);
display: flex;
min-height: 300px;
min-width: 690px;

2
apps/scandic-web/components/HotelReservation/MyStay/ModifyContact/modifyContact.module.css
View File

@@ -1,7 +1,7 @@
.container {
background-color: var(--Background-Primary);
padding: var(--Space-x2) var(--Space-x1) var(--Space-x3);
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
}
.row {

2
apps/scandic-web/components/HotelReservation/MyStay/Promo/promo.module.css
View File

@@ -59,7 +59,7 @@
@media (min-width: 768px) {
.promo {
border-radius: var(--Corner-radius-xl);
border-radius: var(--Corner-Radius-xl);
}
.content {

2
apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/CustomerSupportModal/customerSupport.module.css
View File

@@ -11,7 +11,7 @@
align-items: center;
background: var(--Surface-Feedback-Information-light);
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
color: var(--Text-Interactive-Default);
display: flex;
flex-direction: column;

4
apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/Upcoming/ManageStay/Actions/CancelStay/Steps/Confirmation/Multiroom/multiroom.module.css
View File

@@ -28,7 +28,7 @@
.checkbox {
background: var(--Background-Primary);
border: 2px solid transparent;
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
padding: var(--Space-x2) var(--Space-x15);
}
@@ -65,7 +65,7 @@
.chip {
background-color: var(--Surface-Brand-Accent-Default);
border-radius: var(--Corner-radius-sm);
border-radius: var(--Corner-Radius-sm);
padding: var(--Space-x1);
}

2
apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/Upcoming/ManageStay/Actions/CancelStay/cancelStay.module.css
View File

@@ -18,7 +18,7 @@
display: flex;
padding: var(--Space-x2);
background-color: var(--Background-Primary);
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
align-items: center;
gap: var(--Space-x1);
}

2
apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/Upcoming/ManageStay/Actions/ChangeDates/Alerts/CustomerSupport/customerSupport.module.css
View File

@@ -10,7 +10,7 @@
align-items: center;
background-color: var(--Surface-Feedback-Information-light);
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
flex-direction: column;
gap: var(--Space-x1);
padding: var(--Space-x3);

4
apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/Upcoming/ManageStay/Actions/ChangeDates/Steps/Form/NewDates/newDates.module.css
View File

@@ -1,7 +1,7 @@
.container {
background-color: var(--Background-Primary);
padding: var(--Space-x2) var(--Space-x3) var(--Space-x3);
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
display: flex;
flex-direction: column;
gap: var(--Space-x3);
@@ -18,7 +18,7 @@
align-items: center;
background-color: var(--Main-Grey-White);
border-color: var(--Scandic-Beige-40);
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
border-style: solid;
border-width: 1px;
display: flex;

4
apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/Upcoming/ManageStay/Actions/GuaranteeLateArrival/Form/form.module.css
View File

@@ -18,7 +18,7 @@
flex-direction: column;
gap: var(--Space-x2);
background-color: var(--Surface-Secondary-Default);
border-radius: var(--Corner-radius-lg);
border-radius: var(--Corner-Radius-lg);
padding: var(--Space-x2);
}
@@ -31,7 +31,7 @@
.guaranteeCost {
align-items: center;
background-color: var(--Base-Surface-Subtle-Normal);
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
display: flex;
gap: var(--Space-x3);
justify-content: flex-end;

2
apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/Upcoming/ManageStay/Info/info.module.css
View File

@@ -1,7 +1,7 @@
.container {
align-items: flex-start;
background-color: var(--Surface-Primary-OnSurface-Default);
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
display: flex;
gap: var(--Space-x2);
justify-content: center;

2
apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/PriceContainer/priceContainer.module.css
View File

@@ -2,7 +2,7 @@
display: flex;
padding: var(--Space-x2);
background-color: var(--Background-Primary);
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
align-items: center;
justify-content: flex-end;
}

2
apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/referenceCard.module.css
View File

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

6
apps/scandic-web/components/HotelReservation/MyStay/Rooms/MultiRoom/room.module.css
View File

@@ -18,7 +18,7 @@
flex-direction: column;
gap: var(--Space-x2);
background-color: var(--Background-Primary);
border-radius: var(--Corner-radius-lg);
border-radius: var(--Corner-Radius-lg);
border: 1px solid var(--Base-Border-Subtle);
overflow: hidden;
padding-bottom: var(--Space-x3);
@@ -44,7 +44,7 @@
.chip {
background-color: var(--Scandic-Peach-30);
color: var(--Scandic-Red-100);
border-radius: var(--Corner-radius-sm);
border-radius: var(--Corner-Radius-sm);
padding: var(--Space-x05) var(--Space-x1);
height: fit-content;
}
@@ -84,7 +84,7 @@
.package {
background-color: var(--Main-Grey-White);
padding: var(--Space-x05) var(--Space-x1);
border-radius: var(--Corner-radius-sm);
border-radius: var(--Corner-Radius-sm);
}
.termsLabel {

2
apps/scandic-web/components/HotelReservation/MyStay/Rooms/MultiRoom/sidePeek.module.css
View File

@@ -1,7 +1,7 @@
.trigger {
background: none;
border: 1px solid var(--Base-Border-Subtle);
border-radius: var(--Corner-radius-sm);
border-radius: var(--Corner-Radius-sm);
cursor: pointer;
display: flex;
padding: var(--Space-x05);

2
apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/BookingInformation/information.module.css
View File

@@ -2,7 +2,7 @@
align-items: center;
background-color: var(--Scandic-Beige-10);
border: 1px solid var(--Base-Border-Subtle);
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
display: flex;
flex-direction: column-reverse;
gap: var(--Space-x2);

2
apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/Header/header.module.css
View File

@@ -12,7 +12,7 @@
.chip {
background-color: var(--Scandic-Peach-30);
color: var(--Scandic-Red-100);
border-radius: var(--Corner-radius-sm);
border-radius: var(--Corner-Radius-sm);
padding: var(--Space-x05) var(--Space-x1);
}

2
apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/Img/img.module.css
View File

@@ -16,7 +16,7 @@
}
.image {
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
height: 100%;
}
}

2
apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/Packages/packages.module.css
View File

@@ -10,7 +10,7 @@
.package {
background-color: var(--Main-Grey-White);
border-radius: var(--Corner-radius-sm);
border-radius: var(--Corner-Radius-sm);
padding: var(--Space-x05) var(--Space-x1);
}

2
apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/room.module.css
View File

@@ -72,7 +72,7 @@
}
.booking {
border-radius: var(--Corner-radius-lg);
border-radius: var(--Corner-Radius-lg);
background-color: var(--Background-Primary);
}