Merge in feat/SW-415-select-room-card (pull request #663)

Feat/SW-415 select room card

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

@@ -99,3 +99,7 @@
 .uiTextPlaceholder {
   color: var(--UI-Text-Placeholder);
 }
+
+.disabled {
+  color: var(--Base-Text-Disabled);
+}

components/TempDesignSystem/Text/Body/variants.ts

@@ -7,6 +7,7 @@ const config = {
     color: {
       black: styles.black,
       burgundy: styles.burgundy,
+      disabled: styles.disabled,
       grey: styles.grey,
       pale: styles.pale,
       red: styles.red,

components/TempDesignSystem/Text/Caption/caption.module.css

@@ -75,6 +75,10 @@ p.caption {
   color: var(--UI-Text-High-contrast);
 }
 
+.uiTextPlaceholder {
+  color: var(--UI-Text-Placeholder);
+}
+
 .disabled {
   color: var(--Base-Text-Disabled);
 }

components/TempDesignSystem/Text/Caption/variants.ts

@@ -15,6 +15,7 @@ const config = {
       uiTextHighContrast: styles.uiTextHighContrast,
       uiTextActive: styles.uiTextActive,
       uiTextMediumContrast: styles.uiTextMediumContrast,
+      uiTextPlaceholder: styles.uiTextPlaceholder,
       disabled: styles.disabled,
     },
     textTransform: {

components/TempDesignSystem/Text/Subtitle/subtitle.module.css

@@ -66,3 +66,11 @@
 .uiTextMediumContrast {
   color: var(--UI-Text-Medium-contrast);
 }
+
+.red {
+  color: var(--Scandic-Brand-Scandic-Red);
+}
+
+.disabled {
+  color: var(--Base-Text-Disabled);
+}

components/TempDesignSystem/Text/Subtitle/variants.ts

@@ -7,9 +7,11 @@ const config = {
     color: {
       black: styles.black,
       burgundy: styles.burgundy,
+      disabled: styles.disabled,
       pale: styles.pale,
       uiTextHighContrast: styles.uiTextHighContrast,
       uiTextMediumContrast: styles.uiTextMediumContrast,
+      red: styles.red,
     },
     textAlign: {
       center: styles.center,