chore: replace old border-radius variables with new tokens

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

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 {

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

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;

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

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;

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;

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

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

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;

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