Merged in feature/transpile-design-system (pull request #2621)

Feature/transpile design system

* remove example, we should use storybook instead

* remove example, we should use storybook instead

* css-modules cannot have :root, moved affected css-variables to globals.css

* .

* scandic-web no longer depends on design-system#build

* * Update readme
* Remove test code


Approved-by: Anton Gunnarsson

apps/partner-sas/globals.css

@@ -8,7 +8,7 @@
   --max-width-navigation: 89.5rem;
 
   --max-width-single-spacing: var(--Layout-Mobile-Margin-Margin-min);
-  --max-width-spacing: calc(var(--max-width-single-spacing) * 2);
+  --max-width-spacing: calc(var(--Space-x2) * 2);
   --max-width-page: min(
     calc(100dvw - var(--max-width-spacing)),
     var(--max-width-navigation)
@@ -44,6 +44,7 @@
 }
 
 * {
+  margin: 0;
   box-sizing: border-box;
 }
 
@@ -92,6 +93,7 @@ ul {
 @media screen and (min-width: 768px) {
   :root {
     --max-width-single-spacing: var(--Layout-Tablet-Margin-Margin-min);
+    --max-width-spacing: calc(var(--Space-x3) * 2);
   }
 
   body.overflow-hidden {
@@ -103,5 +105,6 @@ ul {
 @media screen and (min-width: 1367px) {
   :root {
     --max-width-single-spacing: var(--Layout-Desktop-Margin-Margin-min);
+    --max-width-spacing: calc(var(--Space-x5) * 2);
   }
 }

apps/partner-sas/next.config.ts

@@ -9,6 +9,7 @@ const nextConfig: NextConfig = {
     "@scandic-hotels/common",
     "@scandic-hotels/trpc",
     "@scandic-hotels/booking-flow",
+    "@scandic-hotels/design-system",
   ],
   output: "standalone",
 

apps/partner-sas/turbo.json

@@ -1,17 +1,9 @@
 {
   "extends": ["//"],
   "tasks": {
-    "dev": {
-      "dependsOn": ["@scandic-hotels/design-system#build"]
-    },
-    "build": {
-      "dependsOn": ["@scandic-hotels/design-system#build"]
-    },
-    "test": {
-      "dependsOn": ["@scandic-hotels/design-system#build"]
-    },
-    "lint": {
-      "dependsOn": ["@scandic-hotels/design-system#build"]
-    }
+    "dev": {},
+    "build": {},
+    "test": {},
+    "lint": {}
   }
 }

apps/redis-api/docker-compose.yaml

@@ -4,7 +4,7 @@ services:
       context: .
       dockerfile: Dockerfile
     ports:
-      - "3001:3001"
+      - "3101:3001"
     depends_on:
       - redis
     environment:

apps/scandic-web/app/globals.css

@@ -8,7 +8,7 @@
   --max-width-navigation: 89.5rem;
 
   --max-width-single-spacing: var(--Layout-Mobile-Margin-Margin-min);
-  --max-width-spacing: calc(var(--max-width-single-spacing) * 2);
+  --max-width-spacing: calc(var(--Space-x2) * 2);
   --max-width-page: min(
     calc(100dvw - var(--max-width-spacing)),
     var(--max-width-navigation)
@@ -44,6 +44,7 @@
 }
 
 * {
+  margin: 0;
   box-sizing: border-box;
 }
 
@@ -92,6 +93,7 @@ ul {
 @media screen and (min-width: 768px) {
   :root {
     --max-width-single-spacing: var(--Layout-Tablet-Margin-Margin-min);
+    --max-width-spacing: calc(var(--Space-x3) * 2);
   }
 
   body.overflow-hidden {
@@ -103,5 +105,6 @@ ul {
 @media screen and (min-width: 1367px) {
   :root {
     --max-width-single-spacing: var(--Layout-Desktop-Margin-Margin-min);
+    --max-width-spacing: calc(var(--Space-x5) * 2);
   }
 }

apps/scandic-web/docker-compose.yaml

@@ -4,7 +4,7 @@ services:
       context: ../redis-api
       dockerfile: Dockerfile
     ports:
-      - "3001:3001"
+      - "3101:3001"
     depends_on:
       - redis
     environment:

apps/scandic-web/turbo.json

@@ -1,17 +1,9 @@
 {
   "extends": ["//"],
   "tasks": {
-    "dev": {
-      "dependsOn": ["@scandic-hotels/design-system#build"]
-    },
-    "build": {
-      "dependsOn": ["@scandic-hotels/design-system#build"]
-    },
-    "test": {
-      "dependsOn": ["@scandic-hotels/design-system#build"]
-    },
-    "lint": {
-      "dependsOn": ["@scandic-hotels/design-system#build"]
-    }
+    "dev": {},
+    "build": {},
+    "test": {},
+    "lint": {}
   }
 }