fomantic-ui 2.9.0-beta.8 → 2.9.0-beta.80

package/dist/components/form.css

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.0-beta.8 - Form
+ * # Fomantic-UI 2.9.0-beta.80 - Form
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -68,9 +68,11 @@
 
 .ui.form textarea,
 .ui.form input:not([type]),
+.ui.form input[type="color"],
 .ui.form input[type="date"],
 .ui.form input[type="datetime-local"],
 .ui.form input[type="email"],
+.ui.form input[type="month"],
 .ui.form input[type="number"],
 .ui.form input[type="password"],
 .ui.form input[type="search"],
@@ -78,7 +80,8 @@
 .ui.form input[type="time"],
 .ui.form input[type="text"],
 .ui.form input[type="file"],
-.ui.form input[type="url"] {
+.ui.form input[type="url"],
+.ui.form input[type="week"] {
   width: 100%;
   vertical-align: top;
 }
@@ -89,9 +92,11 @@
   height: 1.21428571em;
 }
 .ui.form input:not([type]),
+.ui.form input[type="color"],
 .ui.form input[type="date"],
 .ui.form input[type="datetime-local"],
 .ui.form input[type="email"],
+.ui.form input[type="month"],
 .ui.form input[type="number"],
 .ui.form input[type="password"],
 .ui.form input[type="search"],
@@ -99,7 +104,8 @@
 .ui.form input[type="time"],
 .ui.form input[type="text"],
 .ui.form input[type="file"],
-.ui.form input[type="url"] {
+.ui.form input[type="url"],
+.ui.form input[type="week"] {
   font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
   margin: 0;
   outline: none;
@@ -117,6 +123,9 @@
   -webkit-transition: color 0.1s ease, border-color 0.1s ease;
   transition: color 0.1s ease, border-color 0.1s ease;
 }
+.ui.form input[type="color"] {
+  padding: initial;
+}
 
 /* Text Area */
 .ui.input textarea,
@@ -225,7 +234,7 @@
 
 
 /* Block */
-.ui.form .field > .selection.dropdown {
+.ui.form .field > .selection.dropdown:not(.compact) {
   min-width: auto;
   width: 100%;
 }
@@ -321,6 +330,9 @@
   border: 1px solid #E0B4B4 !important;
   color: #9F3A38 !important;
 }
+.ui.form .field .prompt.label li:before {
+  color: #9F3A38;
+}
 .ui.form .inline.fields .field .prompt,
 .ui.form .inline.field .prompt {
   vertical-align: top;
@@ -389,9 +401,11 @@
 ---------------------*/
 
 .ui.form input:not([type]):focus,
+.ui.form input[type="color"]:focus,
 .ui.form input[type="date"]:focus,
 .ui.form input[type="datetime-local"]:focus,
 .ui.form input[type="email"]:focus,
+.ui.form input[type="month"]:focus,
 .ui.form input[type="number"]:focus,
 .ui.form input[type="password"]:focus,
 .ui.form input[type="search"]:focus,
@@ -399,7 +413,8 @@
 .ui.form input[type="time"]:focus,
 .ui.form input[type="text"]:focus,
 .ui.form input[type="file"]:focus,
-.ui.form input[type="url"]:focus {
+.ui.form input[type="url"]:focus,
+.ui.form input[type="week"]:focus {
   color: rgba(0, 0, 0, 0.95);
   border-color: #85B7D9;
   border-radius: 0.28571429rem;
@@ -408,9 +423,11 @@
           box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset;
 }
 .ui.form .ui.action.input:not([class*="left action"]) input:not([type]):focus,
+.ui.form .ui.action.input:not([class*="left action"]) input[type="color"]:focus,
 .ui.form .ui.action.input:not([class*="left action"]) input[type="date"]:focus,
 .ui.form .ui.action.input:not([class*="left action"]) input[type="datetime-local"]:focus,
 .ui.form .ui.action.input:not([class*="left action"]) input[type="email"]:focus,
+.ui.form .ui.action.input:not([class*="left action"]) input[type="month"]:focus,
 .ui.form .ui.action.input:not([class*="left action"]) input[type="number"]:focus,
 .ui.form .ui.action.input:not([class*="left action"]) input[type="password"]:focus,
 .ui.form .ui.action.input:not([class*="left action"]) input[type="search"]:focus,
@@ -418,14 +435,17 @@
 .ui.form .ui.action.input:not([class*="left action"]) input[type="time"]:focus,
 .ui.form .ui.action.input:not([class*="left action"]) input[type="text"]:focus,
 .ui.form .ui.action.input:not([class*="left action"]) input[type="file"]:focus,
-.ui.form .ui.action.input:not([class*="left action"]) input[type="url"]:focus {
+.ui.form .ui.action.input:not([class*="left action"]) input[type="url"]:focus,
+.ui.form .ui.action.input:not([class*="left action"]) input[type="week"]:focus {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
 .ui.form .ui[class*="left action"].input input:not([type]),
+.ui.form .ui[class*="left action"].input input[type="color"],
 .ui.form .ui[class*="left action"].input input[type="date"],
 .ui.form .ui[class*="left action"].input input[type="datetime-local"],
 .ui.form .ui[class*="left action"].input input[type="email"],
+.ui.form .ui[class*="left action"].input input[type="month"],
 .ui.form .ui[class*="left action"].input input[type="number"],
 .ui.form .ui[class*="left action"].input input[type="password"],
 .ui.form .ui[class*="left action"].input input[type="search"],
@@ -433,7 +453,8 @@
 .ui.form .ui[class*="left action"].input input[type="time"],
 .ui.form .ui[class*="left action"].input input[type="text"],
 .ui.form .ui[class*="left action"].input input[type="file"],
-.ui.form .ui[class*="left action"].input input[type="url"] {
+.ui.form .ui[class*="left action"].input input[type="url"],
+.ui.form .ui[class*="left action"].input input[type="week"] {
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
 }
@@ -500,9 +521,11 @@
 .ui.form .fields.error .field textarea,
 .ui.form .fields.error .field select,
 .ui.form .fields.error .field input:not([type]),
+.ui.form .fields.error .field input[type="color"],
 .ui.form .fields.error .field input[type="date"],
 .ui.form .fields.error .field input[type="datetime-local"],
 .ui.form .fields.error .field input[type="email"],
+.ui.form .fields.error .field input[type="month"],
 .ui.form .fields.error .field input[type="number"],
 .ui.form .fields.error .field input[type="password"],
 .ui.form .fields.error .field input[type="search"],
@@ -511,12 +534,15 @@
 .ui.form .fields.error .field input[type="text"],
 .ui.form .fields.error .field input[type="file"],
 .ui.form .fields.error .field input[type="url"],
+.ui.form .fields.error .field input[type="week"],
 .ui.form .field.error textarea,
 .ui.form .field.error select,
 .ui.form .field.error input:not([type]),
+.ui.form .field.error input[type="color"],
 .ui.form .field.error input[type="date"],
 .ui.form .field.error input[type="datetime-local"],
 .ui.form .field.error input[type="email"],
+.ui.form .field.error input[type="month"],
 .ui.form .field.error input[type="number"],
 .ui.form .field.error input[type="password"],
 .ui.form .field.error input[type="search"],
@@ -524,7 +550,8 @@
 .ui.form .field.error input[type="time"],
 .ui.form .field.error input[type="text"],
 .ui.form .field.error input[type="file"],
-.ui.form .field.error input[type="url"] {
+.ui.form .field.error input[type="url"],
+.ui.form .field.error input[type="week"] {
   color: #9F3A38;
   background: #FFF6F6;
   border-color: #E0B4B4;
@@ -532,12 +559,29 @@
   -webkit-box-shadow: none;
           box-shadow: none;
 }
+.ui.form .field input:not(:placeholder-shown):invalid {
+  color: #9F3A38;
+  background: #FFF6F6;
+  border-color: #E0B4B4;
+  border-radius: '';
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.ui.form .field input:not(:-ms-input-placeholder):invalid {
+  color: #9F3A38;
+  background: #FFF6F6;
+  border-color: #E0B4B4;
+  border-radius: '';
+  box-shadow: none;
+}
 .ui.form .field.error textarea:focus,
 .ui.form .field.error select:focus,
 .ui.form .field.error input:not([type]):focus,
+.ui.form .field.error input[type="color"]:focus,
 .ui.form .field.error input[type="date"]:focus,
 .ui.form .field.error input[type="datetime-local"]:focus,
 .ui.form .field.error input[type="email"]:focus,
+.ui.form .field.error input[type="month"]:focus,
 .ui.form .field.error input[type="number"]:focus,
 .ui.form .field.error input[type="password"]:focus,
 .ui.form .field.error input[type="search"]:focus,
@@ -545,7 +589,8 @@
 .ui.form .field.error input[type="time"]:focus,
 .ui.form .field.error input[type="text"]:focus,
 .ui.form .field.error input[type="file"]:focus,
-.ui.form .field.error input[type="url"]:focus {
+.ui.form .field.error input[type="url"]:focus,
+.ui.form .field.error input[type="week"]:focus {
   background: #FFF6F6;
   border-color: #E0B4B4;
   color: #9F3A38;
@@ -652,22 +697,16 @@
     ---------------------*/
 
 .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label,
-.ui.form .field.error .checkbox:not(.toggle):not(.slider) label,
-.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box,
-.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box {
+.ui.form .field.error .checkbox:not(.toggle):not(.slider) label {
   color: #9F3A38;
 }
 .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label:before,
-.ui.form .field.error .checkbox:not(.toggle):not(.slider) label:before,
-.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box:before,
-.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box:before {
+.ui.form .field.error .checkbox:not(.toggle):not(.slider) label:before {
   background: #FFF6F6;
   border-color: #E0B4B4;
 }
 .ui.form .fields.error .field .checkbox label:after,
-.ui.form .field.error .checkbox label:after,
-.ui.form .fields.error .field .checkbox .box:after,
-.ui.form .field.error .checkbox .box:after {
+.ui.form .field.error .checkbox label:after {
   color: #9F3A38;
 }
 .ui.inverted.form .fields.error .field label,
@@ -723,9 +762,11 @@
 .ui.form .fields.info .field textarea,
 .ui.form .fields.info .field select,
 .ui.form .fields.info .field input:not([type]),
+.ui.form .fields.info .field input[type="color"],
 .ui.form .fields.info .field input[type="date"],
 .ui.form .fields.info .field input[type="datetime-local"],
 .ui.form .fields.info .field input[type="email"],
+.ui.form .fields.info .field input[type="month"],
 .ui.form .fields.info .field input[type="number"],
 .ui.form .fields.info .field input[type="password"],
 .ui.form .fields.info .field input[type="search"],
@@ -734,12 +775,15 @@
 .ui.form .fields.info .field input[type="text"],
 .ui.form .fields.info .field input[type="file"],
 .ui.form .fields.info .field input[type="url"],
+.ui.form .fields.info .field input[type="week"],
 .ui.form .field.info textarea,
 .ui.form .field.info select,
 .ui.form .field.info input:not([type]),
+.ui.form .field.info input[type="color"],
 .ui.form .field.info input[type="date"],
 .ui.form .field.info input[type="datetime-local"],
 .ui.form .field.info input[type="email"],
+.ui.form .field.info input[type="month"],
 .ui.form .field.info input[type="number"],
 .ui.form .field.info input[type="password"],
 .ui.form .field.info input[type="search"],
@@ -747,7 +791,8 @@
 .ui.form .field.info input[type="time"],
 .ui.form .field.info input[type="text"],
 .ui.form .field.info input[type="file"],
-.ui.form .field.info input[type="url"] {
+.ui.form .field.info input[type="url"],
+.ui.form .field.info input[type="week"] {
   color: #276F86;
   background: #F8FFFF;
   border-color: #A9D5DE;
@@ -758,9 +803,11 @@
 .ui.form .field.info textarea:focus,
 .ui.form .field.info select:focus,
 .ui.form .field.info input:not([type]):focus,
+.ui.form .field.info input[type="color"]:focus,
 .ui.form .field.info input[type="date"]:focus,
 .ui.form .field.info input[type="datetime-local"]:focus,
 .ui.form .field.info input[type="email"]:focus,
+.ui.form .field.info input[type="month"]:focus,
 .ui.form .field.info input[type="number"]:focus,
 .ui.form .field.info input[type="password"]:focus,
 .ui.form .field.info input[type="search"]:focus,
@@ -768,7 +815,8 @@
 .ui.form .field.info input[type="time"]:focus,
 .ui.form .field.info input[type="text"]:focus,
 .ui.form .field.info input[type="file"]:focus,
-.ui.form .field.info input[type="url"]:focus {
+.ui.form .field.info input[type="url"]:focus,
+.ui.form .field.info input[type="week"]:focus {
   background: #F8FFFF;
   border-color: #A9D5DE;
   color: #276F86;
@@ -875,22 +923,16 @@
     ---------------------*/
 
 .ui.form .fields.info .field .checkbox:not(.toggle):not(.slider) label,
-.ui.form .field.info .checkbox:not(.toggle):not(.slider) label,
-.ui.form .fields.info .field .checkbox:not(.toggle):not(.slider) .box,
-.ui.form .field.info .checkbox:not(.toggle):not(.slider) .box {
+.ui.form .field.info .checkbox:not(.toggle):not(.slider) label {
   color: #276F86;
 }
 .ui.form .fields.info .field .checkbox:not(.toggle):not(.slider) label:before,
-.ui.form .field.info .checkbox:not(.toggle):not(.slider) label:before,
-.ui.form .fields.info .field .checkbox:not(.toggle):not(.slider) .box:before,
-.ui.form .field.info .checkbox:not(.toggle):not(.slider) .box:before {
+.ui.form .field.info .checkbox:not(.toggle):not(.slider) label:before {
   background: #F8FFFF;
   border-color: #A9D5DE;
 }
 .ui.form .fields.info .field .checkbox label:after,
-.ui.form .field.info .checkbox label:after,
-.ui.form .fields.info .field .checkbox .box:after,
-.ui.form .field.info .checkbox .box:after {
+.ui.form .field.info .checkbox label:after {
   color: #276F86;
 }
 .ui.inverted.form .fields.info .field label,
@@ -946,9 +988,11 @@
 .ui.form .fields.success .field textarea,
 .ui.form .fields.success .field select,
 .ui.form .fields.success .field input:not([type]),
+.ui.form .fields.success .field input[type="color"],
 .ui.form .fields.success .field input[type="date"],
 .ui.form .fields.success .field input[type="datetime-local"],
 .ui.form .fields.success .field input[type="email"],
+.ui.form .fields.success .field input[type="month"],
 .ui.form .fields.success .field input[type="number"],
 .ui.form .fields.success .field input[type="password"],
 .ui.form .fields.success .field input[type="search"],
@@ -957,12 +1001,15 @@
 .ui.form .fields.success .field input[type="text"],
 .ui.form .fields.success .field input[type="file"],
 .ui.form .fields.success .field input[type="url"],
+.ui.form .fields.success .field input[type="week"],
 .ui.form .field.success textarea,
 .ui.form .field.success select,
 .ui.form .field.success input:not([type]),
+.ui.form .field.success input[type="color"],
 .ui.form .field.success input[type="date"],
 .ui.form .field.success input[type="datetime-local"],
 .ui.form .field.success input[type="email"],
+.ui.form .field.success input[type="month"],
 .ui.form .field.success input[type="number"],
 .ui.form .field.success input[type="password"],
 .ui.form .field.success input[type="search"],
@@ -970,7 +1017,8 @@
 .ui.form .field.success input[type="time"],
 .ui.form .field.success input[type="text"],
 .ui.form .field.success input[type="file"],
-.ui.form .field.success input[type="url"] {
+.ui.form .field.success input[type="url"],
+.ui.form .field.success input[type="week"] {
   color: #2C662D;
   background: #FCFFF5;
   border-color: #A3C293;
@@ -981,9 +1029,11 @@
 .ui.form .field.success textarea:focus,
 .ui.form .field.success select:focus,
 .ui.form .field.success input:not([type]):focus,
+.ui.form .field.success input[type="color"]:focus,
 .ui.form .field.success input[type="date"]:focus,
 .ui.form .field.success input[type="datetime-local"]:focus,
 .ui.form .field.success input[type="email"]:focus,
+.ui.form .field.success input[type="month"]:focus,
 .ui.form .field.success input[type="number"]:focus,
 .ui.form .field.success input[type="password"]:focus,
 .ui.form .field.success input[type="search"]:focus,
@@ -991,7 +1041,8 @@
 .ui.form .field.success input[type="time"]:focus,
 .ui.form .field.success input[type="text"]:focus,
 .ui.form .field.success input[type="file"]:focus,
-.ui.form .field.success input[type="url"]:focus {
+.ui.form .field.success input[type="url"]:focus,
+.ui.form .field.success input[type="week"]:focus {
   background: #FCFFF5;
   border-color: #A3C293;
   color: #2C662D;
@@ -1098,22 +1149,16 @@
     ---------------------*/
 
 .ui.form .fields.success .field .checkbox:not(.toggle):not(.slider) label,
-.ui.form .field.success .checkbox:not(.toggle):not(.slider) label,
-.ui.form .fields.success .field .checkbox:not(.toggle):not(.slider) .box,
-.ui.form .field.success .checkbox:not(.toggle):not(.slider) .box {
+.ui.form .field.success .checkbox:not(.toggle):not(.slider) label {
   color: #2C662D;
 }
 .ui.form .fields.success .field .checkbox:not(.toggle):not(.slider) label:before,
-.ui.form .field.success .checkbox:not(.toggle):not(.slider) label:before,
-.ui.form .fields.success .field .checkbox:not(.toggle):not(.slider) .box:before,
-.ui.form .field.success .checkbox:not(.toggle):not(.slider) .box:before {
+.ui.form .field.success .checkbox:not(.toggle):not(.slider) label:before {
   background: #FCFFF5;
   border-color: #A3C293;
 }
 .ui.form .fields.success .field .checkbox label:after,
-.ui.form .field.success .checkbox label:after,
-.ui.form .fields.success .field .checkbox .box:after,
-.ui.form .field.success .checkbox .box:after {
+.ui.form .field.success .checkbox label:after {
   color: #2C662D;
 }
 .ui.inverted.form .fields.success .field label,
@@ -1169,9 +1214,11 @@
 .ui.form .fields.warning .field textarea,
 .ui.form .fields.warning .field select,
 .ui.form .fields.warning .field input:not([type]),
+.ui.form .fields.warning .field input[type="color"],
 .ui.form .fields.warning .field input[type="date"],
 .ui.form .fields.warning .field input[type="datetime-local"],
 .ui.form .fields.warning .field input[type="email"],
+.ui.form .fields.warning .field input[type="month"],
 .ui.form .fields.warning .field input[type="number"],
 .ui.form .fields.warning .field input[type="password"],
 .ui.form .fields.warning .field input[type="search"],
@@ -1180,12 +1227,15 @@
 .ui.form .fields.warning .field input[type="text"],
 .ui.form .fields.warning .field input[type="file"],
 .ui.form .fields.warning .field input[type="url"],
+.ui.form .fields.warning .field input[type="week"],
 .ui.form .field.warning textarea,
 .ui.form .field.warning select,
 .ui.form .field.warning input:not([type]),
+.ui.form .field.warning input[type="color"],
 .ui.form .field.warning input[type="date"],
 .ui.form .field.warning input[type="datetime-local"],
 .ui.form .field.warning input[type="email"],
+.ui.form .field.warning input[type="month"],
 .ui.form .field.warning input[type="number"],
 .ui.form .field.warning input[type="password"],
 .ui.form .field.warning input[type="search"],
@@ -1193,7 +1243,8 @@
 .ui.form .field.warning input[type="time"],
 .ui.form .field.warning input[type="text"],
 .ui.form .field.warning input[type="file"],
-.ui.form .field.warning input[type="url"] {
+.ui.form .field.warning input[type="url"],
+.ui.form .field.warning input[type="week"] {
   color: #573A08;
   background: #FFFAF3;
   border-color: #C9BA9B;
@@ -1204,9 +1255,11 @@
 .ui.form .field.warning textarea:focus,
 .ui.form .field.warning select:focus,
 .ui.form .field.warning input:not([type]):focus,
+.ui.form .field.warning input[type="color"]:focus,
 .ui.form .field.warning input[type="date"]:focus,
 .ui.form .field.warning input[type="datetime-local"]:focus,
 .ui.form .field.warning input[type="email"]:focus,
+.ui.form .field.warning input[type="month"]:focus,
 .ui.form .field.warning input[type="number"]:focus,
 .ui.form .field.warning input[type="password"]:focus,
 .ui.form .field.warning input[type="search"]:focus,
@@ -1214,7 +1267,8 @@
 .ui.form .field.warning input[type="time"]:focus,
 .ui.form .field.warning input[type="text"]:focus,
 .ui.form .field.warning input[type="file"]:focus,
-.ui.form .field.warning input[type="url"]:focus {
+.ui.form .field.warning input[type="url"]:focus,
+.ui.form .field.warning input[type="week"]:focus {
   background: #FFFAF3;
   border-color: #C9BA9B;
   color: #573A08;
@@ -1321,22 +1375,16 @@
     ---------------------*/
 
 .ui.form .fields.warning .field .checkbox:not(.toggle):not(.slider) label,
-.ui.form .field.warning .checkbox:not(.toggle):not(.slider) label,
-.ui.form .fields.warning .field .checkbox:not(.toggle):not(.slider) .box,
-.ui.form .field.warning .checkbox:not(.toggle):not(.slider) .box {
+.ui.form .field.warning .checkbox:not(.toggle):not(.slider) label {
   color: #573A08;
 }
 .ui.form .fields.warning .field .checkbox:not(.toggle):not(.slider) label:before,
-.ui.form .field.warning .checkbox:not(.toggle):not(.slider) label:before,
-.ui.form .fields.warning .field .checkbox:not(.toggle):not(.slider) .box:before,
-.ui.form .field.warning .checkbox:not(.toggle):not(.slider) .box:before {
+.ui.form .field.warning .checkbox:not(.toggle):not(.slider) label:before {
   background: #FFFAF3;
   border-color: #C9BA9B;
 }
 .ui.form .fields.warning .field .checkbox label:after,
-.ui.form .field.warning .checkbox label:after,
-.ui.form .fields.warning .field .checkbox .box:after,
-.ui.form .field.warning .checkbox .box:after {
+.ui.form .field.warning .checkbox label:after {
   color: #573A08;
 }
 .ui.inverted.form .fields.warning .field label,
@@ -1449,9 +1497,7 @@
 .ui.inverted.form label,
 .ui.form .inverted.segment label,
 .ui.form .inverted.segment .ui.checkbox label,
-.ui.form .inverted.segment .ui.checkbox .box,
 .ui.inverted.form .ui.checkbox label,
-.ui.inverted.form .ui.checkbox .box,
 .ui.inverted.form .inline.fields > label,
 .ui.inverted.form .inline.fields .field > label,
 .ui.inverted.form .inline.fields .field > p,
@@ -1468,9 +1514,11 @@
 
 /* Inverted Field */
 .ui.inverted.form input:not([type]),
+.ui.inverted.form input[type="color"],
 .ui.inverted.form input[type="date"],
 .ui.inverted.form input[type="datetime-local"],
 .ui.inverted.form input[type="email"],
+.ui.inverted.form input[type="month"],
 .ui.inverted.form input[type="number"],
 .ui.inverted.form input[type="password"],
 .ui.inverted.form input[type="search"],
@@ -1478,7 +1526,8 @@
 .ui.inverted.form input[type="time"],
 .ui.inverted.form input[type="text"],
 .ui.inverted.form input[type="file"],
-.ui.inverted.form input[type="url"] {
+.ui.inverted.form input[type="url"],
+.ui.inverted.form input[type="week"] {
   background: #FFFFFF;
   border-color: rgba(255, 255, 255, 0.1);
   color: rgba(0, 0, 0, 0.87);

package/dist/components/form.js

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.0-beta.8 - Form Validation
+ * # Fomantic-UI 2.9.0-beta.80 - Form Validation
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -419,6 +419,7 @@ $.fn.form = function(parameters) {
                   $field.one('keyup' + eventNamespace, module.event.field.keyup);
                   module.submit();
                   module.debug('Enter pressed on input submitting form');
+                  event.preventDefault();
                 }
                 keyHeldDown = true;
               }
@@ -886,13 +887,13 @@ $.fn.form = function(parameters) {
             }
             if(settings.inline) {
               if(!promptExists) {
-                $prompt = settings.templates.prompt(errors, className.label);
+                $prompt = $('<div/>').addClass(className.label);
                 $prompt
                   .appendTo($fieldGroup)
                 ;
               }
               $prompt
-                .html(errors[0])
+                .html(settings.templates.prompt(errors))
               ;
               if(!promptExists) {
                 if(settings.transition && module.can.useElement('transition') && $module.transition('is supported')) {
@@ -1085,12 +1086,15 @@ $.fn.form = function(parameters) {
                 }
                 else if(isCheckbox) {
                   module.verbose('Setting checkbox value', value, $element);
-                  if(value === true || value === 1) {
+                  if(value === true || value === 1 || value === 'on') {
                     $element.checkbox('check');
                   }
                   else {
                     $element.checkbox('uncheck');
                   }
+                  if(typeof value === 'string') {
+                    $field.val(value);
+                  }
                 }
                 else if(isDropdown) {
                   module.verbose('Setting dropdown value', value, $element);
@@ -1203,7 +1207,7 @@ $.fn.form = function(parameters) {
               if(event && $module.data('moduleApi') !== undefined) {
                 event.stopImmediatePropagation();
               }
-              if(settings.errorFocus) {
+              if(settings.errorFocus && ignoreCallbacks !== true) {
                 var focusElement, hasTabIndex = true;
                 if (typeof settings.errorFocus === 'string') {
                   focusElement = $(settings.errorFocus);
@@ -1526,7 +1530,7 @@ $.fn.form.settings = {
 
   autoCheckRequired : false,
   preventLeaving    : false,
-  errorFocus        : false,
+  errorFocus        : true,
   dateHandling      : 'date', // 'date', 'input', 'formatter'
 
   onValid           : function() {},
@@ -1582,7 +1586,6 @@ $.fn.form.settings = {
     doesntContain        : '{name} cannot contain  "{ruleValue}"',
     doesntContainExactly : '{name} cannot contain exactly "{ruleValue}"',
     minLength            : '{name} must be at least {ruleValue} characters',
-    length               : '{name} must be at least {ruleValue} characters',
     exactLength          : '{name} must be exactly {ruleValue} characters',
     maxLength            : '{name} cannot be longer than {ruleValue} characters',
     match                : '{name} must match {ruleValue} field',
@@ -1596,7 +1599,7 @@ $.fn.form.settings = {
   selector : {
     checkbox   : 'input[type="checkbox"], input[type="radio"]',
     clear      : '.clear',
-    field      : 'input:not(.search):not([type="file"]), textarea, select',
+    field      : 'input:not(.search):not([type="file"]):not([type="reset"]):not([type="button"]):not([type="submit"]), textarea, select',
     group      : '.field',
     input      : 'input:not([type="file"])',
     message    : '.error.message',
@@ -1637,15 +1640,22 @@ $.fn.form.settings = {
         html += '<li>' + value + '</li>';
       });
       html += '</ul>';
-      return $(html);
+      return html;
     },
 
-    // template that produces label
-    prompt: function(errors, labelClasses) {
-      return $('<div/>')
-        .addClass(labelClasses)
-        .html(errors[0])
+    // template that produces label content
+    prompt: function(errors) {
+      if(errors.length === 1){
+        return errors[0];
+      }
+      var
+          html = '<ul class="ui list">'
       ;
+      $.each(errors, function(index, value) {
+        html += '<li>' + value + '</li>';
+      });
+      html += '</ul>';
+      return html;
     }
   },
 
@@ -1855,14 +1865,6 @@ $.fn.form.settings = {
       ;
     },
 
-    // see rls notes for 2.0.6 (this is a duplicate of minLength)
-    length: function(value, requiredLength) {
-      return (value !== undefined)
-        ? (value.length >= requiredLength)
-        : false
-      ;
-    },
-
     // is exactly length
     exactLength: function(value, requiredLength) {
       return (value !== undefined)