refactor(radio): show invalid state (#146)

* refactor: added invalid state demo

and beautified HTML code

* chore: reordered

Author: mfranzke

source/_patterns/01-elements/radio/radio.hbs

@@ -1,2 +1,9 @@
-<input type="radio" class="elm-radio {{ styleModifier }}"{{#if name}} name="{{ name }}"{{/if }} id="{{ id }}"{{#if checked}} checked{{/if }}{{#if disabled}} disabled{{/if }} value="{{ value }}"{{#if describedbyid }} aria-describedby="{{ describedbyid }}"{{/if }}>
+<input type="radio"
+	class="elm-radio {{ styleModifier }}"{{#if name}} name="{{ name }}"{{/if }}
+	id="{{ id }}"
+	{{#if checked}} checked{{/if }}
+	{{#if disabled}} disabled{{/if }}
+	value="{{ value }}"
+	{{#if describedbyid }} aria-describedby="{{ describedbyid }}"{{/if }}
+	{{#if invalid}}aria-invalid="true"{{/if }}>
 <label class="elm-label" for="{{ id }}">{{ label }}</label>

source/_patterns/01-elements/radio/radio~disabled-checked.json

@@ -1,5 +1,5 @@
 {
-	"id": "radio06",
+	"id": "radio04",
 	"checked": true,
 	"disabled": true
 }

source/_patterns/01-elements/radio/radio~disabled.json

@@ -1,4 +1,4 @@
 {
-	"id": "radio05",
+	"id": "radio03",
 	"disabled": true
 }

source/_patterns/01-elements/radio/radio~invalid.json

@@ -0,0 +1,4 @@
+{
+	"id": "radio05",
+	"invalid": true
+}