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 06dd38bab..3b961cb60 100644 --- a/apps/scandic-web/components/Blocks/DynamicContent/LoyaltyLevels/loyaltyLevels.module.css +++ b/apps/scandic-web/components/Blocks/DynamicContent/LoyaltyLevels/loyaltyLevels.module.css @@ -21,7 +21,7 @@ .textContainer { align-content: flex-start; display: flex; - gap: var(--Spacing-x-one-and-half); + gap: var(--Space-x15); width: 100%; flex-wrap: wrap; justify-content: center; diff --git a/apps/scandic-web/components/Blocks/DynamicContent/OverviewTable/RewardList/Card/rewardCard.module.css b/apps/scandic-web/components/Blocks/DynamicContent/OverviewTable/RewardList/Card/rewardCard.module.css index d7b3bd729..0b20dc29f 100644 --- a/apps/scandic-web/components/Blocks/DynamicContent/OverviewTable/RewardList/Card/rewardCard.module.css +++ b/apps/scandic-web/components/Blocks/DynamicContent/OverviewTable/RewardList/Card/rewardCard.module.css @@ -1,5 +1,5 @@ .rewardCard { - padding-bottom: var(--Spacing-x-one-and-half); + padding-bottom: var(--Space-x15); grid-column: 1/3; } @@ -15,7 +15,7 @@ } .rewardInfo { - padding-bottom: var(--Spacing-x-one-and-half); + padding-bottom: var(--Space-x15); } .rewardComparison { @@ -27,7 +27,7 @@ display: flex; justify-content: center; align-items: center; - padding-top: var(--Spacing-x-one-and-half); + padding-top: var(--Space-x15); } .details[open] .chevron { 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 7b3674b29..df42b5b7c 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 @@ -91,7 +91,7 @@ display: flex; flex-direction: column; padding: 0 var(--Spacing-x3) var(--Spacing-x1); - gap: var(--Spacing-x-one-and-half); + gap: var(--Space-x15); flex-shrink: 0; } @@ -120,7 +120,7 @@ .rewardBadge { border-radius: var(--Corner-radius-sm); - padding: var(--Spacing-x1) var(--Spacing-x-one-and-half); + padding: var(--Spacing-x1) var(--Space-x15); background: var(--Base-Surface-Secondary-light-Normal); display: grid; gap: var(--Spacing-x-half); 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 55bef4dc8..9b286a379 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 @@ -29,7 +29,7 @@ display: flex; flex-direction: column; gap: var(--Spacing-x3); - padding: var(--Spacing-x4) var(--Spacing-x-one-and-half); + padding: var(--Spacing-x4) var(--Space-x15); width: 100%; background-color: var(--Surface-Primary-On-Surface-Default); border: 1px solid var(--Border-Default); diff --git a/apps/scandic-web/components/ContentType/DestinationPage/DestinationListing/HotelListing/HotelListingItem/hotelListingItem.module.css b/apps/scandic-web/components/ContentType/DestinationPage/DestinationListing/HotelListing/HotelListingItem/hotelListingItem.module.css index abfb0ff50..90d793350 100644 --- a/apps/scandic-web/components/ContentType/DestinationPage/DestinationListing/HotelListing/HotelListingItem/hotelListingItem.module.css +++ b/apps/scandic-web/components/ContentType/DestinationPage/DestinationListing/HotelListing/HotelListingItem/hotelListingItem.module.css @@ -56,7 +56,7 @@ .amenityList { display: flex; - gap: var(--Spacing-x-one-and-half); + gap: var(--Space-x15); flex-wrap: wrap; color: var(--Text-Secondary); } diff --git a/apps/scandic-web/components/ContentType/DestinationPage/DestinationOverviewPage/HotelsSection/DestinationsList/Destination/destination.module.css b/apps/scandic-web/components/ContentType/DestinationPage/DestinationOverviewPage/HotelsSection/DestinationsList/Destination/destination.module.css index 38705cccd..8443ab989 100644 --- a/apps/scandic-web/components/ContentType/DestinationPage/DestinationOverviewPage/HotelsSection/DestinationsList/Destination/destination.module.css +++ b/apps/scandic-web/components/ContentType/DestinationPage/DestinationOverviewPage/HotelsSection/DestinationsList/Destination/destination.module.css @@ -9,7 +9,7 @@ margin-bottom: var(--Spacing-x-half); } .citiesList li { - margin-bottom: var(--Spacing-x-one-and-half); + margin-bottom: var(--Space-x15); } @media screen and (min-width: 1367px) { 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 33abec680..16014b7e4 100644 --- a/apps/scandic-web/components/DestinationFilterAndSort/Filter/Checkbox/checkbox.module.css +++ b/apps/scandic-web/components/DestinationFilterAndSort/Filter/Checkbox/checkbox.module.css @@ -1,8 +1,8 @@ .checkboxWrapper { display: flex; align-items: center; - gap: var(--Spacing-x-one-and-half); - padding: var(--Spacing-x1) var(--Spacing-x-one-and-half); + gap: var(--Space-x15); + padding: var(--Spacing-x1) var(--Space-x15); cursor: pointer; border-radius: var(--Corner-radius-md); transition: background-color 0.3s; diff --git a/apps/scandic-web/components/DigitalTeamMemberCard/EmployeeBenefits/CallToActions/callToActions.module.css b/apps/scandic-web/components/DigitalTeamMemberCard/EmployeeBenefits/CallToActions/callToActions.module.css index bd002c2c8..7e57477f3 100644 --- a/apps/scandic-web/components/DigitalTeamMemberCard/EmployeeBenefits/CallToActions/callToActions.module.css +++ b/apps/scandic-web/components/DigitalTeamMemberCard/EmployeeBenefits/CallToActions/callToActions.module.css @@ -2,6 +2,6 @@ display: flex; flex-direction: column; align-items: flex-start; - gap: var(--Spacing-x-one-and-half); + gap: var(--Space-x15); padding-bottom: var(--Spacing-x3); } diff --git a/apps/scandic-web/components/Header/MainMenu/NavigationMenu/NavigationMenuList/navigationMenuList.module.css b/apps/scandic-web/components/Header/MainMenu/NavigationMenu/NavigationMenuList/navigationMenuList.module.css index b4fe74b2d..f9ac59c11 100644 --- a/apps/scandic-web/components/Header/MainMenu/NavigationMenu/NavigationMenuList/navigationMenuList.module.css +++ b/apps/scandic-web/components/Header/MainMenu/NavigationMenu/NavigationMenuList/navigationMenuList.module.css @@ -12,7 +12,7 @@ width: 100%; gap: 0; justify-content: stretch; - padding: var(--Spacing-x-one-and-half) var(--Spacing-x2) var(--Spacing-x2); + padding: var(--Space-x15) var(--Spacing-x2) var(--Spacing-x2); } .navigationMenu.mobile .item { diff --git a/apps/scandic-web/components/Header/TopLink/index.tsx b/apps/scandic-web/components/Header/TopLink/index.tsx index 7013b41bb..c92f3807e 100644 --- a/apps/scandic-web/components/Header/TopLink/index.tsx +++ b/apps/scandic-web/components/Header/TopLink/index.tsx @@ -2,6 +2,8 @@ import { IconName } from "@scandic-hotels/design-system/Icons/iconName" import HeaderLink from "../HeaderLink" +import styles from "./topLink.module.css" + import type { TopLinkProps } from "@/types/components/header/topLink" export default function TopLink({ @@ -21,7 +23,7 @@ export default function TopLink({ iconName={linkData.icon || IconName.Gift} iconSize={iconSize} > - {linkData.title} + {linkData.title} ) } diff --git a/apps/scandic-web/components/Header/TopLink/topLink.module.css b/apps/scandic-web/components/Header/TopLink/topLink.module.css new file mode 100644 index 000000000..dacc9553e --- /dev/null +++ b/apps/scandic-web/components/Header/TopLink/topLink.module.css @@ -0,0 +1,3 @@ +.topLink { + margin-top: 2px; +} 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 498ba36f7..39f27ba5e 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 @@ -3,7 +3,7 @@ align-items: center; justify-content: space-between; gap: var(--Spacing-x1); - padding: var(--Spacing-x-one-and-half); + padding: var(--Space-x15); background-color: var(--Base-Surface-Secondary-light-Normal); border-radius: var(--Corner-radius-md); } 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 032cf202c..b25f0da7d 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 @@ -15,7 +15,7 @@ gap: var(--Spacing-x2); height: 470px; overflow-y: auto; - padding-right: var(--Spacing-x-one-and-half); + padding-right: var(--Space-x15); margin-top: var(--Spacing-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 ad415330a..b04bb140d 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 @@ -8,7 +8,7 @@ display: flex; flex-direction: column; justify-content: space-between; - gap: var(--Spacing-x-one-and-half); + gap: var(--Space-x15); margin-top: var(--Spacing-x5); } @@ -99,7 +99,7 @@ .comment { display: flex; - gap: var(--Spacing-x-one-and-half); + gap: var(--Space-x15); } .actions { 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 6e32204c2..f8140dd30 100644 --- a/apps/scandic-web/components/HotelReservation/MyStay/GuestDetails/guestDetails.module.css +++ b/apps/scandic-web/components/HotelReservation/MyStay/GuestDetails/guestDetails.module.css @@ -46,7 +46,7 @@ .totalPointsText { display: flex; - gap: var(--Spacing-x-one-and-half); + gap: var(--Space-x15); align-items: center; } @@ -87,7 +87,7 @@ } .guestDetails { align-items: flex-start; - padding: var(--Spacing-x3) var(--Spacing-x-one-and-half); + padding: var(--Spacing-x3) var(--Space-x15); } .contactInfoMobile, .userDetailsTitle { @@ -99,7 +99,7 @@ gap: var(--Spacing-x-half); } .totalPoints { - padding: var(--Spacing-x-one-and-half) 0; + padding: var(--Space-x15) 0; justify-content: flex-start; } } diff --git a/apps/scandic-web/components/HotelReservation/MyStay/Receipt/Footer/footer.module.css b/apps/scandic-web/components/HotelReservation/MyStay/Receipt/Footer/footer.module.css index b34a17ced..dd58cf4f3 100644 --- a/apps/scandic-web/components/HotelReservation/MyStay/Receipt/Footer/footer.module.css +++ b/apps/scandic-web/components/HotelReservation/MyStay/Receipt/Footer/footer.module.css @@ -8,7 +8,7 @@ display: flex; flex-direction: column; flex-grow: 1; - gap: var(--Spacing-x-one-and-half); + gap: var(--Space-x15); } .dl dt { diff --git a/apps/scandic-web/components/HotelReservation/MyStay/Receipt/Total/total.module.css b/apps/scandic-web/components/HotelReservation/MyStay/Receipt/Total/total.module.css index 119172223..047efafb7 100644 --- a/apps/scandic-web/components/HotelReservation/MyStay/Receipt/Total/total.module.css +++ b/apps/scandic-web/components/HotelReservation/MyStay/Receipt/Total/total.module.css @@ -17,11 +17,11 @@ .totalContainer { border: 1px solid var(--Border-Divider-Subtle); border-radius: var(--Spacing-x1); - padding: var(--Spacing-x-one-and-half) var(--Spacing-x2) var(--Spacing-x2) + padding: var(--Space-x15) var(--Spacing-x2) var(--Spacing-x2) var(--Spacing-x2); flex-direction: column; align-items: stretch; - gap: var(--Spacing-x-one-and-half); + gap: var(--Space-x15); display: flex; } diff --git a/apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/BookingInformation/PriceDetails/details.module.css b/apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/BookingInformation/PriceDetails/details.module.css index 2f6d2dbfd..afe4812e6 100644 --- a/apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/BookingInformation/PriceDetails/details.module.css +++ b/apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/BookingInformation/PriceDetails/details.module.css @@ -3,7 +3,7 @@ flex-direction: column; align-items: center; gap: var(--Spacing-x1); - padding: var(--Spacing-x-one-and-half) 0; + padding: var(--Space-x15) 0; width: calc(100% - var(--Spacing-x4)); justify-content: center; margin: 0 auto; 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 07b3fbbec..cf1fe6ad7 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 @@ -17,6 +17,6 @@ flex-direction: row; justify-content: space-between; margin: 0; - padding: var(--Spacing-x-one-and-half); + padding: var(--Space-x15); } } 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 2b6d8e86b..3d6991f7b 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 @@ -1,12 +1,12 @@ .header { display: flex; - gap: var(--Spacing-x-one-and-half); + gap: var(--Space-x15); padding: 0 var(--Spacing-x2); } .container { display: flex; - gap: var(--Spacing-x-one-and-half); + gap: var(--Space-x15); } .chip { diff --git a/apps/scandic-web/components/Profile/CreditCardRow/creditCardRow.module.css b/apps/scandic-web/components/Profile/CreditCardRow/creditCardRow.module.css index 09d36a1a4..574ac794a 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); + padding: var(--Spacing-x1) var(--Space-x15); border-radius: var(--Corner-radius-sm); background-color: var(--Background-Primary); } diff --git a/apps/scandic-web/components/Rewards/ExpirationDate/expirationDate.module.css b/apps/scandic-web/components/Rewards/ExpirationDate/expirationDate.module.css index b3dfa6004..a926fe651 100644 --- a/apps/scandic-web/components/Rewards/ExpirationDate/expirationDate.module.css +++ b/apps/scandic-web/components/Rewards/ExpirationDate/expirationDate.module.css @@ -1,5 +1,5 @@ .badge { - padding: var(--Spacing-x1) var(--Spacing-x-one-and-half); + padding: var(--Spacing-x1) var(--Space-x15); display: flex; flex-direction: column; align-items: center; diff --git a/apps/scandic-web/components/SidePeeks/BookedRoomSidePeekContent/bookedRoomSidePeekContent.module.css b/apps/scandic-web/components/SidePeeks/BookedRoomSidePeekContent/bookedRoomSidePeekContent.module.css index 5ccd888a3..ee47d0a34 100644 --- a/apps/scandic-web/components/SidePeeks/BookedRoomSidePeekContent/bookedRoomSidePeekContent.module.css +++ b/apps/scandic-web/components/SidePeeks/BookedRoomSidePeekContent/bookedRoomSidePeekContent.module.css @@ -20,13 +20,13 @@ .listContainer { display: flex; flex-direction: column; - gap: var(--Spacing-x-one-and-half); + gap: var(--Space-x15); } .roomHeader { display: flex; align-items: center; - gap: var(--Spacing-x-one-and-half); + gap: var(--Space-x15); } .chip { @@ -57,7 +57,7 @@ .roomDetails { display: flex; flex-direction: column; - gap: var(--Spacing-x-one-and-half); + gap: var(--Space-x15); } .row { @@ -99,7 +99,7 @@ flex-direction: column; align-items: center; gap: var(--Spacing-x1); - padding: var(--Spacing-x-one-and-half) 0; + padding: var(--Space-x15) 0; width: calc(100% - var(--Spacing-x4)); justify-content: center; margin: 0 auto; diff --git a/apps/scandic-web/components/Sidebar/JoinLoyalty/Contact/contact.module.css b/apps/scandic-web/components/Sidebar/JoinLoyalty/Contact/contact.module.css index 59827194c..f69707779 100644 --- a/apps/scandic-web/components/Sidebar/JoinLoyalty/Contact/contact.module.css +++ b/apps/scandic-web/components/Sidebar/JoinLoyalty/Contact/contact.module.css @@ -10,7 +10,7 @@ .contact { display: grid; - gap: var(--Spacing-x-one-and-half); + gap: var(--Space-x15); } .contact > div { diff --git a/apps/scandic-web/components/Sidebar/JoinLoyalty/ReadMore/readMore.module.css b/apps/scandic-web/components/Sidebar/JoinLoyalty/ReadMore/readMore.module.css index c7b103996..8dfb44299 100644 --- a/apps/scandic-web/components/Sidebar/JoinLoyalty/ReadMore/readMore.module.css +++ b/apps/scandic-web/components/Sidebar/JoinLoyalty/ReadMore/readMore.module.css @@ -7,7 +7,7 @@ .links { display: grid; - gap: var(--Spacing-x-one-and-half); + gap: var(--Space-x15); justify-items: center; } diff --git a/apps/scandic-web/components/TempDesignSystem/AncillaryCard/ancillaryCard.module.css b/apps/scandic-web/components/TempDesignSystem/AncillaryCard/ancillaryCard.module.css index 319999fa6..3b8c3eb98 100644 --- a/apps/scandic-web/components/TempDesignSystem/AncillaryCard/ancillaryCard.module.css +++ b/apps/scandic-web/components/TempDesignSystem/AncillaryCard/ancillaryCard.module.css @@ -21,7 +21,7 @@ } .contentContainer { - padding: var(--Spacing-x-one-and-half) 0 0 0; + padding: var(--Space-x15) 0 0 0; display: flex; flex-direction: column; gap: var(--Spacing-x1); diff --git a/apps/scandic-web/components/TempDesignSystem/TeaserCard/teaserCard.module.css b/apps/scandic-web/components/TempDesignSystem/TeaserCard/teaserCard.module.css index 5c9a692c1..f18a9b925 100644 --- a/apps/scandic-web/components/TempDesignSystem/TeaserCard/teaserCard.module.css +++ b/apps/scandic-web/components/TempDesignSystem/TeaserCard/teaserCard.module.css @@ -31,7 +31,7 @@ .content { display: grid; - gap: var(--Spacing-x-one-and-half); + gap: var(--Space-x15); padding: var(--Spacing-x2) var(--Spacing-x3); grid-template-rows: auto 1fr auto; flex-grow: 1; diff --git a/packages/booking-flow/lib/components/BookingConfirmation/HotelDetails/hotelDetails.module.css b/packages/booking-flow/lib/components/BookingConfirmation/HotelDetails/hotelDetails.module.css index b35113208..bf479286a 100644 --- a/packages/booking-flow/lib/components/BookingConfirmation/HotelDetails/hotelDetails.module.css +++ b/packages/booking-flow/lib/components/BookingConfirmation/HotelDetails/hotelDetails.module.css @@ -11,7 +11,7 @@ } .details { - gap: var(--Spacing-x-one-and-half); + gap: var(--Space-x15); } .contact, diff --git a/packages/booking-flow/lib/components/BookingConfirmation/PaymentDetails/paymentDetails.module.css b/packages/booking-flow/lib/components/BookingConfirmation/PaymentDetails/paymentDetails.module.css index 1b7d2bf5d..8b09b890b 100644 --- a/packages/booking-flow/lib/components/BookingConfirmation/PaymentDetails/paymentDetails.module.css +++ b/packages/booking-flow/lib/components/BookingConfirmation/PaymentDetails/paymentDetails.module.css @@ -5,7 +5,7 @@ } .details { - gap: var(--Spacing-x-one-and-half); + gap: var(--Space-x15); max-width: fit-content; } diff --git a/packages/booking-flow/lib/components/BookingConfirmation/Rooms/Room/room.module.css b/packages/booking-flow/lib/components/BookingConfirmation/Rooms/Room/room.module.css index b61e165f8..42fa6a685 100644 --- a/packages/booking-flow/lib/components/BookingConfirmation/Rooms/Room/room.module.css +++ b/packages/booking-flow/lib/components/BookingConfirmation/Rooms/Room/room.module.css @@ -16,7 +16,7 @@ border-radius: var(--Corner-radius-md); display: flex; gap: var(--Spacing-x1); - padding: var(--Spacing-x1) var(--Spacing-x-one-and-half); + padding: var(--Spacing-x1) var(--Space-x15); width: min(max-content, 100%); } diff --git a/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/BookingCode/booking-code.module.css b/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/BookingCode/booking-code.module.css index cc8739b21..f22b90496 100644 --- a/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/BookingCode/booking-code.module.css +++ b/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/BookingCode/booking-code.module.css @@ -8,7 +8,7 @@ height: 60px; background-color: var(--Background-Primary); border-radius: var(--Corner-radius-md); - padding: var(--Spacing-x1) var(--Spacing-x-one-and-half); + padding: var(--Spacing-x1) var(--Space-x15); } .bookingCodeLabel { @@ -79,7 +79,7 @@ align-items: center; background: var(--Base-Surface-Primary-light-Normal); justify-content: space-between; - border-radius: var(--Spacing-x-one-and-half); + border-radius: var(--Space-x15); } .error { color: var(--Text-Default); @@ -92,7 +92,7 @@ } .codePopover { background: var(--Base-Surface-Primary-light-Normal); - border-radius: var(--Spacing-x-one-and-half); + border-radius: var(--Space-x15); box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.05); padding: var(--Spacing-x2); width: 320px; diff --git a/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Search/search.module.css b/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Search/search.module.css index 2155735b3..3d6c74dc7 100644 --- a/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Search/search.module.css +++ b/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Search/search.module.css @@ -3,7 +3,7 @@ border-style: solid; border-width: 1px; border-radius: var(--Corner-radius-md); - padding: var(--Spacing-x1) var(--Spacing-x-one-and-half); + padding: var(--Spacing-x1) var(--Space-x15); position: relative; height: 60px; diff --git a/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Voucher/voucher.module.css b/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Voucher/voucher.module.css index 97aef78d7..81bc95dbf 100644 --- a/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Voucher/voucher.module.css +++ b/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Voucher/voucher.module.css @@ -17,7 +17,7 @@ flex-direction: column; } .voucherSkeletonContainer { - padding: var(--Spacing-x1) var(--Spacing-x-one-and-half); + padding: var(--Spacing-x1) var(--Space-x15); } .checkbox { @@ -36,7 +36,7 @@ } .option { margin-top: 0; - gap: var(--Spacing-x-one-and-half); + gap: var(--Space-x15); } .optionsContainer { display: grid; diff --git a/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/formContent.module.css b/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/formContent.module.css index e55772870..f1bb9c566 100644 --- a/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/formContent.module.css +++ b/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/formContent.module.css @@ -1,6 +1,6 @@ .vouchersHeader { display: flex; - gap: var(--Spacing-x-one-and-half); + gap: var(--Space-x15); } .checkbox { @@ -55,7 +55,7 @@ .rooms, .when { - padding: var(--Spacing-x1) var(--Spacing-x-one-and-half); + padding: var(--Spacing-x1) var(--Space-x15); } .button { @@ -87,6 +87,7 @@ display: flex; flex: 2; gap: var(--Spacing-x2); + margin-left: calc(-1 * var(--Space-x15)); } .voucherContainer { flex: 1; @@ -105,7 +106,7 @@ .rooms, .when { - padding: var(--Spacing-x1) var(--Spacing-x-one-and-half); + padding: var(--Spacing-x1) var(--Space-x15); border-radius: var(--Corner-radius-md); } diff --git a/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/form.module.css b/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/form.module.css index c36768514..5fc8567e6 100644 --- a/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/form.module.css +++ b/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/form.module.css @@ -28,8 +28,8 @@ @media screen and (min-width: 1367px) { .default { - padding: var(--Spacing-x-one-and-half) var(--Spacing-x2) - var(--Spacing-x-one-and-half) var(--Spacing-x1); + padding: var(--Space-x15) var(--Spacing-x2) var(--Space-x15) + var(--Spacing-x1); } .full { @@ -43,8 +43,8 @@ } .compact { - padding: var(--Spacing-x-one-and-half) var(--Spacing-x2) - var(--Spacing-x-one-and-half) var(--Spacing-x1); + padding: var(--Space-x15) var(--Spacing-x2) var(--Space-x15) + var(--Spacing-x1); white-space: nowrap; } } diff --git a/packages/booking-flow/lib/components/BookingWidget/DatePicker/date-picker.module.css b/packages/booking-flow/lib/components/BookingWidget/DatePicker/date-picker.module.css index c8a4567ac..1fa08e932 100644 --- a/packages/booking-flow/lib/components/BookingWidget/DatePicker/date-picker.module.css +++ b/packages/booking-flow/lib/components/BookingWidget/DatePicker/date-picker.module.css @@ -11,7 +11,7 @@ left: 0; bottom: 0; right: 0; - padding: 20px var(--Spacing-x-one-and-half) 0; + padding: 20px var(--Space-x15) 0; } .body { diff --git a/packages/booking-flow/lib/components/BookingWidget/GuestsRoomsPicker/guests-rooms-picker.module.css b/packages/booking-flow/lib/components/BookingWidget/GuestsRoomsPicker/guests-rooms-picker.module.css index 9f3611391..5c2d157d2 100644 --- a/packages/booking-flow/lib/components/BookingWidget/GuestsRoomsPicker/guests-rooms-picker.module.css +++ b/packages/booking-flow/lib/components/BookingWidget/GuestsRoomsPicker/guests-rooms-picker.module.css @@ -68,7 +68,7 @@ left: 0; bottom: 0; right: 0; - padding: 20px var(--Spacing-x-one-and-half) 0; + padding: 20px var(--Space-x15) 0; } .guestsAndRooms { diff --git a/packages/booking-flow/lib/components/BookingWidget/MobileToggleButton/button.module.css b/packages/booking-flow/lib/components/BookingWidget/MobileToggleButton/button.module.css index cf100bcbd..68e318625 100644 --- a/packages/booking-flow/lib/components/BookingWidget/MobileToggleButton/button.module.css +++ b/packages/booking-flow/lib/components/BookingWidget/MobileToggleButton/button.module.css @@ -5,7 +5,7 @@ box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.16); cursor: pointer; display: grid; - gap: var(--Spacing-x-one-and-half); + gap: var(--Space-x15); padding: var(--Spacing-x2); z-index: 1; background-color: var(--Base-Surface-Primary-light-Normal); diff --git a/packages/booking-flow/lib/components/BookingWidget/bookingWidget.module.css b/packages/booking-flow/lib/components/BookingWidget/bookingWidget.module.css index d14e5ef12..5c45b9b05 100644 --- a/packages/booking-flow/lib/components/BookingWidget/bookingWidget.module.css +++ b/packages/booking-flow/lib/components/BookingWidget/bookingWidget.module.css @@ -85,6 +85,7 @@ &.compactFormContainer { box-shadow: none; + padding-left: var(--Space-x15); } } diff --git a/packages/booking-flow/lib/components/Contact/contact.module.css b/packages/booking-flow/lib/components/Contact/contact.module.css index b71777721..4124889a0 100644 --- a/packages/booking-flow/lib/components/Contact/contact.module.css +++ b/packages/booking-flow/lib/components/Contact/contact.module.css @@ -26,7 +26,7 @@ .soMeIcons { display: flex; - gap: var(--Spacing-x-one-and-half); + gap: var(--Space-x15); } .ecoLabel { @@ -45,7 +45,7 @@ .ecoContainer { display: flex; align-items: center; - column-gap: var(--Spacing-x-one-and-half); + column-gap: var(--Space-x15); grid-column: 1 / 3; grid-row: 4 / 4; font-size: var(--typography-Footnote-Regular-fontSize); diff --git a/packages/booking-flow/lib/components/EnterDetails/BedType/bedOptions.module.css b/packages/booking-flow/lib/components/EnterDetails/BedType/bedOptions.module.css index 8a077c5d7..3f938b24f 100644 --- a/packages/booking-flow/lib/components/EnterDetails/BedType/bedOptions.module.css +++ b/packages/booking-flow/lib/components/EnterDetails/BedType/bedOptions.module.css @@ -13,7 +13,7 @@ .iconContainer { display: flex; - gap: var(--Spacing-x-one-and-half); + gap: var(--Space-x15); } .errorContainer { diff --git a/packages/booking-flow/lib/components/EnterDetails/Payment/MixedRatePaymentBreakdown/mixedRatePaymentBreakdown.module.css b/packages/booking-flow/lib/components/EnterDetails/Payment/MixedRatePaymentBreakdown/mixedRatePaymentBreakdown.module.css index e331e078c..df2185d0c 100644 --- a/packages/booking-flow/lib/components/EnterDetails/Payment/MixedRatePaymentBreakdown/mixedRatePaymentBreakdown.module.css +++ b/packages/booking-flow/lib/components/EnterDetails/Payment/MixedRatePaymentBreakdown/mixedRatePaymentBreakdown.module.css @@ -8,7 +8,7 @@ flex-direction: column; flex-grow: 1; background-color: var(--Scandic-Blue-00); - padding: var(--Spacing-x-one-and-half); + padding: var(--Space-x15); border: 1px solid rgba(0, 0, 0, 0.05); border-radius: var(--Corner-radius-md); } diff --git a/packages/booking-flow/lib/components/EnterDetails/Payment/payment.module.css b/packages/booking-flow/lib/components/EnterDetails/Payment/payment.module.css index c96481e86..78e9f0950 100644 --- a/packages/booking-flow/lib/components/EnterDetails/Payment/payment.module.css +++ b/packages/booking-flow/lib/components/EnterDetails/Payment/payment.module.css @@ -25,7 +25,7 @@ .paymentOptionContainer { display: flex; flex-direction: column; - gap: var(--Spacing-x-one-and-half); + gap: var(--Space-x15); } .submitButton { @@ -40,7 +40,7 @@ .terms { display: flex; flex-direction: row; - gap: var(--Spacing-x-one-and-half); + gap: var(--Space-x15); } .checkboxContainer { diff --git a/packages/booking-flow/lib/components/RoomDetailsSidePeek/RoomSidePeekContent/roomSidePeekContent.module.css b/packages/booking-flow/lib/components/RoomDetailsSidePeek/RoomSidePeekContent/roomSidePeekContent.module.css index b1c280967..25591021a 100644 --- a/packages/booking-flow/lib/components/RoomDetailsSidePeek/RoomSidePeekContent/roomSidePeekContent.module.css +++ b/packages/booking-flow/lib/components/RoomDetailsSidePeek/RoomSidePeekContent/roomSidePeekContent.module.css @@ -16,7 +16,7 @@ .listContainer { display: flex; flex-direction: column; - gap: var(--Spacing-x-one-and-half); + gap: var(--Space-x15); } .imageContainer { diff --git a/packages/booking-flow/lib/components/SelectHotel/Filters/FilterAndSortModal/filterAndSortModal.module.css b/packages/booking-flow/lib/components/SelectHotel/Filters/FilterAndSortModal/filterAndSortModal.module.css index c22cdfb70..76bec5dd5 100644 --- a/packages/booking-flow/lib/components/SelectHotel/Filters/FilterAndSortModal/filterAndSortModal.module.css +++ b/packages/booking-flow/lib/components/SelectHotel/Filters/FilterAndSortModal/filterAndSortModal.module.css @@ -64,7 +64,7 @@ } .sorter { - padding: var(--Spacing-x-one-and-half) var(--Spacing-x2) var(--Spacing-x-half) + padding: var(--Space-x15) var(--Spacing-x2) var(--Spacing-x-half) var(--Spacing-x2); flex: 0 0 auto; } @@ -99,7 +99,7 @@ display: flex; justify-content: flex-end; text-align: right; - padding: var(--Spacing-x-one-and-half); + padding: var(--Space-x15); flex: 0 0 auto; } @@ -206,7 +206,7 @@ outline: none; } .filters ul li { - padding: var(--Spacing-x1) var(--Spacing-x-one-and-half); + padding: var(--Spacing-x1) var(--Space-x15); } } @media screen and (min-width: 1024) { diff --git a/packages/booking-flow/lib/components/SelectHotel/Filters/FilterContent/FilterCheckbox/filterCheckbox.module.css b/packages/booking-flow/lib/components/SelectHotel/Filters/FilterContent/FilterCheckbox/filterCheckbox.module.css index de855aa65..509457f7b 100644 --- a/packages/booking-flow/lib/components/SelectHotel/Filters/FilterContent/FilterCheckbox/filterCheckbox.module.css +++ b/packages/booking-flow/lib/components/SelectHotel/Filters/FilterContent/FilterCheckbox/filterCheckbox.module.css @@ -17,7 +17,7 @@ .checkboxContainer { display: flex; align-items: center; - gap: var(--Spacing-x-one-and-half); + gap: var(--Space-x15); } .checkbox { diff --git a/packages/booking-flow/lib/components/SelectHotel/Filters/HotelFilter/hotelFilter.module.css b/packages/booking-flow/lib/components/SelectHotel/Filters/HotelFilter/hotelFilter.module.css index aae0b77ac..0eb31bbd8 100644 --- a/packages/booking-flow/lib/components/SelectHotel/Filters/HotelFilter/hotelFilter.module.css +++ b/packages/booking-flow/lib/components/SelectHotel/Filters/HotelFilter/hotelFilter.module.css @@ -27,7 +27,7 @@ .filter { display: grid; grid-template-columns: repeat(2, minmax(min-content, max-content)); - gap: var(--Spacing-x-one-and-half); + gap: var(--Space-x15); margin-bottom: var(--Spacing-x1); align-items: center; } diff --git a/packages/booking-flow/lib/components/SelectRate/RoomsContainer/RateSummary/MobileSummary/summary.module.css b/packages/booking-flow/lib/components/SelectRate/RoomsContainer/RateSummary/MobileSummary/summary.module.css index 212c0f470..46c20f794 100644 --- a/packages/booking-flow/lib/components/SelectRate/RoomsContainer/RateSummary/MobileSummary/summary.module.css +++ b/packages/booking-flow/lib/components/SelectRate/RoomsContainer/RateSummary/MobileSummary/summary.module.css @@ -43,7 +43,7 @@ .addOns { display: flex; flex-direction: column; - gap: var(--Spacing-x-one-and-half); + gap: var(--Space-x15); overflow-y: auto; } diff --git a/packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/NoAvailabilityAlert/alert.module.css b/packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/NoAvailabilityAlert/alert.module.css index 67ae964a1..11a06cf3e 100644 --- a/packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/NoAvailabilityAlert/alert.module.css +++ b/packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/NoAvailabilityAlert/alert.module.css @@ -1,5 +1,5 @@ .hotelAlert { margin: 0 auto; - padding: var(--Spacing-x-one-and-half); + padding: var(--Space-x15); width: 100%; } diff --git a/packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/roomListItem.module.css b/packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/roomListItem.module.css index dff223529..a27bbf9ff 100644 --- a/packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/roomListItem.module.css +++ b/packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/roomListItem.module.css @@ -5,7 +5,7 @@ border-radius: var(--Corner-radius-lg); display: grid; font-size: 14px; - gap: var(--Spacing-x-one-and-half); + gap: var(--Space-x15); padding: 0 var(--Spacing-x2) var(--Spacing-x2); position: relative; } diff --git a/packages/booking-flow/lib/components/SelectRate/RoomsContainer/index.module.css b/packages/booking-flow/lib/components/SelectRate/RoomsContainer/index.module.css index 490c64c24..f10755862 100644 --- a/packages/booking-flow/lib/components/SelectRate/RoomsContainer/index.module.css +++ b/packages/booking-flow/lib/components/SelectRate/RoomsContainer/index.module.css @@ -1,6 +1,6 @@ .errorContainer { margin: 0 auto; - padding: var(--Spacing-x-one-and-half) 0; + padding: var(--Space-x15) 0; width: 100%; max-width: var(--max-width-page); } diff --git a/packages/booking-flow/lib/components/SignupPromo/signupPromo.module.css b/packages/booking-flow/lib/components/SignupPromo/signupPromo.module.css index 745275bcb..7a504535e 100644 --- a/packages/booking-flow/lib/components/SignupPromo/signupPromo.module.css +++ b/packages/booking-flow/lib/components/SignupPromo/signupPromo.module.css @@ -1,7 +1,7 @@ .memberDiscountBannerMobile { width: 100%; background: var(--Primary-Light-Surface-Normal); - padding: var(--Spacing-x-one-and-half); + padding: var(--Space-x15); display: flex; align-items: center; justify-content: center; @@ -13,7 +13,7 @@ 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); + padding: var(--Space-x15) var(--Spacing-x2); gap: var(--Spacing-x2); position: relative; } diff --git a/packages/design-system/lib/components/DeprecatedSelect/select.module.css b/packages/design-system/lib/components/DeprecatedSelect/select.module.css index 59bc4b6ec..051d10e8f 100644 --- a/packages/design-system/lib/components/DeprecatedSelect/select.module.css +++ b/packages/design-system/lib/components/DeprecatedSelect/select.module.css @@ -55,7 +55,7 @@ gap: var(--Spacing-x-half); height: 60px; outline: none; - padding: var(--Spacing-x-one-and-half) var(--Spacing-x2); + padding: var(--Space-x15) var(--Spacing-x2); text-align: left; justify-content: space-between; } @@ -112,7 +112,7 @@ .listBoxItem.showRadioButton:before { flex-shrink: 0; content: ''; - margin-right: var(--Spacing-x-one-and-half); + margin-right: var(--Space-x15); background-color: white; width: 24px; height: 24px; diff --git a/packages/design-system/lib/components/Form/Checkbox/checkbox.module.css b/packages/design-system/lib/components/Form/Checkbox/checkbox.module.css index bafe6b46f..e09d7a90d 100644 --- a/packages/design-system/lib/components/Form/Checkbox/checkbox.module.css +++ b/packages/design-system/lib/components/Form/Checkbox/checkbox.module.css @@ -18,7 +18,7 @@ .checkboxContainer { display: flex; align-items: center; - gap: var(--Spacing-x-one-and-half); + gap: var(--Space-x15); } .checkbox { diff --git a/packages/design-system/lib/components/Form/PaymentOption/paymentOption.module.css b/packages/design-system/lib/components/Form/PaymentOption/paymentOption.module.css index d728fc4d3..151f94f8d 100644 --- a/packages/design-system/lib/components/Form/PaymentOption/paymentOption.module.css +++ b/packages/design-system/lib/components/Form/PaymentOption/paymentOption.module.css @@ -31,7 +31,7 @@ .titleContainer { display: flex; align-items: center; - gap: var(--Spacing-x-one-and-half); + gap: var(--Space-x15); } .paymentOptionIcon { diff --git a/packages/design-system/lib/components/Form/SelectPaymentMethod/selectPaymentMethod.module.css b/packages/design-system/lib/components/Form/SelectPaymentMethod/selectPaymentMethod.module.css index ded8d1b5b..f6aca5f08 100644 --- a/packages/design-system/lib/components/Form/SelectPaymentMethod/selectPaymentMethod.module.css +++ b/packages/design-system/lib/components/Form/SelectPaymentMethod/selectPaymentMethod.module.css @@ -1,7 +1,7 @@ .paymentOptionContainer { display: flex; flex-direction: column; - gap: var(--Spacing-x-one-and-half); + gap: var(--Space-x15); } .section { diff --git a/packages/design-system/lib/components/HotelCard/HotelPriceCard/hotelPriceCard.module.css b/packages/design-system/lib/components/HotelCard/HotelPriceCard/hotelPriceCard.module.css index 047c76669..c538abbe8 100644 --- a/packages/design-system/lib/components/HotelCard/HotelPriceCard/hotelPriceCard.module.css +++ b/packages/design-system/lib/components/HotelCard/HotelPriceCard/hotelPriceCard.module.css @@ -1,5 +1,5 @@ .priceCard { - padding: var(--Spacing-x-one-and-half); + padding: var(--Space-x15); background-color: var(--Base-Surface-Secondary-light-Normal); border-radius: var(--Corner-radius-md); margin: 0; diff --git a/packages/design-system/lib/components/HotelCard/HotelVoucherCard/hotelVoucherCard.module.css b/packages/design-system/lib/components/HotelCard/HotelVoucherCard/hotelVoucherCard.module.css index 99956429c..33ebf364a 100644 --- a/packages/design-system/lib/components/HotelCard/HotelVoucherCard/hotelVoucherCard.module.css +++ b/packages/design-system/lib/components/HotelCard/HotelVoucherCard/hotelVoucherCard.module.css @@ -1,5 +1,5 @@ .voucherCard { - padding: var(--Spacing-x-one-and-half); + padding: var(--Space-x15); background-color: var(--Base-Surface-Secondary-light-Normal); border-radius: var(--Corner-radius-md); margin: 0; diff --git a/packages/design-system/lib/components/HotelCard/NoPriceAvailableCard/noPriceAvailable.module.css b/packages/design-system/lib/components/HotelCard/NoPriceAvailableCard/noPriceAvailable.module.css index 39984359b..07a47e3cb 100644 --- a/packages/design-system/lib/components/HotelCard/NoPriceAvailableCard/noPriceAvailable.module.css +++ b/packages/design-system/lib/components/HotelCard/NoPriceAvailableCard/noPriceAvailable.module.css @@ -1,5 +1,5 @@ .priceCard { - padding: var(--Spacing-x-one-and-half); + padding: var(--Space-x15); background-color: var(--Base-Surface-Secondary-light-Normal); border-radius: var(--Corner-radius-md); margin: 0; diff --git a/packages/design-system/lib/components/IconChip/iconChip.module.css b/packages/design-system/lib/components/IconChip/iconChip.module.css index f973467a5..4aa2f7e6f 100644 --- a/packages/design-system/lib/components/IconChip/iconChip.module.css +++ b/packages/design-system/lib/components/IconChip/iconChip.module.css @@ -2,7 +2,7 @@ display: flex; align-items: center; gap: var(--Spacing-x1); - padding: var(--Spacing-x1) var(--Spacing-x-one-and-half); + padding: var(--Spacing-x1) var(--Space-x15); border-radius: var(--Corner-radius-sm); } diff --git a/packages/design-system/lib/components/Icons/Logos/ScandicLogo.tsx b/packages/design-system/lib/components/Icons/Logos/ScandicLogo.tsx index 57e25a519..ae6a60b27 100644 --- a/packages/design-system/lib/components/Icons/Logos/ScandicLogo.tsx +++ b/packages/design-system/lib/components/Icons/Logos/ScandicLogo.tsx @@ -14,7 +14,7 @@ export default function ScandicLogoIcon({ className={cx(styles.scandicLogo, className)} width={width} height={height} - viewBox="0 0 58 14" + viewBox="0 0 132 28" fill="none" xmlns="http://www.w3.org/2000/svg" {...props} @@ -22,41 +22,41 @@ export default function ScandicLogoIcon({ diff --git a/packages/design-system/lib/components/OldDSButton/button.module.css b/packages/design-system/lib/components/OldDSButton/button.module.css index 33dae6479..38e4fdba3 100644 --- a/packages/design-system/lib/components/OldDSButton/button.module.css +++ b/packages/design-system/lib/components/OldDSButton/button.module.css @@ -92,12 +92,12 @@ a.default { .btn.medium { gap: var(--Spacing-x-half); - padding: calc(var(--Spacing-x-one-and-half) + 2px) var(--Spacing-x2); + padding: calc(var(--Space-x15) + 2px) var(--Spacing-x2); /* Special case padding to adjust the missing border */ } .medium.secondary { - padding: var(--Spacing-x-one-and-half) var(--Spacing-x2); + padding: var(--Space-x15) var(--Spacing-x2); } .btn.large { diff --git a/packages/design-system/lib/components/Toasts/toasts.module.css b/packages/design-system/lib/components/Toasts/toasts.module.css index 2503fbcb4..9f455a4b1 100644 --- a/packages/design-system/lib/components/Toasts/toasts.module.css +++ b/packages/design-system/lib/components/Toasts/toasts.module.css @@ -9,7 +9,7 @@ } .content { - padding: var(--Spacing-x-one-and-half) var(--Spacing-x3); + padding: var(--Space-x15) var(--Spacing-x3); } @media screen and (min-width: 768px) { @@ -19,7 +19,7 @@ } .toast .message { - padding: var(--Spacing-x2) var(--Spacing-x-one-and-half); + padding: var(--Spacing-x2) var(--Space-x15); } .success { diff --git a/packages/design-system/lib/design-system-new-deprecated.css b/packages/design-system/lib/design-system-new-deprecated.css index 4b179e3a7..e1d4ad92c 100644 --- a/packages/design-system/lib/design-system-new-deprecated.css +++ b/packages/design-system/lib/design-system-new-deprecated.css @@ -363,7 +363,6 @@ --Spacing-x7: 56px; --Spacing-x9: 72px; --Spacing-x-half: 4px; - --Spacing-x-one-and-half: 12px; --Spacing-x-quarter: 2px; } :root {