feat(SW-93): add mocked facility cards

components/TempDesignSystem/Text/BiroScript/biroScript.module.css

@@ -26,10 +26,14 @@
   line-height: var(--typography-Script-2-lineHeight);
 }
 
-.tiltedSmall {
+.tiltedExtraSmall {
   transform: rotate(-2deg);
 }
 
+.tiltedSmall {
+  transform: rotate(-3deg);
+}
+
 .tiltedMedium {
   transform: rotate(-4deg) translate(0px, -15px);
 }
@@ -59,7 +63,7 @@
 }
 
 .peach80 {
-  color: var(--Scandic-Peach-80);
+  color: var(--Base-Text-Medium-contrast);
 }
 
 .plosa {
@@ -69,3 +73,7 @@
 .red {
   color: var(--Scandic-Brand-Scandic-Red);
 }
+
+.pink {
+  color: var(--Primary-Dark-On-Surface-Accent);
+}

components/TempDesignSystem/Text/BiroScript/variants.ts

@@ -11,6 +11,7 @@ const config = {
       peach80: styles.peach80,
       primaryLightOnSurfaceAccent: styles.plosa,
       red: styles.red,
+      pink: styles.pink,
     },
     textAlign: {
       center: styles.center,
@@ -21,6 +22,7 @@ const config = {
       two: styles.two,
     },
     tilted: {
+      extraSmall: styles.tiltedExtraSmall,
       small: styles.tiltedSmall,
       medium: styles.tiltedMedium,
       large: styles.tiltedLarge,