update image to icon tag

Author: kyleturco

docs/app/Examples/elements/List/Content/ListDescriptionExample.js

@@ -7,8 +7,8 @@ export default class ListDescriptionExample extends Component {
 
     return (
       <List>
-        <ListItem image={mapIcon} header='Chicago' description='This city is located in the state of Illinois' />
-        <ListItem image={mapIcon} header='Nashville' description='This city is located in the state of Tennessee' />
+        <ListItem icon={mapIcon} header='Chicago' description='This city is located in the state of Illinois' />
+        <ListItem icon={mapIcon} header='Nashville' description='This city is located in the state of Tennessee' />
       </List>
     );
   }

docs/app/Examples/elements/List/Content/ListImageExample.js

@@ -4,15 +4,9 @@ import {List, ListItem} from 'stardust';
 
 export default class ListImageExample extends Component {
   render() {
-<<<<<<< HEAD
     const helenAvatar = <Image className='avatar' src={faker.image.internet.avatar()} />;
     const christianAvatar = <Image className='avatar' src={faker.image.internet.avatar()} />;
     const danielAvatar = <Image className='avatar' src={faker.image.internet.avatar()} />;
-=======
-    const helenAvatar = <img className='ui avatar image' src='http://lorempixel.com/100/100/people/1' />;
-    const christianAvatar = <img className='ui avatar image' src='http://lorempixel.com/100/100/people/2' />;
-    const danielAvatar = <img className='ui avatar image' src='http://lorempixel.com/100/100/people/3' />;
->>>>>>> add final updates and code cleanup
     return (
       <List>
         <ListItem image={helenAvatar} header='Helen' />

docs/app/Examples/elements/List/Types/ListOrderedExample.js

@@ -5,24 +5,13 @@ export default class ListOrderedExample extends Component {
   render() {
     return (
       <List className='ordered'>
-<<<<<<< HEAD
         <ListItem description='Apples'>
           <List>
             <ListItem description='Fuji' />
             <ListItem description='Granny Smith' />
             <ListItem description='Honeycrisp' />
           </List>
         </ListItem>
-=======
-        <ListItem description='Apples' />
-          <div>
-            <List>
-              <ListItem description='Fuji' />
-              <ListItem description='Granny Smith' />
-              <ListItem description='Honeycrisp' />
-            </List>
-          </div>
->>>>>>> add final updates and code cleanup
         <ListItem description='Pears' />
         <ListItem description='Oranges' />
       </List>

docs/app/Examples/elements/List/Variations/ListDividedExample.js

@@ -1,6 +1,6 @@
 import faker from 'faker';
 import React, {Component} from 'react';
-import {List, ListItem} from 'stardust';
+import {List, ListItem, Image} from 'stardust';
 
 export default class ListDividedExample extends Component {
   render() {

docs/app/Examples/elements/List/Variations/ListHorizontalExample.js

@@ -1,6 +1,6 @@
 import faker from 'faker';
 import React, {Component} from 'react';
-import {List, ListItem} from 'stardust';
+import {List, ListItem, Image} from 'stardust';
 
 export default class ListHorizontalExample extends Component {
   render() {

docs/app/Examples/elements/List/Variations/ListRelaxedExample.js

@@ -1,6 +1,6 @@
 import faker from 'faker';
 import React, {Component} from 'react';
-import {List, ListItem} from 'stardust';
+import {List, ListItem, Image} from 'stardust';
 
 export default class ListRelaxedExample extends Component {
   render() {

docs/app/Examples/elements/List/Variations/ListSelectionExample.js

@@ -1,18 +1,12 @@
 import faker from 'faker';
 import React, {Component} from 'react';
-import {List, ListItem} from 'stardust';
+import {List, ListItem, Image} from 'stardust';
 
 export default class ListSelectionExample extends Component {
   render() {
-<<<<<<< HEAD
     const avatar1 = <Image className='avatar' src={faker.internet.avatar()} />;
     const avatar2 = <Image className='avatar' src={faker.internet.avatar()} />;
     const avatar3 = <Image className='avatar' src={faker.internet.avatar()} />;
-=======
-    const avatar1 = <img className='ui avatar image' src='http://lorempixel.com/100/100/people/1' />;
-    const avatar2 = <img className='ui avatar image' src='http://lorempixel.com/100/100/people/2' />;
-    const avatar3 = <img className='ui avatar image' src='http://lorempixel.com/100/100/people/3' />;
->>>>>>> add final updates and code cleanup
     return (
       <List className='selection'>
         <ListItem image={avatar1} header='Helen' />

docs/app/Examples/elements/List/Variations/ListSizeBigExample.js

@@ -1,11 +1,11 @@
 import React, {Component} from 'react';
-import {List, ListItem} from 'stardust';
+import {List, ListItem, Image} from 'stardust';
 
 export default class ListSizeBigExample extends Component {
   render() {
-    const helenAvatar = <img className='ui avatar image' src='http://lorempixel.com/100/100/people/1' />;
-    const christianAvatar = <img className='ui avatar image' src='http://lorempixel.com/100/100/people/2' />;
-    const danielAvatar = <img className='ui avatar image' src='http://lorempixel.com/100/100/people/3' />;
+    const helenAvatar = <Image className='avatar' src='http://lorempixel.com/100/100/people/1' />;
+    const christianAvatar = <Image className='avatar' src='http://lorempixel.com/100/100/people/2' />;
+    const danielAvatar = <Image className='avatar' src='http://lorempixel.com/100/100/people/3' />;
     return (
       <List className='big horizontal divided'>
         <ListItem image={helenAvatar} header='Helen' />

docs/app/Examples/elements/List/Variations/ListSizeHugeExample.js

@@ -1,11 +1,11 @@
 import React, {Component} from 'react';
-import {List, ListItem} from 'stardust';
+import {List, ListItem, Image} from 'stardust';
 
 export default class ListSizeHugeExample extends Component {
   render() {
-    const helenAvatar = <img className='ui avatar image' src='http://lorempixel.com/100/100/people/1' />;
-    const christianAvatar = <img className='ui avatar image' src='http://lorempixel.com/100/100/people/2' />;
-    const danielAvatar = <img className='ui avatar image' src='http://lorempixel.com/100/100/people/3' />;
+    const helenAvatar = <Image className='avatar' src='http://lorempixel.com/100/100/people/1' />;
+    const christianAvatar = <Image className='avatar' src='http://lorempixel.com/100/100/people/2' />;
+    const danielAvatar = <Image className='avatar' src='http://lorempixel.com/100/100/people/3' />;
     return (
       <List className='huge horizontal divided'>
         <ListItem image={helenAvatar} header='Helen' />

docs/app/Examples/elements/List/Variations/ListSizeLargeExample.js

@@ -1,11 +1,11 @@
 import React, {Component} from 'react';
-import {List, ListItem} from 'stardust';
+import {List, ListItem, Image} from 'stardust';
 
 export default class ListSizeLargeExample extends Component {
   render() {
-    const helenAvatar = <img className='ui avatar image' src='http://lorempixel.com/100/100/people/1' />;
-    const christianAvatar = <img className='ui avatar image' src='http://lorempixel.com/100/100/people/2' />;
-    const danielAvatar = <img className='ui avatar image' src='http://lorempixel.com/100/100/people/3' />;
+    const helenAvatar = <Image className='avatar' src='http://lorempixel.com/100/100/people/1' />;
+    const christianAvatar = <Image className='avatar' src='http://lorempixel.com/100/100/people/2' />;
+    const danielAvatar = <Image className='avatar' src='http://lorempixel.com/100/100/people/3' />;
     return (
       <List className='large horizontal divided'>
         <ListItem image={helenAvatar} header='Helen' />