Merged in feat/sw-587-sidepeek-for-room (pull request #767)

Create the sidepeek for a specific roomtype. This also changes the lightbox to use react-aria instead of radix-ui, so we use the same for the lightbox and the sidepeek. Works better together!


Approved-by: Bianca Widstam

components/TempDesignSystem/SidePeek/sidePeek.module.css

@@ -39,7 +39,7 @@
   width: 100%;
   height: 100vh;
   background-color: var(--Base-Background-Primary-Normal);
-  z-index: 100;
+  z-index: var(--sidepeek-z-index);
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.85);
 }
 

components/TempDesignSystem/Text/Body/body.module.css

@@ -80,6 +80,10 @@
   color: var(--UI-Text-High-contrast);
 }
 
+.baseTextMediumContrast {
+  color: var(--Base-Text-Medium-contrast);
+}
+
 .white {
   color: var(--UI-Opacity-White-100);
 }

components/TempDesignSystem/Text/Body/variants.ts

@@ -12,6 +12,7 @@ const config = {
       pale: styles.pale,
       red: styles.red,
       textMediumContrast: styles.textMediumContrast,
+      baseTextMediumContrast: styles.baseTextMediumContrast,
       textHighContrast: styles.textHighContrast,
       white: styles.white,
       peach50: styles.peach50,