dist v0.5.9

dist/css/bootstrap-material-design.css

@@ -869,6 +869,7 @@ fieldset[disabled] .form-group.is-focused .checkbox label {
   width: 20px;
   height: 20px;
   border: 2px solid rgba(0,0,0, .54);
+  border-radius: 2px;
   overflow: hidden;
   z-index: 1;
 }
@@ -898,9 +899,9 @@ fieldset[disabled] .form-group.is-focused .checkbox label {
         0 0 0 0,
         0 0 0 0,
         0 0 0 0 inset;
-  -webkit-animation: checkbox-off 0.3s forwards;
-       -o-animation: checkbox-off 0.3s forwards;
-          animation: checkbox-off 0.3s forwards;
+  -webkit-animation: checkbox-off;
+       -o-animation: checkbox-off;
+          animation: checkbox-off;
 }
 .checkbox input[type=checkbox]:focus + .checkbox-material .check:after {
   opacity: 0.2;
@@ -918,9 +919,9 @@ fieldset[disabled] .form-group.is-focused .checkbox label {
           animation: checkbox-on 0.3s forwards;
 }
 .checkbox input[type=checkbox]:checked + .checkbox-material:before {
-  -webkit-animation: rippleOn 500ms;
-       -o-animation: rippleOn 500ms;
-          animation: rippleOn 500ms;
+  -webkit-animation: rippleOn;
+       -o-animation: rippleOn;
+          animation: rippleOn;
 }
 .checkbox input[type=checkbox]:checked + .checkbox-material .check:after {
   -webkit-animation: rippleOn 500ms forwards;
@@ -928,9 +929,9 @@ fieldset[disabled] .form-group.is-focused .checkbox label {
           animation: rippleOn 500ms forwards;
 }
 .checkbox input[type=checkbox]:not(:checked) + .checkbox-material:before {
-  -webkit-animation: rippleOff 500ms;
-       -o-animation: rippleOff 500ms;
-          animation: rippleOff 500ms;
+  -webkit-animation: rippleOff;
+       -o-animation: rippleOff;
+          animation: rippleOff;
 }
 .checkbox input[type=checkbox]:not(:checked) + .checkbox-material .check:after {
   -webkit-animation: rippleOff 500ms forwards;
@@ -951,6 +952,21 @@ fieldset[disabled] .checkbox input[type=checkbox],
        -o-transform: rotate(-45deg);
           transform: rotate(-45deg);
 }
+.is-focused .checkbox .checkbox-material .check:before {
+  -webkit-animation: checkbox-off 0.3s forwards;
+       -o-animation: checkbox-off 0.3s forwards;
+          animation: checkbox-off 0.3s forwards;
+}
+.is-focused .checkbox input[type=checkbox]:checked + .checkbox-material:before {
+  -webkit-animation: rippleOn 500ms;
+       -o-animation: rippleOn 500ms;
+          animation: rippleOn 500ms;
+}
+.is-focused .checkbox input[type=checkbox]:not(:checked) + .checkbox-material:before {
+  -webkit-animation: rippleOff 500ms;
+       -o-animation: rippleOff 500ms;
+          animation: rippleOff 500ms;
+}
 @-webkit-keyframes checkbox-on {
   0% {
     -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
@@ -1381,9 +1397,9 @@ fieldset[disabled] .form-group.is-focused .radio label {
           animation: rippleOff 500ms;
 }
 .radio label input[type=radio]:checked ~ .check:after {
-  -webkit-animation: rippleOn 500ms;
-       -o-animation: rippleOn 500ms;
-          animation: rippleOn 500ms;
+  -webkit-animation: rippleOn;
+       -o-animation: rippleOn;
+          animation: rippleOn;
 }
 .radio input[type=radio] {
   opacity: 0;
@@ -1425,6 +1441,11 @@ fieldset[disabled] .form-group.is-focused .radio label {
 .theme-dark .radio input[type=radio][disabled] ~ .circle {
   border-color: #ffffff;
 }
+.is-focused .radio input[type=radio]:checked ~ .check:after {
+  -webkit-animation: rippleOn 500ms;
+       -o-animation: rippleOn 500ms;
+          animation: rippleOn 500ms;
+}
 @keyframes rippleOn {
   0% {
     opacity: 0;

dist/js/material.js

@@ -114,7 +114,7 @@
 
           // Requires form-group standard markup (will add it if necessary)
           var $formGroup = $input.closest(".form-group"); // note that form-group may be grandparent in the case of an input-group
-          if ($formGroup.length === 0) {
+          if ($formGroup.length === 0 && $input.attr('type') !== "hidden" && !$input.attr('hidden')) {
             $input.wrap("<div class='form-group'></div>");
             $formGroup = $input.closest(".form-group"); // find node after attached (otherwise additional attachments don't work)
           }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "bootstrap-material-design",
-  "version": "0.5.8",
+  "version": "0.5.9",
   "description": "Material Design for Bootstrap 3",
   "main": "scripts/index.js",
   "scripts": {