feat(SW-375): new tokens

new asset generation logic

BREAKING CHANGE: New tokens.

packages/design-system/example/components/HotelPage/Hero/Hero.tsx

@@ -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>
+  )
+}

packages/design-system/example/components/HotelPage/Hero/hero.module.css

@@ -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 */
+}

packages/design-system/example/components/HotelPage/Hero/index.tsx

@@ -0,0 +1 @@
+export { Hero } from './Hero'