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
@@ -4,7 +4,7 @@
gap: var(--Spacing-x-half);
padding: calc(var(--Spacing-x1) - 2px) var(--Spacing-x-one-and-half);
border: 1px solid var(--Base-Border-Subtle);
border-radius: var(--Corner-radius-Small);
border-radius: var(--Corner-radius-sm);
background-color: var(--Base-Surface-Secondary-light-Normal);
cursor: pointer;
height: 32px;
@@ -4,7 +4,7 @@
border-color: var(--Scandic-Beige-40);
border-style: solid;
border-width: 1px;
border-radius: var(--Corner-radius-Medium);
border-radius: var(--Corner-radius-md);
display: grid;
min-width: 0; /* allow shrinkage */
height: 60px;
@@ -4,7 +4,7 @@
border-color: var(--Scandic-Beige-40);
border-style: solid;
border-width: 1px;
border-radius: var(--Corner-radius-Medium);
border-radius: var(--Corner-radius-md);
display: grid;
height: 60px;
padding: var(--Spacing-x1) var(--Spacing-x2);
@@ -36,7 +36,7 @@
.phone :global(.react-international-phone-country-selector-dropdown) {
background: var(--Main-Grey-White);
border-radius: var(--Corner-radius-Medium);
border-radius: var(--Corner-radius-md);
box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08);
gap: var(--Spacing-x1);
outline: none;
@@ -45,7 +45,7 @@
.phone
:global(.react-international-phone-country-selector-dropdown__list-item) {
border-radius: var(--Corner-radius-Medium);
border-radius: var(--Corner-radius-md);
padding: var(--Spacing-x1) var(--Spacing-x1) var(--Spacing-x1)
var(--Spacing-x-one-and-half);
}
@@ -61,7 +61,7 @@
border-color: var(--Scandic-Beige-40);
border-style: solid;
border-width: 1px;
border-radius: var(--Corner-radius-Medium);
border-radius: var(--Corner-radius-md);
display: grid;
gap: var(--Spacing-x-half);
grid-template-rows: auto auto;
@@ -46,7 +46,7 @@
width: 32px;
height: 32px;
border: 2px solid var(--Base-Border-Inverted);
border-radius: var(--Corner-radius-Rounded);
border-radius: var(--Corner-radius-rounded);
background-color: var(--Surface-Feedback-Succes-Accent);
}
@@ -17,7 +17,7 @@
border-color: var(--Scandic-Beige-40);
border-style: solid;
border-width: 1px;
border-radius: var(--Corner-radius-Medium);
border-radius: var(--Corner-radius-md);
display: grid;
min-width: 0; /* allow shrinkage */
grid-template-rows: auto 1fr;