@pocketprep/ui-kit 3.7.4 → 3.8.0
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 +7048 -7118
- package/dist/@pocketprep/ui-kit.js.map +1 -1
- package/dist/@pocketprep/ui-kit.umd.cjs +10 -10
- package/dist/@pocketprep/ui-kit.umd.cjs.map +1 -1
- package/lib/components/Icons/Icon.vue +91 -160
- package/lib/components/Icons/IconReadiness.vue +16 -0
- package/lib/components/Icons/icon.d.ts +2 -1
- package/lib/components/Quiz/Question/QuestionContext.vue +1 -1
- package/package.json +1 -1
|
@@ -1,3 +1,93 @@
|
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
import type { TIconType } from './icon'
|
|
3
|
+
import IconAdd from './IconAdd.vue'
|
|
4
|
+
import IconEdit from './IconEdit.vue'
|
|
5
|
+
import IconFilter from './IconFilter.vue'
|
|
6
|
+
import IconFilterActive from './IconFilterActive.vue'
|
|
7
|
+
import IconSearch from './IconSearch.vue'
|
|
8
|
+
import IconClose from './IconClose.vue'
|
|
9
|
+
import IconCheck from './IconCheck.vue'
|
|
10
|
+
import IconHandle from './IconHandle.vue'
|
|
11
|
+
import IconHelp from './IconHelp.vue'
|
|
12
|
+
import IconArrow from './IconArrow.vue'
|
|
13
|
+
import IconAccordionArrow from './IconAccordionArrow.vue'
|
|
14
|
+
import IconPaginationArrow from './IconPaginationArrow.vue'
|
|
15
|
+
import IconPaginationArrowDouble from './IconPaginationArrowDouble.vue'
|
|
16
|
+
import IconQuestions from './IconQuestions.vue'
|
|
17
|
+
import IconSubject from './IconSubject.vue'
|
|
18
|
+
import IconFlag from './IconFlag.vue'
|
|
19
|
+
import IconFlagContent from './IconFlagContent.vue'
|
|
20
|
+
import IconFlagFilled from './IconFlagFilled.vue'
|
|
21
|
+
import IconLoading from './IconLoading.vue'
|
|
22
|
+
import IconLoading2 from './IconLoading2.vue'
|
|
23
|
+
import IconHourglass from './IconHourglass.vue'
|
|
24
|
+
import IconImage from './IconImage.vue'
|
|
25
|
+
import IconActivity from './IconActivity.vue'
|
|
26
|
+
import IconBarChart from './IconBarChart.vue'
|
|
27
|
+
import IconExam from './IconExam.vue'
|
|
28
|
+
import IconLightning from './IconLightning.vue'
|
|
29
|
+
import IconCalendar from './IconCalendar.vue'
|
|
30
|
+
import IconCalendarPicker from './IconCalendarPicker.vue'
|
|
31
|
+
import IconPassage from './IconPassage.vue'
|
|
32
|
+
import IconPencil from './IconPencil.vue'
|
|
33
|
+
import IconPeople from './IconPeople.vue'
|
|
34
|
+
import IconMissedQuestions from './IconMissedQuestions.vue'
|
|
35
|
+
import IconQuick10 from './IconQuick10.vue'
|
|
36
|
+
import IconShare from './IconShare.vue'
|
|
37
|
+
import IconStopwatch from './IconStopwatch.vue'
|
|
38
|
+
import IconStrike from './IconStrike.vue'
|
|
39
|
+
import IconWarning from './IconWarning.vue'
|
|
40
|
+
import IconAddCircle from './IconAddCircle.vue'
|
|
41
|
+
import IconRemoveCircle from './IconRemoveCircle.vue'
|
|
42
|
+
import IconReviewFlag from './IconReviewFlag.vue'
|
|
43
|
+
import IconEyeShow from './IconEyeShow.vue'
|
|
44
|
+
import IconEyeHide from './IconEyeHide.vue'
|
|
45
|
+
import IconLock from './IconLock.vue'
|
|
46
|
+
import IconMoon from './IconMoon.vue'
|
|
47
|
+
import IconHeart from './IconHeart.vue'
|
|
48
|
+
import IconExternalLink from './IconExternalLink.vue'
|
|
49
|
+
import IconKeyboard from './IconKeyboard.vue'
|
|
50
|
+
import IconFullView from './IconFullView.vue'
|
|
51
|
+
import IconFullViewActive from './IconFullViewActive.vue'
|
|
52
|
+
import IconSideBar from './IconSideBar.vue'
|
|
53
|
+
import IconSideBarActive from './IconSideBarActive.vue'
|
|
54
|
+
import IconCorrect from './IconCorrect.vue'
|
|
55
|
+
import IconIncorrect from './IconIncorrect.vue'
|
|
56
|
+
import IconFlagFeedback from './IconFlagFeedback.vue'
|
|
57
|
+
import IconText from './IconText.vue'
|
|
58
|
+
import IconInfo from './IconInfo.vue'
|
|
59
|
+
import IconList from './IconList.vue'
|
|
60
|
+
import IconLaunch from './IconLaunch.vue'
|
|
61
|
+
import IconLevelUp from './IconLevelUp.vue'
|
|
62
|
+
import IconLightbulb from './IconLightbulb.vue'
|
|
63
|
+
import IconChat from './IconChat.vue'
|
|
64
|
+
import IconPreview from './IconPreview.vue'
|
|
65
|
+
import IconPercent from './IconPercent.vue'
|
|
66
|
+
import IconPerson from './IconPerson.vue'
|
|
67
|
+
import IconTimer from './IconTimer.vue'
|
|
68
|
+
import IconPresent from './IconPresent.vue'
|
|
69
|
+
import IconLink from './IconLink.vue'
|
|
70
|
+
import IconAssignment from './IconAssignment.vue'
|
|
71
|
+
import IconQuickActions from './IconQuickActions.vue'
|
|
72
|
+
import IconHighlight from './IconHighlight.vue'
|
|
73
|
+
import IconGridDrag from './IconGridDrag.vue'
|
|
74
|
+
import IconReadiness from './IconReadiness.vue'
|
|
75
|
+
|
|
76
|
+
withDefaults(defineProps<{
|
|
77
|
+
type?: TIconType
|
|
78
|
+
title?: string
|
|
79
|
+
isDarkMode?: boolean
|
|
80
|
+
primaryColor?: string
|
|
81
|
+
secondaryColor?: string
|
|
82
|
+
}>(), {
|
|
83
|
+
type: 'add',
|
|
84
|
+
title: '',
|
|
85
|
+
isDarkMode: false,
|
|
86
|
+
primaryColor: undefined,
|
|
87
|
+
secondaryColor: 'currentColor',
|
|
88
|
+
})
|
|
89
|
+
</script>
|
|
90
|
+
|
|
1
91
|
<template>
|
|
2
92
|
<IconAdd v-if="type === 'add'" :title="title" />
|
|
3
93
|
<IconEdit v-else-if="type === 'edit'" :title="title" />
|
|
@@ -78,164 +168,5 @@
|
|
|
78
168
|
<IconQuickActions v-else-if="type === 'quickActions'" :title="title" />
|
|
79
169
|
<IconHighlight v-else-if="type === 'highlight'" :title="title" />
|
|
80
170
|
<IconGridDrag v-else-if="type === 'gridDrag'" :title="title" />
|
|
171
|
+
<IconReadiness v-else-if="type === 'readiness'" :title="title" />
|
|
81
172
|
</template>
|
|
82
|
-
|
|
83
|
-
<script lang="ts">
|
|
84
|
-
import { Component, Vue, Prop } from 'vue-facing-decorator'
|
|
85
|
-
import IconAdd from './IconAdd.vue'
|
|
86
|
-
import IconEdit from './IconEdit.vue'
|
|
87
|
-
import IconFilter from './IconFilter.vue'
|
|
88
|
-
import IconFilterActive from './IconFilterActive.vue'
|
|
89
|
-
import IconSearch from './IconSearch.vue'
|
|
90
|
-
import IconClose from './IconClose.vue'
|
|
91
|
-
import IconCheck from './IconCheck.vue'
|
|
92
|
-
import IconHandle from './IconHandle.vue'
|
|
93
|
-
import IconHelp from './IconHelp.vue'
|
|
94
|
-
import IconArrow from './IconArrow.vue'
|
|
95
|
-
import IconAccordionArrow from './IconAccordionArrow.vue'
|
|
96
|
-
import IconPaginationArrow from './IconPaginationArrow.vue'
|
|
97
|
-
import IconPaginationArrowDouble from './IconPaginationArrowDouble.vue'
|
|
98
|
-
import IconQuestions from './IconQuestions.vue'
|
|
99
|
-
import IconSubject from './IconSubject.vue'
|
|
100
|
-
import IconFlag from './IconFlag.vue'
|
|
101
|
-
import IconFlagContent from './IconFlagContent.vue'
|
|
102
|
-
import IconFlagFilled from './IconFlagFilled.vue'
|
|
103
|
-
import IconLoading from './IconLoading.vue'
|
|
104
|
-
import IconLoading2 from './IconLoading2.vue'
|
|
105
|
-
import IconHourglass from './IconHourglass.vue'
|
|
106
|
-
import IconImage from './IconImage.vue'
|
|
107
|
-
import IconActivity from './IconActivity.vue'
|
|
108
|
-
import IconBarChart from './IconBarChart.vue'
|
|
109
|
-
import IconExam from './IconExam.vue'
|
|
110
|
-
import IconLightning from './IconLightning.vue'
|
|
111
|
-
import IconCalendar from './IconCalendar.vue'
|
|
112
|
-
import IconCalendarPicker from './IconCalendarPicker.vue'
|
|
113
|
-
import IconPassage from './IconPassage.vue'
|
|
114
|
-
import IconPencil from './IconPencil.vue'
|
|
115
|
-
import IconPeople from './IconPeople.vue'
|
|
116
|
-
import IconMissedQuestions from './IconMissedQuestions.vue'
|
|
117
|
-
import IconQuick10 from './IconQuick10.vue'
|
|
118
|
-
import IconShare from './IconShare.vue'
|
|
119
|
-
import IconStopwatch from './IconStopwatch.vue'
|
|
120
|
-
import IconStrike from './IconStrike.vue'
|
|
121
|
-
import IconWarning from './IconWarning.vue'
|
|
122
|
-
import IconAddCircle from './IconAddCircle.vue'
|
|
123
|
-
import IconRemoveCircle from './IconRemoveCircle.vue'
|
|
124
|
-
import IconReviewFlag from './IconReviewFlag.vue'
|
|
125
|
-
import IconEyeShow from './IconEyeShow.vue'
|
|
126
|
-
import IconEyeHide from './IconEyeHide.vue'
|
|
127
|
-
import IconLock from './IconLock.vue'
|
|
128
|
-
import IconMoon from './IconMoon.vue'
|
|
129
|
-
import IconHeart from './IconHeart.vue'
|
|
130
|
-
import IconExternalLink from './IconExternalLink.vue'
|
|
131
|
-
import IconKeyboard from './IconKeyboard.vue'
|
|
132
|
-
import IconFullView from './IconFullView.vue'
|
|
133
|
-
import IconFullViewActive from './IconFullViewActive.vue'
|
|
134
|
-
import IconSideBar from './IconSideBar.vue'
|
|
135
|
-
import IconSideBarActive from './IconSideBarActive.vue'
|
|
136
|
-
import IconCorrect from './IconCorrect.vue'
|
|
137
|
-
import IconIncorrect from './IconIncorrect.vue'
|
|
138
|
-
import IconFlagFeedback from './IconFlagFeedback.vue'
|
|
139
|
-
import IconText from './IconText.vue'
|
|
140
|
-
import IconInfo from './IconInfo.vue'
|
|
141
|
-
import IconList from './IconList.vue'
|
|
142
|
-
import IconLaunch from './IconLaunch.vue'
|
|
143
|
-
import IconLevelUp from './IconLevelUp.vue'
|
|
144
|
-
import IconLightbulb from './IconLightbulb.vue'
|
|
145
|
-
import IconChat from './IconChat.vue'
|
|
146
|
-
import IconPreview from './IconPreview.vue'
|
|
147
|
-
import type { TIconType } from './icon'
|
|
148
|
-
import IconPercent from './IconPercent.vue'
|
|
149
|
-
import IconPerson from './IconPerson.vue'
|
|
150
|
-
import IconTimer from './IconTimer.vue'
|
|
151
|
-
import IconPresent from './IconPresent.vue'
|
|
152
|
-
import IconLink from './IconLink.vue'
|
|
153
|
-
import IconAssignment from './IconAssignment.vue'
|
|
154
|
-
import IconQuickActions from './IconQuickActions.vue'
|
|
155
|
-
import IconHighlight from './IconHighlight.vue'
|
|
156
|
-
import IconGridDrag from './IconGridDrag.vue'
|
|
157
|
-
|
|
158
|
-
@Component({
|
|
159
|
-
name: 'Icon',
|
|
160
|
-
components: {
|
|
161
|
-
IconAdd,
|
|
162
|
-
IconEdit,
|
|
163
|
-
IconFilter,
|
|
164
|
-
IconFilterActive,
|
|
165
|
-
IconSearch,
|
|
166
|
-
IconClose,
|
|
167
|
-
IconAccordionArrow,
|
|
168
|
-
IconHandle,
|
|
169
|
-
IconHelp,
|
|
170
|
-
IconArrow,
|
|
171
|
-
IconCheck,
|
|
172
|
-
IconPaginationArrow,
|
|
173
|
-
IconPaginationArrowDouble,
|
|
174
|
-
IconQuestions,
|
|
175
|
-
IconSubject,
|
|
176
|
-
IconFlag,
|
|
177
|
-
IconFlagContent,
|
|
178
|
-
IconFlagFilled,
|
|
179
|
-
IconLoading,
|
|
180
|
-
IconLoading2,
|
|
181
|
-
IconHourglass,
|
|
182
|
-
IconImage,
|
|
183
|
-
IconActivity,
|
|
184
|
-
IconBarChart,
|
|
185
|
-
IconExam,
|
|
186
|
-
IconLightning,
|
|
187
|
-
IconCalendar,
|
|
188
|
-
IconCalendarPicker,
|
|
189
|
-
IconPassage,
|
|
190
|
-
IconPencil,
|
|
191
|
-
IconPeople,
|
|
192
|
-
IconMissedQuestions,
|
|
193
|
-
IconQuick10,
|
|
194
|
-
IconShare,
|
|
195
|
-
IconStopwatch,
|
|
196
|
-
IconStrike,
|
|
197
|
-
IconWarning,
|
|
198
|
-
IconAddCircle,
|
|
199
|
-
IconRemoveCircle,
|
|
200
|
-
IconReviewFlag,
|
|
201
|
-
IconEyeShow,
|
|
202
|
-
IconEyeHide,
|
|
203
|
-
IconLock,
|
|
204
|
-
IconMoon,
|
|
205
|
-
IconHeart,
|
|
206
|
-
IconExternalLink,
|
|
207
|
-
IconKeyboard,
|
|
208
|
-
IconFullView,
|
|
209
|
-
IconFullViewActive,
|
|
210
|
-
IconSideBar,
|
|
211
|
-
IconSideBarActive,
|
|
212
|
-
IconCorrect,
|
|
213
|
-
IconIncorrect,
|
|
214
|
-
IconFlagFeedback,
|
|
215
|
-
IconText,
|
|
216
|
-
IconInfo,
|
|
217
|
-
IconList,
|
|
218
|
-
IconLaunch,
|
|
219
|
-
IconLevelUp,
|
|
220
|
-
IconLightbulb,
|
|
221
|
-
IconPercent,
|
|
222
|
-
IconPerson,
|
|
223
|
-
IconChat,
|
|
224
|
-
IconPreview,
|
|
225
|
-
IconTimer,
|
|
226
|
-
IconPresent,
|
|
227
|
-
IconLink,
|
|
228
|
-
IconAssignment,
|
|
229
|
-
IconQuickActions,
|
|
230
|
-
IconHighlight,
|
|
231
|
-
IconGridDrag,
|
|
232
|
-
},
|
|
233
|
-
})
|
|
234
|
-
export default class Icon extends Vue {
|
|
235
|
-
@Prop({ default: 'add' }) type!: TIconType
|
|
236
|
-
@Prop({ default: '' }) title!: string
|
|
237
|
-
@Prop({ default: false }) isDarkMode!: boolean
|
|
238
|
-
@Prop({ default: undefined }) primaryColor!: string
|
|
239
|
-
@Prop({ default: 'currentColor' }) secondaryColor!: string
|
|
240
|
-
}
|
|
241
|
-
</script>
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
defineProps<{
|
|
3
|
+
title: string
|
|
4
|
+
}>()
|
|
5
|
+
</script>
|
|
6
|
+
|
|
7
|
+
<template>
|
|
8
|
+
<!-- eslint-disable -->
|
|
9
|
+
<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
10
|
+
<title>{{ title }}</title>
|
|
11
|
+
<path d="M13.5009 8.28169C13.8253 7.83495 14.4508 7.73512 14.8977 8.05919C15.3444 8.38357 15.4442 9.0091 15.1202 9.45597L10.7826 15.4297C10.6172 15.6575 10.3631 15.8059 10.0833 15.837C9.80342 15.868 9.52336 15.7791 9.31208 15.593L6.60637 13.2099C6.19192 12.8449 6.15186 12.213 6.5169 11.7986C6.88193 11.3841 7.51379 11.3441 7.92824 11.7091L9.80872 13.365L13.5009 8.28169Z" fill="currentColor"/>
|
|
12
|
+
<path d="M19.4393 11.0898C19.0834 7.05096 15.9179 3.93315 12.0386 3.4953C11.5275 3.43752 11.1596 2.97571 11.2173 2.4646C11.2751 1.95352 11.7369 1.5856 12.248 1.64328C16.9902 2.17861 20.8598 5.98761 21.295 10.9263C21.7301 15.865 18.5861 20.2918 14.0105 21.6481C13.5173 21.7943 12.9982 21.5129 12.852 21.0197C12.706 20.5266 12.9876 20.0084 13.4806 19.8621C17.2236 18.7527 19.7951 15.1286 19.4393 11.0898Z" fill="currentColor"/>
|
|
13
|
+
<path d="M9.09395 19.9687C8.59443 19.8467 8.09031 20.1528 7.96802 20.6523C7.84583 21.1519 8.15203 21.656 8.65162 21.7783C9.23451 21.921 9.83559 22.0132 10.4489 22.0509C10.9623 22.0824 11.4043 21.692 11.4359 21.1787C11.4674 20.6653 11.0762 20.2234 10.5627 20.1918C10.0613 20.1609 9.56996 20.0853 9.09395 19.9687ZM4.26757 16.6985C3.96808 16.2803 3.38575 16.1839 2.96749 16.4834C2.54944 16.7829 2.45307 17.3644 2.75232 17.7826C3.46149 18.773 4.34097 19.6276 5.34342 20.3074C5.7692 20.5961 6.34868 20.4849 6.63737 20.0592C6.9258 19.6334 6.81481 19.0548 6.38922 18.7661C5.56788 18.2092 4.84792 17.5089 4.26757 16.6985ZM2.73869 12.5598C2.69587 12.0736 2.69507 11.5939 2.73371 11.1248C2.77574 10.6122 2.39443 10.1627 1.88185 10.1205C1.36929 10.0785 0.919785 10.4598 0.877579 10.9723C0.830324 11.5463 0.83087 12.1315 0.883 12.7233C0.93711 13.3374 1.04437 13.9351 1.20035 14.5115C1.33474 15.0081 1.84635 15.3013 2.34289 15.1669C2.8393 15.0326 3.13252 14.5217 2.99838 14.0253C2.87091 13.5542 2.78314 13.0643 2.73869 12.5598ZM5.037 4.6824C4.66684 4.32517 4.07685 4.33609 3.71962 4.70624C2.90923 5.54595 2.24323 6.52182 1.75679 7.59209C1.54407 8.06026 1.75079 8.61224 2.21882 8.8252C2.68706 9.03802 3.23991 8.83125 3.45283 8.3631C3.85079 7.48751 4.39591 6.6879 5.05993 5.99986C5.41715 5.62972 5.40711 5.03964 5.037 4.6824ZM9.32594 2.62985C9.17968 2.13674 8.66066 1.85524 8.16751 2.00141C7.60033 2.16953 7.05482 2.38521 6.53564 2.64284C6.07503 2.87158 5.88742 3.43081 6.11604 3.89153C6.34474 4.352 6.90327 4.54048 7.3639 4.31212C7.78806 4.10164 8.23398 3.92566 8.69749 3.78828C9.1906 3.64203 9.4721 3.123 9.32594 2.62985Z" fill="currentColor"/>
|
|
14
|
+
</svg>
|
|
15
|
+
<!-- eslint-enable -->
|
|
16
|
+
</template>
|