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 f583c4b01..8d68a3bea 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-Large); + border-radius: var(--Corner-radius-lg); display: grid; gap: var(--Spacing-x3); padding: var(--Spacing-x2) var(--Spacing-x2) var(--Spacing-x4); 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 a31665905..9db965494 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(--Spacing-x3) var(--Spacing-x3) var(--Spacing-x4); text-align: center; - border-radius: var(--Corner-radius-Medium) var(--Corner-radius-Medium) 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-Medium); + 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 7cd0043de..6438d17c9 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(--Spacing-x3); text-align: center; - border-radius: var(--Corner-radius-Medium) var(--Corner-radius-Medium) 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-Medium); + border-radius: var(--Corner-radius-md); margin-top: initial; width: 512px; } @@ -44,7 +44,7 @@ padding: var(--Spacing-x3) 0; font-family: var(--typography-Body-Regular-fontFamily); border: 1px solid var(--Base-Border-Normal); - border-radius: var(--Corner-radius-Medium); + 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 a48ce3241..5e78c79a5 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(--Spacing-x3); - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); align-items: center; width: 100%; } 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 b9a1afac8..780926686 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-xLarge); + 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 148122cd9..07e79f96a 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(--Spacing-x2); background-color: var(--Base-Surface-Primary-light-Normal); border: 1px solid var(--Base-Border-Subtle); - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); } .contentWrapper { 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 13b379c8e..06dd38bab 100644 --- a/apps/scandic-web/components/Blocks/DynamicContent/LoyaltyLevels/loyaltyLevels.module.css +++ b/apps/scandic-web/components/Blocks/DynamicContent/LoyaltyLevels/loyaltyLevels.module.css @@ -9,7 +9,7 @@ .card { background-color: var(--Scandic-Brand-Pale-Peach); - border-radius: var(--Corner-radius-xLarge); + border-radius: var(--Corner-radius-xl); display: grid; gap: var(--Spacing-x2); min-height: 280px; diff --git a/apps/scandic-web/components/Blocks/DynamicContent/Overview/Friend/Hero/hero.module.css b/apps/scandic-web/components/Blocks/DynamicContent/Overview/Friend/Hero/hero.module.css index 7e6af67c8..822a5d301 100644 --- a/apps/scandic-web/components/Blocks/DynamicContent/Overview/Friend/Hero/hero.module.css +++ b/apps/scandic-web/components/Blocks/DynamicContent/Overview/Friend/Hero/hero.module.css @@ -1,5 +1,5 @@ .hero { - border-radius: var(--Corner-radius-xLarge); + border-radius: var(--Corner-radius-xl); display: grid; gap: var(--Spacing-x2); grid-template-columns: 1fr; diff --git a/apps/scandic-web/components/Blocks/DynamicContent/Overview/Friend/MembershipNumber/membershipNumber.module.css b/apps/scandic-web/components/Blocks/DynamicContent/Overview/Friend/MembershipNumber/membershipNumber.module.css index e6c54cd7e..53021569a 100644 --- a/apps/scandic-web/components/Blocks/DynamicContent/Overview/Friend/MembershipNumber/membershipNumber.module.css +++ b/apps/scandic-web/components/Blocks/DynamicContent/Overview/Friend/MembershipNumber/membershipNumber.module.css @@ -1,7 +1,7 @@ .membershipContainer { align-items: center; background: var(--Scandic-Brand-Burgundy); - border-radius: var(--Corner-radius-Small); + border-radius: var(--Corner-radius-sm); display: grid; grid-template-columns: 1fr; justify-items: center; diff --git a/apps/scandic-web/components/Blocks/DynamicContent/Overview/Friend/friend.module.css b/apps/scandic-web/components/Blocks/DynamicContent/Overview/Friend/friend.module.css index 57c5ae685..8f01b52a2 100644 --- a/apps/scandic-web/components/Blocks/DynamicContent/Overview/Friend/friend.module.css +++ b/apps/scandic-web/components/Blocks/DynamicContent/Overview/Friend/friend.module.css @@ -33,7 +33,7 @@ .membershipContainer { align-items: center; background: var(--Scandic-Brand-Burgundy); - border-radius: var(--Corner-radius-Small); + border-radius: var(--Corner-radius-sm); display: grid; grid-template-columns: 1fr; justify-items: center; 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 462f1475e..d43c14d84 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-Medium); + 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 5e595dfb7..85cad7daf 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-Medium); + border-radius: var(--Corner-radius-md); background-color: var(--Scandic-Brand-Pale-Peach); color: var(--Scandic-Peach-80); padding: var(--Spacing-x-half) var(--Spacing-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 b21c50e61..0dcc92cc1 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-Medium); + border-radius: var(--Corner-radius-md); } .mobileColumns { @@ -48,7 +48,7 @@ .columnHeader:nth-child(2) { padding-left: var(--Spacing-x1); - border-top-left-radius: var(--Corner-radius-Medium); + 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-Medium); + border-top-right-radius: var(--Corner-radius-md); } .columns { diff --git a/apps/scandic-web/components/Blocks/DynamicContent/Points/EarnAndBurn/JourneyTable/ClientTable/clientTable.module.css b/apps/scandic-web/components/Blocks/DynamicContent/Points/EarnAndBurn/JourneyTable/ClientTable/clientTable.module.css index b0205a813..afc051b4c 100644 --- a/apps/scandic-web/components/Blocks/DynamicContent/Points/EarnAndBurn/JourneyTable/ClientTable/clientTable.module.css +++ b/apps/scandic-web/components/Blocks/DynamicContent/Points/EarnAndBurn/JourneyTable/ClientTable/clientTable.module.css @@ -1,6 +1,6 @@ .container { overflow-x: auto; - border-radius: var(--Corner-radius-Small); + border-radius: var(--Corner-radius-sm); } .placeholder { @@ -13,6 +13,6 @@ @media screen and (min-width: 768px) { .container { - border-radius: var(--Corner-radius-Large); + border-radius: var(--Corner-radius-lg); } } 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 21d7724ab..ede2be4bb 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-Small); + border-radius: var(--Corner-radius-sm); } @media screen and (min-width: 768px) { .container { - border-radius: var(--Corner-radius-Large); + border-radius: var(--Corner-radius-lg); } } 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 ba158485d..2fa8b84db 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-Medium); + 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 e75630991..d6e7202dd 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-Small); + border-radius: var(--Corner-radius-sm); display: flex; flex-direction: column; gap: var(--Spacing-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 7b9567e4a..dc4b18b4a 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 @@ -36,7 +36,7 @@ .modal { background-color: var(--Base-Surface-Primary-light-Normal); - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); box-shadow: var(--modal-box-shadow); width: 100%; max-height: 90vh; @@ -119,7 +119,7 @@ } .rewardBadge { - border-radius: var(--Corner-radius-Small); + border-radius: var(--Corner-radius-sm); padding: var(--Spacing-x1) var(--Spacing-x-one-and-half); background: var(--Base-Surface-Secondary-light-Normal); display: grid; 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 ddbca4291..b01bd9d45 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 @@ -44,7 +44,7 @@ width: 100%; background-color: var(--Surface-Primary-On-Surface-Default); border: 1px solid var(--Border-Default); - border-radius: var(--Corner-radius-Medium); + 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; @@ -78,7 +78,7 @@ width: 100%; justify-content: space-between; border: 1px solid var(--Border-Divider-Accent); - border-radius: var(--Corner-radius-Small); + border-radius: var(--Corner-radius-sm); padding: var(--Spacing-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 d4297b609..f3f2edbcd 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(--Spacing-x3); padding: var(--Spacing-x3) var(--Spacing-x9); background-color: var(--Background-Secondary); - border-radius: var(--Corner-radius-Large); + border-radius: var(--Corner-radius-lg); box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.1); margin-top: var(--Spacing-x9); } @@ -100,7 +100,7 @@ display: block; position: absolute; background-color: var(--Border-Divider-Accent); - border-radius: var(--Corner-radius-Small); + 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-Small); + 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(--Spacing-x-half) var(--Spacing-x1); - border-radius: var(--Corner-radius-Small); + border-radius: var(--Corner-radius-sm); opacity: 0; transition: opacity 0.15s, @@ -226,7 +226,7 @@ } .pointsOutput { - border-radius: var(--Corner-radius-Medium); + 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/Previous/EmptyPreviousStays/emptyPreviousStays.module.css b/apps/scandic-web/components/Blocks/DynamicContent/Stays/Previous/EmptyPreviousStays/emptyPreviousStays.module.css index 3f4e2c305..7e31321b6 100644 --- a/apps/scandic-web/components/Blocks/DynamicContent/Stays/Previous/EmptyPreviousStays/emptyPreviousStays.module.css +++ b/apps/scandic-web/components/Blocks/DynamicContent/Stays/Previous/EmptyPreviousStays/emptyPreviousStays.module.css @@ -4,7 +4,7 @@ justify-content: center; align-items: center; background-color: var(--Scandic-Brand-Pale-Peach); - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); margin-bottom: var(--Spacing-x-half); height: 200px; } diff --git a/apps/scandic-web/components/Blocks/DynamicContent/Stays/Soonest/EmptyUpcomingStays/emptyUpcomingStays.module.css b/apps/scandic-web/components/Blocks/DynamicContent/Stays/Soonest/EmptyUpcomingStays/emptyUpcomingStays.module.css index e6c7a9872..108015d9a 100644 --- a/apps/scandic-web/components/Blocks/DynamicContent/Stays/Soonest/EmptyUpcomingStays/emptyUpcomingStays.module.css +++ b/apps/scandic-web/components/Blocks/DynamicContent/Stays/Soonest/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-Medium); + border-radius: var(--Corner-radius-md); min-height: 250px; margin-bottom: var(--Spacing-x-half); overflow: hidden; diff --git a/apps/scandic-web/components/Blocks/DynamicContent/Stays/StayCard/stay.module.css b/apps/scandic-web/components/Blocks/DynamicContent/Stays/StayCard/stay.module.css index eed38b0fc..a9347d144 100644 --- a/apps/scandic-web/components/Blocks/DynamicContent/Stays/StayCard/stay.module.css +++ b/apps/scandic-web/components/Blocks/DynamicContent/Stays/StayCard/stay.module.css @@ -1,6 +1,6 @@ .link { outline: 1px solid var(--Base-Border-Subtle); - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); overflow: hidden; position: relative; 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 e6c7a9872..108015d9a 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-Medium); + border-radius: var(--Corner-radius-md); min-height: 250px; margin-bottom: var(--Spacing-x-half); overflow: hidden; 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 5a7bf6f7d..064797ea9 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(--Base-Surface-Primary-light-Normal); border: 1px solid var(--Base-Border-Subtle); - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); overflow: hidden; } diff --git a/apps/scandic-web/components/Blocks/JoinScandicFriends/joinScandicFriends.module.css b/apps/scandic-web/components/Blocks/JoinScandicFriends/joinScandicFriends.module.css index 3f0809b0a..d2cf6e507 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-Large); + border-radius: var(--Corner-radius-lg); background-color: var(--Main-Brand-WarmWhite); padding: 0 var(--Spacing-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 004416c28..3cad8f412 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-Medium); + border-radius: var(--Corner-radius-md); overflow: hidden; list-style: none; } diff --git a/apps/scandic-web/components/Blocks/ShortcutsList/shortcutsList.module.css b/apps/scandic-web/components/Blocks/ShortcutsList/shortcutsList.module.css index 36802b324..3afcdecbe 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-Medium); + 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 805cb9935..ee1e165f6 100644 --- a/apps/scandic-web/components/Blocks/Table/table.module.css +++ b/apps/scandic-web/components/Blocks/Table/table.module.css @@ -1,6 +1,6 @@ .tableWrapper { display: grid; border: 1px solid var(--Base-Border-Subtle); - border-radius: var(--Corner-radius-Small); + border-radius: var(--Corner-radius-sm); overflow: hidden; } diff --git a/apps/scandic-web/components/BookingWidget/bookingWidget.module.css b/apps/scandic-web/components/BookingWidget/bookingWidget.module.css index 1b05bea40..18c2b44d3 100644 --- a/apps/scandic-web/components/BookingWidget/bookingWidget.module.css +++ b/apps/scandic-web/components/BookingWidget/bookingWidget.module.css @@ -20,13 +20,13 @@ .compact { .formContainer { - border-radius: var(--Corner-radius-Large); + border-radius: var(--Corner-radius-lg); } } @media screen and (max-width: 767px) { .formContainer { - border-radius: var(--Corner-radius-Large) var(--Corner-radius-Large) 0 0; + border-radius: var(--Corner-radius-lg) var(--Corner-radius-lg) 0 0; } } diff --git a/apps/scandic-web/components/Carousel/carousel.module.css b/apps/scandic-web/components/Carousel/carousel.module.css index e6735b794..3fc8ff4ce 100644 --- a/apps/scandic-web/components/Carousel/carousel.module.css +++ b/apps/scandic-web/components/Carousel/carousel.module.css @@ -51,7 +51,7 @@ .dot { height: 8px; width: 8px; - border-radius: var(--Corner-radius-Large); + border-radius: var(--Corner-radius-lg); background: var(--UI-Grey-40); transition: width 0.3s ease; } diff --git a/apps/scandic-web/components/ContentCard/contentCard.module.css b/apps/scandic-web/components/ContentCard/contentCard.module.css index 7eed58651..acbab9f99 100644 --- a/apps/scandic-web/components/ContentCard/contentCard.module.css +++ b/apps/scandic-web/components/ContentCard/contentCard.module.css @@ -5,13 +5,13 @@ .imageContainer { position: relative; aspect-ratio: 16/9; - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); overflow: hidden; transition: border-radius 0.3s ease-in-out; } .image { - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); transition: transform 0.3s ease-in-out, border-radius 0.3s ease-in-out; @@ -20,7 +20,7 @@ .card:hover, .card:hover .imageContainer, .card:hover .image { - border-radius: var(--Corner-radius-Large); + border-radius: var(--Corner-radius-lg); } .card:hover .image { diff --git a/apps/scandic-web/components/ContentType/DestinationPage/CityListing/CityListingItem/cityListingItem.module.css b/apps/scandic-web/components/ContentType/DestinationPage/CityListing/CityListingItem/cityListingItem.module.css index 3ed9fc905..8861d1c56 100644 --- a/apps/scandic-web/components/ContentType/DestinationPage/CityListing/CityListingItem/cityListingItem.module.css +++ b/apps/scandic-web/components/ContentType/DestinationPage/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-Medium); + border-radius: var(--Corner-radius-md); overflow: hidden; } 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 ecf186cfb..dad10e896 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(--Base-Surface-Primary-light-Normal); border: 1px solid var(--Base-Border-Subtle); - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); overflow: hidden; } @@ -33,7 +33,7 @@ gap: var(--Spacing-x-half); background-color: var(--Base-Surface-Primary-light-Normal); padding: var(--Spacing-x-quarter) var(--Spacing-x1); - border-radius: var(--Corner-radius-Small); + border-radius: var(--Corner-radius-sm); color: var(--Text-Interactive-Default); } 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 4441ab9b3..23a9843fb 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 @@ -2,7 +2,7 @@ display: grid; background-color: var(--Base-Surface-Primary-light-Normal); border: 1px solid var(--Base-Border-Subtle); - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); overflow: hidden; } 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 a35b2e14c..84df1ddfc 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-Medium); + border-radius: var(--Corner-radius-md); } .accordion { diff --git a/apps/scandic-web/components/ContentType/DestinationPage/DestinationOverviewPage/JumpTo/jumpTo.module.css b/apps/scandic-web/components/ContentType/DestinationPage/DestinationOverviewPage/JumpTo/jumpTo.module.css index fbcb5ed95..05a3d7f95 100644 --- a/apps/scandic-web/components/ContentType/DestinationPage/DestinationOverviewPage/JumpTo/jumpTo.module.css +++ b/apps/scandic-web/components/ContentType/DestinationPage/DestinationOverviewPage/JumpTo/jumpTo.module.css @@ -4,7 +4,7 @@ align-items: center; margin: 0 auto; width: 100%; - border-radius: var(--Corner-radius-Rounded); + border-radius: var(--Corner-radius-rounded); border: 1px solid var(--Border-Default); background: var(--Surface-Primary-Default); padding: var(--Space-x15) var(--Space-x15) var(--Space-x15) var(--Space-x3); diff --git a/apps/scandic-web/components/ContentType/DestinationPage/HotelListing/HotelListingItem/hotelListingItem.module.css b/apps/scandic-web/components/ContentType/DestinationPage/HotelListing/HotelListingItem/hotelListingItem.module.css index d25a9049f..d1ae96b35 100644 --- a/apps/scandic-web/components/ContentType/DestinationPage/HotelListing/HotelListingItem/hotelListingItem.module.css +++ b/apps/scandic-web/components/ContentType/DestinationPage/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-Medium); + border-radius: var(--Corner-radius-md); overflow: hidden; } @@ -27,7 +27,7 @@ gap: var(--Spacing-x-half); background-color: var(--Base-Surface-Primary-light-Normal); padding: var(--Spacing-x-quarter) var(--Spacing-x1); - border-radius: var(--Corner-radius-Small); + border-radius: var(--Corner-radius-sm); color: var(--Text-Interactive-Default); } 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 861b56acd..7ee18c5bb 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 @@ -18,7 +18,7 @@ .imageContainer { position: relative; min-width: 177px; - border-radius: var(--Corner-radius-Medium) 0 0 var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md) 0 0 var(--Corner-radius-md); overflow: hidden; } @@ -30,7 +30,7 @@ position: absolute; left: 7px; top: 7px; - border-radius: var(--Corner-radius-Small); + 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 b1e9d2463..4fd6cab56 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-Medium); + 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/ClusterMarker/clusterMarker.module.css b/apps/scandic-web/components/ContentType/DestinationPage/Map/MapContent/ClusterMarker/clusterMarker.module.css index 3858dfd0f..474072fc5 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/StaticMap/staticMap.module.css b/apps/scandic-web/components/ContentType/DestinationPage/StaticMap/staticMap.module.css index 089974c2b..bbb6a4e1b 100644 --- a/apps/scandic-web/components/ContentType/DestinationPage/StaticMap/staticMap.module.css +++ b/apps/scandic-web/components/ContentType/DestinationPage/StaticMap/staticMap.module.css @@ -8,7 +8,7 @@ } .mapWrapper img { - border-radius: var(--Corner-radius-Large); + border-radius: var(--Corner-radius-lg); overflow: hidden; } 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 b93e71563..f956d3186 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-Medium); + 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 4662acd3b..fd188b116 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-Medium); + border-radius: var(--Corner-radius-md); cursor: pointer; text-align: left; transition: background-color 0.3s; @@ -69,7 +69,7 @@ transition: bottom 0.3s, top 0.3s; - border-radius: var(--Corner-radius-Large) var(--Corner-radius-Large) 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 7c2119cdd..84007829d 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(--Base-Surface-Subtle-Normal); - border-radius: var(--Corner-radius-Large); + border-radius: var(--Corner-radius-lg); padding: var(--Spacing-x3) var(--Spacing-x3) var(--Spacing-x-one-and-half) var(--Spacing-x3); display: grid; 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 79b6c1603..98ac4ce9a 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(--Base-Surface-Primary-light-Normal); padding: var(--Spacing-x2); - border-top-left-radius: var(--Corner-radius-Medium); - border-top-right-radius: var(--Corner-radius-Medium); + 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/PreviewImages/previewImages.module.css b/apps/scandic-web/components/ContentType/HotelPage/PreviewImages/previewImages.module.css index 07d52bcda..543bcc0e5 100644 --- a/apps/scandic-web/components/ContentType/HotelPage/PreviewImages/previewImages.module.css +++ b/apps/scandic-web/components/ContentType/HotelPage/PreviewImages/previewImages.module.css @@ -13,7 +13,7 @@ border-width: 0; background-color: transparent; cursor: pointer; - border-radius: var(--Corner-radius-Small); + border-radius: var(--Corner-radius-sm); overflow: hidden; } 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 6e43c8936..8ffacb63d 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-Medium); + border-radius: var(--Corner-radius-md); background-color: var(--UI-Opacity-White-100); border: 1px solid var(--Base-Border-Subtle); display: grid; diff --git a/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/MeetingsAndConferences/meetingsAndConferences.module.css b/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/MeetingsAndConferences/meetingsAndConferences.module.css index ab19b9748..4d581712e 100644 --- a/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/MeetingsAndConferences/meetingsAndConferences.module.css +++ b/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/MeetingsAndConferences/meetingsAndConferences.module.css @@ -10,7 +10,7 @@ width: 100%; height: 300px; object-fit: cover; - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); } .secondaryImage { diff --git a/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/RestaurantBar/RestaurantBarItem/restaurantBarItem.module.css b/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/RestaurantBar/RestaurantBarItem/restaurantBarItem.module.css index afeff635e..ec2b3859c 100644 --- a/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/RestaurantBar/RestaurantBarItem/restaurantBarItem.module.css +++ b/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/RestaurantBar/RestaurantBarItem/restaurantBarItem.module.css @@ -26,7 +26,7 @@ } .image { - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); overflow: hidden; width: 100%; object-fit: cover; 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 87843f876..52b00e011 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 @@ -22,7 +22,7 @@ .imageContainer { position: relative; - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); overflow: hidden; } diff --git a/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/WellnessAndExercise/Facility/facility.module.css b/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/WellnessAndExercise/Facility/facility.module.css index 7aba30255..ddd96a5f4 100644 --- a/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/WellnessAndExercise/Facility/facility.module.css +++ b/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/WellnessAndExercise/Facility/facility.module.css @@ -8,7 +8,7 @@ width: 100%; height: 270px; object-fit: cover; - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); } .information { diff --git a/apps/scandic-web/components/ContentType/StartPage/InfoCard/infoCard.module.css b/apps/scandic-web/components/ContentType/StartPage/InfoCard/infoCard.module.css index 18057a933..db6ea567a 100644 --- a/apps/scandic-web/components/ContentType/StartPage/InfoCard/infoCard.module.css +++ b/apps/scandic-web/components/ContentType/StartPage/InfoCard/infoCard.module.css @@ -8,7 +8,7 @@ overflow: hidden; width: 100%; height: 179px; /* Exact mobile height from Figma */ - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); } .imageContainer { diff --git a/apps/scandic-web/components/DatePicker/date-picker.module.css b/apps/scandic-web/components/DatePicker/date-picker.module.css index 202b86c62..b57a68b96 100644 --- a/apps/scandic-web/components/DatePicker/date-picker.module.css +++ b/apps/scandic-web/components/DatePicker/date-picker.module.css @@ -45,20 +45,20 @@ } .container[data-isopen="true"] .hideWrapper { - border-radius: var(--Corner-radius-Large) var(--Corner-radius-Large) 0 0; + border-radius: var(--Corner-radius-lg) var(--Corner-radius-lg) 0 0; top: 20px; } } @media screen and (min-width: 1367px) { .hideWrapper { - border-radius: var(--Corner-radius-Large); + border-radius: var(--Corner-radius-lg); box-shadow: var(--popup-box-shadow); padding: var(--Spacing-x2) var(--Spacing-x3); position: absolute; - /** - BookingWidget padding + - border-width + + /** + BookingWidget padding + + border-width + wanted space below booking widget */ top: calc(100% + var(--Spacing-x1) + 1px + var(--Spacing-x4)); diff --git a/apps/scandic-web/components/DeprecatedJsonToHtml/jsontohtml.module.css b/apps/scandic-web/components/DeprecatedJsonToHtml/jsontohtml.module.css index 94e27d4b8..afc508078 100644 --- a/apps/scandic-web/components/DeprecatedJsonToHtml/jsontohtml.module.css +++ b/apps/scandic-web/components/DeprecatedJsonToHtml/jsontohtml.module.css @@ -3,7 +3,7 @@ width: 100%; height: 365px; object-fit: cover; - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); margin: var(--Spacing-x1) var(--Spacing-x0); } 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 392b71d7a..33abec680 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(--Spacing-x-one-and-half); padding: var(--Spacing-x1) var(--Spacing-x-one-and-half); cursor: pointer; - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); transition: background-color 0.3s; } @@ -17,7 +17,7 @@ height: 24px; min-width: 24px; border: 1px solid var(--UI-Input-Controls-Border-Normal); - border-radius: var(--Corner-radius-Small); + border-radius: var(--Corner-radius-sm); transition: all 0.3s; display: flex; align-items: center; diff --git a/apps/scandic-web/components/DestinationFilterAndSort/destinationFilterAndSort.module.css b/apps/scandic-web/components/DestinationFilterAndSort/destinationFilterAndSort.module.css index 596fc339c..08bed3a5d 100644 --- a/apps/scandic-web/components/DestinationFilterAndSort/destinationFilterAndSort.module.css +++ b/apps/scandic-web/components/DestinationFilterAndSort/destinationFilterAndSort.module.css @@ -11,7 +11,7 @@ .dialog { width: min(80dvw, 960px); - border-radius: var(--Corner-radius-Large); + 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; @@ -33,7 +33,7 @@ .badge { background-color: var(--Base-Text-Accent); - border-radius: var(--Corner-radius-xLarge); + border-radius: var(--Corner-radius-xl); width: 20px; height: 20px; color: var(--Base-Surface-Primary-light-Normal); diff --git a/apps/scandic-web/components/Dialog/dialog.module.css b/apps/scandic-web/components/Dialog/dialog.module.css index d74a86d83..8b6a120f9 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-Medium); + 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/BookingWidget/FormContent/BookingCode/booking-code.module.css b/apps/scandic-web/components/Forms/BookingWidget/FormContent/BookingCode/booking-code.module.css index 03cf14731..e422d18ca 100644 --- a/apps/scandic-web/components/Forms/BookingWidget/FormContent/BookingCode/booking-code.module.css +++ b/apps/scandic-web/components/Forms/BookingWidget/FormContent/BookingCode/booking-code.module.css @@ -7,7 +7,7 @@ .bookingCode { height: 60px; background-color: var(--Base-Background-Primary-Normal); - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); padding: var(--Spacing-x1) var(--Spacing-x-one-and-half); } @@ -101,7 +101,7 @@ .container:focus-within, .container:has([data-focused="true"], [data-pressed="true"]) { background-color: var(--Base-Surface-Primary-light-Hover-alt); - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); } .bookingCodeRememberVisible { diff --git a/apps/scandic-web/components/Forms/BookingWidget/FormContent/Search/SearchList/ClearSearchButton/button.module.css b/apps/scandic-web/components/Forms/BookingWidget/FormContent/Search/SearchList/ClearSearchButton/button.module.css index d6da12b1b..8538870f2 100644 --- a/apps/scandic-web/components/Forms/BookingWidget/FormContent/Search/SearchList/ClearSearchButton/button.module.css +++ b/apps/scandic-web/components/Forms/BookingWidget/FormContent/Search/SearchList/ClearSearchButton/button.module.css @@ -1,7 +1,7 @@ .button { align-items: center; border: none; - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); cursor: pointer; display: flex; gap: var(--Spacing-x-half); diff --git a/apps/scandic-web/components/Forms/BookingWidget/FormContent/Search/SearchList/Dialog/dialog.module.css b/apps/scandic-web/components/Forms/BookingWidget/FormContent/Search/SearchList/Dialog/dialog.module.css index 5b8ee04b5..645bd8498 100644 --- a/apps/scandic-web/components/Forms/BookingWidget/FormContent/Search/SearchList/Dialog/dialog.module.css +++ b/apps/scandic-web/components/Forms/BookingWidget/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-Large); + border-radius: var(--Corner-radius-lg); display: flex; flex-direction: column; @@ -31,10 +31,10 @@ .dialog { position: absolute; width: 360px; - /** - * var(--Spacing-x4) to account for padding inside + /** + * var(--Spacing-x4) to account for padding inside * the bookingwidget and to add the padding for the - * box itself + * box itself */ top: calc(100% + var(--Spacing-x4)); z-index: 99; diff --git a/apps/scandic-web/components/Forms/BookingWidget/FormContent/Search/SearchList/List/ListItem/listItem.module.css b/apps/scandic-web/components/Forms/BookingWidget/FormContent/Search/SearchList/List/ListItem/listItem.module.css index 978abcab2..70fbcb01a 100644 --- a/apps/scandic-web/components/Forms/BookingWidget/FormContent/Search/SearchList/List/ListItem/listItem.module.css +++ b/apps/scandic-web/components/Forms/BookingWidget/FormContent/Search/SearchList/List/ListItem/listItem.module.css @@ -1,5 +1,5 @@ .listItem { - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); cursor: pointer; padding: var(--Spacing-x1); } diff --git a/apps/scandic-web/components/Forms/BookingWidget/FormContent/Search/search.module.css b/apps/scandic-web/components/Forms/BookingWidget/FormContent/Search/search.module.css index e79a088eb..356b60970 100644 --- a/apps/scandic-web/components/Forms/BookingWidget/FormContent/Search/search.module.css +++ b/apps/scandic-web/components/Forms/BookingWidget/FormContent/Search/search.module.css @@ -2,7 +2,7 @@ border-color: transparent; border-style: solid; border-width: 1px; - border-radius: var(--Corner-radius-Small); + border-radius: var(--Corner-radius-sm); padding: var(--Spacing-x1) var(--Spacing-x-one-and-half); 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-Intense); - border-radius: var(--Corner-radius-Rounded); + border-radius: var(--Corner-radius-rounded); height: auto; } diff --git a/apps/scandic-web/components/Forms/BookingWidget/FormContent/formContent.module.css b/apps/scandic-web/components/Forms/BookingWidget/FormContent/formContent.module.css index 2878fc9a1..3f33084ef 100644 --- a/apps/scandic-web/components/Forms/BookingWidget/FormContent/formContent.module.css +++ b/apps/scandic-web/components/Forms/BookingWidget/FormContent/formContent.module.css @@ -41,7 +41,7 @@ .when, .where { background-color: var(--Base-Background-Primary-Normal); - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); } .rooms, @@ -97,7 +97,7 @@ .rooms, .when { padding: var(--Spacing-x1) var(--Spacing-x-one-and-half); - border-radius: var(--Corner-radius-Small); + border-radius: var(--Corner-radius-sm); } .when:hover, diff --git a/apps/scandic-web/components/Forms/BookingWidget/form.module.css b/apps/scandic-web/components/Forms/BookingWidget/form.module.css index 17d9d7987..21afff554 100644 --- a/apps/scandic-web/components/Forms/BookingWidget/form.module.css +++ b/apps/scandic-web/components/Forms/BookingWidget/form.module.css @@ -22,7 +22,7 @@ @media screen and (min-width: 768px) { .default { - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); } } diff --git a/apps/scandic-web/components/GuestsRoomsPicker/guests-rooms-picker.module.css b/apps/scandic-web/components/GuestsRoomsPicker/guests-rooms-picker.module.css index 10b52b6c0..95b253eea 100644 --- a/apps/scandic-web/components/GuestsRoomsPicker/guests-rooms-picker.module.css +++ b/apps/scandic-web/components/GuestsRoomsPicker/guests-rooms-picker.module.css @@ -6,7 +6,7 @@ --header-height: 72px; --sticky-button-height: 140px; background-color: var(--Main-Grey-White); - border-radius: var(--Corner-radius-Large) var(--Corner-radius-Large) 0 0; + border-radius: var(--Corner-radius-lg) var(--Corner-radius-lg) 0 0; bottom: 0; left: 0; position: fixed; @@ -130,7 +130,7 @@ padding: var(--Spacing-x1) var(--Spacing-x2); background-color: var(--Base-Background-Primary-Normal); margin: 0 var(--Spacing-x2); - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); display: flex; gap: var(--Spacing-x1); } @@ -176,7 +176,7 @@ background-color: var(--Main-Grey-White); display: grid; - border-radius: var(--Corner-radius-Large); + border-radius: var(--Corner-radius-lg); box-shadow: var(--popup-box-shadow); max-width: calc(100vw - 20px); padding: var(--Spacing-x2) var(--Spacing-x3); diff --git a/apps/scandic-web/components/Header/MainMenu/Avatar/avatar.module.css b/apps/scandic-web/components/Header/MainMenu/Avatar/avatar.module.css index 175254b5a..577b720d2 100644 --- a/apps/scandic-web/components/Header/MainMenu/Avatar/avatar.module.css +++ b/apps/scandic-web/components/Header/MainMenu/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); width: 2rem; height: 2rem; background-color: var(--UI-Grey-40); 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 5127fab9f..0c977b1e1 100644 --- a/apps/scandic-web/components/Header/MainMenu/MyPagesMenu/myPagesMenu.module.css +++ b/apps/scandic-web/components/Header/MainMenu/MyPagesMenu/myPagesMenu.module.css @@ -22,7 +22,7 @@ ); /* 3.5rem is the height of the main menu + bottom padding. */ right: 0; background-color: var(--Base-Surface-Primary-light-Normal); - border-radius: var(--Corner-radius-Large); + 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 39f60f154..f3f83ed04 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 @@ -49,7 +49,7 @@ ); /* 3.5rem is the height of the main menu + bottom padding. */ left: 50%; transform: translateX(-50%); - border-radius: var(--Corner-radius-Large); + border-radius: var(--Corner-radius-lg); box-shadow: var(--popup-box-shadow); } .dropdown.isExpanded { diff --git a/apps/scandic-web/components/Hero/hero.module.css b/apps/scandic-web/components/Hero/hero.module.css index 4ba53fa9f..c468f9d57 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(--Spacing-x2); width: 100%; object-fit: cover; - border-radius: var(--Corner-radius-xLarge); + border-radius: var(--Corner-radius-xl); margin: 0; } diff --git a/apps/scandic-web/components/HotelReservation/BookingConfirmation/Header/header.module.css b/apps/scandic-web/components/HotelReservation/BookingConfirmation/Header/header.module.css index ebf136448..e33a4272a 100644 --- a/apps/scandic-web/components/HotelReservation/BookingConfirmation/Header/header.module.css +++ b/apps/scandic-web/components/HotelReservation/BookingConfirmation/Header/header.module.css @@ -18,7 +18,7 @@ } .actions { - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); display: grid; grid-area: actions; justify-content: flex-start; diff --git a/apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/LinkedReservation/linkedReservationCardSkeleton.module.css b/apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/LinkedReservation/linkedReservationCardSkeleton.module.css index 1e0a6f4cd..eaad24255 100644 --- a/apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/LinkedReservation/linkedReservationCardSkeleton.module.css +++ b/apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/LinkedReservation/linkedReservationCardSkeleton.module.css @@ -6,7 +6,7 @@ .content { background-color: var(--Base-Background-Primary-Normal); - border-radius: var(--Corner-radius-Large); + border-radius: var(--Corner-radius-lg); display: grid; gap: var(--Spacing-x2); padding: var(--Spacing-x2) var(--Spacing-x2) var(--Spacing-x3) @@ -14,7 +14,7 @@ } .img { - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); overflow: hidden; } diff --git a/apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/LinkedReservation/retry.module.css b/apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/LinkedReservation/retry.module.css index 225c72bcd..fb43582e3 100644 --- a/apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/LinkedReservation/retry.module.css +++ b/apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/LinkedReservation/retry.module.css @@ -1,6 +1,6 @@ .retry { background-color: var(--Base-Background-Primary-Normal); - border-radius: var(--Corner-radius-Large); + border-radius: var(--Corner-radius-lg); display: flex; flex-direction: column; gap: var(--Spacing-x2); diff --git a/apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/Room/index.tsx b/apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/Room/index.tsx index c5839a707..dcfc43f01 100644 --- a/apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/Room/index.tsx +++ b/apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/Room/index.tsx @@ -106,7 +106,7 @@ export default function Room({ focalPoint={{ x: 50, y: 50 }} height={204} src={img.imageSizes.medium} - style={{ borderRadius: "var(--Corner-radius-Medium)" }} + style={{ borderRadius: "var(--Corner-radius-md)" }} title={img.metaData.title} width={204} /> diff --git a/apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/Room/room.module.css b/apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/Room/room.module.css index cb4afb4d2..da4dd92aa 100644 --- a/apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/Room/room.module.css +++ b/apps/scandic-web/components/HotelReservation/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-Medium); + border-radius: var(--Corner-radius-md); display: flex; gap: var(--Spacing-x1); padding: var(--Spacing-x1) var(--Spacing-x-one-and-half); @@ -26,7 +26,7 @@ .booking { background-color: var(--Base-Background-Primary-Normal); - border-radius: var(--Corner-radius-Large); + border-radius: var(--Corner-radius-lg); display: grid; gap: var(--Spacing-x2); padding: var(--Spacing-x2) var(--Spacing-x2) var(--Spacing-x3) diff --git a/apps/scandic-web/components/HotelReservation/EnterDetails/Confirm/confirm.module.css b/apps/scandic-web/components/HotelReservation/EnterDetails/Confirm/confirm.module.css index caf910d11..ac5077656 100644 --- a/apps/scandic-web/components/HotelReservation/EnterDetails/Confirm/confirm.module.css +++ b/apps/scandic-web/components/HotelReservation/EnterDetails/Confirm/confirm.module.css @@ -16,7 +16,7 @@ flex-direction: column; gap: var(--Spacing-x-one-and-half); background-color: var(--Base-Surface-Primary-light-Normal); - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); padding: var(--Spacing-x-one-and-half) var(--Spacing-x2); width: min(512px, 100%); } diff --git a/apps/scandic-web/components/HotelReservation/EnterDetails/Details/Multiroom/JoinScandicFriendsCard/joinScandicFriendsCard.module.css b/apps/scandic-web/components/HotelReservation/EnterDetails/Details/Multiroom/JoinScandicFriendsCard/joinScandicFriendsCard.module.css index 3ab67215b..99ccb1381 100644 --- a/apps/scandic-web/components/HotelReservation/EnterDetails/Details/Multiroom/JoinScandicFriendsCard/joinScandicFriendsCard.module.css +++ b/apps/scandic-web/components/HotelReservation/EnterDetails/Details/Multiroom/JoinScandicFriendsCard/joinScandicFriendsCard.module.css @@ -2,7 +2,7 @@ align-self: flex-start; background-color: var(--Base-Surface-Primary-light-Normal); border: 1px solid var(--Base-Border-Subtle); - border-radius: var(--Corner-radius-Large); + border-radius: var(--Corner-radius-lg); display: grid; gap: var(--Spacing-x-one-and-half); padding: var(--Spacing-x-one-and-half) var(--Spacing-x2); diff --git a/apps/scandic-web/components/HotelReservation/EnterDetails/Details/RoomOne/JoinScandicFriendsCard/joinScandicFriendsCard.module.css b/apps/scandic-web/components/HotelReservation/EnterDetails/Details/RoomOne/JoinScandicFriendsCard/joinScandicFriendsCard.module.css index 507633fe4..228a86a25 100644 --- a/apps/scandic-web/components/HotelReservation/EnterDetails/Details/RoomOne/JoinScandicFriendsCard/joinScandicFriendsCard.module.css +++ b/apps/scandic-web/components/HotelReservation/EnterDetails/Details/RoomOne/JoinScandicFriendsCard/joinScandicFriendsCard.module.css @@ -2,7 +2,7 @@ align-self: flex-start; background-color: var(--Base-Surface-Primary-light-Normal); border: 1px solid var(--Base-Border-Subtle); - border-radius: var(--Corner-radius-Large); + border-radius: var(--Corner-radius-lg); display: grid; gap: var(--Spacing-x-one-and-half); padding: var(--Spacing-x-one-and-half) var(--Spacing-x2); diff --git a/apps/scandic-web/components/HotelReservation/EnterDetails/Payment/MixedRatePaymentBreakdown/mixedRatePaymentBreakdown.module.css b/apps/scandic-web/components/HotelReservation/EnterDetails/Payment/MixedRatePaymentBreakdown/mixedRatePaymentBreakdown.module.css index 94e2f12c8..e331e078c 100644 --- a/apps/scandic-web/components/HotelReservation/EnterDetails/Payment/MixedRatePaymentBreakdown/mixedRatePaymentBreakdown.module.css +++ b/apps/scandic-web/components/HotelReservation/EnterDetails/Payment/MixedRatePaymentBreakdown/mixedRatePaymentBreakdown.module.css @@ -10,7 +10,7 @@ background-color: var(--Scandic-Blue-00); padding: var(--Spacing-x-one-and-half); border: 1px solid rgba(0, 0, 0, 0.05); - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); } .cardTitle { diff --git a/apps/scandic-web/components/HotelReservation/EnterDetails/PriceChangeDialog/priceChangeDialog.module.css b/apps/scandic-web/components/HotelReservation/EnterDetails/PriceChangeDialog/priceChangeDialog.module.css index a31f493ad..e235f1d66 100644 --- a/apps/scandic-web/components/HotelReservation/EnterDetails/PriceChangeDialog/priceChangeDialog.module.css +++ b/apps/scandic-web/components/HotelReservation/EnterDetails/PriceChangeDialog/priceChangeDialog.module.css @@ -52,8 +52,8 @@ .dialog { background-color: var(--Scandic-Brand-Pale-Peach); - border-top-left-radius: var(--Corner-radius-Medium); - border-top-right-radius: var(--Corner-radius-Medium); + border-top-left-radius: var(--Corner-radius-md); + border-top-right-radius: var(--Corner-radius-md); box-shadow: var(--modal-box-shadow); display: flex; @@ -97,7 +97,7 @@ } .dialog { - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); padding: var(--Spacing-x6); width: fit-content; } diff --git a/apps/scandic-web/components/HotelReservation/EnterDetails/Summary/UI/ui.module.css b/apps/scandic-web/components/HotelReservation/EnterDetails/Summary/UI/ui.module.css index 66785ae67..32f4efb8d 100644 --- a/apps/scandic-web/components/HotelReservation/EnterDetails/Summary/UI/ui.module.css +++ b/apps/scandic-web/components/HotelReservation/EnterDetails/Summary/UI/ui.module.css @@ -1,5 +1,5 @@ .summary { - border-radius: var(--Corner-radius-Large); + border-radius: var(--Corner-radius-lg); display: flex; flex-direction: column; gap: var(--Spacing-x2); diff --git a/apps/scandic-web/components/HotelReservation/HotelCard/HotelCardSkeleton.module.css b/apps/scandic-web/components/HotelReservation/HotelCard/HotelCardSkeleton.module.css index 1d757cebf..9dc1c12ed 100644 --- a/apps/scandic-web/components/HotelReservation/HotelCard/HotelCardSkeleton.module.css +++ b/apps/scandic-web/components/HotelReservation/HotelCard/HotelCardSkeleton.module.css @@ -3,7 +3,7 @@ display: flex; flex-direction: column; background-color: #fff; - border-radius: var(--Corner-radius-Large); + border-radius: var(--Corner-radius-lg); border: 1px solid var(--Base-Border-Subtle); position: relative; height: 100%; diff --git a/apps/scandic-web/components/HotelReservation/HotelCard/HotelChequeCard/hotelChequeCard.module.css b/apps/scandic-web/components/HotelReservation/HotelCard/HotelChequeCard/hotelChequeCard.module.css index 582d9787f..9e6a20a6d 100644 --- a/apps/scandic-web/components/HotelReservation/HotelCard/HotelChequeCard/hotelChequeCard.module.css +++ b/apps/scandic-web/components/HotelReservation/HotelCard/HotelChequeCard/hotelChequeCard.module.css @@ -1,7 +1,7 @@ .chequeCard { padding: var(--Spacing-x-one-and-half); background-color: var(--Base-Surface-Secondary-light-Normal); - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); margin: 0; width: 100%; display: grid; diff --git a/apps/scandic-web/components/HotelReservation/HotelCard/HotelPriceCard/hotelPriceCard.module.css b/apps/scandic-web/components/HotelReservation/HotelCard/HotelPriceCard/hotelPriceCard.module.css index 2b129d6a0..2ba0f3ca4 100644 --- a/apps/scandic-web/components/HotelReservation/HotelCard/HotelPriceCard/hotelPriceCard.module.css +++ b/apps/scandic-web/components/HotelReservation/HotelCard/HotelPriceCard/hotelPriceCard.module.css @@ -1,7 +1,7 @@ .priceCard { padding: var(--Spacing-x-one-and-half); background-color: var(--Base-Surface-Secondary-light-Normal); - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); margin: 0; width: 100%; } diff --git a/apps/scandic-web/components/HotelReservation/HotelCard/HotelVoucherCard/hotelVoucherCard.module.css b/apps/scandic-web/components/HotelReservation/HotelCard/HotelVoucherCard/hotelVoucherCard.module.css index 09d8f1b1e..99956429c 100644 --- a/apps/scandic-web/components/HotelReservation/HotelCard/HotelVoucherCard/hotelVoucherCard.module.css +++ b/apps/scandic-web/components/HotelReservation/HotelCard/HotelVoucherCard/hotelVoucherCard.module.css @@ -1,7 +1,7 @@ .voucherCard { padding: var(--Spacing-x-one-and-half); background-color: var(--Base-Surface-Secondary-light-Normal); - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); margin: 0; width: 100%; } diff --git a/apps/scandic-web/components/HotelReservation/HotelCard/NoPriceAvailableCard/noPriceAvailable.module.css b/apps/scandic-web/components/HotelReservation/HotelCard/NoPriceAvailableCard/noPriceAvailable.module.css index 6f3124b12..39984359b 100644 --- a/apps/scandic-web/components/HotelReservation/HotelCard/NoPriceAvailableCard/noPriceAvailable.module.css +++ b/apps/scandic-web/components/HotelReservation/HotelCard/NoPriceAvailableCard/noPriceAvailable.module.css @@ -1,7 +1,7 @@ .priceCard { padding: var(--Spacing-x-one-and-half); background-color: var(--Base-Surface-Secondary-light-Normal); - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); margin: 0; width: 100%; } diff --git a/apps/scandic-web/components/HotelReservation/HotelCard/hotelCard.module.css b/apps/scandic-web/components/HotelReservation/HotelCard/hotelCard.module.css index 695bab45a..f948ee7d0 100644 --- a/apps/scandic-web/components/HotelReservation/HotelCard/hotelCard.module.css +++ b/apps/scandic-web/components/HotelReservation/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-Medium); + border-radius: var(--Corner-radius-md); width: 100%; overflow: hidden; } @@ -94,7 +94,7 @@ .pointsCard { background-color: var(--Base-Surface-Secondary-light-Normal); padding: var(--Spacing-x-one-and-half); - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); } @media screen and (min-width: 768px) and (max-width: 1024px) { diff --git a/apps/scandic-web/components/HotelReservation/HotelCardDialog/HotelCardDialogImage/hotelCardDialogImage.module.css b/apps/scandic-web/components/HotelReservation/HotelCardDialog/HotelCardDialogImage/hotelCardDialogImage.module.css index fb6232144..711ab7fda 100644 --- a/apps/scandic-web/components/HotelReservation/HotelCardDialog/HotelCardDialogImage/hotelCardDialogImage.module.css +++ b/apps/scandic-web/components/HotelReservation/HotelCardDialog/HotelCardDialogImage/hotelCardDialogImage.module.css @@ -18,7 +18,7 @@ .imageContainer { position: relative; min-width: 177px; - border-radius: var(--Corner-radius-Medium) 0 0 var(--Corner-radius-Medium); + 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-Medium); + border-radius: var(--Corner-radius-md); } .imageContainer img { diff --git a/apps/scandic-web/components/HotelReservation/HotelCardDialog/hotelCardDialog.module.css b/apps/scandic-web/components/HotelReservation/HotelCardDialog/hotelCardDialog.module.css index ab3fc4f42..4079bda17 100644 --- a/apps/scandic-web/components/HotelReservation/HotelCardDialog/hotelCardDialog.module.css +++ b/apps/scandic-web/components/HotelReservation/HotelCardDialog/hotelCardDialog.module.css @@ -9,7 +9,7 @@ .dialogContainer { border: 1px solid var(--Base-Border-Subtle); - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); min-width: 402px; background: var(--Base-Surface-Primary-light-Normal); box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.1); @@ -98,7 +98,7 @@ } .priceCard { - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); padding: var(--Spacing-x-half) var(--Spacing-x1); background: var(--Base-Surface-Secondary-light-Normal); margin-top: var(--Spacing-x1); diff --git a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/PriceDetails/priceDetails.module.css b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/PriceDetails/priceDetails.module.css index 2f70604d6..a1f921ee4 100644 --- a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/PriceDetails/priceDetails.module.css +++ b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/PriceDetails/priceDetails.module.css @@ -5,7 +5,7 @@ gap: var(--Spacing-x1); padding: var(--Spacing-x-one-and-half); background-color: var(--Base-Surface-Secondary-light-Normal); - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); } .totalPriceInclVAT { diff --git a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/Steps/ConfirmationStep/confirmationStep.module.css b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/Steps/ConfirmationStep/confirmationStep.module.css index 479d52236..483d8d1a1 100644 --- a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/Steps/ConfirmationStep/confirmationStep.module.css +++ b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/Steps/ConfirmationStep/confirmationStep.module.css @@ -15,7 +15,7 @@ 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-Medium); + border-radius: var(--Corner-radius-md); } .totalPoints { diff --git a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/Steps/DeliveryDetailsStep/deliveryDetailsStep.module.css b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/Steps/DeliveryDetailsStep/deliveryDetailsStep.module.css index d81e7a017..f068c5505 100644 --- a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/Steps/DeliveryDetailsStep/deliveryDetailsStep.module.css +++ b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/Steps/DeliveryDetailsStep/deliveryDetailsStep.module.css @@ -5,7 +5,7 @@ padding: var(--Space-x3); margin-bottom: var(--Space-x05); background-color: var(--Base-Background-Primary-Normal); - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); } .select { diff --git a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/Steps/SelectAncillaryStep/selectAncillaryStep.module.css b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/Steps/SelectAncillaryStep/selectAncillaryStep.module.css index 01a60d05c..032cf202c 100644 --- a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/Steps/SelectAncillaryStep/selectAncillaryStep.module.css +++ b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/Steps/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/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/Steps/SelectQuantityStep/selectQuantityStep.module.css b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/Steps/SelectQuantityStep/selectQuantityStep.module.css index e75529584..628069045 100644 --- a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/Steps/SelectQuantityStep/selectQuantityStep.module.css +++ b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/Steps/SelectQuantityStep/selectQuantityStep.module.css @@ -10,7 +10,7 @@ gap: var(--Space-x1); padding: var(--Space-x2) var(--Space-x3); background-color: var(--Surface-Primary-OnSurface-Default); - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); margin-bottom: var(--Spacing-x1); } @@ -27,7 +27,7 @@ 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-Medium); + border-radius: var(--Corner-radius-md); } .totalPoints { diff --git a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/addAncillaryFlowModal.module.css b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/addAncillaryFlowModal.module.css index a746d0fff..11f519f7b 100644 --- a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/addAncillaryFlowModal.module.css +++ b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/addAncillaryFlowModal.module.css @@ -37,7 +37,7 @@ display: flex; flex-direction: column; justify-content: space-between; - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); background: var(--Surface-Primary-OnSurface-Default); padding-bottom: var(--Space-x15); margin-top: var(--Space-x2); 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 428e927a9..6b36ddd2b 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(--Base-Background-Primary-Normal); - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); display: flex; flex-direction: column; gap: var(--Spacing-x1); @@ -41,7 +41,7 @@ display: none; padding: var(--Spacing-x2); background-color: var(--Base-Background-Primary-Normal); - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); flex-direction: column; gap: var(--Spacing-x1); } 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 2ab94bdf2..8261575f2 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-Medium); + 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 96e802e9e..6e32204c2 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(--Spacing-x3) 0; - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); gap: var(--Spacing-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 2faa3b81b..ab721a46b 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-Large); - border-top-right-radius: var(--Corner-radius-Large); + 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-Large); + 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 7aea57299..4c65d57d7 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(--Base-Background-Primary-Normal); padding: var(--Spacing-x2) var(--Spacing-x1) var(--Spacing-x3); - border-radius: var(--Corner-radius-Medium); + 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 59fd94b40..ab17a03fe 100644 --- a/apps/scandic-web/components/HotelReservation/MyStay/Promo/promo.module.css +++ b/apps/scandic-web/components/HotelReservation/MyStay/Promo/promo.module.css @@ -58,7 +58,7 @@ @media (min-width: 768px) { .promo { - border-radius: var(--Corner-radius-xLarge); + 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 70132740a..43c41f62d 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); border: 1px solid rgba(0, 0, 0, 0.05); - border-radius: var(--Corner-radius-Medium); + 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/NotCancelled/ManageStay/Actions/CancelStay/cancelStay.module.css b/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/NotCancelled/ManageStay/Actions/CancelStay/cancelStay.module.css index 9b6862580..186fa5c77 100644 --- a/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/NotCancelled/ManageStay/Actions/CancelStay/cancelStay.module.css +++ b/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/NotCancelled/ManageStay/Actions/CancelStay/cancelStay.module.css @@ -18,7 +18,7 @@ display: flex; padding: var(--Spacing-x2); background-color: var(--Base-Background-Primary-Normal); - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); align-items: center; gap: var(--Spacing-x1); } diff --git a/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/NotCancelled/ManageStay/Actions/ChangeDates/Steps/Form/NewDates/newDates.module.css b/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/NotCancelled/ManageStay/Actions/ChangeDates/Steps/Form/NewDates/newDates.module.css index 429528aa4..a5163244c 100644 --- a/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/NotCancelled/ManageStay/Actions/ChangeDates/Steps/Form/NewDates/newDates.module.css +++ b/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/NotCancelled/ManageStay/Actions/ChangeDates/Steps/Form/NewDates/newDates.module.css @@ -1,7 +1,7 @@ .container { background-color: var(--Base-Background-Primary-Normal); padding: var(--Spacing-x2) var(--Spacing-x3) var(--Spacing-x3); - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); display: flex; flex-direction: column; gap: var(--Spacing-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-Medium); + 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/NotCancelled/ManageStay/Actions/GuaranteeLateArrival/Form/form.module.css b/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/NotCancelled/ManageStay/Actions/GuaranteeLateArrival/Form/form.module.css index e6b9d692b..6bf8c76ec 100644 --- a/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/NotCancelled/ManageStay/Actions/GuaranteeLateArrival/Form/form.module.css +++ b/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/NotCancelled/ManageStay/Actions/GuaranteeLateArrival/Form/form.module.css @@ -26,7 +26,7 @@ .guaranteeCost { align-items: center; background-color: var(--Base-Surface-Subtle-Normal); - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); display: flex; gap: var(--Spacing-x3); justify-content: flex-end; 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 af098b749..b2fe735e4 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(--Spacing-x2); background-color: var(--Base-Background-Primary-Normal); - border-radius: var(--Corner-radius-Medium); + 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 ed766d2ea..55c4b1d7d 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-Large); + 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 4090a3acd..c6eb47237 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(--Spacing-x2); background-color: var(--Base-Background-Primary-Normal); - border-radius: var(--Corner-radius-Large); + border-radius: var(--Corner-radius-lg); border: 1px solid var(--Base-Border-Subtle); overflow: hidden; padding-bottom: var(--Spacing-x3); @@ -44,7 +44,7 @@ .chip { background-color: var(--Scandic-Peach-30); color: var(--Scandic-Red-100); - border-radius: var(--Corner-radius-Small); + border-radius: var(--Corner-radius-sm); padding: var(--Spacing-x-half) var(--Spacing-x1); height: fit-content; } @@ -84,7 +84,7 @@ .package { background-color: var(--Main-Grey-White); padding: var(--Spacing-x-half) var(--Spacing-x1); - border-radius: var(--Corner-radius-Small); + border-radius: var(--Corner-radius-sm); } @media (min-width: 768px) { 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 1d326e34c..b33d88382 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-Small); + border-radius: var(--Corner-radius-sm); cursor: pointer; display: flex; padding: var(--Spacing-x-half); 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 66681dad0..07b3fbbec 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-Medium); + border-radius: var(--Corner-radius-md); display: flex; flex-direction: column-reverse; gap: var(--Spacing-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 7377cae77..2b6d8e86b 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-Small); + border-radius: var(--Corner-radius-sm); padding: var(--Spacing-x-half) var(--Spacing-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 bfae8b25f..842ab93b2 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-Medium); + 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 09e80b94f..9c942ad72 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-Small); + border-radius: var(--Corner-radius-sm); padding: var(--Spacing-x-half) var(--Spacing-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 53e896926..5f1d99ee6 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 @@ -68,7 +68,7 @@ } .booking { - border-radius: var(--Corner-radius-Large); + border-radius: var(--Corner-radius-lg); background-color: var(--Base-Background-Primary-Normal); } diff --git a/apps/scandic-web/components/HotelReservation/PaymentOption/paymentOption.module.css b/apps/scandic-web/components/HotelReservation/PaymentOption/paymentOption.module.css index 765658cf4..4ea43e3d1 100644 --- a/apps/scandic-web/components/HotelReservation/PaymentOption/paymentOption.module.css +++ b/apps/scandic-web/components/HotelReservation/PaymentOption/paymentOption.module.css @@ -3,7 +3,7 @@ background-color: var(--UI-Input-Controls-Surface-Normal); padding: var(--Spacing-x3); border: 1px solid var(--Base-Border-Normal); - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); display: flex; align-items: center; justify-content: space-between; diff --git a/apps/scandic-web/components/HotelReservation/RoomCardSkeleton/RoomCardSkeleton.module.css b/apps/scandic-web/components/HotelReservation/RoomCardSkeleton/RoomCardSkeleton.module.css index d5c618625..570bfbff0 100644 --- a/apps/scandic-web/components/HotelReservation/RoomCardSkeleton/RoomCardSkeleton.module.css +++ b/apps/scandic-web/components/HotelReservation/RoomCardSkeleton/RoomCardSkeleton.module.css @@ -3,7 +3,7 @@ display: flex; flex-direction: column; background-color: #fff; - border-radius: var(--Corner-radius-Large); + border-radius: var(--Corner-radius-lg); border: 1px solid var(--Base-Border-Subtle); position: relative; height: 100%; diff --git a/apps/scandic-web/components/HotelReservation/SelectHotel/BookingCodeFilter/bookingCodeFilter.module.css b/apps/scandic-web/components/HotelReservation/SelectHotel/BookingCodeFilter/bookingCodeFilter.module.css index 199f3684d..d37db9f78 100644 --- a/apps/scandic-web/components/HotelReservation/SelectHotel/BookingCodeFilter/bookingCodeFilter.module.css +++ b/apps/scandic-web/components/HotelReservation/SelectHotel/BookingCodeFilter/bookingCodeFilter.module.css @@ -5,7 +5,7 @@ } .dialog { - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); background-color: var(--Surface-Primary-Default); box-shadow: var(--popup-box-shadow); max-width: 340px; diff --git a/apps/scandic-web/components/HotelReservation/SelectHotel/FilterAndSortModal/filterAndSortModal.module.css b/apps/scandic-web/components/HotelReservation/SelectHotel/FilterAndSortModal/filterAndSortModal.module.css index 8dd144535..a6e1d41af 100644 --- a/apps/scandic-web/components/HotelReservation/SelectHotel/FilterAndSortModal/filterAndSortModal.module.css +++ b/apps/scandic-web/components/HotelReservation/SelectHotel/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-Medium); + 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-xLarge); + border-radius: var(--Corner-radius-xl); width: 20px; height: 20px; color: #ffffff; @@ -151,8 +151,8 @@ top: 0; background: var(--Base-Surface-Primary-light-Normal); z-index: 1; - border-top-left-radius: var(--Corner-radius-large); - border-top-right-radius: var(--Corner-radius-large); + border-top-left-radius: var(--Corner-radius-lg); + border-top-right-radius: var(--Corner-radius-lg); } .title { @@ -186,8 +186,8 @@ bottom: 0; background: var(--Base-Surface-Primary-light-Normal); z-index: 1; - border-bottom-left-radius: var(--Corner-radius-large); - border-bottom-right-radius: var(--Corner-radius-large); + border-bottom-left-radius: var(--Corner-radius-lg); + border-bottom-right-radius: var(--Corner-radius-lg); padding: var(--Spacing-x2) var(--Spacing-x3); } @@ -207,7 +207,7 @@ .filters ul li:hover { background: var(--UI-Input-Controls-Surface-Hover); - border-radius: var(--Corner-radius-Medium,); + border-radius: var(--Corner-radius-md); outline: none; } .filters ul li { diff --git a/apps/scandic-web/components/HotelReservation/SelectHotel/selectHotel.module.css b/apps/scandic-web/components/HotelReservation/SelectHotel/selectHotel.module.css index fb96142b9..0e00d4583 100644 --- a/apps/scandic-web/components/HotelReservation/SelectHotel/selectHotel.module.css +++ b/apps/scandic-web/components/HotelReservation/SelectHotel/selectHotel.module.css @@ -125,7 +125,7 @@ display: flex; flex-direction: column; background: var(--Base-Surface-Primary-light-Normal); - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); border: 1px solid var(--Base-Border-Subtle); } .buttonContainer { diff --git a/apps/scandic-web/components/HotelReservation/SelectRate/HotelInfoCard/hotelInfoCard.module.css b/apps/scandic-web/components/HotelReservation/SelectRate/HotelInfoCard/hotelInfoCard.module.css index fc82d2807..58cf7550a 100644 --- a/apps/scandic-web/components/HotelReservation/SelectRate/HotelInfoCard/hotelInfoCard.module.css +++ b/apps/scandic-web/components/HotelReservation/SelectRate/HotelInfoCard/hotelInfoCard.module.css @@ -17,7 +17,7 @@ height: 200px; max-width: 360px; width: 100%; - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); } .hotelContent { diff --git a/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/RateSummary/MobileSummary/summary.module.css b/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/RateSummary/MobileSummary/summary.module.css index 66785ae67..32f4efb8d 100644 --- a/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/RateSummary/MobileSummary/summary.module.css +++ b/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/RateSummary/MobileSummary/summary.module.css @@ -1,5 +1,5 @@ .summary { - border-radius: var(--Corner-radius-Large); + border-radius: var(--Corner-radius-lg); display: flex; flex-direction: column; gap: var(--Spacing-x2); diff --git a/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/MultiRoomWrapper/SelectedRoomPanel/selectedRoomPanel.module.css b/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/MultiRoomWrapper/SelectedRoomPanel/selectedRoomPanel.module.css index 5042cb6ef..2ff7fc9b8 100644 --- a/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/MultiRoomWrapper/SelectedRoomPanel/selectedRoomPanel.module.css +++ b/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/MultiRoomWrapper/SelectedRoomPanel/selectedRoomPanel.module.css @@ -10,13 +10,13 @@ } .imageContainer { - border-radius: var(--Corner-radius-Small); + border-radius: var(--Corner-radius-sm); display: flex; grid-area: image; } .img { - border-radius: var(--Corner-radius-Small); + border-radius: var(--Corner-radius-sm); height: auto; max-height: 105px; object-fit: fill; diff --git a/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/MultiRoomWrapper/multiRoomWrapper.module.css b/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/MultiRoomWrapper/multiRoomWrapper.module.css index 33419ade0..f8bffab8f 100644 --- a/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/MultiRoomWrapper/multiRoomWrapper.module.css +++ b/apps/scandic-web/components/HotelReservation/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-Large); + border-radius: var(--Corner-radius-lg); display: flex; flex-direction: column; padding: var(--Spacing-x3); diff --git a/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsHeader/BookingCodeFilter/bookingCodeFilter.module.css b/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsHeader/BookingCodeFilter/bookingCodeFilter.module.css index f58a5d0b9..968005329 100644 --- a/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsHeader/BookingCodeFilter/bookingCodeFilter.module.css +++ b/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsHeader/BookingCodeFilter/bookingCodeFilter.module.css @@ -4,7 +4,7 @@ } .dialog { - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); background-color: var(--Surface-Primary-Default); box-shadow: var(--popup-box-shadow); max-width: 340px; diff --git a/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsHeader/RoomPackageFilter/Form/Checkboxes/checkbox.module.css b/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsHeader/RoomPackageFilter/Form/Checkboxes/checkbox.module.css index 9828f3c78..311194ab6 100644 --- a/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsHeader/RoomPackageFilter/Form/Checkboxes/checkbox.module.css +++ b/apps/scandic-web/components/HotelReservation/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-Medium); + 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-Small); + border-radius: var(--Corner-radius-sm); transition: all 0.3s; display: flex; align-items: center; diff --git a/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsHeader/RoomPackageFilter/roomPackageFilter.module.css b/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsHeader/RoomPackageFilter/roomPackageFilter.module.css index 33e086176..a06d9281d 100644 --- a/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsHeader/RoomPackageFilter/roomPackageFilter.module.css +++ b/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsHeader/RoomPackageFilter/roomPackageFilter.module.css @@ -74,7 +74,7 @@ align-items: center; padding: var(--Space-x1); gap: var(--Space-x05); - border-radius: var(--Corner-radius-Small); + border-radius: var(--Corner-radius-sm); background-color: var(--Surface-Secondary-Default-dark); color: var(--Text-Interactive-Default); } diff --git a/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/RoomImage/image.module.css b/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/RoomImage/image.module.css index bc4eb64a2..ffea6a031 100644 --- a/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/RoomImage/image.module.css +++ b/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/RoomImage/image.module.css @@ -2,7 +2,7 @@ margin: 0 calc(-1 * var(--Spacing-x2)); min-height: 190px; position: relative; - border-radius: var(--Corner-radius-Large) var(--Corner-radius-Large) 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-Small); + border-radius: var(--Corner-radius-sm); padding: var(--Spacing-x-half) var(--Spacing-x1); } diff --git a/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/RoomNotAvailable/notAvailable.module.css b/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/RoomNotAvailable/notAvailable.module.css index 674afbbe2..0625564e2 100644 --- a/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/RoomNotAvailable/notAvailable.module.css +++ b/apps/scandic-web/components/HotelReservation/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-Medium); + border-radius: var(--Corner-radius-md); display: flex; gap: var(--Spacing-x1); margin: 0; diff --git a/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/roomListItem.module.css b/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/roomListItem.module.css index e7816dbd8..dff223529 100644 --- a/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/roomListItem.module.css +++ b/apps/scandic-web/components/HotelReservation/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-Large); + border-radius: var(--Corner-radius-lg); display: grid; font-size: 14px; gap: var(--Spacing-x-one-and-half); diff --git a/apps/scandic-web/components/HotelReservation/SidePanel/sidePanel.module.css b/apps/scandic-web/components/HotelReservation/SidePanel/sidePanel.module.css index 6485aa89d..47fce51d6 100644 --- a/apps/scandic-web/components/HotelReservation/SidePanel/sidePanel.module.css +++ b/apps/scandic-web/components/HotelReservation/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-Large) var(--Corner-radius-Large) 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/apps/scandic-web/components/HotelReservation/SignupPromo/signupPromo.module.css b/apps/scandic-web/components/HotelReservation/SignupPromo/signupPromo.module.css index 7dedb7205..84013ce67 100644 --- a/apps/scandic-web/components/HotelReservation/SignupPromo/signupPromo.module.css +++ b/apps/scandic-web/components/HotelReservation/SignupPromo/signupPromo.module.css @@ -9,8 +9,8 @@ .memberDiscountBannerDesktop { display: none; background: var(--Primary-Light-Surface-Normal); - border-radius: var(--Corner-radius-xLarge) var(--Corner-radius-xLarge) 0px - var(--Corner-radius-xLarge); + border-radius: var(--Corner-radius-xl) var(--Corner-radius-xl) 0px + var(--Corner-radius-xl); align-items: center; padding: var(--Spacing-x-one-and-half) var(--Spacing-x2); gap: var(--Spacing-x2); diff --git a/apps/scandic-web/components/HotelReservation/TripAdvisorChip/tripAdvisorChip.module.css b/apps/scandic-web/components/HotelReservation/TripAdvisorChip/tripAdvisorChip.module.css index c1901310e..6d90c22d1 100644 --- a/apps/scandic-web/components/HotelReservation/TripAdvisorChip/tripAdvisorChip.module.css +++ b/apps/scandic-web/components/HotelReservation/TripAdvisorChip/tripAdvisorChip.module.css @@ -11,5 +11,5 @@ gap: var(--Spacing-x-half); background-color: var(--Base-Surface-Primary-light-Normal); padding: var(--Spacing-x-quarter) var(--Spacing-x1); - border-radius: var(--Corner-radius-Small); + border-radius: var(--Corner-radius-sm); } diff --git a/apps/scandic-web/components/ImageContainer/imageContainer.module.css b/apps/scandic-web/components/ImageContainer/imageContainer.module.css index 3f61b2506..95f1b1e20 100644 --- a/apps/scandic-web/components/ImageContainer/imageContainer.module.css +++ b/apps/scandic-web/components/ImageContainer/imageContainer.module.css @@ -10,7 +10,7 @@ width: 100%; height: 365px; object-fit: cover; - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); } @media screen and (min-width: 768px) { diff --git a/apps/scandic-web/components/ImageGallery/imageGallery.module.css b/apps/scandic-web/components/ImageGallery/imageGallery.module.css index 716fdd415..c22482b1a 100644 --- a/apps/scandic-web/components/ImageGallery/imageGallery.module.css +++ b/apps/scandic-web/components/ImageGallery/imageGallery.module.css @@ -13,7 +13,7 @@ width: 48px; background-color: rgba(0, 0, 0, 0.6); padding: var(--Spacing-x-quarter) var(--Spacing-x-half); - border-radius: var(--Corner-radius-Small); + border-radius: var(--Corner-radius-sm); display: flex; align-items: center; gap: var(--Spacing-x-quarter); diff --git a/apps/scandic-web/components/JsonToHtml/jsontohtml.module.css b/apps/scandic-web/components/JsonToHtml/jsontohtml.module.css index 12bfd0bc8..ba23c7b8c 100644 --- a/apps/scandic-web/components/JsonToHtml/jsontohtml.module.css +++ b/apps/scandic-web/components/JsonToHtml/jsontohtml.module.css @@ -2,7 +2,7 @@ position: relative; width: 100%; height: 365px; - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); margin: var(--Spacing-x1) var(--Spacing-x0); overflow: hidden; } diff --git a/apps/scandic-web/components/LanguageSwitcher/LanguageSwitcherContent/languageSwitcherContent.module.css b/apps/scandic-web/components/LanguageSwitcher/LanguageSwitcherContent/languageSwitcherContent.module.css index 2e240d75a..24f3fcc0f 100644 --- a/apps/scandic-web/components/LanguageSwitcher/LanguageSwitcherContent/languageSwitcherContent.module.css +++ b/apps/scandic-web/components/LanguageSwitcher/LanguageSwitcherContent/languageSwitcherContent.module.css @@ -22,13 +22,13 @@ line-height: var(--typography-Body-Regular-lineHeight); letter-spacing: var(--typography-Body-Regular-letterSpacing); padding: var(--Spacing-x1); - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); display: flex; gap: var(--Spacing-x1); justify-content: space-between; align-items: center; text-decoration: none; - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); } .link.active, diff --git a/apps/scandic-web/components/LanguageSwitcher/languageSwitcher.module.css b/apps/scandic-web/components/LanguageSwitcher/languageSwitcher.module.css index 01bea7f04..2ef04fd9d 100644 --- a/apps/scandic-web/components/LanguageSwitcher/languageSwitcher.module.css +++ b/apps/scandic-web/components/LanguageSwitcher/languageSwitcher.module.css @@ -97,7 +97,7 @@ .dropdown { position: absolute; background-color: var(--Base-Surface-Primary-light-Normal); - border-radius: var(--Corner-radius-Large); + 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/Lightbox/FullView/fullView.module.css b/apps/scandic-web/components/Lightbox/FullView/fullView.module.css index 1985516e1..704776309 100644 --- a/apps/scandic-web/components/Lightbox/FullView/fullView.module.css +++ b/apps/scandic-web/components/Lightbox/FullView/fullView.module.css @@ -28,7 +28,7 @@ .imageCount { background-color: var(--Overlay-90); padding: var(--Space-x025) var(--Space-x05); - border-radius: var(--Corner-radius-Small); + border-radius: var(--Corner-radius-sm); color: var(--Text-Inverted); } diff --git a/apps/scandic-web/components/Lightbox/Gallery/gallery.module.css b/apps/scandic-web/components/Lightbox/Gallery/gallery.module.css index b8212ca5c..da3e4ca67 100644 --- a/apps/scandic-web/components/Lightbox/Gallery/gallery.module.css +++ b/apps/scandic-web/components/Lightbox/Gallery/gallery.module.css @@ -32,7 +32,7 @@ border-width: 0; background-color: transparent; cursor: pointer; - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); overflow: hidden; z-index: 0; @@ -93,7 +93,7 @@ .imageCaption { background-color: var(--Base-Surface-Subtle-Normal); padding: var(--Spacing-x-half) var(--Spacing-x1); - border-radius: var(--Corner-radius-Small); + border-radius: var(--Corner-radius-sm); color: var(--Text-Secondary); } @@ -127,7 +127,7 @@ } .thumbnailContainer img { - border-radius: var(--Corner-radius-Small); + border-radius: var(--Corner-radius-sm); } .navigationButton { diff --git a/apps/scandic-web/components/Lightbox/lightbox.module.css b/apps/scandic-web/components/Lightbox/lightbox.module.css index 049733103..0414524e0 100644 --- a/apps/scandic-web/components/Lightbox/lightbox.module.css +++ b/apps/scandic-web/components/Lightbox/lightbox.module.css @@ -31,7 +31,7 @@ overflow: hidden; &:not(.fullViewContent) { - border-radius: var(--Corner-radius-Large); + border-radius: var(--Corner-radius-lg); } &.fullViewContent { diff --git a/apps/scandic-web/components/Maps/InteractiveMap/HotelListingMapContent/HotelPin/hotelPin.module.css b/apps/scandic-web/components/Maps/InteractiveMap/HotelListingMapContent/HotelPin/hotelPin.module.css index 7d3fb38dc..994fa7b6f 100644 --- a/apps/scandic-web/components/Maps/InteractiveMap/HotelListingMapContent/HotelPin/hotelPin.module.css +++ b/apps/scandic-web/components/Maps/InteractiveMap/HotelListingMapContent/HotelPin/hotelPin.module.css @@ -5,7 +5,7 @@ padding: var(--Spacing-x-half) var(--Spacing-x1) var(--Spacing-x-half) var(--Spacing-x-half); 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(--Spacing-x1); diff --git a/apps/scandic-web/components/Maps/InteractiveMap/PoiMapMarkers/poiMapMarkers.module.css b/apps/scandic-web/components/Maps/InteractiveMap/PoiMapMarkers/poiMapMarkers.module.css index d17183d45..786b355c9 100644 --- a/apps/scandic-web/components/Maps/InteractiveMap/PoiMapMarkers/poiMapMarkers.module.css +++ b/apps/scandic-web/components/Maps/InteractiveMap/PoiMapMarkers/poiMapMarkers.module.css @@ -20,7 +20,7 @@ justify-content: center; align-items: center; padding: var(--Spacing-x-half); - 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(--Spacing-x1); diff --git a/apps/scandic-web/components/Maps/Markers/Poi/poi.module.css b/apps/scandic-web/components/Maps/Markers/Poi/poi.module.css index c50de444e..c414e54d9 100644 --- a/apps/scandic-web/components/Maps/Markers/Poi/poi.module.css +++ b/apps/scandic-web/components/Maps/Markers/Poi/poi.module.css @@ -4,7 +4,7 @@ display: flex; justify-content: center; align-items: center; - border-radius: var(--Corner-radius-Rounded); + border-radius: var(--Corner-radius-rounded); background-color: var(--UI-Text-Placeholder); } diff --git a/apps/scandic-web/components/Modal/modal.module.css b/apps/scandic-web/components/Modal/modal.module.css index 96c306113..1fba2dd3d 100644 --- a/apps/scandic-web/components/Modal/modal.module.css +++ b/apps/scandic-web/components/Modal/modal.module.css @@ -10,7 +10,7 @@ .modal { background-color: var(--Base-Surface-Primary-light-Normal); - border-radius: var(--Corner-radius-Medium) var(--Corner-radius-Medium) 0 0; + border-radius: var(--Corner-radius-md) var(--Corner-radius-md) 0 0; box-shadow: var(--modal-box-shadow); width: 100%; position: absolute; @@ -85,7 +85,7 @@ left: auto; bottom: auto; width: auto; - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); max-width: var(--max-width-page); } diff --git a/apps/scandic-web/components/MyPages/Pagination/pagination.module.css b/apps/scandic-web/components/MyPages/Pagination/pagination.module.css index 01ae6928c..18cdbf947 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(--Spacing-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(--Spacing-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/Surprises/surprises.module.css b/apps/scandic-web/components/MyPages/Surprises/surprises.module.css index 8b5d24e50..8ec8d9283 100644 --- a/apps/scandic-web/components/MyPages/Surprises/surprises.module.css +++ b/apps/scandic-web/components/MyPages/Surprises/surprises.module.css @@ -48,7 +48,7 @@ .modal { background-color: var(--Base-Surface-Primary-light-Normal); - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); box-shadow: var(--modal-box-shadow); width: 100%; position: absolute; diff --git a/apps/scandic-web/components/MyPages/myprofile/profile/profile.module.css b/apps/scandic-web/components/MyPages/myprofile/profile/profile.module.css index 99a15f20f..fb9ab710d 100644 --- a/apps/scandic-web/components/MyPages/myprofile/profile/profile.module.css +++ b/apps/scandic-web/components/MyPages/myprofile/profile/profile.module.css @@ -24,7 +24,7 @@ } .container { background-color: var(--Main-Grey-White); - border-radius: var(--Corner-radius-Large); + border-radius: var(--Corner-radius-lg); display: grid; gap: var(--Spacing-x3); padding: var(--Spacing-x2) var(--Spacing-x2) var(--Spacing-x4); diff --git a/apps/scandic-web/components/OpeningHours/openingHours.module.css b/apps/scandic-web/components/OpeningHours/openingHours.module.css index 1890af83b..185748945 100644 --- a/apps/scandic-web/components/OpeningHours/openingHours.module.css +++ b/apps/scandic-web/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-Medium); + border-radius: var(--Corner-radius-md); background: var(--Surface-Secondary-Default); } diff --git a/apps/scandic-web/components/ParkingInformation/parkingInformation.module.css b/apps/scandic-web/components/ParkingInformation/parkingInformation.module.css index fffccf114..a5714acb4 100644 --- a/apps/scandic-web/components/ParkingInformation/parkingInformation.module.css +++ b/apps/scandic-web/components/ParkingInformation/parkingInformation.module.css @@ -11,7 +11,7 @@ .priceWrapper { background-color: var(--Base-Surface-Subtle-Normal); - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); padding: var(--Spacing-x2) var(--Spacing-x3); display: grid; gap: var(--Spacing-x1); diff --git a/apps/scandic-web/components/Profile/CreditCardRow/creditCardRow.module.css b/apps/scandic-web/components/Profile/CreditCardRow/creditCardRow.module.css index 2c326c100..b08cdac3e 100644 --- a/apps/scandic-web/components/Profile/CreditCardRow/creditCardRow.module.css +++ b/apps/scandic-web/components/Profile/CreditCardRow/creditCardRow.module.css @@ -4,7 +4,7 @@ column-gap: var(--Spacing-x1); grid-template-columns: auto auto auto 1fr; justify-items: flex-end; - padding: var(--Spacing-x1) var(--Spacing-x-one-and-half,); - border-radius: var(--Corner-radius-Small); + padding: var(--Spacing-x1) var(--Spacing-x-one-and-half); + border-radius: var(--Corner-radius-sm); background-color: var(--Base-Background-Primary-Normal); } diff --git a/apps/scandic-web/components/Rewards/ExpirationDate/expirationDate.module.css b/apps/scandic-web/components/Rewards/ExpirationDate/expirationDate.module.css index 6587d7645..b3dfa6004 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(--Spacing-x-half); background-color: var(--Base-Surface-Secondary-light-Normal); - border-radius: var(--Corner-radius-Small); + 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 3ad789a53..aa9cc6454 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(--Spacing-x6); background-color: var(--Base-Surface-Primary-light-Normal); - border-radius: var(--Corner-radius-Large); + border-radius: var(--Corner-radius-lg); padding: var(--Spacing-x6) var(--Spacing-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 82979f42a..0ce3c161b 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-Medium); + border-radius: var(--Corner-radius-md); background: var(--Surface-Secondary-Default); } diff --git a/apps/scandic-web/components/SidePeeks/BookedRoomSidePeek/bookedRoomSidePeek.module.css b/apps/scandic-web/components/SidePeeks/BookedRoomSidePeek/bookedRoomSidePeek.module.css index beaba61da..f1fbaba24 100644 --- a/apps/scandic-web/components/SidePeeks/BookedRoomSidePeek/bookedRoomSidePeek.module.css +++ b/apps/scandic-web/components/SidePeeks/BookedRoomSidePeek/bookedRoomSidePeek.module.css @@ -32,7 +32,7 @@ .chip { background-color: var(--Scandic-Peach-30); color: var(--Scandic-Red-100); - border-radius: var(--Corner-radius-Small); + border-radius: var(--Corner-radius-sm); padding: var(--Spacing-x-half) var(--Spacing-x1); height: fit-content; } @@ -44,7 +44,7 @@ .imageContainer { position: relative; - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); overflow: hidden; } @@ -91,7 +91,7 @@ gap: var(--Spacing-x2); background-color: var(--Scandic-Beige-10); border: 1px solid var(--Base-Border-Subtle); - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); } .priceDetails { @@ -167,7 +167,7 @@ gap: var(--Spacing-x3); background-color: var(--Main-Grey-White); border: 1px solid var(--Base-Border-Subtle); - border-radius: var(--Corner-radius-Small); + border-radius: var(--Corner-radius-sm); } .text { diff --git a/apps/scandic-web/components/SidePeeks/RoomSidePeek/roomSidePeek.module.css b/apps/scandic-web/components/SidePeeks/RoomSidePeek/roomSidePeek.module.css index 6fc7a47f7..6efc9b905 100644 --- a/apps/scandic-web/components/SidePeeks/RoomSidePeek/roomSidePeek.module.css +++ b/apps/scandic-web/components/SidePeeks/RoomSidePeek/roomSidePeek.module.css @@ -23,7 +23,7 @@ .imageContainer { position: relative; - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); overflow: hidden; } diff --git a/apps/scandic-web/components/TabFilters/tabFilters.module.css b/apps/scandic-web/components/TabFilters/tabFilters.module.css index cf836080d..c78908f15 100644 --- a/apps/scandic-web/components/TabFilters/tabFilters.module.css +++ b/apps/scandic-web/components/TabFilters/tabFilters.module.css @@ -52,7 +52,7 @@ gap: var(--Space-x1); background-color: transparent; border: 1px solid var(--Border-Interactive-Selected); - border-radius: var(--Corner-radius-Rounded); + border-radius: var(--Corner-radius-rounded); padding: var(--Space-x1) var(--Space-x2); transition: all 0.2s ease-in-out; scroll-snap-align: start; diff --git a/apps/scandic-web/components/TempDesignSystem/Accordion/AccordionItem/accordionItem.module.css b/apps/scandic-web/components/TempDesignSystem/Accordion/AccordionItem/accordionItem.module.css index 8ba6e6b54..88687da1e 100644 --- a/apps/scandic-web/components/TempDesignSystem/Accordion/AccordionItem/accordionItem.module.css +++ b/apps/scandic-web/components/TempDesignSystem/Accordion/AccordionItem/accordionItem.module.css @@ -34,7 +34,7 @@ .accordionItem.card .summary { padding: var(--Spacing-x-one-and-half) var(--Spacing-x2); - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); } .accordionItem.sidepeek .summary { diff --git a/apps/scandic-web/components/TempDesignSystem/Accordion/accordion.module.css b/apps/scandic-web/components/TempDesignSystem/Accordion/accordion.module.css index 3c6e0d689..ed714a9b2 100644 --- a/apps/scandic-web/components/TempDesignSystem/Accordion/accordion.module.css +++ b/apps/scandic-web/components/TempDesignSystem/Accordion/accordion.module.css @@ -3,7 +3,7 @@ } .accordion.card { - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); } .accordion.light { diff --git a/apps/scandic-web/components/TempDesignSystem/Alert/alert.module.css b/apps/scandic-web/components/TempDesignSystem/Alert/alert.module.css index eb6233412..fe44dc2ef 100644 --- a/apps/scandic-web/components/TempDesignSystem/Alert/alert.module.css +++ b/apps/scandic-web/components/TempDesignSystem/Alert/alert.module.css @@ -40,7 +40,7 @@ /* Intent: inline */ .inline { - border-radius: var(--Corner-radius-Large); + border-radius: var(--Corner-radius-lg); border: 1px solid var(--Base-Border-Subtle); background-color: var(--Base-Surface-Primary-light-Normal); } diff --git a/apps/scandic-web/components/TempDesignSystem/AncillaryCard/ancillaryCard.module.css b/apps/scandic-web/components/TempDesignSystem/AncillaryCard/ancillaryCard.module.css index db0347170..319999fa6 100644 --- a/apps/scandic-web/components/TempDesignSystem/AncillaryCard/ancillaryCard.module.css +++ b/apps/scandic-web/components/TempDesignSystem/AncillaryCard/ancillaryCard.module.css @@ -7,7 +7,7 @@ position: relative; width: 100%; aspect-ratio: 16/9; - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); overflow: hidden; } diff --git a/apps/scandic-web/components/TempDesignSystem/BackToTopButton/backToTopButton.module.css b/apps/scandic-web/components/TempDesignSystem/BackToTopButton/backToTopButton.module.css index 290688fa4..ab7bb649e 100644 --- a/apps/scandic-web/components/TempDesignSystem/BackToTopButton/backToTopButton.module.css +++ b/apps/scandic-web/components/TempDesignSystem/BackToTopButton/backToTopButton.module.css @@ -1,5 +1,5 @@ .backToTopButton { - border-radius: var(--Corner-radius-Rounded); + border-radius: var(--Corner-radius-rounded); cursor: pointer; display: flex; align-items: flex-end; diff --git a/apps/scandic-web/components/TempDesignSystem/Breadcrumbs/breadcrumbs.module.css b/apps/scandic-web/components/TempDesignSystem/Breadcrumbs/breadcrumbs.module.css index 91997cb01..6d76b47e6 100644 --- a/apps/scandic-web/components/TempDesignSystem/Breadcrumbs/breadcrumbs.module.css +++ b/apps/scandic-web/components/TempDesignSystem/Breadcrumbs/breadcrumbs.module.css @@ -79,7 +79,7 @@ display: flex; flex-direction: column; gap: var(--Spacing-x-half); - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); min-width: 169px; outline: none; box-shadow: 0 0 4px 2px rgb(0 0 0 / 10%); @@ -87,7 +87,7 @@ .dialogLink { display: block; - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); padding: var(--Spacing-x1); color: var(--Text-Default); } diff --git a/apps/scandic-web/components/TempDesignSystem/Button/button.module.css b/apps/scandic-web/components/TempDesignSystem/Button/button.module.css index 291e14f31..33dae6479 100644 --- a/apps/scandic-web/components/TempDesignSystem/Button/button.module.css +++ b/apps/scandic-web/components/TempDesignSystem/Button/button.module.css @@ -1,6 +1,6 @@ .btn { background: none; - border-radius: var(--Corner-radius-Rounded); + border-radius: var(--Corner-radius-rounded); cursor: pointer; margin: 0; padding: 0; diff --git a/apps/scandic-web/components/TempDesignSystem/Card/CardImage/cardImage.module.css b/apps/scandic-web/components/TempDesignSystem/Card/CardImage/cardImage.module.css index 5b647da30..e6205620a 100644 --- a/apps/scandic-web/components/TempDesignSystem/Card/CardImage/cardImage.module.css +++ b/apps/scandic-web/components/TempDesignSystem/Card/CardImage/cardImage.module.css @@ -3,7 +3,7 @@ overflow: hidden; width: 100%; min-height: 180px; /* Fixed height from Figma */ - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); } .imageContainer { diff --git a/apps/scandic-web/components/TempDesignSystem/Card/card.module.css b/apps/scandic-web/components/TempDesignSystem/Card/card.module.css index f8b8a17ae..43aedbc68 100644 --- a/apps/scandic-web/components/TempDesignSystem/Card/card.module.css +++ b/apps/scandic-web/components/TempDesignSystem/Card/card.module.css @@ -4,7 +4,7 @@ align-items: center; flex-direction: column; justify-content: center; - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); margin-right: var(--Spacing-x2); text-align: center; width: 100%; diff --git a/apps/scandic-web/components/TempDesignSystem/Chip/chip.module.css b/apps/scandic-web/components/TempDesignSystem/Chip/chip.module.css index e87fddc86..8f697a14e 100644 --- a/apps/scandic-web/components/TempDesignSystem/Chip/chip.module.css +++ b/apps/scandic-web/components/TempDesignSystem/Chip/chip.module.css @@ -4,7 +4,7 @@ div.chip { align-items: center; color: var(--chip-text-color); background-color: var(--chip-background-color); - border-radius: var(--Corner-radius-Small); + border-radius: var(--Corner-radius-sm); display: flex; gap: var(--Spacing-x-half); justify-content: center; diff --git a/apps/scandic-web/components/TempDesignSystem/Form/FilterChip/_Chip/chip.module.css b/apps/scandic-web/components/TempDesignSystem/Form/FilterChip/_Chip/chip.module.css index fa029bb47..31cf9c26a 100644 --- a/apps/scandic-web/components/TempDesignSystem/Form/FilterChip/_Chip/chip.module.css +++ b/apps/scandic-web/components/TempDesignSystem/Form/FilterChip/_Chip/chip.module.css @@ -4,7 +4,7 @@ gap: var(--Spacing-x-half); padding: calc(var(--Spacing-x1) - 2px) var(--Spacing-x-one-and-half); border: 1px solid var(--Base-Border-Subtle); - border-radius: var(--Corner-radius-Small); + border-radius: var(--Corner-radius-sm); background-color: var(--Base-Surface-Secondary-light-Normal); cursor: pointer; height: 32px; diff --git a/apps/scandic-web/components/TempDesignSystem/Form/Input/AriaInputWithLabel/input.module.css b/apps/scandic-web/components/TempDesignSystem/Form/Input/AriaInputWithLabel/input.module.css index 35ff6bdbc..00bfc3754 100644 --- a/apps/scandic-web/components/TempDesignSystem/Form/Input/AriaInputWithLabel/input.module.css +++ b/apps/scandic-web/components/TempDesignSystem/Form/Input/AriaInputWithLabel/input.module.css @@ -4,7 +4,7 @@ border-color: var(--Scandic-Beige-40); border-style: solid; border-width: 1px; - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); display: grid; min-width: 0; /* allow shrinkage */ height: 60px; diff --git a/apps/scandic-web/components/TempDesignSystem/Form/PasswordInput/passwordInput.module.css b/apps/scandic-web/components/TempDesignSystem/Form/PasswordInput/passwordInput.module.css index 5ebc1e7e2..88f3789ec 100644 --- a/apps/scandic-web/components/TempDesignSystem/Form/PasswordInput/passwordInput.module.css +++ b/apps/scandic-web/components/TempDesignSystem/Form/PasswordInput/passwordInput.module.css @@ -4,7 +4,7 @@ border-color: var(--Scandic-Beige-40); border-style: solid; border-width: 1px; - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); display: grid; height: 60px; padding: var(--Spacing-x1) var(--Spacing-x2); diff --git a/apps/scandic-web/components/TempDesignSystem/Form/Phone/phone.module.css b/apps/scandic-web/components/TempDesignSystem/Form/Phone/phone.module.css index 2869cb3c0..b0521c7d4 100644 --- a/apps/scandic-web/components/TempDesignSystem/Form/Phone/phone.module.css +++ b/apps/scandic-web/components/TempDesignSystem/Form/Phone/phone.module.css @@ -36,7 +36,7 @@ .phone :global(.react-international-phone-country-selector-dropdown) { background: var(--Main-Grey-White); - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08); gap: var(--Spacing-x1); outline: none; @@ -45,7 +45,7 @@ .phone :global(.react-international-phone-country-selector-dropdown__list-item) { - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); padding: var(--Spacing-x1) var(--Spacing-x1) var(--Spacing-x1) var(--Spacing-x-one-and-half); } @@ -61,7 +61,7 @@ border-color: var(--Scandic-Beige-40); border-style: solid; border-width: 1px; - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); display: grid; gap: var(--Spacing-x-half); grid-template-rows: auto auto; diff --git a/apps/scandic-web/components/TempDesignSystem/Form/RadioCard/radioCard.module.css b/apps/scandic-web/components/TempDesignSystem/Form/RadioCard/radioCard.module.css index 42f0de383..5fee5ca2e 100644 --- a/apps/scandic-web/components/TempDesignSystem/Form/RadioCard/radioCard.module.css +++ b/apps/scandic-web/components/TempDesignSystem/Form/RadioCard/radioCard.module.css @@ -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-Accent); } diff --git a/apps/scandic-web/components/TempDesignSystem/Form/TextArea/textarea.module.css b/apps/scandic-web/components/TempDesignSystem/Form/TextArea/textarea.module.css index 554df7e4e..a213cbf42 100644 --- a/apps/scandic-web/components/TempDesignSystem/Form/TextArea/textarea.module.css +++ b/apps/scandic-web/components/TempDesignSystem/Form/TextArea/textarea.module.css @@ -17,7 +17,7 @@ border-color: var(--Scandic-Beige-40); border-style: solid; border-width: 1px; - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); display: grid; min-width: 0; /* allow shrinkage */ grid-template-rows: auto 1fr; diff --git a/apps/scandic-web/components/TempDesignSystem/IconChip/iconChip.module.css b/apps/scandic-web/components/TempDesignSystem/IconChip/iconChip.module.css index 13fafb092..00289ffaf 100644 --- a/apps/scandic-web/components/TempDesignSystem/IconChip/iconChip.module.css +++ b/apps/scandic-web/components/TempDesignSystem/IconChip/iconChip.module.css @@ -3,7 +3,7 @@ align-items: center; gap: var(--Spacing-x1); padding: var(--Spacing-x1) var(--Spacing-x-one-and-half); - border-radius: var(--Corner-radius-Small); + border-radius: var(--Corner-radius-sm); } .blue { diff --git a/apps/scandic-web/components/TempDesignSystem/Link/link.module.css b/apps/scandic-web/components/TempDesignSystem/Link/link.module.css index 10ce6991d..78173fa15 100644 --- a/apps/scandic-web/components/TempDesignSystem/Link/link.module.css +++ b/apps/scandic-web/components/TempDesignSystem/Link/link.module.css @@ -53,7 +53,7 @@ line-height: var(--typography-Body-Regular-lineHeight); letter-spacing: var(--typography-Body-Regular-letterSpacing); padding: var(--Spacing-x1); - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); display: flex; gap: var(--Spacing-x1); justify-content: space-between; @@ -62,7 +62,7 @@ .myPageMobileDropdown:hover { background-color: var(--Base-Surface-Primary-light-Hover-alt); - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); } .shortcut { @@ -90,7 +90,7 @@ .sidebar { align-items: center; - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); display: flex; gap: var(--Spacing-x1); padding: var(--Spacing-x1); @@ -261,7 +261,7 @@ padding: var(--Spacing-x1); gap: var(--Spacing-x-one-and-half); color: var(--Base-Text-High-contrast); - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); } .menu:hover { diff --git a/apps/scandic-web/components/TempDesignSystem/LinkChips/Chip/chip.module.css b/apps/scandic-web/components/TempDesignSystem/LinkChips/Chip/chip.module.css index 311892c58..f46cab27f 100644 --- a/apps/scandic-web/components/TempDesignSystem/LinkChips/Chip/chip.module.css +++ b/apps/scandic-web/components/TempDesignSystem/LinkChips/Chip/chip.module.css @@ -3,7 +3,7 @@ align-items: center; gap: var(--Spacing-x-half); padding: var(--Spacing-x1) var(--Spacing-x-one-and-half); - border-radius: var(--Corner-radius-Small); + border-radius: var(--Corner-radius-sm); background-color: var(--Base-Button-Inverted-Fill-Normal); transition: background-color 0.3s; text-decoration: none; diff --git a/apps/scandic-web/components/TempDesignSystem/LoyaltyCard/loyaltyCard.module.css b/apps/scandic-web/components/TempDesignSystem/LoyaltyCard/loyaltyCard.module.css index d1e30f123..053464bf1 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-xLarge); + border-radius: var(--Corner-radius-xl); gap: var(--Spacing-x2); min-height: 480px; justify-content: space-between; diff --git a/apps/scandic-web/components/TempDesignSystem/MeetingRoomCard/meetingRoomCard.module.css b/apps/scandic-web/components/TempDesignSystem/MeetingRoomCard/meetingRoomCard.module.css index e4974c41e..f87f980ee 100644 --- a/apps/scandic-web/components/TempDesignSystem/MeetingRoomCard/meetingRoomCard.module.css +++ b/apps/scandic-web/components/TempDesignSystem/MeetingRoomCard/meetingRoomCard.module.css @@ -1,6 +1,6 @@ .card { background-color: var(--Base-Surface-Primary-light-Normal); - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); border: 1px solid var(--Base-Border-Subtle); display: flex; flex-direction: column; @@ -26,7 +26,7 @@ .openedInfo { background-color: var(--Base-Surface-Secondary-light-Normal); - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); padding: var(--Spacing-x2); display: grid; gap: var(--Spacing-x2); diff --git a/apps/scandic-web/components/TempDesignSystem/Popover/popover.module.css b/apps/scandic-web/components/TempDesignSystem/Popover/popover.module.css index fd0da15d6..d48a11172 100644 --- a/apps/scandic-web/components/TempDesignSystem/Popover/popover.module.css +++ b/apps/scandic-web/components/TempDesignSystem/Popover/popover.module.css @@ -1,6 +1,6 @@ .root { background-color: var(--Base-Surface-Primary-light-Normal); - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); box-shadow: var(--popup-box-shadow); padding: var(--Spacing-x2); max-width: calc(360px + var(--Spacing-x2) * 2); diff --git a/apps/scandic-web/components/TempDesignSystem/Select/select.module.css b/apps/scandic-web/components/TempDesignSystem/Select/select.module.css index a0db72576..9efb5af5a 100644 --- a/apps/scandic-web/components/TempDesignSystem/Select/select.module.css +++ b/apps/scandic-web/components/TempDesignSystem/Select/select.module.css @@ -4,7 +4,7 @@ .select { border: 1px solid var(--Base-Border-Normal); - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); display: flex; flex-direction: column; gap: var(--Spacing-x-half); @@ -49,7 +49,7 @@ align-items: center; background-color: var(--UI-Opacity-White-100); border: none; - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); color: var(--UI-Text-High-contrast); display: flex; gap: var(--Spacing-x-half); @@ -77,7 +77,7 @@ .popover { background-color: var(--Main-Grey-White); - border-radius: var(--Corner-radius-Medium); + 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-Medium,); + border-radius: var(--Corner-radius-md); outline: none; } diff --git a/apps/scandic-web/components/TempDesignSystem/Table/table.module.css b/apps/scandic-web/components/TempDesignSystem/Table/table.module.css index fcda81bd8..1ddd8588e 100644 --- a/apps/scandic-web/components/TempDesignSystem/Table/table.module.css +++ b/apps/scandic-web/components/TempDesignSystem/Table/table.module.css @@ -31,13 +31,13 @@ } .smallRadius { - border-radius: var(--Corner-radius-Small); + border-radius: var(--Corner-radius-sm); } .mediumRadius { - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); } .largeRadius { - border-radius: var(--Corner-radius-Large); + border-radius: var(--Corner-radius-lg); } .content .thead { diff --git a/apps/scandic-web/components/TempDesignSystem/TeaserCard/teaserCard.module.css b/apps/scandic-web/components/TempDesignSystem/TeaserCard/teaserCard.module.css index 80375acc4..5c9a692c1 100644 --- a/apps/scandic-web/components/TempDesignSystem/TeaserCard/teaserCard.module.css +++ b/apps/scandic-web/components/TempDesignSystem/TeaserCard/teaserCard.module.css @@ -1,5 +1,5 @@ .card { - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); display: flex; flex-direction: column; overflow: hidden; diff --git a/apps/scandic-web/components/TempDesignSystem/Toasts/toasts.module.css b/apps/scandic-web/components/TempDesignSystem/Toasts/toasts.module.css index c9490ec93..2503fbcb4 100644 --- a/apps/scandic-web/components/TempDesignSystem/Toasts/toasts.module.css +++ b/apps/scandic-web/components/TempDesignSystem/Toasts/toasts.module.css @@ -1,7 +1,7 @@ .toast { display: grid; grid-template-columns: auto 1fr auto; - border-radius: var(--Corner-radius-Large); + 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/apps/scandic-web/components/TempDesignSystem/Tooltip/tooltip.module.css b/apps/scandic-web/components/TempDesignSystem/Tooltip/tooltip.module.css index 361139464..8c17b7f6a 100644 --- a/apps/scandic-web/components/TempDesignSystem/Tooltip/tooltip.module.css +++ b/apps/scandic-web/components/TempDesignSystem/Tooltip/tooltip.module.css @@ -7,7 +7,7 @@ padding: var(--Spacing-x1); background-color: var(--UI-Text-Active); border: 0.5px solid var(--UI-Border-Active); - border-radius: var(--Corner-radius-Medium); + border-radius: var(--Corner-radius-md); color: var(--Base-Text-Inverted); position: absolute; visibility: hidden;