@pocketprep/ui-kit 3.4.17 → 3.4.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -35,6 +35,7 @@
35
35
  v-model="radioEntry"
36
36
  aria-live="polite"
37
37
  :data="radioOptions"
38
+ :is-dark-mode="isDarkMode"
38
39
  class="filter-options__radio"
39
40
  />
40
41
  </slot>
@@ -67,7 +68,7 @@
67
68
  :aria-expanded="showFilterDropdown ? 'true' : 'false'"
68
69
  >
69
70
  <slot name="checkboxLabelText">
70
- <span>{{ filterOptionsLabel }}</span>
71
+ <div>{{ filterOptionsLabel }}</div>
71
72
  </slot>
72
73
  </div>
73
74
  </slot>
@@ -232,6 +233,14 @@ export default class FilterOptions extends Vue {
232
233
  transform: rotate(180deg);
233
234
  }
234
235
 
236
+ &:hover {
237
+ svg,
238
+ span {
239
+ color: $brand-blue;
240
+ cursor: pointer;
241
+ }
242
+ }
243
+
235
244
  &:focus {
236
245
  &::before {
237
246
  content: '';
@@ -246,11 +255,19 @@ export default class FilterOptions extends Vue {
246
255
  }
247
256
 
248
257
  &--dark {
249
- color: $white;
258
+ color: $pewter;
250
259
 
251
260
  &:focus::before {
252
261
  border-color: $banana-bread;
253
262
  }
263
+
264
+ &:hover {
265
+ svg,
266
+ span {
267
+ color: $banana-bread;
268
+ cursor: pointer;
269
+ }
270
+ }
254
271
  }
255
272
 
256
273
  span {
@@ -258,9 +275,13 @@ export default class FilterOptions extends Vue {
258
275
  }
259
276
 
260
277
  svg {
261
- color: $brand-blue;
278
+ color: $slate;
262
279
  width: 11px;
263
280
  height: 10px;
281
+
282
+ &--dark {
283
+ color: $pewter;
284
+ }
264
285
  }
265
286
  }
266
287
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pocketprep/ui-kit",
3
- "version": "3.4.17",
3
+ "version": "3.4.18",
4
4
  "description": "Pocket Prep UI Kit",
5
5
  "author": "pocketprep",
6
6
  "scripts": {