scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merged in feat/book-425-optimize-campaign-rate-card (pull request #3015)

Browse Source 
Feat/book 425 optimize campaign rate card

* feat(BOOK-425): design updates to RateCard

* feat(BOOK-425): design updates to campaign BookingCodeChip

* feat(BOOK-425): fixed breakfast message & booking code chips on select rate and enter detailss

* feat(BOOK-425): fixed booking code chip on Booking Confirmation page

* fixed draft comments

* fixed more comments

* feat(BOOK-425): removed fixed height from RateCard banner

* fixed another variable comment

* fixed more pr comments

* fixed more pr comments

* updated ratecard campaign standard rate title color

* removed deconstructed props


Approved-by: Bianca Widstam
Approved-by: Erik Tiekstra
This commit is contained in:
Matilda Haneling
2025-10-29 13:54:29 +00:00
parent 56b44c16d4
commit 2c6d9860e1
28 changed files with 272 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
packages/design-system/lib/components/RateCard/rate-card.module.css
View File

@@ -58,7 +58,7 @@ label:not(:has(.radio:checked)) .checkIcon {
border-top-right-radius: var(--Corner-radius-md);
text-align: center;
color: var(--Text-Inverted);
padding: var(--Space-x05) 0;
padding: var(--Space-x05) var(--Space-x1);
text-transform: none;
}
@@ -66,7 +66,6 @@ label:not(:has(.radio:checked)) .checkIcon {
display: flex;
flex-direction: column;
gap: var(--Space-x1);
padding: var(--Space-x1) var(--Space-x15) var(--Space-x15);
}
@@ -100,7 +99,7 @@ label:not(:has(.radio:checked)) .checkIcon {
}
.highlightedRate {
color: var(--Surface-Brand-Primary-1-OnSurface-Accent);
color: var(--Text-Accent-Primary);
}
.textSecondary {
@@ -160,7 +159,19 @@ label:not(:has(.radio:checked)) .checkIcon {
}
.variant-campaign .banner {
background-color: var(--Surface-Accent-3);
background-color: var(
--Surface-Feedback-Succes-light,
var(--Scandic-Green-60)
); /*Should be updated to only use the new token --Surface-Feedback-Succes-light when tokens are up to date*/
display: flex;
justify-content: center;
align-items: center;
gap: var(--Space-x05);
align-self: stretch;
}
.variant-campaign .rate {
color: var(--Text-Accent-Primary);
}
.variant-code .banner {