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

chore: replace old border-radius variables with new tokens

Browse Source
This commit is contained in:
Christian Andolf
2025-05-05 11:11:00 +02:00
parent aa43d7d059
commit d6b70edfa3
183 changed files with 263 additions and 263 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/scandic-web/components/HotelReservation/BookingConfirmation/Header/header.module.css
View File

@@ -18,7 +18,7 @@
}
.actions {
border-radius: var(--Corner-radius-Medium);
border-radius: var(--Corner-radius-md);
display: grid;
grid-area: actions;
justify-content: flex-start;

4
apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/LinkedReservation/linkedReservationCardSkeleton.module.css
View File

@@ -6,7 +6,7 @@
.content {
background-color: var(--Base-Background-Primary-Normal);
border-radius: var(--Corner-radius-Large);
border-radius: var(--Corner-radius-lg);
display: grid;
gap: var(--Spacing-x2);
padding: var(--Spacing-x2) var(--Spacing-x2) var(--Spacing-x3)
@@ -14,7 +14,7 @@
}
.img {
border-radius: var(--Corner-radius-Medium);
border-radius: var(--Corner-radius-md);
overflow: hidden;
}

2
apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/LinkedReservation/retry.module.css
View File

@@ -1,6 +1,6 @@
.retry {
background-color: var(--Base-Background-Primary-Normal);
border-radius: var(--Corner-radius-Large);
border-radius: var(--Corner-radius-lg);
display: flex;
flex-direction: column;
gap: var(--Spacing-x2);

2
apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/Room/index.tsx
View File

@@ -106,7 +106,7 @@ export default function Room({
focalPoint={{ x: 50, y: 50 }}
height={204}
src={img.imageSizes.medium}
style={{ borderRadius: "var(--Corner-radius-Medium)" }}
style={{ borderRadius: "var(--Corner-radius-md)" }}
title={img.metaData.title}
width={204}
/>

4
apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/Room/room.module.css
View File

@@ -13,7 +13,7 @@
.benefits {
align-items: center;
border: 1px solid var(--Base-Border-Subtle);
border-radius: var(--Corner-radius-Medium);
border-radius: var(--Corner-radius-md);
display: flex;
gap: var(--Spacing-x1);
padding: var(--Spacing-x1) var(--Spacing-x-one-and-half);
@@ -26,7 +26,7 @@
.booking {
background-color: var(--Base-Background-Primary-Normal);
border-radius: var(--Corner-radius-Large);
border-radius: var(--Corner-radius-lg);
display: grid;
gap: var(--Spacing-x2);
padding: var(--Spacing-x2) var(--Spacing-x2) var(--Spacing-x3)

2
apps/scandic-web/components/HotelReservation/EnterDetails/Confirm/confirm.module.css
View File

@@ -16,7 +16,7 @@
flex-direction: column;
gap: var(--Spacing-x-one-and-half);
background-color: var(--Base-Surface-Primary-light-Normal);
border-radius: var(--Corner-radius-Medium);
border-radius: var(--Corner-radius-md);
padding: var(--Spacing-x-one-and-half) var(--Spacing-x2);
width: min(512px, 100%);
}

2
apps/scandic-web/components/HotelReservation/EnterDetails/Details/Multiroom/JoinScandicFriendsCard/joinScandicFriendsCard.module.css
View File

@@ -2,7 +2,7 @@
align-self: flex-start;
background-color: var(--Base-Surface-Primary-light-Normal);
border: 1px solid var(--Base-Border-Subtle);
border-radius: var(--Corner-radius-Large);
border-radius: var(--Corner-radius-lg);
display: grid;
gap: var(--Spacing-x-one-and-half);
padding: var(--Spacing-x-one-and-half) var(--Spacing-x2);

2
apps/scandic-web/components/HotelReservation/EnterDetails/Details/RoomOne/JoinScandicFriendsCard/joinScandicFriendsCard.module.css
View File

@@ -2,7 +2,7 @@
align-self: flex-start;
background-color: var(--Base-Surface-Primary-light-Normal);
border: 1px solid var(--Base-Border-Subtle);
border-radius: var(--Corner-radius-Large);
border-radius: var(--Corner-radius-lg);
display: grid;
gap: var(--Spacing-x-one-and-half);
padding: var(--Spacing-x-one-and-half) var(--Spacing-x2);

2
apps/scandic-web/components/HotelReservation/EnterDetails/Payment/MixedRatePaymentBreakdown/mixedRatePaymentBreakdown.module.css
View File

@@ -10,7 +10,7 @@
background-color: var(--Scandic-Blue-00);
padding: var(--Spacing-x-one-and-half);
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: var(--Corner-radius-Medium);
border-radius: var(--Corner-radius-md);
}
.cardTitle {

6
apps/scandic-web/components/HotelReservation/EnterDetails/PriceChangeDialog/priceChangeDialog.module.css
View File

@@ -52,8 +52,8 @@
.dialog {
background-color: var(--Scandic-Brand-Pale-Peach);
border-top-left-radius: var(--Corner-radius-Medium);
border-top-right-radius: var(--Corner-radius-Medium);
border-top-left-radius: var(--Corner-radius-md);
border-top-right-radius: var(--Corner-radius-md);
box-shadow: var(--modal-box-shadow);
display: flex;
@@ -97,7 +97,7 @@
}
.dialog {
border-radius: var(--Corner-radius-Medium);
border-radius: var(--Corner-radius-md);
padding: var(--Spacing-x6);
width: fit-content;
}

2
apps/scandic-web/components/HotelReservation/EnterDetails/Summary/UI/ui.module.css
View File

@@ -1,5 +1,5 @@
.summary {
border-radius: var(--Corner-radius-Large);
border-radius: var(--Corner-radius-lg);
display: flex;
flex-direction: column;
gap: var(--Spacing-x2);

2
apps/scandic-web/components/HotelReservation/HotelCard/HotelCardSkeleton.module.css
View File

@@ -3,7 +3,7 @@
display: flex;
flex-direction: column;
background-color: #fff;
border-radius: var(--Corner-radius-Large);
border-radius: var(--Corner-radius-lg);
border: 1px solid var(--Base-Border-Subtle);
position: relative;
height: 100%;

2
apps/scandic-web/components/HotelReservation/HotelCard/HotelChequeCard/hotelChequeCard.module.css
View File

@@ -1,7 +1,7 @@
.chequeCard {
padding: var(--Spacing-x-one-and-half);
background-color: var(--Base-Surface-Secondary-light-Normal);
border-radius: var(--Corner-radius-Medium);
border-radius: var(--Corner-radius-md);
margin: 0;
width: 100%;
display: grid;

2
apps/scandic-web/components/HotelReservation/HotelCard/HotelPriceCard/hotelPriceCard.module.css
View File

@@ -1,7 +1,7 @@
.priceCard {
padding: var(--Spacing-x-one-and-half);
background-color: var(--Base-Surface-Secondary-light-Normal);
border-radius: var(--Corner-radius-Medium);
border-radius: var(--Corner-radius-md);
margin: 0;
width: 100%;
}

2
apps/scandic-web/components/HotelReservation/HotelCard/HotelVoucherCard/hotelVoucherCard.module.css
View File

@@ -1,7 +1,7 @@
.voucherCard {
padding: var(--Spacing-x-one-and-half);
background-color: var(--Base-Surface-Secondary-light-Normal);
border-radius: var(--Corner-radius-Medium);
border-radius: var(--Corner-radius-md);
margin: 0;
width: 100%;
}

2
apps/scandic-web/components/HotelReservation/HotelCard/NoPriceAvailableCard/noPriceAvailable.module.css
View File

@@ -1,7 +1,7 @@
.priceCard {
padding: var(--Spacing-x-one-and-half);
background-color: var(--Base-Surface-Secondary-light-Normal);
border-radius: var(--Corner-radius-Medium);
border-radius: var(--Corner-radius-md);
margin: 0;
width: 100%;
}

4
apps/scandic-web/components/HotelReservation/HotelCard/hotelCard.module.css
View File

@@ -3,7 +3,7 @@
flex-direction: column;
background-color: var(--Base-Surface-Primary-light-Normal);
border: 1px solid var(--Base-Border-Subtle);
border-radius: var(--Corner-radius-Medium);
border-radius: var(--Corner-radius-md);
width: 100%;
overflow: hidden;
}
@@ -94,7 +94,7 @@
.pointsCard {
background-color: var(--Base-Surface-Secondary-light-Normal);
padding: var(--Spacing-x-one-and-half);
border-radius: var(--Corner-radius-Medium);
border-radius: var(--Corner-radius-md);
}
@media screen and (min-width: 768px) and (max-width: 1024px) {

4
apps/scandic-web/components/HotelReservation/HotelCardDialog/HotelCardDialogImage/hotelCardDialogImage.module.css
View File

@@ -18,7 +18,7 @@
.imageContainer {
position: relative;
min-width: 177px;
border-radius: var(--Corner-radius-Medium) 0 0 var(--Corner-radius-Medium);
border-radius: var(--Corner-radius-md) 0 0 var(--Corner-radius-md);
overflow: hidden;
}
@@ -26,7 +26,7 @@
width: 80px;
min-width: 80px;
height: 90px;
border-radius: var(--Corner-radius-Medium);
border-radius: var(--Corner-radius-md);
}
.imageContainer img {

4
apps/scandic-web/components/HotelReservation/HotelCardDialog/hotelCardDialog.module.css
View File

@@ -9,7 +9,7 @@
.dialogContainer {
border: 1px solid var(--Base-Border-Subtle);
border-radius: var(--Corner-radius-Medium);
border-radius: var(--Corner-radius-md);
min-width: 402px;
background: var(--Base-Surface-Primary-light-Normal);
box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.1);
@@ -98,7 +98,7 @@
}
.priceCard {
border-radius: var(--Corner-radius-Medium);
border-radius: var(--Corner-radius-md);
padding: var(--Spacing-x-half) var(--Spacing-x1);
background: var(--Base-Surface-Secondary-light-Normal);
margin-top: var(--Spacing-x1);

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

@@ -5,7 +5,7 @@
gap: var(--Spacing-x1);
padding: var(--Spacing-x-one-and-half);
background-color: var(--Base-Surface-Secondary-light-Normal);
border-radius: var(--Corner-radius-Medium);
border-radius: var(--Corner-radius-md);
}
.totalPriceInclVAT {

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

@@ -15,7 +15,7 @@
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-Medium);
border-radius: var(--Corner-radius-md);
}
.totalPoints {

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

@@ -5,7 +5,7 @@
padding: var(--Space-x3);
margin-bottom: var(--Space-x05);
background-color: var(--Base-Background-Primary-Normal);
border-radius: var(--Corner-radius-Medium);
border-radius: var(--Corner-radius-md);
}
.select {

2
apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/Steps/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);

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

@@ -10,7 +10,7 @@
gap: var(--Space-x1);
padding: var(--Space-x2) var(--Space-x3);
background-color: var(--Surface-Primary-OnSurface-Default);
border-radius: var(--Corner-radius-Medium);
border-radius: var(--Corner-radius-md);
margin-bottom: var(--Spacing-x1);
}
@@ -27,7 +27,7 @@
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-Medium);
border-radius: var(--Corner-radius-md);
}
.totalPoints {

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

@@ -37,7 +37,7 @@
display: flex;
flex-direction: column;
justify-content: space-between;
border-radius: var(--Corner-radius-Medium);
border-radius: var(--Corner-radius-md);
background: var(--Surface-Primary-OnSurface-Default);
padding-bottom: var(--Space-x15);
margin-top: var(--Space-x2);

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

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

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-Medium);
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(--Spacing-x3) 0;
border-radius: var(--Corner-radius-Medium);
border-radius: var(--Corner-radius-md);
gap: var(--Spacing-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-Large);
border-top-right-radius: var(--Corner-radius-Large);
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-Large);
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(--Base-Background-Primary-Normal);
padding: var(--Spacing-x2) var(--Spacing-x1) var(--Spacing-x3);
border-radius: var(--Corner-radius-Medium);
border-radius: var(--Corner-radius-md);
}
.row {

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

@@ -58,7 +58,7 @@
@media (min-width: 768px) {
.promo {
border-radius: var(--Corner-radius-xLarge);
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);
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: var(--Corner-radius-Medium);
border-radius: var(--Corner-radius-md);
color: var(--Text-Interactive-Default);
display: flex;
flex-direction: column;

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

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

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

@@ -1,7 +1,7 @@
.container {
background-color: var(--Base-Background-Primary-Normal);
padding: var(--Spacing-x2) var(--Spacing-x3) var(--Spacing-x3);
border-radius: var(--Corner-radius-Medium);
border-radius: var(--Corner-radius-md);
display: flex;
flex-direction: column;
gap: var(--Spacing-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-Medium);
border-radius: var(--Corner-radius-md);
border-style: solid;
border-width: 1px;
display: flex;

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

@@ -26,7 +26,7 @@
.guaranteeCost {
align-items: center;
background-color: var(--Base-Surface-Subtle-Normal);
border-radius: var(--Corner-radius-Medium);
border-radius: var(--Corner-radius-md);
display: flex;
gap: var(--Spacing-x3);
justify-content: flex-end;

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

@@ -2,7 +2,7 @@
display: flex;
padding: var(--Spacing-x2);
background-color: var(--Base-Background-Primary-Normal);
border-radius: var(--Corner-radius-Medium);
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-Large);
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(--Spacing-x2);
background-color: var(--Base-Background-Primary-Normal);
border-radius: var(--Corner-radius-Large);
border-radius: var(--Corner-radius-lg);
border: 1px solid var(--Base-Border-Subtle);
overflow: hidden;
padding-bottom: var(--Spacing-x3);
@@ -44,7 +44,7 @@
.chip {
background-color: var(--Scandic-Peach-30);
color: var(--Scandic-Red-100);
border-radius: var(--Corner-radius-Small);
border-radius: var(--Corner-radius-sm);
padding: var(--Spacing-x-half) var(--Spacing-x1);
height: fit-content;
}
@@ -84,7 +84,7 @@
.package {
background-color: var(--Main-Grey-White);
padding: var(--Spacing-x-half) var(--Spacing-x1);
border-radius: var(--Corner-radius-Small);
border-radius: var(--Corner-radius-sm);
}
@media (min-width: 768px) {

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-Small);
border-radius: var(--Corner-radius-sm);
cursor: pointer;
display: flex;
padding: var(--Spacing-x-half);

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-Medium);
border-radius: var(--Corner-radius-md);
display: flex;
flex-direction: column-reverse;
gap: var(--Spacing-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-Small);
border-radius: var(--Corner-radius-sm);
padding: var(--Spacing-x-half) var(--Spacing-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-Medium);
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-Small);
border-radius: var(--Corner-radius-sm);
padding: var(--Spacing-x-half) var(--Spacing-x1);
}

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

@@ -68,7 +68,7 @@
}
.booking {
border-radius: var(--Corner-radius-Large);
border-radius: var(--Corner-radius-lg);
background-color: var(--Base-Background-Primary-Normal);
}

2
apps/scandic-web/components/HotelReservation/PaymentOption/paymentOption.module.css
View File

@@ -3,7 +3,7 @@
background-color: var(--UI-Input-Controls-Surface-Normal);
padding: var(--Spacing-x3);
border: 1px solid var(--Base-Border-Normal);
border-radius: var(--Corner-radius-Medium);
border-radius: var(--Corner-radius-md);
display: flex;
align-items: center;
justify-content: space-between;

2
apps/scandic-web/components/HotelReservation/RoomCardSkeleton/RoomCardSkeleton.module.css
View File

@@ -3,7 +3,7 @@
display: flex;
flex-direction: column;
background-color: #fff;
border-radius: var(--Corner-radius-Large);
border-radius: var(--Corner-radius-lg);
border: 1px solid var(--Base-Border-Subtle);
position: relative;
height: 100%;

2
apps/scandic-web/components/HotelReservation/SelectHotel/BookingCodeFilter/bookingCodeFilter.module.css
View File

@@ -5,7 +5,7 @@
}
.dialog {
border-radius: var(--Corner-radius-Medium);
border-radius: var(--Corner-radius-md);
background-color: var(--Surface-Primary-Default);
box-shadow: var(--popup-box-shadow);
max-width: 340px;

14
apps/scandic-web/components/HotelReservation/SelectHotel/FilterAndSortModal/filterAndSortModal.module.css
View File

@@ -44,7 +44,7 @@
bottom: 0;
height: calc(100dvh - 20px);
background-color: var(--Base-Surface-Primary-light-Normal);
border-radius: var(--Corner-radius-Medium);
border-radius: var(--Corner-radius-md);
box-shadow: var(--modal-box-shadow);
width: 100%;
@@ -71,7 +71,7 @@
.badge {
background-color: var(--Base-Text-Accent);
border-radius: var(--Corner-radius-xLarge);
border-radius: var(--Corner-radius-xl);
width: 20px;
height: 20px;
color: #ffffff;
@@ -151,8 +151,8 @@
top: 0;
background: var(--Base-Surface-Primary-light-Normal);
z-index: 1;
border-top-left-radius: var(--Corner-radius-large);
border-top-right-radius: var(--Corner-radius-large);
border-top-left-radius: var(--Corner-radius-lg);
border-top-right-radius: var(--Corner-radius-lg);
}
.title {
@@ -186,8 +186,8 @@
bottom: 0;
background: var(--Base-Surface-Primary-light-Normal);
z-index: 1;
border-bottom-left-radius: var(--Corner-radius-large);
border-bottom-right-radius: var(--Corner-radius-large);
border-bottom-left-radius: var(--Corner-radius-lg);
border-bottom-right-radius: var(--Corner-radius-lg);
padding: var(--Spacing-x2) var(--Spacing-x3);
}
@@ -207,7 +207,7 @@
.filters ul li:hover {
background: var(--UI-Input-Controls-Surface-Hover);
border-radius: var(--Corner-radius-Medium,);
border-radius: var(--Corner-radius-md);
outline: none;
}
.filters ul li {

2
apps/scandic-web/components/HotelReservation/SelectHotel/selectHotel.module.css
View File

@@ -125,7 +125,7 @@
display: flex;
flex-direction: column;
background: var(--Base-Surface-Primary-light-Normal);
border-radius: var(--Corner-radius-Medium);
border-radius: var(--Corner-radius-md);
border: 1px solid var(--Base-Border-Subtle);
}
.buttonContainer {

2
apps/scandic-web/components/HotelReservation/SelectRate/HotelInfoCard/hotelInfoCard.module.css
View File

@@ -17,7 +17,7 @@
height: 200px;
max-width: 360px;
width: 100%;
border-radius: var(--Corner-radius-Medium);
border-radius: var(--Corner-radius-md);
}
.hotelContent {

2
apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/RateSummary/MobileSummary/summary.module.css
View File

@@ -1,5 +1,5 @@
.summary {
border-radius: var(--Corner-radius-Large);
border-radius: var(--Corner-radius-lg);
display: flex;
flex-direction: column;
gap: var(--Spacing-x2);

4
apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/MultiRoomWrapper/SelectedRoomPanel/selectedRoomPanel.module.css
View File

@@ -10,13 +10,13 @@
}
.imageContainer {
border-radius: var(--Corner-radius-Small);
border-radius: var(--Corner-radius-sm);
display: flex;
grid-area: image;
}
.img {
border-radius: var(--Corner-radius-Small);
border-radius: var(--Corner-radius-sm);
height: auto;
max-height: 105px;
object-fit: fill;

2
apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/MultiRoomWrapper/multiRoomWrapper.module.css
View File

@@ -1,7 +1,7 @@
.roomContainer {
background: var(--Base-Surface-Primary-light-Normal);
border: 1px solid var(--Base-Border-Subtle);
border-radius: var(--Corner-radius-Large);
border-radius: var(--Corner-radius-lg);
display: flex;
flex-direction: column;
padding: var(--Spacing-x3);

2
apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsHeader/BookingCodeFilter/bookingCodeFilter.module.css
View File

@@ -4,7 +4,7 @@
}
.dialog {
border-radius: var(--Corner-radius-Medium);
border-radius: var(--Corner-radius-md);
background-color: var(--Surface-Primary-Default);
box-shadow: var(--popup-box-shadow);
max-width: 340px;

4
apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsHeader/RoomPackageFilter/Form/Checkboxes/checkbox.module.css
View File

@@ -15,7 +15,7 @@
gap: var(--Space-x15);
padding: var(--Space-x1) var(--Space-x15);
cursor: pointer;
border-radius: var(--Corner-radius-Medium);
border-radius: var(--Corner-radius-md);
transition: background-color 0.3s;
color: var(--Text-Default);
@@ -53,7 +53,7 @@
height: 24px;
min-width: 24px;
border: 1px solid var(--Border-Interactive-Default);
border-radius: var(--Corner-radius-Small);
border-radius: var(--Corner-radius-sm);
transition: all 0.3s;
display: flex;
align-items: center;

2
apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsHeader/RoomPackageFilter/roomPackageFilter.module.css
View File

@@ -74,7 +74,7 @@
align-items: center;
padding: var(--Space-x1);
gap: var(--Space-x05);
border-radius: var(--Corner-radius-Small);
border-radius: var(--Corner-radius-sm);
background-color: var(--Surface-Secondary-Default-dark);
color: var(--Text-Interactive-Default);
}

4
apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/RoomImage/image.module.css
View File

@@ -2,7 +2,7 @@
margin: 0 calc(-1 * var(--Spacing-x2));
min-height: 190px;
position: relative;
border-radius: var(--Corner-radius-Large) var(--Corner-radius-Large) 0 0;
border-radius: var(--Corner-radius-lg) var(--Corner-radius-lg) 0 0;
}
div[data-multiroom="true"] .imageContainer {
@@ -21,7 +21,7 @@ div[data-multiroom="true"] .imageContainer {
.chip {
background-color: var(--Main-Grey-White);
border-radius: var(--Corner-radius-Small);
border-radius: var(--Corner-radius-sm);
padding: var(--Spacing-x-half) var(--Spacing-x1);
}

2
apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/RoomNotAvailable/notAvailable.module.css
View File

@@ -1,6 +1,6 @@
.noRooms {
background-color: var(--Base-Surface-Secondary-light-Normal);
border-radius: var(--Corner-radius-Medium);
border-radius: var(--Corner-radius-md);
display: flex;
gap: var(--Spacing-x1);
margin: 0;

2
apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/roomListItem.module.css
View File

@@ -2,7 +2,7 @@
align-content: flex-start;
background-color: #fff;
border: 1px solid var(--Base-Border-Subtle);
border-radius: var(--Corner-radius-Large);
border-radius: var(--Corner-radius-lg);
display: grid;
font-size: 14px;
gap: var(--Spacing-x-one-and-half);

2
apps/scandic-web/components/HotelReservation/SidePanel/sidePanel.module.css
View File

@@ -36,7 +36,7 @@
.wrapper {
background-color: var(--Main-Grey-White);
border-color: var(--Primary-Light-On-Surface-Divider-subtle);
border-radius: var(--Corner-radius-Large) var(--Corner-radius-Large) 0 0;
border-radius: var(--Corner-radius-lg) var(--Corner-radius-lg) 0 0;
border-style: solid;
border-width: 1px;
border-bottom: none;

4
apps/scandic-web/components/HotelReservation/SignupPromo/signupPromo.module.css
View File

@@ -9,8 +9,8 @@
.memberDiscountBannerDesktop {
display: none;
background: var(--Primary-Light-Surface-Normal);
border-radius: var(--Corner-radius-xLarge) var(--Corner-radius-xLarge) 0px
var(--Corner-radius-xLarge);
border-radius: var(--Corner-radius-xl) var(--Corner-radius-xl) 0px
var(--Corner-radius-xl);
align-items: center;
padding: var(--Spacing-x-one-and-half) var(--Spacing-x2);
gap: var(--Spacing-x2);

2
apps/scandic-web/components/HotelReservation/TripAdvisorChip/tripAdvisorChip.module.css
View File

@@ -11,5 +11,5 @@
gap: var(--Spacing-x-half);
background-color: var(--Base-Surface-Primary-light-Normal);
padding: var(--Spacing-x-quarter) var(--Spacing-x1);
border-radius: var(--Corner-radius-Small);
border-radius: var(--Corner-radius-sm);
}