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