Merge pull request #1406 from interactivellama/checkbox-radio-markup-…

…audit

Checkbox radio documentation markup audit

_includes/js/checkbox.html

@@ -93,26 +93,26 @@ <h2 id="checkbox-examples">Examples</h2>
 
   <h4 id="checkbox-examples-default">Default (stacked)</h4>
   <div class="fu-example section">
-    <div id="myCheckbox" class="checkbox" data-initialize="checkbox">
-      <label class="checkbox-custom">
+    <div id="myCheckbox" class="checkbox">
+      <label class="checkbox-custom" data-initialize="checkbox">
         <input class="sr-only" type="checkbox" value="option1">
         <span class="checkbox-label">Custom checkbox unchecked on page load</span>
       </label>
     </div>
-    <div class="checkbox" data-initialize="checkbox">
-      <label class="checkbox-custom checked">
+    <div class="checkbox">
+      <label class="checkbox-custom checked" data-initialize="checkbox">
         <input class="sr-only" checked="checked" type="checkbox" value="option2">
         <span class="checkbox-label">Custom checkbox checked on page load</span>
       </label>
     </div>
-    <div class="checkbox" data-initialize="checkbox">
-      <label class="checkbox-custom">
+    <div class="checkbox">
+      <label class="checkbox-custom disabled" data-initialize="checkbox">
         <input class="sr-only" disabled="disabled" type="checkbox" value="option3">
         <span class="checkbox-label">Disabled custom checkbox unchecked on page load</span>
       </label>
     </div>
-    <div class="checkbox" data-initialize="checkbox">
-      <label class="checkbox-custom checked disabled">
+    <div class="checkbox">
+      <label class="checkbox-custom checked disabled" data-initialize="checkbox">
         <input class="sr-only" checked="checked" disabled="disabled" type="checkbox" value="option4">
         <span class="checkbox-label">Disabled custom checkbox checked on page load</span>
       </label>
@@ -132,7 +132,7 @@ <h4 id="checkbox-examples-default">Default (stacked)</h4>
   </label>
 </div>
 <div class="checkbox" id="myCheckbox3">
-  <label class="checkbox-custom" data-initialize="checkbox">
+  <label class="checkbox-custom disabled" data-initialize="checkbox">
     <input class="sr-only" disabled="disabled" type="checkbox" value="">
     <span class="checkbox-label">Disabled custom checkbox unchecked on page load</span>
   </label>
@@ -154,7 +154,7 @@ <h4 id="checkbox-examples-inline">Inline checkboxes</h4>
     <label class="checkbox-custom checkbox-inline" data-initialize="checkbox">
       <input class="sr-only" checked="checked" type="checkbox" value="option2"> <span class="checkbox-label">2</span>
     </label>
-    <label class="checkbox-custom checkbox-inline" data-initialize="checkbox">
+    <label class="checkbox-custom checkbox-inline disabled" data-initialize="checkbox">
       <input class="sr-only" disabled="disabled" type="checkbox" value="option3"> <span class="checkbox-label">3</span>
     </label>
   </div>
@@ -165,7 +165,7 @@ <h4 id="checkbox-examples-inline">Inline checkboxes</h4>
 <label class="checkbox-custom checkbox-inline" data-initialize="checkbox"  id="myCheckbox6">
   <input class="sr-only" checked="checked" type="checkbox" value="option2"> <span class="checkbox-label">2</span>
 </label>
-<label class="checkbox-custom checkbox-inline" data-initialize="checkbox"  id="myCheckbox7">
+<label class="checkbox-custom checkbox-inline disabled" data-initialize="checkbox"  id="myCheckbox7">
   <input class="sr-only" disabled="disabled" type="checkbox" value="option3"> <span class="checkbox-label">3</span>
 </label>
 {% endhighlight %}

_includes/js/radio.html

@@ -96,14 +96,14 @@ <h4 id="radio-examples-default">Default (stacked)</h4>
 </div>
 
 <div class="radio checked">
-  <label class="radio-custom" data-initialize="radio" id="myCustomRadioLabel3">
+  <label class="radio-custom disabled" data-initialize="radio" id="myCustomRadioLabel3">
     <input class="sr-only" checked="checked" disabled="disabled" name="radio1b" type="radio">
     <span class="radio-label">Disabled custom appearance radio selected on page load</span>
   </label>
 </div>
 
 <div class="radio">
-  <label class="radio-custom" data-initialize="radio" id="myCustomRadioLabel4">
+  <label class="radio-custom disabled" data-initialize="radio" id="myCustomRadioLabel4">
     <input class="sr-only" disabled="disabled" name="radioEx2" type="radio" value="option3">
     Disabled browser-independent radio unchecked on page load
   </label>
@@ -119,7 +119,7 @@ <h4 id="radio-examples-inline">Inline radio</h4>
     <label class="radio-custom radio-inline" data-initialize="radio">
       <input class="sr-only" checked="checked" name="radioEx2" type="radio" value="option2"> 2
     </label>
-    <label class="radio-custom radio-inline" data-initialize="radio">
+    <label class="radio-custom radio-inline disabled" data-initialize="radio">
       <input class="sr-only" disabled="disabled" name="radioEx2" type="radio" value="option3"> 3
     </label>
   </div>
@@ -130,7 +130,7 @@ <h4 id="radio-examples-inline">Inline radio</h4>
 <label class="radio-custom radio-inline" data-initialize="radio" id="myCustomRadioLabel6">
   <input class="sr-only" checked="checked" name="radioEx2" type="radio" value="option2"> 2
 </label>
-<label class="radio-custom radio-inline" data-initialize="radio" id="myCustomRadioLabel7">
+<label class="radio-custom radio-inline disabled" data-initialize="radio" id="myCustomRadioLabel7">
   <input class="sr-only" disabled="disabled" name="radioEx2" type="radio" value="option3"> 3
 </label>
 {% endhighlight %}

assets/vendor/fuelux/.bower.json

@@ -1,7 +1,6 @@
 {
   "name": "fuelux",
   "description": "Extending Bootstrap with additional lightweight JavaScript controls.",
-  "version": "3.8.0",
   "keywords": [
     "application",
     "bootstrap",
@@ -57,13 +56,15 @@
     "dist/fonts/fuelux.ttf",
     "dist/fonts/fuelux.woff"
   ],
-  "_release": "3.8.0",
+  "version": "3.10.0",
+  "_release": "3.10.0",
   "_resolution": {
     "type": "version",
-    "tag": "3.8.0",
-    "commit": "db9bb8d6462cd8f0cce34bc6834753221e3e1294"
+    "tag": "3.10.0",
+    "commit": "e9dd0dedd81ebeaa730f3166f96385b2e79528fb"
   },
   "_source": "git://github.com/ExactTarget/fuelux.git",
-  "_target": "3.x",
-  "_originalSource": "fuelux"
+  "_target": "~3.10.0",
+  "_originalSource": "fuelux",
+  "_direct": true
 }

assets/vendor/fuelux/DETAILS.md

@@ -30,7 +30,7 @@ Fuel UX can be applied to a section of your your HTML or the entire page by addi
 ## Downloading code
 Fuel UX can be obtained in any of the following ways:
 
-* Request files from [the Fuel UX CDN](http://www.fuelcdn.com/fuelux/3.8.0/)
+* Request files from [the Fuel UX CDN](http://www.fuelcdn.com/fuelux/3.10.0/)
 * Using [Bower](https://github.com/bower/bower) (ensures you get all the [dependencies](#dependencies)):
 
    ```
@@ -53,7 +53,7 @@ Fuel UX can be obtained in any of the following ways:
 
    Cloning the repository ensures you can apply future updates to Fuel UX easily, but requires to you manage its [dependencies](#dependencies) on your own.
 
-* Download a .zip archive of the [latest release](http://www.fuelcdn.com/fuelux/3.8.0/fuelux.zip).
+* Download a .zip archive of the [latest release](http://www.fuelcdn.com/fuelux/3.10.0/fuelux.zip).
 
 ## AMD support
 
@@ -63,7 +63,7 @@ If using AMD (such as [RequireJS](http://requirejs.org)), reference the FuelUX d
 ```javascript
 require.config({
     paths: {
-        'fuelux': 'http://www.fuelcdn.com/fuelux/3.8.0/'
+        'fuelux': 'http://www.fuelcdn.com/fuelux/3.10.0/'
         //...
     }
 });

assets/vendor/fuelux/README.md

@@ -32,18 +32,18 @@ Add `fuelux` class to the portion of the page using Fuel UX as seen [here](https
 Ensure all the dependencies are included on the page (eg, such as using the CDN as shown below).
 ```
 <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
-<link href="//www.fuelcdn.com/fuelux/3.8.0/css/fuelux.min.css" rel="stylesheet">
+<link href="//www.fuelcdn.com/fuelux/3.10.0/css/fuelux.min.css" rel="stylesheet">
 
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.js"></script>
 <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.1/js/bootstrap.min.js"></script>
-<script src="//www.fuelcdn.com/fuelux/3.8.0/js/fuelux.min.js"></script>
+<script src="//www.fuelcdn.com/fuelux/3.10.0/js/fuelux.min.js"></script>
 
 ```
 
 ### Install
 A few ways available to install.
 
-- Request files from [the Fuel UX CDN](http://www.fuelcdn.com/fuelux/3.8.0/)
+- Request files from [the Fuel UX CDN](http://www.fuelcdn.com/fuelux/3.10.0/)
 - [Download the latest release](https://github.com/exacttarget/fuelux/archive/3.4.0.zip).
 - Clone the repo: `git clone https://github.com/exacttarget/fuelux.git`.
 - Install with [Bower](http://bower.io): `bower install fuelux`.

assets/vendor/fuelux/bower.json

@@ -1,7 +1,6 @@
 {
   "name": "fuelux",
   "description": "Extending Bootstrap with additional lightweight JavaScript controls.",
-  "version": "3.8.0",
   "keywords": [
     "application",
     "bootstrap",