major update

add yarn
add switch theme style
minor fixes and improvements

Author: gfazioli

.gitignore

@@ -17,7 +17,7 @@ coverage.html
 node_modules
 
 # Example build directory
-example/dist
+#example/dist
 
 # Editor and other tmp files
 *.swp

dist/react-switch-button.css

@@ -47,6 +47,14 @@
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 }
+/**
+ * React Switch Button control style.
+ *
+ * @author          =undo= <g.fazioli@undolog.com>
+ * @date            2016-02-17
+ * @version         2.0.0
+ *
+ */
 .rsbc-switch-button.rsbc-switch-button-flat-round input[type="checkbox"] + label {
   padding: 2px;
   width: 48px;
@@ -124,3 +132,88 @@
   margin-left: 24px;
   background-color: #d5d5d5;
 }
+/**
+ * React Switch Button control style square.
+ *
+ * @author          =undo= <g.fazioli@undolog.com>
+ * @date            2016-12-30
+ * @version         1.0.0
+ *
+ */
+.rsbc-switch-button.rsbc-switch-button-flat-square input[type="checkbox"] + label {
+  padding: 2px;
+  width: 48px;
+  height: 24px;
+  vertical-align: middle;
+  background-color: #aaa;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+  -webkit-transition: background 0.4s;
+  -moz-transition: background 0.4s;
+  -o-transition: background 0.4s;
+  transition: background 0.4s;
+}
+.rsbc-switch-button.rsbc-switch-button-flat-square.disabled input[type="checkbox"] + label {
+  background-color: #eee;
+}
+.rsbc-switch-button.rsbc-switch-button-flat-square:hover input[type="checkbox"] + label {
+  background-color: #579fcb;
+}
+.rsbc-switch-button.rsbc-switch-button-flat-square.disabled:hover input[type="checkbox"] + label {
+  background-color: #eee;
+}
+.rsbc-switch-button.rsbc-switch-button-flat-square input[type="checkbox"] + label:before,
+.rsbc-switch-button.rsbc-switch-button-flat-square input[type="checkbox"] + label:after {
+  display: inline-block;
+  position: absolute;
+  content: "";
+}
+.rsbc-switch-button.rsbc-switch-button-flat-square input[type="checkbox"] + label:before {
+  top: 2px;
+  left: 2px;
+  bottom: 2px;
+  right: 2px;
+  background-color: #fff;
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
+  -webkit-transition: background 0.4s;
+  -moz-transition: background 0.4s;
+  -o-transition: background 0.4s;
+  transition: background 0.4s;
+}
+.rsbc-switch-button.rsbc-switch-button-flat-square input[type="checkbox"] + label:after {
+  top: 4px;
+  left: 4px;
+  bottom: 4px;
+  width: 16px;
+  background-color: #919191;
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
+  -webkit-transition: margin 0.4s, background 0.4s;
+  -moz-transition: margin 0.4s, background 0.4s;
+  -o-transition: margin 0.4s, background 0.4s;
+  transition: margin 0.4s, background 0.4s;
+}
+.rsbc-switch-button.rsbc-switch-button-flat-square.disabled input[type="checkbox"] + label:after {
+  background-color: #d5d5d5;
+}
+.rsbc-switch-button.rsbc-switch-button-flat-square:hover input[type="checkbox"]:checked + label {
+  background-color: #aaa;
+}
+.rsbc-switch-button.rsbc-switch-button-flat-square input[type="checkbox"]:checked + label {
+  background-color: #579fcb;
+}
+.rsbc-switch-button.rsbc-switch-button-flat-square.disabled input[type="checkbox"]:checked + label {
+  background-color: #eee;
+}
+.rsbc-switch-button.rsbc-switch-button-flat-square input[type="checkbox"]:checked + label:after {
+  margin-left: 24px;
+  background-color: #3887b7;
+}
+.rsbc-switch-button.rsbc-switch-button-flat-square.disabled input[type="checkbox"]:checked + label:after {
+  margin-left: 24px;
+  background-color: #d5d5d5;
+}

dist/react-switch-button.js

@@ -10,7 +10,7 @@ var SwitchButton = React.createClass({
   displayName: 'Switch Button',
 
   // Version
-  version: '2.0.0',
+  version: '2.1.0',
 
   /**
    * The props types.
@@ -63,19 +63,19 @@ var SwitchButton = React.createClass({
         label = undefined,
         labelRight = undefined;
 
-    if (this.props.id == '' && this.props.name != '') {
+    if (this.props.id === '' && this.props.name !== '') {
       id = this.props.name;
     }
 
-    if (this.props.label != '') {
+    if (this.props.label !== '') {
       label = React.createElement(
         'label',
         { htmlFor: id },
         this.props.label
       );
     }
 
-    if (this.props.labelRight != '') {
+    if (this.props.labelRight !== '') {
       labelRight = React.createElement(
         'label',
         { htmlFor: id },