@pocketprep/ui-kit 3.1.6 → 3.2.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/.eslintrc.cjs +1 -0
- package/README.md +29 -8
- package/dist/@pocketprep/ui-kit.js +3 -3
- 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/lib/components/BundleIcons/BundleIcon.vue +2 -2
- package/lib/components/Filters/FilterDropdown.vue +2 -2
- package/lib/pocketprep.scss +12 -12
- package/package.json +14 -13
- package/lib/components/Banners/Banner.md +0 -41
- package/lib/components/Blobs/Blob.md +0 -10
- package/lib/components/Blobs/BlobEmptyState.md +0 -9
- package/lib/components/BundleIcons/BundleIcon.md +0 -60
- package/lib/components/Bundles/BundleList.md +0 -63
- package/lib/components/Bundles/BundleSearch.md +0 -195
- package/lib/components/Bundles/PremiumPill.md +0 -23
- package/lib/components/Buttons/Button.md +0 -99
- package/lib/components/Buttons/Link.md +0 -58
- package/lib/components/Buttons/Tab.md +0 -35
- package/lib/components/Calendar/Calendar.md +0 -18
- package/lib/components/Charts/Bar.md +0 -123
- package/lib/components/Charts/Pie.md +0 -23
- package/lib/components/Controls/SegmentControl.md +0 -47
- package/lib/components/Controls/Slider.md +0 -67
- package/lib/components/Controls/ToggleSwitch.md +0 -56
- package/lib/components/EmptyStates/EmptyState.md +0 -44
- package/lib/components/Exams/ExamCard.md +0 -45
- package/lib/components/Exams/ExamMenuCard.md +0 -90
- package/lib/components/Filters/FilterDropdown.md +0 -68
- package/lib/components/Filters/FilterOptions.md +0 -67
- package/lib/components/Forms/Checkbox.md +0 -52
- package/lib/components/Forms/CheckboxOption.md +0 -37
- package/lib/components/Forms/Errors.md +0 -23
- package/lib/components/Forms/Input.md +0 -63
- package/lib/components/Forms/Radio.md +0 -66
- package/lib/components/Forms/Select.md +0 -133
- package/lib/components/Forms/Textarea.md +0 -57
- package/lib/components/Icons/Icon.md +0 -151
- package/lib/components/Icons/IconAccordionArrow.md +0 -7
- package/lib/components/Icons/IconActivity.md +0 -7
- package/lib/components/Icons/IconAdd.md +0 -7
- package/lib/components/Icons/IconAddCircle.md +0 -7
- package/lib/components/Icons/IconArrow.md +0 -7
- package/lib/components/Icons/IconBarChart.md +0 -7
- package/lib/components/Icons/IconCalendar.md +0 -7
- package/lib/components/Icons/IconChat.md +0 -7
- package/lib/components/Icons/IconCheck.md +0 -7
- package/lib/components/Icons/IconClose.md +0 -7
- package/lib/components/Icons/IconCorrect.md +0 -7
- package/lib/components/Icons/IconEdit.md +0 -7
- package/lib/components/Icons/IconExam.md +0 -7
- package/lib/components/Icons/IconExternalLink.md +0 -7
- package/lib/components/Icons/IconEyeHide.md +0 -7
- package/lib/components/Icons/IconEyeShow.md +0 -7
- package/lib/components/Icons/IconFilter.md +0 -7
- package/lib/components/Icons/IconFilterActive.md +0 -7
- package/lib/components/Icons/IconFlag.md +0 -7
- package/lib/components/Icons/IconFlagContent.md +0 -7
- package/lib/components/Icons/IconFlagFeedback.md +0 -11
- package/lib/components/Icons/IconFlagFilled.md +0 -7
- package/lib/components/Icons/IconFullView.md +0 -7
- package/lib/components/Icons/IconFullViewActive.md +0 -7
- package/lib/components/Icons/IconHandle.md +0 -7
- package/lib/components/Icons/IconHeart.md +0 -7
- package/lib/components/Icons/IconHelp.md +0 -7
- package/lib/components/Icons/IconHourglass.md +0 -7
- package/lib/components/Icons/IconImage.md +0 -7
- package/lib/components/Icons/IconIncorrect.md +0 -7
- package/lib/components/Icons/IconInfo.md +0 -7
- package/lib/components/Icons/IconKeyboard.md +0 -7
- package/lib/components/Icons/IconLaunch.md +0 -7
- package/lib/components/Icons/IconLevelUp.md +0 -7
- package/lib/components/Icons/IconLightbulb.md +0 -5
- package/lib/components/Icons/IconLightning.md +0 -7
- package/lib/components/Icons/IconList.md +0 -7
- package/lib/components/Icons/IconLoading.md +0 -7
- package/lib/components/Icons/IconLoading2.md +0 -7
- package/lib/components/Icons/IconLock.md +0 -7
- package/lib/components/Icons/IconMissedQuestions.md +0 -7
- package/lib/components/Icons/IconMoon.md +0 -7
- package/lib/components/Icons/IconPaginationArrow.md +0 -7
- package/lib/components/Icons/IconPassage.md +0 -7
- package/lib/components/Icons/IconPencil.md +0 -7
- package/lib/components/Icons/IconPeople.md +0 -7
- package/lib/components/Icons/IconPercent.md +0 -7
- package/lib/components/Icons/IconPerson.md +0 -7
- package/lib/components/Icons/IconPreview.md +0 -7
- package/lib/components/Icons/IconQuestions.md +0 -7
- package/lib/components/Icons/IconQuick10.md +0 -7
- package/lib/components/Icons/IconRemoveCircle.md +0 -7
- package/lib/components/Icons/IconReviewFlag.md +0 -7
- package/lib/components/Icons/IconSearch.md +0 -7
- package/lib/components/Icons/IconShare.md +0 -7
- package/lib/components/Icons/IconSideBar.md +0 -7
- package/lib/components/Icons/IconSideBarActive.md +0 -7
- package/lib/components/Icons/IconStopwatch.md +0 -7
- package/lib/components/Icons/IconStrike.md +0 -60
- package/lib/components/Icons/IconSubject.md +0 -7
- package/lib/components/Icons/IconText.md +0 -7
- package/lib/components/Icons/IconTimer.md +0 -7
- package/lib/components/Icons/IconWarning.md +0 -7
- package/lib/components/Loaders/SkeletonLoader.md +0 -43
- package/lib/components/Modal/Modal.md +0 -31
- package/lib/components/Modal/ModalContainer.md +0 -96
- package/lib/components/Onboarding/EmailAuth.md +0 -40
- package/lib/components/Onboarding/MagicCodeEntry.md +0 -20
- package/lib/components/Pagination/QuestionReviewPagination.md +0 -19
- package/lib/components/Pagination/TablePagination.md +0 -19
- package/lib/components/PhonePerson/PhonePerson.md +0 -36
- package/lib/components/Quiz/FlagToggle.md +0 -37
- package/lib/components/Quiz/GlobalMetricsToggle.md +0 -46
- package/lib/components/Quiz/KeyboardShortcutsButton.md +0 -18
- package/lib/components/Quiz/KeyboardShortcutsModal.md +0 -71
- package/lib/components/Quiz/Question.md +0 -579
- package/lib/components/Quiz/QuizContainer.md +0 -91
- package/lib/components/Quiz/QuizProgress.md +0 -122
- package/lib/components/Quiz/QuizProgressBar.md +0 -131
- package/lib/components/Search/Pill.md +0 -37
- package/lib/components/Search/Search.md +0 -44
- package/lib/components/SidePanels/SidePanel.md +0 -126
- package/lib/components/Tables/StudyTable.md +0 -136
- package/lib/components/Tables/TeachTable.md +0 -696
- package/lib/components/Toasts/Toast.md +0 -35
- package/lib/components/Tooltips/OverflowTooltip.md +0 -14
- package/lib/components/Tooltips/Tooltip.md +0 -72
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
```vue
|
|
2
|
-
<template>
|
|
3
|
-
<div>
|
|
4
|
-
<Icon type="flagFeedback" />
|
|
5
|
-
<Icon type="flagFeedback" :style="{ color: '#CE8500'}"/>
|
|
6
|
-
<Icon type="flagFeedback" :style="{ color: '#CE8500'}" secondary-color="#FFCE74" />
|
|
7
|
-
<Icon type="flagFeedback" :style="{ color: '#FFBD47', backgroundColor: '#1f3545'}"/>
|
|
8
|
-
<Icon type="flagFeedback" :style="{ color: '#FFBD47', backgroundColor: '#1f3545' }" secondary-color="#FFCE74" />
|
|
9
|
-
</div>
|
|
10
|
-
</template>
|
|
11
|
-
```
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
```vue
|
|
2
|
-
<template>
|
|
3
|
-
<div class="icon-strike">
|
|
4
|
-
<div class="icon-strike__normal">
|
|
5
|
-
<Icon type="strike" />
|
|
6
|
-
</div>
|
|
7
|
-
<div class="icon-strike__hover">
|
|
8
|
-
<Icon type="strike" />
|
|
9
|
-
</div>
|
|
10
|
-
<div class="icon-strike__focus">
|
|
11
|
-
<Icon type="strike" />
|
|
12
|
-
</div>
|
|
13
|
-
<div class="icon-strike__selected">
|
|
14
|
-
<Icon type="strike" />
|
|
15
|
-
</div>
|
|
16
|
-
</div>
|
|
17
|
-
</template>
|
|
18
|
-
|
|
19
|
-
<style>
|
|
20
|
-
.icon-strike {
|
|
21
|
-
display: flex;
|
|
22
|
-
align-items: center;
|
|
23
|
-
color: #587183;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
/* stylelint-disable-next-line */
|
|
27
|
-
.icon-strike >div {
|
|
28
|
-
display: flex;
|
|
29
|
-
align-items: center;
|
|
30
|
-
justify-content: center;
|
|
31
|
-
width: 20px;
|
|
32
|
-
height: 22px;
|
|
33
|
-
margin-right: 20px;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
.icon-strike__normal {
|
|
37
|
-
background-color: #f4f5f9;
|
|
38
|
-
border-radius: 2px;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
.icon-strike__hover {
|
|
42
|
-
background-color: rgba(207, 225, 255, 0.674);
|
|
43
|
-
border-radius: 2px;
|
|
44
|
-
color: #0064ff;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
.icon-strike__focus {
|
|
48
|
-
color: #0064ff;
|
|
49
|
-
background-color: #f4f5f9;
|
|
50
|
-
border: 1px solid #0064ff;
|
|
51
|
-
border-radius: 2px;
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
.icon-strike__selected {
|
|
55
|
-
background-color: #0064ff;
|
|
56
|
-
border-radius: 2px;
|
|
57
|
-
color: white;
|
|
58
|
-
}
|
|
59
|
-
</style>
|
|
60
|
-
```
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
```vue
|
|
2
|
-
<template>
|
|
3
|
-
<div>
|
|
4
|
-
<div>
|
|
5
|
-
<SkeletonLoader class="skeletonLoader" />
|
|
6
|
-
</div>
|
|
7
|
-
<div>
|
|
8
|
-
<SkeletonLoader class="skeletonLoader2" />
|
|
9
|
-
</div>
|
|
10
|
-
<div>
|
|
11
|
-
<SkeletonLoader class="skeletonLoader3" />
|
|
12
|
-
</div>
|
|
13
|
-
<div>
|
|
14
|
-
<SkeletonLoader class="skeletonLoader4" />
|
|
15
|
-
</div>
|
|
16
|
-
</div>
|
|
17
|
-
</template>
|
|
18
|
-
<script>
|
|
19
|
-
|
|
20
|
-
export default {
|
|
21
|
-
}
|
|
22
|
-
</script>
|
|
23
|
-
|
|
24
|
-
<style>
|
|
25
|
-
.skeletonLoader,
|
|
26
|
-
.skeletonLoader2 {
|
|
27
|
-
height: 24px;
|
|
28
|
-
width: 60px;
|
|
29
|
-
margin-bottom: 20px;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
.skeletonLoader3 {
|
|
33
|
-
height: 24px;
|
|
34
|
-
width: 80px;
|
|
35
|
-
margin-bottom: 20px;
|
|
36
|
-
}
|
|
37
|
-
.skeletonLoader4 {
|
|
38
|
-
height: 24px;
|
|
39
|
-
width: 100px;
|
|
40
|
-
margin-bottom: 20px;
|
|
41
|
-
}
|
|
42
|
-
</style>
|
|
43
|
-
```
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
```vue
|
|
2
|
-
<template>
|
|
3
|
-
<div class="custom-modal-container">
|
|
4
|
-
<Modal :showCloseButton="true">
|
|
5
|
-
<template #head>
|
|
6
|
-
Head section
|
|
7
|
-
</template>
|
|
8
|
-
<div class="modal-content">
|
|
9
|
-
Custom modal component
|
|
10
|
-
</div>
|
|
11
|
-
</Modal>
|
|
12
|
-
</div>
|
|
13
|
-
</template>
|
|
14
|
-
|
|
15
|
-
<script>
|
|
16
|
-
export default {
|
|
17
|
-
|
|
18
|
-
}
|
|
19
|
-
</script>
|
|
20
|
-
|
|
21
|
-
<style>
|
|
22
|
-
.custom-modal-container {
|
|
23
|
-
position: relative;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.modal-content {
|
|
27
|
-
background: white;
|
|
28
|
-
padding: 20px;
|
|
29
|
-
}
|
|
30
|
-
</style>
|
|
31
|
-
```
|