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

@@ -7,7 +7,7 @@
.bookingCode {
height: 60px;
background-color: var(--Base-Background-Primary-Normal);
border-radius: var(--Corner-radius-Medium);
border-radius: var(--Corner-radius-md);
padding: var(--Spacing-x1) var(--Spacing-x-one-and-half);
}
@@ -101,7 +101,7 @@
.container:focus-within,
.container:has([data-focused="true"], [data-pressed="true"]) {
background-color: var(--Base-Surface-Primary-light-Hover-alt);
border-radius: var(--Corner-radius-Medium);
border-radius: var(--Corner-radius-md);
}
.bookingCodeRememberVisible {

View File

@@ -1,7 +1,7 @@
.button {
align-items: center;
border: none;
border-radius: var(--Corner-radius-Medium);
border-radius: var(--Corner-radius-md);
cursor: pointer;
display: flex;
gap: var(--Spacing-x-half);

View File

@@ -1,6 +1,6 @@
.dialog {
background-color: var(--Base-Surface-Primary-light-Normal);
border-radius: var(--Corner-radius-Large);
border-radius: var(--Corner-radius-lg);
display: flex;
flex-direction: column;
@@ -31,10 +31,10 @@
.dialog {
position: absolute;
width: 360px;
/**
* var(--Spacing-x4) to account for padding inside
/**
* var(--Spacing-x4) to account for padding inside
* the bookingwidget and to add the padding for the
* box itself
* box itself
*/
top: calc(100% + var(--Spacing-x4));
z-index: 99;

View File

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

View File

@@ -2,7 +2,7 @@
border-color: transparent;
border-style: solid;
border-width: 1px;
border-radius: var(--Corner-radius-Small);
border-radius: var(--Corner-radius-sm);
padding: var(--Spacing-x1) var(--Spacing-x-one-and-half);
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-Intense);
border-radius: var(--Corner-radius-Rounded);
border-radius: var(--Corner-radius-rounded);
height: auto;
}

View File

@@ -41,7 +41,7 @@
.when,
.where {
background-color: var(--Base-Background-Primary-Normal);
border-radius: var(--Corner-radius-Medium);
border-radius: var(--Corner-radius-md);
}
.rooms,
@@ -97,7 +97,7 @@
.rooms,
.when {
padding: var(--Spacing-x1) var(--Spacing-x-one-and-half);
border-radius: var(--Corner-radius-Small);
border-radius: var(--Corner-radius-sm);
}
.when:hover,

View File

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