@pocketprep/ui-kit 3.9.12 → 3.9.14
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.css +1 -1
- package/dist/@pocketprep/ui-kit.js +1926 -1906
- package/dist/@pocketprep/ui-kit.js.map +1 -1
- package/dist/@pocketprep/ui-kit.umd.cjs +7 -7
- package/dist/@pocketprep/ui-kit.umd.cjs.map +1 -1
- package/lib/components/Icons/Icon.vue +2 -0
- package/lib/components/Icons/IconThumbsUpOutlineFilled.vue +23 -0
- package/lib/components/Icons/icon.d.ts +1 -0
- package/lib/components/Quiz/Question/ChoicesContainer.vue +2 -8
- package/lib/components/Quiz/Question/DropdownExplanation.vue +1 -4
- package/lib/components/Quiz/Question/Summary.vue +2 -2
- package/lib/components/Quiz/QuizContainer.vue +1 -0
- package/package.json +1 -1
|
@@ -78,6 +78,7 @@ import IconRecommendedFilter from './IconRecommendedFilter.vue'
|
|
|
78
78
|
import IconTutorChat from './IconTutorChat.vue'
|
|
79
79
|
import IconMinimize from './IconMinimize.vue'
|
|
80
80
|
import IconThumbsUpOutline from './IconThumbsUpOutline.vue'
|
|
81
|
+
import IconThumbsUpOutlineFilled from './IconThumbsUpOutlineFilled.vue'
|
|
81
82
|
|
|
82
83
|
withDefaults(defineProps<{
|
|
83
84
|
type?: TIconType
|
|
@@ -181,4 +182,5 @@ withDefaults(defineProps<{
|
|
|
181
182
|
<IconTutorChat v-else-if="type === 'tutorChat'" :title="title" />
|
|
182
183
|
<IconMinimize v-else-if="type === 'minimize'" :title="title" />
|
|
183
184
|
<IconThumbsUpOutline v-else-if="type === 'thumbsUpOutline'" :title="title" />
|
|
185
|
+
<IconThumbsUpOutlineFilled v-else-if="type === 'thumbsUpOutlineFilled'" :title="title" />
|
|
184
186
|
</template>
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
|
|
3
|
+
const { title } = defineProps<{
|
|
4
|
+
title: string
|
|
5
|
+
}>()
|
|
6
|
+
</script>
|
|
7
|
+
|
|
8
|
+
<template>
|
|
9
|
+
<!-- eslint-disable -->
|
|
10
|
+
<svg width="16" height="19" viewBox="0 0 16 19" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
11
|
+
<title>{{ title }}</title>
|
|
12
|
+
<g clip-path="url(#clip0_1985_3360)">
|
|
13
|
+
<path d="M6.65463 17.9783C4.64794 17.9389 3.65931 17.4909 3.0384 17.0394C2.41749 16.5879 2.15052 15.4472 1.76024 14.3069C1.36997 13.1666 0.71622 9.4317 1.13504 8.38555C1.55386 7.3394 3.0384 6.47619 3.0384 6.47619C5.16308 4.87462 5.94875 2.99595 6.21814 1.78862C6.45709 1.1115 7.17635 0.981993 7.50612 1.00188C8.99283 1.09155 9.8634 2.50681 9.8634 4.19745C9.8634 5.80346 9.19901 6.27516 8.94044 7.0351C8.91961 7.09634 8.96662 7.15785 9.0313 7.15785H11.7405H12.5047C12.9786 7.15785 15.7582 7.43816 14.1268 10.8929C16.0632 12.1348 14.1495 15.0788 12.8061 16.755C12.1558 17.5664 11.1559 17.9861 10.1161 17.9946C9.06462 18.0031 7.97967 18.0043 6.65463 17.9783Z" fill="currentColor" fill-opacity="0.45"/>
|
|
14
|
+
<path d="M7.54877 0.283062C9.59027 0.406395 10.5827 2.33041 10.5829 4.19712C10.5829 5.1149 10.3891 5.74087 10.1474 6.24498C10.1156 6.31134 10.0797 6.37514 10.0468 6.43736H12.5038C12.6762 6.43738 13.0024 6.46117 13.372 6.55943C13.7397 6.65729 14.2003 6.84297 14.5898 7.1981C14.9957 7.56855 15.2927 8.09672 15.3456 8.79771C15.387 9.34734 15.2737 9.9716 14.997 10.6835C15.3543 11.0544 15.5638 11.5006 15.6376 11.9891C15.7347 12.6332 15.5942 13.3012 15.371 13.909C14.9251 15.1232 14.05 16.3529 13.3671 17.2049C12.5627 18.2085 11.3454 18.7047 10.121 18.7147C9.06559 18.7233 7.97318 18.7242 6.63959 18.6981C4.51958 18.6565 3.37871 18.1778 2.61419 17.6219C2.12777 17.268 1.84297 16.7006 1.64252 16.1981C1.44201 15.6954 1.25541 15.0581 1.07806 14.5399C0.860589 13.9042 0.592048 12.6314 0.429624 11.4051C0.34762 10.7859 0.289316 10.1554 0.28021 9.60337C0.271671 9.08357 0.302853 8.52516 0.465757 8.11802C0.745864 7.41866 1.34267 6.845 1.78705 6.4813C2.02083 6.29 2.23938 6.13498 2.39935 6.02818C2.47941 5.97474 2.54617 5.93261 2.59369 5.90318C2.6061 5.89548 2.61711 5.88766 2.62689 5.8817C4.57387 4.40446 5.2767 2.69767 5.51459 1.6317L5.53802 1.54869C5.73594 0.988317 6.13989 0.655713 6.52826 0.478375C6.90007 0.308736 7.28274 0.267085 7.54877 0.283062ZM7.46185 1.72056C7.39802 1.71681 7.25531 1.72987 7.12591 1.78892C7.01828 1.83814 6.94544 1.90594 6.90326 2.01255C6.58956 3.35697 5.71655 5.35862 3.47064 7.05162L3.39935 7.09849L3.39056 7.10337C3.38243 7.10826 3.36886 7.11703 3.3515 7.12779C3.31635 7.14957 3.26392 7.1832 3.19916 7.22642C3.06789 7.31405 2.88839 7.44072 2.69916 7.59556C2.29687 7.92481 1.94148 8.3068 1.80267 8.65318C1.75637 8.76908 1.71227 9.07051 1.72064 9.57994C1.72853 10.0576 1.7796 10.6294 1.85736 11.2167C2.01454 12.4032 2.26763 13.5679 2.44037 14.0731C2.65314 14.6948 2.79482 15.1996 2.98041 15.6649C3.16592 16.1298 3.32678 16.3591 3.46087 16.4569C3.9381 16.8039 4.77542 17.2205 6.66791 17.2577C7.98391 17.2835 9.06212 17.2828 10.1093 17.2743C10.9643 17.2673 11.7469 16.9235 12.2431 16.3045C12.9035 15.4806 13.6569 14.3999 14.0195 13.4129C14.1349 13.0985 14.1993 12.8186 14.2197 12.577C14.3936 11.2576 13.6055 10.8121 13.6054 10.4627C13.6055 10.177 13.7229 10.084 13.8085 9.70005C13.9001 9.36383 13.924 9.10389 13.9091 8.90611C13.8847 8.58367 13.763 8.39288 13.6191 8.26158C13.4586 8.11535 13.2363 8.01363 13.0009 7.95103C12.768 7.8892 12.5686 7.87781 12.5038 7.87779H9.03021C8.50717 7.87749 8.0671 7.36328 8.25775 6.80259L8.32806 6.61802C8.40225 6.44069 8.48739 6.2829 8.56439 6.14537C8.674 5.94962 8.76244 5.80147 8.84857 5.62193C9.0035 5.29884 9.1425 4.88479 9.14252 4.19712C9.1423 2.68333 8.39311 1.7768 7.46185 1.72056Z" fill="currentColor"/>
|
|
15
|
+
</g>
|
|
16
|
+
<defs>
|
|
17
|
+
<clipPath id="clip0_1985_3360">
|
|
18
|
+
<rect width="16" height="19" fill="currentColor"/>
|
|
19
|
+
</clipPath>
|
|
20
|
+
</defs>
|
|
21
|
+
</svg>
|
|
22
|
+
<!-- eslint-enable -->
|
|
23
|
+
</template>
|
|
@@ -728,14 +728,11 @@ const handleClick = (event: MouseEvent) => {
|
|
|
728
728
|
display: none;
|
|
729
729
|
}
|
|
730
730
|
|
|
731
|
+
&--tablet-landscape#{&}--right-side-bar-open,
|
|
731
732
|
&--tablet-portrait,
|
|
732
733
|
&--mobile {
|
|
733
734
|
display: block;
|
|
734
735
|
}
|
|
735
|
-
|
|
736
|
-
&--tablet-landscape#{&}--right-side-bar-open {
|
|
737
|
-
display: block;
|
|
738
|
-
}
|
|
739
736
|
}
|
|
740
737
|
|
|
741
738
|
&__toggle-explanation-text {
|
|
@@ -746,14 +743,11 @@ const handleClick = (event: MouseEvent) => {
|
|
|
746
743
|
margin-left: 5px;
|
|
747
744
|
display: none;
|
|
748
745
|
|
|
746
|
+
&--tablet-landscape#{&}--right-side-bar-open,
|
|
749
747
|
&--tablet-portrait {
|
|
750
748
|
display: initial;
|
|
751
749
|
}
|
|
752
750
|
|
|
753
|
-
&--tablet-landscape#{&}--right-side-bar-open {
|
|
754
|
-
display: initial;
|
|
755
|
-
}
|
|
756
|
-
|
|
757
751
|
&--up {
|
|
758
752
|
transform: rotate(180deg);
|
|
759
753
|
}
|
|
@@ -130,14 +130,11 @@ const toggleDropdownExplanationImageLongAlt = () => {
|
|
|
130
130
|
&__dropdown-explanation {
|
|
131
131
|
display: none;
|
|
132
132
|
|
|
133
|
+
&--tablet-landscape#{&}--right-side-bar-open,
|
|
133
134
|
&--tablet-portrait {
|
|
134
135
|
display: block;
|
|
135
136
|
}
|
|
136
137
|
|
|
137
|
-
&--tablet-landscape#{&}--right-side-bar-open {
|
|
138
|
-
display: block;
|
|
139
|
-
}
|
|
140
|
-
|
|
141
138
|
&--show-stats {
|
|
142
139
|
padding-bottom: 23px;
|
|
143
140
|
padding-right: 66px;
|
|
@@ -332,11 +332,11 @@ const toggleSummaryExplanationImageLongAlt = () => {
|
|
|
332
332
|
|
|
333
333
|
&--matrix-question-review-mode#{&}--tablet-landscape,
|
|
334
334
|
&--mpmc-question-review-mode#{&}--tablet-landscape,
|
|
335
|
-
&--build-list-question-review-mode#{&}--tablet-landscape
|
|
336
|
-
&--right-side-bar#{&}--tablet-landscape {
|
|
335
|
+
&--build-list-question-review-mode#{&}--tablet-landscape {
|
|
337
336
|
display: inline-block;
|
|
338
337
|
}
|
|
339
338
|
|
|
339
|
+
&--right-side-bar#{&}--tablet-landscape,
|
|
340
340
|
&--tablet-portrait {
|
|
341
341
|
display: block;
|
|
342
342
|
}
|