@pocketprep/ui-kit 3.4.16 → 3.4.18

package/lib/components/Filters/FilterOptions.vue

@@ -35,6 +35,7 @@
                 v-model="radioEntry"
                 aria-live="polite"
                 :data="radioOptions"
+                :is-dark-mode="isDarkMode"
                 class="filter-options__radio"
             />
         </slot>
@@ -67,7 +68,7 @@
                 :aria-expanded="showFilterDropdown ? 'true' : 'false'"
             >
                 <slot name="checkboxLabelText">
-                    <span>{{ filterOptionsLabel }}</span>
+                    <div>{{ filterOptionsLabel }}</div>
                 </slot>
             </div>
         </slot>
@@ -232,6 +233,14 @@ export default class FilterOptions extends Vue {
             transform: rotate(180deg);
         }
 
+        &:hover {
+            svg, 
+            span {
+                color: $brand-blue;
+                cursor: pointer;
+            }
+        }
+
         &:focus {
             &::before {
                 content: '';
@@ -246,11 +255,19 @@ export default class FilterOptions extends Vue {
         }
 
         &--dark {
-            color: $white;
+            color: $pewter;
 
             &:focus::before {
                 border-color: $banana-bread;
             }
+
+            &:hover {
+                svg, 
+                span {
+                    color: $banana-bread;
+                    cursor: pointer;
+                }
+            }
         }
 
         span {
@@ -258,9 +275,13 @@ export default class FilterOptions extends Vue {
         }
 
         svg {
-            color: $brand-blue;
+            color: $slate;
             width: 11px;
             height: 10px;
+
+            &--dark {
+                color: $pewter;
+            }
         }
     }
 

package/lib/components/Quiz/Question.vue

@@ -1122,6 +1122,11 @@ export default class Question extends Vue {
         } as Study.Cloud.IQuizAnswer)
     }
 
+    @Watch('showExplanation')
+    showExplanationChanged () {
+        this.emitUpdateShowExplanation()
+    }
+
     @Emit('close')
     emitClose () {
         return true
@@ -1151,6 +1156,11 @@ export default class Question extends Vue {
     emitCheckAnswer (answer: Study.Cloud.IQuizAnswer) {
         return answer
     }
+
+    @Emit('update:showExplanation')
+    emitUpdateShowExplanation () {
+        return this.showExplanation
+    }
 }
 </script>
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pocketprep/ui-kit",
-  "version": "3.4.16",
+  "version": "3.4.18",
   "description": "Pocket Prep UI Kit",
   "author": "pocketprep",
   "scripts": {