select to remember selected option value, taking back a change in switch...

select to remember selected option value, taking back a change in switch template, adding a card type

source/_patterns/00-atoms/09-cards/colored-card.mustache

+<div class="card shadow-none bg-grey-125 {{ classes }}">
+  <div class="card__body">
+    <h1 class="card-headline mb-8"><a href="#">{{ title }}{{^ title }}{{ headline.short }}{{/ title }}</a></h1>
+    <p class="card-body-text">{{ excerpt.short }}</p>
+  </div>
+</div>

source/_patterns/00-atoms/15-form-fields/05-select.mustache

 <div class="select {{ wrapClasses }}">
-  <select class="select__control form-field__control {{ classes }}" value="" {{# disabled }}disabled{{/ disabled }} {{# readonly }}readonly{{/ readonly }}>
-    <option>Option 1</option>
+  <select class="select__control form-field__control {{ classes }}" onchange="this.dataset.chosen = this.value;" data-chosen="{{# selected }}{{ selected }}{{/ selected }}" {{# disabled }}disabled{{/ disabled }} {{# readonly }}readonly{{/ readonly }}>
+    <option {{^ selected }}selected {{/ selected }}value="">{{ placeholder }}{{^ placeholder }}Choose option{{/ placeholder }}</option>
+    <option {{# selected }}selected {{/ selected }}>{{# selected }}{{ selected }}{{/ selected }}{{^ selected }}Option 1{{/ selected }}</option>
     <option>Option 2</option>
     <option>Option 3</option>
-    <option>Option 4</option>
   </select>
 </div>
\ No newline at end of file

source/_patterns/01-molecules/09-switch/binary-switch.mustache

 <div class="switch">
-  <a {{# viewProvider1 }}@click="toggleView('{{ viewProvider1 }}')"{{/ viewProvider1 }} class="switch__item {{ classes }} {{^ secondActive }}switch__item--active {{ activeClasses }}{{/ secondActive }}">{{ cta1 }}{{^ cta1 }}{{ cta }}{{/ cta1 }}</a>
-  <a {{# viewProvider2 }}@click="toggleView('{{ viewProvider2 }}')"{{/ viewProvider2 }} class="switch__item {{ classes }} {{# secondActive }}switch__item--active {{ activeClasses }}{{/ secondActive }}">{{ cta2 }}{{^ cta2 }}{{ cta }}{{/ cta2 }}</a>
+  <a {{# viewProvider1 }}@click="toggleView('{{ viewProvider1 }}')"{{/ viewProvider1 }} class="switch__item {{ classes }} {{^ secondActive }}switch__item--active{{/ secondActive }}">{{ cta1 }}{{^ cta1 }}{{ cta }}{{/ cta1 }}</a>
+  <a {{# viewProvider2 }}@click="toggleView('{{ viewProvider2 }}')"{{/ viewProvider2 }} class="switch__item {{ classes }} {{# secondActive }}switch__item--active{{/ secondActive }}">{{ cta2 }}{{^ cta2 }}{{ cta }}{{/ cta2 }}</a>
 </div>