Updated latest shared/style folders from gaia

Author: arnau march

style_unstable/value_selector.css

@@ -114,7 +114,7 @@ form[role="dialog"][data-type="value-selector"] [role="listbox"] li:active label
 }
 
 /* Checked status */
-form[role="dialog"][data-type="value-selector"] [role="listbox"] li[aria-checked="true"] span {
+form[role="dialog"][data-type="value-selector"] [role="listbox"] li[aria-selected="true"] span {
   padding-right: 2.6rem;
   margin-right: 1.2rem;
   color: #00abcd;
@@ -196,7 +196,7 @@ form[role="dialog"][data-type="value-selector"] menu button.full {
 
 /* Right to left tweaks */
 html[dir="rtl"] #value-selector li input:checked + span,
-html[dir="rtl"] #value-selector li[aria-checked="true"] span {
+html[dir="rtl"] #value-selector li[aria-selected="true"] span {
   padding-left: 2.6rem;
   margin-left: 1.2rem;
 }

style_unstable/value_selector/index.html

@@ -18,14 +18,14 @@
     <section class="scrollable">
       <h1>Select</h1>
       <ol role="listbox">
-        <li><label> <span>None</span></label></li>
-        <li><label> <span>At time of event</span></label></li>
-        <li><label> <span>5 minutes before</span></label></li>
-        <li><label> <span>15 minutes before</span></label></li>
-        <li aria-checked="true"><label> <span>30 minutes before</span></label></li>
-        <li><label> <span>1 hour before</span></label></li>
-        <li><label> <span>2 hours before</span></label></li>
-        <li><label> <span>1 day before</span></label></li>
+        <li role="option"><label role="presentation"> <span>None</span></label></li>
+        <li role="option"><label role="presentation"> <span>At time of event</span></label></li>
+        <li role="option"><label role="presentation"> <span>5 minutes before</span></label></li>
+        <li role="option"><label role="presentation"> <span>15 minutes before</span></label></li>
+        <li role="option" aria-selected="true"><label role="presentation"> <span>30 minutes before</span></label></li>
+        <li role="option"><label role="presentation"> <span>1 hour before</span></label></li>
+        <li role="option"><label role="presentation"> <span>2 hours before</span></label></li>
+        <li role="option"><label role="presentation"> <span>1 day before</span></label></li>
       </ol>
     </section>
     <menu>