[changed] Internal variables classSet to classNames

This has been causing a lot of confusion for folks since React has
depricated `classSet`. We felt at the time that changing the require
call to `require('classnames')` withing changing the variable name would
be enough. It hasn't due to the confusion people are seeing.

Fixes react-bootstrap#489

Author: mtscout6

docs/examples/.eslintrc

@@ -6,7 +6,7 @@
   "globals": {
     "mountNode",
     "React",
-    "classSet",
+    "classNames",
     "Accordion",
     "Alert",
     "Badge",

docs/examples/CollapsableParagraph.js

@@ -20,7 +20,7 @@ const CollapsableParagraph = React.createClass({
     return (
       <div>
         <Button onClick={this.onHandleToggle}>{text} Content</Button>
-        <div ref='panel' className={classSet(styles)}>
+        <div ref='panel' className={classNames(styles)}>
           {this.props.children}
         </div>
       </div>

docs/src/ReactPlayground.js

@@ -1,6 +1,6 @@
 /* eslint-disable */
 import React from 'react';
-import classSet from 'classnames';
+import classNames from 'classnames';
 import Accordion from '../../src/Accordion';
 import Alert from '../../src/Alert';
 import Badge from '../../src/Badge';
@@ -198,11 +198,11 @@ const ReactPlayground = React.createClass({
     }
     return (
       <div className='playground'>
-        <div className={classSet(classes)}>
+        <div className={classNames(classes)}>
           <div ref='mount' />
         </div>
         {editor}
-        <a className={classSet(toggleClasses)} onClick={this.handleCodeModeToggle} href='#'>{this.state.mode === this.MODES.NONE ? 'show code' : 'hide code'}</a>
+        <a className={classNames(toggleClasses)} onClick={this.handleCodeModeToggle} href='#'>{this.state.mode === this.MODES.NONE ? 'show code' : 'hide code'}</a>
       </div>
       );
   },

src/Affix.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import classSet from 'classnames';
+import classNames from 'classnames';
 import AffixMixin from './AffixMixin';
 import domUtils from './utils/domUtils';
 
@@ -15,7 +15,7 @@ const Affix = React.createClass({
 
     return (
       <div {...this.props}
-        className={classSet(this.props.className, this.state.affixClass)}
+        className={classNames(this.props.className, this.state.affixClass)}
         style={holderStyle}>
         {this.props.children}
       </div>

src/Alert.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import classSet from 'classnames';
+import classNames from 'classnames';
 import BootstrapMixin from './BootstrapMixin';
 
 const Alert = React.createClass({
@@ -36,7 +36,7 @@ const Alert = React.createClass({
     classes['alert-dismissable'] = isDismissable;
 
     return (
-      <div {...this.props} className={classSet(this.props.className, classes)}>
+      <div {...this.props} className={classNames(this.props.className, classes)}>
         {isDismissable ? this.renderDismissButton() : null}
         {this.props.children}
       </div>

src/Badge.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import ValidComponentChildren from './utils/ValidComponentChildren';
-import classSet from 'classnames';
+import classNames from 'classnames';
 
 
 const Badge = React.createClass({
@@ -22,7 +22,7 @@ const Badge = React.createClass({
     return (
       <span
         {...this.props}
-        className={classSet(this.props.className, classes)}>
+        className={classNames(this.props.className, classes)}>
         {this.props.children}
       </span>
     );

src/Button.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import classSet from 'classnames';
+import classNames from 'classnames';
 import BootstrapMixin from './BootstrapMixin';
 
 const Button = React.createClass({
@@ -54,7 +54,7 @@ const Button = React.createClass({
       <Component
         {...this.props}
         href={href}
-        className={classSet(this.props.className, classes)}
+        className={classNames(this.props.className, classes)}
         role="button">
         {this.props.children}
       </Component>
@@ -67,7 +67,7 @@ const Button = React.createClass({
     return (
       <Component
         {...this.props}
-        className={classSet(this.props.className, classes)}>
+        className={classNames(this.props.className, classes)}>
         {this.props.children}
       </Component>
     );
@@ -79,7 +79,7 @@ const Button = React.createClass({
     };
 
     return (
-      <li className={classSet(liClasses)}>
+      <li className={classNames(liClasses)}>
         {this.renderAnchor(classes)}
       </li>
     );

src/ButtonGroup.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import classSet from 'classnames';
+import classNames from 'classnames';
 import BootstrapMixin from './BootstrapMixin';
 
 const ButtonGroup = React.createClass({
@@ -25,7 +25,7 @@ const ButtonGroup = React.createClass({
     return (
       <div
         {...this.props}
-        className={classSet(this.props.className, classes)}>
+        className={classNames(this.props.className, classes)}>
         {this.props.children}
       </div>
     );

src/ButtonToolbar.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import classSet from 'classnames';
+import classNames from 'classnames';
 import BootstrapMixin from './BootstrapMixin';
 
 const ButtonToolbar = React.createClass({
@@ -18,7 +18,7 @@ const ButtonToolbar = React.createClass({
       <div
         {...this.props}
         role="toolbar"
-        className={classSet(this.props.className, classes)}>
+        className={classNames(this.props.className, classes)}>
         {this.props.children}
       </div>
     );

src/Carousel.js

@@ -1,5 +1,5 @@
 import React, { cloneElement } from 'react';
-import classSet from 'classnames';
+import classNames from 'classnames';
 import BootstrapMixin from './BootstrapMixin';
 import ValidComponentChildren from './utils/ValidComponentChildren';
 
@@ -142,7 +142,7 @@ const Carousel = React.createClass({
     return (
       <div
         {...this.props}
-        className={classSet(this.props.className, classes)}
+        className={classNames(this.props.className, classes)}
         onMouseOver={this.handleMouseOver}
         onMouseOut={this.handleMouseOut}>
         {this.props.indicators ? this.renderIndicators() : null}