feat(SW-375): new tokens

new asset generation logic BREAKING CHANGE: New tokens.
2025-01-20 14:46:25 +01:00
parent 7ce2ee2922
commit 56973888c9
189 changed files with 34368 additions and 10344 deletions
@@ -0,0 +1,18 @@
+import { Button } from '@scandic-hotels/design-system/Button'
+
+import styles from './hero.module.css'
+
+export function Hero() {
+  return (
+    <div className={styles.hero}>
+      <img
+        className={styles.image}
+        src="/img/Hotelpage_mobile/Scandic_Couple_Friends_Lobby 6.png"
+        alt=""
+      />
+      <Button className={styles.button} typography="Body/Paragraph/mdBold">
+        See all photos
+      </Button>
+    </div>
+  )
+}
@@ -0,0 +1,17 @@
+.hero {
+  position: relative;
+}
+
+.image {
+  border-radius: var(--Corner-radius-md);
+  display: block;
+  width: 100%;
+  height: 270px; /* TODO: Magic number, revisit */
+  object-fit: cover;
+}
+
+.button {
+  position: absolute;
+  bottom: 16.6px; /* TODO: Magic number, revisit */
+  right: 15px; /* TODO: Magic number, revisit */
+}
@@ -0,0 +1 @@
+export { Hero } from './Hero'
@@ -0,0 +1,39 @@
+import { Button } from '@scandic-hotels/design-system/Button'
+import { Typography } from '@scandic-hotels/design-system/Typography'
+
+import { Hero } from './Hero'
+
+import styles from './hotel-page.module.css'
+
+export function HotelPage() {
+  return (
+    <div className={styles.page}>
+      <Hero />
+      <div className={styles.intro}>
+        <Typography variant="Title/lg">
+          <h1>Scandic Helsinki Hub</h1>
+        </Typography>
+        <Typography variant="Body/Supporting text (caption)/smRegular">
+          <p>Annankatu 18, Helsinki (0km to city centre)</p>
+        </Typography>
+        <Typography variant="Body/Supporting text (caption)/smRegular">
+          <a href="#">4.1 (95 reviews on tripadvisor)</a>
+        </Typography>
+      </div>
+      <div className={styles.preamble}>
+        <Typography variant="Body/Paragraph/mdRegular">
+          <p>
+            Modern urban hotel in a impressive 1920s printing house next to the
+            Old Church Park in Helsinki city centre. Loft-style rooms, an
+            inviting restaurant area and inspiring setting for a relaxed stay.
+          </p>
+        </Typography>
+        <span>
+          <Button variant="Text" typography="Body/Paragraph/mdBold">
+            Read more about the hotel
+          </Button>
+        </span>
+      </div>
+    </div>
+  )
+}
@@ -0,0 +1,18 @@
+.page {
+  display: flex;
+  flex-direction: column;
+  gap: var(--Space-x3);
+  padding: var(--Space-x3) var(--Space-x2);
+}
+
+.intro {
+  display: flex;
+  flex-direction: column;
+  gap: var(--Space-x1);
+}
+
+.preamble {
+  display: flex;
+  flex-direction: column;
+  gap: var(--Space-x05);
+}
@@ -0,0 +1 @@
+export { HotelPage } from './HotelPage'