With these updates, RTL support is also available for locales.

packages/stateofjs/lib/modules/i18n.js

@@ -21,6 +21,12 @@ export const locales = [
     label: 'Español',
     translators: ['timbergus', 'ezakto'],
   },
+  {
+    id: 'fa-IR',
+    label: 'فارسی',
+    rtl: true,
+    translators: ['fghamsary'],
+  },
   {
     id: 'fr-FR',
     label: 'Français',
@@ -96,11 +102,12 @@ export const locales = [
 // };
 
 locales.forEach((locale) => {
-  const { id, stringFiles, label } = locale;
+  const { id, stringFiles, label, rtl } = locale;
   registerLocale({
     id,
     label,
     dynamic: true,
+    rtl,
   });
 
   // if (id === 'en') {

packages/stateofjs/lib/stylesheets/_global.scss

@@ -4,6 +4,7 @@
 
 html {
   box-sizing: border-box;
+  --text-start-directoin: left;
 }
 *,
 *:before,

packages/stateofjs/lib/stylesheets/_rtl_support.scss

@@ -0,0 +1,10 @@
+html.rtl {
+  direction: rtl;
+  --text-start-directoin: right !important;
+
+  .survey-section {
+    .form-check-input {
+      margin: 0px 0 0 $spacing/1.5 !important;
+    }
+  }
+}

packages/stateofjs/lib/stylesheets/main.scss

@@ -21,3 +21,4 @@
 @import '_accounts.scss';
 @import '_score.scss';
 @import '_admin.scss';
+@import '_rtl_support.scss';