feat(Input): add v1 icon support

docs/app/Examples/elements/Input/Variations/InputIconElement.js

@@ -0,0 +1,11 @@
+import React from 'react'
+import { Icon, Input } from 'stardust'
+
+const InputIconElement = () => (
+  <Input
+    icon={<Icon name='search' inverted circular link />}
+    placeholder='Search...'
+  />
+)
+
+export default InputIconElement

docs/app/Examples/elements/Input/Variations/InputIconPosition.js

@@ -0,0 +1,8 @@
+import React from 'react'
+import { Input } from 'stardust'
+
+const InputIconPosition = () => (
+  <Input icon='users' iconPosition='left' placeholder='Search users...' />
+)
+
+export default InputIconPosition

docs/app/Examples/elements/Input/Variations/InputIconProps.js

@@ -0,0 +1,11 @@
+import React from 'react'
+import { Input } from 'stardust'
+
+const InputIconProps = () => (
+  <Input
+    icon={{ name: 'search', circular: true, link: true }}
+    placeholder='Search...'
+  />
+)
+
+export default InputIconProps

docs/app/Examples/elements/Input/Variations/index.js

@@ -9,6 +9,17 @@ const InputVariations = () => (
       description='An input can be formatted with an icon'
       examplePath='elements/Input/Variations/InputIcon'
     />
+    <ComponentExample
+      examplePath='elements/Input/Variations/InputIconPosition'
+    />
+    <ComponentExample
+      description='You can pass an Icon props object'
+      examplePath='elements/Input/Variations/InputIconProps'
+    />
+    <ComponentExample
+      description='You can pass an Icon element'
+      examplePath='elements/Input/Variations/InputIconElement'
+    />
     <ComponentExample
       title='Labeled'
       description='An input can be formatted with an label'

test/specs/elements/Icon/Icon-test.js

@@ -6,7 +6,7 @@ import * as common from 'test/specs/commonTests'
 describe('Icon', () => {
   common.isConformant(Icon)
   common.hasSubComponents(Icon, [IconGroup])
-  common.rendersChildren(Icon)
+  common.implementsIconProp(Icon)
 
   common.propKeyOnlyToClassName(Icon, 'bordered')
   common.propKeyOnlyToClassName(Icon, 'circular')
@@ -15,13 +15,16 @@ describe('Icon', () => {
   common.propKeyOnlyToClassName(Icon, 'disabled')
   common.propKeyOnlyToClassName(Icon, 'fitted')
   common.propKeyAndValueToClassName(Icon, 'flipped')
+  common.propKeyOnlyToClassName(Icon, 'icon')
   common.propKeyOnlyToClassName(Icon, 'inverted')
   common.propValueOnlyToClassName(Icon, 'name')
   common.propKeyOnlyToClassName(Icon, 'link')
   common.propKeyOnlyToClassName(Icon, 'loading')
   common.propKeyAndValueToClassName(Icon, 'rotated')
   common.propValueOnlyToClassName(Icon, 'size')
 
+  common.rendersChildren(Icon)
+
   it('renders as an <i> by default', () => {
     shallow(<Icon />)
       .should.have.tagName('i')