feat(SW-375): consume new tokens in scandic-web

This commit is contained in:
Michael Zetterberg
2025-03-02 08:12:27 +01:00
parent 56973888c9
commit 6232ded991
27 changed files with 68 additions and 147 deletions

View File

@@ -1,4 +1,6 @@
import "@scandic-hotels/design-system/fonts.css"
import "@/app/globals.css"
import "@/public/_static/css/design-system-new-deprecated.css"
import "@scandic-hotels/design-system/style.css"
import { ReactQueryDevtools } from "@tanstack/react-query-devtools"
@@ -49,7 +51,7 @@ export default async function RootLayout({
window.adobeDataLayer = window.adobeDataLayer || []
`}</Script>
</head>
<body>
<body className="scandic">
<SessionProvider basePath="/api/web/auth">
<ServerIntlProvider intl={{ defaultLocale, locale, messages }}>
<TrpcProvider>

View File

@@ -1,4 +1,6 @@
import "@scandic-hotels/design-system/fonts.css"
import "@/app/globals.css"
import "@/public/_static/css/design-system-current-deprecated.css"
import "@scandic-hotels/design-system/style.css"
import Script from "next/script"

View File

@@ -1,4 +1,6 @@
import "@scandic-hotels/design-system/fonts.css"
import "@/app/globals.css"
import "@/public/_static/css/design-system-new-deprecated.css"
import "@scandic-hotels/design-system/style.css"
import { ReactQueryDevtools } from "@tanstack/react-query-devtools"

View File

@@ -1,4 +1,6 @@
import "@scandic-hotels/design-system/fonts.css"
import "@/app/globals.css"
import "@/public/_static/css/design-system-new-deprecated.css"
import "@scandic-hotels/design-system/style.css"
import Script from "next/script"

View File

@@ -1,101 +1,3 @@
@font-face {
font-display: fallback;
font-family: "biro script plus";
font-style: normal;
font-weight: 400;
src: url(/_static/fonts/biro-script-plus/regular.woff2) format("woff2");
}
@font-face {
font-display: fallback;
font-family: "brandon text";
font-weight: 700;
src:
url(/_static/fonts/brandon-text/bold.woff2) format("woff2"),
url(/_static/fonts/brandon-text/bold.woff) format("woff");
}
@font-face {
font-display: fallback;
font-family: "brandon text";
font-weight: 900;
src:
url(/_static/fonts/brandon-text/black.woff2) format("woff2"),
url(/_static/fonts/brandon-text/black.woff) format("woff");
}
@font-face {
font-display: fallback;
font-family: "fira mono";
font-style: normal;
font-weight: 400;
src: url(/_static/fonts/fira-mono/regular.woff2) format("woff2");
}
@font-face {
font-display: fallback;
font-family: "fira mono";
font-style: normal;
font-weight: 500;
src: url(/_static/fonts/fira-mono/medium.woff2) format("woff2");
}
@font-face {
font-display: fallback;
font-family: "fira mono";
font-style: normal;
font-weight: 700;
src: url(/_static/fonts/fira-mono/bold.woff2) format("woff2");
}
@font-face {
font-display: fallback;
font-family: "fira sans";
font-style: normal;
font-weight: 300;
src: url(/_static/fonts/fira-sans/light.woff2) format("woff2");
}
@font-face {
font-display: fallback;
font-family: "fira sans";
font-style: normal;
font-weight: 400;
src: url(/_static/fonts/fira-sans/regular.woff2) format("woff2");
}
@font-face {
font-display: fallback;
font-family: "fira sans";
font-style: normal;
font-weight: 500;
src: url(/_static/fonts/fira-sans/medium.woff2) format("woff2");
}
@font-face {
font-display: fallback;
font-family: "fira sans";
font-style: normal;
font-weight: 600;
src: url(/_static/fonts/fira-sans/semibold.woff2) format("woff2");
}
@font-face {
font-display: fallback;
font-family: "fira sans";
font-style: normal;
font-weight: 700;
src: url(/_static/fonts/fira-sans/bold.woff2) format("woff2");
}
@font-face {
font-display: fallback;
font-family: "fira sans";
font-style: normal;
font-weight: 900;
src: url(/_static/fonts/fira-sans/black.woff2) format("woff2");
}
:root {
--current-max-width: 113.5rem;

View File

@@ -1,9 +1,10 @@
import { Typography } from "@scandic-hotels/design-system/Typography"
import { ChevronRightSmallIcon, TripAdvisorIcon } from "@/components/Icons"
import Link from "@/components/TempDesignSystem/Link"
import BiroScript from "@/components/TempDesignSystem/Text/BiroScript"
import Body from "@/components/TempDesignSystem/Text/Body"
import Preamble from "@/components/TempDesignSystem/Text/Preamble"
import Title from "@/components/TempDesignSystem/Text/Title"
import { getIntl } from "@/i18n"
import { getSingleDecimal } from "@/utils/numberFormatting"
@@ -47,7 +48,9 @@ export default async function IntroSection({
<BiroScript tilted="medium" color="red">
{intl.formatMessage({ id: "Welcome to" })}
</BiroScript>
<Title level="h2">{hotelName}</Title>
<Typography variant="Title/lg">
<h1>{hotelName}</h1>
</Typography>
</div>
<Body color="uiTextMediumContrast">{formattedLocationText}</Body>
{hasTripAdvisorData && (

View File

@@ -1,11 +1,10 @@
"use client"
import { useRouter } from "next/navigation"
import { Button } from "@scandic-hotels/design-system/current"
import { renderOptions as currentRenderOptions } from "@/components/Current/currentRenderOptions"
import DeprecatedJsonToHtml from "@/components/DeprecatedJsonToHtml"
import Image from "@/components/Image"
import Button from "@/components/TempDesignSystem/Button"
import { renderOptions } from "./renderOptions"

View File

@@ -1,6 +1,6 @@
"use client"
import "@scandic-hotels/design-system/current/style.css"
import "@/public/_static/css/design-system-current-deprecated.css"
import { useIntl } from "react-intl"

View File

@@ -1,6 +1,3 @@
import "@/app/globals.css"
import "@scandic-hotels/design-system/style.css"
import { overview } from "@/constants/routes/webviews"
import { serverClient } from "@/lib/trpc/server"

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -1424,7 +1424,7 @@ export const hotelQueryRouter = router({
error: validatedMeetingRooms.error,
})
)
throw badRequestError()
return []
}
metrics.meetingRooms.success.add(1, {
hotelId,