fix(renderer): Flip all RTL styles

We need a sylis plugin for this according to
https://mui.com/material-ui/guides/right-to-left/#3-install-the-rtl-plugin

Signed-off-by: Kristóf Marussy <kristof@marussy.com>

1 files changed, 5 insertions, 1 deletions

diff --git a/packages/renderer/package.json b/packages/renderer/package.json
index ca938da..1b207f5 100644
--- a/packages/renderer/package.json
+++ b/packages/renderer/package.json
@@ -8,6 +8,7 @@
     "typecheck:workspace": "yarn g:typecheck"
   },
   "dependencies": {
+    "@emotion/cache": "^11.7.1",
     "@emotion/react": "^11.9.0",
     "@emotion/styled": "^11.8.1",
     "@fontsource/roboto": "^4.5.5",
@@ -23,7 +24,9 @@
     "mobx-state-tree": "^5.1.3",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "react-i18next": "^11.16.6"
+    "react-i18next": "^11.16.6",
+    "stylis": "^4.1.0",
+    "stylis-plugin-rtl": "^2.1.1"
   },
   "devDependencies": {
     "@jest/globals": "^27.5.1",
@@ -31,6 +34,7 @@
     "@types/lodash-es": "^4.17.6",
     "@types/react": "^17.0.44",
     "@types/react-dom": "^17.0.15",
+    "@types/stylis": "^4.0.2",
     "@vitejs/plugin-react": "^1.3.1",
     "jest": "^27.5.1",
     "jest-mock": "^27.5.1",