feat(SW-375): consume new tokens in scandic-web
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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"
|
||||
|
||||
@@ -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"
|
||||
|
||||
@@ -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"
|
||||
|
||||
@@ -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;
|
||||
|
||||
|
||||
@@ -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 && (
|
||||
|
||||
@@ -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"
|
||||
|
||||
|
||||
@@ -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"
|
||||
|
||||
|
||||
@@ -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
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -1424,7 +1424,7 @@ export const hotelQueryRouter = router({
|
||||
error: validatedMeetingRooms.error,
|
||||
})
|
||||
)
|
||||
throw badRequestError()
|
||||
return []
|
||||
}
|
||||
metrics.meetingRooms.success.add(1, {
|
||||
hotelId,
|
||||
|
||||
Reference in New Issue
Block a user