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

@@ -1,5 +1,5 @@
.summary {
border-radius: var(--Corner-radius-lg);
border-radius: var(--Corner-Radius-lg);
display: grid;
gap: var(--Space-x2);
padding: var(--Space-x3);

View File

@@ -1,5 +1,5 @@
.summary {
border-radius: var(--Corner-radius-lg);
border-radius: var(--Corner-Radius-lg);
display: flex;
flex-direction: column;
gap: var(--Space-x2);

View File

@@ -10,13 +10,13 @@
}
.imageContainer {
border-radius: var(--Corner-radius-sm);
border-radius: var(--Corner-Radius-sm);
display: flex;
grid-area: image;
}
.img {
border-radius: var(--Corner-radius-sm);
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-lg);
border-radius: var(--Corner-Radius-lg);
display: flex;
flex-direction: column;
padding: var(--Space-x3);

View File

@@ -15,7 +15,7 @@
gap: var(--Space-x15);
padding: var(--Space-x1) var(--Space-x15);
cursor: pointer;
border-radius: var(--Corner-radius-md);
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-sm);
border-radius: var(--Corner-Radius-sm);
transition: all 0.3s;
display: flex;
align-items: center;

View File

@@ -34,7 +34,7 @@
left: 0;
right: 0;
padding: var(--Space-x2) var(--Space-x05);
border-radius: var(--Corner-radius-md) var(--Corner-radius-md) 0 0;
border-radius: var(--Corner-Radius-md) var(--Corner-Radius-md) 0 0;
background-color: var(--Surface-Primary-Default);
box-shadow: 0px 0px 14px 6px rgba(0, 0, 0, 0.1);
@@ -77,7 +77,7 @@
align-items: center;
padding: var(--Space-x1);
gap: var(--Space-x05);
border-radius: var(--Corner-radius-sm);
border-radius: var(--Corner-Radius-sm);
background-color: var(--Surface-Secondary-Subtle);
color: var(--Text-Interactive-Default);
}
@@ -154,7 +154,7 @@
.popover {
padding: var(--Space-x2);
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
background-color: var(--Surface-Primary-Default);
box-shadow: 0px 0px 14px 6px rgba(0, 0, 0, 0.1);
max-width: 340px;

View File

@@ -2,7 +2,7 @@
margin: 0 calc(-1 * var(--Space-x2));
height: 190px;
position: relative;
border-radius: var(--Corner-radius-lg) var(--Corner-radius-lg) 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-sm);
border-radius: var(--Corner-Radius-sm);
padding: var(--Space-x05) var(--Space-x1);
}

View File

@@ -1,6 +1,6 @@
.noRooms {
background-color: var(--Base-Surface-Secondary-light-Normal);
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
display: flex;
gap: var(--Space-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-lg);
border-radius: var(--Corner-Radius-lg);
display: flex;
flex-direction: column;
justify-content: space-between;