@pocketprep/ui-kit 3.4.21 → 3.4.22
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.
- package/dist/@pocketprep/ui-kit.js +170 -170
- package/dist/@pocketprep/ui-kit.js.map +1 -1
- package/dist/@pocketprep/ui-kit.umd.cjs +1 -1
- package/dist/@pocketprep/ui-kit.umd.cjs.map +1 -1
- package/dist/style.css +1 -1
- package/lib/components/Filters/FilterOptions.vue +1 -0
- package/lib/components/Forms/Input.vue +5 -1
- package/lib/components/Forms/Textarea.vue +1 -1
- package/lib/components/Icons/IconEyeHide.vue +1 -1
- package/lib/components/Icons/IconEyeShow.vue +2 -4
- package/lib/components/SidePanels/SidePanel.vue +12 -1
- package/package.json +1 -1
|
@@ -284,7 +284,7 @@ export default class Input extends Vue {
|
|
|
284
284
|
}
|
|
285
285
|
|
|
286
286
|
&:hover {
|
|
287
|
-
background-color:
|
|
287
|
+
background-color: $gray-background;
|
|
288
288
|
}
|
|
289
289
|
|
|
290
290
|
&:focus {
|
|
@@ -308,6 +308,10 @@ export default class Input extends Vue {
|
|
|
308
308
|
&::before {
|
|
309
309
|
border-color: $pewter;
|
|
310
310
|
}
|
|
311
|
+
|
|
312
|
+
&:hover {
|
|
313
|
+
background-color: $brand-black;
|
|
314
|
+
}
|
|
311
315
|
}
|
|
312
316
|
}
|
|
313
317
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<!-- eslint-disable -->
|
|
3
|
-
<svg width="
|
|
3
|
+
<svg width="21" height="21" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
4
4
|
<title>{{ title }}</title>
|
|
5
5
|
<g id="vector">
|
|
6
6
|
<path id="Shape" d="M12 6.72727C15.4455 6.72727 18.5182 8.66364 20.0182 11.7273C19.4818 12.8364 18.7273 13.7909 17.8273 14.5636L19.1091 15.8455C20.3727 14.7273 21.3727 13.3273 22 11.7273C20.4273 7.73636 16.5455 4.90909 12 4.90909C10.8455 4.90909 9.73636 5.09091 8.69091 5.42727L10.1909 6.92727C10.7818 6.80909 11.3818 6.72727 12 6.72727ZM11.0273 7.76364L12.9091 9.64545C13.4273 9.87273 13.8455 10.2909 14.0727 10.8091L15.9545 12.6909C16.0273 12.3818 16.0819 12.0545 16.0819 11.7182C16.0909 9.46364 14.2545 7.63636 12 7.63636C11.6636 7.63636 11.3455 7.68182 11.0273 7.76364ZM2.91818 4.79091L5.35455 7.22727C3.87273 8.39091 2.7 9.93636 2 11.7273C3.57273 15.7182 7.45455 18.5455 12 18.5455C13.3818 18.5455 14.7091 18.2818 15.9273 17.8L19.0364 20.9091L20.3182 19.6273L4.2 3.5L2.91818 4.79091ZM9.73636 11.6091L12.1091 13.9818C12.0727 13.9909 12.0364 14 12 14C10.7455 14 9.72727 12.9818 9.72727 11.7273C9.72727 11.6818 9.73636 11.6545 9.73636 11.6091ZM6.64545 8.51818L8.23636 10.1091C8.02727 10.6091 7.90909 11.1545 7.90909 11.7273C7.90909 13.9818 9.74545 15.8182 12 15.8182C12.5727 15.8182 13.1182 15.7 13.6091 15.4909L14.5 16.3818C13.7 16.6 12.8636 16.7273 12 16.7273C8.55455 16.7273 5.48182 14.7909 3.98182 11.7273C4.61818 10.4273 5.54545 9.35455 6.64545 8.51818Z" fill="currentColor"/>
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<!-- eslint-disable -->
|
|
3
|
-
<svg width="
|
|
3
|
+
<svg width="21" height="21" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
4
4
|
<title>{{ title }}</title>
|
|
5
|
-
<
|
|
6
|
-
<path id="Shape" d="M10 1.81818C13.4455 1.81818 16.5182 3.75455 18.0182 6.81818C16.5182 9.88182 13.4455 11.8182 10 11.8182C6.55455 11.8182 3.48182 9.88182 1.98182 6.81818C3.48182 3.75455 6.55455 1.81818 10 1.81818ZM10 0C5.45455 0 1.57273 2.82727 0 6.81818C1.57273 10.8091 5.45455 13.6364 10 13.6364C14.5455 13.6364 18.4273 10.8091 20 6.81818C18.4273 2.82727 14.5455 0 10 0ZM10 4.54545C11.2545 4.54545 12.2727 5.56364 12.2727 6.81818C12.2727 8.07273 11.2545 9.09091 10 9.09091C8.74545 9.09091 7.72727 8.07273 7.72727 6.81818C7.72727 5.56364 8.74545 4.54545 10 4.54545ZM10 2.72727C7.74545 2.72727 5.90909 4.56364 5.90909 6.81818C5.90909 9.07273 7.74545 10.9091 10 10.9091C12.2545 10.9091 14.0909 9.07273 14.0909 6.81818C14.0909 4.56364 12.2545 2.72727 10 2.72727Z" fill="currentColor"/>
|
|
7
|
-
</g>
|
|
5
|
+
<path d="M12 6.81818C15.4455 6.81818 18.5182 8.75455 20.0182 11.8182C18.5182 14.8818 15.4455 16.8182 12 16.8182C8.55455 16.8182 5.48182 14.8818 3.98182 11.8182C5.48182 8.75455 8.55455 6.81818 12 6.81818ZM12 5C7.45455 5 3.57273 7.82727 2 11.8182C3.57273 15.8091 7.45455 18.6364 12 18.6364C16.5455 18.6364 20.4273 15.8091 22 11.8182C20.4273 7.82727 16.5455 5 12 5ZM12 9.54545C13.2545 9.54545 14.2727 10.5636 14.2727 11.8182C14.2727 13.0727 13.2545 14.0909 12 14.0909C10.7455 14.0909 9.72727 13.0727 9.72727 11.8182C9.72727 10.5636 10.7455 9.54545 12 9.54545ZM12 7.72727C9.74545 7.72727 7.90909 9.56364 7.90909 11.8182C7.90909 14.0727 9.74545 15.9091 12 15.9091C14.2545 15.9091 16.0909 14.0727 16.0909 11.8182C16.0909 9.56364 14.2545 7.72727 12 7.72727Z" fill="currentColor"/>
|
|
8
6
|
</svg>
|
|
9
7
|
<!-- eslint-enable -->
|
|
10
8
|
</template>
|
|
@@ -94,7 +94,13 @@
|
|
|
94
94
|
</div>
|
|
95
95
|
</slot>
|
|
96
96
|
<slot name="sidePanelFooter">
|
|
97
|
-
<div
|
|
97
|
+
<div
|
|
98
|
+
class="uikit-side-panel__foot"
|
|
99
|
+
:class="{
|
|
100
|
+
'uikit-side-panel__foot--dark': isDarkMode,
|
|
101
|
+
'uikit-side-panel__foot--teach-side-panel': isTeachSidePanel,
|
|
102
|
+
}"
|
|
103
|
+
>
|
|
98
104
|
<div class="uikit-side-panel__foot-left">
|
|
99
105
|
<slot name="details" />
|
|
100
106
|
</div>
|
|
@@ -384,6 +390,7 @@ export default class SidePanel extends Vue {
|
|
|
384
390
|
|
|
385
391
|
&--teach-side-panel {
|
|
386
392
|
background-color: $barely-background;
|
|
393
|
+
border-bottom: 1px solid $gray-divider;
|
|
387
394
|
}
|
|
388
395
|
|
|
389
396
|
&--dark {
|
|
@@ -603,6 +610,10 @@ export default class SidePanel extends Vue {
|
|
|
603
610
|
padding: 10px 18px;
|
|
604
611
|
}
|
|
605
612
|
|
|
613
|
+
&--teach-side-panel {
|
|
614
|
+
border-top: 1px solid $gray-divider;
|
|
615
|
+
}
|
|
616
|
+
|
|
606
617
|
&--dark {
|
|
607
618
|
background: $brand-black;
|
|
608
619
|
border-top-color: $charcoal;
|