Fix for react-native-web

Closes #8

corePlugins/alignContent.js

@@ -1,6 +1,6 @@
 import generator from '../util/generator';
 
-module.exports = generator.generate('content', 'alignContent', [
+export default generator.generate('content', 'alignContent', [
     ['start', 'flex-start'],
     ['end', 'flex-end'],
     'center',

corePlugins/alignItems.js

@@ -1,6 +1,6 @@
 import generator from '../util/generator';
 
-module.exports = generator.generate('items', 'alignItems', [
+export default generator.generate('items', 'alignItems', [
     ['start', 'flex-start'],
     ['end', 'flex-end'],
     'center',

corePlugins/alignSelf.js

@@ -1,6 +1,6 @@
 import generator from '../util/generator';
 
-module.exports = generator.generate('self', 'alignSelf', [
+export default generator.generate('self', 'alignSelf', [
     'auto',
     ['start', 'flex-start'],
     ['end', 'flex-end'],

corePlugins/backfaceVisibility.js

@@ -1,6 +1,6 @@
 import generator from '../util/generator';
 
-module.exports = generator.generate('backface', 'backfaceVisibility', [
+export default generator.generate('backface', 'backfaceVisibility', [
     'visible',
     'hidden',
 ]);

corePlugins/backgroundColor.js

@@ -1,4 +1,4 @@
 import generator from '../util/generator';
 import colors from '../color';
 
-module.exports = generator.generate('bg', 'backgroundColor', colors);
+export default generator.generate('bg', 'backgroundColor', colors);

corePlugins/borderColor.js

@@ -1,4 +1,4 @@
 import generator from '../util/generator';
 import colors from '../color';
 
-module.exports = generator.generate('border', 'borderColor', colors);
+export default generator.generate('border', 'borderColor', colors);

corePlugins/borderRadius.js

@@ -1,7 +1,7 @@
 import generator from '../util/generator';
 import theme from '../util/configHandler';
 
-module.exports = generator.generate('rounded', 'borderRadius', theme.borderRadius, [
+export default generator.generate('rounded', 'borderRadius', theme.borderRadius, [
     ['t', ['borderTopLeftRadius', 'borderTopRightRadius']],
     ['r', ['borderTopRightRadius', 'borderBottomRightRadius']],
     ['b', ['borderBottomLeftRadius', 'borderBottomRightRadius']],

corePlugins/borderRadiusDir.js

@@ -1,7 +1,7 @@
 import generator from '../util/generator';
 import theme from '../util/configHandler';
 
-module.exports = generator.generate('rounded-dir', 'borderRadius', theme.borderRadius, [
+export default generator.generate('rounded-dir', 'borderRadius', theme.borderRadius, [
     ['e', ['borderTopEndRadius', 'borderBottomEndRadius']],
     ['s', ['borderTopStartRadius', 'borderBottomStartRadius']],
     ['ts', 'borderTopStartRadius'],

corePlugins/borderStyle.js

@@ -1,6 +1,6 @@
 import generator from '../util/generator';
 
-module.exports = generator.generate('border', 'borderStyle', [
+export default generator.generate('border', 'borderStyle', [
     'solid',
     'dotted',
     'dashed',

corePlugins/borderWidth.js

@@ -1,7 +1,7 @@
 import generator from '../util/generator';
 import theme from '../util/configHandler';
 
-module.exports = generator.generate('border', 'borderWidth', theme.borderWidth, [
+export default generator.generate('border', 'borderWidth', theme.borderWidth, [
     ['x', ['borderRightWidth', 'borderLeftWidth']],
     ['y', ['borderTopWidth', 'borderBottomWidth']],
     ['t', 'borderTopWidth'],

corePlugins/borderWidthDir.js

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

corePlugins/bottom.js

@@ -1,4 +1,4 @@
 import generator from '../util/generator';
 import theme from '../util/configHandler';
 
-module.exports = generator.generate('bottom', 'bottom', theme.inset);
+export default generator.generate('bottom', 'bottom', theme.inset);

corePlugins/boxShadow.js

@@ -1,4 +1,4 @@
 import generator from '../util/generator';
 import theme from '../util/configHandler';
 
-module.exports = generator.generateShadows('shadow', 'shadow', theme.boxShadow);
+export default generator.generateShadows('shadow', 'shadow', theme.boxShadow);

corePlugins/direction.js

@@ -1,6 +1,6 @@
 import generator from '../util/generator';
 
-module.exports = generator.generate('direction', 'direction', [
+export default generator.generate('direction', 'direction', [
     'inherit',
     'ltr',
     'rtl',

corePlugins/display.js

@@ -1,6 +1,6 @@
 import generator from '../util/generator';
 
-module.exports = generator.generate('', 'display', [
+export default generator.generate('', 'display', [
     ['hidden', 'none'],
     'flex',
 ]);

corePlugins/end.js

@@ -1,4 +1,4 @@
 import generator from '../util/generator';
 import theme from '../util/configHandler';
 
-module.exports = generator.generate('end', 'end', theme.inset);
+export default generator.generate('end', 'end', theme.inset);

corePlugins/flex.js

@@ -1,4 +1,4 @@
 import generator from '../util/generator';
 import theme from '../util/configHandler';
 
-module.exports = generator.generate('flex', 'flex', theme.flex);
+export default generator.generate('flex', 'flex', theme.flex);

corePlugins/flexDirection.js

@@ -1,6 +1,6 @@
 import generator from '../util/generator';
 
-module.exports = generator.generate('flex', 'flexDirection', [
+export default generator.generate('flex', 'flexDirection', [
     'row',
     'row-reverse',
     ['col', 'column'],

corePlugins/flexGrow.js

@@ -1,4 +1,4 @@
 import generator from '../util/generator';
 import theme from '../util/configHandler';
 
-module.exports = generator.generate('flex-grow', 'flexGrow', theme.flexGrow);
+export default generator.generate('flex-grow', 'flexGrow', theme.flexGrow);

corePlugins/flexShrink.js

@@ -1,4 +1,4 @@
 import generator from '../util/generator';
 import theme from '../util/configHandler';
 
-module.exports = generator.generate('flex-shrink', 'flexShrink', theme.flexShrink);
+export default generator.generate('flex-shrink', 'flexShrink', theme.flexShrink);

corePlugins/flexWrap.js

@@ -1,6 +1,6 @@
 import generator from '../util/generator';
 
-module.exports = generator.generate('flex', 'flexWrap', [
+export default generator.generate('flex', 'flexWrap', [
     'wrap',
     'wrap-reverse',
     ['no-wrap', 'nowrap'],

corePlugins/fontFamily.js

@@ -1,4 +1,4 @@
 import generator from '../util/generator';
 import theme from '../util/configHandler';
 
-module.exports = generator.generate('font', 'fontFamily', theme.fontFamily);
+export default generator.generate('font', 'fontFamily', theme.fontFamily);

corePlugins/fontSize.js

@@ -1,4 +1,4 @@
 import generator from '../util/generator';
 import theme from '../util/configHandler';
 
-module.exports = generator.generate('text', 'fontSize', theme.fontSize);
+export default generator.generate('text', 'fontSize', theme.fontSize);

corePlugins/fontStyle.js

@@ -1,6 +1,6 @@
 import generator from '../util/generator';
 
-module.exports = generator.generate('', 'fontStyle', [
+export default generator.generate('', 'fontStyle', [
     ['not-italic', 'normal'],
     'italic',
 ]);

corePlugins/fontWeight.js

@@ -1,6 +1,6 @@
 import generator from '../util/generator';
 
-module.exports = generator.generate('font', 'fontWeight', [
+export default generator.generate('font', 'fontWeight', [
     'normal',
     'bold',
     ['hairline', 100],

corePlugins/height.js

@@ -1,4 +1,4 @@
 import generator from '../util/generator';
 import theme from '../util/configHandler';
 
-module.exports = generator.generate('h', 'height', theme.height);
+export default generator.generate('h', 'height', theme.height);

corePlugins/inset.js

@@ -1,7 +1,7 @@
 import generator from '../util/generator';
 import theme from '../util/configHandler';
 
-module.exports = generator.generate('inset', ['top', 'bottom', 'left', 'right'], theme.inset, [
+export default generator.generate('inset', ['top', 'bottom', 'left', 'right'], theme.inset, [
     ['x', ['left', 'right']],
     ['y', ['top', 'bottom']],
 ]);

corePlugins/insetDir.js

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

corePlugins/justifyContent.js

@@ -1,6 +1,6 @@
 import generator from '../util/generator';
 
-module.exports = generator.generate('justify', 'justifyContent', [
+export default generator.generate('justify', 'justifyContent', [
     ['start', 'flex-start'],
     ['end', 'flex-end'],
     'center',

corePlugins/left.js

@@ -1,4 +1,4 @@
 import generator from '../util/generator';
 import theme from '../util/configHandler';
 
-module.exports = generator.generate('left', 'left', theme.inset);
+export default generator.generate('left', 'left', theme.inset);

corePlugins/letterSpacing.js

@@ -1,4 +1,4 @@
 import generator from '../util/generator';
 import theme from '../util/configHandler';
 
-module.exports = generator.generate('tracking', 'letterSpacing', theme.letterSpacing);
+export default generator.generate('tracking', 'letterSpacing', theme.letterSpacing);

corePlugins/lineHeight.js

@@ -1,4 +1,4 @@
 import generator from '../util/generator';
 import theme from '../util/configHandler';
 
-module.exports = generator.generate('leading', 'lineHeight', theme.lineHeight);
+export default generator.generate('leading', 'lineHeight', theme.lineHeight);

corePlugins/margin.js

@@ -1,7 +1,7 @@
 import generator from '../util/generator';
 import theme from '../util/configHandler';
 
-module.exports = generator.generate('m', 'margin', theme.margin, [
+export default generator.generate('m', 'margin', theme.margin, [
     ['x', 'marginHorizontal'],
     ['y', 'marginVertical'],
     ['t', 'marginTop'],

corePlugins/maxHeight.js

@@ -1,4 +1,4 @@
 import generator from '../util/generator';
 import theme from '../util/configHandler';
 
-module.exports = generator.generate('max-h', 'maxHeight', theme.maxHeight);
+export default generator.generate('max-h', 'maxHeight', theme.maxHeight);

corePlugins/maxWidth.js

@@ -1,4 +1,4 @@
 import generator from '../util/generator';
 import theme from '../util/configHandler';
 
-module.exports = generator.generate('max-w', 'maxWidth', theme.maxWidth);
+export default generator.generate('max-w', 'maxWidth', theme.maxWidth);

corePlugins/minHeight.js

@@ -1,4 +1,4 @@
 import generator from '../util/generator';
 import theme from '../util/configHandler';
 
-module.exports = generator.generate('min-h', 'minHeight', theme.minHeight);
+export default generator.generate('min-h', 'minHeight', theme.minHeight);

corePlugins/minWidth.js

@@ -1,4 +1,4 @@
 import generator from '../util/generator';
 import theme from '../util/configHandler';
 
-module.exports = generator.generate('min-w', 'minWidth', theme.minWidth);
+export default generator.generate('min-w', 'minWidth', theme.minWidth);

corePlugins/objectFit.js

@@ -1,6 +1,6 @@
 import generator from '../util/generator';
 
-module.exports = generator.generate('object', 'resizeMode', ['contain',
+export default generator.generate('object', 'resizeMode', ['contain',
     'cover',
     'stretch',
     'center',

corePlugins/opacity.js

@@ -1,4 +1,4 @@
 import generator from '../util/generator';
 import theme from '../util/configHandler';
 
-module.exports = generator.generate('opacity', 'opacity', theme.opacity);
+export default generator.generate('opacity', 'opacity', theme.opacity);

corePlugins/overflow.js

@@ -1,6 +1,6 @@
 import generator from '../util/generator';
 
-module.exports = generator.generate('overflow', 'overflow', [
+export default generator.generate('overflow', 'overflow', [
     'visible',
     'hidden',
 ]);

corePlugins/padding.js

@@ -1,7 +1,7 @@
 import generator from '../util/generator';
 import theme from '../util/configHandler';
 
-module.exports = generator.generate('p', 'padding', theme.padding, [
+export default generator.generate('p', 'padding', theme.padding, [
     ['x', 'paddingHorizontal'],
     ['y', 'paddingVertical'],
     ['t', 'paddingTop'],

corePlugins/position.js

@@ -1,6 +1,6 @@
 import generator from '../util/generator';
 
-module.exports = generator.generate('', 'position', [
+export default generator.generate('', 'position', [
     'absolute',
     'relative',
 ]);

corePlugins/resize.js

@@ -1,6 +1,6 @@
 import generator from '../util/generator';
 
-module.exports = generator.generate('resize', 'resizeMode', [
+export default generator.generate('resize', 'resizeMode', [
     'contain',
     'cover',
     'stretch',

corePlugins/right.js

@@ -1,4 +1,4 @@
 import generator from '../util/generator';
 import theme from '../util/configHandler';
 
-module.exports = generator.generate('right', 'right', theme.inset);
+export default generator.generate('right', 'right', theme.inset);

corePlugins/start.js

@@ -1,4 +1,4 @@
 import generator from '../util/generator';
 import theme from '../util/configHandler';
 
-module.exports = generator.generate('start', 'start', theme.inset);
+export default generator.generate('start', 'start', theme.inset);

corePlugins/textAlign.js

@@ -1,6 +1,6 @@
 import generator from '../util/generator';
 
-module.exports = generator.generate('text', 'textAlign', [
+export default generator.generate('text', 'textAlign', [
     'auto',
     'left',
     'right',

corePlugins/textColor.js

@@ -1,4 +1,4 @@
 import generator from '../util/generator';
 import colors from '../color';
 
-module.exports = generator.generate('text', 'color', colors);
+export default generator.generate('text', 'color', colors);

corePlugins/textDecoration.js

@@ -1,6 +1,6 @@
 import generator from '../util/generator';
 
-module.exports = generator.generate('', 'textDecorationLine', [
+export default generator.generate('', 'textDecorationLine', [
     ['no-underline', 'none'],
     'underline',
     'line-through',

corePlugins/textShadow.js

@@ -1,4 +1,4 @@
 import generator from '../util/generator';
 import theme from '../util/configHandler';
 
-module.exports = generator.generateShadows('text-shadow', 'textShadow', theme.boxShadow);
+export default generator.generateShadows('text-shadow', 'textShadow', theme.boxShadow);

corePlugins/textTransform.js

@@ -1,6 +1,6 @@
 import generator from '../util/generator';
 
-module.exports = generator.generate('', 'textTransform', [
+export default generator.generate('', 'textTransform', [
     ['normal-case', 'none'],
     'uppercase',
     'lowercase',

corePlugins/tint.js

@@ -1,4 +1,4 @@
 import generator from '../util/generator';
 import colors from '../color';
 
-module.exports = generator.generate('tint', 'tintColor', colors);
+export default generator.generate('tint', 'tintColor', colors);

corePlugins/top.js

@@ -1,4 +1,4 @@
 import generator from '../util/generator';
 import theme from '../util/configHandler';
 
-module.exports = generator.generate('top', 'top', theme.inset);
+export default generator.generate('top', 'top', theme.inset);

corePlugins/verticalAlign.js

@@ -1,6 +1,6 @@
 import generator from '../util/generator';
 
-module.exports = generator.generate('align', 'textAlignVertical', [
+export default generator.generate('align', 'textAlignVertical', [
     'auto',
     'top',
     'bottom',

corePlugins/width.js

@@ -1,4 +1,4 @@
 import generator from '../util/generator';
 import theme from '../util/configHandler';
 
-module.exports = generator.generate('w', 'width', theme.width);
+export default generator.generate('w', 'width', theme.width);

corePlugins/zIndex.js

@@ -1,4 +1,4 @@
 import generator from '../util/generator';
 import theme from '../util/configHandler';
 
-module.exports = generator.generate('z', 'zIndex', theme.zIndex);
+export default generator.generate('z', 'zIndex', theme.zIndex);

util/configHandler.js

@@ -8,4 +8,4 @@ try {
 
 const {theme} = resolveConfig(file);
 
-module.exports = theme;
+export default theme;