refactor(className): remove sd-* classNames

Author: levithomason

src/addons/Confirm/Confirm.js

@@ -46,7 +46,6 @@ export default class Confirm extends Component {
 
   render() {
     const classes = classNames(
-      'sd-confirm',
       this.props.className
     )
     return (
@@ -58,8 +57,8 @@ export default class Confirm extends Component {
           {this.state.message}
         </ModalContent>
         <ModalFooter>
-          <div className='sd-abort-button ui button' onClick={this.handleAbort}>{this.props.abortLabel}</div>
-          <div className='sd-confirm-button ui blue button' onClick={this.handleConfirm}>{this.props.confirmLabel}</div>
+          <div className='ui button' onClick={this.handleAbort}>{this.props.abortLabel}</div>
+          <div className='ui blue button' onClick={this.handleConfirm}>{this.props.confirmLabel}</div>
         </ModalFooter>
       </Modal>
     )

src/addons/Select/Select.js

@@ -1,6 +1,4 @@
-/* eslint-disable valid-jsdoc */
 import React, { PropTypes } from 'react'
-import cx from 'classnames'
 
 import META from '../../utils/Meta'
 import Dropdown from '../../modules/Dropdown/Dropdown'
@@ -9,10 +7,8 @@ import Dropdown from '../../modules/Dropdown/Dropdown'
  * A <Select /> is sugar for <Dropdown selection />.
  * @see Dropdown
  */
-function Select({ className, ...rest }) {
-  const classes = cx('sd-select', className)
-
-  return <Dropdown {...rest} className={classes} selection />
+function Select(props) {
+  return <Dropdown {...props} selection />
 }
 
 Select.propTypes = {

src/addons/Textarea/Textarea.js

@@ -1,5 +1,4 @@
 import React, { Component, PropTypes } from 'react'
-import classNames from 'classnames'
 import META from '../../utils/Meta'
 
 export default class Textarea extends Component {
@@ -15,12 +14,8 @@ export default class Textarea extends Component {
   }
 
   render() {
-    const classes = classNames(
-      'sd-textarea',
-      this.props.className
-    )
     return (
-      <textarea {...this.props} className={classes} />
+      <textarea {...this.props} />
     )
   }
 }

src/collections/Form/Form.js

@@ -118,7 +118,6 @@ export default class Form extends Component {
 
   render() {
     const classes = classNames(
-      'sd-form',
       'ui',
       this.props.className,
       'form'

src/collections/Form/FormField.js

@@ -20,7 +20,6 @@ export default class FormField extends Component {
 
   render() {
     const classes = classNames(
-      'sd-form-field',
       this.props.width && `${numberToWord(this.props.width)} wide`,
       this.props.className,
       'field'

src/collections/Form/FormFields.js

@@ -34,7 +34,6 @@ export default class FormFields extends Component {
     }
 
     const classes = classNames(
-      'sd-form-fields',
       this.props.className,
       numberToWord(fieldCount),
       'fields'

src/collections/Grid/Grid.js

@@ -21,7 +21,6 @@ export default class Grid extends Component {
 
   render() {
     const classes = classNames(
-      'sd-grid',
       'ui',
       this.props.className,
       'grid'

src/collections/Grid/GridColumn.js

@@ -21,7 +21,6 @@ export default class GridColumn extends Component {
 
   render() {
     const classes = classNames(
-      'sd-grid-column',
       this.props.className,
       this.props.width && `${numberToWord(this.props.width)} wide`,
       'column'

src/collections/Grid/GridRow.js

@@ -17,7 +17,6 @@ export default class GridRow extends Component {
 
   render() {
     const classes = classNames(
-      'sd-grid-row',
       this.props.className,
       'row'
     )

src/collections/Menu/Menu.js

@@ -37,7 +37,7 @@ export default class Menu extends Component {
   render() {
     const { activeItem, children, className, ...rest } = this.props
 
-    const classes = cx('sd-menu ui', className, 'menu')
+    const classes = cx('ui', className, 'menu')
 
     const _children = Children.map(children, (child) => {
       const { type, props } = child