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

feat(BOOK-391): Added theme and logos for Bassin Seven

Browse Source 
* chore: Updated border-radius variables after import change

Approved-by: Linus Flood
This commit is contained in:
Erik Tiekstra
2026-01-22 07:03:25 +00:00
parent ef98c4b552
commit 4de24e9f2a
297 changed files with 5252 additions and 648 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/design-system/lib/components/Form/Country/country.module.css
View File

@@ -1,7 +1,7 @@
.select {
background-color: var(--Surface-UI-Fill-Default);
border: 1px solid var(--Border-Interactive-Default);
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
position: relative;
height: 56px;
@@ -59,7 +59,7 @@
.inner {
align-items: center;
box-sizing: border-box;
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
display: flex;
gap: var(--Space-x1);
padding: var(--Space-x15);
@@ -129,7 +129,7 @@
.popover {
background-color: var(--Surface-Primary-Default);
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
box-shadow: 0 0 14px 6px rgb(0 0 0 / 10%);
display: inline-flex;
flex-direction: column;
@@ -151,7 +151,7 @@
.listBoxItem {
align-items: center;
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
color: var(--Text-Default);
display: flex;
gap: var(--Space-x1);

2
packages/design-system/lib/components/Form/PaymentOption/paymentOption.module.css
View File

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

6
packages/design-system/lib/components/Form/Phone/phone.module.css
View File

@@ -39,7 +39,7 @@
.phone :global(.react-international-phone-country-selector-dropdown) {
background: var(--Main-Grey-White);
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08);
gap: var(--Space-x1);
outline: none;
@@ -48,7 +48,7 @@
.phone
:global(.react-international-phone-country-selector-dropdown__list-item) {
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
padding: var(--Space-x1) var(--Space-x1) var(--Space-x1) var(--Space-x15);
font-family: var(--Body-Paragraph-Font-family);
}
@@ -64,7 +64,7 @@
border-color: var(--Border-Interactive-Default);
border-style: solid;
border-width: 1px;
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
display: grid;
gap: var(--Space-x05);
grid-template-rows: auto auto;

2
packages/design-system/lib/components/Form/RadioButtonsGroup/radioButtonsGroup.module.css
View File

@@ -9,7 +9,7 @@
background: var(--Surface-Primary-Default);
padding: var(--Space-x15) var(--Space-x2);
outline: 1px solid var(--Border-Interactive-Default);
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
display: flex;
align-items: center;
justify-content: space-between;

4
packages/design-system/lib/components/Form/RadioCard/radioCard.module.css
View File

@@ -7,7 +7,7 @@
grid-template-areas:
"icon subtitleSecondary"
"title subtitle";
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
border: 1px solid var(--Border-Strong);
background: var(--Surface-Primary-Default);
padding: var(--Space-x2) var(--Space-x3);
@@ -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);
}