Reorganize modules

src/modules/Image/index.js

@@ -7,7 +7,7 @@ class Image extends React.Component {
   static propTypes = {
     accessibilityLabel: PropTypes.string,
     className: PropTypes.string,
-    source: PropTypes.string,
+    source: PropTypes.object,
     style: PropTypes.shape(ImageStylePropTypes)
   }
 
@@ -28,7 +28,7 @@ class Image extends React.Component {
         alt={accessibilityLabel}
         className={`Image ${className}`}
         component='img'
-        src={source}
+        src={source.uri}
         style={mergedStyle}
       />
     )

src/modules/Image/index.spec.js

@@ -39,11 +39,11 @@ suite('Image', () => {
   })
 
   test('prop "source"', () => {
-    const source = 'path-to-image'
+    const source = { uri: 'path-to-image' }
     const result = ReactTestUtils.renderIntoDocument(<Image source={source} />)
     const root = React.findDOMNode(result)
 
-    assert.equal(root.getAttribute('src'), source)
+    assert.equal(root.getAttribute('src'), source.uri)
   })
 
   test('prop "style"', () => {

src/modules/react-native-web-style/modules/restyle.js

@@ -1,5 +1,5 @@
 import autoprefix from './autoprefix'
-import styles from './styles.css'
+import styles from '../../styles'
 
 /**
  * Get the HTML class that corresponds to a style declaration

src/modules/styles/index.js

@@ -0,0 +1,2 @@
+import styles from './styles.css'
+export default styles

src/modules/styles/styles.css

@@ -480,6 +480,7 @@
 
 /* order */
 
+.order--1 { order: -1; }
 .order-1 { order: 1; }
 .order-2 { order: 2; }
 .order-3 { order: 3; }
@@ -489,6 +490,8 @@
 .order-7 { order: 7; }
 .order-8 { order: 8; }
 .order-9 { order: 9; }
+.order-10 { order: 10; }
+.order-11 { order: 11; }
 
 /* overflow */