diff --git a/apps/scandic-web/app/[lang]/(live)/(protected)/my-pages/[...path]/page.module.css b/apps/scandic-web/app/[lang]/(live)/(protected)/my-pages/[...path]/page.module.css
index e4f2c943f..2aabf427a 100644
--- a/apps/scandic-web/app/[lang]/(live)/(protected)/my-pages/[...path]/page.module.css
+++ b/apps/scandic-web/app/[lang]/(live)/(protected)/my-pages/[...path]/page.module.css
@@ -5,7 +5,7 @@
align-items: flex-end;
justify-content: center;
padding: var(--Space-x4);
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
overflow: hidden;
&::after {
diff --git a/apps/scandic-web/app/[lang]/(live)/(protected)/my-pages/profile/edit/page.module.css b/apps/scandic-web/app/[lang]/(live)/(protected)/my-pages/profile/edit/page.module.css
index 2981f6f46..0e59d024f 100644
--- a/apps/scandic-web/app/[lang]/(live)/(protected)/my-pages/profile/edit/page.module.css
+++ b/apps/scandic-web/app/[lang]/(live)/(protected)/my-pages/profile/edit/page.module.css
@@ -1,6 +1,6 @@
.container {
background-color: var(--Main-Grey-White);
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
display: grid;
gap: var(--Space-x3);
padding: var(--Space-x2) var(--Space-x2) var(--Space-x4);
diff --git a/apps/scandic-web/app/[lang]/(no-layout)/(protected)/link-employment-error/linkEmploymentError.module.css b/apps/scandic-web/app/[lang]/(no-layout)/(protected)/link-employment-error/linkEmploymentError.module.css
index 70f54d5d6..229f8b6d4 100644
--- a/apps/scandic-web/app/[lang]/(no-layout)/(protected)/link-employment-error/linkEmploymentError.module.css
+++ b/apps/scandic-web/app/[lang]/(no-layout)/(protected)/link-employment-error/linkEmploymentError.module.css
@@ -60,7 +60,7 @@
margin-right: auto;
background: var(--Background-Primary);
padding: var(--Space-x5);
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
display: grid;
gap: var(--Space-x3);
}
@@ -89,7 +89,7 @@
height: 24px;
min-width: 24px;
border: 1px solid var(--UI-Input-Controls-Border-Normal);
- border-radius: var(--Corner-radius-sm);
+ border-radius: var(--Corner-Radius-sm);
transition: all 0.3s;
display: flex;
align-items: center;
diff --git a/apps/scandic-web/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/components/SASModal.module.css b/apps/scandic-web/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/components/SASModal.module.css
index b87859a52..103354c48 100644
--- a/apps/scandic-web/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/components/SASModal.module.css
+++ b/apps/scandic-web/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/components/SASModal.module.css
@@ -7,12 +7,12 @@
width: 100%;
padding: var(--Space-x3) var(--Space-x3) var(--Space-x4);
text-align: center;
- border-radius: var(--Corner-radius-md) var(--Corner-radius-md) 0 0;
+ border-radius: var(--Corner-Radius-md) var(--Corner-Radius-md) 0 0;
margin-top: auto;
@media screen and (min-width: 768px) {
& {
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
margin-top: initial;
width: 560px;
}
diff --git a/apps/scandic-web/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/otp/OneTimePasswordForm.module.css b/apps/scandic-web/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/otp/OneTimePasswordForm.module.css
index 6574077d9..8cd3dc88c 100644
--- a/apps/scandic-web/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/otp/OneTimePasswordForm.module.css
+++ b/apps/scandic-web/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/otp/OneTimePasswordForm.module.css
@@ -7,12 +7,12 @@
width: 100%;
padding: var(--Space-x3);
text-align: center;
- border-radius: var(--Corner-radius-md) var(--Corner-radius-md) 0 0;
+ border-radius: var(--Corner-Radius-md) var(--Corner-Radius-md) 0 0;
margin-top: auto;
@media screen and (min-width: 768px) {
& {
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
margin-top: initial;
width: 512px;
}
@@ -44,7 +44,7 @@
padding: var(--Space-x3) 0;
font-family: var(--typography-Body-Regular-fontFamily);
border: 1px solid var(--Base-Border-Normal);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
text-align: center;
&.active {
diff --git a/apps/scandic-web/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/transfer/success/transferSuccess.module.css b/apps/scandic-web/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/transfer/success/transferSuccess.module.css
index 05fdce174..b6517b710 100644
--- a/apps/scandic-web/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/transfer/success/transferSuccess.module.css
+++ b/apps/scandic-web/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/transfer/success/transferSuccess.module.css
@@ -17,7 +17,7 @@
display: flex;
flex-direction: column;
gap: var(--Space-x3);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
align-items: center;
width: 100%;
}
diff --git a/apps/scandic-web/components/Blocks/CampaignHotelListing/HotelListingItem/hotelListingItem.module.css b/apps/scandic-web/components/Blocks/CampaignHotelListing/HotelListingItem/hotelListingItem.module.css
index 16198e5eb..afb8f7c7d 100644
--- a/apps/scandic-web/components/Blocks/CampaignHotelListing/HotelListingItem/hotelListingItem.module.css
+++ b/apps/scandic-web/components/Blocks/CampaignHotelListing/HotelListingItem/hotelListingItem.module.css
@@ -1,5 +1,5 @@
.hotelListingItem {
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
overflow: hidden;
display: grid;
grid-template-rows: auto 1fr auto;
@@ -23,7 +23,7 @@
gap: var(--Space-x05);
background-color: var(--Surface-Primary-Default);
padding: var(--Space-x025) var(--Space-x1);
- border-radius: var(--Corner-radius-sm);
+ border-radius: var(--Corner-Radius-sm);
color: var(--Text-Interactive-Default);
}
diff --git a/apps/scandic-web/components/Blocks/DynamicContent/HowItWorks/howItWorks.module.css b/apps/scandic-web/components/Blocks/DynamicContent/HowItWorks/howItWorks.module.css
index b91d7372a..6bc808b38 100644
--- a/apps/scandic-web/components/Blocks/DynamicContent/HowItWorks/howItWorks.module.css
+++ b/apps/scandic-web/components/Blocks/DynamicContent/HowItWorks/howItWorks.module.css
@@ -1,7 +1,7 @@
.container {
align-items: center;
background-color: var(--UI-Grey-10);
- border-radius: var(--Corner-radius-xl);
+ border-radius: var(--Corner-Radius-xl);
display: flex;
height: 370px;
justify-content: center;
diff --git a/apps/scandic-web/components/Blocks/DynamicContent/JobylonFeed/JobylonCard/jobylonCard.module.css b/apps/scandic-web/components/Blocks/DynamicContent/JobylonFeed/JobylonCard/jobylonCard.module.css
index 791d1a300..f0d3f38b4 100644
--- a/apps/scandic-web/components/Blocks/DynamicContent/JobylonFeed/JobylonCard/jobylonCard.module.css
+++ b/apps/scandic-web/components/Blocks/DynamicContent/JobylonFeed/JobylonCard/jobylonCard.module.css
@@ -4,7 +4,7 @@
padding: var(--Space-x2);
background-color: var(--Base-Surface-Primary-light-Normal);
border: 1px solid var(--Base-Border-Subtle);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
}
.deadline {
diff --git a/apps/scandic-web/components/Blocks/DynamicContent/LoyaltyLevels/loyaltyLevels.module.css b/apps/scandic-web/components/Blocks/DynamicContent/LoyaltyLevels/loyaltyLevels.module.css
index 8aced1d52..a6535f5dd 100644
--- a/apps/scandic-web/components/Blocks/DynamicContent/LoyaltyLevels/loyaltyLevels.module.css
+++ b/apps/scandic-web/components/Blocks/DynamicContent/LoyaltyLevels/loyaltyLevels.module.css
@@ -14,7 +14,7 @@
.card {
background-color: var(--Scandic-Brand-Pale-Peach);
- border-radius: var(--Corner-radius-xl);
+ border-radius: var(--Corner-Radius-xl);
display: grid;
gap: var(--Space-x2);
min-height: 280px;
diff --git a/apps/scandic-web/components/Blocks/DynamicContent/Overview/MembershipOverviewCard/membershipOverviewCard.module.css b/apps/scandic-web/components/Blocks/DynamicContent/Overview/MembershipOverviewCard/membershipOverviewCard.module.css
index 6770c3212..10504693d 100644
--- a/apps/scandic-web/components/Blocks/DynamicContent/Overview/MembershipOverviewCard/membershipOverviewCard.module.css
+++ b/apps/scandic-web/components/Blocks/DynamicContent/Overview/MembershipOverviewCard/membershipOverviewCard.module.css
@@ -1,6 +1,6 @@
.card {
background-color: var(--Surface-Brand-Primary-3-Default);
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
padding: var(--Space-x3) var(--Space-x2);
position: relative;
min-height: 200px;
diff --git a/apps/scandic-web/components/Blocks/DynamicContent/Overview/overview.module.css b/apps/scandic-web/components/Blocks/DynamicContent/Overview/overview.module.css
index afc4fdd57..e71afc610 100644
--- a/apps/scandic-web/components/Blocks/DynamicContent/Overview/overview.module.css
+++ b/apps/scandic-web/components/Blocks/DynamicContent/Overview/overview.module.css
@@ -3,7 +3,7 @@
}
.teamMemberCardButton {
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
color: var(--Text-Brand-OnPrimary-3-Accent);
&:focus,
diff --git a/apps/scandic-web/components/Blocks/DynamicContent/OverviewTable/LargeTable/largeTable.module.css b/apps/scandic-web/components/Blocks/DynamicContent/OverviewTable/LargeTable/largeTable.module.css
index 048fd7451..7cdbdeb9f 100644
--- a/apps/scandic-web/components/Blocks/DynamicContent/OverviewTable/LargeTable/largeTable.module.css
+++ b/apps/scandic-web/components/Blocks/DynamicContent/OverviewTable/LargeTable/largeTable.module.css
@@ -2,7 +2,7 @@
border: none;
border-collapse: collapse;
background-color: var(--UI-Opacity-White-100);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
color: var(--UI-Grey-100);
}
diff --git a/apps/scandic-web/components/Blocks/DynamicContent/OverviewTable/LevelSummary/levelSummary.module.css b/apps/scandic-web/components/Blocks/DynamicContent/OverviewTable/LevelSummary/levelSummary.module.css
index 399dff102..4d4a4290d 100644
--- a/apps/scandic-web/components/Blocks/DynamicContent/OverviewTable/LevelSummary/levelSummary.module.css
+++ b/apps/scandic-web/components/Blocks/DynamicContent/OverviewTable/LevelSummary/levelSummary.module.css
@@ -7,7 +7,7 @@
}
.levelRequirements {
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
background-color: var(--Scandic-Brand-Pale-Peach);
color: var(--Scandic-Peach-80);
padding: var(--Space-x05) var(--Space-x1);
diff --git a/apps/scandic-web/components/Blocks/DynamicContent/OverviewTable/overviewTable.module.css b/apps/scandic-web/components/Blocks/DynamicContent/OverviewTable/overviewTable.module.css
index ad92a04cc..e4af4c558 100644
--- a/apps/scandic-web/components/Blocks/DynamicContent/OverviewTable/overviewTable.module.css
+++ b/apps/scandic-web/components/Blocks/DynamicContent/OverviewTable/overviewTable.module.css
@@ -11,7 +11,7 @@
display: none;
position: relative;
background-color: var(--UI-Opacity-White-100);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
}
.mobileColumns {
@@ -48,7 +48,7 @@
.columnHeader:nth-child(2) {
padding-left: var(--Space-x1);
- border-top-left-radius: var(--Corner-radius-md);
+ border-top-left-radius: var(--Corner-Radius-md);
}
.columnHeader:nth-child(2):has(+ .columnHeader) {
@@ -76,7 +76,7 @@
grid-template-columns: 1fr 1fr 1fr;
}
.columnHeader:nth-child(2) {
- border-top-right-radius: var(--Corner-radius-md);
+ border-top-right-radius: var(--Corner-Radius-md);
}
.columns {
diff --git a/apps/scandic-web/components/Blocks/DynamicContent/Points/ExpiringPoints/ExpiringPointsTable/expiringPointsTable.module.css b/apps/scandic-web/components/Blocks/DynamicContent/Points/ExpiringPoints/ExpiringPointsTable/expiringPointsTable.module.css
index ede2be4bb..749234c4c 100644
--- a/apps/scandic-web/components/Blocks/DynamicContent/Points/ExpiringPoints/ExpiringPointsTable/expiringPointsTable.module.css
+++ b/apps/scandic-web/components/Blocks/DynamicContent/Points/ExpiringPoints/ExpiringPointsTable/expiringPointsTable.module.css
@@ -2,11 +2,11 @@
display: flex;
flex-direction: column;
overflow-x: auto;
- border-radius: var(--Corner-radius-sm);
+ border-radius: var(--Corner-Radius-sm);
}
@media screen and (min-width: 768px) {
.container {
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
}
}
diff --git a/apps/scandic-web/components/Blocks/DynamicContent/Points/PointTransactions/PointTransactionList/pointTransactionList.module.css b/apps/scandic-web/components/Blocks/DynamicContent/Points/PointTransactions/PointTransactionList/pointTransactionList.module.css
index 2725c99e6..2364e71e2 100644
--- a/apps/scandic-web/components/Blocks/DynamicContent/Points/PointTransactions/PointTransactionList/pointTransactionList.module.css
+++ b/apps/scandic-web/components/Blocks/DynamicContent/Points/PointTransactions/PointTransactionList/pointTransactionList.module.css
@@ -5,7 +5,7 @@
}
.list {
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
border: 1px solid var(--Border-Default);
background: var(--Surface-Primary-Default);
}
@@ -29,8 +29,8 @@
}
.yearHeader:first-child {
- border-radius: calc(var(--Corner-radius-md) - 1px)
- calc(var(--Corner-radius-md) - 1px) 0 0;
+ border-radius: calc(var(--Corner-Radius-md) - 1px)
+ calc(var(--Corner-Radius-md) - 1px) 0 0;
}
.listContent {
@@ -59,7 +59,7 @@
flex-direction: column;
align-items: center;
justify-content: center;
- border-radius: var(--Corner-radius-sm);
+ border-radius: var(--Corner-Radius-sm);
color: var(--Text-Tertiary);
background: var(--Surface-Secondary-Default, #f2ece6);
}
diff --git a/apps/scandic-web/components/Blocks/DynamicContent/Points/PointsToSpendCard/PointsToSpendCard.module.css b/apps/scandic-web/components/Blocks/DynamicContent/Points/PointsToSpendCard/PointsToSpendCard.module.css
index 656e11089..bd9f5fb6f 100644
--- a/apps/scandic-web/components/Blocks/DynamicContent/Points/PointsToSpendCard/PointsToSpendCard.module.css
+++ b/apps/scandic-web/components/Blocks/DynamicContent/Points/PointsToSpendCard/PointsToSpendCard.module.css
@@ -1,6 +1,6 @@
.card {
background: var(--Surface-Brand-Primary-1-Default);
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
padding: var(--Space-x3) var(--Space-x2);
position: relative;
min-height: 200px;
@@ -44,7 +44,7 @@
.description {
margin-top: auto;
padding: var(--Space-x2);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
background: var(--Surface-Primary-Default);
}
@@ -61,7 +61,7 @@
justify-content: center;
align-items: flex-start;
gap: var(--Space-x1);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
background: var(--Surface-Primary-Default);
}
diff --git a/apps/scandic-web/components/Blocks/DynamicContent/Rewards/CurrentRewards/current.module.css b/apps/scandic-web/components/Blocks/DynamicContent/Rewards/CurrentRewards/current.module.css
index 954f448af..32738ed0c 100644
--- a/apps/scandic-web/components/Blocks/DynamicContent/Rewards/CurrentRewards/current.module.css
+++ b/apps/scandic-web/components/Blocks/DynamicContent/Rewards/CurrentRewards/current.module.css
@@ -9,7 +9,7 @@
.card {
background-color: var(--UI-Opacity-White-100);
border: 1px solid var(--Base-Border-Subtle);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
display: flex;
flex-direction: column;
justify-content: space-between;
diff --git a/apps/scandic-web/components/Blocks/DynamicContent/Rewards/NextLevel/next.module.css b/apps/scandic-web/components/Blocks/DynamicContent/Rewards/NextLevel/next.module.css
index 0c97843bd..b1e12eed2 100644
--- a/apps/scandic-web/components/Blocks/DynamicContent/Rewards/NextLevel/next.module.css
+++ b/apps/scandic-web/components/Blocks/DynamicContent/Rewards/NextLevel/next.module.css
@@ -1,7 +1,7 @@
.card {
align-items: center;
background-color: var(--Scandic-Brand-Burgundy);
- border-radius: var(--Corner-radius-sm);
+ border-radius: var(--Corner-Radius-sm);
display: flex;
flex-direction: column;
gap: var(--Space-x2);
diff --git a/apps/scandic-web/components/Blocks/DynamicContent/Rewards/Redeem/redeem.module.css b/apps/scandic-web/components/Blocks/DynamicContent/Rewards/Redeem/redeem.module.css
index 723981a41..ae14a29e7 100644
--- a/apps/scandic-web/components/Blocks/DynamicContent/Rewards/Redeem/redeem.module.css
+++ b/apps/scandic-web/components/Blocks/DynamicContent/Rewards/Redeem/redeem.module.css
@@ -41,7 +41,7 @@
.modal {
background-color: var(--Base-Surface-Primary-light-Normal);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
box-shadow: var(--modal-box-shadow);
width: 100%;
max-height: 90vh;
@@ -124,7 +124,7 @@
}
.rewardBadge {
- border-radius: var(--Corner-radius-sm);
+ border-radius: var(--Corner-Radius-sm);
padding: var(--Space-x1) var(--Space-x15);
background: var(--Base-Surface-Secondary-light-Normal);
display: grid;
diff --git a/apps/scandic-web/components/Blocks/DynamicContent/SAS/LinkAccountBanner/linkAccountBanner.module.css b/apps/scandic-web/components/Blocks/DynamicContent/SAS/LinkAccountBanner/linkAccountBanner.module.css
index 8678f64aa..96ebe0ba3 100644
--- a/apps/scandic-web/components/Blocks/DynamicContent/SAS/LinkAccountBanner/linkAccountBanner.module.css
+++ b/apps/scandic-web/components/Blocks/DynamicContent/SAS/LinkAccountBanner/linkAccountBanner.module.css
@@ -1,7 +1,7 @@
.container {
position: relative;
overflow: hidden;
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
background: linear-gradient(
to right,
var(--Scandic-Blue-60),
diff --git a/apps/scandic-web/components/Blocks/DynamicContent/SAS/LinkedAccounts/linkedAccounts.module.css b/apps/scandic-web/components/Blocks/DynamicContent/SAS/LinkedAccounts/linkedAccounts.module.css
index 3fcb41d78..ae3dd6943 100644
--- a/apps/scandic-web/components/Blocks/DynamicContent/SAS/LinkedAccounts/linkedAccounts.module.css
+++ b/apps/scandic-web/components/Blocks/DynamicContent/SAS/LinkedAccounts/linkedAccounts.module.css
@@ -33,7 +33,7 @@
width: 100%;
background-color: var(--Surface-Primary-On-Surface-Default);
border: 1px solid var(--Border-Default);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
box-shadow:
0px 0px 4px 2px rgba(0, 0, 0, 0.1),
0px 4px 4px 0px rgba(255, 255, 255, 0.29) inset;
@@ -67,7 +67,7 @@
width: 100%;
justify-content: space-between;
border: 1px solid var(--Border-Divider-Accent);
- border-radius: var(--Corner-radius-sm);
+ border-radius: var(--Corner-Radius-sm);
padding: var(--Space-x2);
background:
linear-gradient(
diff --git a/apps/scandic-web/components/Blocks/DynamicContent/SAS/TransferPoints/transferPoints.module.css b/apps/scandic-web/components/Blocks/DynamicContent/SAS/TransferPoints/transferPoints.module.css
index af265066b..db7b45d76 100644
--- a/apps/scandic-web/components/Blocks/DynamicContent/SAS/TransferPoints/transferPoints.module.css
+++ b/apps/scandic-web/components/Blocks/DynamicContent/SAS/TransferPoints/transferPoints.module.css
@@ -13,7 +13,7 @@
gap: var(--Space-x3);
padding: var(--Space-x3) var(--Space-x9);
background-color: var(--Background-Secondary);
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.1);
margin-top: var(--Space-x9);
}
@@ -100,7 +100,7 @@
display: block;
position: absolute;
background-color: var(--Border-Divider-Accent);
- border-radius: var(--Corner-radius-sm);
+ border-radius: var(--Corner-Radius-sm);
opacity: 0.3;
transition: background-color 300ms ease;
}
@@ -112,7 +112,7 @@
position: relative;
top: 50%;
transform: translateY(-50%);
- border-radius: var(--Corner-radius-sm);
+ border-radius: var(--Corner-Radius-sm);
}
.sliderOutput {
@@ -123,7 +123,7 @@
background-color: var(--Surface-Brand-Primary-1-OnSurface-Default);
color: var(--Text-Brand-OnPrimary-2-Accent);
padding: var(--Space-x05) var(--Space-x1);
- border-radius: var(--Corner-radius-sm);
+ border-radius: var(--Corner-Radius-sm);
opacity: 0;
transition:
opacity 0.15s,
@@ -226,7 +226,7 @@
}
.pointsOutput {
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
background-color: var(--Surface-Primary-Disabled);
height: 100%;
color: var(--Text-Tertiary);
diff --git a/apps/scandic-web/components/Blocks/DynamicContent/Stays/NextStay/nextStay.module.css b/apps/scandic-web/components/Blocks/DynamicContent/Stays/NextStay/nextStay.module.css
index 1194da58d..3765f8b0a 100644
--- a/apps/scandic-web/components/Blocks/DynamicContent/Stays/NextStay/nextStay.module.css
+++ b/apps/scandic-web/components/Blocks/DynamicContent/Stays/NextStay/nextStay.module.css
@@ -1,5 +1,5 @@
.nextStayCard {
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
border: 1px solid var(--Border-Default);
overflow: hidden;
display: flex;
@@ -11,7 +11,7 @@
position: relative;
width: 100%;
aspect-ratio: 16/9;
- border-radius: var(--Corner-radius-lg) var(--Corner-radius-lg) 0 0;
+ border-radius: var(--Corner-Radius-lg) var(--Corner-Radius-lg) 0 0;
background:
linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%),
lightgray 50% / cover no-repeat,
@@ -148,7 +148,7 @@
flex: 1;
aspect-ratio: 16/9;
width: 100%;
- border-radius: var(--Corner-radius-lg) 0 0 var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg) 0 0 var(--Corner-Radius-lg);
}
.content {
diff --git a/apps/scandic-web/components/Blocks/DynamicContent/Stays/OldStayCard/stay.module.css b/apps/scandic-web/components/Blocks/DynamicContent/Stays/OldStayCard/stay.module.css
index 698d582bc..2f1cfcea0 100644
--- a/apps/scandic-web/components/Blocks/DynamicContent/Stays/OldStayCard/stay.module.css
+++ b/apps/scandic-web/components/Blocks/DynamicContent/Stays/OldStayCard/stay.module.css
@@ -1,6 +1,6 @@
.link {
outline: 1px solid var(--Base-Border-Subtle);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
overflow: hidden;
&:focus,
diff --git a/apps/scandic-web/components/Blocks/DynamicContent/Stays/Previous/Cards/SeeAllCard/seeAllCard.module.css b/apps/scandic-web/components/Blocks/DynamicContent/Stays/Previous/Cards/SeeAllCard/seeAllCard.module.css
index 225a87f0c..20ba03b7d 100644
--- a/apps/scandic-web/components/Blocks/DynamicContent/Stays/Previous/Cards/SeeAllCard/seeAllCard.module.css
+++ b/apps/scandic-web/components/Blocks/DynamicContent/Stays/Previous/Cards/SeeAllCard/seeAllCard.module.css
@@ -1,5 +1,5 @@
.card {
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
border: 1px solid var(--Border-Default);
background: var(--Surface-Secondary-Default);
display: flex;
diff --git a/apps/scandic-web/components/Blocks/DynamicContent/Stays/Previous/L6Progress/l6Progress.module.css b/apps/scandic-web/components/Blocks/DynamicContent/Stays/Previous/L6Progress/l6Progress.module.css
index 87c328410..b36f92e2e 100644
--- a/apps/scandic-web/components/Blocks/DynamicContent/Stays/Previous/L6Progress/l6Progress.module.css
+++ b/apps/scandic-web/components/Blocks/DynamicContent/Stays/Previous/L6Progress/l6Progress.module.css
@@ -1,5 +1,5 @@
.l6Progress {
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
border: 1px solid var(--Border-Divider-Default);
background: var(--Surface-Primary-Default);
padding: var(--Space-x3);
diff --git a/apps/scandic-web/components/Blocks/DynamicContent/Stays/Previous/SidePeek/previousStaysSidePeek.module.css b/apps/scandic-web/components/Blocks/DynamicContent/Stays/Previous/SidePeek/previousStaysSidePeek.module.css
index aff4bc5ed..84dc7647b 100644
--- a/apps/scandic-web/components/Blocks/DynamicContent/Stays/Previous/SidePeek/previousStaysSidePeek.module.css
+++ b/apps/scandic-web/components/Blocks/DynamicContent/Stays/Previous/SidePeek/previousStaysSidePeek.module.css
@@ -21,7 +21,7 @@
.yearHeader {
background: var(--Surface-Primary-Hover-Accent);
padding: var(--Space-x1) var(--Space-x2);
- border-radius: var(--Corner-radius-sm);
+ border-radius: var(--Corner-Radius-sm);
}
.yearText {
diff --git a/apps/scandic-web/components/Blocks/DynamicContent/Stays/StayCard/stayCard.module.css b/apps/scandic-web/components/Blocks/DynamicContent/Stays/StayCard/stayCard.module.css
index c1a690c48..e086b541a 100644
--- a/apps/scandic-web/components/Blocks/DynamicContent/Stays/StayCard/stayCard.module.css
+++ b/apps/scandic-web/components/Blocks/DynamicContent/Stays/StayCard/stayCard.module.css
@@ -1,5 +1,5 @@
.card {
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
border: 1px solid var(--Border-Default);
background: var(--Text-Brand-OnPrimary-3-Default);
display: flex;
@@ -25,7 +25,7 @@
max-width: 80px;
height: 108px;
max-height: 108px;
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
object-fit: cover;
flex-shrink: 0;
}
@@ -57,7 +57,7 @@
justify-content: center;
align-items: center;
gap: var(--Space-x05);
- border-radius: var(--Corner-radius-sm);
+ border-radius: var(--Corner-Radius-sm);
background: var(--Surface-Secondary-Default);
width: fit-content;
}
diff --git a/apps/scandic-web/components/Blocks/DynamicContent/Stays/Upcoming/Carousel/CarouselCard/carouselCard.module.css b/apps/scandic-web/components/Blocks/DynamicContent/Stays/Upcoming/Carousel/CarouselCard/carouselCard.module.css
index 8cf5b3f4b..89933cc60 100644
--- a/apps/scandic-web/components/Blocks/DynamicContent/Stays/Upcoming/Carousel/CarouselCard/carouselCard.module.css
+++ b/apps/scandic-web/components/Blocks/DynamicContent/Stays/Upcoming/Carousel/CarouselCard/carouselCard.module.css
@@ -4,14 +4,14 @@
background: var(--Base-Surface-Primary-light-Normal);
border: 1px solid var(--Border-Default);
overflow: hidden;
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
}
.imageContainer {
position: relative;
width: 100%;
aspect-ratio: 16/9;
- border-radius: var(--Corner-radius-lg) var(--Corner-radius-lg) 0 0;
+ border-radius: var(--Corner-Radius-lg) var(--Corner-Radius-lg) 0 0;
background:
linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%),
lightgray 50% / cover no-repeat,
diff --git a/apps/scandic-web/components/Blocks/DynamicContent/Stays/Upcoming/Carousel/SeeAllCard/seeAllCard.module.css b/apps/scandic-web/components/Blocks/DynamicContent/Stays/Upcoming/Carousel/SeeAllCard/seeAllCard.module.css
index bddc2753c..467ea5cd4 100644
--- a/apps/scandic-web/components/Blocks/DynamicContent/Stays/Upcoming/Carousel/SeeAllCard/seeAllCard.module.css
+++ b/apps/scandic-web/components/Blocks/DynamicContent/Stays/Upcoming/Carousel/SeeAllCard/seeAllCard.module.css
@@ -4,7 +4,7 @@
background: var(--Surface-Secondary-Default);
border: 1px solid var(--Border-Default);
overflow: hidden;
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
align-items: center;
justify-content: center;
height: 100%;
diff --git a/apps/scandic-web/components/Blocks/DynamicContent/Stays/Upcoming/EmptyUpcomingStays/emptyUpcomingStays.module.css b/apps/scandic-web/components/Blocks/DynamicContent/Stays/Upcoming/EmptyUpcomingStays/emptyUpcomingStays.module.css
index 3103136b2..152202df8 100644
--- a/apps/scandic-web/components/Blocks/DynamicContent/Stays/Upcoming/EmptyUpcomingStays/emptyUpcomingStays.module.css
+++ b/apps/scandic-web/components/Blocks/DynamicContent/Stays/Upcoming/EmptyUpcomingStays/emptyUpcomingStays.module.css
@@ -2,7 +2,7 @@
display: grid;
grid-template-rows: 1fr min(50px);
background-color: var(--Base-Surface-Primary-light-Normal);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
min-height: 250px;
margin-bottom: var(--Space-x05);
overflow: hidden;
@@ -41,7 +41,7 @@
justify-content: center;
align-items: center;
gap: var(--Space-x3);
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
background: var(--Surface-Brand-Primary-1-Default);
}
diff --git a/apps/scandic-web/components/Blocks/DynamicContent/Stays/Upcoming/SidePeek/upcomingStaysSidePeek.module.css b/apps/scandic-web/components/Blocks/DynamicContent/Stays/Upcoming/SidePeek/upcomingStaysSidePeek.module.css
index aff4bc5ed..84dc7647b 100644
--- a/apps/scandic-web/components/Blocks/DynamicContent/Stays/Upcoming/SidePeek/upcomingStaysSidePeek.module.css
+++ b/apps/scandic-web/components/Blocks/DynamicContent/Stays/Upcoming/SidePeek/upcomingStaysSidePeek.module.css
@@ -21,7 +21,7 @@
.yearHeader {
background: var(--Surface-Primary-Hover-Accent);
padding: var(--Space-x1) var(--Space-x2);
- border-radius: var(--Corner-radius-sm);
+ border-radius: var(--Corner-Radius-sm);
}
.yearText {
diff --git a/apps/scandic-web/components/Blocks/HotelListing/HotelListingItem/hotelListingItem.module.css b/apps/scandic-web/components/Blocks/HotelListing/HotelListingItem/hotelListingItem.module.css
index a86d5165a..38f56b464 100644
--- a/apps/scandic-web/components/Blocks/HotelListing/HotelListingItem/hotelListingItem.module.css
+++ b/apps/scandic-web/components/Blocks/HotelListing/HotelListingItem/hotelListingItem.module.css
@@ -1,7 +1,7 @@
.container {
background-color: var(--Surface-Primary-Default);
border: 1px solid var(--Border-Default);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
overflow: hidden;
color: var(--Text-Default);
}
diff --git a/apps/scandic-web/components/Blocks/JoinScandicFriends/joinScandicFriends.module.css b/apps/scandic-web/components/Blocks/JoinScandicFriends/joinScandicFriends.module.css
index 5b892f066..3b50737ca 100644
--- a/apps/scandic-web/components/Blocks/JoinScandicFriends/joinScandicFriends.module.css
+++ b/apps/scandic-web/components/Blocks/JoinScandicFriends/joinScandicFriends.module.css
@@ -1,5 +1,5 @@
.container {
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
background-color: var(--Surface-Primary-OnSurface-Default);
padding: 0 var(--Space-x2);
display: flex;
diff --git a/apps/scandic-web/components/Blocks/ShortcutsList/ShortcutsListItems/shortcutsListItems.module.css b/apps/scandic-web/components/Blocks/ShortcutsList/ShortcutsListItems/shortcutsListItems.module.css
index 1f8423db0..081dbe3ff 100644
--- a/apps/scandic-web/components/Blocks/ShortcutsList/ShortcutsListItems/shortcutsListItems.module.css
+++ b/apps/scandic-web/components/Blocks/ShortcutsList/ShortcutsListItems/shortcutsListItems.module.css
@@ -1,6 +1,6 @@
.list {
height: fit-content;
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
overflow: hidden;
list-style: none;
}
@@ -18,7 +18,7 @@
}
.listItem:last-child .link {
- border-radius: 0 0 var(--Corner-radius-md) var(--Corner-radius-md);
+ border-radius: 0 0 var(--Corner-Radius-md) var(--Corner-Radius-md);
}
.link:focus-visible {
diff --git a/apps/scandic-web/components/Blocks/ShortcutsList/shortcutsList.module.css b/apps/scandic-web/components/Blocks/ShortcutsList/shortcutsList.module.css
index 7251e980b..4d6ab25ce 100644
--- a/apps/scandic-web/components/Blocks/ShortcutsList/shortcutsList.module.css
+++ b/apps/scandic-web/components/Blocks/ShortcutsList/shortcutsList.module.css
@@ -1,6 +1,6 @@
@media screen and (max-width: 1366px) {
.section {
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
overflow: hidden;
}
.column {
diff --git a/apps/scandic-web/components/Blocks/Table/table.module.css b/apps/scandic-web/components/Blocks/Table/table.module.css
index 3a44c1db4..c8414baf7 100644
--- a/apps/scandic-web/components/Blocks/Table/table.module.css
+++ b/apps/scandic-web/components/Blocks/Table/table.module.css
@@ -1,7 +1,7 @@
.tableWrapper {
display: grid;
border: 1px solid var(--Border-Default);
- border-radius: var(--Corner-radius-sm);
+ border-radius: var(--Corner-Radius-sm);
overflow: hidden;
}
diff --git a/apps/scandic-web/components/CampaignBanner/campaignBanner.module.css b/apps/scandic-web/components/CampaignBanner/campaignBanner.module.css
index c91e5a8f9..76183e9a4 100644
--- a/apps/scandic-web/components/CampaignBanner/campaignBanner.module.css
+++ b/apps/scandic-web/components/CampaignBanner/campaignBanner.module.css
@@ -47,7 +47,7 @@
height: 24px;
padding: 0 var(--Space-x1);
flex-shrink: 0;
- border-radius: var(--Corner-radius-sm);
+ border-radius: var(--Corner-Radius-sm);
border: 1px solid var(--Border-Inverted);
}
}
diff --git a/apps/scandic-web/components/Carousel/carousel.module.css b/apps/scandic-web/components/Carousel/carousel.module.css
index 5ae788384..459cb69c9 100644
--- a/apps/scandic-web/components/Carousel/carousel.module.css
+++ b/apps/scandic-web/components/Carousel/carousel.module.css
@@ -47,7 +47,7 @@
.dot {
height: 8px;
width: 8px;
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
background: var(--UI-Grey-40);
transition: width 0.3s ease;
}
diff --git a/apps/scandic-web/components/ContentType/CampaignPage/Hero/hero.module.css b/apps/scandic-web/components/ContentType/CampaignPage/Hero/hero.module.css
index 19496365a..028c85e15 100644
--- a/apps/scandic-web/components/ContentType/CampaignPage/Hero/hero.module.css
+++ b/apps/scandic-web/components/ContentType/CampaignPage/Hero/hero.module.css
@@ -1,5 +1,5 @@
.content {
- border-radius: var(--Corner-radius-Large);
+ border-radius: var(--Corner-Radius-Large);
transform: translateY(-170px);
margin: 0 auto -170px;
width: 90%;
@@ -13,7 +13,7 @@
width: 100%;
height: 478px;
position: relative;
- border-radius: var(--Corner-radius-Large);
+ border-radius: var(--Corner-Radius-Large);
}
.benefitList {
@@ -70,7 +70,7 @@
.hero {
display: grid;
grid-template-columns: 1fr auto;
- border-radius: var(--Corner-radius-Large);
+ border-radius: var(--Corner-Radius-Large);
overflow: hidden;
min-height: 478px;
height: 100%;
diff --git a/apps/scandic-web/components/ContentType/CampaignPage/Hero/utils.ts b/apps/scandic-web/components/ContentType/CampaignPage/Hero/utils.ts
index 36f17eaa5..268547905 100644
--- a/apps/scandic-web/components/ContentType/CampaignPage/Hero/utils.ts
+++ b/apps/scandic-web/components/ContentType/CampaignPage/Hero/utils.ts
@@ -41,6 +41,9 @@ export function getButtonColor(
case Theme.downtownCamper:
case Theme.haymarket:
case Theme.marski:
+ case Theme.bassinSeven:
+ buttonColor = "Primary"
+ break
default:
break
}
diff --git a/apps/scandic-web/components/ContentType/DestinationPage/DestinationCityPage/CityMap/HotelListItem/hotelListItem.module.css b/apps/scandic-web/components/ContentType/DestinationPage/DestinationCityPage/CityMap/HotelListItem/hotelListItem.module.css
index 1fce8460a..9b486fe46 100644
--- a/apps/scandic-web/components/ContentType/DestinationPage/DestinationCityPage/CityMap/HotelListItem/hotelListItem.module.css
+++ b/apps/scandic-web/components/ContentType/DestinationPage/DestinationCityPage/CityMap/HotelListItem/hotelListItem.module.css
@@ -2,7 +2,7 @@
display: grid;
background-color: var(--Surface-Primary-Default);
border: 1px solid var(--Border-Default);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
overflow: hidden;
scroll-margin-top: var(--Space-x2);
}
@@ -34,7 +34,7 @@
gap: var(--Space-x05);
background-color: var(--Surface-Primary-Default);
padding: var(--Space-x025) var(--Space-x1);
- border-radius: var(--Corner-radius-sm);
+ border-radius: var(--Corner-Radius-sm);
color: var(--Text-Interactive-Default);
}
diff --git a/apps/scandic-web/components/ContentType/DestinationPage/DestinationCountryPage/CityMapCard/cityMapCard.module.css b/apps/scandic-web/components/ContentType/DestinationPage/DestinationCountryPage/CityMapCard/cityMapCard.module.css
index a7bc3299c..90c39de27 100644
--- a/apps/scandic-web/components/ContentType/DestinationPage/DestinationCountryPage/CityMapCard/cityMapCard.module.css
+++ b/apps/scandic-web/components/ContentType/DestinationPage/DestinationCountryPage/CityMapCard/cityMapCard.module.css
@@ -42,7 +42,7 @@
@media screen and (max-width: 949px) {
.cityMapCard {
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.1);
}
}
diff --git a/apps/scandic-web/components/ContentType/DestinationPage/DestinationCountryPage/CountryMap/CityListItem/cityListItem.module.css b/apps/scandic-web/components/ContentType/DestinationPage/DestinationCountryPage/CountryMap/CityListItem/cityListItem.module.css
index f7539a0ad..1fae485ef 100644
--- a/apps/scandic-web/components/ContentType/DestinationPage/DestinationCountryPage/CountryMap/CityListItem/cityListItem.module.css
+++ b/apps/scandic-web/components/ContentType/DestinationPage/DestinationCountryPage/CountryMap/CityListItem/cityListItem.module.css
@@ -1,5 +1,5 @@
.card {
- border-radius: var(--Corner-radius-Medium);
+ border-radius: var(--Corner-Radius-Medium);
background-color: var(--Surface-Primary-Default);
display: flex;
height: 80px;
diff --git a/apps/scandic-web/components/ContentType/DestinationPage/DestinationCountryPage/LocationsList/locationsList.module.css b/apps/scandic-web/components/ContentType/DestinationPage/DestinationCountryPage/LocationsList/locationsList.module.css
index 8d3ef26db..89518377e 100644
--- a/apps/scandic-web/components/ContentType/DestinationPage/DestinationCountryPage/LocationsList/locationsList.module.css
+++ b/apps/scandic-web/components/ContentType/DestinationPage/DestinationCountryPage/LocationsList/locationsList.module.css
@@ -9,7 +9,7 @@
@media screen and (max-width: 949px) {
.content {
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.1);
}
}
diff --git a/apps/scandic-web/components/ContentType/DestinationPage/DestinationListing/CityListing/CityListingItem/cityListingItem.module.css b/apps/scandic-web/components/ContentType/DestinationPage/DestinationListing/CityListing/CityListingItem/cityListingItem.module.css
index d51e16d60..ed6501ee9 100644
--- a/apps/scandic-web/components/ContentType/DestinationPage/DestinationListing/CityListing/CityListingItem/cityListingItem.module.css
+++ b/apps/scandic-web/components/ContentType/DestinationPage/DestinationListing/CityListing/CityListingItem/cityListingItem.module.css
@@ -1,7 +1,7 @@
.container {
background-color: var(--Base-Surface-Primary-light-Normal);
border: 1px solid var(--Base-Border-Subtle);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
overflow: hidden;
}
diff --git a/apps/scandic-web/components/ContentType/DestinationPage/DestinationListing/HotelListing/HotelListingItem/hotelListingItem.module.css b/apps/scandic-web/components/ContentType/DestinationPage/DestinationListing/HotelListing/HotelListingItem/hotelListingItem.module.css
index cfc8eb2b7..96495d680 100644
--- a/apps/scandic-web/components/ContentType/DestinationPage/DestinationListing/HotelListing/HotelListingItem/hotelListingItem.module.css
+++ b/apps/scandic-web/components/ContentType/DestinationPage/DestinationListing/HotelListing/HotelListingItem/hotelListingItem.module.css
@@ -1,7 +1,7 @@
.container {
background-color: var(--Base-Surface-Primary-light-Normal);
border: 1px solid var(--Base-Border-Subtle);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
overflow: hidden;
}
@@ -27,7 +27,7 @@
gap: var(--Space-x05);
background-color: var(--Base-Surface-Primary-light-Normal);
padding: var(--Space-x025) var(--Space-x1);
- border-radius: var(--Corner-radius-sm);
+ border-radius: var(--Corner-Radius-sm);
color: var(--Text-Interactive-Default);
}
diff --git a/apps/scandic-web/components/ContentType/DestinationPage/DestinationOverviewPage/DestinationSearch/destinationSearch.module.css b/apps/scandic-web/components/ContentType/DestinationPage/DestinationOverviewPage/DestinationSearch/destinationSearch.module.css
index 1b172bf23..e2562fb93 100644
--- a/apps/scandic-web/components/ContentType/DestinationPage/DestinationOverviewPage/DestinationSearch/destinationSearch.module.css
+++ b/apps/scandic-web/components/ContentType/DestinationPage/DestinationOverviewPage/DestinationSearch/destinationSearch.module.css
@@ -1,7 +1,7 @@
.trigger {
background: var(--Base-Surface-Primary-light-Normal);
border: 1px solid var(--Border-Default);
- border-radius: var(--Corner-radius-rounded);
+ border-radius: var(--Corner-Radius-Rounded);
display: flex;
justify-content: space-between;
padding: var(--Space-x15) var(--Space-x15) var(--Space-x15) var(--Space-x3);
@@ -25,7 +25,7 @@
display: flex;
align-items: center;
justify-content: center;
- border-radius: var(--Corner-radius-Rounded);
+ border-radius: var(--Corner-Radius-Rounded);
color: var(--Base-Text-Inverted);
}
@@ -49,7 +49,7 @@
left: 0;
right: 0;
height: calc(100dvh - max(var(--sitewide-alert-sticky-height), 20px));
- 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);
diff --git a/apps/scandic-web/components/ContentType/DestinationPage/DestinationOverviewPage/HotelsSection/DestinationsList/destinationsList.module.css b/apps/scandic-web/components/ContentType/DestinationPage/DestinationOverviewPage/HotelsSection/DestinationsList/destinationsList.module.css
index cd87bcd7e..0c011d484 100644
--- a/apps/scandic-web/components/ContentType/DestinationPage/DestinationOverviewPage/HotelsSection/DestinationsList/destinationsList.module.css
+++ b/apps/scandic-web/components/ContentType/DestinationPage/DestinationOverviewPage/HotelsSection/DestinationsList/destinationsList.module.css
@@ -2,7 +2,7 @@
display: flex;
flex-direction: column;
background-color: var(--Base-Surface-Primary-light-Normal);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
}
.accordion {
diff --git a/apps/scandic-web/components/ContentType/DestinationPage/HotelMapCard/DialogImage/dialogImage.module.css b/apps/scandic-web/components/ContentType/DestinationPage/HotelMapCard/DialogImage/dialogImage.module.css
index 23f768e44..ddb0b9fb8 100644
--- a/apps/scandic-web/components/ContentType/DestinationPage/HotelMapCard/DialogImage/dialogImage.module.css
+++ b/apps/scandic-web/components/ContentType/DestinationPage/HotelMapCard/DialogImage/dialogImage.module.css
@@ -1,7 +1,7 @@
.imageContainer {
position: relative;
min-width: 177px;
- border-radius: var(--Corner-radius-md) 0 0 var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md) 0 0 var(--Corner-Radius-md);
overflow: hidden;
}
@@ -13,7 +13,7 @@
position: absolute;
left: 7px;
top: 7px;
- border-radius: var(--Corner-radius-sm);
+ border-radius: var(--Corner-Radius-sm);
}
@media screen and (max-width: 500px) {
diff --git a/apps/scandic-web/components/ContentType/DestinationPage/HotelMapCard/hotelMapCard.module.css b/apps/scandic-web/components/ContentType/DestinationPage/HotelMapCard/hotelMapCard.module.css
index 3f58f7449..b7bf2052b 100644
--- a/apps/scandic-web/components/ContentType/DestinationPage/HotelMapCard/hotelMapCard.module.css
+++ b/apps/scandic-web/components/ContentType/DestinationPage/HotelMapCard/hotelMapCard.module.css
@@ -1,7 +1,7 @@
.wrapper {
background: var(--Base-Surface-Primary-light-Normal);
border: 1px solid var(--Base-Border-Subtle);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.1);
flex-direction: row;
display: flex;
diff --git a/apps/scandic-web/components/ContentType/DestinationPage/Map/MapContent/CityMarker/cityMarker.module.css b/apps/scandic-web/components/ContentType/DestinationPage/Map/MapContent/CityMarker/cityMarker.module.css
index d40866a57..48a50508d 100644
--- a/apps/scandic-web/components/ContentType/DestinationPage/Map/MapContent/CityMarker/cityMarker.module.css
+++ b/apps/scandic-web/components/ContentType/DestinationPage/Map/MapContent/CityMarker/cityMarker.module.css
@@ -4,7 +4,7 @@
height: 28px !important;
background-color: var(--Base-Text-High-contrast);
border: 4px solid var(--Base-Surface-Primary-light-Normal);
- border-radius: var(--Corner-radius-rounded);
+ border-radius: var(--Corner-Radius-Rounded);
box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1);
cursor: pointer;
transition: all 0.3s;
diff --git a/apps/scandic-web/components/ContentType/DestinationPage/Map/MapContent/ClusterMarker/clusterMarker.module.css b/apps/scandic-web/components/ContentType/DestinationPage/Map/MapContent/ClusterMarker/clusterMarker.module.css
index 907cee462..ded1e0308 100644
--- a/apps/scandic-web/components/ContentType/DestinationPage/Map/MapContent/ClusterMarker/clusterMarker.module.css
+++ b/apps/scandic-web/components/ContentType/DestinationPage/Map/MapContent/ClusterMarker/clusterMarker.module.css
@@ -7,7 +7,7 @@
background-color: var(--Base-Text-High-contrast);
border: 4px solid var(--Base-Surface-Primary-light-Normal);
color: var(--Base-Text-Inverted);
- border-radius: var(--Corner-radius-rounded);
+ border-radius: var(--Corner-Radius-Rounded);
box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1);
cursor: pointer;
transition: all 0.3s;
diff --git a/apps/scandic-web/components/ContentType/DestinationPage/TopImages/topImages.module.css b/apps/scandic-web/components/ContentType/DestinationPage/TopImages/topImages.module.css
index 92943887c..e95fe4561 100644
--- a/apps/scandic-web/components/ContentType/DestinationPage/TopImages/topImages.module.css
+++ b/apps/scandic-web/components/ContentType/DestinationPage/TopImages/topImages.module.css
@@ -11,7 +11,7 @@
height: 200px;
max-height: 40dvh;
width: 100%;
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
}
.image.clickable {
diff --git a/apps/scandic-web/components/ContentType/HotelMapPage/Sidebar/sidebar.module.css b/apps/scandic-web/components/ContentType/HotelMapPage/Sidebar/sidebar.module.css
index 29da3c7a2..9d0da261b 100644
--- a/apps/scandic-web/components/ContentType/HotelMapPage/Sidebar/sidebar.module.css
+++ b/apps/scandic-web/components/ContentType/HotelMapPage/Sidebar/sidebar.module.css
@@ -41,7 +41,7 @@
color: var(--Text-Default);
width: 100%;
padding: var(--Space-x05) var(--Space-x1);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
cursor: pointer;
text-align: left;
transition: background-color 0.3s;
@@ -70,7 +70,7 @@
position: absolute;
bottom: 0;
width: 100%;
- border-radius: var(--Corner-radius-lg) var(--Corner-radius-lg) 0 0;
+ border-radius: var(--Corner-Radius-lg) var(--Corner-Radius-lg) 0 0;
}
.sidebar.fullscreen + .backdrop {
diff --git a/apps/scandic-web/components/ContentType/HotelPage/AmenitiesList/amenitiesList.module.css b/apps/scandic-web/components/ContentType/HotelPage/AmenitiesList/amenitiesList.module.css
index 2962db74a..4b3340907 100644
--- a/apps/scandic-web/components/ContentType/HotelPage/AmenitiesList/amenitiesList.module.css
+++ b/apps/scandic-web/components/ContentType/HotelPage/AmenitiesList/amenitiesList.module.css
@@ -1,6 +1,6 @@
.amenitiesContainer {
background-color: var(--Surface-Secondary-Default);
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
padding: var(--Space-x3) var(--Space-x3) var(--Space-x15) var(--Space-x3);
display: grid;
gap: var(--Space-x15);
diff --git a/apps/scandic-web/components/ContentType/HotelPage/Facilities/facilities.module.css b/apps/scandic-web/components/ContentType/HotelPage/Facilities/facilities.module.css
index 1fd7f6074..b22fabaa4 100644
--- a/apps/scandic-web/components/ContentType/HotelPage/Facilities/facilities.module.css
+++ b/apps/scandic-web/components/ContentType/HotelPage/Facilities/facilities.module.css
@@ -26,7 +26,7 @@
.imageWrapper {
position: relative;
overflow: hidden;
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
width: 100%;
height: 100%;
}
diff --git a/apps/scandic-web/components/ContentType/HotelPage/Hero/ImageButton/imageButton.module.css b/apps/scandic-web/components/ContentType/HotelPage/Hero/ImageButton/imageButton.module.css
index 2fdd28abd..38c2cbe51 100644
--- a/apps/scandic-web/components/ContentType/HotelPage/Hero/ImageButton/imageButton.module.css
+++ b/apps/scandic-web/components/ContentType/HotelPage/Hero/ImageButton/imageButton.module.css
@@ -4,7 +4,7 @@
border-width: 0;
background-color: transparent;
cursor: pointer;
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
overflow: hidden;
flex: 1;
}
@@ -24,6 +24,6 @@
@media screen and (min-width: 768px) {
.imageButton {
- border-radius: var(--Corner-radius-sm);
+ border-radius: var(--Corner-Radius-sm);
}
}
diff --git a/apps/scandic-web/components/ContentType/HotelPage/Hero/Logos/BassinSevenLarge.tsx b/apps/scandic-web/components/ContentType/HotelPage/Hero/Logos/BassinSevenLarge.tsx
new file mode 100644
index 000000000..df1a928fe
--- /dev/null
+++ b/apps/scandic-web/components/ContentType/HotelPage/Hero/Logos/BassinSevenLarge.tsx
@@ -0,0 +1,23 @@
+export function BassinSevenLogoLarge({ className }: { className?: string }) {
+ return (
+
+ )
+}
diff --git a/apps/scandic-web/components/ContentType/HotelPage/Hero/Logos/BassinSevenSmall.tsx b/apps/scandic-web/components/ContentType/HotelPage/Hero/Logos/BassinSevenSmall.tsx
new file mode 100644
index 000000000..765e7330d
--- /dev/null
+++ b/apps/scandic-web/components/ContentType/HotelPage/Hero/Logos/BassinSevenSmall.tsx
@@ -0,0 +1,19 @@
+export function BassinSevenLogoSmall({ className }: { className?: string }) {
+ return (
+
+ )
+}
diff --git a/apps/scandic-web/components/ContentType/HotelPage/Hero/Logos/index.tsx b/apps/scandic-web/components/ContentType/HotelPage/Hero/Logos/index.tsx
index 93510c6b5..08a2e5079 100644
--- a/apps/scandic-web/components/ContentType/HotelPage/Hero/Logos/index.tsx
+++ b/apps/scandic-web/components/ContentType/HotelPage/Hero/Logos/index.tsx
@@ -5,6 +5,9 @@ import { cx } from "class-variance-authority"
import { Theme } from "@scandic-hotels/common/utils/theme"
import ScandicLogoIcon from "@scandic-hotels/design-system/Icons/ScandicLogoIcon"
+import { BassinSevenLogoLarge } from "@/components/ContentType/HotelPage/Hero/Logos/BassinSevenLarge"
+import { BassinSevenLogoSmall } from "@/components/ContentType/HotelPage/Hero/Logos/BassinSevenSmall"
+
import { DowntownCamperLogoLarge } from "./DowntownCamperLarge"
import { DowntownCamperLogoSmall } from "./DowntownCamperSmall"
import { GrandHotelLogoLarge } from "./GrandHotelLarge"
@@ -82,6 +85,13 @@ export function BrandedHotelLogo({ theme, className }: BrandedHotelLogoProps) {
>
)
+ case Theme.bassinSeven:
+ return (
+ <>
+
+
+ >
+ )
case Theme.scandic:
default:
return
diff --git a/apps/scandic-web/components/ContentType/HotelPage/Hero/hero.module.css b/apps/scandic-web/components/ContentType/HotelPage/Hero/hero.module.css
index 1f618e507..85735c021 100644
--- a/apps/scandic-web/components/ContentType/HotelPage/Hero/hero.module.css
+++ b/apps/scandic-web/components/ContentType/HotelPage/Hero/hero.module.css
@@ -67,7 +67,7 @@
}
.logoWrapper {
- border-radius: var(--Corner-radius-sm);
+ border-radius: var(--Corner-Radius-sm);
justify-content: center;
}
diff --git a/apps/scandic-web/components/ContentType/HotelPage/Map/MapCard/mapCard.module.css b/apps/scandic-web/components/ContentType/HotelPage/Map/MapCard/mapCard.module.css
index 34c1fe663..4a9d4a441 100644
--- a/apps/scandic-web/components/ContentType/HotelPage/Map/MapCard/mapCard.module.css
+++ b/apps/scandic-web/components/ContentType/HotelPage/Map/MapCard/mapCard.module.css
@@ -6,8 +6,8 @@
right: 0;
background-color: var(--Surface-Primary-Default);
padding: var(--Space-x3);
- border-top-left-radius: var(--Corner-radius-md);
- border-top-right-radius: var(--Corner-radius-md);
+ border-top-left-radius: var(--Corner-Radius-md);
+ border-top-right-radius: var(--Corner-Radius-md);
}
.poiList {
diff --git a/apps/scandic-web/components/ContentType/HotelPage/Map/MobileMapToggle/mobileToggle.module.css b/apps/scandic-web/components/ContentType/HotelPage/Map/MobileMapToggle/mobileToggle.module.css
index 08e0df3ef..475a11730 100644
--- a/apps/scandic-web/components/ContentType/HotelPage/Map/MobileMapToggle/mobileToggle.module.css
+++ b/apps/scandic-web/components/ContentType/HotelPage/Map/MobileMapToggle/mobileToggle.module.css
@@ -7,7 +7,7 @@
grid-template-columns: repeat(2, 1fr);
gap: var(--Space-x05);
align-items: center;
- border-radius: var(--Corner-radius-Rounded);
+ border-radius: var(--Corner-Radius-Rounded);
background-color: var(--Component-Button-Inverted-Fill-Default);
box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.15);
padding: 6px;
diff --git a/apps/scandic-web/components/ContentType/HotelPage/Rooms/RoomCard/roomCard.module.css b/apps/scandic-web/components/ContentType/HotelPage/Rooms/RoomCard/roomCard.module.css
index 4e1750314..3d499e6f0 100644
--- a/apps/scandic-web/components/ContentType/HotelPage/Rooms/RoomCard/roomCard.module.css
+++ b/apps/scandic-web/components/ContentType/HotelPage/Rooms/RoomCard/roomCard.module.css
@@ -1,5 +1,5 @@
.roomCard {
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
background-color: var(--Surface-Primary-Default);
border: 1px solid var(--Border-Default);
display: grid;
diff --git a/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/Images/images.module.css b/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/Images/images.module.css
index bab183c56..dde74f991 100644
--- a/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/Images/images.module.css
+++ b/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/Images/images.module.css
@@ -9,5 +9,5 @@
height: 240px;
min-width: 0; /* Prevents image from causing flex item overflow by allowing shrinking below content size */
width: 100%;
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
}
diff --git a/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/Room/room.module.css b/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/Room/room.module.css
index d9fa76ef7..648e270ba 100644
--- a/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/Room/room.module.css
+++ b/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/Room/room.module.css
@@ -18,7 +18,7 @@
.imageContainer {
position: relative;
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
overflow: hidden;
}
diff --git a/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/Tripadvisor/tripAdvisor.module.css b/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/Tripadvisor/tripAdvisor.module.css
index 0dd3daea7..4f6761a8d 100644
--- a/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/Tripadvisor/tripAdvisor.module.css
+++ b/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/Tripadvisor/tripAdvisor.module.css
@@ -5,7 +5,7 @@
}
.awards {
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
background: var(--Surface-Primary-Default);
display: flex;
flex-wrap: wrap;
@@ -24,7 +24,7 @@
.iframe {
width: 100%;
border-width: 0;
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
/* Adjustments for devices with tiny screen height */
min-height: max(50dvh, 300px);
diff --git a/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/WellnessAndExercise/Facility/OpeningHours/openingHours.module.css b/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/WellnessAndExercise/Facility/OpeningHours/openingHours.module.css
index 235593818..059bb83bc 100644
--- a/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/WellnessAndExercise/Facility/OpeningHours/openingHours.module.css
+++ b/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/WellnessAndExercise/Facility/OpeningHours/openingHours.module.css
@@ -6,6 +6,6 @@
.openingHours {
display: grid;
padding: var(--Space-x2) var(--Space-x3);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
background: var(--Surface-Secondary-Default);
}
diff --git a/apps/scandic-web/components/ContentType/HotelSubpage/MeetingsSubpage/MeetingRooms/MeetingRoomCard/meetingRoomCard.module.css b/apps/scandic-web/components/ContentType/HotelSubpage/MeetingsSubpage/MeetingRooms/MeetingRoomCard/meetingRoomCard.module.css
index 19340b125..b913a8ca5 100644
--- a/apps/scandic-web/components/ContentType/HotelSubpage/MeetingsSubpage/MeetingRooms/MeetingRoomCard/meetingRoomCard.module.css
+++ b/apps/scandic-web/components/ContentType/HotelSubpage/MeetingsSubpage/MeetingRooms/MeetingRoomCard/meetingRoomCard.module.css
@@ -1,6 +1,6 @@
.card {
background-color: var(--Surface-Primary-Default);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
border: 1px solid var(--Border-Default);
display: grid;
overflow: hidden;
@@ -36,7 +36,7 @@
.infoTable {
background-color: var(--Surface-Primary-OnSurface-Default);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
padding: var(--Space-x2);
display: grid;
gap: var(--Space-x2);
diff --git a/apps/scandic-web/components/ContentType/PromoCampaignPage/ExpiredPromoCampaign/ExpiredPromoCampaign.module.css b/apps/scandic-web/components/ContentType/PromoCampaignPage/ExpiredPromoCampaign/ExpiredPromoCampaign.module.css
index b973d0502..58ceeace6 100644
--- a/apps/scandic-web/components/ContentType/PromoCampaignPage/ExpiredPromoCampaign/ExpiredPromoCampaign.module.css
+++ b/apps/scandic-web/components/ContentType/PromoCampaignPage/ExpiredPromoCampaign/ExpiredPromoCampaign.module.css
@@ -4,7 +4,7 @@
flex-direction: column;
align-items: center;
gap: var(--Space-x6);
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
background: var(--Surface-Secondary-Default);
}
diff --git a/apps/scandic-web/components/ContentType/PromoCampaignPage/Hero/hero.module.css b/apps/scandic-web/components/ContentType/PromoCampaignPage/Hero/hero.module.css
index 105050e7b..bcd4ca693 100644
--- a/apps/scandic-web/components/ContentType/PromoCampaignPage/Hero/hero.module.css
+++ b/apps/scandic-web/components/ContentType/PromoCampaignPage/Hero/hero.module.css
@@ -1,7 +1,7 @@
.hero {
--card-float-offset: -170px;
--card-width: 90%;
- --card-radius: var(--Corner-radius-Large);
+ --card-radius: var(--Corner-Radius-Large);
position: relative;
display: block;
@@ -112,7 +112,7 @@
padding: var(--Space-x15);
gap: var(--Space-x1);
background-color: var(--Surface-Primary-Default);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
border: 1px solid var(--Border-Default);
align-items: start;
}
diff --git a/apps/scandic-web/components/ContentType/StartPage/InfoCardWithImage/infoCardWithImage.module.css b/apps/scandic-web/components/ContentType/StartPage/InfoCardWithImage/infoCardWithImage.module.css
index 46109a0c9..df700803a 100644
--- a/apps/scandic-web/components/ContentType/StartPage/InfoCardWithImage/infoCardWithImage.module.css
+++ b/apps/scandic-web/components/ContentType/StartPage/InfoCardWithImage/infoCardWithImage.module.css
@@ -8,12 +8,12 @@
overflow: hidden;
width: 100%;
height: 179px; /* Exact mobile height from Figma */
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
}
.imageTop {
width: 100%;
height: 180px;
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
}
.imageContainer {
diff --git a/apps/scandic-web/components/DestinationFilterAndSort/Filter/Checkbox/checkbox.module.css b/apps/scandic-web/components/DestinationFilterAndSort/Filter/Checkbox/checkbox.module.css
index 6d99e8c01..e0c550111 100644
--- a/apps/scandic-web/components/DestinationFilterAndSort/Filter/Checkbox/checkbox.module.css
+++ b/apps/scandic-web/components/DestinationFilterAndSort/Filter/Checkbox/checkbox.module.css
@@ -4,7 +4,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;
@media (hover: hover) {
diff --git a/apps/scandic-web/components/DestinationFilterAndSort/destinationFilterAndSort.module.css b/apps/scandic-web/components/DestinationFilterAndSort/destinationFilterAndSort.module.css
index 02b50c95d..f8b51ddfc 100644
--- a/apps/scandic-web/components/DestinationFilterAndSort/destinationFilterAndSort.module.css
+++ b/apps/scandic-web/components/DestinationFilterAndSort/destinationFilterAndSort.module.css
@@ -15,7 +15,7 @@
.dialog {
width: min(80dvw, 960px);
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
background-color: var(--Base-Surface-Primary-light-Normal);
box-shadow: 0px 4px 24px 0px rgba(38, 32, 30, 0.08);
overflow: hidden;
diff --git a/apps/scandic-web/components/Dialog/dialog.module.css b/apps/scandic-web/components/Dialog/dialog.module.css
index e389daca0..44f6849a0 100644
--- a/apps/scandic-web/components/Dialog/dialog.module.css
+++ b/apps/scandic-web/components/Dialog/dialog.module.css
@@ -35,7 +35,7 @@
.modal {
background-color: var(--Base-Surface-Primary-light-Normal);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
box-shadow: var(--modal-box-shadow);
display: flex;
flex-direction: column;
diff --git a/apps/scandic-web/components/Forms/ProfilingConsent/form.module.css b/apps/scandic-web/components/Forms/ProfilingConsent/form.module.css
index dba307ad9..266c9292d 100644
--- a/apps/scandic-web/components/Forms/ProfilingConsent/form.module.css
+++ b/apps/scandic-web/components/Forms/ProfilingConsent/form.module.css
@@ -9,7 +9,7 @@
display: grid;
gap: var(--Space-x6);
- border-radius: var(--Corner-radius-Medium) var(--Corner-radius-Medium) 0 0;
+ border-radius: var(--Corner-Radius-Medium) var(--Corner-Radius-Medium) 0 0;
}
.buttons {
@@ -23,7 +23,7 @@
border-top: 1px solid var(--Border-Divider-Subtle);
background: var(--Base-Surface-Primary-light-Normal);
- border-radius: 0 0 var(--Corner-radius-Medium) var(--Corner-radius-Medium);
+ border-radius: 0 0 var(--Corner-Radius-Medium) var(--Corner-Radius-Medium);
button {
width: 100%;
diff --git a/apps/scandic-web/components/Header/MainMenu/MenuLink/menuLink.module.css b/apps/scandic-web/components/Header/MainMenu/MenuLink/menuLink.module.css
index 24bc5891d..484b2d85b 100644
--- a/apps/scandic-web/components/Header/MainMenu/MenuLink/menuLink.module.css
+++ b/apps/scandic-web/components/Header/MainMenu/MenuLink/menuLink.module.css
@@ -5,7 +5,7 @@
width: 100%;
padding: var(--Space-x1);
gap: var(--Space-x15);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
color: var(--Text-Interactive-Default);
&:hover {
diff --git a/apps/scandic-web/components/Header/MainMenu/MyPagesMenu/myPagesMenu.module.css b/apps/scandic-web/components/Header/MainMenu/MyPagesMenu/myPagesMenu.module.css
index d18b5ff85..c59e389e9 100644
--- a/apps/scandic-web/components/Header/MainMenu/MyPagesMenu/myPagesMenu.module.css
+++ b/apps/scandic-web/components/Header/MainMenu/MyPagesMenu/myPagesMenu.module.css
@@ -13,7 +13,7 @@
); /* 3.5rem is the height of the main menu + bottom padding. */
right: 0;
background-color: var(--Surface-Primary-Default);
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
box-shadow: 0 0 0.875rem 0.375rem rgba(0, 0, 0, 0.1);
min-width: 20rem;
z-index: var(--menu-overlay-z-index);
diff --git a/apps/scandic-web/components/Header/MainMenu/NavigationMenu/NavigationMenuItem/navigationMenuItem.module.css b/apps/scandic-web/components/Header/MainMenu/NavigationMenu/NavigationMenuItem/navigationMenuItem.module.css
index 96c645de3..6eb1352ef 100644
--- a/apps/scandic-web/components/Header/MainMenu/NavigationMenu/NavigationMenuItem/navigationMenuItem.module.css
+++ b/apps/scandic-web/components/Header/MainMenu/NavigationMenu/NavigationMenuItem/navigationMenuItem.module.css
@@ -53,7 +53,7 @@
); /* 3.5rem is the height of the main menu + bottom padding. */
left: 50%;
transform: translateX(-50%);
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
box-shadow: var(--popup-box-shadow);
&.isExpanded {
diff --git a/apps/scandic-web/components/Hero/hero.module.css b/apps/scandic-web/components/Hero/hero.module.css
index 8c0f97aaf..ff7993eb3 100644
--- a/apps/scandic-web/components/Hero/hero.module.css
+++ b/apps/scandic-web/components/Hero/hero.module.css
@@ -3,7 +3,7 @@
margin-bottom: var(--Space-x2);
width: 100%;
object-fit: cover;
- border-radius: var(--Corner-radius-xl);
+ border-radius: var(--Corner-Radius-xl);
margin: 0;
}
diff --git a/apps/scandic-web/components/HeroVideo/heroVideo.module.css b/apps/scandic-web/components/HeroVideo/heroVideo.module.css
index 3167d19dc..d4c29726d 100644
--- a/apps/scandic-web/components/HeroVideo/heroVideo.module.css
+++ b/apps/scandic-web/components/HeroVideo/heroVideo.module.css
@@ -5,6 +5,6 @@
overflow: hidden;
&:not(.fullWidth) {
- border-radius: var(--Corner-radius-xl);
+ border-radius: var(--Corner-Radius-xl);
}
}
diff --git a/apps/scandic-web/components/HotelFilterAndSort/Filter/Checkbox/checkbox.module.css b/apps/scandic-web/components/HotelFilterAndSort/Filter/Checkbox/checkbox.module.css
index 6d99e8c01..e0c550111 100644
--- a/apps/scandic-web/components/HotelFilterAndSort/Filter/Checkbox/checkbox.module.css
+++ b/apps/scandic-web/components/HotelFilterAndSort/Filter/Checkbox/checkbox.module.css
@@ -4,7 +4,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;
@media (hover: hover) {
diff --git a/apps/scandic-web/components/HotelFilterAndSort/hotelFilterAndSort.module.css b/apps/scandic-web/components/HotelFilterAndSort/hotelFilterAndSort.module.css
index f3d912615..dfa1423c6 100644
--- a/apps/scandic-web/components/HotelFilterAndSort/hotelFilterAndSort.module.css
+++ b/apps/scandic-web/components/HotelFilterAndSort/hotelFilterAndSort.module.css
@@ -11,7 +11,7 @@
.dialog {
width: min(80dvw, 960px);
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
background-color: var(--Base-Surface-Primary-light-Normal);
box-shadow: 0px 4px 24px 0px rgba(38, 32, 30, 0.08);
overflow: hidden;
@@ -37,7 +37,7 @@
.badge {
background-color: var(--Base-Text-Accent);
- border-radius: var(--Corner-radius-xl);
+ border-radius: var(--Corner-Radius-xl);
width: 20px;
height: 20px;
color: var(--Base-Surface-Primary-light-Normal);
diff --git a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Description/description.module.css b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Description/description.module.css
index 958e6c581..98bbe9d4a 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Description/description.module.css
+++ b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Description/description.module.css
@@ -32,7 +32,7 @@
.image {
aspect-ratio: 2 / 1;
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
object-fit: cover;
width: 100%;
height: auto;
diff --git a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Steps/ConfirmationStep/confirmationStep.module.css b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Steps/ConfirmationStep/confirmationStep.module.css
index 4a4e86140..5aad3ccc4 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Steps/ConfirmationStep/confirmationStep.module.css
+++ b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Steps/ConfirmationStep/confirmationStep.module.css
@@ -9,14 +9,14 @@
justify-content: space-between;
background-color: var(--Surface-Brand-Primary-2-OnSurface-Accent);
padding: var(--Space-x1) var(--Space-x15);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
}
.guarantee {
display: flex;
flex-direction: column;
gap: var(--Space-x2);
background-color: var(--Surface-Secondary-Default);
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
padding: var(--Space-x2);
}
@@ -41,5 +41,5 @@
}
.accordionItem {
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
}
diff --git a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Steps/DeliveryDetailsStep/SelectDeliveryTime/selectDeliveryTime.module.css b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Steps/DeliveryDetailsStep/SelectDeliveryTime/selectDeliveryTime.module.css
index 5f409b539..a3ae4b5e9 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Steps/DeliveryDetailsStep/SelectDeliveryTime/selectDeliveryTime.module.css
+++ b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Steps/DeliveryDetailsStep/SelectDeliveryTime/selectDeliveryTime.module.css
@@ -3,7 +3,7 @@
align-items: center;
gap: var(--Space-x15);
padding: var(--Space-x15);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
background-color: var(--Surface-Primary-OnSurface-Default);
}
diff --git a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Steps/DeliveryDetailsStep/SelectedItemCard/selectedItemCard.module.css b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Steps/DeliveryDetailsStep/SelectedItemCard/selectedItemCard.module.css
index 03fd4b6b1..dd7827c36 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Steps/DeliveryDetailsStep/SelectedItemCard/selectedItemCard.module.css
+++ b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Steps/DeliveryDetailsStep/SelectedItemCard/selectedItemCard.module.css
@@ -4,13 +4,13 @@
gap: var(--Space-x1);
align-self: stretch;
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
border: 1px solid var(--Border-Divider-Subtle);
background: var(--Surface-Primary-Default);
}
.image {
- border-radius: var(--Corner-radius-sm);
+ border-radius: var(--Corner-Radius-sm);
}
.cost {
diff --git a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Steps/DeliveryDetailsStep/deliveryDetailsStep.module.css b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Steps/DeliveryDetailsStep/deliveryDetailsStep.module.css
index d73b229e0..b72d61d8f 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Steps/DeliveryDetailsStep/deliveryDetailsStep.module.css
+++ b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Steps/DeliveryDetailsStep/deliveryDetailsStep.module.css
@@ -15,7 +15,7 @@
align-items: center;
gap: var(--Space-x15);
padding: var(--Space-x15);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
background-color: var(--Surface-Primary-OnSurface-Default);
}
diff --git a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Steps/SelectQuantityStep/PaymentOption/paymentOption.module.css b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Steps/SelectQuantityStep/PaymentOption/paymentOption.module.css
index 0126dc1af..9f7dfa8ab 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Steps/SelectQuantityStep/PaymentOption/paymentOption.module.css
+++ b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Steps/SelectQuantityStep/PaymentOption/paymentOption.module.css
@@ -1,6 +1,6 @@
.container {
display: flex;
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
background: var(--Surface-Primary-OnSurface-Default);
width: 100%;
align-items: flex-start;
@@ -38,7 +38,7 @@
.spendablePoints {
display: flex;
justify-content: space-between;
- 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: var(--Surface-Brand-Primary-1-Default);
width: 100%;
padding: var(--Space-x1) var(--Space-x15);
diff --git a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Steps/SelectQuantityStep/selectQuantityStep.module.css b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Steps/SelectQuantityStep/selectQuantityStep.module.css
index 1301ae872..f5c374e26 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Steps/SelectQuantityStep/selectQuantityStep.module.css
+++ b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Steps/SelectQuantityStep/selectQuantityStep.module.css
@@ -33,7 +33,7 @@
display: flex;
padding: var(--Space-x15);
flex: 1 0 0;
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
border: 1px solid var(--Base-Border-Subtle);
background: var(--Surface-Feedback-Information-light);
diff --git a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Summary/PriceDetails/priceDetails.module.css b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Summary/PriceDetails/priceDetails.module.css
index f030d8f33..ba860b78c 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Summary/PriceDetails/priceDetails.module.css
+++ b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Summary/PriceDetails/priceDetails.module.css
@@ -9,7 +9,7 @@
align-items: center;
justify-content: space-between;
gap: var(--Space-x1);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
}
.showOnDesktop {
diff --git a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Summary/PriceSummary/priceSummary.module.css b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Summary/PriceSummary/priceSummary.module.css
index 92e01599c..649e902c3 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Summary/PriceSummary/priceSummary.module.css
+++ b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Summary/PriceSummary/priceSummary.module.css
@@ -4,7 +4,7 @@
flex-direction: column;
gap: var(--Space-x2);
align-self: stretch;
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
border: 1px solid var(--Border-Divider-Default);
background: var(--Surface-Primary-Default);
}
diff --git a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Summary/summary.module.css b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Summary/summary.module.css
index ece5f3229..0445c8cba 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Summary/summary.module.css
+++ b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Summary/summary.module.css
@@ -13,7 +13,7 @@
background: var(--Surface-Primary-OnSurface-Default);
padding: var(--Space-x15);
gap: var(--Space-x2);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
}
.buttons {
diff --git a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddedAncillaries/addedAncillaries.module.css b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddedAncillaries/addedAncillaries.module.css
index 2ab68a2c9..baecf2102 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddedAncillaries/addedAncillaries.module.css
+++ b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddedAncillaries/addedAncillaries.module.css
@@ -31,7 +31,7 @@
.ancillaryMobile {
background-color: var(--Background-Primary);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
display: flex;
flex-direction: column;
gap: var(--Space-x1);
@@ -41,7 +41,7 @@
display: none;
padding: var(--Space-x2);
background-color: var(--Background-Primary);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
flex-direction: column;
gap: var(--Space-x1);
}
diff --git a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AllAncillariesModal/SelectAncillaryStep/selectAncillaryStep.module.css b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AllAncillariesModal/SelectAncillaryStep/selectAncillaryStep.module.css
index 58a31ddd4..4107db0ad 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AllAncillariesModal/SelectAncillaryStep/selectAncillaryStep.module.css
+++ b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AllAncillariesModal/SelectAncillaryStep/selectAncillaryStep.module.css
@@ -20,7 +20,7 @@
}
.chip {
- border-radius: var(--Corner-radius-rounded);
+ border-radius: var(--Corner-Radius-Rounded);
padding: calc(var(--Space-x1) + var(--Space-x025)) var(--Space-x2);
cursor: pointer;
border: 1px solid var(--Border-Interactive-Default);
diff --git a/apps/scandic-web/components/HotelReservation/MyStay/BookingSummary/SummaryCard/summaryCard.module.css b/apps/scandic-web/components/HotelReservation/MyStay/BookingSummary/SummaryCard/summaryCard.module.css
index 7bda204cc..48e993d93 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/BookingSummary/SummaryCard/summaryCard.module.css
+++ b/apps/scandic-web/components/HotelReservation/MyStay/BookingSummary/SummaryCard/summaryCard.module.css
@@ -8,7 +8,7 @@
.image {
width: 152px;
height: 152px;
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
}
.content {
diff --git a/apps/scandic-web/components/HotelReservation/MyStay/GuestDetails/guestDetails.module.css b/apps/scandic-web/components/HotelReservation/MyStay/GuestDetails/guestDetails.module.css
index 06d437a2e..a48cb81cf 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/GuestDetails/guestDetails.module.css
+++ b/apps/scandic-web/components/HotelReservation/MyStay/GuestDetails/guestDetails.module.css
@@ -4,7 +4,7 @@
align-items: center;
background-color: var(--Main-Brand-PalePeach);
padding: var(--Space-x3) 0;
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
gap: var(--Space-x2);
}
diff --git a/apps/scandic-web/components/HotelReservation/MyStay/Modal/modal.module.css b/apps/scandic-web/components/HotelReservation/MyStay/Modal/modal.module.css
index ab721a46b..e38efe301 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/Modal/modal.module.css
+++ b/apps/scandic-web/components/HotelReservation/MyStay/Modal/modal.module.css
@@ -29,8 +29,8 @@
.modal {
background: var(--UI-Input-Controls-Surface-Normal);
- border-top-left-radius: var(--Corner-radius-lg);
- border-top-right-radius: var(--Corner-radius-lg);
+ border-top-left-radius: var(--Corner-Radius-lg);
+ border-top-right-radius: var(--Corner-Radius-lg);
max-height: 95dvh;
overflow-y: auto;
padding: var(--Space-x3);
@@ -71,7 +71,7 @@
}
.modal {
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
display: flex;
min-height: 300px;
min-width: 690px;
diff --git a/apps/scandic-web/components/HotelReservation/MyStay/ModifyContact/modifyContact.module.css b/apps/scandic-web/components/HotelReservation/MyStay/ModifyContact/modifyContact.module.css
index 37c9bda2e..7e09c8067 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/ModifyContact/modifyContact.module.css
+++ b/apps/scandic-web/components/HotelReservation/MyStay/ModifyContact/modifyContact.module.css
@@ -1,7 +1,7 @@
.container {
background-color: var(--Background-Primary);
padding: var(--Space-x2) var(--Space-x1) var(--Space-x3);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
}
.row {
diff --git a/apps/scandic-web/components/HotelReservation/MyStay/Promo/promo.module.css b/apps/scandic-web/components/HotelReservation/MyStay/Promo/promo.module.css
index 589ae3794..ed48ba01f 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/Promo/promo.module.css
+++ b/apps/scandic-web/components/HotelReservation/MyStay/Promo/promo.module.css
@@ -59,7 +59,7 @@
@media (min-width: 768px) {
.promo {
- border-radius: var(--Corner-radius-xl);
+ border-radius: var(--Corner-Radius-xl);
}
.content {
diff --git a/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/CustomerSupportModal/customerSupport.module.css b/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/CustomerSupportModal/customerSupport.module.css
index af073a3d8..3bb581608 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/CustomerSupportModal/customerSupport.module.css
+++ b/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/CustomerSupportModal/customerSupport.module.css
@@ -11,7 +11,7 @@
align-items: center;
background: var(--Surface-Feedback-Information-light);
border: 1px solid rgba(0, 0, 0, 0.05);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
color: var(--Text-Interactive-Default);
display: flex;
flex-direction: column;
diff --git a/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/Upcoming/ManageStay/Actions/CancelStay/Steps/Confirmation/Multiroom/multiroom.module.css b/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/Upcoming/ManageStay/Actions/CancelStay/Steps/Confirmation/Multiroom/multiroom.module.css
index afa20071b..2720b84c4 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/Upcoming/ManageStay/Actions/CancelStay/Steps/Confirmation/Multiroom/multiroom.module.css
+++ b/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/Upcoming/ManageStay/Actions/CancelStay/Steps/Confirmation/Multiroom/multiroom.module.css
@@ -28,7 +28,7 @@
.checkbox {
background: var(--Background-Primary);
border: 2px solid transparent;
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
padding: var(--Space-x2) var(--Space-x15);
}
@@ -65,7 +65,7 @@
.chip {
background-color: var(--Surface-Brand-Accent-Default);
- border-radius: var(--Corner-radius-sm);
+ border-radius: var(--Corner-Radius-sm);
padding: var(--Space-x1);
}
diff --git a/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/Upcoming/ManageStay/Actions/CancelStay/cancelStay.module.css b/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/Upcoming/ManageStay/Actions/CancelStay/cancelStay.module.css
index e2d06cf7e..5736f00c4 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/Upcoming/ManageStay/Actions/CancelStay/cancelStay.module.css
+++ b/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/Upcoming/ManageStay/Actions/CancelStay/cancelStay.module.css
@@ -18,7 +18,7 @@
display: flex;
padding: var(--Space-x2);
background-color: var(--Background-Primary);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
align-items: center;
gap: var(--Space-x1);
}
diff --git a/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/Upcoming/ManageStay/Actions/ChangeDates/Alerts/CustomerSupport/customerSupport.module.css b/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/Upcoming/ManageStay/Actions/ChangeDates/Alerts/CustomerSupport/customerSupport.module.css
index 091f9af45..a26aa2424 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/Upcoming/ManageStay/Actions/ChangeDates/Alerts/CustomerSupport/customerSupport.module.css
+++ b/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/Upcoming/ManageStay/Actions/ChangeDates/Alerts/CustomerSupport/customerSupport.module.css
@@ -10,7 +10,7 @@
align-items: center;
background-color: var(--Surface-Feedback-Information-light);
border: 1px solid rgba(0, 0, 0, 0.05);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
flex-direction: column;
gap: var(--Space-x1);
padding: var(--Space-x3);
diff --git a/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/Upcoming/ManageStay/Actions/ChangeDates/Steps/Form/NewDates/newDates.module.css b/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/Upcoming/ManageStay/Actions/ChangeDates/Steps/Form/NewDates/newDates.module.css
index 6e497264c..1c990ce54 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/Upcoming/ManageStay/Actions/ChangeDates/Steps/Form/NewDates/newDates.module.css
+++ b/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/Upcoming/ManageStay/Actions/ChangeDates/Steps/Form/NewDates/newDates.module.css
@@ -1,7 +1,7 @@
.container {
background-color: var(--Background-Primary);
padding: var(--Space-x2) var(--Space-x3) var(--Space-x3);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
display: flex;
flex-direction: column;
gap: var(--Space-x3);
@@ -18,7 +18,7 @@
align-items: center;
background-color: var(--Main-Grey-White);
border-color: var(--Scandic-Beige-40);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
border-style: solid;
border-width: 1px;
display: flex;
diff --git a/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/Upcoming/ManageStay/Actions/GuaranteeLateArrival/Form/form.module.css b/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/Upcoming/ManageStay/Actions/GuaranteeLateArrival/Form/form.module.css
index c07653c6b..858023203 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/Upcoming/ManageStay/Actions/GuaranteeLateArrival/Form/form.module.css
+++ b/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/Upcoming/ManageStay/Actions/GuaranteeLateArrival/Form/form.module.css
@@ -18,7 +18,7 @@
flex-direction: column;
gap: var(--Space-x2);
background-color: var(--Surface-Secondary-Default);
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
padding: var(--Space-x2);
}
@@ -31,7 +31,7 @@
.guaranteeCost {
align-items: center;
background-color: var(--Base-Surface-Subtle-Normal);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
display: flex;
gap: var(--Space-x3);
justify-content: flex-end;
diff --git a/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/Upcoming/ManageStay/Info/info.module.css b/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/Upcoming/ManageStay/Info/info.module.css
index 0ac314802..fa93ea5b6 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/Upcoming/ManageStay/Info/info.module.css
+++ b/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/Upcoming/ManageStay/Info/info.module.css
@@ -1,7 +1,7 @@
.container {
align-items: flex-start;
background-color: var(--Surface-Primary-OnSurface-Default);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
display: flex;
gap: var(--Space-x2);
justify-content: center;
diff --git a/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/PriceContainer/priceContainer.module.css b/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/PriceContainer/priceContainer.module.css
index ae3556518..7a62a3a78 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/PriceContainer/priceContainer.module.css
+++ b/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/PriceContainer/priceContainer.module.css
@@ -2,7 +2,7 @@
display: flex;
padding: var(--Space-x2);
background-color: var(--Background-Primary);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
align-items: center;
justify-content: flex-end;
}
diff --git a/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/referenceCard.module.css b/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/referenceCard.module.css
index c8f5d69d5..170274c73 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/referenceCard.module.css
+++ b/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/referenceCard.module.css
@@ -1,6 +1,6 @@
.referenceCard {
background-color: var(--Base-Surface-Primary-light-Normal);
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
box-shadow: var(--popup-box-shadow);
display: flex;
flex-direction: column;
diff --git a/apps/scandic-web/components/HotelReservation/MyStay/Rooms/MultiRoom/room.module.css b/apps/scandic-web/components/HotelReservation/MyStay/Rooms/MultiRoom/room.module.css
index f208b674f..7088f5679 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/Rooms/MultiRoom/room.module.css
+++ b/apps/scandic-web/components/HotelReservation/MyStay/Rooms/MultiRoom/room.module.css
@@ -18,7 +18,7 @@
flex-direction: column;
gap: var(--Space-x2);
background-color: var(--Background-Primary);
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
border: 1px solid var(--Base-Border-Subtle);
overflow: hidden;
padding-bottom: var(--Space-x3);
@@ -44,7 +44,7 @@
.chip {
background-color: var(--Scandic-Peach-30);
color: var(--Scandic-Red-100);
- border-radius: var(--Corner-radius-sm);
+ border-radius: var(--Corner-Radius-sm);
padding: var(--Space-x05) var(--Space-x1);
height: fit-content;
}
@@ -84,7 +84,7 @@
.package {
background-color: var(--Main-Grey-White);
padding: var(--Space-x05) var(--Space-x1);
- border-radius: var(--Corner-radius-sm);
+ border-radius: var(--Corner-Radius-sm);
}
.termsLabel {
diff --git a/apps/scandic-web/components/HotelReservation/MyStay/Rooms/MultiRoom/sidePeek.module.css b/apps/scandic-web/components/HotelReservation/MyStay/Rooms/MultiRoom/sidePeek.module.css
index 5baf7f679..c66c94e7c 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/Rooms/MultiRoom/sidePeek.module.css
+++ b/apps/scandic-web/components/HotelReservation/MyStay/Rooms/MultiRoom/sidePeek.module.css
@@ -1,7 +1,7 @@
.trigger {
background: none;
border: 1px solid var(--Base-Border-Subtle);
- border-radius: var(--Corner-radius-sm);
+ border-radius: var(--Corner-Radius-sm);
cursor: pointer;
display: flex;
padding: var(--Space-x05);
diff --git a/apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/BookingInformation/information.module.css b/apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/BookingInformation/information.module.css
index f781abcd7..f126e941c 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/BookingInformation/information.module.css
+++ b/apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/BookingInformation/information.module.css
@@ -2,7 +2,7 @@
align-items: center;
background-color: var(--Scandic-Beige-10);
border: 1px solid var(--Base-Border-Subtle);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
display: flex;
flex-direction: column-reverse;
gap: var(--Space-x2);
diff --git a/apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/Header/header.module.css b/apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/Header/header.module.css
index 6a593c01a..964127699 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/Header/header.module.css
+++ b/apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/Header/header.module.css
@@ -12,7 +12,7 @@
.chip {
background-color: var(--Scandic-Peach-30);
color: var(--Scandic-Red-100);
- border-radius: var(--Corner-radius-sm);
+ border-radius: var(--Corner-Radius-sm);
padding: var(--Space-x05) var(--Space-x1);
}
diff --git a/apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/Img/img.module.css b/apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/Img/img.module.css
index 842ab93b2..262a71027 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/Img/img.module.css
+++ b/apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/Img/img.module.css
@@ -16,7 +16,7 @@
}
.image {
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
height: 100%;
}
}
diff --git a/apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/Packages/packages.module.css b/apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/Packages/packages.module.css
index 7b378ceac..34e007034 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/Packages/packages.module.css
+++ b/apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/Packages/packages.module.css
@@ -10,7 +10,7 @@
.package {
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);
}
diff --git a/apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/room.module.css b/apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/room.module.css
index 151bada45..2331f512c 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/room.module.css
+++ b/apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/room.module.css
@@ -72,7 +72,7 @@
}
.booking {
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
background-color: var(--Background-Primary);
}
diff --git a/apps/scandic-web/components/LanguageSwitcher/LanguageSwitcherContent/languageSwitcherContent.module.css b/apps/scandic-web/components/LanguageSwitcher/LanguageSwitcherContent/languageSwitcherContent.module.css
index 635820b29..eeacdfc94 100644
--- a/apps/scandic-web/components/LanguageSwitcher/LanguageSwitcherContent/languageSwitcherContent.module.css
+++ b/apps/scandic-web/components/LanguageSwitcher/LanguageSwitcherContent/languageSwitcherContent.module.css
@@ -17,13 +17,13 @@
.link {
padding: var(--Space-x1);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
display: flex;
gap: var(--Space-x1);
justify-content: space-between;
align-items: center;
text-decoration: none;
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
}
@media screen and (min-width: 768px) {
diff --git a/apps/scandic-web/components/LanguageSwitcher/languageSwitcher.module.css b/apps/scandic-web/components/LanguageSwitcher/languageSwitcher.module.css
index 9b44619cf..a455d5274 100644
--- a/apps/scandic-web/components/LanguageSwitcher/languageSwitcher.module.css
+++ b/apps/scandic-web/components/LanguageSwitcher/languageSwitcher.module.css
@@ -95,7 +95,7 @@
.dropdown {
position: absolute;
background-color: var(--Base-Surface-Primary-light-Normal);
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
box-shadow: var(--popup-box-shadow);
display: none;
min-width: 12.5rem;
diff --git a/apps/scandic-web/components/Maps/MapWithButtonWrapper/mapWithButtonWrapper.module.css b/apps/scandic-web/components/Maps/MapWithButtonWrapper/mapWithButtonWrapper.module.css
index fbed5ce8e..6b0b1ffc5 100644
--- a/apps/scandic-web/components/Maps/MapWithButtonWrapper/mapWithButtonWrapper.module.css
+++ b/apps/scandic-web/components/Maps/MapWithButtonWrapper/mapWithButtonWrapper.module.css
@@ -1,7 +1,7 @@
.container {
display: flex;
position: relative;
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
overflow: hidden;
flex-direction: column;
diff --git a/apps/scandic-web/components/MeetingPackageWidget/meetingPackageWidget.module.css b/apps/scandic-web/components/MeetingPackageWidget/meetingPackageWidget.module.css
index 72134d856..27c6bb39b 100644
--- a/apps/scandic-web/components/MeetingPackageWidget/meetingPackageWidget.module.css
+++ b/apps/scandic-web/components/MeetingPackageWidget/meetingPackageWidget.module.css
@@ -21,7 +21,7 @@
justify-items: start;
padding: var(--Space-x1) var(--Space-x15);
background-color: var(--Surface-Primary-OnSurface-Default);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
flex-grow: 1;
}
@@ -48,7 +48,7 @@
bottom: 0;
left: 0;
right: 0;
- 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);
diff --git a/apps/scandic-web/components/MyPages/DigitalTeamMemberCard/digitalTeamMemberCard.module.css b/apps/scandic-web/components/MyPages/DigitalTeamMemberCard/digitalTeamMemberCard.module.css
index 0e2301914..af836b43f 100644
--- a/apps/scandic-web/components/MyPages/DigitalTeamMemberCard/digitalTeamMemberCard.module.css
+++ b/apps/scandic-web/components/MyPages/DigitalTeamMemberCard/digitalTeamMemberCard.module.css
@@ -21,7 +21,7 @@
.card {
touch-action: none;
overflow: hidden;
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
padding: var(--Space-x2);
height: 400px;
width: 327px;
diff --git a/apps/scandic-web/components/MyPages/LevelProgressCard/InnerCard/SuccessCard/successCard.module.css b/apps/scandic-web/components/MyPages/LevelProgressCard/InnerCard/SuccessCard/successCard.module.css
index f7c231a2d..2045e6524 100644
--- a/apps/scandic-web/components/MyPages/LevelProgressCard/InnerCard/SuccessCard/successCard.module.css
+++ b/apps/scandic-web/components/MyPages/LevelProgressCard/InnerCard/SuccessCard/successCard.module.css
@@ -1,6 +1,6 @@
.card {
background: var(--Surface-Primary-Default);
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
padding: var(--Space-x2) var(--Space-x4) var(--Space-x4);
display: grid;
justify-items: center;
diff --git a/apps/scandic-web/components/MyPages/LevelProgressCard/levelProgressCard.module.css b/apps/scandic-web/components/MyPages/LevelProgressCard/levelProgressCard.module.css
index a73293f9d..1d16c095b 100644
--- a/apps/scandic-web/components/MyPages/LevelProgressCard/levelProgressCard.module.css
+++ b/apps/scandic-web/components/MyPages/LevelProgressCard/levelProgressCard.module.css
@@ -20,7 +20,7 @@
}
.levelProgressCard {
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
padding: var(--Space-x3) var(--Space-x2);
position: relative;
min-height: 200px;
@@ -56,7 +56,7 @@
.innerCard {
background: var(--Surface-Primary-Default);
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
display: flex;
flex-direction: column;
gap: var(--Space-x2);
diff --git a/apps/scandic-web/components/MyPages/Pagination/pagination.module.css b/apps/scandic-web/components/MyPages/Pagination/pagination.module.css
index 150b1e691..6ff412ce6 100644
--- a/apps/scandic-web/components/MyPages/Pagination/pagination.module.css
+++ b/apps/scandic-web/components/MyPages/Pagination/pagination.module.css
@@ -3,7 +3,7 @@
justify-content: left;
padding: var(--Space-x2);
background-color: var(--Base-Surface-Primary-light-Normal);
- border-radius: var(--Corner-radius-rounded);
+ border-radius: var(--Corner-Radius-Rounded);
margin: auto;
gap: var(--Space-x5);
max-width: 100%;
@@ -35,5 +35,5 @@
.paginationButtonActive {
color: var(--Base-Text-Inverted);
background-color: var(--Base-Text-Accent);
- border-radius: var(--Corner-radius-rounded);
+ border-radius: var(--Corner-Radius-Rounded);
}
diff --git a/apps/scandic-web/components/MyPages/Profile/profile.module.css b/apps/scandic-web/components/MyPages/Profile/profile.module.css
index 0db913ac8..0d930139d 100644
--- a/apps/scandic-web/components/MyPages/Profile/profile.module.css
+++ b/apps/scandic-web/components/MyPages/Profile/profile.module.css
@@ -1,6 +1,6 @@
.container {
background-color: var(--Main-Grey-White);
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
display: grid;
gap: var(--Space-x4);
padding: var(--Space-x2) var(--Space-x2) var(--Space-x4);
diff --git a/apps/scandic-web/components/MyPages/ProfilingConsent/Banner/profilingConsentBanner.module.css b/apps/scandic-web/components/MyPages/ProfilingConsent/Banner/profilingConsentBanner.module.css
index b6567d5f3..afef5429f 100644
--- a/apps/scandic-web/components/MyPages/ProfilingConsent/Banner/profilingConsentBanner.module.css
+++ b/apps/scandic-web/components/MyPages/ProfilingConsent/Banner/profilingConsentBanner.module.css
@@ -3,7 +3,7 @@
padding: var(--Space-x4) var(--Space-x3);
display: grid;
align-items: center;
- border-radius: var(--Corner-radius-Large);
+ border-radius: var(--Corner-Radius-Large);
gap: var(--Space-x4);
grid-auto-flow: row;
diff --git a/apps/scandic-web/components/MyPages/ProfilingConsent/Modal/BenefitCards/benefitCards.module.css b/apps/scandic-web/components/MyPages/ProfilingConsent/Modal/BenefitCards/benefitCards.module.css
index e4fbb5234..2691bb7e2 100644
--- a/apps/scandic-web/components/MyPages/ProfilingConsent/Modal/BenefitCards/benefitCards.module.css
+++ b/apps/scandic-web/components/MyPages/ProfilingConsent/Modal/BenefitCards/benefitCards.module.css
@@ -9,7 +9,7 @@
.iconPane {
background: var(--Surface-Brand-Primary-1-Default);
- border-radius: var(--Corner-radius-xLarge);
+ border-radius: var(--Corner-Radius-xLarge);
display: grid;
place-items: center;
padding: var(--Space-x2) var(--Space-x15);
diff --git a/apps/scandic-web/components/MyPages/ProfilingConsent/Modal/profilingConsentModal.module.css b/apps/scandic-web/components/MyPages/ProfilingConsent/Modal/profilingConsentModal.module.css
index 6d70a3e2b..09b8f9bd3 100644
--- a/apps/scandic-web/components/MyPages/ProfilingConsent/Modal/profilingConsentModal.module.css
+++ b/apps/scandic-web/components/MyPages/ProfilingConsent/Modal/profilingConsentModal.module.css
@@ -32,7 +32,7 @@
box-shadow: var(--modal-box-shadow);
width: 100%;
max-width: 100%;
- border-radius: var(--Corner-radius-xl) var(--Corner-radius-xl) 0 0;
+ border-radius: var(--Corner-Radius-xl) var(--Corner-Radius-xl) 0 0;
}
.dialog {
@@ -90,12 +90,12 @@
padding: var(--Space-x2) var(--Space-x3) var(--Space-x3) var(--Space-x3);
border-top: 1px solid var(--Border-Divider-Subtle);
background: var(--Base-Surface-Primary-light-Normal);
- border-bottom-right-radius: var(--Corner-radius-xl);
- border-bottom-left-radius: var(--Corner-radius-xl);
+ border-bottom-right-radius: var(--Corner-Radius-xl);
+ border-bottom-left-radius: var(--Corner-Radius-xl);
}
.container {
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
background: var(--Base-Surface-Primary-light-Normal);
display: grid;
gap: var(--Space-x5);
@@ -119,7 +119,7 @@
.modal {
width: 95%;
max-width: 95%;
- border-radius: var(--Corner-radius-xl);
+ border-radius: var(--Corner-Radius-xl);
}
.actions {
diff --git a/apps/scandic-web/components/MyPages/Surprises/surprises.module.css b/apps/scandic-web/components/MyPages/Surprises/surprises.module.css
index 37f68530f..7dafd6b2a 100644
--- a/apps/scandic-web/components/MyPages/Surprises/surprises.module.css
+++ b/apps/scandic-web/components/MyPages/Surprises/surprises.module.css
@@ -52,7 +52,7 @@
.modal {
background-color: var(--Base-Surface-Primary-light-Normal);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
box-shadow: var(--modal-box-shadow);
width: 100%;
position: absolute;
diff --git a/apps/scandic-web/components/Profile/CreditCardRow/creditCardRow.module.css b/apps/scandic-web/components/Profile/CreditCardRow/creditCardRow.module.css
index 8a757f514..74dfee0bb 100644
--- a/apps/scandic-web/components/Profile/CreditCardRow/creditCardRow.module.css
+++ b/apps/scandic-web/components/Profile/CreditCardRow/creditCardRow.module.css
@@ -5,7 +5,7 @@
grid-template-columns: auto auto auto 1fr;
justify-items: flex-end;
padding: var(--Space-x1) var(--Space-x15);
- border-radius: var(--Corner-radius-Medium);
+ border-radius: var(--Corner-Radius-Medium);
background-color: var(--Base-Surface-Secondary-light-Normal);
}
diff --git a/apps/scandic-web/components/Rewards/ExpirationDate/expirationDate.module.css b/apps/scandic-web/components/Rewards/ExpirationDate/expirationDate.module.css
index 54821155d..ae695e329 100644
--- a/apps/scandic-web/components/Rewards/ExpirationDate/expirationDate.module.css
+++ b/apps/scandic-web/components/Rewards/ExpirationDate/expirationDate.module.css
@@ -5,5 +5,5 @@
align-items: center;
gap: var(--Space-x05);
background-color: var(--Base-Surface-Secondary-light-Normal);
- border-radius: var(--Corner-radius-sm);
+ border-radius: var(--Corner-Radius-sm);
}
diff --git a/apps/scandic-web/components/SasTierComparison/sasTierComparison.module.css b/apps/scandic-web/components/SasTierComparison/sasTierComparison.module.css
index 7320e6698..4eb8e198b 100644
--- a/apps/scandic-web/components/SasTierComparison/sasTierComparison.module.css
+++ b/apps/scandic-web/components/SasTierComparison/sasTierComparison.module.css
@@ -2,7 +2,7 @@
width: 100%;
gap: var(--Space-x6);
background-color: var(--Base-Surface-Primary-light-Normal);
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
padding: var(--Space-x6) var(--Space-x2);
}
diff --git a/apps/scandic-web/components/SidePeeks/AmenitiesSidepeekContent/Accordions/sidePeekAccordion.module.css b/apps/scandic-web/components/SidePeeks/AmenitiesSidepeekContent/Accordions/sidePeekAccordion.module.css
index 0ce3c161b..94dbafc05 100644
--- a/apps/scandic-web/components/SidePeeks/AmenitiesSidepeekContent/Accordions/sidePeekAccordion.module.css
+++ b/apps/scandic-web/components/SidePeeks/AmenitiesSidepeekContent/Accordions/sidePeekAccordion.module.css
@@ -17,7 +17,7 @@
display: grid;
padding: var(--Space-x2) var(--Space-x3);
gap: var(--Space-x1);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
background: var(--Surface-Secondary-Default);
}
diff --git a/apps/scandic-web/components/SidePeeks/BookedRoomSidePeekContent/bookedRoomSidePeekContent.module.css b/apps/scandic-web/components/SidePeeks/BookedRoomSidePeekContent/bookedRoomSidePeekContent.module.css
index 3d3afd5b4..35d0d6a08 100644
--- a/apps/scandic-web/components/SidePeeks/BookedRoomSidePeekContent/bookedRoomSidePeekContent.module.css
+++ b/apps/scandic-web/components/SidePeeks/BookedRoomSidePeekContent/bookedRoomSidePeekContent.module.css
@@ -32,7 +32,7 @@
.chip {
background-color: var(--Scandic-Peach-30);
color: var(--Scandic-Red-100);
- border-radius: var(--Corner-radius-sm);
+ border-radius: var(--Corner-Radius-sm);
padding: var(--Space-x05) var(--Space-x1);
height: fit-content;
}
@@ -44,7 +44,7 @@
.imageContainer {
position: relative;
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
overflow: hidden;
}
@@ -91,7 +91,7 @@
gap: var(--Space-x2);
background-color: var(--Scandic-Beige-10);
border: 1px solid var(--Base-Border-Subtle);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
}
.priceDetails {
@@ -167,7 +167,7 @@
gap: var(--Space-x3);
background-color: var(--Main-Grey-White);
border: 1px solid var(--Base-Border-Subtle);
- border-radius: var(--Corner-radius-sm);
+ border-radius: var(--Corner-Radius-sm);
}
.text {
diff --git a/apps/scandic-web/components/TempDesignSystem/AncillaryCard/ancillaryCard.module.css b/apps/scandic-web/components/TempDesignSystem/AncillaryCard/ancillaryCard.module.css
index fc5400198..6dbd6179f 100644
--- a/apps/scandic-web/components/TempDesignSystem/AncillaryCard/ancillaryCard.module.css
+++ b/apps/scandic-web/components/TempDesignSystem/AncillaryCard/ancillaryCard.module.css
@@ -8,7 +8,7 @@
position: relative;
width: 100%;
aspect-ratio: 16/9;
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
overflow: hidden;
}
diff --git a/apps/scandic-web/components/TempDesignSystem/LoyaltyCard/loyaltyCard.module.css b/apps/scandic-web/components/TempDesignSystem/LoyaltyCard/loyaltyCard.module.css
index 5d06a118b..33128bb42 100644
--- a/apps/scandic-web/components/TempDesignSystem/LoyaltyCard/loyaltyCard.module.css
+++ b/apps/scandic-web/components/TempDesignSystem/LoyaltyCard/loyaltyCard.module.css
@@ -1,7 +1,7 @@
.container {
align-items: center;
display: grid;
- border-radius: var(--Corner-radius-xl);
+ border-radius: var(--Corner-Radius-xl);
gap: var(--Space-x2);
min-height: 480px;
justify-content: space-between;
diff --git a/packages/booking-flow/lib/components/BookingCodeFilter/bookingCodeFilter.module.css b/packages/booking-flow/lib/components/BookingCodeFilter/bookingCodeFilter.module.css
index 2d5c4a3eb..fecbaaca0 100644
--- a/packages/booking-flow/lib/components/BookingCodeFilter/bookingCodeFilter.module.css
+++ b/packages/booking-flow/lib/components/BookingCodeFilter/bookingCodeFilter.module.css
@@ -4,7 +4,7 @@
}
.dialog {
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
background-color: var(--Surface-Primary-Default);
box-shadow: var(--popup-box-shadow);
max-width: 340px;
@@ -67,7 +67,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);
diff --git a/packages/booking-flow/lib/components/BookingConfirmation/Header/header.module.css b/packages/booking-flow/lib/components/BookingConfirmation/Header/header.module.css
index 023040c44..7bb9038b7 100644
--- a/packages/booking-flow/lib/components/BookingConfirmation/Header/header.module.css
+++ b/packages/booking-flow/lib/components/BookingConfirmation/Header/header.module.css
@@ -26,7 +26,7 @@
}
.actions {
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
display: grid;
grid-area: actions;
justify-content: flex-start;
diff --git a/packages/booking-flow/lib/components/BookingConfirmation/Rooms/LinkedReservation/linkedReservationCardSkeleton.module.css b/packages/booking-flow/lib/components/BookingConfirmation/Rooms/LinkedReservation/linkedReservationCardSkeleton.module.css
index bd74f1b93..e93321c91 100644
--- a/packages/booking-flow/lib/components/BookingConfirmation/Rooms/LinkedReservation/linkedReservationCardSkeleton.module.css
+++ b/packages/booking-flow/lib/components/BookingConfirmation/Rooms/LinkedReservation/linkedReservationCardSkeleton.module.css
@@ -6,7 +6,7 @@
.content {
background-color: var(--Background-Primary);
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
display: grid;
gap: var(--Space-x2);
padding: var(--Space-x2) var(--Space-x2) var(--Space-x3)
@@ -14,7 +14,7 @@
}
.img {
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
overflow: hidden;
}
diff --git a/packages/booking-flow/lib/components/BookingConfirmation/Rooms/LinkedReservation/retry.module.css b/packages/booking-flow/lib/components/BookingConfirmation/Rooms/LinkedReservation/retry.module.css
index 00575a86f..eadcd16bc 100644
--- a/packages/booking-flow/lib/components/BookingConfirmation/Rooms/LinkedReservation/retry.module.css
+++ b/packages/booking-flow/lib/components/BookingConfirmation/Rooms/LinkedReservation/retry.module.css
@@ -1,6 +1,6 @@
.retry {
background-color: var(--Background-Primary);
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
display: flex;
flex-direction: column;
gap: var(--Space-x2);
diff --git a/packages/booking-flow/lib/components/BookingConfirmation/Rooms/Room/index.tsx b/packages/booking-flow/lib/components/BookingConfirmation/Rooms/Room/index.tsx
index 18dbe3f18..39068b0b1 100644
--- a/packages/booking-flow/lib/components/BookingConfirmation/Rooms/Room/index.tsx
+++ b/packages/booking-flow/lib/components/BookingConfirmation/Rooms/Room/index.tsx
@@ -126,7 +126,7 @@ export function Room({
focalPoint={{ x: 50, y: 50 }}
height={204}
src={img.src}
- style={{ borderRadius: "var(--Corner-radius-md)" }}
+ style={{ borderRadius: "var(--Corner-Radius-md)" }}
title={img.title || img.title_En || ""}
width={204}
/>
diff --git a/packages/booking-flow/lib/components/BookingConfirmation/Rooms/Room/room.module.css b/packages/booking-flow/lib/components/BookingConfirmation/Rooms/Room/room.module.css
index 358763793..97d1bf7b3 100644
--- a/packages/booking-flow/lib/components/BookingConfirmation/Rooms/Room/room.module.css
+++ b/packages/booking-flow/lib/components/BookingConfirmation/Rooms/Room/room.module.css
@@ -13,7 +13,7 @@
.benefits {
align-items: center;
border: 1px solid var(--Base-Border-Subtle);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
display: flex;
gap: var(--Space-x1);
padding: var(--Space-x1) var(--Space-x15);
@@ -26,7 +26,7 @@
.booking {
background-color: var(--Background-Primary);
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
display: grid;
gap: var(--Space-x2);
padding: var(--Space-x2) var(--Space-x2) var(--Space-x3)
diff --git a/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/BookingCode/booking-code.module.css b/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/BookingCode/booking-code.module.css
index 2fb4bc380..ddc94090c 100644
--- a/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/BookingCode/booking-code.module.css
+++ b/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/BookingCode/booking-code.module.css
@@ -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 {
diff --git a/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Search/SearchList/ClearSearchButton/button.module.css b/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Search/SearchList/ClearSearchButton/button.module.css
index b2666efdf..c0d4fa414 100644
--- a/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Search/SearchList/ClearSearchButton/button.module.css
+++ b/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Search/SearchList/ClearSearchButton/button.module.css
@@ -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);
diff --git a/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Search/SearchList/Dialog/dialog.module.css b/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Search/SearchList/Dialog/dialog.module.css
index d5ab7efad..5eb17cb04 100644
--- a/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Search/SearchList/Dialog/dialog.module.css
+++ b/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Search/SearchList/Dialog/dialog.module.css
@@ -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;
diff --git a/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Search/SearchList/List/ListItem/listItem.module.css b/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Search/SearchList/List/ListItem/listItem.module.css
index abc06d0ba..8446536cc 100644
--- a/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Search/SearchList/List/ListItem/listItem.module.css
+++ b/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Search/SearchList/List/ListItem/listItem.module.css
@@ -1,5 +1,5 @@
.listItem {
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
cursor: pointer;
padding: var(--Space-x1);
}
diff --git a/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Search/search.module.css b/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Search/search.module.css
index f275adff0..66121d43c 100644
--- a/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Search/search.module.css
+++ b/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Search/search.module.css
@@ -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;
}
diff --git a/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/ValidationError/validationError.module.css b/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/ValidationError/validationError.module.css
index 462823ced..2c49d2605 100644
--- a/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/ValidationError/validationError.module.css
+++ b/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/ValidationError/validationError.module.css
@@ -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)));
diff --git a/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/formContent.module.css b/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/formContent.module.css
index 7c402f108..568efe1a1 100644
--- a/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/formContent.module.css
+++ b/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/formContent.module.css
@@ -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"] {
diff --git a/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/form.module.css b/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/form.module.css
index 5334d326f..f971842f7 100644
--- a/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/form.module.css
+++ b/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/form.module.css
@@ -22,7 +22,7 @@
@media screen and (min-width: 768px) {
.default {
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
}
}
diff --git a/packages/booking-flow/lib/components/BookingWidget/DatePicker/date-picker.module.css b/packages/booking-flow/lib/components/BookingWidget/DatePicker/date-picker.module.css
index e090ef43a..84f385146 100644
--- a/packages/booking-flow/lib/components/BookingWidget/DatePicker/date-picker.module.css
+++ b/packages/booking-flow/lib/components/BookingWidget/DatePicker/date-picker.module.css
@@ -13,7 +13,7 @@
bottom: 0;
right: 0;
padding: 20px var(--Space-x15) 0;
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
}
.datePicker[data-datepicker-open="true"] {
@@ -24,7 +24,7 @@
--header-height: 72px;
--sticky-button-height: 140px;
background-color: var(--Main-Grey-White);
- border-radius: var(--Corner-radius-lg) var(--Corner-radius-lg) 0 0;
+ border-radius: var(--Corner-Radius-lg) var(--Corner-Radius-lg) 0 0;
position: fixed;
left: 0;
right: 0;
@@ -41,7 +41,7 @@
}
.datePicker[data-datepicker-open="true"] {
- border-radius: var(--Corner-radius-lg) var(--Corner-radius-lg) 0 0;
+ border-radius: var(--Corner-Radius-lg) var(--Corner-Radius-lg) 0 0;
top: calc(max(var(--sitewide-alert-sticky-height), 20px));
}
}
@@ -54,7 +54,7 @@
.pickerContainer {
position: absolute;
display: grid;
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
box-shadow: var(--popup-box-shadow);
padding: var(--Space-x2) var(--Space-x3);
max-width: calc(100vw - 20px);
@@ -70,6 +70,6 @@
display: block;
overflow: hidden;
text-overflow: ellipsis;
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
}
}
diff --git a/packages/booking-flow/lib/components/BookingWidget/GuestsRoomsPicker/ValidationError/validationError.module.css b/packages/booking-flow/lib/components/BookingWidget/GuestsRoomsPicker/ValidationError/validationError.module.css
index 307625ff4..59c8afae9 100644
--- a/packages/booking-flow/lib/components/BookingWidget/GuestsRoomsPicker/ValidationError/validationError.module.css
+++ b/packages/booking-flow/lib/components/BookingWidget/GuestsRoomsPicker/ValidationError/validationError.module.css
@@ -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)));
diff --git a/packages/booking-flow/lib/components/BookingWidget/GuestsRoomsPicker/guests-rooms-picker.module.css b/packages/booking-flow/lib/components/BookingWidget/GuestsRoomsPicker/guests-rooms-picker.module.css
index 247669794..da3f2b729 100644
--- a/packages/booking-flow/lib/components/BookingWidget/GuestsRoomsPicker/guests-rooms-picker.module.css
+++ b/packages/booking-flow/lib/components/BookingWidget/GuestsRoomsPicker/guests-rooms-picker.module.css
@@ -2,7 +2,7 @@
display: flex;
padding: var(--Space-x15);
border: 1px solid var(--Border-Default);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
justify-content: center;
}
@@ -53,7 +53,7 @@
bottom: 0;
right: 0;
padding: 20px var(--Space-x15) 0;
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
display: block;
overflow: hidden;
text-overflow: ellipsis;
@@ -100,7 +100,7 @@
--header-height: 72px;
--sticky-button-height: 140px;
background-color: var(--Main-Grey-White);
- border-radius: var(--Corner-radius-lg) var(--Corner-radius-lg) 0 0;
+ border-radius: var(--Corner-Radius-lg) var(--Corner-Radius-lg) 0 0;
position: fixed;
top: calc(max(var(--sitewide-alert-sticky-height), 20px));
right: 0;
@@ -180,7 +180,7 @@
bottom: auto;
left: auto;
right: auto;
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
box-shadow: var(--popup-box-shadow);
min-width: 360px;
max-width: calc(100vw - 20px);
diff --git a/packages/booking-flow/lib/components/BookingWidget/MobileToggleButton/button.module.css b/packages/booking-flow/lib/components/BookingWidget/MobileToggleButton/button.module.css
index 17ef9ddec..e6bf170cc 100644
--- a/packages/booking-flow/lib/components/BookingWidget/MobileToggleButton/button.module.css
+++ b/packages/booking-flow/lib/components/BookingWidget/MobileToggleButton/button.module.css
@@ -14,7 +14,7 @@
/* To avoid this "flash" the styling is set to transparent) */
/* It is a non-standard css proprty, so shouldn't have too much of an effect on accessibility. */
-webkit-tap-highlight-color: transparent;
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
}
.complete {
diff --git a/packages/booking-flow/lib/components/BookingWidget/bookingWidget.module.css b/packages/booking-flow/lib/components/BookingWidget/bookingWidget.module.css
index 73e2eb561..9471abd09 100644
--- a/packages/booking-flow/lib/components/BookingWidget/bookingWidget.module.css
+++ b/packages/booking-flow/lib/components/BookingWidget/bookingWidget.module.css
@@ -52,13 +52,13 @@
.compact {
.formContainer {
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
}
}
@media screen and (max-width: 767px) {
.formContainer {
- border-radius: var(--Corner-radius-lg) var(--Corner-radius-lg) 0 0;
+ border-radius: var(--Corner-Radius-lg) var(--Corner-Radius-lg) 0 0;
}
}
diff --git a/packages/booking-flow/lib/components/EnterDetails/Confirm/Guarantee/guarantee.module.css b/packages/booking-flow/lib/components/EnterDetails/Confirm/Guarantee/guarantee.module.css
index b912585e0..ed1a86006 100644
--- a/packages/booking-flow/lib/components/EnterDetails/Confirm/Guarantee/guarantee.module.css
+++ b/packages/booking-flow/lib/components/EnterDetails/Confirm/Guarantee/guarantee.module.css
@@ -2,7 +2,7 @@
display: grid;
gap: var(--Space-x2);
background-color: var(--Surface-Secondary-Default);
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
padding: var(--Space-x2);
}
diff --git a/packages/booking-flow/lib/components/EnterDetails/Confirm/confirm.module.css b/packages/booking-flow/lib/components/EnterDetails/Confirm/confirm.module.css
index 1a79a636b..ede307156 100644
--- a/packages/booking-flow/lib/components/EnterDetails/Confirm/confirm.module.css
+++ b/packages/booking-flow/lib/components/EnterDetails/Confirm/confirm.module.css
@@ -5,7 +5,7 @@
.selections {
background-color: var(--Surface-Secondary-Default);
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
display: flex;
flex-direction: column;
gap: var(--Space-x2);
diff --git a/packages/booking-flow/lib/components/EnterDetails/Details/Multiroom/JoinScandicFriendsCard/joinScandicFriendsCard.module.css b/packages/booking-flow/lib/components/EnterDetails/Details/Multiroom/JoinScandicFriendsCard/joinScandicFriendsCard.module.css
index 8060ee585..53a12f7d3 100644
--- a/packages/booking-flow/lib/components/EnterDetails/Details/Multiroom/JoinScandicFriendsCard/joinScandicFriendsCard.module.css
+++ b/packages/booking-flow/lib/components/EnterDetails/Details/Multiroom/JoinScandicFriendsCard/joinScandicFriendsCard.module.css
@@ -1,7 +1,7 @@
.cardContainer {
align-self: flex-start;
background-color: var(--Surface-Primary-Hover-Accent);
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
display: grid;
gap: var(--Space-x2);
padding: var(--Space-x2);
diff --git a/packages/booking-flow/lib/components/EnterDetails/Details/Multiroom/PartnerSASJoinScandicFriendsCard/partnerSASJoinScandicFriendsCard.module.css b/packages/booking-flow/lib/components/EnterDetails/Details/Multiroom/PartnerSASJoinScandicFriendsCard/partnerSASJoinScandicFriendsCard.module.css
index fc40085e1..0d08ea31c 100644
--- a/packages/booking-flow/lib/components/EnterDetails/Details/Multiroom/PartnerSASJoinScandicFriendsCard/partnerSASJoinScandicFriendsCard.module.css
+++ b/packages/booking-flow/lib/components/EnterDetails/Details/Multiroom/PartnerSASJoinScandicFriendsCard/partnerSASJoinScandicFriendsCard.module.css
@@ -1,7 +1,7 @@
.cardContainer {
align-self: flex-start;
background-color: var(--Surface-Primary-Hover-Accent);
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
display: grid;
gap: var(--Space-x2);
padding: var(--Space-x2);
diff --git a/packages/booking-flow/lib/components/EnterDetails/Details/RoomOne/JoinScandicFriendsCard/joinScandicFriendsCard.module.css b/packages/booking-flow/lib/components/EnterDetails/Details/RoomOne/JoinScandicFriendsCard/joinScandicFriendsCard.module.css
index 2242d1e21..d0f9cbefd 100644
--- a/packages/booking-flow/lib/components/EnterDetails/Details/RoomOne/JoinScandicFriendsCard/joinScandicFriendsCard.module.css
+++ b/packages/booking-flow/lib/components/EnterDetails/Details/RoomOne/JoinScandicFriendsCard/joinScandicFriendsCard.module.css
@@ -1,7 +1,7 @@
.cardContainer {
align-self: flex-start;
background-color: var(--Surface-Primary-Hover-Accent);
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
display: grid;
gap: var(--Space-x2);
padding: var(--Space-x2);
diff --git a/packages/booking-flow/lib/components/EnterDetails/Details/RoomOne/PartnerSASJoinScandicFriendsCard/partnerSASJoinScandicFriendsCard.module.css b/packages/booking-flow/lib/components/EnterDetails/Details/RoomOne/PartnerSASJoinScandicFriendsCard/partnerSASJoinScandicFriendsCard.module.css
index fc40085e1..0d08ea31c 100644
--- a/packages/booking-flow/lib/components/EnterDetails/Details/RoomOne/PartnerSASJoinScandicFriendsCard/partnerSASJoinScandicFriendsCard.module.css
+++ b/packages/booking-flow/lib/components/EnterDetails/Details/RoomOne/PartnerSASJoinScandicFriendsCard/partnerSASJoinScandicFriendsCard.module.css
@@ -1,7 +1,7 @@
.cardContainer {
align-self: flex-start;
background-color: var(--Surface-Primary-Hover-Accent);
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
display: grid;
gap: var(--Space-x2);
padding: var(--Space-x2);
diff --git a/packages/booking-flow/lib/components/EnterDetails/Payment/MixedRatePaymentBreakdown/mixedRatePaymentBreakdown.module.css b/packages/booking-flow/lib/components/EnterDetails/Payment/MixedRatePaymentBreakdown/mixedRatePaymentBreakdown.module.css
index 452a8103b..8fbcbff53 100644
--- a/packages/booking-flow/lib/components/EnterDetails/Payment/MixedRatePaymentBreakdown/mixedRatePaymentBreakdown.module.css
+++ b/packages/booking-flow/lib/components/EnterDetails/Payment/MixedRatePaymentBreakdown/mixedRatePaymentBreakdown.module.css
@@ -10,7 +10,7 @@
background-color: var(--Scandic-Blue-00);
padding: var(--Space-x15);
border: 1px solid rgba(0, 0, 0, 0.05);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
}
.roomInfo {
diff --git a/packages/booking-flow/lib/components/EnterDetails/PriceChangeDialog/priceChangeDialog.module.css b/packages/booking-flow/lib/components/EnterDetails/PriceChangeDialog/priceChangeDialog.module.css
index ba67a3ce1..c4892e984 100644
--- a/packages/booking-flow/lib/components/EnterDetails/PriceChangeDialog/priceChangeDialog.module.css
+++ b/packages/booking-flow/lib/components/EnterDetails/PriceChangeDialog/priceChangeDialog.module.css
@@ -52,8 +52,8 @@
.dialog {
background-color: var(--Scandic-Brand-Pale-Peach);
- border-top-left-radius: var(--Corner-radius-md);
- border-top-right-radius: var(--Corner-radius-md);
+ border-top-left-radius: var(--Corner-Radius-md);
+ border-top-right-radius: var(--Corner-Radius-md);
box-shadow: var(--modal-box-shadow);
display: flex;
@@ -102,7 +102,7 @@
}
.dialog {
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
padding: var(--Space-x6);
width: fit-content;
}
diff --git a/packages/booking-flow/lib/components/EnterDetails/Summary/UI/ui.module.css b/packages/booking-flow/lib/components/EnterDetails/Summary/UI/ui.module.css
index 5ec32b07c..ef6a063f4 100644
--- a/packages/booking-flow/lib/components/EnterDetails/Summary/UI/ui.module.css
+++ b/packages/booking-flow/lib/components/EnterDetails/Summary/UI/ui.module.css
@@ -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);
diff --git a/packages/booking-flow/lib/components/ListingHotelCardDialog/listingHotelCardDialog.module.css b/packages/booking-flow/lib/components/ListingHotelCardDialog/listingHotelCardDialog.module.css
index 9bdc7e0c2..4d8abc6a7 100644
--- a/packages/booking-flow/lib/components/ListingHotelCardDialog/listingHotelCardDialog.module.css
+++ b/packages/booking-flow/lib/components/ListingHotelCardDialog/listingHotelCardDialog.module.css
@@ -1,6 +1,6 @@
.container {
border: 1px solid var(--Base-Border-Subtle);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
min-width: 358px;
background: var(--Base-Surface-Primary-light-Normal);
box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.1);
@@ -40,7 +40,7 @@
}
.priceCard {
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
padding: var(--Space-x05) var(--Space-x1);
background: var(--Base-Surface-Secondary-light-Normal);
margin-top: var(--Space-x1);
@@ -83,7 +83,7 @@
}
.notEnoughPointsButton {
- border-radius: var(--Corner-radius-rounded);
+ border-radius: var(--Corner-Radius-Rounded);
border-width: 2px;
border-style: solid;
display: flex;
diff --git a/packages/booking-flow/lib/components/RoomCardSkeleton/RoomCardSkeleton.module.css b/packages/booking-flow/lib/components/RoomCardSkeleton/RoomCardSkeleton.module.css
index 09655a3ed..ca8a55ce5 100644
--- a/packages/booking-flow/lib/components/RoomCardSkeleton/RoomCardSkeleton.module.css
+++ b/packages/booking-flow/lib/components/RoomCardSkeleton/RoomCardSkeleton.module.css
@@ -3,7 +3,7 @@
display: flex;
flex-direction: column;
background-color: #fff;
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
border: 1px solid var(--Base-Border-Subtle);
position: relative;
height: 100%;
diff --git a/packages/booking-flow/lib/components/RoomDetailsSidePeek/RoomSidePeekContent/roomSidePeekContent.module.css b/packages/booking-flow/lib/components/RoomDetailsSidePeek/RoomSidePeekContent/roomSidePeekContent.module.css
index 86730ad01..6a0ee424f 100644
--- a/packages/booking-flow/lib/components/RoomDetailsSidePeek/RoomSidePeekContent/roomSidePeekContent.module.css
+++ b/packages/booking-flow/lib/components/RoomDetailsSidePeek/RoomSidePeekContent/roomSidePeekContent.module.css
@@ -21,7 +21,7 @@
.imageContainer {
position: relative;
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
overflow: hidden;
}
diff --git a/packages/booking-flow/lib/components/SelectHotel/Filters/FilterAndSortModal/filterAndSortModal.module.css b/packages/booking-flow/lib/components/SelectHotel/Filters/FilterAndSortModal/filterAndSortModal.module.css
index 6551a7eeb..3b5f5a1a0 100644
--- a/packages/booking-flow/lib/components/SelectHotel/Filters/FilterAndSortModal/filterAndSortModal.module.css
+++ b/packages/booking-flow/lib/components/SelectHotel/Filters/FilterAndSortModal/filterAndSortModal.module.css
@@ -44,7 +44,7 @@
bottom: 0;
height: calc(100dvh - 20px);
background-color: var(--Base-Surface-Primary-light-Normal);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
box-shadow: var(--modal-box-shadow);
width: 100%;
@@ -71,7 +71,7 @@
.badge {
background-color: var(--Base-Text-Accent);
- border-radius: var(--Corner-radius-xl);
+ border-radius: var(--Corner-Radius-xl);
width: 20px;
height: 20px;
color: #ffffff;
@@ -146,8 +146,8 @@
top: 0;
background: var(--Base-Surface-Primary-light-Normal);
z-index: 1;
- border-top-left-radius: var(--Corner-radius-lg);
- border-top-right-radius: var(--Corner-radius-lg);
+ border-top-left-radius: var(--Corner-Radius-lg);
+ border-top-right-radius: var(--Corner-Radius-lg);
}
.title {
@@ -181,8 +181,8 @@
bottom: 0;
background: var(--Base-Surface-Primary-light-Normal);
z-index: 1;
- border-bottom-left-radius: var(--Corner-radius-lg);
- border-bottom-right-radius: var(--Corner-radius-lg);
+ border-bottom-left-radius: var(--Corner-Radius-lg);
+ border-bottom-right-radius: var(--Corner-Radius-lg);
padding: var(--Space-x2) var(--Space-x3);
}
@@ -202,7 +202,7 @@
.filters ul li:hover {
background: var(--UI-Input-Controls-Surface-Hover);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
outline: none;
}
.filters ul li {
diff --git a/packages/booking-flow/lib/components/SelectHotel/MapWithButtonWrapper/mapWithButtonWrapper.module.css b/packages/booking-flow/lib/components/SelectHotel/MapWithButtonWrapper/mapWithButtonWrapper.module.css
index fbed5ce8e..6b0b1ffc5 100644
--- a/packages/booking-flow/lib/components/SelectHotel/MapWithButtonWrapper/mapWithButtonWrapper.module.css
+++ b/packages/booking-flow/lib/components/SelectHotel/MapWithButtonWrapper/mapWithButtonWrapper.module.css
@@ -1,7 +1,7 @@
.container {
display: flex;
position: relative;
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
overflow: hidden;
flex-direction: column;
diff --git a/packages/booking-flow/lib/components/SelectRate/RoomsContainer/RateSummary/MobileSummary/Content/summaryContent.module.css b/packages/booking-flow/lib/components/SelectRate/RoomsContainer/RateSummary/MobileSummary/Content/summaryContent.module.css
index 9ceb332a1..f3b1d05d3 100644
--- a/packages/booking-flow/lib/components/SelectRate/RoomsContainer/RateSummary/MobileSummary/Content/summaryContent.module.css
+++ b/packages/booking-flow/lib/components/SelectRate/RoomsContainer/RateSummary/MobileSummary/Content/summaryContent.module.css
@@ -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);
diff --git a/packages/booking-flow/lib/components/SelectRate/RoomsContainer/RateSummary/MobileSummary/summary.module.css b/packages/booking-flow/lib/components/SelectRate/RoomsContainer/RateSummary/MobileSummary/summary.module.css
index 20d8d5415..1aa00aaa1 100644
--- a/packages/booking-flow/lib/components/SelectRate/RoomsContainer/RateSummary/MobileSummary/summary.module.css
+++ b/packages/booking-flow/lib/components/SelectRate/RoomsContainer/RateSummary/MobileSummary/summary.module.css
@@ -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);
diff --git a/packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/MultiRoomWrapper/SelectedRoomPanel/selectedRoomPanel.module.css b/packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/MultiRoomWrapper/SelectedRoomPanel/selectedRoomPanel.module.css
index 5e2a94055..4d2c21352 100644
--- a/packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/MultiRoomWrapper/SelectedRoomPanel/selectedRoomPanel.module.css
+++ b/packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/MultiRoomWrapper/SelectedRoomPanel/selectedRoomPanel.module.css
@@ -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;
diff --git a/packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/MultiRoomWrapper/multiRoomWrapper.module.css b/packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/MultiRoomWrapper/multiRoomWrapper.module.css
index b04ebc350..28ed5f46f 100644
--- a/packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/MultiRoomWrapper/multiRoomWrapper.module.css
+++ b/packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/MultiRoomWrapper/multiRoomWrapper.module.css
@@ -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);
diff --git a/packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/RoomsHeader/RoomPackageFilter/Form/Checkboxes/checkbox.module.css b/packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/RoomsHeader/RoomPackageFilter/Form/Checkboxes/checkbox.module.css
index 311194ab6..7255e6dfe 100644
--- a/packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/RoomsHeader/RoomPackageFilter/Form/Checkboxes/checkbox.module.css
+++ b/packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/RoomsHeader/RoomPackageFilter/Form/Checkboxes/checkbox.module.css
@@ -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;
diff --git a/packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/RoomsHeader/RoomPackageFilter/roomPackageFilter.module.css b/packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/RoomsHeader/RoomPackageFilter/roomPackageFilter.module.css
index f2efac922..4bbbb1fd8 100644
--- a/packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/RoomsHeader/RoomPackageFilter/roomPackageFilter.module.css
+++ b/packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/RoomsHeader/RoomPackageFilter/roomPackageFilter.module.css
@@ -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;
diff --git a/packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/RoomImage/image.module.css b/packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/RoomImage/image.module.css
index 5e532af61..a6339909e 100644
--- a/packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/RoomImage/image.module.css
+++ b/packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/RoomImage/image.module.css
@@ -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);
}
diff --git a/packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/RoomNotAvailable/notAvailable.module.css b/packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/RoomNotAvailable/notAvailable.module.css
index 323fcb0aa..b7ccf9dc7 100644
--- a/packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/RoomNotAvailable/notAvailable.module.css
+++ b/packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/RoomNotAvailable/notAvailable.module.css
@@ -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;
diff --git a/packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/roomListItem.module.css b/packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/roomListItem.module.css
index 5181faab6..212d6a4e4 100644
--- a/packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/roomListItem.module.css
+++ b/packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/roomListItem.module.css
@@ -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;
diff --git a/packages/booking-flow/lib/components/SidePanel/sidePanel.module.css b/packages/booking-flow/lib/components/SidePanel/sidePanel.module.css
index 63bc9b35a..2760d9a0a 100644
--- a/packages/booking-flow/lib/components/SidePanel/sidePanel.module.css
+++ b/packages/booking-flow/lib/components/SidePanel/sidePanel.module.css
@@ -36,7 +36,7 @@
.wrapper {
background-color: var(--Main-Grey-White);
border-color: var(--Primary-Light-On-Surface-Divider-subtle);
- border-radius: var(--Corner-radius-lg) var(--Corner-radius-lg) 0 0;
+ border-radius: var(--Corner-Radius-lg) var(--Corner-Radius-lg) 0 0;
border-style: solid;
border-width: 1px;
border-bottom: none;
diff --git a/packages/booking-flow/lib/components/SidePeekAccordions/sidePeekAccordion.module.css b/packages/booking-flow/lib/components/SidePeekAccordions/sidePeekAccordion.module.css
index 0ce3c161b..94dbafc05 100644
--- a/packages/booking-flow/lib/components/SidePeekAccordions/sidePeekAccordion.module.css
+++ b/packages/booking-flow/lib/components/SidePeekAccordions/sidePeekAccordion.module.css
@@ -17,7 +17,7 @@
display: grid;
padding: var(--Space-x2) var(--Space-x3);
gap: var(--Space-x1);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
background: var(--Surface-Secondary-Default);
}
diff --git a/packages/booking-flow/lib/components/SignupPromo/signupPromo.module.css b/packages/booking-flow/lib/components/SignupPromo/signupPromo.module.css
index 2749bdfd7..629dfe753 100644
--- a/packages/booking-flow/lib/components/SignupPromo/signupPromo.module.css
+++ b/packages/booking-flow/lib/components/SignupPromo/signupPromo.module.css
@@ -10,8 +10,8 @@
.memberDiscountBannerDesktop {
display: none;
background: var(--Primary-Light-Surface-Normal);
- border-radius: var(--Corner-radius-xl) var(--Corner-radius-xl) 0px
- var(--Corner-radius-xl);
+ border-radius: var(--Corner-Radius-xl) var(--Corner-Radius-xl) 0px
+ var(--Corner-Radius-xl);
align-items: center;
padding: var(--Space-x15) var(--Space-x2);
gap: var(--Space-x2);
diff --git a/packages/common/constants/signatureHotels.ts b/packages/common/constants/signatureHotels.ts
index 1ea37e868..2627ec87d 100644
--- a/packages/common/constants/signatureHotels.ts
+++ b/packages/common/constants/signatureHotels.ts
@@ -5,4 +5,5 @@ export enum SignatureHotelEnum {
HotelNorge = "785",
Marski = "605",
TheDock = "796",
+ BassinSeven = "717",
}
diff --git a/packages/common/utils/theme/index.ts b/packages/common/utils/theme/index.ts
index 482a9d767..d9a1e17d6 100644
--- a/packages/common/utils/theme/index.ts
+++ b/packages/common/utils/theme/index.ts
@@ -10,6 +10,7 @@ export enum Theme {
hotelNorge = "hotel-norge",
marski = "marski",
theDock = "the-dock",
+ bassinSeven = "bassin-seven",
}
export const DEFAULT_THEME = Theme.scandic
@@ -29,6 +30,8 @@ function getSignatureHotelTheme(hotelId: string) {
return Theme.marski
case SignatureHotelEnum.TheDock:
return Theme.theDock
+ case SignatureHotelEnum.BassinSeven:
+ return Theme.bassinSeven
default:
return DEFAULT_THEME
}
diff --git a/packages/design-system/.storybook/content/colors/bassinSeven.mdx b/packages/design-system/.storybook/content/colors/bassinSeven.mdx
new file mode 100644
index 000000000..5062cddf8
--- /dev/null
+++ b/packages/design-system/.storybook/content/colors/bassinSeven.mdx
@@ -0,0 +1,11 @@
+import { Meta } from "@storybook/addon-docs/blocks"
+
+import { Colors } from "../Colors"
+
+import { bassinSeven } from "../../../lib/tokens"
+
+
+
+# Colors: Bassin Seven
+
+
diff --git a/packages/design-system/.storybook/preview.tsx b/packages/design-system/.storybook/preview.tsx
index b44a8cfa9..b8b4b3eee 100644
--- a/packages/design-system/.storybook/preview.tsx
+++ b/packages/design-system/.storybook/preview.tsx
@@ -18,6 +18,7 @@ export const themes = {
"Hotel Norge": "hotel-norge",
Marski: "marski",
"The Dock": "the-dock",
+ "Bassin Seven": "bassin-seven",
},
defaultTheme: "Scandic",
}
diff --git a/packages/design-system/generate/variables.json b/packages/design-system/generate/variables.json
index ebd177c14..9393eeecd 100644
--- a/packages/design-system/generate/variables.json
+++ b/packages/design-system/generate/variables.json
@@ -1946,6 +1946,12 @@
"isAlias": false,
"value": "#06237C"
},
+ {
+ "name": "Signature/The Dock/Artic Oker/60",
+ "type": "color",
+ "isAlias": false,
+ "value": "#FFB839"
+ },
{
"name": "Signature/The Dock/Signal Blue/90",
"type": "color",
@@ -1953,10 +1959,208 @@
"value": "#030F34"
},
{
- "name": "Signature/The Dock/Artic Oker/60",
+ "name": "Signature/Bassin Seven/Rusty/40",
"type": "color",
"isAlias": false,
- "value": "#FFB839"
+ "value": "#B17D2A"
+ },
+ {
+ "name": "Signature/Bassin Seven/Rusty/50",
+ "type": "color",
+ "isAlias": false,
+ "value": "#9F7126"
+ },
+ {
+ "name": "Signature/Bassin Seven/Rusty/60",
+ "type": "color",
+ "isAlias": false,
+ "value": "#8E6422"
+ },
+ {
+ "name": "Signature/Bassin Seven/Rusty/70",
+ "type": "color",
+ "isAlias": false,
+ "value": "#855E20"
+ },
+ {
+ "name": "Signature/Bassin Seven/Rusty/80",
+ "type": "color",
+ "isAlias": false,
+ "value": "#6A4B19"
+ },
+ {
+ "name": "Signature/Bassin Seven/Rusty/90",
+ "type": "color",
+ "isAlias": false,
+ "value": "#503813"
+ },
+ {
+ "name": "Signature/Bassin Seven/Black Pearl/40",
+ "type": "color",
+ "isAlias": false,
+ "value": "#C0C5C9"
+ },
+ {
+ "name": "Signature/Bassin Seven/Black Pearl/50",
+ "type": "color",
+ "isAlias": false,
+ "value": "#8D979E"
+ },
+ {
+ "name": "Signature/Bassin Seven/Black Pearl/60",
+ "type": "color",
+ "isAlias": false,
+ "value": "#616F79"
+ },
+ {
+ "name": "Signature/Bassin Seven/Black Pearl/70",
+ "type": "color",
+ "isAlias": false,
+ "value": "#465662"
+ },
+ {
+ "name": "Signature/Bassin Seven/Black Pearl/80",
+ "type": "color",
+ "isAlias": false,
+ "value": "#1F3442"
+ },
+ {
+ "name": "Signature/Bassin Seven/Black Pearl/90",
+ "type": "color",
+ "isAlias": false,
+ "value": "#011828"
+ },
+ {
+ "name": "Signature/Bassin Seven/Black Pearl/100",
+ "type": "color",
+ "isAlias": false,
+ "value": "#010D16"
+ },
+ {
+ "name": "Signature/Bassin Seven/Mantle/10",
+ "type": "color",
+ "isAlias": false,
+ "value": "#F4F6F5"
+ },
+ {
+ "name": "Signature/Bassin Seven/Mantle/20",
+ "type": "color",
+ "isAlias": false,
+ "value": "#E4E9E6"
+ },
+ {
+ "name": "Signature/Bassin Seven/Mantle/30",
+ "type": "color",
+ "isAlias": false,
+ "value": "#CED8D3"
+ },
+ {
+ "name": "Signature/Bassin Seven/Mantle/40",
+ "type": "color",
+ "isAlias": false,
+ "value": "#B8C6BE"
+ },
+ {
+ "name": "Signature/Bassin Seven/Mantle/50",
+ "type": "color",
+ "isAlias": false,
+ "value": "#A2B5AB"
+ },
+ {
+ "name": "Signature/Bassin Seven/Mantle/60",
+ "type": "color",
+ "isAlias": false,
+ "value": "#8EA598"
+ },
+ {
+ "name": "Signature/Bassin Seven/Mantle/70",
+ "type": "color",
+ "isAlias": false,
+ "value": "#798C81"
+ },
+ {
+ "name": "Signature/Bassin Seven/Mantle/80",
+ "type": "color",
+ "isAlias": false,
+ "value": "#65756C"
+ },
+ {
+ "name": "Signature/Bassin Seven/Mantle/90",
+ "type": "color",
+ "isAlias": false,
+ "value": "#515E57"
+ },
+ {
+ "name": "Signature/Bassin Seven/Mantle/100",
+ "type": "color",
+ "isAlias": false,
+ "value": "#404A44"
+ },
+ {
+ "name": "Signature/Bassin Seven/Satin Linen/0",
+ "type": "color",
+ "isAlias": false,
+ "value": "#FDFCFB"
+ },
+ {
+ "name": "Signature/Bassin Seven/Satin Linen/10",
+ "type": "color",
+ "isAlias": false,
+ "value": "#F8F6F1"
+ },
+ {
+ "name": "Signature/Bassin Seven/Satin Linen/20",
+ "type": "color",
+ "isAlias": false,
+ "value": "#F4F2EA"
+ },
+ {
+ "name": "Signature/Bassin Seven/Satin Linen/30",
+ "type": "color",
+ "isAlias": false,
+ "value": "#EFECE1"
+ },
+ {
+ "name": "Signature/Bassin Seven/Satin Linen/40",
+ "type": "color",
+ "isAlias": false,
+ "value": "#ECE9DB"
+ },
+ {
+ "name": "Signature/Bassin Seven/Satin Linen/50",
+ "type": "color",
+ "isAlias": false,
+ "value": "#E7E3D2"
+ },
+ {
+ "name": "Signature/Bassin Seven/Satin Linen/60",
+ "type": "color",
+ "isAlias": false,
+ "value": "#D2CFBF"
+ },
+ {
+ "name": "Signature/Bassin Seven/Satin Linen/70",
+ "type": "color",
+ "isAlias": false,
+ "value": "#A4A195"
+ },
+ {
+ "name": "Signature/Bassin Seven/Satin Linen/80",
+ "type": "color",
+ "isAlias": false,
+ "value": "#7F7D74"
+ },
+ {
+ "name": "Signature/Bassin Seven/Satin Linen/90",
+ "type": "color",
+ "isAlias": false,
+ "value": "#615F58"
+ },
+ {
+ "name": "Signature/Bassin Seven/Coral/40",
+ "type": "color",
+ "isAlias": false,
+ "value": "#ED5454"
}
]
}
@@ -2507,6 +2711,12 @@
"name": "Font family/Scandic/Title"
}
},
+ {
+ "name": "Title/md/Letter spacing",
+ "type": "number",
+ "isAlias": false,
+ "value": 0.09000000357627869
+ },
{
"name": "Title/sm/Size",
"type": "number",
@@ -2516,12 +2726,6 @@
"name": "Text size/lg"
}
},
- {
- "name": "Title/md/Letter spacing",
- "type": "number",
- "isAlias": false,
- "value": 0.09000000357627869
- },
{
"name": "Title/sm/Font weight",
"type": "number",
@@ -2582,15 +2786,6 @@
"name": "Font weight/Regular bold"
}
},
- {
- "name": "Title/xs/Size",
- "type": "number",
- "isAlias": true,
- "value": {
- "collection": "Responsive",
- "name": "Text size/sm"
- }
- },
{
"name": "Title/sm/LowCase/Font family",
"type": "string",
@@ -2600,6 +2795,15 @@
"name": "Font family/Scandic/Title"
}
},
+ {
+ "name": "Title/xs/Size",
+ "type": "number",
+ "isAlias": true,
+ "value": {
+ "collection": "Responsive",
+ "name": "Text size/sm"
+ }
+ },
{
"name": "Title/Decorative/lg/Size",
"type": "number",
@@ -3403,6 +3607,12 @@
"name": "Font family/Scandic Go/Title"
}
},
+ {
+ "name": "Title/md/Letter spacing",
+ "type": "number",
+ "isAlias": false,
+ "value": 0.36000001430511475
+ },
{
"name": "Title/sm/Size",
"type": "number",
@@ -3412,12 +3622,6 @@
"name": "Text size/lg"
}
},
- {
- "name": "Title/md/Letter spacing",
- "type": "number",
- "isAlias": false,
- "value": 0.36000001430511475
- },
{
"name": "Title/sm/Font weight",
"type": "number",
@@ -3478,15 +3682,6 @@
"name": "Font weight/Medium"
}
},
- {
- "name": "Title/xs/Size",
- "type": "number",
- "isAlias": true,
- "value": {
- "collection": "Responsive",
- "name": "Text size/sm"
- }
- },
{
"name": "Title/sm/LowCase/Font family",
"type": "string",
@@ -3496,6 +3691,15 @@
"name": "Font family/Scandic Go/Title"
}
},
+ {
+ "name": "Title/xs/Size",
+ "type": "number",
+ "isAlias": true,
+ "value": {
+ "collection": "Responsive",
+ "name": "Text size/sm"
+ }
+ },
{
"name": "Title/Decorative/lg/Size",
"type": "number",
@@ -3707,7 +3911,7 @@
"name": "Title/Overline/sm/Text transform",
"type": "boolean",
"isAlias": false,
- "value": false
+ "value": true
},
{
"name": "Title/sm/LowCase/Letter spacing",
@@ -4299,6 +4503,12 @@
"name": "Font family/Downtown Camper/Title"
}
},
+ {
+ "name": "Title/md/Letter spacing",
+ "type": "number",
+ "isAlias": false,
+ "value": 0.09000000357627869
+ },
{
"name": "Title/sm/Size",
"type": "number",
@@ -4308,12 +4518,6 @@
"name": "Text size/lg"
}
},
- {
- "name": "Title/md/Letter spacing",
- "type": "number",
- "isAlias": false,
- "value": 0.09000000357627869
- },
{
"name": "Title/sm/Font weight",
"type": "number",
@@ -4374,15 +4578,6 @@
"name": "Font weight/Regular"
}
},
- {
- "name": "Title/xs/Size",
- "type": "number",
- "isAlias": true,
- "value": {
- "collection": "Responsive",
- "name": "Text size/sm"
- }
- },
{
"name": "Title/sm/LowCase/Font family",
"type": "string",
@@ -4392,6 +4587,15 @@
"name": "Font family/Downtown Camper/Title"
}
},
+ {
+ "name": "Title/xs/Size",
+ "type": "number",
+ "isAlias": true,
+ "value": {
+ "collection": "Responsive",
+ "name": "Text size/sm"
+ }
+ },
{
"name": "Title/Decorative/lg/Size",
"type": "number",
@@ -5195,6 +5399,12 @@
"name": "Font family/Haymarket/Title"
}
},
+ {
+ "name": "Title/md/Letter spacing",
+ "type": "number",
+ "isAlias": false,
+ "value": 0.36000001430511475
+ },
{
"name": "Title/sm/Size",
"type": "number",
@@ -5204,12 +5414,6 @@
"name": "Text size/lg"
}
},
- {
- "name": "Title/md/Letter spacing",
- "type": "number",
- "isAlias": false,
- "value": 0.36000001430511475
- },
{
"name": "Title/sm/Font weight",
"type": "number",
@@ -5270,15 +5474,6 @@
"name": "Font weight/Regular"
}
},
- {
- "name": "Title/xs/Size",
- "type": "number",
- "isAlias": true,
- "value": {
- "collection": "Responsive",
- "name": "Text size/sm"
- }
- },
{
"name": "Title/sm/LowCase/Font family",
"type": "string",
@@ -5288,6 +5483,15 @@
"name": "Font family/Haymarket/Title"
}
},
+ {
+ "name": "Title/xs/Size",
+ "type": "number",
+ "isAlias": true,
+ "value": {
+ "collection": "Responsive",
+ "name": "Text size/sm"
+ }
+ },
{
"name": "Title/Decorative/lg/Size",
"type": "number",
@@ -6091,6 +6295,12 @@
"name": "Font family/Marski/Title"
}
},
+ {
+ "name": "Title/md/Letter spacing",
+ "type": "number",
+ "isAlias": false,
+ "value": 0.09000000357627869
+ },
{
"name": "Title/sm/Size",
"type": "number",
@@ -6100,12 +6310,6 @@
"name": "Text size/lg"
}
},
- {
- "name": "Title/md/Letter spacing",
- "type": "number",
- "isAlias": false,
- "value": 0.09000000357627869
- },
{
"name": "Title/sm/Font weight",
"type": "number",
@@ -6166,15 +6370,6 @@
"name": "Font weight/Medium"
}
},
- {
- "name": "Title/xs/Size",
- "type": "number",
- "isAlias": true,
- "value": {
- "collection": "Responsive",
- "name": "Text size/sm"
- }
- },
{
"name": "Title/sm/LowCase/Font family",
"type": "string",
@@ -6184,6 +6379,15 @@
"name": "Font family/Marski/Title"
}
},
+ {
+ "name": "Title/xs/Size",
+ "type": "number",
+ "isAlias": true,
+ "value": {
+ "collection": "Responsive",
+ "name": "Text size/sm"
+ }
+ },
{
"name": "Title/Decorative/lg/Size",
"type": "number",
@@ -6987,6 +7191,12 @@
"name": "Font family/Hotel Norge/Title"
}
},
+ {
+ "name": "Title/md/Letter spacing",
+ "type": "number",
+ "isAlias": false,
+ "value": 0.36000001430511475
+ },
{
"name": "Title/sm/Size",
"type": "number",
@@ -6996,12 +7206,6 @@
"name": "Text size/lg"
}
},
- {
- "name": "Title/md/Letter spacing",
- "type": "number",
- "isAlias": false,
- "value": 0.36000001430511475
- },
{
"name": "Title/sm/Font weight",
"type": "number",
@@ -7062,15 +7266,6 @@
"name": "Font weight/Regular"
}
},
- {
- "name": "Title/xs/Size",
- "type": "number",
- "isAlias": true,
- "value": {
- "collection": "Responsive",
- "name": "Text size/sm"
- }
- },
{
"name": "Title/sm/LowCase/Font family",
"type": "string",
@@ -7080,6 +7275,15 @@
"name": "Font family/Hotel Norge/Title"
}
},
+ {
+ "name": "Title/xs/Size",
+ "type": "number",
+ "isAlias": true,
+ "value": {
+ "collection": "Responsive",
+ "name": "Text size/sm"
+ }
+ },
{
"name": "Title/Decorative/lg/Size",
"type": "number",
@@ -7883,6 +8087,12 @@
"name": "Font family/Grand Hotel/Title"
}
},
+ {
+ "name": "Title/md/Letter spacing",
+ "type": "number",
+ "isAlias": false,
+ "value": 0.18000000715255737
+ },
{
"name": "Title/sm/Size",
"type": "number",
@@ -7892,12 +8102,6 @@
"name": "Text size/lg"
}
},
- {
- "name": "Title/md/Letter spacing",
- "type": "number",
- "isAlias": false,
- "value": 0.18000000715255737
- },
{
"name": "Title/sm/Font weight",
"type": "number",
@@ -7958,15 +8162,6 @@
"name": "Font weight/Regular"
}
},
- {
- "name": "Title/xs/Size",
- "type": "number",
- "isAlias": true,
- "value": {
- "collection": "Responsive",
- "name": "Text size/sm"
- }
- },
{
"name": "Title/sm/LowCase/Font family",
"type": "string",
@@ -7976,6 +8171,15 @@
"name": "Font family/Grand Hotel/Title"
}
},
+ {
+ "name": "Title/xs/Size",
+ "type": "number",
+ "isAlias": true,
+ "value": {
+ "collection": "Responsive",
+ "name": "Text size/sm"
+ }
+ },
{
"name": "Title/Decorative/lg/Size",
"type": "number",
@@ -8779,6 +8983,12 @@
"name": "Font family/The Dock/Title"
}
},
+ {
+ "name": "Title/md/Letter spacing",
+ "type": "number",
+ "isAlias": false,
+ "value": 0
+ },
{
"name": "Title/sm/Size",
"type": "number",
@@ -8788,12 +8998,6 @@
"name": "Text size/lg"
}
},
- {
- "name": "Title/md/Letter spacing",
- "type": "number",
- "isAlias": false,
- "value": 0
- },
{
"name": "Title/sm/Font weight",
"type": "number",
@@ -8854,15 +9058,6 @@
"name": "Font weight/Regular"
}
},
- {
- "name": "Title/xs/Size",
- "type": "number",
- "isAlias": true,
- "value": {
- "collection": "Responsive",
- "name": "Text size/sm"
- }
- },
{
"name": "Title/sm/LowCase/Font family",
"type": "string",
@@ -8872,6 +9067,15 @@
"name": "Font family/The Dock/Title"
}
},
+ {
+ "name": "Title/xs/Size",
+ "type": "number",
+ "isAlias": true,
+ "value": {
+ "collection": "Responsive",
+ "name": "Text size/sm"
+ }
+ },
{
"name": "Title/Decorative/lg/Size",
"type": "number",
@@ -9599,6 +9803,902 @@
"value": true
}
]
+ },
+ {
+ "name": "Bassin Seven",
+ "variables": [
+ {
+ "name": "Title/lg/Size",
+ "type": "number",
+ "isAlias": true,
+ "value": {
+ "collection": "Responsive",
+ "name": "Text size/4xl"
+ }
+ },
+ {
+ "name": "Title/lg/Font weight",
+ "type": "number",
+ "isAlias": true,
+ "value": {
+ "collection": "_Typographic primitives",
+ "name": "Font weight/Regular bold"
+ }
+ },
+ {
+ "name": "Title/lg/Font family",
+ "type": "string",
+ "isAlias": true,
+ "value": {
+ "collection": "_Typographic primitives",
+ "name": "Font family/Bassin Seven/Title"
+ }
+ },
+ {
+ "name": "Title/lg/Letter spacing",
+ "type": "number",
+ "isAlias": false,
+ "value": 0
+ },
+ {
+ "name": "Title/lg/Font fallback",
+ "type": "string",
+ "isAlias": false,
+ "value": "sans-serif"
+ },
+ {
+ "name": "Title/lg/Text transform",
+ "type": "boolean",
+ "isAlias": false,
+ "value": false
+ },
+ {
+ "name": "Title/md/Size",
+ "type": "number",
+ "isAlias": true,
+ "value": {
+ "collection": "Responsive",
+ "name": "Text size/2xl"
+ }
+ },
+ {
+ "name": "Title/md/Font weight",
+ "type": "number",
+ "isAlias": true,
+ "value": {
+ "collection": "_Typographic primitives",
+ "name": "Font weight/Regular bold"
+ }
+ },
+ {
+ "name": "Title/md/Font family",
+ "type": "string",
+ "isAlias": true,
+ "value": {
+ "collection": "_Typographic primitives",
+ "name": "Font family/Bassin Seven/Title"
+ }
+ },
+ {
+ "name": "Title/md/Letter spacing",
+ "type": "number",
+ "isAlias": false,
+ "value": 0
+ },
+ {
+ "name": "Title/sm/Size",
+ "type": "number",
+ "isAlias": true,
+ "value": {
+ "collection": "Responsive",
+ "name": "Text size/lg"
+ }
+ },
+ {
+ "name": "Title/sm/Font weight",
+ "type": "number",
+ "isAlias": true,
+ "value": {
+ "collection": "_Typographic primitives",
+ "name": "Font weight/Regular bold"
+ }
+ },
+ {
+ "name": "Title/md/Font fallback",
+ "type": "string",
+ "isAlias": false,
+ "value": "sans-serif"
+ },
+ {
+ "name": "Title/sm/Font family",
+ "type": "string",
+ "isAlias": true,
+ "value": {
+ "collection": "_Typographic primitives",
+ "name": "Font family/Bassin Seven/Title"
+ }
+ },
+ {
+ "name": "Title/sm/Letter spacing",
+ "type": "number",
+ "isAlias": false,
+ "value": 0
+ },
+ {
+ "name": "Title/sm/Font fallback",
+ "type": "string",
+ "isAlias": false,
+ "value": "sans-serif"
+ },
+ {
+ "name": "Title/sm/Text transform",
+ "type": "boolean",
+ "isAlias": false,
+ "value": false
+ },
+ {
+ "name": "Title/sm/LowCase/Size",
+ "type": "number",
+ "isAlias": true,
+ "value": {
+ "collection": "Responsive",
+ "name": "Text size/lg"
+ }
+ },
+ {
+ "name": "Title/sm/LowCase/Font weight",
+ "type": "number",
+ "isAlias": true,
+ "value": {
+ "collection": "_Typographic primitives",
+ "name": "Font weight/Regular bold"
+ }
+ },
+ {
+ "name": "Title/sm/LowCase/Font family",
+ "type": "string",
+ "isAlias": true,
+ "value": {
+ "collection": "_Typographic primitives",
+ "name": "Font family/Bassin Seven/Title"
+ }
+ },
+ {
+ "name": "Title/xs/Size",
+ "type": "number",
+ "isAlias": true,
+ "value": {
+ "collection": "Responsive",
+ "name": "Text size/sm"
+ }
+ },
+ {
+ "name": "Title/Decorative/lg/Size",
+ "type": "number",
+ "isAlias": true,
+ "value": {
+ "collection": "Responsive",
+ "name": "Text size/2xs"
+ }
+ },
+ {
+ "name": "Title/Decorative/lg/Font weight",
+ "type": "number",
+ "isAlias": true,
+ "value": {
+ "collection": "_Typographic primitives",
+ "name": "Font weight/Regular"
+ }
+ },
+ {
+ "name": "Title/Decorative/lg/Font family",
+ "type": "string",
+ "isAlias": true,
+ "value": {
+ "collection": "_Typographic primitives",
+ "name": "Font family/Bassin Seven/Decorative"
+ }
+ },
+ {
+ "name": "Title/Decorative/lg/Letter spacing",
+ "type": "number",
+ "isAlias": false,
+ "value": 0.18000000715255737
+ },
+ {
+ "name": "Title/Decorative/lg/Font fallback",
+ "type": "string",
+ "isAlias": false,
+ "value": "Serif"
+ },
+ {
+ "name": "Title/Decorative/lg/Text transform",
+ "type": "boolean",
+ "isAlias": false,
+ "value": true
+ },
+ {
+ "name": "Title/Decorative/md/Size",
+ "type": "number",
+ "isAlias": true,
+ "value": {
+ "collection": "Responsive",
+ "name": "Text size/3xs"
+ }
+ },
+ {
+ "name": "Title/Decorative/md/Font weight",
+ "type": "number",
+ "isAlias": true,
+ "value": {
+ "collection": "_Typographic primitives",
+ "name": "Font weight/Regular"
+ }
+ },
+ {
+ "name": "Title/Decorative/md/Font family",
+ "type": "string",
+ "isAlias": true,
+ "value": {
+ "collection": "_Typographic primitives",
+ "name": "Font family/Bassin Seven/Decorative"
+ }
+ },
+ {
+ "name": "Title/Decorative/md/Letter spacing",
+ "type": "number",
+ "isAlias": false,
+ "value": 0.3199999928474426
+ },
+ {
+ "name": "Title/Decorative/md/Font fallback",
+ "type": "string",
+ "isAlias": false,
+ "value": "Serif"
+ },
+ {
+ "name": "Title/Decorative/md/Text transform",
+ "type": "boolean",
+ "isAlias": false,
+ "value": true
+ },
+ {
+ "name": "Title/Subtitle/lg/Size",
+ "type": "number",
+ "isAlias": true,
+ "value": {
+ "collection": "Responsive",
+ "name": "Text size/sm"
+ }
+ },
+ {
+ "name": "Title/Subtitle/lg/Font weight",
+ "type": "number",
+ "isAlias": true,
+ "value": {
+ "collection": "_Typographic primitives",
+ "name": "Font weight/Medium"
+ }
+ },
+ {
+ "name": "Title/Subtitle/lg/Font family",
+ "type": "string",
+ "isAlias": true,
+ "value": {
+ "collection": "_Typographic primitives",
+ "name": "Font family/Bassin Seven/Body"
+ }
+ },
+ {
+ "name": "Title/Subtitle/lg/Font fallback",
+ "type": "string",
+ "isAlias": false,
+ "value": "sans-serif"
+ },
+ {
+ "name": "Title/Subtitle/lg/Letter spacing",
+ "type": "number",
+ "isAlias": false,
+ "value": 0.23999999463558197
+ },
+ {
+ "name": "Title/Subtitle/md/Size",
+ "type": "number",
+ "isAlias": true,
+ "value": {
+ "collection": "Responsive",
+ "name": "Text size/xs"
+ }
+ },
+ {
+ "name": "Title/Subtitle/md/Font weight",
+ "type": "number",
+ "isAlias": true,
+ "value": {
+ "collection": "_Typographic primitives",
+ "name": "Font weight/Medium"
+ }
+ },
+ {
+ "name": "Title/Subtitle/md/Font family",
+ "type": "string",
+ "isAlias": true,
+ "value": {
+ "collection": "_Typographic primitives",
+ "name": "Font family/Bassin Seven/Body"
+ }
+ },
+ {
+ "name": "Title/Subtitle/md/Font fallback",
+ "type": "string",
+ "isAlias": false,
+ "value": "sans-serif"
+ },
+ {
+ "name": "Title/Subtitle/md/Letter spacing",
+ "type": "number",
+ "isAlias": false,
+ "value": 0.20000000298023224
+ },
+ {
+ "name": "Title/Overline/sm/Size",
+ "type": "number",
+ "isAlias": true,
+ "value": {
+ "collection": "Responsive",
+ "name": "Text size/4xs"
+ }
+ },
+ {
+ "name": "Title/Overline/sm/Font weight",
+ "type": "number",
+ "isAlias": true,
+ "value": {
+ "collection": "_Typographic primitives",
+ "name": "Font weight/Regular"
+ }
+ },
+ {
+ "name": "Title/Overline/sm/Font family",
+ "type": "string",
+ "isAlias": true,
+ "value": {
+ "collection": "_Typographic primitives",
+ "name": "Font family/Bassin Seven/Title"
+ }
+ },
+ {
+ "name": "Title/Overline/sm/Letter spacing",
+ "type": "number",
+ "isAlias": false,
+ "value": 0.14000000059604645
+ },
+ {
+ "name": "Title/Overline/sm/Font fallback",
+ "type": "string",
+ "isAlias": false,
+ "value": "sans-serif"
+ },
+ {
+ "name": "Title/Overline/sm/Text transform",
+ "type": "boolean",
+ "isAlias": false,
+ "value": true
+ },
+ {
+ "name": "Title/sm/LowCase/Letter spacing",
+ "type": "number",
+ "isAlias": false,
+ "value": 0
+ },
+ {
+ "name": "Title/sm/LowCase/Font fallback",
+ "type": "string",
+ "isAlias": false,
+ "value": "sans-serif"
+ },
+ {
+ "name": "Title/sm/LowCase/Text transform",
+ "type": "boolean",
+ "isAlias": false,
+ "value": false
+ },
+ {
+ "name": "Title/xs/Font weight",
+ "type": "number",
+ "isAlias": true,
+ "value": {
+ "collection": "_Typographic primitives",
+ "name": "Font weight/Regular bold"
+ }
+ },
+ {
+ "name": "Title/xs/Font family",
+ "type": "string",
+ "isAlias": true,
+ "value": {
+ "collection": "_Typographic primitives",
+ "name": "Font family/Bassin Seven/Title"
+ }
+ },
+ {
+ "name": "Title/xs/Letter spacing",
+ "type": "number",
+ "isAlias": false,
+ "value": 0
+ },
+ {
+ "name": "Title/xs/Font fallback",
+ "type": "string",
+ "isAlias": false,
+ "value": "sans-serif"
+ },
+ {
+ "name": "Title/xs/Text transform",
+ "type": "boolean",
+ "isAlias": false,
+ "value": false
+ },
+ {
+ "name": "Title/md/Text transform",
+ "type": "boolean",
+ "isAlias": false,
+ "value": false
+ },
+ {
+ "name": "Title/md/LowCase/Size",
+ "type": "number",
+ "isAlias": true,
+ "value": {
+ "collection": "Responsive",
+ "name": "Text size/2xl"
+ }
+ },
+ {
+ "name": "Title/md/LowCase/Font weight",
+ "type": "number",
+ "isAlias": true,
+ "value": {
+ "collection": "_Typographic primitives",
+ "name": "Font weight/Regular bold"
+ }
+ },
+ {
+ "name": "Title/md/LowCase/Font family",
+ "type": "string",
+ "isAlias": true,
+ "value": {
+ "collection": "_Typographic primitives",
+ "name": "Font family/Bassin Seven/Title"
+ }
+ },
+ {
+ "name": "Title/md/LowCase/Letter spacing",
+ "type": "number",
+ "isAlias": false,
+ "value": 0
+ },
+ {
+ "name": "Title/md/LowCase/Font fallback",
+ "type": "string",
+ "isAlias": false,
+ "value": "sans-serif"
+ },
+ {
+ "name": "Title/md/LowCase/Text transform",
+ "type": "boolean",
+ "isAlias": false,
+ "value": false
+ },
+ {
+ "name": "Body/Lead text/Size",
+ "type": "number",
+ "isAlias": true,
+ "value": {
+ "collection": "Responsive",
+ "name": "Text size/xs"
+ }
+ },
+ {
+ "name": "Tag/Size",
+ "type": "number",
+ "isAlias": true,
+ "value": {
+ "collection": "Responsive",
+ "name": "Text size/5xs"
+ }
+ },
+ {
+ "name": "Tag/Font weight",
+ "type": "number",
+ "isAlias": true,
+ "value": {
+ "collection": "_Typographic primitives",
+ "name": "Font weight/Regular bold"
+ }
+ },
+ {
+ "name": "Tag/Font family",
+ "type": "string",
+ "isAlias": true,
+ "value": {
+ "collection": "_Typographic primitives",
+ "name": "Font family/Bassin Seven/Title"
+ }
+ },
+ {
+ "name": "Tag/Letter spacing",
+ "type": "number",
+ "isAlias": false,
+ "value": 0.23999999463558197
+ },
+ {
+ "name": "Tag/Font fallback",
+ "type": "string",
+ "isAlias": false,
+ "value": "sans-serif"
+ },
+ {
+ "name": "Tag/Text transform",
+ "type": "boolean",
+ "isAlias": false,
+ "value": true
+ },
+ {
+ "name": "Link/md/Size",
+ "type": "number",
+ "isAlias": true,
+ "value": {
+ "collection": "Responsive",
+ "name": "Text size/3xs"
+ }
+ },
+ {
+ "name": "Link/md/Font weight",
+ "type": "number",
+ "isAlias": true,
+ "value": {
+ "collection": "_Typographic primitives",
+ "name": "Font weight/Medium"
+ }
+ },
+ {
+ "name": "Link/md/Font family",
+ "type": "string",
+ "isAlias": true,
+ "value": {
+ "collection": "_Typographic primitives",
+ "name": "Font family/Bassin Seven/Body"
+ }
+ },
+ {
+ "name": "Link/md/Font fallback",
+ "type": "string",
+ "isAlias": false,
+ "value": "sans-serif"
+ },
+ {
+ "name": "Link/md/Letter spacing",
+ "type": "number",
+ "isAlias": false,
+ "value": 0.1899999976158142
+ },
+ {
+ "name": "Link/md/Text decoration",
+ "type": "boolean",
+ "isAlias": false,
+ "value": true
+ },
+ {
+ "name": "Link/sm/Size",
+ "type": "number",
+ "isAlias": true,
+ "value": {
+ "collection": "Responsive",
+ "name": "Text size/4xs"
+ }
+ },
+ {
+ "name": "Link/sm/Font weight",
+ "type": "number",
+ "isAlias": true,
+ "value": {
+ "collection": "_Typographic primitives",
+ "name": "Font weight/Medium"
+ }
+ },
+ {
+ "name": "Link/sm/Font family",
+ "type": "string",
+ "isAlias": true,
+ "value": {
+ "collection": "_Typographic primitives",
+ "name": "Font family/Bassin Seven/Body"
+ }
+ },
+ {
+ "name": "Link/sm/Font fallback",
+ "type": "string",
+ "isAlias": false,
+ "value": "sans-serif"
+ },
+ {
+ "name": "Link/sm/Letter spacing",
+ "type": "number",
+ "isAlias": false,
+ "value": 0.20000000298023224
+ },
+ {
+ "name": "Link/sm/Text decoration",
+ "type": "boolean",
+ "isAlias": false,
+ "value": true
+ },
+ {
+ "name": "Body/Lead text/Font weight",
+ "type": "number",
+ "isAlias": true,
+ "value": {
+ "collection": "_Typographic primitives",
+ "name": "Font weight/Regular"
+ }
+ },
+ {
+ "name": "Body/Lead text/Font family",
+ "type": "string",
+ "isAlias": true,
+ "value": {
+ "collection": "_Typographic primitives",
+ "name": "Font family/Bassin Seven/Body"
+ }
+ },
+ {
+ "name": "Body/Lead text/Font fallback",
+ "type": "string",
+ "isAlias": false,
+ "value": "sans-serif"
+ },
+ {
+ "name": "Body/Paragraph/Size",
+ "type": "number",
+ "isAlias": true,
+ "value": {
+ "collection": "Responsive",
+ "name": "Text size/3xs"
+ }
+ },
+ {
+ "name": "Body/Paragraph/Font weight",
+ "type": "number",
+ "isAlias": true,
+ "value": {
+ "collection": "_Typographic primitives",
+ "name": "Font weight/Regular"
+ }
+ },
+ {
+ "name": "Body/Paragraph/Font weight 2",
+ "type": "number",
+ "isAlias": true,
+ "value": {
+ "collection": "_Typographic primitives",
+ "name": "Font weight/Medium"
+ }
+ },
+ {
+ "name": "Body/Paragraph/Font family",
+ "type": "string",
+ "isAlias": true,
+ "value": {
+ "collection": "_Typographic primitives",
+ "name": "Font family/Bassin Seven/Body"
+ }
+ },
+ {
+ "name": "Body/Paragraph/Font fallback",
+ "type": "string",
+ "isAlias": false,
+ "value": "sans-serif"
+ },
+ {
+ "name": "Body/Paragraph/Letter spacing",
+ "type": "number",
+ "isAlias": false,
+ "value": 0.1899999976158142
+ },
+ {
+ "name": "Body/Supporting text/Size",
+ "type": "number",
+ "isAlias": true,
+ "value": {
+ "collection": "Responsive",
+ "name": "Text size/4xs"
+ }
+ },
+ {
+ "name": "Body/Supporting text/Font weight",
+ "type": "number",
+ "isAlias": true,
+ "value": {
+ "collection": "_Typographic primitives",
+ "name": "Font weight/Regular"
+ }
+ },
+ {
+ "name": "Body/Supporting text/Font weight 2",
+ "type": "number",
+ "isAlias": true,
+ "value": {
+ "collection": "_Typographic primitives",
+ "name": "Font weight/Medium"
+ }
+ },
+ {
+ "name": "Body/Supporting text/Font family",
+ "type": "string",
+ "isAlias": true,
+ "value": {
+ "collection": "_Typographic primitives",
+ "name": "Font family/Bassin Seven/Body"
+ }
+ },
+ {
+ "name": "Body/Supporting text/Font fallback",
+ "type": "string",
+ "isAlias": false,
+ "value": "sans-serif"
+ },
+ {
+ "name": "Body/Supporting text/Letter spacing",
+ "type": "number",
+ "isAlias": false,
+ "value": 0.20000000298023224
+ },
+ {
+ "name": "Body/Lead text/Letter spacing",
+ "type": "number",
+ "isAlias": false,
+ "value": 0.20000000298023224
+ },
+ {
+ "name": "Label/Size",
+ "type": "number",
+ "isAlias": true,
+ "value": {
+ "collection": "Responsive",
+ "name": "Text size/5xs"
+ }
+ },
+ {
+ "name": "Label/Font weight",
+ "type": "number",
+ "isAlias": true,
+ "value": {
+ "collection": "_Typographic primitives",
+ "name": "Font weight/Regular"
+ }
+ },
+ {
+ "name": "Label/Font weight 2",
+ "type": "number",
+ "isAlias": true,
+ "value": {
+ "collection": "_Typographic primitives",
+ "name": "Font weight/Medium"
+ }
+ },
+ {
+ "name": "Label/Font family",
+ "type": "string",
+ "isAlias": true,
+ "value": {
+ "collection": "_Typographic primitives",
+ "name": "Font family/The Dock/Body"
+ }
+ },
+ {
+ "name": "Label/Font fallback",
+ "type": "string",
+ "isAlias": false,
+ "value": "sans-serif"
+ },
+ {
+ "name": "Label/Letter spacing",
+ "type": "number",
+ "isAlias": false,
+ "value": 0.17000000178813934
+ },
+ {
+ "name": "Body/Underline/md/Size",
+ "type": "number",
+ "isAlias": true,
+ "value": {
+ "collection": "Responsive",
+ "name": "Text size/3xs"
+ }
+ },
+ {
+ "name": "Body/Underline/md/Font weight",
+ "type": "number",
+ "isAlias": true,
+ "value": {
+ "collection": "_Typographic primitives",
+ "name": "Font weight/Regular"
+ }
+ },
+ {
+ "name": "Body/Underline/md/Font family",
+ "type": "string",
+ "isAlias": true,
+ "value": {
+ "collection": "_Typographic primitives",
+ "name": "Font family/Bassin Seven/Body"
+ }
+ },
+ {
+ "name": "Body/Underline/md/Font fallback",
+ "type": "string",
+ "isAlias": false,
+ "value": "sans-serif"
+ },
+ {
+ "name": "Body/Underline/sm/Size",
+ "type": "number",
+ "isAlias": true,
+ "value": {
+ "collection": "Responsive",
+ "name": "Text size/4xs"
+ }
+ },
+ {
+ "name": "Body/Underline/md/Letter spacing",
+ "type": "number",
+ "isAlias": false,
+ "value": 0.1899999976158142
+ },
+ {
+ "name": "Body/Underline/md/Text decoration",
+ "type": "boolean",
+ "isAlias": false,
+ "value": true
+ },
+ {
+ "name": "Body/Underline/sm/Font weight",
+ "type": "number",
+ "isAlias": true,
+ "value": {
+ "collection": "_Typographic primitives",
+ "name": "Font weight/Regular"
+ }
+ },
+ {
+ "name": "Body/Underline/sm/Font family",
+ "type": "string",
+ "isAlias": true,
+ "value": {
+ "collection": "_Typographic primitives",
+ "name": "Font family/Bassin Seven/Body"
+ }
+ },
+ {
+ "name": "Body/Underline/sm/Font fallback",
+ "type": "string",
+ "isAlias": false,
+ "value": "sans-serif"
+ },
+ {
+ "name": "Body/Underline/sm/Letter spacing",
+ "type": "number",
+ "isAlias": false,
+ "value": 0.20000000298023224
+ },
+ {
+ "name": "Body/Underline/sm/Text decoration",
+ "type": "boolean",
+ "isAlias": false,
+ "value": true
+ }
+ ]
}
]
},
@@ -11114,7 +12214,7 @@
"isAlias": true,
"value": {
"collection": "_Primitives",
- "name": "Scandic/Grey/100"
+ "name": "Scandic/Grey/80"
}
},
{
@@ -12682,7 +13782,7 @@
"isAlias": true,
"value": {
"collection": "_Primitives",
- "name": "Neutral/90"
+ "name": "Neutral/70"
}
},
{
@@ -14238,7 +15338,7 @@
"isAlias": true,
"value": {
"collection": "_Primitives",
- "name": "Neutral/90"
+ "name": "Neutral/70"
}
},
{
@@ -15461,7 +16561,7 @@
"isAlias": true,
"value": {
"collection": "_Primitives",
- "name": "Neutral/Opacity/Black/10"
+ "name": "Neutral/Opacity/Black/20"
}
},
{
@@ -15794,7 +16894,7 @@
"isAlias": true,
"value": {
"collection": "_Primitives",
- "name": "Neutral/90"
+ "name": "Neutral/70"
}
},
{
@@ -17017,7 +18117,7 @@
"isAlias": true,
"value": {
"collection": "_Primitives",
- "name": "Neutral/Opacity/Black/5"
+ "name": "Neutral/Opacity/Black/20"
}
},
{
@@ -17350,7 +18450,7 @@
"isAlias": true,
"value": {
"collection": "_Primitives",
- "name": "Neutral/90"
+ "name": "Neutral/70"
}
},
{
@@ -18906,7 +20006,7 @@
"isAlias": true,
"value": {
"collection": "_Primitives",
- "name": "Neutral/90"
+ "name": "Neutral/70"
}
},
{
@@ -19718,7 +20818,7 @@
"isAlias": true,
"value": {
"collection": "_Primitives",
- "name": "Signature/Grand Hotel/Careys Pink/40"
+ "name": "Signature/Grand Hotel/Careys Pink/60"
}
},
{
@@ -20012,7 +21112,7 @@
"isAlias": true,
"value": {
"collection": "_Primitives",
- "name": "Signature/Grand Hotel/Submarine/30"
+ "name": "Signature/Grand Hotel/Blue Bayoux/100"
}
},
{
@@ -20129,7 +21229,7 @@
"isAlias": true,
"value": {
"collection": "_Primitives",
- "name": "Neutral/Opacity/White/10"
+ "name": "Neutral/Opacity/Black/10"
}
},
{
@@ -20156,7 +21256,7 @@
"isAlias": true,
"value": {
"collection": "_Primitives",
- "name": "Neutral/Opacity/White/10"
+ "name": "Signature/Grand Hotel/Blue Bayoux/100"
}
},
{
@@ -20462,7 +21562,7 @@
"isAlias": true,
"value": {
"collection": "_Primitives",
- "name": "Neutral/90"
+ "name": "Neutral/70"
}
},
{
@@ -21685,7 +22785,7 @@
"isAlias": true,
"value": {
"collection": "_Primitives",
- "name": "Neutral/Opacity/White/10"
+ "name": "Neutral/Opacity/Black/10"
}
},
{
@@ -21712,7 +22812,7 @@
"isAlias": true,
"value": {
"collection": "_Primitives",
- "name": "Neutral/Opacity/White/10"
+ "name": "Signature/The Dock/Rose Copper/90"
}
},
{
@@ -22018,7 +23118,7 @@
"isAlias": true,
"value": {
"collection": "_Primitives",
- "name": "Neutral/90"
+ "name": "Neutral/70"
}
},
{
@@ -22077,6 +23177,1571 @@
}
]
},
+ {
+ "name": "Bassin Seven",
+ "variables": [
+ {
+ "name": "Text/Heading",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Signature/Bassin Seven/Black Pearl/90"
+ }
+ },
+ {
+ "name": "Text/Default",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/90"
+ }
+ },
+ {
+ "name": "Text/Secondary",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/60"
+ }
+ },
+ {
+ "name": "Text/Tertiary",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/50"
+ }
+ },
+ {
+ "name": "Text/Accent Primary",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/50"
+ }
+ },
+ {
+ "name": "Text/Inverted",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/White/100"
+ }
+ },
+ {
+ "name": "Text/Interactive/Default",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Signature/Bassin Seven/Black Pearl/90"
+ }
+ },
+ {
+ "name": "Text/Interactive/Hover",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Signature/Bassin Seven/Black Pearl/70"
+ }
+ },
+ {
+ "name": "Text/Interactive/Secondary",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Signature/Bassin Seven/Rusty/60"
+ }
+ },
+ {
+ "name": "Text/Interactive/Secondary Hover",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Signature/Bassin Seven/Rusty/50"
+ }
+ },
+ {
+ "name": "Text/Interactive/Inverted Hover",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/White/70"
+ }
+ },
+ {
+ "name": "Text/Interactive/Disabled",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/40"
+ }
+ },
+ {
+ "name": "Text/Interactive/Focus",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/80"
+ }
+ },
+ {
+ "name": "Text/Interactive/Error",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Scandic/Red/70"
+ }
+ },
+ {
+ "name": "Text/Interactive/Placeholder",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/50"
+ }
+ },
+ {
+ "name": "Text/Brand/OnAccent/Heading",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Signature/Bassin Seven/Black Pearl/90"
+ }
+ },
+ {
+ "name": "Text/Feedback/Information",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Scandic/Blue/70"
+ }
+ },
+ {
+ "name": "Text/Feedback/Succes",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Scandic/Green/60"
+ }
+ },
+ {
+ "name": "Text/Feedback/Warning",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Scandic/Yellow/60"
+ }
+ },
+ {
+ "name": "Text/Feedback/Error",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Scandic/Red/70"
+ }
+ },
+ {
+ "name": "Text/Feedback/Neutral",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/50"
+ }
+ },
+ {
+ "name": "Text/Brand/OnAccent/Default",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/90"
+ }
+ },
+ {
+ "name": "Text/Brand/OnAccent/Accent",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Signature/Bassin Seven/Black Pearl/90"
+ }
+ },
+ {
+ "name": "Text/Brand/OnAccent/Accent Secondary",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Signature/Bassin Seven/Black Pearl/80"
+ }
+ },
+ {
+ "name": "Text/Brand/OnPrimary 1/Heading",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Signature/Bassin Seven/Satin Linen/50"
+ }
+ },
+ {
+ "name": "Text/Brand/OnPrimary 1/Default",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/White/100"
+ }
+ },
+ {
+ "name": "Text/Brand/OnPrimary 1/Hover",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/White/70"
+ }
+ },
+ {
+ "name": "Text/Brand/OnPrimary 1/Accent",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/White/100"
+ }
+ },
+ {
+ "name": "Text/Brand/OnPrimary 2/Heading",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Signature/Bassin Seven/Satin Linen/50"
+ }
+ },
+ {
+ "name": "Text/Brand/OnPrimary 2/Default",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/White/100"
+ }
+ },
+ {
+ "name": "Text/Brand/OnPrimary 2/Accent",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/White/100"
+ }
+ },
+ {
+ "name": "Text/Brand/OnPrimary 3/Heading",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Signature/Bassin Seven/Black Pearl/90"
+ }
+ },
+ {
+ "name": "Text/Brand/OnPrimary 3/Default",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/90"
+ }
+ },
+ {
+ "name": "Text/Brand/OnPrimary 3/Accent",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Signature/Bassin Seven/Black Pearl/90"
+ }
+ },
+ {
+ "name": "Background/Primary",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/White/100"
+ }
+ },
+ {
+ "name": "Background/Secondary",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/White/100"
+ }
+ },
+ {
+ "name": "Surface/Primary/Default",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/White/100"
+ }
+ },
+ {
+ "name": "Surface/Primary/Hover",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/Black/5"
+ }
+ },
+ {
+ "name": "Surface/Primary/Hover Light",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/Black/10"
+ }
+ },
+ {
+ "name": "Surface/Primary/Hover Accent",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/15"
+ }
+ },
+ {
+ "name": "Surface/Primary/OnSurface/Default",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/0"
+ }
+ },
+ {
+ "name": "Surface/Primary/Disabled",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/Black/10"
+ }
+ },
+ {
+ "name": "Surface/Secondary/Default",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Signature/Bassin Seven/Satin Linen/20"
+ }
+ },
+ {
+ "name": "Surface/Secondary/Subtle",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Signature/Bassin Seven/Satin Linen/50"
+ }
+ },
+ {
+ "name": "Surface/Secondary/Hover",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/Black/5"
+ }
+ },
+ {
+ "name": "Surface/Brand/Accent/Default",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Signature/Bassin Seven/Mantle/50"
+ }
+ },
+ {
+ "name": "Surface/Brand/Accent/OnAccent/Default",
+ "type": "color",
+ "isAlias": false,
+ "value": "#FFFFFF"
+ },
+ {
+ "name": "Surface/Brand/Accent/OnAccent/Accent",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Signature/Bassin Seven/Black Pearl/80"
+ }
+ },
+ {
+ "name": "Surface/Brand/Accent/OnAccent/Accent Secondary",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Signature/Bassin Seven/Black Pearl/80"
+ }
+ },
+ {
+ "name": "Surface/Brand/Primary 1/Default",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Signature/Bassin Seven/Black Pearl/90"
+ }
+ },
+ {
+ "name": "Surface/Brand/Primary 1/OnSurface/Default",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Signature/Bassin Seven/Satin Linen/50"
+ }
+ },
+ {
+ "name": "Surface/Brand/Primary 1/OnSurface/Accent",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Signature/Bassin Seven/Satin Linen/50"
+ }
+ },
+ {
+ "name": "Surface/Brand/Primary 1/OnSurface/Accent Secondary",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Signature/Bassin Seven/Satin Linen/50"
+ }
+ },
+ {
+ "name": "Surface/Brand/Primary 2/Default",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Signature/Bassin Seven/Black Pearl/90"
+ }
+ },
+ {
+ "name": "Surface/Brand/Primary 2/OnSurface/Default",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Signature/Bassin Seven/Satin Linen/50"
+ }
+ },
+ {
+ "name": "Surface/Brand/Primary 2/OnSurface/Accent",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Signature/Bassin Seven/Satin Linen/50"
+ }
+ },
+ {
+ "name": "Surface/Brand/Primary 3/Default",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Signature/Bassin Seven/Satin Linen/50"
+ }
+ },
+ {
+ "name": "Surface/Brand/Primary 3/OnSurface/Default",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Signature/Bassin Seven/Black Pearl/90"
+ }
+ },
+ {
+ "name": "Surface/Brand/Primary 3/OnSurface/Accent",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Signature/Bassin Seven/Black Pearl/90"
+ }
+ },
+ {
+ "name": "Surface/UI Fill/Default",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/White/100"
+ }
+ },
+ {
+ "name": "Surface/UI Fill/Intense",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/80"
+ }
+ },
+ {
+ "name": "Surface/UI Fill/Active",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/80"
+ }
+ },
+ {
+ "name": "Surface/UI Fill/Active Hover",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/White/100"
+ }
+ },
+ {
+ "name": "Surface/UI Fill/Disabled",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/15"
+ }
+ },
+ {
+ "name": "Surface/Accent/1",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Signature/Bassin Seven/Rusty/70"
+ }
+ },
+ {
+ "name": "Surface/Accent/2",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Signature/Bassin Seven/Black Pearl/80"
+ }
+ },
+ {
+ "name": "Surface/Accent/3",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Signature/Bassin Seven/Mantle/90"
+ }
+ },
+ {
+ "name": "Surface/Accent/4",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Signature/Bassin Seven/Rusty/40"
+ }
+ },
+ {
+ "name": "Surface/Accent/5",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Signature/Grand Hotel/Blue Bayoux/50"
+ }
+ },
+ {
+ "name": "Surface/Feedback/Information",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Scandic/Blue/70"
+ }
+ },
+ {
+ "name": "Surface/Feedback/Information light",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Scandic/Blue/00"
+ }
+ },
+ {
+ "name": "Surface/Feedback/Succes",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Scandic/Green/60"
+ }
+ },
+ {
+ "name": "Surface/Feedback/Succes light",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Scandic/Green/00"
+ }
+ },
+ {
+ "name": "Surface/Feedback/Warning",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Scandic/Yellow/60"
+ }
+ },
+ {
+ "name": "Surface/Feedback/Warning light",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Scandic/Yellow/00"
+ }
+ },
+ {
+ "name": "Surface/Feedback/Error",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Scandic/Red/70"
+ }
+ },
+ {
+ "name": "Surface/Feedback/Error light",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Scandic/Red/00"
+ }
+ },
+ {
+ "name": "Surface/Feedback/Neutral",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/50"
+ }
+ },
+ {
+ "name": "Surface/Feedback/Neutral light",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/15"
+ }
+ },
+ {
+ "name": "Border/Default",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/20"
+ }
+ },
+ {
+ "name": "Border/Strong",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/30"
+ }
+ },
+ {
+ "name": "Border/Inverted",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/White/100"
+ }
+ },
+ {
+ "name": "Icon/Default",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/60"
+ }
+ },
+ {
+ "name": "Icon/Intense",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/90"
+ }
+ },
+ {
+ "name": "Icon/Accent",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Signature/Bassin Seven/Rusty/60"
+ }
+ },
+ {
+ "name": "Icon/Interactive/Default",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Signature/Bassin Seven/Black Pearl/90"
+ }
+ },
+ {
+ "name": "Icon/Interactive/Secondary",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Signature/Bassin Seven/Rusty/60"
+ }
+ },
+ {
+ "name": "Icon/Interactive/Accent",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Signature/Bassin Seven/Rusty/60"
+ }
+ },
+ {
+ "name": "Icon/Interactive/Inverted Hover",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/White/70"
+ }
+ },
+ {
+ "name": "Icon/Interactive/Disabled",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/30"
+ }
+ },
+ {
+ "name": "Icon/Interactive/Placeholder",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/50"
+ }
+ },
+ {
+ "name": "Icon/Feedback/Information",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Scandic/Blue/70"
+ }
+ },
+ {
+ "name": "Icon/Feedback/Success",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Scandic/Green/60"
+ }
+ },
+ {
+ "name": "Icon/Feedback/Warning",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Scandic/Yellow/60"
+ }
+ },
+ {
+ "name": "Icon/Feedback/Error",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Scandic/Red/70"
+ }
+ },
+ {
+ "name": "Icon/Feedback/Neutral",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/60"
+ }
+ },
+ {
+ "name": "Icon/Inverted",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/White/100"
+ }
+ },
+ {
+ "name": "Overlay/10",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/Black/10"
+ }
+ },
+ {
+ "name": "Overlay/20",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/Black/20"
+ }
+ },
+ {
+ "name": "Overlay/30",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/Black/20"
+ }
+ },
+ {
+ "name": "Overlay/40",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/Black/40"
+ }
+ },
+ {
+ "name": "Overlay/60",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/Black/60"
+ }
+ },
+ {
+ "name": "Overlay/80",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/Black/80"
+ }
+ },
+ {
+ "name": "Overlay/90",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/Black/90"
+ }
+ },
+ {
+ "name": "Utilities/Gradients/10",
+ "type": "color",
+ "isAlias": false,
+ "value": "#0118281A"
+ },
+ {
+ "name": "Component/Button/Brand/Primary/Fill/Default",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Signature/Bassin Seven/Black Pearl/90"
+ }
+ },
+ {
+ "name": "Component/Button/Brand/Primary/Fill/Hover",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/White/10"
+ }
+ },
+ {
+ "name": "Component/Button/Brand/Primary/Fill/Disabled",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/Black/10"
+ }
+ },
+ {
+ "name": "Component/Button/Brand/Primary/On fill/Default",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/White/100"
+ }
+ },
+ {
+ "name": "Component/Button/Brand/Primary/On fill/Hover",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/White/100"
+ }
+ },
+ {
+ "name": "Component/Button/Brand/Primary/On fill/Disabled",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/40"
+ }
+ },
+ {
+ "name": "Component/Button/Brand/Primary/Border/Default",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/White/0"
+ }
+ },
+ {
+ "name": "Component/Button/Brand/Primary/Border/Hover",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/White/0"
+ }
+ },
+ {
+ "name": "Component/Button/Brand/Primary/Border/Disabled",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/White/0"
+ }
+ },
+ {
+ "name": "Component/Button/Brand/Secondary/Fill/Default",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/White/0"
+ }
+ },
+ {
+ "name": "Component/Button/Brand/Secondary/Fill/Hover",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/White/0"
+ }
+ },
+ {
+ "name": "Component/Button/Brand/Secondary/Fill/Inverted",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/White/100"
+ }
+ },
+ {
+ "name": "Component/Button/Brand/Secondary/Fill/Hover Inverted",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Signature/Bassin Seven/Black Pearl/90"
+ }
+ },
+ {
+ "name": "Component/Button/Brand/Secondary/Fill/Disabled",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/Black/10"
+ }
+ },
+ {
+ "name": "Component/Button/Brand/Secondary/On fill/Default",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Signature/Bassin Seven/Black Pearl/90"
+ }
+ },
+ {
+ "name": "Component/Button/Brand/Secondary/On fill/Hover",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Signature/Bassin Seven/Black Pearl/70"
+ }
+ },
+ {
+ "name": "Component/Button/Brand/Secondary/On fill/Inverted",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/White/100"
+ }
+ },
+ {
+ "name": "Component/Button/Brand/Secondary/On fill/Hover inverted",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/White/70"
+ }
+ },
+ {
+ "name": "Component/Button/Brand/Secondary/On fill/Disabled",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/40"
+ }
+ },
+ {
+ "name": "Component/Button/Brand/Secondary/Border/Default",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Signature/Bassin Seven/Black Pearl/90"
+ }
+ },
+ {
+ "name": "Component/Button/Brand/Secondary/Border/Hover",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Signature/Bassin Seven/Black Pearl/70"
+ }
+ },
+ {
+ "name": "Component/Button/Brand/Secondary/Border/Inverted",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/White/100"
+ }
+ },
+ {
+ "name": "Component/Button/Brand/Secondary/Border/Hover inverted",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/White/50"
+ }
+ },
+ {
+ "name": "Component/Button/Brand/Secondary/Border/Disabled",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/Black/10"
+ }
+ },
+ {
+ "name": "Component/Button/Brand/Tertiary/Fill/Default",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Signature/Bassin Seven/Satin Linen/50"
+ }
+ },
+ {
+ "name": "Component/Button/Brand/Tertiary/Fill/Hover",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/Black/5"
+ }
+ },
+ {
+ "name": "Component/Button/Brand/Tertiary/Fill/Disabled",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/Black/10"
+ }
+ },
+ {
+ "name": "Component/Button/Brand/Tertiary/On fill/Default",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Signature/Bassin Seven/Black Pearl/90"
+ }
+ },
+ {
+ "name": "Component/Button/Brand/Tertiary/On fill/Hover",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Signature/Bassin Seven/Black Pearl/90"
+ }
+ },
+ {
+ "name": "Component/Button/Brand/Tertiary/On fill/Disabled",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/40"
+ }
+ },
+ {
+ "name": "Component/Button/Brand/Tertiary/Border/Default",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/White/0"
+ }
+ },
+ {
+ "name": "Component/Button/Brand/Tertiary/Border/Hover",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/White/0"
+ }
+ },
+ {
+ "name": "Component/Button/Brand/Tertiary/Border/Disabled",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/White/0"
+ }
+ },
+ {
+ "name": "Component/Button/Inverted/Fill/Default",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/White/100"
+ }
+ },
+ {
+ "name": "Component/Button/Inverted/Fill/Faded",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/White/90"
+ }
+ },
+ {
+ "name": "Component/Button/Inverted/Fill/Hover",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/Black/10"
+ }
+ },
+ {
+ "name": "Component/Button/Inverted/Fill/Hover Inverted",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Signature/Bassin Seven/Black Pearl/90"
+ }
+ },
+ {
+ "name": "Component/Button/Inverted/Fill/Disabled",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/Black/10"
+ }
+ },
+ {
+ "name": "Component/Button/Inverted/Border/Default",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/White/0"
+ }
+ },
+ {
+ "name": "Component/Button/Inverted/Border/Hover",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/White/10"
+ }
+ },
+ {
+ "name": "Component/Button/Inverted/Border/Disable",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/White/10"
+ }
+ },
+ {
+ "name": "Component/Button/Inverted/On fill/Default",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Signature/Bassin Seven/Black Pearl/90"
+ }
+ },
+ {
+ "name": "Component/Button/Inverted/On fill/Hover",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/White/10"
+ }
+ },
+ {
+ "name": "Component/Button/Inverted/On fill/Hover inverted",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/White/100"
+ }
+ },
+ {
+ "name": "Component/Button/Inverted/On fill/Disabled",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/40"
+ }
+ },
+ {
+ "name": "Border/Interactive/Default",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/30"
+ }
+ },
+ {
+ "name": "Border/Divider/Default",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/20"
+ }
+ },
+ {
+ "name": "Border/Divider/Subtle",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/15"
+ }
+ },
+ {
+ "name": "Border/Divider/Accent",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/30"
+ }
+ },
+ {
+ "name": "Border/Divider/Brand/OnAccent/Default",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Signature/Bassin Seven/Black Pearl/70"
+ }
+ },
+ {
+ "name": "Border/Divider/Brand/OnPrimary 1/Default",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Signature/Bassin Seven/Black Pearl/80"
+ }
+ },
+ {
+ "name": "Border/Divider/Brand/OnPrimary 2/Default",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Signature/Bassin Seven/Black Pearl/80"
+ }
+ },
+ {
+ "name": "Border/Divider/Brand/OnPrimary 3/Default",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Signature/Bassin Seven/Satin Linen/70"
+ }
+ },
+ {
+ "name": "Border/Interactive/Active",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/80"
+ }
+ },
+ {
+ "name": "Border/Interactive/Focus",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/80"
+ }
+ },
+ {
+ "name": "Border/Interactive/Disabled",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/30"
+ }
+ },
+ {
+ "name": "Border/Interactive/Error",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Scandic/Red/70"
+ }
+ },
+ {
+ "name": "Component/Button/Muted/Fill/Default",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/White/100"
+ }
+ },
+ {
+ "name": "Component/Button/Muted/Fill/Hover",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/White/100"
+ }
+ },
+ {
+ "name": "Component/Button/Muted/Fill/Disabled",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/White/100"
+ }
+ },
+ {
+ "name": "Component/Button/Muted/Fill/Hover inverted",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/Black/5"
+ }
+ },
+ {
+ "name": "Component/Button/Muted/Fill/Disabled inverted",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/20"
+ }
+ },
+ {
+ "name": "Component/Button/Muted/On fill/Default",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/70"
+ }
+ },
+ {
+ "name": "Component/Button/Muted/On fill/Inverted",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/White/100"
+ }
+ },
+ {
+ "name": "Component/Button/Muted/On fill/Hover Inverted",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Signature/Bassin Seven/Black Pearl/80"
+ }
+ },
+ {
+ "name": "Component/Button/Muted/On fill/Disabled",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/40"
+ }
+ },
+ {
+ "name": "Component/Button/Muted/Border/Default",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/White/10"
+ }
+ },
+ {
+ "name": "Component/Button/Muted/Border/Hover",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/White/10"
+ }
+ },
+ {
+ "name": "Component/Button/Muted/Border/Disable",
+ "type": "color",
+ "isAlias": true,
+ "value": {
+ "collection": "_Primitives",
+ "name": "Neutral/Opacity/White/10"
+ }
+ }
+ ]
+ },
{
"name": "Partner SAS",
"variables": [
@@ -23541,7 +26206,7 @@
"isAlias": true,
"value": {
"collection": "_Primitives",
- "name": "Neutral/90"
+ "name": "Neutral/70"
}
},
{
@@ -23883,6 +26548,24 @@
"type": "number",
"isAlias": false,
"value": 100
+ },
+ {
+ "name": "Font family/Bassin Seven/Title",
+ "type": "string",
+ "isAlias": false,
+ "value": "Futura PT"
+ },
+ {
+ "name": "Font family/Bassin Seven/Body",
+ "type": "string",
+ "isAlias": false,
+ "value": "Fira sans"
+ },
+ {
+ "name": "Font family/Bassin Seven/Decorative",
+ "type": "string",
+ "isAlias": false,
+ "value": "Futura PT"
}
]
}
@@ -23895,55 +26578,55 @@
"name": "Value",
"variables": [
{
- "name": "Corner radius/sm",
+ "name": "Corner Radius/sm",
"type": "number",
"isAlias": false,
"value": 4
},
{
- "name": "Border width/none",
+ "name": "Border/none",
"type": "number",
"isAlias": false,
"value": 0
},
{
- "name": "Border width/sm",
+ "name": "Border/sm",
"type": "number",
"isAlias": false,
"value": 1
},
{
- "name": "Border width/md",
+ "name": "Border/md",
"type": "number",
"isAlias": false,
"value": 2
},
{
- "name": "Border width/lg",
+ "name": "Border/lg",
"type": "number",
"isAlias": false,
"value": 3
},
{
- "name": "Corner radius/md",
+ "name": "Corner Radius/md",
"type": "number",
"isAlias": false,
"value": 8
},
{
- "name": "Corner radius/lg",
+ "name": "Corner Radius/lg",
"type": "number",
"isAlias": false,
"value": 12
},
{
- "name": "Corner radius/xl",
+ "name": "Corner Radius/xl",
"type": "number",
"isAlias": false,
"value": 16
},
{
- "name": "Corner radius/rounded",
+ "name": "Corner Radius/Rounded",
"type": "number",
"isAlias": false,
"value": 250
diff --git a/packages/design-system/lib/components/Accordion/AccordionItem/accordionItem.module.css b/packages/design-system/lib/components/Accordion/AccordionItem/accordionItem.module.css
index 18cd315e6..ef50c3769 100644
--- a/packages/design-system/lib/components/Accordion/AccordionItem/accordionItem.module.css
+++ b/packages/design-system/lib/components/Accordion/AccordionItem/accordionItem.module.css
@@ -44,7 +44,7 @@
cursor: pointer;
color: var(--Text-Interactive-Default);
transition: background-color 0.3s;
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
list-style: none;
&::-webkit-details-marker {
diff --git a/packages/design-system/lib/components/Accordion/accordion.module.css b/packages/design-system/lib/components/Accordion/accordion.module.css
index ce138fa5a..f50cc74fb 100644
--- a/packages/design-system/lib/components/Accordion/accordion.module.css
+++ b/packages/design-system/lib/components/Accordion/accordion.module.css
@@ -2,7 +2,7 @@
list-style: none;
&.card {
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
li:last-child {
border-width: 0;
diff --git a/packages/design-system/lib/components/Alert/alert.module.css b/packages/design-system/lib/components/Alert/alert.module.css
index b49d0afc9..68227b849 100644
--- a/packages/design-system/lib/components/Alert/alert.module.css
+++ b/packages/design-system/lib/components/Alert/alert.module.css
@@ -40,7 +40,7 @@
/* Intent: inline */
.inline {
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
border: 1px solid var(--Base-Border-Subtle);
background-color: var(--Base-Surface-Primary-light-Normal);
}
diff --git a/packages/design-system/lib/components/Avatar/avatar.module.css b/packages/design-system/lib/components/Avatar/avatar.module.css
index 5d9677d69..76d49649b 100644
--- a/packages/design-system/lib/components/Avatar/avatar.module.css
+++ b/packages/design-system/lib/components/Avatar/avatar.module.css
@@ -3,7 +3,7 @@
justify-content: center;
align-items: center;
overflow: hidden;
- border-radius: var(--Corner-radius-rounded);
+ border-radius: var(--Corner-Radius-Rounded);
background-color: var(--Overlay-40);
}
diff --git a/packages/design-system/lib/components/BackToTopButton/backToTopButton.module.css b/packages/design-system/lib/components/BackToTopButton/backToTopButton.module.css
index 64b43982c..1cead4ecc 100644
--- a/packages/design-system/lib/components/BackToTopButton/backToTopButton.module.css
+++ b/packages/design-system/lib/components/BackToTopButton/backToTopButton.module.css
@@ -1,5 +1,5 @@
.backToTopButton {
- border-radius: var(--Corner-radius-rounded);
+ border-radius: var(--Corner-Radius-Rounded);
cursor: pointer;
display: inline-flex;
align-items: center;
diff --git a/packages/design-system/lib/components/Badge/badge.module.css b/packages/design-system/lib/components/Badge/badge.module.css
index b0d1f2300..70f08931c 100644
--- a/packages/design-system/lib/components/Badge/badge.module.css
+++ b/packages/design-system/lib/components/Badge/badge.module.css
@@ -1,5 +1,5 @@
.badge {
- border-radius: var(--Corner-radius-xl);
+ border-radius: var(--Corner-Radius-xl);
display: flex;
align-items: center;
justify-content: center;
diff --git a/packages/design-system/lib/components/Breadcrumbs/breadcrumbs.module.css b/packages/design-system/lib/components/Breadcrumbs/breadcrumbs.module.css
index f889c50aa..31f2640af 100644
--- a/packages/design-system/lib/components/Breadcrumbs/breadcrumbs.module.css
+++ b/packages/design-system/lib/components/Breadcrumbs/breadcrumbs.module.css
@@ -67,7 +67,7 @@
display: flex;
flex-direction: column;
gap: var(--Space-x05);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
min-width: 169px;
outline: none;
box-shadow: 0 0 4px 2px rgb(0 0 0 / 10%);
@@ -75,7 +75,7 @@
.dialogLink {
display: block;
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
padding: var(--Space-x1);
color: var(--Text-Default);
@@ -95,7 +95,7 @@
.tooltip {
background-color: var(--Surface-UI-Fill-Intense);
padding: var(--Space-x05) var(--Space-x1);
- border-radius: var(--Corner-radius-sm);
+ border-radius: var(--Corner-Radius-sm);
color: var(--Text-Inverted);
outline: none;
}
diff --git a/packages/design-system/lib/components/Button/button.module.css b/packages/design-system/lib/components/Button/button.module.css
index ad8731ade..2c64a396d 100644
--- a/packages/design-system/lib/components/Button/button.module.css
+++ b/packages/design-system/lib/components/Button/button.module.css
@@ -1,6 +1,6 @@
.button {
position: relative;
- border-radius: var(--Corner-radius-rounded);
+ border-radius: var(--Corner-Radius-Rounded);
border-width: 2px;
border-style: solid;
cursor: pointer;
diff --git a/packages/design-system/lib/components/Card/card.module.css b/packages/design-system/lib/components/Card/card.module.css
index b6938ce1b..b4f8127c2 100644
--- a/packages/design-system/lib/components/Card/card.module.css
+++ b/packages/design-system/lib/components/Card/card.module.css
@@ -10,13 +10,13 @@
.Default {
border: solid 1px var(--Border-Default);
background-color: var(--Surface-Secondary-Default);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
color: var(--Text-Default);
}
.Featured {
border: solid 1px var(--Border-Default);
background-color: var(--Surface-Primary-Default);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
color: var(--Text-Default);
}
diff --git a/packages/design-system/lib/components/ChipButton/chip-button.module.css b/packages/design-system/lib/components/ChipButton/chip-button.module.css
index c1ace7289..56c5ea66f 100644
--- a/packages/design-system/lib/components/ChipButton/chip-button.module.css
+++ b/packages/design-system/lib/components/ChipButton/chip-button.module.css
@@ -1,6 +1,6 @@
.chip {
background-color: var(--Component-Button-Inverted-Fill-Default);
- border-radius: var(--Corner-radius-sm);
+ border-radius: var(--Corner-Radius-sm);
padding: 6px var(--Space-x15);
color: var(--Text-Interactive-Default);
display: inline-flex;
@@ -43,7 +43,7 @@
.FilterRounded {
background-color: transparent;
border: 1px solid var(--Border-Interactive-Active);
- border-radius: var(--Corner-radius-rounded);
+ border-radius: var(--Corner-Radius-Rounded);
padding: var(--Space-x025) var(--Space-x2);
color: var(--Text-Default);
}
diff --git a/packages/design-system/lib/components/ChipLink/chip-link.module.css b/packages/design-system/lib/components/ChipLink/chip-link.module.css
index 6c0d5bf56..e0b2b2b45 100644
--- a/packages/design-system/lib/components/ChipLink/chip-link.module.css
+++ b/packages/design-system/lib/components/ChipLink/chip-link.module.css
@@ -1,7 +1,7 @@
.chip {
background-color: var(--Component-Button-Inverted-Fill-Default);
border: 1px solid var(--Component-Button-Inverted-Border-Default);
- border-radius: var(--Corner-radius-sm);
+ border-radius: var(--Corner-Radius-sm);
padding: var(--Space-x1) var(--Space-x15);
color: var(--Text-Interactive-Default);
display: inline-flex;
diff --git a/packages/design-system/lib/components/ChipStatic/chip-static.module.css b/packages/design-system/lib/components/ChipStatic/chip-static.module.css
index a2b6073b8..3175a53cf 100644
--- a/packages/design-system/lib/components/ChipStatic/chip-static.module.css
+++ b/packages/design-system/lib/components/ChipStatic/chip-static.module.css
@@ -1,5 +1,5 @@
.chip {
- border-radius: var(--Corner-radius-sm);
+ border-radius: var(--Corner-Radius-sm);
padding: 0 var(--Space-x1);
display: inline-flex;
align-items: center;
diff --git a/packages/design-system/lib/components/ContentCard/contentCard.module.css b/packages/design-system/lib/components/ContentCard/contentCard.module.css
index 8f2cfbeb8..1e0f7e1d6 100644
--- a/packages/design-system/lib/components/ContentCard/contentCard.module.css
+++ b/packages/design-system/lib/components/ContentCard/contentCard.module.css
@@ -4,7 +4,7 @@
&:hover {
.imageContainer,
.image {
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
}
.image {
transform: scale(1.05);
@@ -16,13 +16,13 @@
position: relative;
width: 100%;
height: 250px;
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
overflow: hidden;
transition: border-radius 0.3s ease-in-out;
}
.image {
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
width: 100%;
height: 100%;
object-fit: cover;
diff --git a/packages/design-system/lib/components/DeprecatedSelect/select.module.css b/packages/design-system/lib/components/DeprecatedSelect/select.module.css
index 0524de021..88e0302ee 100644
--- a/packages/design-system/lib/components/DeprecatedSelect/select.module.css
+++ b/packages/design-system/lib/components/DeprecatedSelect/select.module.css
@@ -4,7 +4,7 @@
.select {
border: 1px solid var(--Base-Border-Normal);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
display: flex;
flex-direction: column;
gap: var(--Space-x05);
@@ -49,7 +49,7 @@
align-items: center;
background-color: var(--UI-Opacity-White-100);
border: none;
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
color: var(--UI-Text-High-contrast);
display: flex;
gap: var(--Space-x05);
@@ -77,7 +77,7 @@
.popover {
background-color: 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);
display: inline-flex;
flex-direction: column;
@@ -100,7 +100,7 @@
.listBoxItem[data-focused="true"],
.listBoxItem[data-selected="true"] {
background: var(--UI-Input-Controls-Surface-Hover);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
outline: none;
}
diff --git a/packages/design-system/lib/components/Form/Country/country.module.css b/packages/design-system/lib/components/Form/Country/country.module.css
index 02cb178a2..1d60148a0 100644
--- a/packages/design-system/lib/components/Form/Country/country.module.css
+++ b/packages/design-system/lib/components/Form/Country/country.module.css
@@ -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);
diff --git a/packages/design-system/lib/components/Form/PaymentOption/paymentOption.module.css b/packages/design-system/lib/components/Form/PaymentOption/paymentOption.module.css
index 84ec39b00..d0edf9352 100644
--- a/packages/design-system/lib/components/Form/PaymentOption/paymentOption.module.css
+++ b/packages/design-system/lib/components/Form/PaymentOption/paymentOption.module.css
@@ -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;
diff --git a/packages/design-system/lib/components/Form/Phone/phone.module.css b/packages/design-system/lib/components/Form/Phone/phone.module.css
index 29475d117..36551eadf 100644
--- a/packages/design-system/lib/components/Form/Phone/phone.module.css
+++ b/packages/design-system/lib/components/Form/Phone/phone.module.css
@@ -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;
diff --git a/packages/design-system/lib/components/Form/RadioButtonsGroup/radioButtonsGroup.module.css b/packages/design-system/lib/components/Form/RadioButtonsGroup/radioButtonsGroup.module.css
index f97acad9d..29a9a9cec 100644
--- a/packages/design-system/lib/components/Form/RadioButtonsGroup/radioButtonsGroup.module.css
+++ b/packages/design-system/lib/components/Form/RadioButtonsGroup/radioButtonsGroup.module.css
@@ -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;
diff --git a/packages/design-system/lib/components/Form/RadioCard/radioCard.module.css b/packages/design-system/lib/components/Form/RadioCard/radioCard.module.css
index 94b004ca0..fa26e118d 100644
--- a/packages/design-system/lib/components/Form/RadioCard/radioCard.module.css
+++ b/packages/design-system/lib/components/Form/RadioCard/radioCard.module.css
@@ -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);
}
diff --git a/packages/design-system/lib/components/HotelCard/HotelCardDialogImage/hotelCardDialogImage.module.css b/packages/design-system/lib/components/HotelCard/HotelCardDialogImage/hotelCardDialogImage.module.css
index 603b574d8..3b7f4ae18 100644
--- a/packages/design-system/lib/components/HotelCard/HotelCardDialogImage/hotelCardDialogImage.module.css
+++ b/packages/design-system/lib/components/HotelCard/HotelCardDialogImage/hotelCardDialogImage.module.css
@@ -18,7 +18,7 @@
.imageContainer {
position: relative;
min-width: 177px;
- border-radius: var(--Corner-radius-md) 0 0 var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md) 0 0 var(--Corner-Radius-md);
overflow: hidden;
}
@@ -26,7 +26,7 @@
width: 80px;
min-width: 80px;
height: 90px;
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
}
.imageContainer img {
diff --git a/packages/design-system/lib/components/HotelCard/HotelCardSkeleton.module.css b/packages/design-system/lib/components/HotelCard/HotelCardSkeleton.module.css
index a14dab02e..984029aaa 100644
--- a/packages/design-system/lib/components/HotelCard/HotelCardSkeleton.module.css
+++ b/packages/design-system/lib/components/HotelCard/HotelCardSkeleton.module.css
@@ -3,7 +3,7 @@
display: flex;
flex-direction: column;
background-color: #fff;
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
border: 1px solid var(--Base-Border-Subtle);
position: relative;
height: 100%;
diff --git a/packages/design-system/lib/components/HotelCard/HotelChequeCard/hotelChequeCard.module.css b/packages/design-system/lib/components/HotelCard/HotelChequeCard/hotelChequeCard.module.css
index a113831e6..c5f98131b 100644
--- a/packages/design-system/lib/components/HotelCard/HotelChequeCard/hotelChequeCard.module.css
+++ b/packages/design-system/lib/components/HotelCard/HotelChequeCard/hotelChequeCard.module.css
@@ -1,7 +1,7 @@
.chequeCard {
padding: var(--Space-x15);
background-color: var(--Base-Surface-Secondary-light-Normal);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
margin: 0;
width: 100%;
display: grid;
diff --git a/packages/design-system/lib/components/HotelCard/HotelDialogCard/StandaloneHotelCardDialog/standaloneHotelCardDialog.module.css b/packages/design-system/lib/components/HotelCard/HotelDialogCard/StandaloneHotelCardDialog/standaloneHotelCardDialog.module.css
index 28067a9f4..1d93d5c84 100644
--- a/packages/design-system/lib/components/HotelCard/HotelDialogCard/StandaloneHotelCardDialog/standaloneHotelCardDialog.module.css
+++ b/packages/design-system/lib/components/HotelCard/HotelDialogCard/StandaloneHotelCardDialog/standaloneHotelCardDialog.module.css
@@ -41,7 +41,7 @@
}
.priceCard {
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
padding: var(--Space-x05) var(--Space-x1);
background: var(--Base-Surface-Secondary-light-Normal);
}
@@ -55,7 +55,7 @@
}
.notEnoughPointsButton {
- border-radius: var(--Corner-radius-rounded);
+ border-radius: var(--Corner-Radius-Rounded);
border-width: 2px;
border-style: solid;
display: flex;
diff --git a/packages/design-system/lib/components/HotelCard/HotelPriceCard/hotelPriceCard.module.css b/packages/design-system/lib/components/HotelCard/HotelPriceCard/hotelPriceCard.module.css
index 8d7f2528d..ccd53976a 100644
--- a/packages/design-system/lib/components/HotelCard/HotelPriceCard/hotelPriceCard.module.css
+++ b/packages/design-system/lib/components/HotelCard/HotelPriceCard/hotelPriceCard.module.css
@@ -1,7 +1,7 @@
.priceCard {
padding: var(--Space-x15);
background-color: var(--Base-Surface-Secondary-light-Normal);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
margin: 0;
width: 100%;
}
diff --git a/packages/design-system/lib/components/HotelCard/HotelVoucherCard/hotelVoucherCard.module.css b/packages/design-system/lib/components/HotelCard/HotelVoucherCard/hotelVoucherCard.module.css
index abe4e05c2..e9f3f7a97 100644
--- a/packages/design-system/lib/components/HotelCard/HotelVoucherCard/hotelVoucherCard.module.css
+++ b/packages/design-system/lib/components/HotelCard/HotelVoucherCard/hotelVoucherCard.module.css
@@ -1,7 +1,7 @@
.voucherCard {
padding: var(--Space-x15);
background-color: var(--Base-Surface-Secondary-light-Normal);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
margin: 0;
width: 100%;
}
diff --git a/packages/design-system/lib/components/HotelCard/NoPriceAvailableCard/noPriceAvailable.module.css b/packages/design-system/lib/components/HotelCard/NoPriceAvailableCard/noPriceAvailable.module.css
index c5770d077..bdc09ce8f 100644
--- a/packages/design-system/lib/components/HotelCard/NoPriceAvailableCard/noPriceAvailable.module.css
+++ b/packages/design-system/lib/components/HotelCard/NoPriceAvailableCard/noPriceAvailable.module.css
@@ -1,7 +1,7 @@
.priceCard {
padding: var(--Space-x15);
background-color: var(--Base-Surface-Secondary-light-Normal);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
margin: 0;
width: 100%;
}
diff --git a/packages/design-system/lib/components/HotelCard/hotelCard.module.css b/packages/design-system/lib/components/HotelCard/hotelCard.module.css
index f78a9d539..581f1d462 100644
--- a/packages/design-system/lib/components/HotelCard/hotelCard.module.css
+++ b/packages/design-system/lib/components/HotelCard/hotelCard.module.css
@@ -3,7 +3,7 @@
flex-direction: column;
background-color: var(--Base-Surface-Primary-light-Normal);
border: 1px solid var(--Base-Border-Subtle);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
width: 100%;
overflow: hidden;
color: var(--Text-Default);
@@ -104,7 +104,7 @@
.pointsCard {
background-color: var(--Base-Surface-Secondary-light-Normal);
padding: var(--Space-x15);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
diff --git a/packages/design-system/lib/components/HotelInfoCard/hotelInfoCard.module.css b/packages/design-system/lib/components/HotelInfoCard/hotelInfoCard.module.css
index 38981a849..d93b56793 100644
--- a/packages/design-system/lib/components/HotelInfoCard/hotelInfoCard.module.css
+++ b/packages/design-system/lib/components/HotelInfoCard/hotelInfoCard.module.css
@@ -25,7 +25,7 @@
position: relative;
height: 200px;
width: 100%;
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
}
.hotelContent {
diff --git a/packages/design-system/lib/components/IconButton/iconButton.module.css b/packages/design-system/lib/components/IconButton/iconButton.module.css
index 8c57f572c..902affd46 100644
--- a/packages/design-system/lib/components/IconButton/iconButton.module.css
+++ b/packages/design-system/lib/components/IconButton/iconButton.module.css
@@ -8,7 +8,7 @@
border-width: 0;
background-color: transparent;
cursor: pointer;
- border-radius: var(--Corner-radius-rounded);
+ border-radius: var(--Corner-Radius-Rounded);
&[data-disabled] {
cursor: unset;
diff --git a/packages/design-system/lib/components/IconChip/iconChip.module.css b/packages/design-system/lib/components/IconChip/iconChip.module.css
index 9d95c7221..0161e8128 100644
--- a/packages/design-system/lib/components/IconChip/iconChip.module.css
+++ b/packages/design-system/lib/components/IconChip/iconChip.module.css
@@ -3,7 +3,7 @@
align-items: center;
gap: var(--Space-x1);
padding: var(--Space-x1) var(--Space-x15);
- border-radius: var(--Corner-radius-sm);
+ border-radius: var(--Corner-Radius-sm);
}
.blue {
diff --git a/packages/design-system/lib/components/Icons/Logos/BassinSeven.tsx b/packages/design-system/lib/components/Icons/Logos/BassinSeven.tsx
new file mode 100644
index 000000000..f12f04834
--- /dev/null
+++ b/packages/design-system/lib/components/Icons/Logos/BassinSeven.tsx
@@ -0,0 +1,28 @@
+import type { LogoProps } from "../icon"
+
+export default function BassinSevenIcon({
+ className = "",
+ "aria-label": ariaLabel,
+ height = 30,
+ width = 123,
+ ...props
+}: LogoProps) {
+ return (
+
+ )
+}
diff --git a/packages/design-system/lib/components/Icons/Logos/index.tsx b/packages/design-system/lib/components/Icons/Logos/index.tsx
index bd04c2f4d..c3b23dfb2 100644
--- a/packages/design-system/lib/components/Icons/Logos/index.tsx
+++ b/packages/design-system/lib/components/Icons/Logos/index.tsx
@@ -1,3 +1,5 @@
+import { SignatureHotelEnum } from "@scandic-hotels/common/constants/signatureHotels"
+import BassinSevenIcon from "./BassinSeven"
import DowntownCamperIcon from "./DowntownCamper"
import GrandHotelOsloLogoIcon from "./GrandHotelOslo"
import HaymarketIcon from "./Haymarket"
@@ -19,15 +21,6 @@ enum HotelTypeEnum {
Regular = "regular",
}
-enum SignatureHotelEnum {
- DowntownCamper = "879",
- GrandHotelOslo = "340",
- Haymarket = "890",
- HotelNorge = "785",
- Marski = "605",
- TheDock = "796",
-}
-
export default function HotelLogoIcon({
hotelId,
hotelType,
@@ -50,6 +43,8 @@ export default function HotelLogoIcon({
return
case SignatureHotelEnum.TheDock:
return
+ case SignatureHotelEnum.BassinSeven:
+ return
default:
return
}
diff --git a/packages/design-system/lib/components/ImageContainer/imageContainer.module.css b/packages/design-system/lib/components/ImageContainer/imageContainer.module.css
index 18d6c334f..aeee0cae0 100644
--- a/packages/design-system/lib/components/ImageContainer/imageContainer.module.css
+++ b/packages/design-system/lib/components/ImageContainer/imageContainer.module.css
@@ -10,7 +10,7 @@
width: 100%;
height: 365px;
object-fit: cover;
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
}
@media screen and (min-width: 768px) {
diff --git a/packages/design-system/lib/components/ImageCounter/imageCounter.module.css b/packages/design-system/lib/components/ImageCounter/imageCounter.module.css
index a0e635f72..eeb132c3f 100644
--- a/packages/design-system/lib/components/ImageCounter/imageCounter.module.css
+++ b/packages/design-system/lib/components/ImageCounter/imageCounter.module.css
@@ -1,6 +1,6 @@
.imageCounter {
background-color: var(--Overlay-90);
- border-radius: var(--Corner-radius-sm);
+ border-radius: var(--Corner-Radius-sm);
color: var(--Text-Inverted);
justify-content: center;
display: inline-flex;
diff --git a/packages/design-system/lib/components/InfoBox/InfoBox.module.css b/packages/design-system/lib/components/InfoBox/InfoBox.module.css
index 4c6e318a8..9a1e788fc 100644
--- a/packages/design-system/lib/components/InfoBox/InfoBox.module.css
+++ b/packages/design-system/lib/components/InfoBox/InfoBox.module.css
@@ -4,7 +4,7 @@
gap: 1rem;
padding: var(--Space-x2) var(--Space-x3);
- border-radius: var(--Corner-radius-Medium);
+ border-radius: var(--Corner-Radius-Medium);
align-items: center;
background: var(--Background-Secondary);
diff --git a/packages/design-system/lib/components/InfoCard/InfoCard.stories.tsx b/packages/design-system/lib/components/InfoCard/InfoCard.stories.tsx
index aa5af6cfc..1efe32dcd 100644
--- a/packages/design-system/lib/components/InfoCard/InfoCard.stories.tsx
+++ b/packages/design-system/lib/components/InfoCard/InfoCard.stories.tsx
@@ -259,3 +259,10 @@ export const AllThemesTheDock: Story = {
hotelTheme: Theme.theDock,
},
}
+
+export const AllThemesBassinSeven: Story = {
+ args: {
+ ...meta.args,
+ hotelTheme: Theme.bassinSeven,
+ },
+}
diff --git a/packages/design-system/lib/components/InfoCard/infoCard.module.css b/packages/design-system/lib/components/InfoCard/infoCard.module.css
index dd7ca6448..a1d33a384 100644
--- a/packages/design-system/lib/components/InfoCard/infoCard.module.css
+++ b/packages/design-system/lib/components/InfoCard/infoCard.module.css
@@ -7,7 +7,7 @@
display: grid;
justify-content: center;
align-items: center;
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
text-align: center;
width: 100%;
text-wrap: balance;
diff --git a/packages/design-system/lib/components/InfoCard/utils.ts b/packages/design-system/lib/components/InfoCard/utils.ts
index 1555521a0..7d5c23a02 100644
--- a/packages/design-system/lib/components/InfoCard/utils.ts
+++ b/packages/design-system/lib/components/InfoCard/utils.ts
@@ -158,6 +158,23 @@ export function getButtonProps(
}
}
break
+ case Theme.bassinSeven:
+ if (
+ cardTheme === "Primary 3" ||
+ cardTheme === "Accent" ||
+ cardTheme === "White"
+ ) {
+ buttonProps = {
+ primaryButton: PRIMARY,
+ secondaryButton: SECONDARY,
+ }
+ } else if (cardTheme === "Primary 1" || cardTheme === "Primary 2") {
+ buttonProps = {
+ primaryButton: PRIMARY_INVERTED,
+ secondaryButton: SECONDARY_INVERTED,
+ }
+ }
+ break
default:
break
}
diff --git a/packages/design-system/lib/components/InfoCard/variants.ts b/packages/design-system/lib/components/InfoCard/variants.ts
index abaf0d445..b2b88c7c8 100644
--- a/packages/design-system/lib/components/InfoCard/variants.ts
+++ b/packages/design-system/lib/components/InfoCard/variants.ts
@@ -50,6 +50,7 @@ export const infoCardConfig = {
[Theme.hotelNorge]: undefined,
[Theme.marski]: undefined,
[Theme.theDock]: undefined,
+ [Theme.bassinSeven]: undefined,
},
},
compoundVariants: [
diff --git a/packages/design-system/lib/components/Input/input.module.css b/packages/design-system/lib/components/Input/input.module.css
index 8163e6727..a379a1b15 100644
--- a/packages/design-system/lib/components/Input/input.module.css
+++ b/packages/design-system/lib/components/Input/input.module.css
@@ -12,7 +12,7 @@
align-content: center;
background-color: var(--Surface-Primary-Default);
border: 1px solid var(--Border-Interactive-Default);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
display: grid;
min-width: 0; /* allow shrinkage */
height: 56px;
diff --git a/packages/design-system/lib/components/JsonToHtml/jsontohtml.module.css b/packages/design-system/lib/components/JsonToHtml/jsontohtml.module.css
index 9a05cd982..1c7267600 100644
--- a/packages/design-system/lib/components/JsonToHtml/jsontohtml.module.css
+++ b/packages/design-system/lib/components/JsonToHtml/jsontohtml.module.css
@@ -48,7 +48,7 @@
position: relative;
width: 100%;
height: 365px;
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
margin: var(--Space-x3) 0;
overflow: hidden;
}
diff --git a/packages/design-system/lib/components/Lightbox/FullView/fullView.module.css b/packages/design-system/lib/components/Lightbox/FullView/fullView.module.css
index c7840f9c0..4a9d0e076 100644
--- a/packages/design-system/lib/components/Lightbox/FullView/fullView.module.css
+++ b/packages/design-system/lib/components/Lightbox/FullView/fullView.module.css
@@ -54,7 +54,7 @@
.image {
object-fit: contain;
- border-radius: var(--Corner-radius-Medium);
+ border-radius: var(--Corner-Radius-Medium);
/* Override Next.js Image styles, we can't set width/height on the image as we don't know the aspect ratio of the image */
width: auto !important;
height: auto !important;
diff --git a/packages/design-system/lib/components/Lightbox/Gallery/gallery.module.css b/packages/design-system/lib/components/Lightbox/Gallery/gallery.module.css
index d94437f45..6e648a424 100644
--- a/packages/design-system/lib/components/Lightbox/Gallery/gallery.module.css
+++ b/packages/design-system/lib/components/Lightbox/Gallery/gallery.module.css
@@ -41,7 +41,7 @@
cursor: pointer;
overflow: hidden;
z-index: 0;
- border-radius: var(--Corner-radius-sm);
+ border-radius: var(--Corner-Radius-sm);
&:focus-visible {
outline: 2px solid var(--Border-Interactive-Focus);
@@ -120,7 +120,7 @@
.caption {
background-color: var(--Base-Surface-Subtle-Normal);
padding: var(--Space-x05) var(--Space-x1);
- border-radius: var(--Corner-radius-sm);
+ border-radius: var(--Corner-Radius-sm);
color: var(--Text-Secondary);
}
@@ -140,7 +140,7 @@
.mainImage {
object-fit: contain;
- border-radius: var(--Corner-radius-sm);
+ border-radius: var(--Corner-Radius-sm);
/* Override Next.js Image styles, we can't set width/height on the image as we don't know the aspect ratio of the image */
width: auto !important;
height: auto !important;
@@ -167,7 +167,7 @@
}
.thumbnailContainer img {
- border-radius: var(--Corner-radius-sm);
+ border-radius: var(--Corner-Radius-sm);
}
.navigationButton {
diff --git a/packages/design-system/lib/components/Lightbox/lightbox.module.css b/packages/design-system/lib/components/Lightbox/lightbox.module.css
index 0414524e0..2f6bf565e 100644
--- a/packages/design-system/lib/components/Lightbox/lightbox.module.css
+++ b/packages/design-system/lib/components/Lightbox/lightbox.module.css
@@ -31,7 +31,7 @@
overflow: hidden;
&:not(.fullViewContent) {
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
}
&.fullViewContent {
diff --git a/packages/design-system/lib/components/LinkList/LinkListItem/linkListItem.module.css b/packages/design-system/lib/components/LinkList/LinkListItem/linkListItem.module.css
index 5fbe7f4a8..10b12eebe 100644
--- a/packages/design-system/lib/components/LinkList/LinkListItem/linkListItem.module.css
+++ b/packages/design-system/lib/components/LinkList/LinkListItem/linkListItem.module.css
@@ -12,11 +12,11 @@
}
.linkListItem:first-child {
- border-radius: var(--Corner-radius-md) var(--Corner-radius-md) 0 0;
+ border-radius: var(--Corner-Radius-md) var(--Corner-Radius-md) 0 0;
}
.linkListItem:last-child {
- border-radius: 0 0 var(--Corner-radius-md) var(--Corner-radius-md);
+ border-radius: 0 0 var(--Corner-Radius-md) var(--Corner-Radius-md);
}
.linkListItem:hover {
@@ -42,7 +42,7 @@
.illustrationWrapper {
position: relative;
- border-radius: var(--Corner-radius-sm);
+ border-radius: var(--Corner-Radius-sm);
background-color: var(--Surface-Primary-Hover-Accent);
width: 80px;
height: 80px;
diff --git a/packages/design-system/lib/components/Map/InfoWindow/infoWindow.module.css b/packages/design-system/lib/components/Map/InfoWindow/infoWindow.module.css
index b8cb0dcfe..56b0b7136 100644
--- a/packages/design-system/lib/components/Map/InfoWindow/infoWindow.module.css
+++ b/packages/design-system/lib/components/Map/InfoWindow/infoWindow.module.css
@@ -7,7 +7,7 @@
.content {
background-color: var(--Base-Surface-Primary-light-Normal);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.1);
position: relative;
overflow: hidden;
diff --git a/packages/design-system/lib/components/Map/InteractiveMap/HotelListingMapContent/HotelPin/hotelPin.module.css b/packages/design-system/lib/components/Map/InteractiveMap/HotelListingMapContent/HotelPin/hotelPin.module.css
index 7b7c69d6c..3d5069939 100644
--- a/packages/design-system/lib/components/Map/InteractiveMap/HotelListingMapContent/HotelPin/hotelPin.module.css
+++ b/packages/design-system/lib/components/Map/InteractiveMap/HotelListingMapContent/HotelPin/hotelPin.module.css
@@ -4,7 +4,7 @@
align-items: center;
padding: var(--Space-x05) var(--Space-x1) var(--Space-x05) var(--Space-x05);
border: 2px solid var(--Base-Surface-Primary-light-Normal);
- border-radius: var(--Corner-radius-rounded);
+ border-radius: var(--Corner-Radius-Rounded);
background-color: var(--Base-Surface-Primary-light-Normal);
box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1);
gap: var(--Space-x1);
diff --git a/packages/design-system/lib/components/Map/InteractiveMap/PoiMapMarkers/poiMapMarkers.module.css b/packages/design-system/lib/components/Map/InteractiveMap/PoiMapMarkers/poiMapMarkers.module.css
index 6300b878b..cf09db7ae 100644
--- a/packages/design-system/lib/components/Map/InteractiveMap/PoiMapMarkers/poiMapMarkers.module.css
+++ b/packages/design-system/lib/components/Map/InteractiveMap/PoiMapMarkers/poiMapMarkers.module.css
@@ -20,7 +20,7 @@
justify-content: center;
align-items: center;
padding: var(--Space-x05);
- border-radius: var(--Corner-radius-rounded);
+ border-radius: var(--Corner-Radius-Rounded);
background-color: var(--Surface-UI-Fill-Default);
box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1);
gap: var(--Space-x1);
diff --git a/packages/design-system/lib/components/Map/Markers/HotelMarker/SignatureHotel/BassinSeven.tsx b/packages/design-system/lib/components/Map/Markers/HotelMarker/SignatureHotel/BassinSeven.tsx
new file mode 100644
index 000000000..8479a20e4
--- /dev/null
+++ b/packages/design-system/lib/components/Map/Markers/HotelMarker/SignatureHotel/BassinSeven.tsx
@@ -0,0 +1,119 @@
+export function BassinSevenMarker({
+ className,
+ ...props
+}: React.SVGAttributes) {
+ return (
+
+ )
+}
diff --git a/packages/design-system/lib/components/Map/Markers/HotelMarker/SignatureHotel/BassinSevenSmall.tsx b/packages/design-system/lib/components/Map/Markers/HotelMarker/SignatureHotel/BassinSevenSmall.tsx
new file mode 100644
index 000000000..9580557a6
--- /dev/null
+++ b/packages/design-system/lib/components/Map/Markers/HotelMarker/SignatureHotel/BassinSevenSmall.tsx
@@ -0,0 +1,74 @@
+export function BassinSevenSmallMarker({
+ className,
+ ...props
+}: React.SVGAttributes) {
+ return (
+
+ )
+}
diff --git a/packages/design-system/lib/components/Map/Markers/HotelMarkerByType.tsx b/packages/design-system/lib/components/Map/Markers/HotelMarkerByType.tsx
index b600a646c..24617e2c5 100644
--- a/packages/design-system/lib/components/Map/Markers/HotelMarkerByType.tsx
+++ b/packages/design-system/lib/components/Map/Markers/HotelMarkerByType.tsx
@@ -22,6 +22,8 @@ import {
type HotelType,
} from "@scandic-hotels/common/constants/hotelType"
import { MarkerInfo } from "../types"
+import { BassinSevenMarker } from "./HotelMarker/SignatureHotel/BassinSeven"
+import { BassinSevenSmallMarker } from "./HotelMarker/SignatureHotel/BassinSevenSmall"
export interface HotelMarkerByTypeProps
extends MarkerInfo, React.SVGAttributes {
@@ -97,4 +99,8 @@ const bySignatureHotel: Record<
large: TheDockMarker,
small: TheDockSmallMarker,
},
+ [SignatureHotelEnum.BassinSeven]: {
+ large: BassinSevenMarker,
+ small: BassinSevenSmallMarker,
+ },
}
diff --git a/packages/design-system/lib/components/Map/Markers/PoiMarker/poiMarker.module.css b/packages/design-system/lib/components/Map/Markers/PoiMarker/poiMarker.module.css
index d3c53844f..df35cbde8 100644
--- a/packages/design-system/lib/components/Map/Markers/PoiMarker/poiMarker.module.css
+++ b/packages/design-system/lib/components/Map/Markers/PoiMarker/poiMarker.module.css
@@ -2,7 +2,7 @@
display: flex;
justify-content: center;
align-items: center;
- border-radius: var(--Corner-radius-rounded);
+ border-radius: var(--Corner-Radius-Rounded);
background-color: var(--Surface-Feedback-Neutral);
> span {
diff --git a/packages/design-system/lib/components/MessageBanner/messageBanner.module.css b/packages/design-system/lib/components/MessageBanner/messageBanner.module.css
index d2a8eba63..0557a47d8 100644
--- a/packages/design-system/lib/components/MessageBanner/messageBanner.module.css
+++ b/packages/design-system/lib/components/MessageBanner/messageBanner.module.css
@@ -2,7 +2,7 @@
display: flex;
padding: var(--Space-x15);
background-color: var(--Surface-Primary-Default);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
border: 1px solid var(--Border-Default);
}
diff --git a/packages/design-system/lib/components/Modal/modal.module.css b/packages/design-system/lib/components/Modal/modal.module.css
index b19cc29a4..fce597427 100644
--- a/packages/design-system/lib/components/Modal/modal.module.css
+++ b/packages/design-system/lib/components/Modal/modal.module.css
@@ -10,7 +10,7 @@
.modal {
background-color: var(--Base-Surface-Primary-light-Normal);
- border-radius: var(--Corner-radius-md) var(--Corner-radius-md) 0 0;
+ border-radius: var(--Corner-Radius-md) var(--Corner-Radius-md) 0 0;
box-shadow: var(--modal-box-shadow);
width: 100%;
position: absolute;
@@ -73,7 +73,7 @@
left: auto;
bottom: auto;
width: auto;
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
max-width: var(--max-width-page);
}
diff --git a/packages/design-system/lib/components/OldDSLink/link.module.css b/packages/design-system/lib/components/OldDSLink/link.module.css
index db533d943..181ebfda9 100644
--- a/packages/design-system/lib/components/OldDSLink/link.module.css
+++ b/packages/design-system/lib/components/OldDSLink/link.module.css
@@ -75,13 +75,13 @@
line-height: var(--typography-Body-Regular-lineHeight);
letter-spacing: var(--typography-Body-Regular-letterSpacing);
padding: var(--Space-x1);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
gap: var(--Space-x1);
justify-content: space-between;
&:hover {
background-color: var(--Base-Surface-Primary-light-Hover-alt);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
}
}
@@ -158,7 +158,7 @@
width: 100%;
padding: var(--Space-x1);
gap: var(--Space-x15);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
color: var(--Text-Interactive-Default);
&:hover {
diff --git a/packages/design-system/lib/components/OpeningHours/openingHours.module.css b/packages/design-system/lib/components/OpeningHours/openingHours.module.css
index 185748945..b13a31830 100644
--- a/packages/design-system/lib/components/OpeningHours/openingHours.module.css
+++ b/packages/design-system/lib/components/OpeningHours/openingHours.module.css
@@ -2,7 +2,7 @@
display: grid;
padding: var(--Space-x2) var(--Space-x3);
gap: var(--Space-x1);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
background: var(--Surface-Secondary-Default);
}
diff --git a/packages/design-system/lib/components/ParkingInformation/parkingInformation.module.css b/packages/design-system/lib/components/ParkingInformation/parkingInformation.module.css
index ff8c34978..7658b4fc1 100644
--- a/packages/design-system/lib/components/ParkingInformation/parkingInformation.module.css
+++ b/packages/design-system/lib/components/ParkingInformation/parkingInformation.module.css
@@ -11,7 +11,7 @@
.priceWrapper {
background-color: var(--Surface-Secondary-Default);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
padding: var(--Space-x2) var(--Space-x3);
display: grid;
gap: var(--Space-x1);
diff --git a/packages/design-system/lib/components/Progress/progress.module.css b/packages/design-system/lib/components/Progress/progress.module.css
index e585bd4a0..17f1e39e7 100644
--- a/packages/design-system/lib/components/Progress/progress.module.css
+++ b/packages/design-system/lib/components/Progress/progress.module.css
@@ -4,7 +4,7 @@
.track {
height: var(--Space-x2);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
padding: var(--Space-x05);
background: var(--Surface-Secondary-Default);
position: relative;
@@ -14,6 +14,6 @@
.fill {
height: 100%;
background: var(--Surface-Brand-Primary-1-OnSurface-Accent);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
transition: width 0.3s ease;
}
diff --git a/packages/design-system/lib/components/RateCard/Modal/modal.module.css b/packages/design-system/lib/components/RateCard/Modal/modal.module.css
index c11579bf4..213ae38b0 100644
--- a/packages/design-system/lib/components/RateCard/Modal/modal.module.css
+++ b/packages/design-system/lib/components/RateCard/Modal/modal.module.css
@@ -10,7 +10,7 @@
.modal {
background-color: var(--Neutral-0);
- border-radius: var(--Corner-radius-md) var(--Corner-radius-md) 0 0;
+ border-radius: var(--Corner-Radius-md) var(--Corner-Radius-md) 0 0;
box-shadow: 0px 4px 24px 0px rgba(38, 32, 30, 0.08);
width: 100%;
position: absolute;
@@ -64,7 +64,7 @@
left: auto;
bottom: auto;
width: auto;
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
max-width: var(--max-width-page);
}
diff --git a/packages/design-system/lib/components/RateCard/rate-card.module.css b/packages/design-system/lib/components/RateCard/rate-card.module.css
index c9726545e..83a3e1b30 100644
--- a/packages/design-system/lib/components/RateCard/rate-card.module.css
+++ b/packages/design-system/lib/components/RateCard/rate-card.module.css
@@ -11,7 +11,7 @@
align-items: center;
justify-content: center;
border: 2px solid var(--Border-Inverted);
- border-radius: var(--Corner-radius-rounded);
+ border-radius: var(--Corner-Radius-Rounded);
background-color: var(--Surface-Feedback-Succes);
color: var(--Icon-Inverted);
}
@@ -20,7 +20,7 @@
position: relative;
background-color: var(--Scandic-Grey-00);
border: 1px solid transparent;
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
padding: 0;
}
@@ -31,7 +31,7 @@
border: none;
padding: 0;
margin: 0;
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
z-index: 1;
cursor: pointer;
@@ -49,8 +49,8 @@
.banner {
background-color: var(--Surface-Brand-Primary-1-OnSurface-Accent);
- border-top-left-radius: var(--Corner-radius-md);
- border-top-right-radius: var(--Corner-radius-md);
+ border-top-left-radius: var(--Corner-Radius-md);
+ border-top-right-radius: var(--Corner-Radius-md);
text-align: center;
color: var(--Text-Inverted);
padding: var(--Space-x05) var(--Space-x1);
@@ -184,6 +184,6 @@
.noPricesAvailableText {
padding: var(--Space-x15) var(--Space-x3);
- border-radius: var(--Corner-radius-rounded);
+ border-radius: var(--Corner-Radius-Rounded);
background-color: var(--Scandic-Beige-10);
}
diff --git a/packages/design-system/lib/components/Select/select.module.css b/packages/design-system/lib/components/Select/select.module.css
index 7a45441b1..79652ba2b 100644
--- a/packages/design-system/lib/components/Select/select.module.css
+++ b/packages/design-system/lib/components/Select/select.module.css
@@ -2,7 +2,7 @@
position: relative;
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);
height: 56px;
box-sizing: border-box;
@@ -64,7 +64,7 @@
width: 100%;
height: 100%;
box-sizing: border-box;
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
&.button {
padding: 0 var(--Space-x15);
@@ -135,7 +135,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;
@@ -158,7 +158,7 @@
.listBoxItem {
padding: var(--Space-x1) var(--Space-x1) var(--Space-x1) var(--Space-x15);
color: var(--Text-Default);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
display: flex;
align-items: center;
gap: var(--Space-x1);
diff --git a/packages/design-system/lib/components/Table/table.module.css b/packages/design-system/lib/components/Table/table.module.css
index a83fac235..cbe8d7c07 100644
--- a/packages/design-system/lib/components/Table/table.module.css
+++ b/packages/design-system/lib/components/Table/table.module.css
@@ -31,13 +31,13 @@
}
.smallRadius {
- border-radius: var(--Corner-radius-sm);
+ border-radius: var(--Corner-Radius-sm);
}
.mediumRadius {
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
}
.largeRadius {
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
}
.content .thead {
diff --git a/packages/design-system/lib/components/TeaserCard/teaserCard.module.css b/packages/design-system/lib/components/TeaserCard/teaserCard.module.css
index 970e34759..26d5cdfde 100644
--- a/packages/design-system/lib/components/TeaserCard/teaserCard.module.css
+++ b/packages/design-system/lib/components/TeaserCard/teaserCard.module.css
@@ -1,5 +1,5 @@
.teaserCard {
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
display: flex;
flex-direction: column;
overflow: hidden;
diff --git a/packages/design-system/lib/components/TextArea/textarea.module.css b/packages/design-system/lib/components/TextArea/textarea.module.css
index 4b789d2bd..da452c131 100644
--- a/packages/design-system/lib/components/TextArea/textarea.module.css
+++ b/packages/design-system/lib/components/TextArea/textarea.module.css
@@ -11,7 +11,7 @@
.container {
background-color: var(--Surface-Primary-Default);
border: 1px solid var(--Border-Interactive-Default);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
display: block;
min-width: 0;
height: 138px;
diff --git a/packages/design-system/lib/components/Toasts/toasts.module.css b/packages/design-system/lib/components/Toasts/toasts.module.css
index 2292d9818..e07ffdb89 100644
--- a/packages/design-system/lib/components/Toasts/toasts.module.css
+++ b/packages/design-system/lib/components/Toasts/toasts.module.css
@@ -1,7 +1,7 @@
.toast {
display: grid;
grid-template-columns: auto 1fr auto;
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
overflow: hidden;
background: var(--Base-Surface-Primary-light-Normal);
box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.08);
diff --git a/packages/design-system/lib/components/Tooltip/tooltip.module.css b/packages/design-system/lib/components/Tooltip/tooltip.module.css
index 2d7b29bd8..8f1a7186e 100644
--- a/packages/design-system/lib/components/Tooltip/tooltip.module.css
+++ b/packages/design-system/lib/components/Tooltip/tooltip.module.css
@@ -7,7 +7,7 @@
padding: var(--Space-x1);
background-color: var(--Surface-UI-Fill-Intense);
border: 0.5px solid var(--Border-Interactive-Focus);
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
color: var(--Text-Inverted);
position: absolute;
visibility: hidden;
diff --git a/packages/design-system/lib/components/TripAdvisorChip/tripAdvisorChip.module.css b/packages/design-system/lib/components/TripAdvisorChip/tripAdvisorChip.module.css
index 489849bce..02c5cb3df 100644
--- a/packages/design-system/lib/components/TripAdvisorChip/tripAdvisorChip.module.css
+++ b/packages/design-system/lib/components/TripAdvisorChip/tripAdvisorChip.module.css
@@ -19,7 +19,7 @@
background-color: var(--Base-Surface-Primary-light-Normal);
color: var(--Text-Interactive-Default);
padding: var(--Space-x05) var(--Space-x1);
- border-radius: var(--Corner-radius-sm);
+ border-radius: var(--Corner-Radius-sm);
}
.tripAdvisorSmall {
diff --git a/packages/design-system/lib/components/VideoPlayer/Button/videoPlayerButton.module.css b/packages/design-system/lib/components/VideoPlayer/Button/videoPlayerButton.module.css
index e026beba6..7981c855b 100644
--- a/packages/design-system/lib/components/VideoPlayer/Button/videoPlayerButton.module.css
+++ b/packages/design-system/lib/components/VideoPlayer/Button/videoPlayerButton.module.css
@@ -1,5 +1,5 @@
.videoPlayerButton {
- border-radius: var(--Corner-radius-Rounded);
+ border-radius: var(--Corner-Radius-Rounded);
box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1);
height: 56px;
width: 56px;
@@ -73,7 +73,7 @@
.transparentBackground {
background-color: var(--Base-Surface-Primary-light-Normal);
- border-radius: var(--Corner-radius-Rounded);
+ border-radius: var(--Corner-Radius-Rounded);
opacity: 0.5;
position: absolute;
inset: 0;
@@ -83,7 +83,7 @@
.iconWrapper {
background: var(--Base-Surface-Primary-light-Normal);
border: 1px solid var(--Base-Border-Subtle);
- border-radius: var(--Corner-radius-Rounded);
+ border-radius: var(--Corner-Radius-Rounded);
display: flex;
align-items: center;
justify-content: center;
diff --git a/packages/design-system/lib/components/VideoPlayer/VideoPlayer.stories.tsx b/packages/design-system/lib/components/VideoPlayer/VideoPlayer.stories.tsx
index d5f38354a..72fb8a102 100644
--- a/packages/design-system/lib/components/VideoPlayer/VideoPlayer.stories.tsx
+++ b/packages/design-system/lib/components/VideoPlayer/VideoPlayer.stories.tsx
@@ -163,7 +163,7 @@ export const Hero: Story = {
style={{
width: "min(100%, 1200px)",
height: "max(20vh, 300px)",
- borderRadius: "var(--Corner-radius-lg)",
+ borderRadius: "var(--Corner-Radius-lg)",
margin: "auto",
overflow: "hidden",
}}
diff --git a/packages/design-system/lib/components/VideoPlayer/VideoWithCard/videoWithCard.module.css b/packages/design-system/lib/components/VideoPlayer/VideoWithCard/videoWithCard.module.css
index 520a1baba..1c72fab75 100644
--- a/packages/design-system/lib/components/VideoPlayer/VideoWithCard/videoWithCard.module.css
+++ b/packages/design-system/lib/components/VideoPlayer/VideoWithCard/videoWithCard.module.css
@@ -40,7 +40,7 @@
width: 100%;
padding: var(--Space-x3) var(--Space-x4);
align-content: center;
- border-radius: var(--Corner-radius-lg);
+ border-radius: var(--Corner-Radius-lg);
&.style-primary-1 {
background: var(--Surface-Brand-Primary-1-Default);
diff --git a/packages/design-system/lib/components/VideoPlayer/videoPlayer.module.css b/packages/design-system/lib/components/VideoPlayer/videoPlayer.module.css
index 2b6cffc0b..9308741aa 100644
--- a/packages/design-system/lib/components/VideoPlayer/videoPlayer.module.css
+++ b/packages/design-system/lib/components/VideoPlayer/videoPlayer.module.css
@@ -8,7 +8,7 @@
z-index: 0;
&.inline {
- border-radius: var(--Corner-radius-md);
+ border-radius: var(--Corner-Radius-md);
overflow: hidden;
}
diff --git a/packages/design-system/lib/design-system-new-deprecated.css b/packages/design-system/lib/design-system-new-deprecated.css
index f323a7f11..7ba0f6952 100644
--- a/packages/design-system/lib/design-system-new-deprecated.css
+++ b/packages/design-system/lib/design-system-new-deprecated.css
@@ -347,9 +347,9 @@
--UI-Text-Placeholder: var(--UI-Grey-60);
}
:root {
- --Corner-radius-Large: 12px;
- --Corner-radius-Medium: 8px;
- --Corner-radius-Rounded: 250px;
+ --Corner-Radius-Large: 12px;
+ --Corner-Radius-Medium: 8px;
+ --Corner-Radius-Rounded: 250px;
--Layout-Desktop-Margin-Margin-min: 40px;
--Layout-Mobile-Margin-Margin-min: 16px;
--Layout-Tablet-Margin-Margin-min: 24px;
diff --git a/packages/design-system/lib/fonts.css b/packages/design-system/lib/fonts.css
index 672ecc945..296b44032 100644
--- a/packages/design-system/lib/fonts.css
+++ b/packages/design-system/lib/fonts.css
@@ -96,6 +96,66 @@
src: url(/_static/shared/fonts/fira-sans/black.woff2) format("woff2");
}
+@font-face {
+ font-display: swap;
+ font-family: "Futura PT";
+ font-style: normal;
+ font-weight: 300;
+ src:
+ url(/_static/shared/fonts/futura-pt/FuturaPT_normal_normal_300.woff2)
+ format("woff2"),
+ url(/_static/shared/fonts/futura-pt/FuturaPT_normal_normal_300.woff)
+ format("woff");
+}
+
+@font-face {
+ font-display: swap;
+ font-family: "Futura PT";
+ font-style: normal;
+ font-weight: 500;
+ src:
+ url(/_static/shared/fonts/futura-pt/FuturaPT_normal_condensed_500.woff2)
+ format("woff2"),
+ url(/_static/shared/fonts/futura-pt/FuturaPT_normal_condensed_500.woff)
+ format("woff");
+}
+
+@font-face {
+ font-display: swap;
+ font-family: "Futura PT";
+ font-style: italic;
+ font-weight: 500;
+ src:
+ url(/_static/shared/fonts/fututa-pt/FuturaPT_italic_normal_500.woff2)
+ format("woff2"),
+ url(/_static/shared/fonts/futura-pt/FuturaPT_italic_normal_500.woff)
+ format("woff");
+}
+
+@font-face {
+ font-display: swap;
+ font-family: "Futura PT";
+ font-style: normal;
+ font-weight: 700;
+ src:
+ url(/_static/shared/fonts/futura-pt/FuturaPT_normal_normal_700.woff2)
+ format("woff2"),
+ url(/_static/shared/fonts/futura-pt/FuturaPT_normal_normal_700.woff)
+ format("woff");
+}
+
+@font-face {
+ font-display: swap;
+ font-family: "Futura PT";
+ font-style: normal;
+ font-weight: 900;
+ src:
+ url(/_static/shared/fonts/futura-pt/FuturaPT_normal_condensed_925.woff2)
+ format("woff2"),
+ url(/_static/shared/fonts/futura-pt/FuturaPT_normal_condensed_925.woff)
+ format("woff");
+}
+
@font-face {
font-display: swap;
font-family: "ITC Garamond Std";
diff --git a/packages/design-system/lib/style.css b/packages/design-system/lib/style.css
index 0991f7b29..354a2b74b 100644
--- a/packages/design-system/lib/style.css
+++ b/packages/design-system/lib/style.css
@@ -1,5 +1,6 @@
@import url(./styles/impl.css);
@import url(./styles/base.css);
+@import url(./styles/bassin-seven.css);
@import url(./styles/downtown-camper.css);
@import url(./styles/grand-hotel.css);
@import url(./styles/haymarket.css);
diff --git a/packages/design-system/lib/styles/base.css b/packages/design-system/lib/styles/base.css
index 892e3db52..f084cdcaa 100644
--- a/packages/design-system/lib/styles/base.css
+++ b/packages/design-system/lib/styles/base.css
@@ -1,10 +1,10 @@
/* This file is generated, do not edit manually! */
:root {
/* Values */
- --Border-width-lg: 3px;
- --Border-width-md: 2px;
- --Border-width-none: 0px;
- --Border-width-sm: 1px;
+ --Border-lg: 3px;
+ --Border-md: 2px;
+ --Border-none: 0px;
+ --Border-sm: 1px;
--BoxShadow-Level-1: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
--BoxShadow-Level-2: 0px 0px 4px 2px rgba(0, 0, 0, 0.1);
--BoxShadow-Level-3: 0px 0px 8px 3px rgba(0, 0, 0, 0.1);
@@ -12,11 +12,11 @@
--Breakpoints-max-width: 767px;
--Breakpoints-min-width: 320px;
--Columns-Column: 4px;
- --Corner-radius-lg: 12px;
- --Corner-radius-md: 8px;
- --Corner-radius-rounded: 250px;
- --Corner-radius-sm: 4px;
- --Corner-radius-xl: 16px;
+ --Corner-Radius-Rounded: 250px;
+ --Corner-Radius-lg: 12px;
+ --Corner-Radius-md: 8px;
+ --Corner-Radius-sm: 4px;
+ --Corner-Radius-xl: 16px;
--Font-weight-Black: 900;
--Font-weight-Bold: 700;
--Font-weight-Extra-Bold: 800;
diff --git a/packages/design-system/lib/styles/base.js b/packages/design-system/lib/styles/base.js
index 1283ba624..e47731fe9 100644
--- a/packages/design-system/lib/styles/base.js
+++ b/packages/design-system/lib/styles/base.js
@@ -74,14 +74,14 @@ export const theme = {
"Size/1300-56": 56,
"Size/1500-64": 64,
"Line height/xs": 100,
- "Corner radius/sm": 4,
- "Border width/sm": 1,
- "Border width/md": 2,
- "Border width/lg": 3,
- "Corner radius/md": 8,
- "Corner radius/lg": 12,
- "Corner radius/xl": 16,
- "Corner radius/rounded": 250,
+ "Corner Radius/sm": 4,
+ "Border/sm": 1,
+ "Border/md": 2,
+ "Border/lg": 3,
+ "Corner Radius/md": 8,
+ "Corner Radius/lg": 12,
+ "Corner Radius/xl": 16,
+ "Corner Radius/Rounded": 250,
"Space/x025": 2,
"Space/x05": 4,
"Space/x1": 8,
diff --git a/packages/design-system/lib/styles/bassin-seven.css b/packages/design-system/lib/styles/bassin-seven.css
new file mode 100644
index 000000000..e20b9ca45
--- /dev/null
+++ b/packages/design-system/lib/styles/bassin-seven.css
@@ -0,0 +1,434 @@
+/* This file is generated, do not edit manually! */
+.bassin-seven {
+ /* Values */
+ --Body-Lead-text-Font-fallback: sans-serif;
+ --Body-Lead-text-Letter-spacing: 0.2px;
+ --Body-Paragraph-Font-fallback: sans-serif;
+ --Body-Paragraph-Letter-spacing: 0.19px;
+ --Body-Supporting-text-Font-fallback: sans-serif;
+ --Body-Supporting-text-Letter-spacing: 0.2px;
+ --Body-Underline-md-Font-fallback: sans-serif;
+ --Body-Underline-md-Letter-spacing: 0.19px;
+ --Body-Underline-md-Text-Decoration: underline;
+ --Body-Underline-sm-Font-fallback: sans-serif;
+ --Body-Underline-sm-Letter-spacing: 0.2px;
+ --Body-Underline-sm-Text-Decoration: underline;
+ --Font-family-Bassin-Seven-Body: "Fira sans";
+ --Font-family-Bassin-Seven-Decorative: "Futura PT";
+ --Font-family-Bassin-Seven-Title: "Futura PT";
+ --Label-Font-fallback: sans-serif;
+ --Label-Letter-spacing: 0.17px;
+ --Link-md-Font-fallback: sans-serif;
+ --Link-md-Letter-spacing: 0.19px;
+ --Link-md-Text-Decoration: underline;
+ --Link-sm-Font-fallback: sans-serif;
+ --Link-sm-Letter-spacing: 0.2px;
+ --Link-sm-Text-Decoration: underline;
+ --Signature-Bassin-Seven-Black-Pearl-100: #010d16;
+ --Signature-Bassin-Seven-Black-Pearl-40: #c0c5c9;
+ --Signature-Bassin-Seven-Black-Pearl-50: #8d979e;
+ --Signature-Bassin-Seven-Black-Pearl-60: #616f79;
+ --Signature-Bassin-Seven-Black-Pearl-70: #465662;
+ --Signature-Bassin-Seven-Black-Pearl-80: #1f3442;
+ --Signature-Bassin-Seven-Black-Pearl-90: #011828;
+ --Signature-Bassin-Seven-Coral-40: #ed5454;
+ --Signature-Bassin-Seven-Mantle-100: #404a44;
+ --Signature-Bassin-Seven-Mantle-10: #f4f6f5;
+ --Signature-Bassin-Seven-Mantle-20: #e4e9e6;
+ --Signature-Bassin-Seven-Mantle-30: #ced8d3;
+ --Signature-Bassin-Seven-Mantle-40: #b8c6be;
+ --Signature-Bassin-Seven-Mantle-50: #a2b5ab;
+ --Signature-Bassin-Seven-Mantle-60: #8ea598;
+ --Signature-Bassin-Seven-Mantle-70: #798c81;
+ --Signature-Bassin-Seven-Mantle-80: #65756c;
+ --Signature-Bassin-Seven-Mantle-90: #515e57;
+ --Signature-Bassin-Seven-Rusty-40: #b17d2a;
+ --Signature-Bassin-Seven-Rusty-50: #9f7126;
+ --Signature-Bassin-Seven-Rusty-60: #8e6422;
+ --Signature-Bassin-Seven-Rusty-70: #855e20;
+ --Signature-Bassin-Seven-Rusty-80: #6a4b19;
+ --Signature-Bassin-Seven-Rusty-90: #503813;
+ --Signature-Bassin-Seven-Satin-Linen-0: #fdfcfb;
+ --Signature-Bassin-Seven-Satin-Linen-10: #f8f6f1;
+ --Signature-Bassin-Seven-Satin-Linen-20: #f4f2ea;
+ --Signature-Bassin-Seven-Satin-Linen-30: #efece1;
+ --Signature-Bassin-Seven-Satin-Linen-40: #ece9db;
+ --Signature-Bassin-Seven-Satin-Linen-50: #e7e3d2;
+ --Signature-Bassin-Seven-Satin-Linen-60: #d2cfbf;
+ --Signature-Bassin-Seven-Satin-Linen-70: #a4a195;
+ --Signature-Bassin-Seven-Satin-Linen-80: #7f7d74;
+ --Signature-Bassin-Seven-Satin-Linen-90: #615f58;
+ --Surface-Brand-Accent-OnAccent-Default: #ffffff;
+ --Tag-Font-fallback: sans-serif;
+ --Tag-Letter-spacing: 0.24px;
+ --Tag-Text-Transform: uppercase;
+ --Title-Decorative-lg-Font-fallback: Serif;
+ --Title-Decorative-lg-Letter-spacing: 0.18px;
+ --Title-Decorative-lg-Text-Transform: uppercase;
+ --Title-Decorative-md-Font-fallback: Serif;
+ --Title-Decorative-md-Letter-spacing: 0.32px;
+ --Title-Decorative-md-Text-Transform: uppercase;
+ --Title-Overline-sm-Font-fallback: sans-serif;
+ --Title-Overline-sm-Letter-spacing: 0.14px;
+ --Title-Overline-sm-Text-Transform: uppercase;
+ --Title-Subtitle-lg-Font-fallback: sans-serif;
+ --Title-Subtitle-lg-Letter-spacing: 0.24px;
+ --Title-Subtitle-md-Font-fallback: sans-serif;
+ --Title-Subtitle-md-Letter-spacing: 0.2px;
+ --Title-lg-Font-fallback: sans-serif;
+ --Title-lg-Letter-spacing: 0px;
+ --Title-lg-Text-Transform: none;
+ --Title-md-Font-fallback: sans-serif;
+ --Title-md-Letter-spacing: 0px;
+ --Title-md-LowCase-Font-fallback: sans-serif;
+ --Title-md-LowCase-Letter-spacing: 0px;
+ --Title-md-LowCase-Text-Transform: none;
+ --Title-md-Text-Transform: none;
+ --Title-sm-Font-fallback: sans-serif;
+ --Title-sm-Letter-spacing: 0px;
+ --Title-sm-LowCase-Font-fallback: sans-serif;
+ --Title-sm-LowCase-Letter-spacing: 0px;
+ --Title-sm-LowCase-Text-Transform: none;
+ --Title-sm-Text-Transform: none;
+ --Title-xs-Font-fallback: sans-serif;
+ --Title-xs-Letter-spacing: 0px;
+ --Title-xs-Text-Transform: none;
+ --Utilities-Gradients-10: #0118281a;
+
+ /* Aliases */
+ --Background-Primary: var(--Neutral-Opacity-White-100);
+ --Background-Secondary: var(--Neutral-Opacity-White-100);
+ --Body-Lead-text-Font-family: var(--Font-family-Bassin-Seven-Body);
+ --Body-Lead-text-Font-weight: var(--Font-weight-Regular);
+ --Body-Lead-text-Size: var(--Impl-Text-size-xs);
+ --Body-Paragraph-Font-family: var(--Font-family-Bassin-Seven-Body);
+ --Body-Paragraph-Font-weight-2: var(--Font-weight-Medium);
+ --Body-Paragraph-Font-weight: var(--Font-weight-Regular);
+ --Body-Paragraph-Size: var(--Impl-Text-size-3xs);
+ --Body-Supporting-text-Font-family: var(--Font-family-Bassin-Seven-Body);
+ --Body-Supporting-text-Font-weight-2: var(--Font-weight-Medium);
+ --Body-Supporting-text-Font-weight: var(--Font-weight-Regular);
+ --Body-Supporting-text-Size: var(--Impl-Text-size-4xs);
+ --Body-Underline-md-Font-family: var(--Font-family-Bassin-Seven-Body);
+ --Body-Underline-md-Font-weight: var(--Font-weight-Regular);
+ --Body-Underline-md-Size: var(--Impl-Text-size-3xs);
+ --Body-Underline-sm-Font-family: var(--Font-family-Bassin-Seven-Body);
+ --Body-Underline-sm-Font-weight: var(--Font-weight-Regular);
+ --Body-Underline-sm-Size: var(--Impl-Text-size-4xs);
+ --Border-Default: var(--Neutral-20);
+ --Border-Divider-Accent: var(--Neutral-30);
+ --Border-Divider-Brand-OnAccent-Default: var(
+ --Signature-Bassin-Seven-Black-Pearl-70
+ );
+ --Border-Divider-Brand-OnPrimary-1-Default: var(
+ --Signature-Bassin-Seven-Black-Pearl-80
+ );
+ --Border-Divider-Brand-OnPrimary-2-Default: var(
+ --Signature-Bassin-Seven-Black-Pearl-80
+ );
+ --Border-Divider-Brand-OnPrimary-3-Default: var(
+ --Signature-Bassin-Seven-Satin-Linen-70
+ );
+ --Border-Divider-Default: var(--Neutral-20);
+ --Border-Divider-Subtle: var(--Neutral-15);
+ --Border-Interactive-Active: var(--Neutral-80);
+ --Border-Interactive-Default: var(--Neutral-30);
+ --Border-Interactive-Disabled: var(--Neutral-30);
+ --Border-Interactive-Error: var(--Scandic-Red-70);
+ --Border-Interactive-Focus: var(--Neutral-80);
+ --Border-Inverted: var(--Neutral-Opacity-White-100);
+ --Border-Strong: var(--Neutral-30);
+ --Component-Button-Brand-Primary-Border-Default: var(
+ --Neutral-Opacity-White-0
+ );
+ --Component-Button-Brand-Primary-Border-Disabled: var(
+ --Neutral-Opacity-White-0
+ );
+ --Component-Button-Brand-Primary-Border-Hover: var(--Neutral-Opacity-White-0);
+ --Component-Button-Brand-Primary-Fill-Default: var(
+ --Signature-Bassin-Seven-Black-Pearl-90
+ );
+ --Component-Button-Brand-Primary-Fill-Disabled: var(
+ --Neutral-Opacity-Black-10
+ );
+ --Component-Button-Brand-Primary-Fill-Hover: var(--Neutral-Opacity-White-10);
+ --Component-Button-Brand-Primary-On-fill-Default: var(
+ --Neutral-Opacity-White-100
+ );
+ --Component-Button-Brand-Primary-On-fill-Disabled: var(--Neutral-40);
+ --Component-Button-Brand-Primary-On-fill-Hover: var(
+ --Neutral-Opacity-White-100
+ );
+ --Component-Button-Brand-Secondary-Border-Default: var(
+ --Signature-Bassin-Seven-Black-Pearl-90
+ );
+ --Component-Button-Brand-Secondary-Border-Disabled: var(
+ --Neutral-Opacity-Black-10
+ );
+ --Component-Button-Brand-Secondary-Border-Hover-inverted: var(
+ --Neutral-Opacity-White-50
+ );
+ --Component-Button-Brand-Secondary-Border-Hover: var(
+ --Signature-Bassin-Seven-Black-Pearl-70
+ );
+ --Component-Button-Brand-Secondary-Border-Inverted: var(
+ --Neutral-Opacity-White-100
+ );
+ --Component-Button-Brand-Secondary-Fill-Default: var(
+ --Neutral-Opacity-White-0
+ );
+ --Component-Button-Brand-Secondary-Fill-Disabled: var(
+ --Neutral-Opacity-Black-10
+ );
+ --Component-Button-Brand-Secondary-Fill-Hover-Inverted: var(
+ --Signature-Bassin-Seven-Black-Pearl-90
+ );
+ --Component-Button-Brand-Secondary-Fill-Hover: var(--Neutral-Opacity-White-0);
+ --Component-Button-Brand-Secondary-Fill-Inverted: var(
+ --Neutral-Opacity-White-100
+ );
+ --Component-Button-Brand-Secondary-On-fill-Default: var(
+ --Signature-Bassin-Seven-Black-Pearl-90
+ );
+ --Component-Button-Brand-Secondary-On-fill-Disabled: var(--Neutral-40);
+ --Component-Button-Brand-Secondary-On-fill-Hover-inverted: var(
+ --Neutral-Opacity-White-70
+ );
+ --Component-Button-Brand-Secondary-On-fill-Hover: var(
+ --Signature-Bassin-Seven-Black-Pearl-70
+ );
+ --Component-Button-Brand-Secondary-On-fill-Inverted: var(
+ --Neutral-Opacity-White-100
+ );
+ --Component-Button-Brand-Tertiary-Border-Default: var(
+ --Neutral-Opacity-White-0
+ );
+ --Component-Button-Brand-Tertiary-Border-Disabled: var(
+ --Neutral-Opacity-White-0
+ );
+ --Component-Button-Brand-Tertiary-Border-Hover: var(
+ --Neutral-Opacity-White-0
+ );
+ --Component-Button-Brand-Tertiary-Fill-Default: var(
+ --Signature-Bassin-Seven-Satin-Linen-50
+ );
+ --Component-Button-Brand-Tertiary-Fill-Disabled: var(
+ --Neutral-Opacity-Black-10
+ );
+ --Component-Button-Brand-Tertiary-Fill-Hover: var(--Neutral-Opacity-Black-5);
+ --Component-Button-Brand-Tertiary-On-fill-Default: var(
+ --Signature-Bassin-Seven-Black-Pearl-90
+ );
+ --Component-Button-Brand-Tertiary-On-fill-Disabled: var(--Neutral-40);
+ --Component-Button-Brand-Tertiary-On-fill-Hover: var(
+ --Signature-Bassin-Seven-Black-Pearl-90
+ );
+ --Component-Button-Inverted-Border-Default: var(--Neutral-Opacity-White-0);
+ --Component-Button-Inverted-Border-Disable: var(--Neutral-Opacity-White-10);
+ --Component-Button-Inverted-Border-Hover: var(--Neutral-Opacity-White-10);
+ --Component-Button-Inverted-Fill-Default: var(--Neutral-Opacity-White-100);
+ --Component-Button-Inverted-Fill-Disabled: var(--Neutral-Opacity-Black-10);
+ --Component-Button-Inverted-Fill-Faded: var(--Neutral-Opacity-White-90);
+ --Component-Button-Inverted-Fill-Hover-Inverted: var(
+ --Signature-Bassin-Seven-Black-Pearl-90
+ );
+ --Component-Button-Inverted-Fill-Hover: var(--Neutral-Opacity-Black-10);
+ --Component-Button-Inverted-On-fill-Default: var(
+ --Signature-Bassin-Seven-Black-Pearl-90
+ );
+ --Component-Button-Inverted-On-fill-Disabled: var(--Neutral-40);
+ --Component-Button-Inverted-On-fill-Hover-inverted: var(
+ --Neutral-Opacity-White-100
+ );
+ --Component-Button-Inverted-On-fill-Hover: var(--Neutral-Opacity-White-10);
+ --Component-Button-Muted-Border-Default: var(--Neutral-Opacity-White-10);
+ --Component-Button-Muted-Border-Disable: var(--Neutral-Opacity-White-10);
+ --Component-Button-Muted-Border-Hover: var(--Neutral-Opacity-White-10);
+ --Component-Button-Muted-Fill-Default: var(--Neutral-Opacity-White-100);
+ --Component-Button-Muted-Fill-Disabled-inverted: var(--Neutral-20);
+ --Component-Button-Muted-Fill-Disabled: var(--Neutral-Opacity-White-100);
+ --Component-Button-Muted-Fill-Hover-inverted: var(--Neutral-Opacity-Black-5);
+ --Component-Button-Muted-Fill-Hover: var(--Neutral-Opacity-White-100);
+ --Component-Button-Muted-On-fill-Default: var(--Neutral-70);
+ --Component-Button-Muted-On-fill-Disabled: var(--Neutral-40);
+ --Component-Button-Muted-On-fill-Hover-Inverted: var(
+ --Signature-Bassin-Seven-Black-Pearl-80
+ );
+ --Component-Button-Muted-On-fill-Inverted: var(--Neutral-Opacity-White-100);
+ --Icon-Accent: var(--Signature-Bassin-Seven-Rusty-60);
+ --Icon-Default: var(--Neutral-60);
+ --Icon-Feedback-Error: var(--Scandic-Red-70);
+ --Icon-Feedback-Information: var(--Scandic-Blue-70);
+ --Icon-Feedback-Neutral: var(--Neutral-60);
+ --Icon-Feedback-Success: var(--Scandic-Green-60);
+ --Icon-Feedback-Warning: var(--Scandic-Yellow-60);
+ --Icon-Intense: var(--Neutral-90);
+ --Icon-Interactive-Accent: var(--Signature-Bassin-Seven-Rusty-60);
+ --Icon-Interactive-Default: var(--Signature-Bassin-Seven-Black-Pearl-90);
+ --Icon-Interactive-Disabled: var(--Neutral-30);
+ --Icon-Interactive-Inverted-Hover: var(--Neutral-Opacity-White-70);
+ --Icon-Interactive-Placeholder: var(--Neutral-50);
+ --Icon-Interactive-Secondary: var(--Signature-Bassin-Seven-Rusty-60);
+ --Icon-Inverted: var(--Neutral-Opacity-White-100);
+ --Label-Font-family: var(--Font-family-The-Dock-Body);
+ --Label-Font-weight-2: var(--Font-weight-Medium);
+ --Label-Font-weight: var(--Font-weight-Regular);
+ --Label-Size: var(--Impl-Text-size-5xs);
+ --Link-md-Font-family: var(--Font-family-Bassin-Seven-Body);
+ --Link-md-Font-weight: var(--Font-weight-Medium);
+ --Link-md-Size: var(--Impl-Text-size-3xs);
+ --Link-sm-Font-family: var(--Font-family-Bassin-Seven-Body);
+ --Link-sm-Font-weight: var(--Font-weight-Medium);
+ --Link-sm-Size: var(--Impl-Text-size-4xs);
+ --Overlay-10: var(--Neutral-Opacity-Black-10);
+ --Overlay-20: var(--Neutral-Opacity-Black-20);
+ --Overlay-30: var(--Neutral-Opacity-Black-20);
+ --Overlay-40: var(--Neutral-Opacity-Black-40);
+ --Overlay-60: var(--Neutral-Opacity-Black-60);
+ --Overlay-80: var(--Neutral-Opacity-Black-80);
+ --Overlay-90: var(--Neutral-Opacity-Black-90);
+ --Surface-Accent-1: var(--Signature-Bassin-Seven-Rusty-70);
+ --Surface-Accent-2: var(--Signature-Bassin-Seven-Black-Pearl-80);
+ --Surface-Accent-3: var(--Signature-Bassin-Seven-Mantle-90);
+ --Surface-Accent-4: var(--Signature-Bassin-Seven-Rusty-40);
+ --Surface-Accent-5: var(--Signature-Grand-Hotel-Blue-Bayoux-50);
+ --Surface-Brand-Accent-Default: var(--Signature-Bassin-Seven-Mantle-50);
+ --Surface-Brand-Accent-OnAccent-Accent-Secondary: var(
+ --Signature-Bassin-Seven-Black-Pearl-80
+ );
+ --Surface-Brand-Accent-OnAccent-Accent: var(
+ --Signature-Bassin-Seven-Black-Pearl-80
+ );
+ --Surface-Brand-Primary-1-Default: var(
+ --Signature-Bassin-Seven-Black-Pearl-90
+ );
+ --Surface-Brand-Primary-1-OnSurface-Accent-Secondary: var(
+ --Signature-Bassin-Seven-Satin-Linen-50
+ );
+ --Surface-Brand-Primary-1-OnSurface-Accent: var(
+ --Signature-Bassin-Seven-Satin-Linen-50
+ );
+ --Surface-Brand-Primary-1-OnSurface-Default: var(
+ --Signature-Bassin-Seven-Satin-Linen-50
+ );
+ --Surface-Brand-Primary-2-Default: var(
+ --Signature-Bassin-Seven-Black-Pearl-90
+ );
+ --Surface-Brand-Primary-2-OnSurface-Accent: var(
+ --Signature-Bassin-Seven-Satin-Linen-50
+ );
+ --Surface-Brand-Primary-2-OnSurface-Default: var(
+ --Signature-Bassin-Seven-Satin-Linen-50
+ );
+ --Surface-Brand-Primary-3-Default: var(
+ --Signature-Bassin-Seven-Satin-Linen-50
+ );
+ --Surface-Brand-Primary-3-OnSurface-Accent: var(
+ --Signature-Bassin-Seven-Black-Pearl-90
+ );
+ --Surface-Brand-Primary-3-OnSurface-Default: var(
+ --Signature-Bassin-Seven-Black-Pearl-90
+ );
+ --Surface-Feedback-Error-light: var(--Scandic-Red-00);
+ --Surface-Feedback-Error: var(--Scandic-Red-70);
+ --Surface-Feedback-Information-light: var(--Scandic-Blue-00);
+ --Surface-Feedback-Information: var(--Scandic-Blue-70);
+ --Surface-Feedback-Neutral-light: var(--Neutral-15);
+ --Surface-Feedback-Neutral: var(--Neutral-50);
+ --Surface-Feedback-Succes-light: var(--Scandic-Green-00);
+ --Surface-Feedback-Succes: var(--Scandic-Green-60);
+ --Surface-Feedback-Warning-light: var(--Scandic-Yellow-00);
+ --Surface-Feedback-Warning: var(--Scandic-Yellow-60);
+ --Surface-Primary-Default: var(--Neutral-Opacity-White-100);
+ --Surface-Primary-Disabled: var(--Neutral-Opacity-Black-10);
+ --Surface-Primary-Hover-Accent: var(--Neutral-15);
+ --Surface-Primary-Hover-Light: var(--Neutral-Opacity-Black-10);
+ --Surface-Primary-Hover: var(--Neutral-Opacity-Black-5);
+ --Surface-Primary-OnSurface-Default: var(--Neutral-0);
+ --Surface-Secondary-Default: var(--Signature-Bassin-Seven-Satin-Linen-20);
+ --Surface-Secondary-Hover: var(--Neutral-Opacity-Black-5);
+ --Surface-Secondary-Subtle: var(--Signature-Bassin-Seven-Satin-Linen-50);
+ --Surface-UI-Fill-Active-Hover: var(--Neutral-Opacity-White-100);
+ --Surface-UI-Fill-Active: var(--Neutral-80);
+ --Surface-UI-Fill-Default: var(--Neutral-Opacity-White-100);
+ --Surface-UI-Fill-Disabled: var(--Neutral-15);
+ --Surface-UI-Fill-Intense: var(--Neutral-80);
+ --Tag-Font-family: var(--Font-family-Bassin-Seven-Title);
+ --Tag-Font-weight: var(--Font-weight-Regular-bold);
+ --Tag-Size: var(--Impl-Text-size-5xs);
+ --Text-Accent-Primary: var(--Neutral-50);
+ --Text-Brand-OnAccent-Accent-Secondary: var(
+ --Signature-Bassin-Seven-Black-Pearl-80
+ );
+ --Text-Brand-OnAccent-Accent: var(--Signature-Bassin-Seven-Black-Pearl-90);
+ --Text-Brand-OnAccent-Default: var(--Neutral-90);
+ --Text-Brand-OnAccent-Heading: var(--Signature-Bassin-Seven-Black-Pearl-90);
+ --Text-Brand-OnPrimary-1-Accent: var(--Neutral-Opacity-White-100);
+ --Text-Brand-OnPrimary-1-Default: var(--Neutral-Opacity-White-100);
+ --Text-Brand-OnPrimary-1-Heading: var(
+ --Signature-Bassin-Seven-Satin-Linen-50
+ );
+ --Text-Brand-OnPrimary-1-Hover: var(--Neutral-Opacity-White-70);
+ --Text-Brand-OnPrimary-2-Accent: var(--Neutral-Opacity-White-100);
+ --Text-Brand-OnPrimary-2-Default: var(--Neutral-Opacity-White-100);
+ --Text-Brand-OnPrimary-2-Heading: var(
+ --Signature-Bassin-Seven-Satin-Linen-50
+ );
+ --Text-Brand-OnPrimary-3-Accent: var(--Signature-Bassin-Seven-Black-Pearl-90);
+ --Text-Brand-OnPrimary-3-Default: var(--Neutral-90);
+ --Text-Brand-OnPrimary-3-Heading: var(
+ --Signature-Bassin-Seven-Black-Pearl-90
+ );
+ --Text-Default: var(--Neutral-90);
+ --Text-Feedback-Error: var(--Scandic-Red-70);
+ --Text-Feedback-Information: var(--Scandic-Blue-70);
+ --Text-Feedback-Neutral: var(--Neutral-50);
+ --Text-Feedback-Succes: var(--Scandic-Green-60);
+ --Text-Feedback-Warning: var(--Scandic-Yellow-60);
+ --Text-Heading: var(--Signature-Bassin-Seven-Black-Pearl-90);
+ --Text-Interactive-Default: var(--Signature-Bassin-Seven-Black-Pearl-90);
+ --Text-Interactive-Disabled: var(--Neutral-40);
+ --Text-Interactive-Error: var(--Scandic-Red-70);
+ --Text-Interactive-Focus: var(--Neutral-80);
+ --Text-Interactive-Hover: var(--Signature-Bassin-Seven-Black-Pearl-70);
+ --Text-Interactive-Inverted-Hover: var(--Neutral-Opacity-White-70);
+ --Text-Interactive-Placeholder: var(--Neutral-50);
+ --Text-Interactive-Secondary-Hover: var(--Signature-Bassin-Seven-Rusty-50);
+ --Text-Interactive-Secondary: var(--Signature-Bassin-Seven-Rusty-60);
+ --Text-Inverted: var(--Neutral-Opacity-White-100);
+ --Text-Secondary: var(--Neutral-60);
+ --Text-Tertiary: var(--Neutral-50);
+ --Title-Decorative-lg-Font-family: var(--Font-family-Bassin-Seven-Decorative);
+ --Title-Decorative-lg-Font-weight: var(--Font-weight-Regular);
+ --Title-Decorative-lg-Size: var(--Impl-Text-size-2xs);
+ --Title-Decorative-md-Font-family: var(--Font-family-Bassin-Seven-Decorative);
+ --Title-Decorative-md-Font-weight: var(--Font-weight-Regular);
+ --Title-Decorative-md-Size: var(--Impl-Text-size-3xs);
+ --Title-Overline-sm-Font-family: var(--Font-family-Bassin-Seven-Title);
+ --Title-Overline-sm-Font-weight: var(--Font-weight-Regular);
+ --Title-Overline-sm-Size: var(--Impl-Text-size-4xs);
+ --Title-Subtitle-lg-Font-family: var(--Font-family-Bassin-Seven-Body);
+ --Title-Subtitle-lg-Font-weight: var(--Font-weight-Medium);
+ --Title-Subtitle-lg-Size: var(--Impl-Text-size-sm);
+ --Title-Subtitle-md-Font-family: var(--Font-family-Bassin-Seven-Body);
+ --Title-Subtitle-md-Font-weight: var(--Font-weight-Medium);
+ --Title-Subtitle-md-Size: var(--Impl-Text-size-xs);
+ --Title-lg-Font-family: var(--Font-family-Bassin-Seven-Title);
+ --Title-lg-Font-weight: var(--Font-weight-Regular-bold);
+ --Title-lg-Size: var(--Impl-Text-size-4xl);
+ --Title-md-Font-family: var(--Font-family-Bassin-Seven-Title);
+ --Title-md-Font-weight: var(--Font-weight-Regular-bold);
+ --Title-md-LowCase-Font-family: var(--Font-family-Bassin-Seven-Title);
+ --Title-md-LowCase-Font-weight: var(--Font-weight-Regular-bold);
+ --Title-md-LowCase-Size: var(--Impl-Text-size-2xl);
+ --Title-md-Size: var(--Impl-Text-size-2xl);
+ --Title-sm-Font-family: var(--Font-family-Bassin-Seven-Title);
+ --Title-sm-Font-weight: var(--Font-weight-Regular-bold);
+ --Title-sm-LowCase-Font-family: var(--Font-family-Bassin-Seven-Title);
+ --Title-sm-LowCase-Font-weight: var(--Font-weight-Regular-bold);
+ --Title-sm-LowCase-Size: var(--Impl-Text-size-lg);
+ --Title-sm-Size: var(--Impl-Text-size-lg);
+ --Title-xs-Font-family: var(--Font-family-Bassin-Seven-Title);
+ --Title-xs-Font-weight: var(--Font-weight-Regular-bold);
+ --Title-xs-Size: var(--Impl-Text-size-sm);
+}
diff --git a/packages/design-system/lib/styles/bassin-seven.js b/packages/design-system/lib/styles/bassin-seven.js
new file mode 100644
index 000000000..330225206
--- /dev/null
+++ b/packages/design-system/lib/styles/bassin-seven.js
@@ -0,0 +1,305 @@
+/* This file is generated, do not edit manually! */
+export const theme = {
+ "Signature/Bassin Seven/Rusty/40": "#B17D2A",
+ "Signature/Bassin Seven/Rusty/50": "#9F7126",
+ "Signature/Bassin Seven/Rusty/60": "#8E6422",
+ "Signature/Bassin Seven/Rusty/70": "#855E20",
+ "Signature/Bassin Seven/Rusty/80": "#6A4B19",
+ "Signature/Bassin Seven/Rusty/90": "#503813",
+ "Signature/Bassin Seven/Black Pearl/40": "#C0C5C9",
+ "Signature/Bassin Seven/Black Pearl/50": "#8D979E",
+ "Signature/Bassin Seven/Black Pearl/60": "#616F79",
+ "Signature/Bassin Seven/Black Pearl/70": "#465662",
+ "Signature/Bassin Seven/Black Pearl/80": "#1F3442",
+ "Signature/Bassin Seven/Black Pearl/90": "#011828",
+ "Signature/Bassin Seven/Black Pearl/100": "#010D16",
+ "Signature/Bassin Seven/Mantle/10": "#F4F6F5",
+ "Signature/Bassin Seven/Mantle/20": "#E4E9E6",
+ "Signature/Bassin Seven/Mantle/30": "#CED8D3",
+ "Signature/Bassin Seven/Mantle/40": "#B8C6BE",
+ "Signature/Bassin Seven/Mantle/50": "#A2B5AB",
+ "Signature/Bassin Seven/Mantle/60": "#8EA598",
+ "Signature/Bassin Seven/Mantle/70": "#798C81",
+ "Signature/Bassin Seven/Mantle/80": "#65756C",
+ "Signature/Bassin Seven/Mantle/90": "#515E57",
+ "Signature/Bassin Seven/Mantle/100": "#404A44",
+ "Signature/Bassin Seven/Satin Linen/0": "#FDFCFB",
+ "Signature/Bassin Seven/Satin Linen/10": "#F8F6F1",
+ "Signature/Bassin Seven/Satin Linen/20": "#F4F2EA",
+ "Signature/Bassin Seven/Satin Linen/30": "#EFECE1",
+ "Signature/Bassin Seven/Satin Linen/40": "#ECE9DB",
+ "Signature/Bassin Seven/Satin Linen/50": "#E7E3D2",
+ "Signature/Bassin Seven/Satin Linen/60": "#D2CFBF",
+ "Signature/Bassin Seven/Satin Linen/70": "#A4A195",
+ "Signature/Bassin Seven/Satin Linen/80": "#7F7D74",
+ "Signature/Bassin Seven/Satin Linen/90": "#615F58",
+ "Signature/Bassin Seven/Coral/40": "#ED5454",
+ "Title/lg/Font fallback": "sans-serif",
+ "Title/lg/Text-Transform": "none",
+ "Title/md/Font fallback": "sans-serif",
+ "Title/sm/Font fallback": "sans-serif",
+ "Title/sm/Text-Transform": "none",
+ "Title/Decorative/lg/Letter spacing": 0.18,
+ "Title/Decorative/lg/Font fallback": "Serif",
+ "Title/Decorative/lg/Text-Transform": "uppercase",
+ "Title/Decorative/md/Letter spacing": 0.32,
+ "Title/Decorative/md/Font fallback": "Serif",
+ "Title/Decorative/md/Text-Transform": "uppercase",
+ "Title/Subtitle/lg/Font fallback": "sans-serif",
+ "Title/Subtitle/lg/Letter spacing": 0.24,
+ "Title/Subtitle/md/Font fallback": "sans-serif",
+ "Title/Subtitle/md/Letter spacing": 0.2,
+ "Title/Overline/sm/Letter spacing": 0.14,
+ "Title/Overline/sm/Font fallback": "sans-serif",
+ "Title/Overline/sm/Text-Transform": "uppercase",
+ "Title/sm/LowCase/Font fallback": "sans-serif",
+ "Title/sm/LowCase/Text-Transform": "none",
+ "Title/xs/Font fallback": "sans-serif",
+ "Title/xs/Text-Transform": "none",
+ "Title/md/Text-Transform": "none",
+ "Title/md/LowCase/Font fallback": "sans-serif",
+ "Title/md/LowCase/Text-Transform": "none",
+ "Tag/Letter spacing": 0.24,
+ "Tag/Font fallback": "sans-serif",
+ "Tag/Text-Transform": "uppercase",
+ "Link/md/Font fallback": "sans-serif",
+ "Link/md/Letter spacing": 0.19,
+ "Link/md/Text-Decoration": "underline",
+ "Link/sm/Font fallback": "sans-serif",
+ "Link/sm/Letter spacing": 0.2,
+ "Link/sm/Text-Decoration": "underline",
+ "Body/Lead text/Font fallback": "sans-serif",
+ "Body/Paragraph/Font fallback": "sans-serif",
+ "Body/Paragraph/Letter spacing": 0.19,
+ "Body/Supporting text/Font fallback": "sans-serif",
+ "Body/Supporting text/Letter spacing": 0.2,
+ "Body/Lead text/Letter spacing": 0.2,
+ "Label/Font fallback": "sans-serif",
+ "Label/Letter spacing": 0.17,
+ "Body/Underline/md/Font fallback": "sans-serif",
+ "Body/Underline/md/Letter spacing": 0.19,
+ "Body/Underline/md/Text-Decoration": "underline",
+ "Body/Underline/sm/Font fallback": "sans-serif",
+ "Body/Underline/sm/Letter spacing": 0.2,
+ "Body/Underline/sm/Text-Decoration": "underline",
+ "Surface/Brand/Accent/OnAccent/Default": "#FFFFFF",
+ "Utilities/Gradients/10": "#0118281A",
+ "Font family/Bassin Seven/Title": "Futura PT",
+ "Font family/Bassin Seven/Body": "Fira sans",
+ "Font family/Bassin Seven/Decorative": "Futura PT",
+ "Title/lg/Font weight": 450,
+ "Title/lg/Font family": "Futura PT",
+ "Title/md/Font weight": 450,
+ "Title/md/Font family": "Futura PT",
+ "Title/sm/Font weight": 450,
+ "Title/sm/Font family": "Futura PT",
+ "Title/sm/LowCase/Font weight": 450,
+ "Title/sm/LowCase/Font family": "Futura PT",
+ "Title/Decorative/lg/Font weight": 400,
+ "Title/Decorative/lg/Font family": "Futura PT",
+ "Title/Decorative/md/Font weight": 400,
+ "Title/Decorative/md/Font family": "Futura PT",
+ "Title/Subtitle/lg/Font weight": 500,
+ "Title/Subtitle/lg/Font family": "Fira sans",
+ "Title/Subtitle/md/Font weight": 500,
+ "Title/Subtitle/md/Font family": "Fira sans",
+ "Title/Overline/sm/Font weight": 400,
+ "Title/Overline/sm/Font family": "Futura PT",
+ "Title/xs/Font weight": 450,
+ "Title/xs/Font family": "Futura PT",
+ "Title/md/LowCase/Font weight": 450,
+ "Title/md/LowCase/Font family": "Futura PT",
+ "Tag/Font weight": 450,
+ "Tag/Font family": "Futura PT",
+ "Link/md/Font weight": 500,
+ "Link/md/Font family": "Fira sans",
+ "Link/sm/Font weight": 500,
+ "Link/sm/Font family": "Fira sans",
+ "Body/Lead text/Font weight": 400,
+ "Body/Lead text/Font family": "Fira sans",
+ "Body/Paragraph/Font weight": 400,
+ "Body/Paragraph/Font weight 2": 500,
+ "Body/Paragraph/Font family": "Fira sans",
+ "Body/Supporting text/Font weight": 400,
+ "Body/Supporting text/Font weight 2": 500,
+ "Body/Supporting text/Font family": "Fira sans",
+ "Label/Font weight": 400,
+ "Label/Font weight 2": 500,
+ "Label/Font family": "Fira sans",
+ "Body/Underline/md/Font weight": 400,
+ "Body/Underline/md/Font family": "Fira sans",
+ "Body/Underline/sm/Font weight": 400,
+ "Body/Underline/sm/Font family": "Fira sans",
+ "Text/Heading": "#011828",
+ "Text/Default": "#1F1F1F",
+ "Text/Secondary": "#575757",
+ "Text/Tertiary": "#747474",
+ "Text/Accent Primary": "#747474",
+ "Text/Inverted": "#FFFFFF",
+ "Text/Interactive/Default": "#011828",
+ "Text/Interactive/Hover": "#465662",
+ "Text/Interactive/Secondary": "#8E6422",
+ "Text/Interactive/Secondary Hover": "#9F7126",
+ "Text/Interactive/Inverted Hover": "#FFFFFFB3",
+ "Text/Interactive/Disabled": "#8C8C8C",
+ "Text/Interactive/Focus": "#262626",
+ "Text/Interactive/Error": "#AD0015",
+ "Text/Interactive/Placeholder": "#747474",
+ "Text/Brand/OnAccent/Heading": "#011828",
+ "Text/Feedback/Information": "#284EA0",
+ "Text/Feedback/Succes": "#348337",
+ "Text/Feedback/Warning": "#D17308",
+ "Text/Feedback/Error": "#AD0015",
+ "Text/Feedback/Neutral": "#747474",
+ "Text/Brand/OnAccent/Default": "#1F1F1F",
+ "Text/Brand/OnAccent/Accent": "#011828",
+ "Text/Brand/OnAccent/Accent Secondary": "#1F3442",
+ "Text/Brand/OnPrimary 1/Heading": "#E7E3D2",
+ "Text/Brand/OnPrimary 1/Default": "#FFFFFF",
+ "Text/Brand/OnPrimary 1/Hover": "#FFFFFFB3",
+ "Text/Brand/OnPrimary 1/Accent": "#FFFFFF",
+ "Text/Brand/OnPrimary 2/Heading": "#E7E3D2",
+ "Text/Brand/OnPrimary 2/Default": "#FFFFFF",
+ "Text/Brand/OnPrimary 2/Accent": "#FFFFFF",
+ "Text/Brand/OnPrimary 3/Heading": "#011828",
+ "Text/Brand/OnPrimary 3/Default": "#1F1F1F",
+ "Text/Brand/OnPrimary 3/Accent": "#011828",
+ "Background/Primary": "#FFFFFF",
+ "Background/Secondary": "#FFFFFF",
+ "Surface/Primary/Default": "#FFFFFF",
+ "Surface/Primary/Hover": "#1F1C1B0D",
+ "Surface/Primary/Hover Light": "#1F1C1B1A",
+ "Surface/Primary/Hover Accent": "#E9E9E9",
+ "Surface/Primary/OnSurface/Default": "#FCFCFC",
+ "Surface/Primary/Disabled": "#1F1C1B1A",
+ "Surface/Secondary/Default": "#F4F2EA",
+ "Surface/Secondary/Subtle": "#E7E3D2",
+ "Surface/Secondary/Hover": "#1F1C1B0D",
+ "Surface/Brand/Accent/Default": "#A2B5AB",
+ "Surface/Brand/Accent/OnAccent/Accent": "#1F3442",
+ "Surface/Brand/Accent/OnAccent/Accent Secondary": "#1F3442",
+ "Surface/Brand/Primary 1/Default": "#011828",
+ "Surface/Brand/Primary 1/OnSurface/Default": "#E7E3D2",
+ "Surface/Brand/Primary 1/OnSurface/Accent": "#E7E3D2",
+ "Surface/Brand/Primary 1/OnSurface/Accent Secondary": "#E7E3D2",
+ "Surface/Brand/Primary 2/Default": "#011828",
+ "Surface/Brand/Primary 2/OnSurface/Default": "#E7E3D2",
+ "Surface/Brand/Primary 2/OnSurface/Accent": "#E7E3D2",
+ "Surface/Brand/Primary 3/Default": "#E7E3D2",
+ "Surface/Brand/Primary 3/OnSurface/Default": "#011828",
+ "Surface/Brand/Primary 3/OnSurface/Accent": "#011828",
+ "Surface/UI Fill/Default": "#FFFFFF",
+ "Surface/UI Fill/Intense": "#262626",
+ "Surface/UI Fill/Active": "#262626",
+ "Surface/UI Fill/Active Hover": "#FFFFFF",
+ "Surface/UI Fill/Disabled": "#E9E9E9",
+ "Surface/Accent/1": "#855E20",
+ "Surface/Accent/2": "#1F3442",
+ "Surface/Accent/3": "#515E57",
+ "Surface/Accent/4": "#B17D2A",
+ "Surface/Accent/5": "#5B6E7F",
+ "Surface/Feedback/Information": "#284EA0",
+ "Surface/Feedback/Information light": "#E8F6FF",
+ "Surface/Feedback/Succes": "#348337",
+ "Surface/Feedback/Succes light": "#F3FCE8",
+ "Surface/Feedback/Warning": "#D17308",
+ "Surface/Feedback/Warning light": "#FFF8E3",
+ "Surface/Feedback/Error": "#AD0015",
+ "Surface/Feedback/Error light": "#FFEBEB",
+ "Surface/Feedback/Neutral": "#747474",
+ "Surface/Feedback/Neutral light": "#E9E9E9",
+ "Border/Default": "#D9D9D9",
+ "Border/Strong": "#BFBFBF",
+ "Border/Inverted": "#FFFFFF",
+ "Icon/Default": "#575757",
+ "Icon/Intense": "#1F1F1F",
+ "Icon/Accent": "#8E6422",
+ "Icon/Interactive/Default": "#011828",
+ "Icon/Interactive/Secondary": "#8E6422",
+ "Icon/Interactive/Accent": "#8E6422",
+ "Icon/Interactive/Inverted Hover": "#FFFFFFB3",
+ "Icon/Interactive/Disabled": "#BFBFBF",
+ "Icon/Interactive/Placeholder": "#747474",
+ "Icon/Feedback/Information": "#284EA0",
+ "Icon/Feedback/Success": "#348337",
+ "Icon/Feedback/Warning": "#D17308",
+ "Icon/Feedback/Error": "#AD0015",
+ "Icon/Feedback/Neutral": "#575757",
+ "Icon/Inverted": "#FFFFFF",
+ "Overlay/10": "#1F1C1B1A",
+ "Overlay/20": "#1F1C1B33",
+ "Overlay/30": "#1F1C1B33",
+ "Overlay/40": "#1F1C1B66",
+ "Overlay/60": "#1F1C1B99",
+ "Overlay/80": "#1F1C1BCC",
+ "Overlay/90": "#1F1C1BE6",
+ "Component/Button/Brand/Primary/Fill/Default": "#011828",
+ "Component/Button/Brand/Primary/Fill/Hover": "#FFFFFF1A",
+ "Component/Button/Brand/Primary/Fill/Disabled": "#1F1C1B1A",
+ "Component/Button/Brand/Primary/On fill/Default": "#FFFFFF",
+ "Component/Button/Brand/Primary/On fill/Hover": "#FFFFFF",
+ "Component/Button/Brand/Primary/On fill/Disabled": "#8C8C8C",
+ "Component/Button/Brand/Primary/Border/Default": "#FFFFFF00",
+ "Component/Button/Brand/Primary/Border/Hover": "#FFFFFF00",
+ "Component/Button/Brand/Primary/Border/Disabled": "#FFFFFF00",
+ "Component/Button/Brand/Secondary/Fill/Default": "#FFFFFF00",
+ "Component/Button/Brand/Secondary/Fill/Hover": "#FFFFFF00",
+ "Component/Button/Brand/Secondary/Fill/Inverted": "#FFFFFF",
+ "Component/Button/Brand/Secondary/Fill/Hover Inverted": "#011828",
+ "Component/Button/Brand/Secondary/Fill/Disabled": "#1F1C1B1A",
+ "Component/Button/Brand/Secondary/On fill/Default": "#011828",
+ "Component/Button/Brand/Secondary/On fill/Hover": "#465662",
+ "Component/Button/Brand/Secondary/On fill/Inverted": "#FFFFFF",
+ "Component/Button/Brand/Secondary/On fill/Hover inverted": "#FFFFFFB3",
+ "Component/Button/Brand/Secondary/On fill/Disabled": "#8C8C8C",
+ "Component/Button/Brand/Secondary/Border/Default": "#011828",
+ "Component/Button/Brand/Secondary/Border/Hover": "#465662",
+ "Component/Button/Brand/Secondary/Border/Inverted": "#FFFFFF",
+ "Component/Button/Brand/Secondary/Border/Hover inverted": "#FFFFFF80",
+ "Component/Button/Brand/Secondary/Border/Disabled": "#1F1C1B1A",
+ "Component/Button/Brand/Tertiary/Fill/Default": "#E7E3D2",
+ "Component/Button/Brand/Tertiary/Fill/Hover": "#1F1C1B0D",
+ "Component/Button/Brand/Tertiary/Fill/Disabled": "#1F1C1B1A",
+ "Component/Button/Brand/Tertiary/On fill/Default": "#011828",
+ "Component/Button/Brand/Tertiary/On fill/Hover": "#011828",
+ "Component/Button/Brand/Tertiary/On fill/Disabled": "#8C8C8C",
+ "Component/Button/Brand/Tertiary/Border/Default": "#FFFFFF00",
+ "Component/Button/Brand/Tertiary/Border/Hover": "#FFFFFF00",
+ "Component/Button/Brand/Tertiary/Border/Disabled": "#FFFFFF00",
+ "Component/Button/Inverted/Fill/Default": "#FFFFFF",
+ "Component/Button/Inverted/Fill/Faded": "#FFFFFFE6",
+ "Component/Button/Inverted/Fill/Hover": "#1F1C1B1A",
+ "Component/Button/Inverted/Fill/Hover Inverted": "#011828",
+ "Component/Button/Inverted/Fill/Disabled": "#1F1C1B1A",
+ "Component/Button/Inverted/Border/Default": "#FFFFFF00",
+ "Component/Button/Inverted/Border/Hover": "#FFFFFF1A",
+ "Component/Button/Inverted/Border/Disable": "#FFFFFF1A",
+ "Component/Button/Inverted/On fill/Default": "#011828",
+ "Component/Button/Inverted/On fill/Hover": "#FFFFFF1A",
+ "Component/Button/Inverted/On fill/Hover inverted": "#FFFFFF",
+ "Component/Button/Inverted/On fill/Disabled": "#8C8C8C",
+ "Border/Interactive/Default": "#BFBFBF",
+ "Border/Divider/Default": "#D9D9D9",
+ "Border/Divider/Subtle": "#E9E9E9",
+ "Border/Divider/Accent": "#BFBFBF",
+ "Border/Divider/Brand/OnAccent/Default": "#465662",
+ "Border/Divider/Brand/OnPrimary 1/Default": "#1F3442",
+ "Border/Divider/Brand/OnPrimary 2/Default": "#1F3442",
+ "Border/Divider/Brand/OnPrimary 3/Default": "#A4A195",
+ "Border/Interactive/Active": "#262626",
+ "Border/Interactive/Focus": "#262626",
+ "Border/Interactive/Disabled": "#BFBFBF",
+ "Border/Interactive/Error": "#AD0015",
+ "Component/Button/Muted/Fill/Default": "#FFFFFF",
+ "Component/Button/Muted/Fill/Hover": "#FFFFFF",
+ "Component/Button/Muted/Fill/Disabled": "#FFFFFF",
+ "Component/Button/Muted/Fill/Hover inverted": "#1F1C1B0D",
+ "Component/Button/Muted/Fill/Disabled inverted": "#D9D9D9",
+ "Component/Button/Muted/On fill/Default": "#454545",
+ "Component/Button/Muted/On fill/Inverted": "#FFFFFF",
+ "Component/Button/Muted/On fill/Hover Inverted": "#1F3442",
+ "Component/Button/Muted/On fill/Disabled": "#8C8C8C",
+ "Component/Button/Muted/Border/Default": "#FFFFFF1A",
+ "Component/Button/Muted/Border/Hover": "#FFFFFF1A",
+ "Component/Button/Muted/Border/Disable": "#FFFFFF1A",
+}
diff --git a/packages/design-system/lib/styles/downtown-camper.css b/packages/design-system/lib/styles/downtown-camper.css
index 806c8f4fc..b9c04d2cc 100644
--- a/packages/design-system/lib/styles/downtown-camper.css
+++ b/packages/design-system/lib/styles/downtown-camper.css
@@ -245,7 +245,7 @@
--Component-Button-Muted-Fill-Disabled: var(--Neutral-Opacity-White-10);
--Component-Button-Muted-Fill-Hover-inverted: var(--Neutral-Opacity-Black-5);
--Component-Button-Muted-Fill-Hover: var(--Neutral-Opacity-White-5);
- --Component-Button-Muted-On-fill-Default: var(--Neutral-90);
+ --Component-Button-Muted-On-fill-Default: var(--Neutral-70);
--Component-Button-Muted-On-fill-Disabled: var(--Neutral-40);
--Component-Button-Muted-On-fill-Hover-Inverted: var(
--Signature-Downtown-Camper-Russet-70
diff --git a/packages/design-system/lib/styles/downtown-camper.js b/packages/design-system/lib/styles/downtown-camper.js
index 80e5f150c..df49ff9b2 100644
--- a/packages/design-system/lib/styles/downtown-camper.js
+++ b/packages/design-system/lib/styles/downtown-camper.js
@@ -300,7 +300,7 @@ export const theme = {
"Component/Button/Muted/Fill/Disabled": "#FFFFFF1A",
"Component/Button/Muted/Fill/Hover inverted": "#1F1C1B0D",
"Component/Button/Muted/Fill/Disabled inverted": "#D9D9D9",
- "Component/Button/Muted/On fill/Default": "#1F1F1F",
+ "Component/Button/Muted/On fill/Default": "#454545",
"Component/Button/Muted/On fill/Inverted": "#FFFFFF",
"Component/Button/Muted/On fill/Hover Inverted": "#9B5622",
"Component/Button/Muted/On fill/Disabled": "#8C8C8C",
diff --git a/packages/design-system/lib/styles/grand-hotel.css b/packages/design-system/lib/styles/grand-hotel.css
index 85f3fa1f5..6c14b6ff1 100644
--- a/packages/design-system/lib/styles/grand-hotel.css
+++ b/packages/design-system/lib/styles/grand-hotel.css
@@ -160,7 +160,7 @@
--Neutral-Opacity-Black-10
);
--Component-Button-Brand-Secondary-Fill-Hover-Inverted: var(
- --Signature-Grand-Hotel-Submarine-30
+ --Signature-Grand-Hotel-Blue-Bayoux-100
);
--Component-Button-Brand-Secondary-Fill-Hover: var(--Neutral-Opacity-White-0);
--Component-Button-Brand-Secondary-Fill-Inverted: var(
@@ -194,13 +194,13 @@
--Component-Button-Brand-Tertiary-Fill-Disabled: var(
--Neutral-Opacity-Black-10
);
- --Component-Button-Brand-Tertiary-Fill-Hover: var(--Neutral-Opacity-White-10);
+ --Component-Button-Brand-Tertiary-Fill-Hover: var(--Neutral-Opacity-Black-10);
--Component-Button-Brand-Tertiary-On-fill-Default: var(
--Signature-Grand-Hotel-Blue-Bayoux-100
);
--Component-Button-Brand-Tertiary-On-fill-Disabled: var(--Neutral-40);
--Component-Button-Brand-Tertiary-On-fill-Hover: var(
- --Neutral-Opacity-White-10
+ --Signature-Grand-Hotel-Blue-Bayoux-100
);
--Component-Button-Inverted-Border-Default: var(--Neutral-Opacity-White-0);
--Component-Button-Inverted-Border-Disable: var(--Neutral-Opacity-White-10);
@@ -228,13 +228,13 @@
--Component-Button-Muted-Fill-Disabled: var(--Neutral-Opacity-White-100);
--Component-Button-Muted-Fill-Hover-inverted: var(--Neutral-Opacity-Black-5);
--Component-Button-Muted-Fill-Hover: var(--Neutral-Opacity-White-100);
- --Component-Button-Muted-On-fill-Default: var(--Neutral-90);
+ --Component-Button-Muted-On-fill-Default: var(--Neutral-70);
--Component-Button-Muted-On-fill-Disabled: var(--Neutral-40);
--Component-Button-Muted-On-fill-Hover-Inverted: var(
--Signature-Grand-Hotel-Blue-Bayoux-80
);
--Component-Button-Muted-On-fill-Inverted: var(--Neutral-Opacity-White-100);
- --Icon-Accent: var(--Signature-Grand-Hotel-Careys-Pink-40);
+ --Icon-Accent: var(--Signature-Grand-Hotel-Careys-Pink-60);
--Icon-Default: var(--Neutral-60);
--Icon-Feedback-Error: var(--Scandic-Red-70);
--Icon-Feedback-Information: var(--Scandic-Blue-70);
diff --git a/packages/design-system/lib/styles/grand-hotel.js b/packages/design-system/lib/styles/grand-hotel.js
index fb1d3164a..536909d24 100644
--- a/packages/design-system/lib/styles/grand-hotel.js
+++ b/packages/design-system/lib/styles/grand-hotel.js
@@ -199,7 +199,7 @@ export const theme = {
"Border/Inverted": "#FFFFFF",
"Icon/Default": "#575757",
"Icon/Intense": "#1F1F1F",
- "Icon/Accent": "#DBA7B1",
+ "Icon/Accent": "#AA546B",
"Icon/Interactive/Default": "#21252B",
"Icon/Interactive/Secondary": "#AA546B",
"Icon/Interactive/Accent": "#AA546B",
@@ -231,7 +231,7 @@ export const theme = {
"Component/Button/Brand/Secondary/Fill/Default": "#FFFFFF00",
"Component/Button/Brand/Secondary/Fill/Hover": "#FFFFFF00",
"Component/Button/Brand/Secondary/Fill/Inverted": "#FFFFFF",
- "Component/Button/Brand/Secondary/Fill/Hover Inverted": "#B0C4CB",
+ "Component/Button/Brand/Secondary/Fill/Hover Inverted": "#21252B",
"Component/Button/Brand/Secondary/Fill/Disabled": "#1F1C1B1A",
"Component/Button/Brand/Secondary/On fill/Default": "#21252B",
"Component/Button/Brand/Secondary/On fill/Hover": "#3D444D",
@@ -244,10 +244,10 @@ export const theme = {
"Component/Button/Brand/Secondary/Border/Hover inverted": "#FFFFFF80",
"Component/Button/Brand/Secondary/Border/Disabled": "#1F1C1B1A",
"Component/Button/Brand/Tertiary/Fill/Default": "#B0C4CB",
- "Component/Button/Brand/Tertiary/Fill/Hover": "#FFFFFF1A",
+ "Component/Button/Brand/Tertiary/Fill/Hover": "#1F1C1B1A",
"Component/Button/Brand/Tertiary/Fill/Disabled": "#1F1C1B1A",
"Component/Button/Brand/Tertiary/On fill/Default": "#21252B",
- "Component/Button/Brand/Tertiary/On fill/Hover": "#FFFFFF1A",
+ "Component/Button/Brand/Tertiary/On fill/Hover": "#21252B",
"Component/Button/Brand/Tertiary/On fill/Disabled": "#8C8C8C",
"Component/Button/Brand/Tertiary/Border/Default": "#FFFFFF00",
"Component/Button/Brand/Tertiary/Border/Hover": "#FFFFFF00",
@@ -281,7 +281,7 @@ export const theme = {
"Component/Button/Muted/Fill/Disabled": "#FFFFFF",
"Component/Button/Muted/Fill/Hover inverted": "#1F1C1B0D",
"Component/Button/Muted/Fill/Disabled inverted": "#D9D9D9",
- "Component/Button/Muted/On fill/Default": "#1F1F1F",
+ "Component/Button/Muted/On fill/Default": "#454545",
"Component/Button/Muted/On fill/Inverted": "#FFFFFF",
"Component/Button/Muted/On fill/Hover Inverted": "#3D444D",
"Component/Button/Muted/On fill/Disabled": "#8C8C8C",
diff --git a/packages/design-system/lib/styles/haymarket.css b/packages/design-system/lib/styles/haymarket.css
index 5e44f8ecc..6602aa9f3 100644
--- a/packages/design-system/lib/styles/haymarket.css
+++ b/packages/design-system/lib/styles/haymarket.css
@@ -203,7 +203,7 @@
--Component-Button-Brand-Tertiary-Fill-Disabled: var(
--Neutral-Opacity-Black-10
);
- --Component-Button-Brand-Tertiary-Fill-Hover: var(--Neutral-Opacity-Black-10);
+ --Component-Button-Brand-Tertiary-Fill-Hover: var(--Neutral-Opacity-Black-20);
--Component-Button-Brand-Tertiary-On-fill-Default: var(
--Neutral-Opacity-White-100
);
@@ -235,7 +235,7 @@
--Component-Button-Muted-Fill-Disabled: var(--Neutral-Opacity-White-10);
--Component-Button-Muted-Fill-Hover-inverted: var(--Neutral-Opacity-Black-5);
--Component-Button-Muted-Fill-Hover: var(--Neutral-Opacity-White-5);
- --Component-Button-Muted-On-fill-Default: var(--Neutral-90);
+ --Component-Button-Muted-On-fill-Default: var(--Neutral-70);
--Component-Button-Muted-On-fill-Disabled: var(--Neutral-40);
--Component-Button-Muted-On-fill-Hover-Inverted: var(--Neutral-70);
--Component-Button-Muted-On-fill-Inverted: var(--Neutral-Opacity-White-100);
diff --git a/packages/design-system/lib/styles/haymarket.js b/packages/design-system/lib/styles/haymarket.js
index 7e37a8f9d..1b520879f 100644
--- a/packages/design-system/lib/styles/haymarket.js
+++ b/packages/design-system/lib/styles/haymarket.js
@@ -263,7 +263,7 @@ export const theme = {
"Component/Button/Brand/Secondary/Border/Hover inverted": "#FFFFFF80",
"Component/Button/Brand/Secondary/Border/Disabled": "#1F1C1B1A",
"Component/Button/Brand/Tertiary/Fill/Default": "#946F54",
- "Component/Button/Brand/Tertiary/Fill/Hover": "#1F1C1B1A",
+ "Component/Button/Brand/Tertiary/Fill/Hover": "#1F1C1B33",
"Component/Button/Brand/Tertiary/Fill/Disabled": "#1F1C1B1A",
"Component/Button/Brand/Tertiary/On fill/Default": "#FFFFFF",
"Component/Button/Brand/Tertiary/On fill/Hover": "#FFFFFF",
@@ -300,7 +300,7 @@ export const theme = {
"Component/Button/Muted/Fill/Disabled": "#FFFFFF1A",
"Component/Button/Muted/Fill/Hover inverted": "#1F1C1B0D",
"Component/Button/Muted/Fill/Disabled inverted": "#D9D9D9",
- "Component/Button/Muted/On fill/Default": "#1F1F1F",
+ "Component/Button/Muted/On fill/Default": "#454545",
"Component/Button/Muted/On fill/Inverted": "#FFFFFF",
"Component/Button/Muted/On fill/Hover Inverted": "#454545",
"Component/Button/Muted/On fill/Disabled": "#8C8C8C",
diff --git a/packages/design-system/lib/styles/hotel-norge.css b/packages/design-system/lib/styles/hotel-norge.css
index b4341304c..f8933693d 100644
--- a/packages/design-system/lib/styles/hotel-norge.css
+++ b/packages/design-system/lib/styles/hotel-norge.css
@@ -237,7 +237,7 @@
--Component-Button-Muted-Fill-Disabled: var(--Neutral-Opacity-White-100);
--Component-Button-Muted-Fill-Hover-inverted: var(--Neutral-Opacity-Black-5);
--Component-Button-Muted-Fill-Hover: var(--Neutral-Opacity-White-100);
- --Component-Button-Muted-On-fill-Default: var(--Neutral-90);
+ --Component-Button-Muted-On-fill-Default: var(--Neutral-70);
--Component-Button-Muted-On-fill-Disabled: var(--Neutral-40);
--Component-Button-Muted-On-fill-Hover-Inverted: var(
--Signature-Hotel-Norge-Dark-blue-80
diff --git a/packages/design-system/lib/styles/hotel-norge.js b/packages/design-system/lib/styles/hotel-norge.js
index cd3b13d13..3cead621e 100644
--- a/packages/design-system/lib/styles/hotel-norge.js
+++ b/packages/design-system/lib/styles/hotel-norge.js
@@ -287,7 +287,7 @@ export const theme = {
"Component/Button/Muted/Fill/Disabled": "#FFFFFF",
"Component/Button/Muted/Fill/Hover inverted": "#1F1C1B0D",
"Component/Button/Muted/Fill/Disabled inverted": "#D9D9D9",
- "Component/Button/Muted/On fill/Default": "#1F1F1F",
+ "Component/Button/Muted/On fill/Default": "#454545",
"Component/Button/Muted/On fill/Inverted": "#FFFFFF",
"Component/Button/Muted/On fill/Hover Inverted": "#404655",
"Component/Button/Muted/On fill/Disabled": "#8C8C8C",
diff --git a/packages/design-system/lib/styles/marski.css b/packages/design-system/lib/styles/marski.css
index e25e4ba88..1ba7a7865 100644
--- a/packages/design-system/lib/styles/marski.css
+++ b/packages/design-system/lib/styles/marski.css
@@ -222,7 +222,7 @@
--Component-Button-Brand-Tertiary-Fill-Disabled: var(
--Neutral-Opacity-Black-10
);
- --Component-Button-Brand-Tertiary-Fill-Hover: var(--Neutral-Opacity-Black-5);
+ --Component-Button-Brand-Tertiary-Fill-Hover: var(--Neutral-Opacity-Black-20);
--Component-Button-Brand-Tertiary-On-fill-Default: var(
--Neutral-Opacity-White-100
);
@@ -256,7 +256,7 @@
--Component-Button-Muted-Fill-Disabled: var(--Neutral-Opacity-White-100);
--Component-Button-Muted-Fill-Hover-inverted: var(--Neutral-Opacity-Black-5);
--Component-Button-Muted-Fill-Hover: var(--Neutral-Opacity-White-100);
- --Component-Button-Muted-On-fill-Default: var(--Neutral-90);
+ --Component-Button-Muted-On-fill-Default: var(--Neutral-70);
--Component-Button-Muted-On-fill-Disabled: var(--Neutral-40);
--Component-Button-Muted-On-fill-Hover-Inverted: var(
--Signature-Marski-Aubergine-80
diff --git a/packages/design-system/lib/styles/marski.js b/packages/design-system/lib/styles/marski.js
index 261460c54..5f58c50e5 100644
--- a/packages/design-system/lib/styles/marski.js
+++ b/packages/design-system/lib/styles/marski.js
@@ -274,7 +274,7 @@ export const theme = {
"Component/Button/Brand/Secondary/Border/Hover inverted": "#FFFFFF80",
"Component/Button/Brand/Secondary/Border/Disabled": "#1F1C1B1A",
"Component/Button/Brand/Tertiary/Fill/Default": "#0D57F3",
- "Component/Button/Brand/Tertiary/Fill/Hover": "#1F1C1B0D",
+ "Component/Button/Brand/Tertiary/Fill/Hover": "#1F1C1B33",
"Component/Button/Brand/Tertiary/Fill/Disabled": "#1F1C1B1A",
"Component/Button/Brand/Tertiary/On fill/Default": "#FFFFFF",
"Component/Button/Brand/Tertiary/On fill/Hover": "#FFFFFF",
@@ -311,7 +311,7 @@ export const theme = {
"Component/Button/Muted/Fill/Disabled": "#FFFFFF",
"Component/Button/Muted/Fill/Hover inverted": "#1F1C1B0D",
"Component/Button/Muted/Fill/Disabled inverted": "#D9D9D9",
- "Component/Button/Muted/On fill/Default": "#1F1F1F",
+ "Component/Button/Muted/On fill/Default": "#454545",
"Component/Button/Muted/On fill/Inverted": "#FFFFFF",
"Component/Button/Muted/On fill/Hover Inverted": "#5B353B",
"Component/Button/Muted/On fill/Disabled": "#8C8C8C",
diff --git a/packages/design-system/lib/styles/partner-sas.css b/packages/design-system/lib/styles/partner-sas.css
index ed5ca3402..8b397d75f 100644
--- a/packages/design-system/lib/styles/partner-sas.css
+++ b/packages/design-system/lib/styles/partner-sas.css
@@ -147,7 +147,7 @@
--Component-Button-Muted-Fill-Disabled: var(--Neutral-Opacity-White-100);
--Component-Button-Muted-Fill-Hover-inverted: var(--Neutral-Opacity-Black-5);
--Component-Button-Muted-Fill-Hover: var(--Neutral-Opacity-White-100);
- --Component-Button-Muted-On-fill-Default: var(--Neutral-90);
+ --Component-Button-Muted-On-fill-Default: var(--Neutral-70);
--Component-Button-Muted-On-fill-Disabled: var(--Neutral-40);
--Component-Button-Muted-On-fill-Hover-Inverted: var(
--Signature-Grand-Hotel-Blue-Bayoux-80
diff --git a/packages/design-system/lib/styles/partner-sas.js b/packages/design-system/lib/styles/partner-sas.js
index 75e5d0694..27058ecfa 100644
--- a/packages/design-system/lib/styles/partner-sas.js
+++ b/packages/design-system/lib/styles/partner-sas.js
@@ -167,7 +167,7 @@ export const theme = {
"Component/Button/Muted/Fill/Disabled": "#FFFFFF",
"Component/Button/Muted/Fill/Hover inverted": "#1F1C1B0D",
"Component/Button/Muted/Fill/Disabled inverted": "#D9D9D9",
- "Component/Button/Muted/On fill/Default": "#1F1F1F",
+ "Component/Button/Muted/On fill/Default": "#454545",
"Component/Button/Muted/On fill/Inverted": "#FFFFFF",
"Component/Button/Muted/On fill/Hover Inverted": "#3D444D",
"Component/Button/Muted/On fill/Disabled": "#8C8C8C",
diff --git a/packages/design-system/lib/styles/scandic-go.css b/packages/design-system/lib/styles/scandic-go.css
index 4cc986613..30662a090 100644
--- a/packages/design-system/lib/styles/scandic-go.css
+++ b/packages/design-system/lib/styles/scandic-go.css
@@ -85,7 +85,7 @@
--Title-Decorative-md-Text-Transform: none;
--Title-Overline-sm-Font-fallback: sans-serif;
--Title-Overline-sm-Letter-spacing: 0.21px;
- --Title-Overline-sm-Text-Transform: none;
+ --Title-Overline-sm-Text-Transform: uppercase;
--Title-Subtitle-lg-Font-fallback: sans-serif;
--Title-Subtitle-lg-Letter-spacing: 0.24px;
--Title-Subtitle-md-Font-fallback: sans-serif;
@@ -242,7 +242,7 @@
--Component-Button-Muted-Fill-Disabled: var(--Neutral-Opacity-White-10);
--Component-Button-Muted-Fill-Hover-inverted: var(--Neutral-Opacity-Black-5);
--Component-Button-Muted-Fill-Hover: var(--Neutral-Opacity-White-5);
- --Component-Button-Muted-On-fill-Default: var(--Neutral-90);
+ --Component-Button-Muted-On-fill-Default: var(--Neutral-70);
--Component-Button-Muted-On-fill-Disabled: var(--Neutral-40);
--Component-Button-Muted-On-fill-Hover-Inverted: var(--Scandic-Go-Purple-80);
--Component-Button-Muted-On-fill-Inverted: var(--Neutral-Opacity-White-100);
diff --git a/packages/design-system/lib/styles/scandic-go.js b/packages/design-system/lib/styles/scandic-go.js
index 8d9bd4bff..6ffa8fd5c 100644
--- a/packages/design-system/lib/styles/scandic-go.js
+++ b/packages/design-system/lib/styles/scandic-go.js
@@ -70,7 +70,7 @@ export const theme = {
"Title/Subtitle/md/Letter spacing": 0.2,
"Title/Overline/sm/Letter spacing": 0.21,
"Title/Overline/sm/Font fallback": "sans-serif",
- "Title/Overline/sm/Text-Transform": "none",
+ "Title/Overline/sm/Text-Transform": "uppercase",
"Title/sm/LowCase/Letter spacing": 0.42,
"Title/sm/LowCase/Font fallback": "sans-serif",
"Title/sm/LowCase/Text-Transform": "none",
@@ -317,7 +317,7 @@ export const theme = {
"Component/Button/Muted/Fill/Disabled": "#FFFFFF1A",
"Component/Button/Muted/Fill/Hover inverted": "#1F1C1B0D",
"Component/Button/Muted/Fill/Disabled inverted": "#D9D9D9",
- "Component/Button/Muted/On fill/Default": "#1F1F1F",
+ "Component/Button/Muted/On fill/Default": "#454545",
"Component/Button/Muted/On fill/Inverted": "#FFFFFF",
"Component/Button/Muted/On fill/Hover Inverted": "#5E2A8C",
"Component/Button/Muted/On fill/Disabled": "#8C8C8C",
diff --git a/packages/design-system/lib/styles/scandic.css b/packages/design-system/lib/styles/scandic.css
index 840e46b6e..e45a638f4 100644
--- a/packages/design-system/lib/styles/scandic.css
+++ b/packages/design-system/lib/styles/scandic.css
@@ -269,7 +269,7 @@
--Component-Button-Muted-Fill-Disabled: var(--Neutral-Opacity-White-10);
--Component-Button-Muted-Fill-Hover-inverted: var(--Neutral-Opacity-Black-5);
--Component-Button-Muted-Fill-Hover: var(--Neutral-Opacity-White-5);
- --Component-Button-Muted-On-fill-Default: var(--Scandic-Grey-100);
+ --Component-Button-Muted-On-fill-Default: var(--Scandic-Grey-80);
--Component-Button-Muted-On-fill-Disabled: var(--Scandic-Grey-40);
--Component-Button-Muted-On-fill-Hover-Inverted: var(--Scandic-Red-90);
--Component-Button-Muted-On-fill-Inverted: var(--Neutral-Opacity-White-100);
diff --git a/packages/design-system/lib/styles/scandic.js b/packages/design-system/lib/styles/scandic.js
index 149cd8868..4e2f06ca8 100644
--- a/packages/design-system/lib/styles/scandic.js
+++ b/packages/design-system/lib/styles/scandic.js
@@ -344,7 +344,7 @@ export const theme = {
"Component/Button/Muted/Fill/Disabled": "#FFFFFF1A",
"Component/Button/Muted/Fill/Hover inverted": "#1F1C1B0D",
"Component/Button/Muted/Fill/Disabled inverted": "#1F1C1B1A",
- "Component/Button/Muted/On fill/Default": "#26201E",
+ "Component/Button/Muted/On fill/Default": "#57514E",
"Component/Button/Muted/On fill/Inverted": "#FFFFFF",
"Component/Button/Muted/On fill/Hover Inverted": "#6D000D",
"Component/Button/Muted/On fill/Disabled": "#A8A4A2",
diff --git a/packages/design-system/lib/styles/the-dock.css b/packages/design-system/lib/styles/the-dock.css
index 96154b2b2..351e306f3 100644
--- a/packages/design-system/lib/styles/the-dock.css
+++ b/packages/design-system/lib/styles/the-dock.css
@@ -194,13 +194,13 @@
--Component-Button-Brand-Tertiary-Fill-Disabled: var(
--Neutral-Opacity-Black-10
);
- --Component-Button-Brand-Tertiary-Fill-Hover: var(--Neutral-Opacity-White-10);
+ --Component-Button-Brand-Tertiary-Fill-Hover: var(--Neutral-Opacity-Black-10);
--Component-Button-Brand-Tertiary-On-fill-Default: var(
--Signature-The-Dock-Rose-Copper-90
);
--Component-Button-Brand-Tertiary-On-fill-Disabled: var(--Neutral-40);
--Component-Button-Brand-Tertiary-On-fill-Hover: var(
- --Neutral-Opacity-White-10
+ --Signature-The-Dock-Rose-Copper-90
);
--Component-Button-Inverted-Border-Default: var(--Neutral-Opacity-White-0);
--Component-Button-Inverted-Border-Disable: var(--Neutral-Opacity-White-10);
@@ -228,7 +228,7 @@
--Component-Button-Muted-Fill-Disabled: var(--Neutral-Opacity-White-100);
--Component-Button-Muted-Fill-Hover-inverted: var(--Neutral-Opacity-Black-5);
--Component-Button-Muted-Fill-Hover: var(--Neutral-Opacity-White-100);
- --Component-Button-Muted-On-fill-Default: var(--Neutral-90);
+ --Component-Button-Muted-On-fill-Default: var(--Neutral-70);
--Component-Button-Muted-On-fill-Disabled: var(--Neutral-40);
--Component-Button-Muted-On-fill-Hover-Inverted: var(
--Signature-The-Dock-Rose-Copper-80
diff --git a/packages/design-system/lib/styles/the-dock.js b/packages/design-system/lib/styles/the-dock.js
index af2a89de3..7f0df2c80 100644
--- a/packages/design-system/lib/styles/the-dock.js
+++ b/packages/design-system/lib/styles/the-dock.js
@@ -12,8 +12,8 @@ export const theme = {
"Signature/The Dock/Signal Red/60": "#D62220",
"Signature/The Dock/Signal Red/80": "#B31C1B",
"Signature/The Dock/Signal Blue/50": "#06237C",
- "Signature/The Dock/Signal Blue/90": "#030F34",
"Signature/The Dock/Artic Oker/60": "#FFB839",
+ "Signature/The Dock/Signal Blue/90": "#030F34",
"Title/lg/Letter spacing": -0.24,
"Title/lg/Font fallback": "Serif",
"Title/lg/Text-Transform": "none",
@@ -241,10 +241,10 @@ export const theme = {
"Component/Button/Brand/Secondary/Border/Hover inverted": "#FFFFFF80",
"Component/Button/Brand/Secondary/Border/Disabled": "#1F1C1B1A",
"Component/Button/Brand/Tertiary/Fill/Default": "#F2E1C2",
- "Component/Button/Brand/Tertiary/Fill/Hover": "#FFFFFF1A",
+ "Component/Button/Brand/Tertiary/Fill/Hover": "#1F1C1B1A",
"Component/Button/Brand/Tertiary/Fill/Disabled": "#1F1C1B1A",
"Component/Button/Brand/Tertiary/On fill/Default": "#3E1212",
- "Component/Button/Brand/Tertiary/On fill/Hover": "#FFFFFF1A",
+ "Component/Button/Brand/Tertiary/On fill/Hover": "#3E1212",
"Component/Button/Brand/Tertiary/On fill/Disabled": "#8C8C8C",
"Component/Button/Brand/Tertiary/Border/Default": "#FFFFFF00",
"Component/Button/Brand/Tertiary/Border/Hover": "#FFFFFF00",
@@ -278,7 +278,7 @@ export const theme = {
"Component/Button/Muted/Fill/Disabled": "#FFFFFF",
"Component/Button/Muted/Fill/Hover inverted": "#1F1C1B0D",
"Component/Button/Muted/Fill/Disabled inverted": "#D9D9D9",
- "Component/Button/Muted/On fill/Default": "#1F1F1F",
+ "Component/Button/Muted/On fill/Default": "#454545",
"Component/Button/Muted/On fill/Inverted": "#FFFFFF",
"Component/Button/Muted/On fill/Hover Inverted": "#654141",
"Component/Button/Muted/On fill/Disabled": "#8C8C8C",
diff --git a/packages/design-system/lib/tokens/index.ts b/packages/design-system/lib/tokens/index.ts
index df16a23a9..279e6c5db 100644
--- a/packages/design-system/lib/tokens/index.ts
+++ b/packages/design-system/lib/tokens/index.ts
@@ -74,15 +74,15 @@ export const base = {
"Size/1300-56": { resolved: 56 },
"Size/1500-64": { resolved: 64 },
"Line height/xs": { resolved: 100 },
- "Corner radius/sm": { resolved: 4 },
- "Border width/none": { resolved: 0 },
- "Border width/sm": { resolved: 1 },
- "Border width/md": { resolved: 2 },
- "Border width/lg": { resolved: 3 },
- "Corner radius/md": { resolved: 8 },
- "Corner radius/lg": { resolved: 12 },
- "Corner radius/xl": { resolved: 16 },
- "Corner radius/rounded": { resolved: 250 },
+ "Corner Radius/sm": { resolved: 4 },
+ "Border/none": { resolved: 0 },
+ "Border/sm": { resolved: 1 },
+ "Border/md": { resolved: 2 },
+ "Border/lg": { resolved: 3 },
+ "Corner Radius/md": { resolved: 8 },
+ "Corner Radius/lg": { resolved: 12 },
+ "Corner Radius/xl": { resolved: 16 },
+ "Corner Radius/Rounded": { resolved: 250 },
"Space/x0": { resolved: 0 },
"Space/x025": { resolved: 2 },
"Space/x05": { resolved: 4 },
@@ -290,11 +290,11 @@ export const scandic = {
resolved: 450,
alias: "Font weight/Regular bold",
},
- "Title/xs/Size": { resolved: "", alias: "Impl-Text size/sm" },
"Title/sm/LowCase/Font family": {
resolved: "Brandon Text",
alias: "Font family/Scandic/Title",
},
+ "Title/xs/Size": { resolved: "", alias: "Impl-Text size/sm" },
"Title/Decorative/lg/Size": { resolved: "", alias: "Impl-Text size/xl" },
"Title/Decorative/lg/Font weight": {
resolved: 400,
@@ -950,8 +950,8 @@ export const scandic = {
alias: "Neutral/Opacity/Black/10",
},
"Component/Button/Muted/On fill/Default": {
- resolved: "#26201E",
- alias: "Scandic/Grey/100",
+ resolved: "#57514E",
+ alias: "Scandic/Grey/80",
},
"Component/Button/Muted/On fill/Inverted": {
resolved: "#FFFFFF",
@@ -1049,7 +1049,7 @@ export const scandicGo = {
"Title/Subtitle/md/Letter spacing": { resolved: 0.2 },
"Title/Overline/sm/Letter spacing": { resolved: 0.21 },
"Title/Overline/sm/Font fallback": { resolved: "sans-serif" },
- "Title/Overline/sm/Text-Transform": { resolved: "none" },
+ "Title/Overline/sm/Text-Transform": { resolved: "uppercase" },
"Title/sm/LowCase/Letter spacing": { resolved: 0.42 },
"Title/sm/LowCase/Font fallback": { resolved: "sans-serif" },
"Title/sm/LowCase/Text-Transform": { resolved: "none" },
@@ -1110,11 +1110,11 @@ export const scandicGo = {
resolved: 500,
alias: "Font weight/Medium",
},
- "Title/xs/Size": { resolved: "", alias: "Impl-Text size/sm" },
"Title/sm/LowCase/Font family": {
resolved: "Neue Haas Grotesk Display Pro",
alias: "Font family/Scandic Go/Title",
},
+ "Title/xs/Size": { resolved: "", alias: "Impl-Text size/sm" },
"Title/Decorative/lg/Size": { resolved: "", alias: "Impl-Text size/xl" },
"Title/Decorative/lg/Font weight": {
resolved: 500,
@@ -1758,8 +1758,8 @@ export const scandicGo = {
alias: "Neutral/20",
},
"Component/Button/Muted/On fill/Default": {
- resolved: "#1F1F1F",
- alias: "Neutral/90",
+ resolved: "#454545",
+ alias: "Neutral/70",
},
"Component/Button/Muted/On fill/Inverted": {
resolved: "#FFFFFF",
@@ -1905,11 +1905,11 @@ export const downtownCamper = {
resolved: 400,
alias: "Font weight/Regular",
},
- "Title/xs/Size": { resolved: "", alias: "Impl-Text size/sm" },
"Title/sm/LowCase/Font family": {
resolved: "Gotham",
alias: "Font family/Downtown Camper/Title",
},
+ "Title/xs/Size": { resolved: "", alias: "Impl-Text size/sm" },
"Title/Decorative/lg/Size": { resolved: "", alias: "Impl-Text size/xs" },
"Title/Decorative/lg/Font weight": {
resolved: 400,
@@ -2528,8 +2528,8 @@ export const downtownCamper = {
alias: "Neutral/20",
},
"Component/Button/Muted/On fill/Default": {
- resolved: "#1F1F1F",
- alias: "Neutral/90",
+ resolved: "#454545",
+ alias: "Neutral/70",
},
"Component/Button/Muted/On fill/Inverted": {
resolved: "#FFFFFF",
@@ -2675,11 +2675,11 @@ export const haymarket = {
resolved: 400,
alias: "Font weight/Regular",
},
- "Title/xs/Size": { resolved: "", alias: "Impl-Text size/sm" },
"Title/sm/LowCase/Font family": {
resolved: "Prumo text",
alias: "Font family/Haymarket/Title",
},
+ "Title/xs/Size": { resolved: "", alias: "Impl-Text size/sm" },
"Title/Decorative/lg/Size": { resolved: "", alias: "Impl-Text size/xs" },
"Title/Decorative/lg/Font weight": {
resolved: 400,
@@ -3183,8 +3183,8 @@ export const haymarket = {
alias: "Signature/Haymarket/Antique Brass/50",
},
"Component/Button/Brand/Tertiary/Fill/Hover": {
- resolved: "#1F1C1B1A",
- alias: "Neutral/Opacity/Black/10",
+ resolved: "#1F1C1B33",
+ alias: "Neutral/Opacity/Black/20",
},
"Component/Button/Brand/Tertiary/Fill/Disabled": {
resolved: "#1F1C1B1A",
@@ -3307,8 +3307,8 @@ export const haymarket = {
alias: "Neutral/20",
},
"Component/Button/Muted/On fill/Default": {
- resolved: "#1F1F1F",
- alias: "Neutral/90",
+ resolved: "#454545",
+ alias: "Neutral/70",
},
"Component/Button/Muted/On fill/Inverted": {
resolved: "#FFFFFF",
@@ -3465,11 +3465,11 @@ export const marski = {
resolved: 500,
alias: "Font weight/Medium",
},
- "Title/xs/Size": { resolved: "", alias: "Impl-Text size/sm" },
"Title/sm/LowCase/Font family": {
resolved: "Helvetica Neue",
alias: "Font family/Marski/Title",
},
+ "Title/xs/Size": { resolved: "", alias: "Impl-Text size/sm" },
"Title/Decorative/lg/Size": { resolved: "", alias: "Impl-Text size/xs" },
"Title/Decorative/lg/Font weight": {
resolved: 700,
@@ -3973,8 +3973,8 @@ export const marski = {
alias: "Signature/Marski/Blue ribbon/70",
},
"Component/Button/Brand/Tertiary/Fill/Hover": {
- resolved: "#1F1C1B0D",
- alias: "Neutral/Opacity/Black/5",
+ resolved: "#1F1C1B33",
+ alias: "Neutral/Opacity/Black/20",
},
"Component/Button/Brand/Tertiary/Fill/Disabled": {
resolved: "#1F1C1B1A",
@@ -4097,8 +4097,8 @@ export const marski = {
alias: "Neutral/20",
},
"Component/Button/Muted/On fill/Default": {
- resolved: "#1F1F1F",
- alias: "Neutral/90",
+ resolved: "#454545",
+ alias: "Neutral/70",
},
"Component/Button/Muted/On fill/Inverted": {
resolved: "#FFFFFF",
@@ -4234,11 +4234,11 @@ export const hotelNorge = {
resolved: 400,
alias: "Font weight/Regular",
},
- "Title/xs/Size": { resolved: "", alias: "Impl-Text size/sm" },
"Title/sm/LowCase/Font family": {
resolved: "Domaine Sans Text",
alias: "Font family/Hotel Norge/Title",
},
+ "Title/xs/Size": { resolved: "", alias: "Impl-Text size/sm" },
"Title/Decorative/lg/Size": { resolved: "", alias: "Impl-Text size/sm" },
"Title/Decorative/lg/Font weight": {
resolved: 400,
@@ -4869,8 +4869,8 @@ export const hotelNorge = {
alias: "Neutral/20",
},
"Component/Button/Muted/On fill/Default": {
- resolved: "#1F1F1F",
- alias: "Neutral/90",
+ resolved: "#454545",
+ alias: "Neutral/70",
},
"Component/Button/Muted/On fill/Inverted": {
resolved: "#FFFFFF",
@@ -4997,11 +4997,11 @@ export const grandHotel = {
resolved: 400,
alias: "Font weight/Regular",
},
- "Title/xs/Size": { resolved: "", alias: "Impl-Text size/sm" },
"Title/sm/LowCase/Font family": {
resolved: "Canela Deck",
alias: "Font family/Grand Hotel/Title",
},
+ "Title/xs/Size": { resolved: "", alias: "Impl-Text size/sm" },
"Title/Decorative/lg/Size": { resolved: "", alias: "Impl-Text size/xs" },
"Title/Decorative/lg/Font weight": {
resolved: 400,
@@ -5364,8 +5364,8 @@ export const grandHotel = {
"Icon/Default": { resolved: "#575757", alias: "Neutral/60" },
"Icon/Intense": { resolved: "#1F1F1F", alias: "Neutral/90" },
"Icon/Accent": {
- resolved: "#DBA7B1",
- alias: "Signature/Grand Hotel/Careys Pink/40",
+ resolved: "#AA546B",
+ alias: "Signature/Grand Hotel/Careys Pink/60",
},
"Icon/Interactive/Default": {
resolved: "#21252B",
@@ -5450,8 +5450,8 @@ export const grandHotel = {
alias: "Neutral/Opacity/White/100",
},
"Component/Button/Brand/Secondary/Fill/Hover Inverted": {
- resolved: "#B0C4CB",
- alias: "Signature/Grand Hotel/Submarine/30",
+ resolved: "#21252B",
+ alias: "Signature/Grand Hotel/Blue Bayoux/100",
},
"Component/Button/Brand/Secondary/Fill/Disabled": {
resolved: "#1F1C1B1A",
@@ -5502,8 +5502,8 @@ export const grandHotel = {
alias: "Signature/Grand Hotel/Submarine/30",
},
"Component/Button/Brand/Tertiary/Fill/Hover": {
- resolved: "#FFFFFF1A",
- alias: "Neutral/Opacity/White/10",
+ resolved: "#1F1C1B1A",
+ alias: "Neutral/Opacity/Black/10",
},
"Component/Button/Brand/Tertiary/Fill/Disabled": {
resolved: "#1F1C1B1A",
@@ -5514,8 +5514,8 @@ export const grandHotel = {
alias: "Signature/Grand Hotel/Blue Bayoux/100",
},
"Component/Button/Brand/Tertiary/On fill/Hover": {
- resolved: "#FFFFFF1A",
- alias: "Neutral/Opacity/White/10",
+ resolved: "#21252B",
+ alias: "Signature/Grand Hotel/Blue Bayoux/100",
},
"Component/Button/Brand/Tertiary/On fill/Disabled": {
resolved: "#8C8C8C",
@@ -5626,8 +5626,8 @@ export const grandHotel = {
alias: "Neutral/20",
},
"Component/Button/Muted/On fill/Default": {
- resolved: "#1F1F1F",
- alias: "Neutral/90",
+ resolved: "#454545",
+ alias: "Neutral/70",
},
"Component/Button/Muted/On fill/Inverted": {
resolved: "#FFFFFF",
@@ -5667,8 +5667,8 @@ export const theDock = {
"Signature/The Dock/Signal Red/60": { resolved: "#D62220" },
"Signature/The Dock/Signal Red/80": { resolved: "#B31C1B" },
"Signature/The Dock/Signal Blue/50": { resolved: "#06237C" },
- "Signature/The Dock/Signal Blue/90": { resolved: "#030F34" },
"Signature/The Dock/Artic Oker/60": { resolved: "#FFB839" },
+ "Signature/The Dock/Signal Blue/90": { resolved: "#030F34" },
"Title/lg/Letter spacing": { resolved: -0.24 },
"Title/lg/Font fallback": { resolved: "Serif" },
"Title/lg/Text-Transform": { resolved: "none" },
@@ -5754,11 +5754,11 @@ export const theDock = {
resolved: 400,
alias: "Font weight/Regular",
},
- "Title/xs/Size": { resolved: "", alias: "Impl-Text size/sm" },
"Title/sm/LowCase/Font family": {
resolved: "Reckless",
alias: "Font family/The Dock/Title",
},
+ "Title/xs/Size": { resolved: "", alias: "Impl-Text size/sm" },
"Title/Decorative/lg/Size": { resolved: "", alias: "Impl-Text size/xs" },
"Title/Decorative/lg/Font weight": {
resolved: 400,
@@ -6262,8 +6262,8 @@ export const theDock = {
alias: "Signature/The Dock/Sandbank Beige/20",
},
"Component/Button/Brand/Tertiary/Fill/Hover": {
- resolved: "#FFFFFF1A",
- alias: "Neutral/Opacity/White/10",
+ resolved: "#1F1C1B1A",
+ alias: "Neutral/Opacity/Black/10",
},
"Component/Button/Brand/Tertiary/Fill/Disabled": {
resolved: "#1F1C1B1A",
@@ -6274,8 +6274,8 @@ export const theDock = {
alias: "Signature/The Dock/Rose Copper/90",
},
"Component/Button/Brand/Tertiary/On fill/Hover": {
- resolved: "#FFFFFF1A",
- alias: "Neutral/Opacity/White/10",
+ resolved: "#3E1212",
+ alias: "Signature/The Dock/Rose Copper/90",
},
"Component/Button/Brand/Tertiary/On fill/Disabled": {
resolved: "#8C8C8C",
@@ -6386,8 +6386,8 @@ export const theDock = {
alias: "Neutral/20",
},
"Component/Button/Muted/On fill/Default": {
- resolved: "#1F1F1F",
- alias: "Neutral/90",
+ resolved: "#454545",
+ alias: "Neutral/70",
},
"Component/Button/Muted/On fill/Inverted": {
resolved: "#FFFFFF",
@@ -6414,6 +6414,807 @@ export const theDock = {
alias: "Neutral/Opacity/White/10",
},
} as const
+export const bassinSeven = {
+ "Signature/Bassin Seven/Rusty/40": { resolved: "#B17D2A" },
+ "Signature/Bassin Seven/Rusty/50": { resolved: "#9F7126" },
+ "Signature/Bassin Seven/Rusty/60": { resolved: "#8E6422" },
+ "Signature/Bassin Seven/Rusty/70": { resolved: "#855E20" },
+ "Signature/Bassin Seven/Rusty/80": { resolved: "#6A4B19" },
+ "Signature/Bassin Seven/Rusty/90": { resolved: "#503813" },
+ "Signature/Bassin Seven/Black Pearl/40": { resolved: "#C0C5C9" },
+ "Signature/Bassin Seven/Black Pearl/50": { resolved: "#8D979E" },
+ "Signature/Bassin Seven/Black Pearl/60": { resolved: "#616F79" },
+ "Signature/Bassin Seven/Black Pearl/70": { resolved: "#465662" },
+ "Signature/Bassin Seven/Black Pearl/80": { resolved: "#1F3442" },
+ "Signature/Bassin Seven/Black Pearl/90": { resolved: "#011828" },
+ "Signature/Bassin Seven/Black Pearl/100": { resolved: "#010D16" },
+ "Signature/Bassin Seven/Mantle/10": { resolved: "#F4F6F5" },
+ "Signature/Bassin Seven/Mantle/20": { resolved: "#E4E9E6" },
+ "Signature/Bassin Seven/Mantle/30": { resolved: "#CED8D3" },
+ "Signature/Bassin Seven/Mantle/40": { resolved: "#B8C6BE" },
+ "Signature/Bassin Seven/Mantle/50": { resolved: "#A2B5AB" },
+ "Signature/Bassin Seven/Mantle/60": { resolved: "#8EA598" },
+ "Signature/Bassin Seven/Mantle/70": { resolved: "#798C81" },
+ "Signature/Bassin Seven/Mantle/80": { resolved: "#65756C" },
+ "Signature/Bassin Seven/Mantle/90": { resolved: "#515E57" },
+ "Signature/Bassin Seven/Mantle/100": { resolved: "#404A44" },
+ "Signature/Bassin Seven/Satin Linen/0": { resolved: "#FDFCFB" },
+ "Signature/Bassin Seven/Satin Linen/10": { resolved: "#F8F6F1" },
+ "Signature/Bassin Seven/Satin Linen/20": { resolved: "#F4F2EA" },
+ "Signature/Bassin Seven/Satin Linen/30": { resolved: "#EFECE1" },
+ "Signature/Bassin Seven/Satin Linen/40": { resolved: "#ECE9DB" },
+ "Signature/Bassin Seven/Satin Linen/50": { resolved: "#E7E3D2" },
+ "Signature/Bassin Seven/Satin Linen/60": { resolved: "#D2CFBF" },
+ "Signature/Bassin Seven/Satin Linen/70": { resolved: "#A4A195" },
+ "Signature/Bassin Seven/Satin Linen/80": { resolved: "#7F7D74" },
+ "Signature/Bassin Seven/Satin Linen/90": { resolved: "#615F58" },
+ "Signature/Bassin Seven/Coral/40": { resolved: "#ED5454" },
+ "Title/lg/Letter spacing": { resolved: 0 },
+ "Title/lg/Font fallback": { resolved: "sans-serif" },
+ "Title/lg/Text-Transform": { resolved: "none" },
+ "Title/md/Letter spacing": { resolved: 0 },
+ "Title/md/Font fallback": { resolved: "sans-serif" },
+ "Title/sm/Letter spacing": { resolved: 0 },
+ "Title/sm/Font fallback": { resolved: "sans-serif" },
+ "Title/sm/Text-Transform": { resolved: "none" },
+ "Title/Decorative/lg/Letter spacing": { resolved: 0.18 },
+ "Title/Decorative/lg/Font fallback": { resolved: "Serif" },
+ "Title/Decorative/lg/Text-Transform": { resolved: "uppercase" },
+ "Title/Decorative/md/Letter spacing": { resolved: 0.32 },
+ "Title/Decorative/md/Font fallback": { resolved: "Serif" },
+ "Title/Decorative/md/Text-Transform": { resolved: "uppercase" },
+ "Title/Subtitle/lg/Font fallback": { resolved: "sans-serif" },
+ "Title/Subtitle/lg/Letter spacing": { resolved: 0.24 },
+ "Title/Subtitle/md/Font fallback": { resolved: "sans-serif" },
+ "Title/Subtitle/md/Letter spacing": { resolved: 0.2 },
+ "Title/Overline/sm/Letter spacing": { resolved: 0.14 },
+ "Title/Overline/sm/Font fallback": { resolved: "sans-serif" },
+ "Title/Overline/sm/Text-Transform": { resolved: "uppercase" },
+ "Title/sm/LowCase/Letter spacing": { resolved: 0 },
+ "Title/sm/LowCase/Font fallback": { resolved: "sans-serif" },
+ "Title/sm/LowCase/Text-Transform": { resolved: "none" },
+ "Title/xs/Letter spacing": { resolved: 0 },
+ "Title/xs/Font fallback": { resolved: "sans-serif" },
+ "Title/xs/Text-Transform": { resolved: "none" },
+ "Title/md/Text-Transform": { resolved: "none" },
+ "Title/md/LowCase/Letter spacing": { resolved: 0 },
+ "Title/md/LowCase/Font fallback": { resolved: "sans-serif" },
+ "Title/md/LowCase/Text-Transform": { resolved: "none" },
+ "Tag/Letter spacing": { resolved: 0.24 },
+ "Tag/Font fallback": { resolved: "sans-serif" },
+ "Tag/Text-Transform": { resolved: "uppercase" },
+ "Link/md/Font fallback": { resolved: "sans-serif" },
+ "Link/md/Letter spacing": { resolved: 0.19 },
+ "Link/md/Text-Decoration": { resolved: "underline" },
+ "Link/sm/Font fallback": { resolved: "sans-serif" },
+ "Link/sm/Letter spacing": { resolved: 0.2 },
+ "Link/sm/Text-Decoration": { resolved: "underline" },
+ "Body/Lead text/Font fallback": { resolved: "sans-serif" },
+ "Body/Paragraph/Font fallback": { resolved: "sans-serif" },
+ "Body/Paragraph/Letter spacing": { resolved: 0.19 },
+ "Body/Supporting text/Font fallback": { resolved: "sans-serif" },
+ "Body/Supporting text/Letter spacing": { resolved: 0.2 },
+ "Body/Lead text/Letter spacing": { resolved: 0.2 },
+ "Label/Font fallback": { resolved: "sans-serif" },
+ "Label/Letter spacing": { resolved: 0.17 },
+ "Body/Underline/md/Font fallback": { resolved: "sans-serif" },
+ "Body/Underline/md/Letter spacing": { resolved: 0.19 },
+ "Body/Underline/md/Text-Decoration": { resolved: "underline" },
+ "Body/Underline/sm/Font fallback": { resolved: "sans-serif" },
+ "Body/Underline/sm/Letter spacing": { resolved: 0.2 },
+ "Body/Underline/sm/Text-Decoration": { resolved: "underline" },
+ "Surface/Brand/Accent/OnAccent/Default": { resolved: "#FFFFFF" },
+ "Utilities/Gradients/10": { resolved: "#0118281A" },
+ "Font family/Bassin Seven/Title": { resolved: "Futura PT" },
+ "Font family/Bassin Seven/Body": { resolved: "Fira sans" },
+ "Font family/Bassin Seven/Decorative": { resolved: "Futura PT" },
+ "Title/lg/Size": { resolved: "", alias: "Impl-Text size/4xl" },
+ "Title/lg/Font weight": { resolved: 450, alias: "Font weight/Regular bold" },
+ "Title/lg/Font family": {
+ resolved: "Futura PT",
+ alias: "Font family/Bassin Seven/Title",
+ },
+ "Title/md/Size": { resolved: "", alias: "Impl-Text size/2xl" },
+ "Title/md/Font weight": { resolved: 450, alias: "Font weight/Regular bold" },
+ "Title/md/Font family": {
+ resolved: "Futura PT",
+ alias: "Font family/Bassin Seven/Title",
+ },
+ "Title/sm/Size": { resolved: "", alias: "Impl-Text size/lg" },
+ "Title/sm/Font weight": { resolved: 450, alias: "Font weight/Regular bold" },
+ "Title/sm/Font family": {
+ resolved: "Futura PT",
+ alias: "Font family/Bassin Seven/Title",
+ },
+ "Title/sm/LowCase/Size": { resolved: "", alias: "Impl-Text size/lg" },
+ "Title/sm/LowCase/Font weight": {
+ resolved: 450,
+ alias: "Font weight/Regular bold",
+ },
+ "Title/sm/LowCase/Font family": {
+ resolved: "Futura PT",
+ alias: "Font family/Bassin Seven/Title",
+ },
+ "Title/xs/Size": { resolved: "", alias: "Impl-Text size/sm" },
+ "Title/Decorative/lg/Size": { resolved: "", alias: "Impl-Text size/2xs" },
+ "Title/Decorative/lg/Font weight": {
+ resolved: 400,
+ alias: "Font weight/Regular",
+ },
+ "Title/Decorative/lg/Font family": {
+ resolved: "Futura PT",
+ alias: "Font family/Bassin Seven/Decorative",
+ },
+ "Title/Decorative/md/Size": { resolved: "", alias: "Impl-Text size/3xs" },
+ "Title/Decorative/md/Font weight": {
+ resolved: 400,
+ alias: "Font weight/Regular",
+ },
+ "Title/Decorative/md/Font family": {
+ resolved: "Futura PT",
+ alias: "Font family/Bassin Seven/Decorative",
+ },
+ "Title/Subtitle/lg/Size": { resolved: "", alias: "Impl-Text size/sm" },
+ "Title/Subtitle/lg/Font weight": {
+ resolved: 500,
+ alias: "Font weight/Medium",
+ },
+ "Title/Subtitle/lg/Font family": {
+ resolved: "Fira sans",
+ alias: "Font family/Bassin Seven/Body",
+ },
+ "Title/Subtitle/md/Size": { resolved: "", alias: "Impl-Text size/xs" },
+ "Title/Subtitle/md/Font weight": {
+ resolved: 500,
+ alias: "Font weight/Medium",
+ },
+ "Title/Subtitle/md/Font family": {
+ resolved: "Fira sans",
+ alias: "Font family/Bassin Seven/Body",
+ },
+ "Title/Overline/sm/Size": { resolved: "", alias: "Impl-Text size/4xs" },
+ "Title/Overline/sm/Font weight": {
+ resolved: 400,
+ alias: "Font weight/Regular",
+ },
+ "Title/Overline/sm/Font family": {
+ resolved: "Futura PT",
+ alias: "Font family/Bassin Seven/Title",
+ },
+ "Title/xs/Font weight": { resolved: 450, alias: "Font weight/Regular bold" },
+ "Title/xs/Font family": {
+ resolved: "Futura PT",
+ alias: "Font family/Bassin Seven/Title",
+ },
+ "Title/md/LowCase/Size": { resolved: "", alias: "Impl-Text size/2xl" },
+ "Title/md/LowCase/Font weight": {
+ resolved: 450,
+ alias: "Font weight/Regular bold",
+ },
+ "Title/md/LowCase/Font family": {
+ resolved: "Futura PT",
+ alias: "Font family/Bassin Seven/Title",
+ },
+ "Body/Lead text/Size": { resolved: "", alias: "Impl-Text size/xs" },
+ "Tag/Size": { resolved: "", alias: "Impl-Text size/5xs" },
+ "Tag/Font weight": { resolved: 450, alias: "Font weight/Regular bold" },
+ "Tag/Font family": {
+ resolved: "Futura PT",
+ alias: "Font family/Bassin Seven/Title",
+ },
+ "Link/md/Size": { resolved: "", alias: "Impl-Text size/3xs" },
+ "Link/md/Font weight": { resolved: 500, alias: "Font weight/Medium" },
+ "Link/md/Font family": {
+ resolved: "Fira sans",
+ alias: "Font family/Bassin Seven/Body",
+ },
+ "Link/sm/Size": { resolved: "", alias: "Impl-Text size/4xs" },
+ "Link/sm/Font weight": { resolved: 500, alias: "Font weight/Medium" },
+ "Link/sm/Font family": {
+ resolved: "Fira sans",
+ alias: "Font family/Bassin Seven/Body",
+ },
+ "Body/Lead text/Font weight": { resolved: 400, alias: "Font weight/Regular" },
+ "Body/Lead text/Font family": {
+ resolved: "Fira sans",
+ alias: "Font family/Bassin Seven/Body",
+ },
+ "Body/Paragraph/Size": { resolved: "", alias: "Impl-Text size/3xs" },
+ "Body/Paragraph/Font weight": { resolved: 400, alias: "Font weight/Regular" },
+ "Body/Paragraph/Font weight 2": {
+ resolved: 500,
+ alias: "Font weight/Medium",
+ },
+ "Body/Paragraph/Font family": {
+ resolved: "Fira sans",
+ alias: "Font family/Bassin Seven/Body",
+ },
+ "Body/Supporting text/Size": { resolved: "", alias: "Impl-Text size/4xs" },
+ "Body/Supporting text/Font weight": {
+ resolved: 400,
+ alias: "Font weight/Regular",
+ },
+ "Body/Supporting text/Font weight 2": {
+ resolved: 500,
+ alias: "Font weight/Medium",
+ },
+ "Body/Supporting text/Font family": {
+ resolved: "Fira sans",
+ alias: "Font family/Bassin Seven/Body",
+ },
+ "Label/Size": { resolved: "", alias: "Impl-Text size/5xs" },
+ "Label/Font weight": { resolved: 400, alias: "Font weight/Regular" },
+ "Label/Font weight 2": { resolved: 500, alias: "Font weight/Medium" },
+ "Label/Font family": {
+ resolved: "Fira sans",
+ alias: "Font family/The Dock/Body",
+ },
+ "Body/Underline/md/Size": { resolved: "", alias: "Impl-Text size/3xs" },
+ "Body/Underline/md/Font weight": {
+ resolved: 400,
+ alias: "Font weight/Regular",
+ },
+ "Body/Underline/md/Font family": {
+ resolved: "Fira sans",
+ alias: "Font family/Bassin Seven/Body",
+ },
+ "Body/Underline/sm/Size": { resolved: "", alias: "Impl-Text size/4xs" },
+ "Body/Underline/sm/Font weight": {
+ resolved: 400,
+ alias: "Font weight/Regular",
+ },
+ "Body/Underline/sm/Font family": {
+ resolved: "Fira sans",
+ alias: "Font family/Bassin Seven/Body",
+ },
+ "Text/Heading": {
+ resolved: "#011828",
+ alias: "Signature/Bassin Seven/Black Pearl/90",
+ },
+ "Text/Default": { resolved: "#1F1F1F", alias: "Neutral/90" },
+ "Text/Secondary": { resolved: "#575757", alias: "Neutral/60" },
+ "Text/Tertiary": { resolved: "#747474", alias: "Neutral/50" },
+ "Text/Accent Primary": { resolved: "#747474", alias: "Neutral/50" },
+ "Text/Inverted": { resolved: "#FFFFFF", alias: "Neutral/Opacity/White/100" },
+ "Text/Interactive/Default": {
+ resolved: "#011828",
+ alias: "Signature/Bassin Seven/Black Pearl/90",
+ },
+ "Text/Interactive/Hover": {
+ resolved: "#465662",
+ alias: "Signature/Bassin Seven/Black Pearl/70",
+ },
+ "Text/Interactive/Secondary": {
+ resolved: "#8E6422",
+ alias: "Signature/Bassin Seven/Rusty/60",
+ },
+ "Text/Interactive/Secondary Hover": {
+ resolved: "#9F7126",
+ alias: "Signature/Bassin Seven/Rusty/50",
+ },
+ "Text/Interactive/Inverted Hover": {
+ resolved: "#FFFFFFB3",
+ alias: "Neutral/Opacity/White/70",
+ },
+ "Text/Interactive/Disabled": { resolved: "#8C8C8C", alias: "Neutral/40" },
+ "Text/Interactive/Focus": { resolved: "#262626", alias: "Neutral/80" },
+ "Text/Interactive/Error": { resolved: "#AD0015", alias: "Scandic/Red/70" },
+ "Text/Interactive/Placeholder": { resolved: "#747474", alias: "Neutral/50" },
+ "Text/Brand/OnAccent/Heading": {
+ resolved: "#011828",
+ alias: "Signature/Bassin Seven/Black Pearl/90",
+ },
+ "Text/Feedback/Information": {
+ resolved: "#284EA0",
+ alias: "Scandic/Blue/70",
+ },
+ "Text/Feedback/Succes": { resolved: "#348337", alias: "Scandic/Green/60" },
+ "Text/Feedback/Warning": { resolved: "#D17308", alias: "Scandic/Yellow/60" },
+ "Text/Feedback/Error": { resolved: "#AD0015", alias: "Scandic/Red/70" },
+ "Text/Feedback/Neutral": { resolved: "#747474", alias: "Neutral/50" },
+ "Text/Brand/OnAccent/Default": { resolved: "#1F1F1F", alias: "Neutral/90" },
+ "Text/Brand/OnAccent/Accent": {
+ resolved: "#011828",
+ alias: "Signature/Bassin Seven/Black Pearl/90",
+ },
+ "Text/Brand/OnAccent/Accent Secondary": {
+ resolved: "#1F3442",
+ alias: "Signature/Bassin Seven/Black Pearl/80",
+ },
+ "Text/Brand/OnPrimary 1/Heading": {
+ resolved: "#E7E3D2",
+ alias: "Signature/Bassin Seven/Satin Linen/50",
+ },
+ "Text/Brand/OnPrimary 1/Default": {
+ resolved: "#FFFFFF",
+ alias: "Neutral/Opacity/White/100",
+ },
+ "Text/Brand/OnPrimary 1/Hover": {
+ resolved: "#FFFFFFB3",
+ alias: "Neutral/Opacity/White/70",
+ },
+ "Text/Brand/OnPrimary 1/Accent": {
+ resolved: "#FFFFFF",
+ alias: "Neutral/Opacity/White/100",
+ },
+ "Text/Brand/OnPrimary 2/Heading": {
+ resolved: "#E7E3D2",
+ alias: "Signature/Bassin Seven/Satin Linen/50",
+ },
+ "Text/Brand/OnPrimary 2/Default": {
+ resolved: "#FFFFFF",
+ alias: "Neutral/Opacity/White/100",
+ },
+ "Text/Brand/OnPrimary 2/Accent": {
+ resolved: "#FFFFFF",
+ alias: "Neutral/Opacity/White/100",
+ },
+ "Text/Brand/OnPrimary 3/Heading": {
+ resolved: "#011828",
+ alias: "Signature/Bassin Seven/Black Pearl/90",
+ },
+ "Text/Brand/OnPrimary 3/Default": {
+ resolved: "#1F1F1F",
+ alias: "Neutral/90",
+ },
+ "Text/Brand/OnPrimary 3/Accent": {
+ resolved: "#011828",
+ alias: "Signature/Bassin Seven/Black Pearl/90",
+ },
+ "Background/Primary": {
+ resolved: "#FFFFFF",
+ alias: "Neutral/Opacity/White/100",
+ },
+ "Background/Secondary": {
+ resolved: "#FFFFFF",
+ alias: "Neutral/Opacity/White/100",
+ },
+ "Surface/Primary/Default": {
+ resolved: "#FFFFFF",
+ alias: "Neutral/Opacity/White/100",
+ },
+ "Surface/Primary/Hover": {
+ resolved: "#1F1C1B0D",
+ alias: "Neutral/Opacity/Black/5",
+ },
+ "Surface/Primary/Hover Light": {
+ resolved: "#1F1C1B1A",
+ alias: "Neutral/Opacity/Black/10",
+ },
+ "Surface/Primary/Hover Accent": { resolved: "#E9E9E9", alias: "Neutral/15" },
+ "Surface/Primary/OnSurface/Default": {
+ resolved: "#FCFCFC",
+ alias: "Neutral/0",
+ },
+ "Surface/Primary/Disabled": {
+ resolved: "#1F1C1B1A",
+ alias: "Neutral/Opacity/Black/10",
+ },
+ "Surface/Secondary/Default": {
+ resolved: "#F4F2EA",
+ alias: "Signature/Bassin Seven/Satin Linen/20",
+ },
+ "Surface/Secondary/Subtle": {
+ resolved: "#E7E3D2",
+ alias: "Signature/Bassin Seven/Satin Linen/50",
+ },
+ "Surface/Secondary/Hover": {
+ resolved: "#1F1C1B0D",
+ alias: "Neutral/Opacity/Black/5",
+ },
+ "Surface/Brand/Accent/Default": {
+ resolved: "#A2B5AB",
+ alias: "Signature/Bassin Seven/Mantle/50",
+ },
+ "Surface/Brand/Accent/OnAccent/Accent": {
+ resolved: "#1F3442",
+ alias: "Signature/Bassin Seven/Black Pearl/80",
+ },
+ "Surface/Brand/Accent/OnAccent/Accent Secondary": {
+ resolved: "#1F3442",
+ alias: "Signature/Bassin Seven/Black Pearl/80",
+ },
+ "Surface/Brand/Primary 1/Default": {
+ resolved: "#011828",
+ alias: "Signature/Bassin Seven/Black Pearl/90",
+ },
+ "Surface/Brand/Primary 1/OnSurface/Default": {
+ resolved: "#E7E3D2",
+ alias: "Signature/Bassin Seven/Satin Linen/50",
+ },
+ "Surface/Brand/Primary 1/OnSurface/Accent": {
+ resolved: "#E7E3D2",
+ alias: "Signature/Bassin Seven/Satin Linen/50",
+ },
+ "Surface/Brand/Primary 1/OnSurface/Accent Secondary": {
+ resolved: "#E7E3D2",
+ alias: "Signature/Bassin Seven/Satin Linen/50",
+ },
+ "Surface/Brand/Primary 2/Default": {
+ resolved: "#011828",
+ alias: "Signature/Bassin Seven/Black Pearl/90",
+ },
+ "Surface/Brand/Primary 2/OnSurface/Default": {
+ resolved: "#E7E3D2",
+ alias: "Signature/Bassin Seven/Satin Linen/50",
+ },
+ "Surface/Brand/Primary 2/OnSurface/Accent": {
+ resolved: "#E7E3D2",
+ alias: "Signature/Bassin Seven/Satin Linen/50",
+ },
+ "Surface/Brand/Primary 3/Default": {
+ resolved: "#E7E3D2",
+ alias: "Signature/Bassin Seven/Satin Linen/50",
+ },
+ "Surface/Brand/Primary 3/OnSurface/Default": {
+ resolved: "#011828",
+ alias: "Signature/Bassin Seven/Black Pearl/90",
+ },
+ "Surface/Brand/Primary 3/OnSurface/Accent": {
+ resolved: "#011828",
+ alias: "Signature/Bassin Seven/Black Pearl/90",
+ },
+ "Surface/UI Fill/Default": {
+ resolved: "#FFFFFF",
+ alias: "Neutral/Opacity/White/100",
+ },
+ "Surface/UI Fill/Intense": { resolved: "#262626", alias: "Neutral/80" },
+ "Surface/UI Fill/Active": { resolved: "#262626", alias: "Neutral/80" },
+ "Surface/UI Fill/Active Hover": {
+ resolved: "#FFFFFF",
+ alias: "Neutral/Opacity/White/100",
+ },
+ "Surface/UI Fill/Disabled": { resolved: "#E9E9E9", alias: "Neutral/15" },
+ "Surface/Accent/1": {
+ resolved: "#855E20",
+ alias: "Signature/Bassin Seven/Rusty/70",
+ },
+ "Surface/Accent/2": {
+ resolved: "#1F3442",
+ alias: "Signature/Bassin Seven/Black Pearl/80",
+ },
+ "Surface/Accent/3": {
+ resolved: "#515E57",
+ alias: "Signature/Bassin Seven/Mantle/90",
+ },
+ "Surface/Accent/4": {
+ resolved: "#B17D2A",
+ alias: "Signature/Bassin Seven/Rusty/40",
+ },
+ "Surface/Accent/5": {
+ resolved: "#5B6E7F",
+ alias: "Signature/Grand Hotel/Blue Bayoux/50",
+ },
+ "Surface/Feedback/Information": {
+ resolved: "#284EA0",
+ alias: "Scandic/Blue/70",
+ },
+ "Surface/Feedback/Information light": {
+ resolved: "#E8F6FF",
+ alias: "Scandic/Blue/00",
+ },
+ "Surface/Feedback/Succes": { resolved: "#348337", alias: "Scandic/Green/60" },
+ "Surface/Feedback/Succes light": {
+ resolved: "#F3FCE8",
+ alias: "Scandic/Green/00",
+ },
+ "Surface/Feedback/Warning": {
+ resolved: "#D17308",
+ alias: "Scandic/Yellow/60",
+ },
+ "Surface/Feedback/Warning light": {
+ resolved: "#FFF8E3",
+ alias: "Scandic/Yellow/00",
+ },
+ "Surface/Feedback/Error": { resolved: "#AD0015", alias: "Scandic/Red/70" },
+ "Surface/Feedback/Error light": {
+ resolved: "#FFEBEB",
+ alias: "Scandic/Red/00",
+ },
+ "Surface/Feedback/Neutral": { resolved: "#747474", alias: "Neutral/50" },
+ "Surface/Feedback/Neutral light": {
+ resolved: "#E9E9E9",
+ alias: "Neutral/15",
+ },
+ "Border/Default": { resolved: "#D9D9D9", alias: "Neutral/20" },
+ "Border/Strong": { resolved: "#BFBFBF", alias: "Neutral/30" },
+ "Border/Inverted": {
+ resolved: "#FFFFFF",
+ alias: "Neutral/Opacity/White/100",
+ },
+ "Icon/Default": { resolved: "#575757", alias: "Neutral/60" },
+ "Icon/Intense": { resolved: "#1F1F1F", alias: "Neutral/90" },
+ "Icon/Accent": {
+ resolved: "#8E6422",
+ alias: "Signature/Bassin Seven/Rusty/60",
+ },
+ "Icon/Interactive/Default": {
+ resolved: "#011828",
+ alias: "Signature/Bassin Seven/Black Pearl/90",
+ },
+ "Icon/Interactive/Secondary": {
+ resolved: "#8E6422",
+ alias: "Signature/Bassin Seven/Rusty/60",
+ },
+ "Icon/Interactive/Accent": {
+ resolved: "#8E6422",
+ alias: "Signature/Bassin Seven/Rusty/60",
+ },
+ "Icon/Interactive/Inverted Hover": {
+ resolved: "#FFFFFFB3",
+ alias: "Neutral/Opacity/White/70",
+ },
+ "Icon/Interactive/Disabled": { resolved: "#BFBFBF", alias: "Neutral/30" },
+ "Icon/Interactive/Placeholder": { resolved: "#747474", alias: "Neutral/50" },
+ "Icon/Feedback/Information": {
+ resolved: "#284EA0",
+ alias: "Scandic/Blue/70",
+ },
+ "Icon/Feedback/Success": { resolved: "#348337", alias: "Scandic/Green/60" },
+ "Icon/Feedback/Warning": { resolved: "#D17308", alias: "Scandic/Yellow/60" },
+ "Icon/Feedback/Error": { resolved: "#AD0015", alias: "Scandic/Red/70" },
+ "Icon/Feedback/Neutral": { resolved: "#575757", alias: "Neutral/60" },
+ "Icon/Inverted": { resolved: "#FFFFFF", alias: "Neutral/Opacity/White/100" },
+ "Overlay/10": { resolved: "#1F1C1B1A", alias: "Neutral/Opacity/Black/10" },
+ "Overlay/20": { resolved: "#1F1C1B33", alias: "Neutral/Opacity/Black/20" },
+ "Overlay/30": { resolved: "#1F1C1B33", alias: "Neutral/Opacity/Black/20" },
+ "Overlay/40": { resolved: "#1F1C1B66", alias: "Neutral/Opacity/Black/40" },
+ "Overlay/60": { resolved: "#1F1C1B99", alias: "Neutral/Opacity/Black/60" },
+ "Overlay/80": { resolved: "#1F1C1BCC", alias: "Neutral/Opacity/Black/80" },
+ "Overlay/90": { resolved: "#1F1C1BE6", alias: "Neutral/Opacity/Black/90" },
+ "Component/Button/Brand/Primary/Fill/Default": {
+ resolved: "#011828",
+ alias: "Signature/Bassin Seven/Black Pearl/90",
+ },
+ "Component/Button/Brand/Primary/Fill/Hover": {
+ resolved: "#FFFFFF1A",
+ alias: "Neutral/Opacity/White/10",
+ },
+ "Component/Button/Brand/Primary/Fill/Disabled": {
+ resolved: "#1F1C1B1A",
+ alias: "Neutral/Opacity/Black/10",
+ },
+ "Component/Button/Brand/Primary/On fill/Default": {
+ resolved: "#FFFFFF",
+ alias: "Neutral/Opacity/White/100",
+ },
+ "Component/Button/Brand/Primary/On fill/Hover": {
+ resolved: "#FFFFFF",
+ alias: "Neutral/Opacity/White/100",
+ },
+ "Component/Button/Brand/Primary/On fill/Disabled": {
+ resolved: "#8C8C8C",
+ alias: "Neutral/40",
+ },
+ "Component/Button/Brand/Primary/Border/Default": {
+ resolved: "#FFFFFF00",
+ alias: "Neutral/Opacity/White/0",
+ },
+ "Component/Button/Brand/Primary/Border/Hover": {
+ resolved: "#FFFFFF00",
+ alias: "Neutral/Opacity/White/0",
+ },
+ "Component/Button/Brand/Primary/Border/Disabled": {
+ resolved: "#FFFFFF00",
+ alias: "Neutral/Opacity/White/0",
+ },
+ "Component/Button/Brand/Secondary/Fill/Default": {
+ resolved: "#FFFFFF00",
+ alias: "Neutral/Opacity/White/0",
+ },
+ "Component/Button/Brand/Secondary/Fill/Hover": {
+ resolved: "#FFFFFF00",
+ alias: "Neutral/Opacity/White/0",
+ },
+ "Component/Button/Brand/Secondary/Fill/Inverted": {
+ resolved: "#FFFFFF",
+ alias: "Neutral/Opacity/White/100",
+ },
+ "Component/Button/Brand/Secondary/Fill/Hover Inverted": {
+ resolved: "#011828",
+ alias: "Signature/Bassin Seven/Black Pearl/90",
+ },
+ "Component/Button/Brand/Secondary/Fill/Disabled": {
+ resolved: "#1F1C1B1A",
+ alias: "Neutral/Opacity/Black/10",
+ },
+ "Component/Button/Brand/Secondary/On fill/Default": {
+ resolved: "#011828",
+ alias: "Signature/Bassin Seven/Black Pearl/90",
+ },
+ "Component/Button/Brand/Secondary/On fill/Hover": {
+ resolved: "#465662",
+ alias: "Signature/Bassin Seven/Black Pearl/70",
+ },
+ "Component/Button/Brand/Secondary/On fill/Inverted": {
+ resolved: "#FFFFFF",
+ alias: "Neutral/Opacity/White/100",
+ },
+ "Component/Button/Brand/Secondary/On fill/Hover inverted": {
+ resolved: "#FFFFFFB3",
+ alias: "Neutral/Opacity/White/70",
+ },
+ "Component/Button/Brand/Secondary/On fill/Disabled": {
+ resolved: "#8C8C8C",
+ alias: "Neutral/40",
+ },
+ "Component/Button/Brand/Secondary/Border/Default": {
+ resolved: "#011828",
+ alias: "Signature/Bassin Seven/Black Pearl/90",
+ },
+ "Component/Button/Brand/Secondary/Border/Hover": {
+ resolved: "#465662",
+ alias: "Signature/Bassin Seven/Black Pearl/70",
+ },
+ "Component/Button/Brand/Secondary/Border/Inverted": {
+ resolved: "#FFFFFF",
+ alias: "Neutral/Opacity/White/100",
+ },
+ "Component/Button/Brand/Secondary/Border/Hover inverted": {
+ resolved: "#FFFFFF80",
+ alias: "Neutral/Opacity/White/50",
+ },
+ "Component/Button/Brand/Secondary/Border/Disabled": {
+ resolved: "#1F1C1B1A",
+ alias: "Neutral/Opacity/Black/10",
+ },
+ "Component/Button/Brand/Tertiary/Fill/Default": {
+ resolved: "#E7E3D2",
+ alias: "Signature/Bassin Seven/Satin Linen/50",
+ },
+ "Component/Button/Brand/Tertiary/Fill/Hover": {
+ resolved: "#1F1C1B0D",
+ alias: "Neutral/Opacity/Black/5",
+ },
+ "Component/Button/Brand/Tertiary/Fill/Disabled": {
+ resolved: "#1F1C1B1A",
+ alias: "Neutral/Opacity/Black/10",
+ },
+ "Component/Button/Brand/Tertiary/On fill/Default": {
+ resolved: "#011828",
+ alias: "Signature/Bassin Seven/Black Pearl/90",
+ },
+ "Component/Button/Brand/Tertiary/On fill/Hover": {
+ resolved: "#011828",
+ alias: "Signature/Bassin Seven/Black Pearl/90",
+ },
+ "Component/Button/Brand/Tertiary/On fill/Disabled": {
+ resolved: "#8C8C8C",
+ alias: "Neutral/40",
+ },
+ "Component/Button/Brand/Tertiary/Border/Default": {
+ resolved: "#FFFFFF00",
+ alias: "Neutral/Opacity/White/0",
+ },
+ "Component/Button/Brand/Tertiary/Border/Hover": {
+ resolved: "#FFFFFF00",
+ alias: "Neutral/Opacity/White/0",
+ },
+ "Component/Button/Brand/Tertiary/Border/Disabled": {
+ resolved: "#FFFFFF00",
+ alias: "Neutral/Opacity/White/0",
+ },
+ "Component/Button/Inverted/Fill/Default": {
+ resolved: "#FFFFFF",
+ alias: "Neutral/Opacity/White/100",
+ },
+ "Component/Button/Inverted/Fill/Faded": {
+ resolved: "#FFFFFFE6",
+ alias: "Neutral/Opacity/White/90",
+ },
+ "Component/Button/Inverted/Fill/Hover": {
+ resolved: "#1F1C1B1A",
+ alias: "Neutral/Opacity/Black/10",
+ },
+ "Component/Button/Inverted/Fill/Hover Inverted": {
+ resolved: "#011828",
+ alias: "Signature/Bassin Seven/Black Pearl/90",
+ },
+ "Component/Button/Inverted/Fill/Disabled": {
+ resolved: "#1F1C1B1A",
+ alias: "Neutral/Opacity/Black/10",
+ },
+ "Component/Button/Inverted/Border/Default": {
+ resolved: "#FFFFFF00",
+ alias: "Neutral/Opacity/White/0",
+ },
+ "Component/Button/Inverted/Border/Hover": {
+ resolved: "#FFFFFF1A",
+ alias: "Neutral/Opacity/White/10",
+ },
+ "Component/Button/Inverted/Border/Disable": {
+ resolved: "#FFFFFF1A",
+ alias: "Neutral/Opacity/White/10",
+ },
+ "Component/Button/Inverted/On fill/Default": {
+ resolved: "#011828",
+ alias: "Signature/Bassin Seven/Black Pearl/90",
+ },
+ "Component/Button/Inverted/On fill/Hover": {
+ resolved: "#FFFFFF1A",
+ alias: "Neutral/Opacity/White/10",
+ },
+ "Component/Button/Inverted/On fill/Hover inverted": {
+ resolved: "#FFFFFF",
+ alias: "Neutral/Opacity/White/100",
+ },
+ "Component/Button/Inverted/On fill/Disabled": {
+ resolved: "#8C8C8C",
+ alias: "Neutral/40",
+ },
+ "Border/Interactive/Default": { resolved: "#BFBFBF", alias: "Neutral/30" },
+ "Border/Divider/Default": { resolved: "#D9D9D9", alias: "Neutral/20" },
+ "Border/Divider/Subtle": { resolved: "#E9E9E9", alias: "Neutral/15" },
+ "Border/Divider/Accent": { resolved: "#BFBFBF", alias: "Neutral/30" },
+ "Border/Divider/Brand/OnAccent/Default": {
+ resolved: "#465662",
+ alias: "Signature/Bassin Seven/Black Pearl/70",
+ },
+ "Border/Divider/Brand/OnPrimary 1/Default": {
+ resolved: "#1F3442",
+ alias: "Signature/Bassin Seven/Black Pearl/80",
+ },
+ "Border/Divider/Brand/OnPrimary 2/Default": {
+ resolved: "#1F3442",
+ alias: "Signature/Bassin Seven/Black Pearl/80",
+ },
+ "Border/Divider/Brand/OnPrimary 3/Default": {
+ resolved: "#A4A195",
+ alias: "Signature/Bassin Seven/Satin Linen/70",
+ },
+ "Border/Interactive/Active": { resolved: "#262626", alias: "Neutral/80" },
+ "Border/Interactive/Focus": { resolved: "#262626", alias: "Neutral/80" },
+ "Border/Interactive/Disabled": { resolved: "#BFBFBF", alias: "Neutral/30" },
+ "Border/Interactive/Error": { resolved: "#AD0015", alias: "Scandic/Red/70" },
+ "Component/Button/Muted/Fill/Default": {
+ resolved: "#FFFFFF",
+ alias: "Neutral/Opacity/White/100",
+ },
+ "Component/Button/Muted/Fill/Hover": {
+ resolved: "#FFFFFF",
+ alias: "Neutral/Opacity/White/100",
+ },
+ "Component/Button/Muted/Fill/Disabled": {
+ resolved: "#FFFFFF",
+ alias: "Neutral/Opacity/White/100",
+ },
+ "Component/Button/Muted/Fill/Hover inverted": {
+ resolved: "#1F1C1B0D",
+ alias: "Neutral/Opacity/Black/5",
+ },
+ "Component/Button/Muted/Fill/Disabled inverted": {
+ resolved: "#D9D9D9",
+ alias: "Neutral/20",
+ },
+ "Component/Button/Muted/On fill/Default": {
+ resolved: "#454545",
+ alias: "Neutral/70",
+ },
+ "Component/Button/Muted/On fill/Inverted": {
+ resolved: "#FFFFFF",
+ alias: "Neutral/Opacity/White/100",
+ },
+ "Component/Button/Muted/On fill/Hover Inverted": {
+ resolved: "#1F3442",
+ alias: "Signature/Bassin Seven/Black Pearl/80",
+ },
+ "Component/Button/Muted/On fill/Disabled": {
+ resolved: "#8C8C8C",
+ alias: "Neutral/40",
+ },
+ "Component/Button/Muted/Border/Default": {
+ resolved: "#FFFFFF1A",
+ alias: "Neutral/Opacity/White/10",
+ },
+ "Component/Button/Muted/Border/Hover": {
+ resolved: "#FFFFFF1A",
+ alias: "Neutral/Opacity/White/10",
+ },
+ "Component/Button/Muted/Border/Disable": {
+ resolved: "#FFFFFF1A",
+ alias: "Neutral/Opacity/White/10",
+ },
+} as const
export const partnerSAS = {
"Text/Brand/OnPrimary 1/Hover": { resolved: "#FFFFFF" },
"Surface/Brand/Accent/Default": { resolved: "#FFFFFF" },
@@ -6880,8 +7681,8 @@ export const partnerSAS = {
alias: "Neutral/20",
},
"Component/Button/Muted/On fill/Default": {
- resolved: "#1F1F1F",
- alias: "Neutral/90",
+ resolved: "#454545",
+ alias: "Neutral/70",
},
"Component/Button/Muted/On fill/Inverted": {
resolved: "#FFFFFF",
diff --git a/packages/design-system/package.json b/packages/design-system/package.json
index 1f5be3285..cce822a0e 100644
--- a/packages/design-system/package.json
+++ b/packages/design-system/package.json
@@ -49,6 +49,7 @@
"./IconButton": "./lib/components/IconButton/index.tsx",
"./IconChip": "./lib/components/IconChip/index.tsx",
"./Icons": "./lib/components/Icons/index.tsx",
+ "./Icons/BassinSevenIcon": "./lib/components/Icons/Logos/BassinSeven.tsx",
"./Icons/BathroomCabinetIcon": "./lib/components/Icons/Nucleo/Amenities_Facilities/bathroom-cabinet-2.tsx",
"./Icons/BedBunkExtraIcon": "./lib/components/Icons/Illustrations/BedBunkExtra.tsx",
"./Icons/BedBunkIcon": "./lib/components/Icons/Illustrations/BedBunk.tsx",
@@ -190,6 +191,7 @@
"./VideoPlayer": "./lib/components/VideoPlayer/index.tsx",
"./VideoWithCard": "./lib/components/VideoPlayer/VideoWithCard/index.tsx",
"./design-system-new-deprecated.css": "./lib/design-system-new-deprecated.css",
+ "./bassin-seven.css": "./lib/styles/bassin-seven.css",
"./downtown-camper.css": "./lib/styles/downtown-camper.css",
"./fonts.css": "./lib/fonts.css",
"./grand-hotel.css": "./lib/styles/grand-hotel.css",
diff --git a/shared/fonts/fututa-pt/FuturaPT_italic_normal_500.woff b/shared/fonts/fututa-pt/FuturaPT_italic_normal_500.woff
new file mode 100644
index 000000000..61b228244
Binary files /dev/null and b/shared/fonts/fututa-pt/FuturaPT_italic_normal_500.woff differ
diff --git a/shared/fonts/fututa-pt/FuturaPT_italic_normal_500.woff2 b/shared/fonts/fututa-pt/FuturaPT_italic_normal_500.woff2
new file mode 100644
index 000000000..92d891e64
Binary files /dev/null and b/shared/fonts/fututa-pt/FuturaPT_italic_normal_500.woff2 differ
diff --git a/shared/fonts/fututa-pt/FuturaPT_normal_condensed_500.woff b/shared/fonts/fututa-pt/FuturaPT_normal_condensed_500.woff
new file mode 100644
index 000000000..6ae9f834d
Binary files /dev/null and b/shared/fonts/fututa-pt/FuturaPT_normal_condensed_500.woff differ
diff --git a/shared/fonts/fututa-pt/FuturaPT_normal_condensed_500.woff2 b/shared/fonts/fututa-pt/FuturaPT_normal_condensed_500.woff2
new file mode 100644
index 000000000..af01c90f7
Binary files /dev/null and b/shared/fonts/fututa-pt/FuturaPT_normal_condensed_500.woff2 differ
diff --git a/shared/fonts/fututa-pt/FuturaPT_normal_condensed_925.woff b/shared/fonts/fututa-pt/FuturaPT_normal_condensed_925.woff
new file mode 100644
index 000000000..82e402af5
Binary files /dev/null and b/shared/fonts/fututa-pt/FuturaPT_normal_condensed_925.woff differ
diff --git a/shared/fonts/fututa-pt/FuturaPT_normal_condensed_925.woff2 b/shared/fonts/fututa-pt/FuturaPT_normal_condensed_925.woff2
new file mode 100644
index 000000000..e445d0753
Binary files /dev/null and b/shared/fonts/fututa-pt/FuturaPT_normal_condensed_925.woff2 differ
diff --git a/shared/fonts/fututa-pt/FuturaPT_normal_normal_300.woff b/shared/fonts/fututa-pt/FuturaPT_normal_normal_300.woff
new file mode 100644
index 000000000..f006725f5
Binary files /dev/null and b/shared/fonts/fututa-pt/FuturaPT_normal_normal_300.woff differ
diff --git a/shared/fonts/fututa-pt/FuturaPT_normal_normal_300.woff2 b/shared/fonts/fututa-pt/FuturaPT_normal_normal_300.woff2
new file mode 100644
index 000000000..8ac427163
Binary files /dev/null and b/shared/fonts/fututa-pt/FuturaPT_normal_normal_300.woff2 differ
diff --git a/shared/fonts/fututa-pt/FuturaPT_normal_normal_700.woff b/shared/fonts/fututa-pt/FuturaPT_normal_normal_700.woff
new file mode 100644
index 000000000..842328907
Binary files /dev/null and b/shared/fonts/fututa-pt/FuturaPT_normal_normal_700.woff differ
diff --git a/shared/fonts/fututa-pt/FuturaPT_normal_normal_700.woff2 b/shared/fonts/fututa-pt/FuturaPT_normal_normal_700.woff2
new file mode 100644
index 000000000..3b6984628
Binary files /dev/null and b/shared/fonts/fututa-pt/FuturaPT_normal_normal_700.woff2 differ