feat: add RTL support

packages/core/gulpfile.js

@@ -12,6 +12,7 @@ const del = require('del');
 const gulp = require('gulp');
 const rename = require('gulp-rename');
 const postcss = require('gulp-postcss');
+const rtlcss = require('gulp-rtlcss');
 const postcssPresetInfima = require('postcss-preset-infima');
 const webserver = require('gulp-webserver');
 
@@ -29,6 +30,14 @@ function transformStyles() {
     .pipe(gulp.dest('./dist/css'));
 }
 
+function createRtlStyles() {
+  return gulp
+    .src('./dist/css/**/*.css')
+    .pipe(rtlcss())
+    .pipe(rename({suffix: '-rtl'}))
+    .pipe(gulp.dest('./dist/css'));
+}
+
 function transformScripts() {
   // Only copy for now. In future run through Babel.
   return gulp.src('./js/**/*.js').pipe(gulp.dest('./dist/js'));
@@ -70,7 +79,7 @@ function clean() {
   return del(['./dist/**/*', './demo/css/**', './demo/js/**']);
 }
 
-const transformAssets = gulp.parallel(transformStyles, transformScripts);
+const transformAssets = gulp.parallel(gulp.series(transformStyles, createRtlStyles), transformScripts);
 const copyAssetsToDemo = gulp.parallel(copyStylesToDemo, copyScriptsToDemo);
 const minifyAssets = gulp.parallel(minifyStyles, minifyScripts);
 const transformAndCopy = gulp.series(transformAssets, copyAssetsToDemo);

packages/core/package.json

@@ -26,6 +26,7 @@
     "gulp": "^4.0.0",
     "gulp-postcss": "^8.0.0",
     "gulp-rename": "^1.2.2",
+    "gulp-rtlcss": "^1.4.1",
     "gulp-sass": "^4.0.1",
     "gulp-webserver": "^0.9.1",
     "natives": "^1.1.6",