Add directional keys back for compatebility

corePlugins/borderRadiusDir.js

@@ -0,0 +1,11 @@
+import generator from '../util/generator';
+import theme from '../util/configHandler';
+
+export default generator.generate('rounded-dir', 'borderRadius', theme.borderRadius, [
+    ['e', ['borderTopEndRadius', 'borderBottomEndRadius']],
+    ['s', ['borderTopStartRadius', 'borderBottomStartRadius']],
+    ['ts', 'borderTopStartRadius'],
+    ['te', 'borderTopEndRadius'],
+    ['be', 'borderBottomEndRadius'],
+    ['bs', 'borderBottomStartRadius'],
+]);

corePlugins/borderWidthDir.js

@@ -0,0 +1,8 @@
+import generator from '../util/generator';
+import theme from '../util/configHandler';
+
+export default generator.generate('border-dir', 'borderWidth', theme.borderWidth, [
+    ['x', ['borderEndWidth', 'borderStartWidth']],
+    ['e', 'borderEndWidth'],
+    ['s', 'borderStartWidth'],
+]);

corePlugins/insetDir.js

@@ -0,0 +1,6 @@
+import generator from '../util/generator';
+import theme from '../util/configHandler';
+
+export default generator.generate('inset-dir', ['top', 'bottom', 'start', 'end'], theme.inset, [
+    ['x', ['start', 'end']],
+]);

tailwind.js

@@ -53,6 +53,9 @@ import width from './corePlugins/width';
 import zIndex from './corePlugins/zIndex';
 import boxShadow from './corePlugins/boxShadow';
 import textShadow from './corePlugins/textShadow';
+import insetDir from './corePlugins/insetDir';
+import borderWidthDir from './corePlugins/borderWidthDir';
+import borderRadiusDir from './corePlugins/borderRadiusDir';
 
 let style = {};
 
@@ -110,6 +113,9 @@ Object.assign(style,
     tint,
     width,
     zIndex,
+    borderRadiusDir,
+    borderWidthDir,
+    insetDir,
 );
 
 export default StyleSheet.create(style);