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

* 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

View File

@@ -8,7 +8,7 @@
.bookingCode {
height: 60px;
background-color: var(--Background-Primary);
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
padding: var(--Space-x1) var(--Space-x15);
border: 2px solid transparent;
}
@@ -17,7 +17,7 @@
.bookingCode:has([data-focused="true"]),
.bookingCode:has([data-pressed="true"]) {
background-color: var(--Surface-Primary-Hover);
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
border-color: var(--Border-Interactive-Focus);
}
@@ -98,7 +98,7 @@
@media screen and (min-width: 1367px) {
.container:hover {
background-color: var(--Surface-Primary-Hover);
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
}
.bookingCodeRememberVisible {

View File

@@ -2,7 +2,7 @@
align-items: center;
color: var(--Component-Button-Brand-Secondary-On-fill-Default);
border: none;
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
cursor: pointer;
display: flex;
gap: var(--Space-x05);

View File

@@ -1,6 +1,6 @@
.dialog {
background-color: var(--Base-Surface-Primary-light-Normal);
border-radius: var(--Corner-radius-lg);
border-radius: var(--Corner-Radius-lg);
display: flex;
flex-direction: column;

View File

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

View File

@@ -2,7 +2,7 @@
border-color: transparent;
border-style: solid;
border-width: 1px;
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
padding: var(--Space-x1) var(--Space-x15);
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-Strong);
border-radius: var(--Corner-radius-rounded);
border-radius: var(--Corner-Radius-Rounded);
height: auto;
}

View File

@@ -2,7 +2,7 @@
position: absolute;
top: calc(100% + var(--Space-x2));
background: var(--Surface-Primary-Default);
border-radius: var(--Corner-radius-lg);
border-radius: var(--Corner-Radius-lg);
box-shadow: 0px 0px 14px 6px rgba(0, 0, 0, 0.1);
padding: var(--Space-x15);
max-width: min(100vw, calc(360px - var(--Space-x2)));

View File

@@ -80,7 +80,7 @@
.when,
.where {
background-color: var(--Background-Primary);
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
}
.rooms,
@@ -114,14 +114,14 @@
gap: var(--Space-x2);
}
.voucherContainer {
border-radius: 0 0 var(--Corner-radius-md) var(--Corner-radius-md);
border-radius: 0 0 var(--Corner-Radius-md) var(--Corner-Radius-md);
}
.rooms,
.when,
.where {
width: 100%;
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
}
.inputContainer input[type="text"] {

View File

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