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/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);
}