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

Merged in fix/consistent-link-colors (pull request #2245)

Browse Source 
feat: update links default color to match design documents

Approved-by: Michael Zetterberg
This commit is contained in:
Christian Andolf
2025-06-02 14:38:16 +00:00
parent 03468ad824 13136509b6
commit 726ea44105
84 changed files with 639 additions and 715 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
apps/scandic-web/components/HotelReservation/BookingConfirmation/HotelDetails/index.tsx
View File

@@ -49,14 +49,14 @@ export default function HotelDetails({
<div className={styles.contact}>
<Link
className={styles.link}
color="baseTextMediumContrast"
color="Text/Interactive/Secondary"
href={`mailto:${hotel.contactInformation.email}`}
>
{hotel.contactInformation.email}
</Link>
<Link
className={styles.link}
color="baseTextMediumContrast"
color="Text/Interactive/Secondary"
href={hotel.contactInformation.websiteUrl}
>
{hotel.contactInformation.websiteUrl}

3
apps/scandic-web/components/HotelReservation/BookingConfirmation/Receipt/Room/index.tsx
View File

@@ -96,11 +96,10 @@ export default function ReceiptRoom({
trigger={
<Button intent="text" className={styles.termsLink}>
<Link
color="peach80"
color="Text/Interactive/Secondary"
href=""
size="small"
textDecoration="underline"
variant="icon"
>
{intl.formatMessage({
defaultMessage: "Reservation policy",

3
apps/scandic-web/components/HotelReservation/EnterDetails/Details/RoomOne/JoinScandicFriendsCard/index.tsx
View File

@@ -97,7 +97,6 @@ export default function JoinScandicFriendsCard({
defaultMessage: "Already a friend?",
})} `}
<LoginButton
color="burgundy"
position="enter details"
trackingId="join-scandic-friends-enter-details"
variant="breadcrumb"
@@ -134,11 +133,9 @@ export default function JoinScandicFriendsCard({
{
termsAndConditionsLink: (str) => (
<Link
variant="default"
textDecoration="underline"
size="tiny"
target="_blank"
color="uiTextPlaceholder"
href={membershipTermsAndConditions[lang]}
>
{str}

2
apps/scandic-web/components/HotelReservation/EnterDetails/Payment/PaymentCallback/TimeoutSpinner/index.tsx
View File

@@ -34,7 +34,7 @@ export default function TimeoutSpinner() {
link: (text) => (
<Link
href={customerService[lang]}
variant="underscored"
textDecoration="underline"
target="_blank"
>
{text}

8
apps/scandic-web/components/HotelReservation/EnterDetails/Payment/TermsAndConditions/index.tsx
View File

@@ -30,7 +30,7 @@ export default function TermsAndConditions({
termsAndConditionsLink: (str) => (
<Link
className={styles.link}
variant="underscored"
textDecoration="underline"
href={bookingTermsAndConditions[lang]}
target="_blank"
weight="bold"
@@ -42,7 +42,7 @@ export default function TermsAndConditions({
privacyPolicyLink: (str) => (
<Link
className={styles.link}
variant="underscored"
textDecoration="underline"
href={privacyPolicy[lang]}
target="_blank"
weight="bold"
@@ -62,7 +62,7 @@ export default function TermsAndConditions({
termsAndConditionsLink: (str) => (
<Link
className={styles.link}
variant="underscored"
textDecoration="underline"
href={bookingTermsAndConditions[lang]}
target="_blank"
weight="bold"
@@ -74,7 +74,7 @@ export default function TermsAndConditions({
privacyPolicyLink: (str) => (
<Link
className={styles.link}
variant="underscored"
textDecoration="underline"
href={privacyPolicy[lang]}
target="_blank"
weight="bold"

1
apps/scandic-web/components/HotelReservation/FindMyBooking/index.tsx
View File

@@ -128,7 +128,6 @@ export default function FindMyBooking() {
<Link
href={customerService[lang]}
size="small"
color="uiTextPlaceholder"
textDecoration="underline"
target="_blank"
>

3
apps/scandic-web/components/HotelReservation/HotelCard/index.tsx
View File

@@ -117,8 +117,7 @@ function HotelCard({
) : (
<Link
size="small"
color="burgundy"
variant="underscored"
textDecoration="underline"
onClick={handleAddressClick}
href={selectHotelMap(lang)}
keepSearchParams

9
apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/Steps/ConfirmationStep/index.tsx
View File

@@ -169,8 +169,8 @@ export default function ConfirmationStep({
{
termsAndConditionsLink: (str) => (
<Link
variant="underscored"
color="peach80"
textDecoration="underline"
color="Text/Interactive/Secondary"
target="_blank"
href={bookingTermsAndConditions[lang]}
>
@@ -179,8 +179,8 @@ export default function ConfirmationStep({
),
privacyPolicyLink: (str) => (
<Link
variant="underscored"
color="peach80"
textDecoration="underline"
color="Text/Interactive/Secondary"
target="_blank"
href={privacyPolicy[lang]}
>
@@ -192,7 +192,6 @@ export default function ConfirmationStep({
</p>
</Typography>
<Checkbox
className={styles.checkbox}
name="termsAndConditions"
registerOptions={{ required: true }}
>

1
apps/scandic-web/components/HotelReservation/MyStay/BookingSummary/SummaryCard/index.tsx
View File

@@ -61,7 +61,6 @@ export default function SummaryCard({
<Link
href={link.href}
target="_blank"
color="burgundy"
className={styles.link}
onClick={link.onClick}
>

8
apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/NotCancelled/ManageStay/Actions/GuaranteeLateArrival/Form/index.tsx
View File

@@ -107,8 +107,8 @@ export default function Form() {
{
termsAndConditionsLink: (str) => (
<Link
variant="underscored"
color="peach80"
textDecoration="underline"
color="Text/Interactive/Secondary"
target="_blank"
href={bookingTermsAndConditions[lang]}
onClick={(e) => e.stopPropagation()}
@@ -118,8 +118,8 @@ export default function Form() {
),
privacyPolicyLink: (str) => (
<Link
variant="underscored"
color="peach80"
textDecoration="underline"
color="Text/Interactive/Secondary"
target="_blank"
href={privacyPolicy[lang]}
onClick={(e) => e.stopPropagation()}

1
apps/scandic-web/components/HotelReservation/SelectHotel/MobileMapButtonContainer/index.tsx
View File

@@ -42,7 +42,6 @@ export default function MobileMapButtonContainer({
href={
isAlternative ? alternativeHotelsMap(lang) : selectHotelMap(lang)
}
color="baseButtonTextOnFillNormal"
keepSearchParams
weight="bold"
>

7
apps/scandic-web/components/HotelReservation/SelectHotel/index.tsx
View File

@@ -90,12 +90,7 @@ export default async function SelectHotel({
{showBookingCodeFilter ? <BookingCodeFilter /> : null}
<div className={styles.sideBar}>
{hotels.length ? (
<Link
className={styles.link}
color="burgundy"
href={mapHref}
keepSearchParams
>
<Link className={styles.link} href={mapHref} keepSearchParams>
<div className={styles.mapContainer}>
<StaticMap
city={city.name}

2
apps/scandic-web/components/HotelReservation/SelectRate/HotelInfoCard/HotelDescription/hotelDescription.module.css
View File

@@ -42,7 +42,7 @@
cursor: pointer;
&:hover {
color: var(--Text-Interactive-Hover-Secondary);
color: var(--Text-Interactive-Secondary-Hover);
}
}