Merged in feat/SW-829-rate-summary-UI (pull request #886)

Feat/SW-829 rate summary UI

Approved-by: Niclas Edenvin

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

@@ -52,6 +52,10 @@
   text-align: left;
 }
 
+.textAlignRight {
+  text-align: right;
+}
+
 .black {
   color: var(--Main-Grey-100);
 }

components/TempDesignSystem/Text/Body/variants.ts

@@ -30,6 +30,7 @@ const config = {
     textAlign: {
       center: styles.textAlignCenter,
       left: styles.textAlignLeft,
+      right: styles.textAlignRight,
     },
     textTransform: {
       bold: styles.bold,
@@ -52,6 +53,7 @@ const fontOnlyconfig = {
     textAlign: {
       center: styles.textAlignCenter,
       left: styles.textAlignLeft,
+      right: styles.textAlignRight,
     },
     textTransform: {
       bold: styles.bold,

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

@@ -47,6 +47,10 @@
   text-align: left;
 }
 
+.right {
+  text-align: right;
+}
+
 .black {
   color: var(--Main-Grey-100);
 }

components/TempDesignSystem/Text/Subtitle/variants.ts

@@ -18,6 +18,7 @@ const config = {
     textAlign: {
       center: styles.center,
       left: styles.left,
+      right: styles.right,
     },
     textTransform: {
       regular: styles.regular,