@pocketprep/ui-kit 2.0.40 → 3.0.1
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.js → .eslintrc.cjs} +16 -17
- package/dist/@pocketprep/ui-kit.js +18856 -0
- package/dist/@pocketprep/ui-kit.js.map +1 -0
- package/dist/@pocketprep/ui-kit.umd.cjs +28 -0
- package/dist/@pocketprep/ui-kit.umd.cjs.map +1 -0
- package/dist/style.css +1 -0
- package/index.d.ts +6 -62
- package/lib/SVGDefinitions.vue +85 -0
- package/lib/assets/emojis/tada.png +0 -0
- package/lib/assets/halftones/halftone-black.png +0 -0
- package/lib/assets/halftones/halftone-blue.png +0 -0
- package/lib/assets/halftones/halftone-green.png +0 -0
- package/lib/assets/halftones/halftone-purple.png +0 -0
- package/lib/assets/halftones/halftone-red.png +0 -0
- package/lib/assets/halftones/halftone-yellow.png +0 -0
- package/lib/assets/question/paywall-dark.png +0 -0
- package/lib/assets/question/paywall-light.png +0 -0
- package/lib/components/Banners/Banner.md +41 -0
- package/lib/components/Banners/Banner.vue +87 -0
- package/lib/components/BundleIcons/AMTA.vue +134 -0
- package/lib/components/BundleIcons/BundleIcon.md +60 -0
- package/lib/components/BundleIcons/BundleIcon.vue +111 -0
- package/lib/components/Bundles/BundleList.md +63 -0
- package/lib/components/Bundles/BundleList.vue +170 -0
- package/lib/components/Bundles/BundleSearch.md +195 -0
- package/lib/components/Bundles/BundleSearch.vue +573 -0
- package/lib/components/Bundles/PremiumPill.md +23 -0
- package/lib/components/Bundles/PremiumPill.vue +43 -0
- package/lib/components/Buttons/Button.md +99 -0
- package/lib/components/Buttons/Button.vue +496 -0
- package/lib/components/Buttons/Link.md +58 -0
- package/lib/components/Buttons/Link.vue +192 -0
- package/lib/components/Buttons/Tab.md +35 -0
- package/lib/components/Buttons/Tab.vue +103 -0
- package/lib/components/Calendar/Calendar.md +18 -0
- package/lib/components/Calendar/Calendar.vue +162 -0
- package/lib/components/Charts/Bar.md +123 -0
- package/lib/components/Charts/Bar.vue +364 -0
- package/lib/components/Charts/Pie.md +23 -0
- package/lib/components/Charts/Pie.vue +105 -0
- package/lib/components/Controls/SegmentControl.md +47 -0
- package/lib/components/Controls/SegmentControl.vue +117 -0
- package/lib/components/Controls/Slider.md +67 -0
- package/lib/components/Controls/Slider.vue +358 -0
- package/lib/components/Controls/ToggleSwitch.md +56 -0
- package/lib/components/Controls/ToggleSwitch.vue +160 -0
- package/lib/components/Exams/ExamCard.md +45 -0
- package/lib/components/Exams/ExamCard.vue +257 -0
- package/lib/components/Exams/ExamMenuCard.md +90 -0
- package/lib/components/Exams/ExamMenuCard.vue +218 -0
- package/lib/components/Filters/FilterDropdown.md +59 -0
- package/lib/components/Filters/FilterDropdown.vue +176 -0
- package/lib/components/Filters/FilterOptions.md +65 -0
- package/lib/components/Filters/FilterOptions.vue +265 -0
- package/lib/components/Filters/filterOptions.d.ts +10 -0
- package/lib/components/Forms/Checkbox.md +52 -0
- package/lib/components/Forms/Checkbox.vue +184 -0
- package/lib/components/Forms/CheckboxOption.md +37 -0
- package/lib/components/Forms/CheckboxOption.vue +173 -0
- package/lib/components/Forms/Errors.md +23 -0
- package/lib/components/Forms/Errors.vue +109 -0
- package/lib/components/Forms/Input.md +63 -0
- package/lib/components/Forms/Input.vue +310 -0
- package/lib/components/Forms/Radio.md +66 -0
- package/lib/components/Forms/Radio.vue +312 -0
- package/lib/components/Forms/Select.md +133 -0
- package/lib/components/Forms/Select.vue +670 -0
- package/lib/components/Forms/Textarea.md +57 -0
- package/lib/components/Forms/Textarea.vue +157 -0
- package/lib/components/Icons/Icon.md +146 -0
- package/lib/components/Icons/Icon.vue +192 -0
- package/lib/components/Icons/IconAccordionArrow.md +7 -0
- package/lib/components/Icons/IconAccordionArrow.vue +23 -0
- package/lib/components/Icons/IconActivity.md +7 -0
- package/lib/components/Icons/IconActivity.vue +21 -0
- package/lib/components/Icons/IconAdd.md +7 -0
- package/lib/components/Icons/IconAdd.vue +19 -0
- package/lib/components/Icons/IconAddCircle.md +7 -0
- package/lib/components/Icons/IconAddCircle.vue +22 -0
- package/lib/components/Icons/IconArrow.md +7 -0
- package/lib/components/Icons/IconArrow.vue +21 -0
- package/lib/components/Icons/IconBarChart.md +7 -0
- package/lib/components/Icons/IconBarChart.vue +23 -0
- package/lib/components/Icons/IconCalendar.md +7 -0
- package/lib/components/Icons/IconCalendar.vue +19 -0
- package/lib/components/Icons/IconCheck.md +7 -0
- package/lib/components/Icons/IconCheck.vue +21 -0
- package/lib/components/Icons/IconClose.md +7 -0
- package/lib/components/Icons/IconClose.vue +23 -0
- package/lib/components/Icons/IconCorrect.md +7 -0
- package/lib/components/Icons/IconCorrect.vue +19 -0
- package/lib/components/Icons/IconEdit.md +7 -0
- package/lib/components/Icons/IconEdit.vue +21 -0
- package/lib/components/Icons/IconExam.md +7 -0
- package/lib/components/Icons/IconExam.vue +34 -0
- package/lib/components/Icons/IconExternalLink.md +7 -0
- package/lib/components/Icons/IconExternalLink.vue +30 -0
- package/lib/components/Icons/IconEyeHide.md +7 -0
- package/lib/components/Icons/IconEyeHide.vue +21 -0
- package/lib/components/Icons/IconEyeShow.md +7 -0
- package/lib/components/Icons/IconEyeShow.vue +21 -0
- package/lib/components/Icons/IconFilter.md +7 -0
- package/lib/components/Icons/IconFilter.vue +19 -0
- package/lib/components/Icons/IconFilterActive.md +7 -0
- package/lib/components/Icons/IconFilterActive.vue +20 -0
- package/lib/components/Icons/IconFlag.md +7 -0
- package/lib/components/Icons/IconFlag.vue +25 -0
- package/lib/components/Icons/IconFlagFeedback.md +11 -0
- package/lib/components/Icons/IconFlagFeedback.vue +24 -0
- package/lib/components/Icons/IconFlagFilled.md +7 -0
- package/lib/components/Icons/IconFlagFilled.vue +22 -0
- package/lib/components/Icons/IconFullView.md +7 -0
- package/lib/components/Icons/IconFullView.vue +30 -0
- package/lib/components/Icons/IconFullViewActive.md +7 -0
- package/lib/components/Icons/IconFullViewActive.vue +28 -0
- package/lib/components/Icons/IconHandle.md +7 -0
- package/lib/components/Icons/IconHandle.vue +23 -0
- package/lib/components/Icons/IconHeart.md +7 -0
- package/lib/components/Icons/IconHeart.vue +19 -0
- package/lib/components/Icons/IconHelp.md +7 -0
- package/lib/components/Icons/IconHelp.vue +25 -0
- package/lib/components/Icons/IconHourglass.md +7 -0
- package/lib/components/Icons/IconHourglass.vue +22 -0
- package/lib/components/Icons/IconImage.md +7 -0
- package/lib/components/Icons/IconImage.vue +21 -0
- package/lib/components/Icons/IconIncorrect.md +7 -0
- package/lib/components/Icons/IconIncorrect.vue +21 -0
- package/lib/components/Icons/IconInfo.md +7 -0
- package/lib/components/Icons/IconInfo.vue +24 -0
- package/lib/components/Icons/IconKeyboard.md +7 -0
- package/lib/components/Icons/IconKeyboard.vue +25 -0
- package/lib/components/Icons/IconLaunch.md +7 -0
- package/lib/components/Icons/IconLaunch.vue +25 -0
- package/lib/components/Icons/IconLightning.md +7 -0
- package/lib/components/Icons/IconLightning.vue +21 -0
- package/lib/components/Icons/IconList.md +7 -0
- package/lib/components/Icons/IconList.vue +26 -0
- package/lib/components/Icons/IconLoading.md +7 -0
- package/lib/components/Icons/IconLoading.vue +65 -0
- package/lib/components/Icons/IconLoading2.md +7 -0
- package/lib/components/Icons/IconLoading2.vue +52 -0
- package/lib/components/Icons/IconLock.md +7 -0
- package/lib/components/Icons/IconLock.vue +23 -0
- package/lib/components/Icons/IconMissedQuestions.md +7 -0
- package/lib/components/Icons/IconMissedQuestions.vue +22 -0
- package/lib/components/Icons/IconMoon.md +7 -0
- package/lib/components/Icons/IconMoon.vue +25 -0
- package/lib/components/Icons/IconPaginationArrow.md +7 -0
- package/lib/components/Icons/IconPaginationArrow.vue +23 -0
- package/lib/components/Icons/IconPassage.md +7 -0
- package/lib/components/Icons/IconPassage.vue +22 -0
- package/lib/components/Icons/IconPencil.md +7 -0
- package/lib/components/Icons/IconPencil.vue +19 -0
- package/lib/components/Icons/IconPeople.md +7 -0
- package/lib/components/Icons/IconPeople.vue +25 -0
- package/lib/components/Icons/IconQuestions.md +7 -0
- package/lib/components/Icons/IconQuestions.vue +25 -0
- package/lib/components/Icons/IconQuick10.md +7 -0
- package/lib/components/Icons/IconQuick10.vue +23 -0
- package/lib/components/Icons/IconRemoveCircle.md +7 -0
- package/lib/components/Icons/IconRemoveCircle.vue +22 -0
- package/lib/components/Icons/IconReviewFlag.md +7 -0
- package/lib/components/Icons/IconReviewFlag.vue +32 -0
- package/lib/components/Icons/IconSearch.md +7 -0
- package/lib/components/Icons/IconSearch.vue +23 -0
- package/lib/components/Icons/IconShare.md +7 -0
- package/lib/components/Icons/IconShare.vue +31 -0
- package/lib/components/Icons/IconSideBar.md +7 -0
- package/lib/components/Icons/IconSideBar.vue +26 -0
- package/lib/components/Icons/IconSideBarActive.md +7 -0
- package/lib/components/Icons/IconSideBarActive.vue +28 -0
- package/lib/components/Icons/IconStopwatch.md +7 -0
- package/lib/components/Icons/IconStopwatch.vue +22 -0
- package/lib/components/Icons/IconStrike.md +60 -0
- package/lib/components/Icons/IconStrike.vue +23 -0
- package/lib/components/Icons/IconSubject.md +7 -0
- package/lib/components/Icons/IconSubject.vue +22 -0
- package/lib/components/Icons/IconText.md +7 -0
- package/lib/components/Icons/IconText.vue +22 -0
- package/lib/components/Icons/IconWarning.md +7 -0
- package/lib/components/Icons/IconWarning.vue +22 -0
- package/lib/components/Modal/Modal.md +31 -0
- package/lib/components/Modal/Modal.vue +133 -0
- package/lib/components/Modal/ModalContainer.md +96 -0
- package/lib/components/Modal/ModalContainer.vue +208 -0
- package/lib/components/Onboarding/EmailAuth.md +40 -0
- package/lib/components/Onboarding/EmailAuth.vue +218 -0
- package/lib/components/Onboarding/MagicCodeEntry.md +20 -0
- package/lib/components/Onboarding/MagicCodeEntry.vue +189 -0
- package/lib/components/PhonePerson/PhonePerson.md +36 -0
- package/lib/components/PhonePerson/PhonePerson.vue +48 -0
- package/lib/components/PhonePerson/phoneperson-IT@2x.png +0 -0
- package/lib/components/PhonePerson/phoneperson-auto@2x.png +0 -0
- package/lib/components/PhonePerson/phoneperson-behavioralhealth@2x.png +0 -0
- package/lib/components/PhonePerson/phoneperson-emt@2x.png +0 -0
- package/lib/components/PhonePerson/phoneperson-essentials@2x.png +0 -0
- package/lib/components/PhonePerson/phoneperson-finance@2x.png +0 -0
- package/lib/components/PhonePerson/phoneperson-fitness@2x.png +0 -0
- package/lib/components/PhonePerson/phoneperson-medical@2x.png +0 -0
- package/lib/components/PhonePerson/phoneperson-nursing@2x.png +0 -0
- package/lib/components/PhonePerson/phoneperson-nursingschool@2x.png +0 -0
- package/lib/components/PhonePerson/phoneperson-professional@2x.png +0 -0
- package/lib/components/PhonePerson/phoneperson-skilledtrades@2x.png +0 -0
- package/lib/components/Quiz/FlagToggle.md +37 -0
- package/lib/components/Quiz/FlagToggle.vue +124 -0
- package/lib/components/Quiz/GlobalMetricsToggle.md +46 -0
- package/lib/components/Quiz/GlobalMetricsToggle.vue +124 -0
- package/lib/components/Quiz/KeyboardShortcutsButton.md +18 -0
- package/lib/components/Quiz/KeyboardShortcutsButton.vue +102 -0
- package/lib/components/Quiz/KeyboardShortcutsModal.md +71 -0
- package/lib/components/Quiz/KeyboardShortcutsModal.vue +261 -0
- package/lib/components/Quiz/Question.md +579 -0
- package/lib/components/Quiz/Question.vue +3262 -0
- package/lib/components/Quiz/QuizContainer.md +91 -0
- package/lib/components/Quiz/QuizContainer.vue +207 -0
- package/lib/components/Quiz/QuizProgress.md +122 -0
- package/lib/components/Quiz/QuizProgress.vue +188 -0
- package/lib/components/Quiz/QuizProgressBar.md +131 -0
- package/lib/components/Quiz/QuizProgressBar.vue +96 -0
- package/lib/components/Search/Pill.md +37 -0
- package/lib/components/Search/Pill.vue +117 -0
- package/lib/components/Search/Search.md +44 -0
- package/lib/components/Search/Search.vue +341 -0
- package/lib/components/SidePanels/SidePanel.md +126 -0
- package/lib/components/SidePanels/SidePanel.vue +592 -0
- package/lib/components/Tables/StudyTable.md +136 -0
- package/lib/components/Tables/Table.vue +497 -0
- package/lib/components/Tables/TableActions.vue +199 -0
- package/lib/components/Tables/TablePagination.md +19 -0
- package/lib/components/Tables/TablePagination.vue +109 -0
- package/lib/components/Tables/TeachTable.md +696 -0
- package/lib/components/Toasts/Toast.md +35 -0
- package/lib/components/Toasts/Toast.vue +213 -0
- package/lib/components/Tooltips/OverflowTooltip.md +14 -0
- package/lib/components/Tooltips/OverflowTooltip.vue +68 -0
- package/lib/components/Tooltips/Tooltip.md +72 -0
- package/lib/components/Tooltips/Tooltip.vue +143 -0
- package/lib/directives.ts +213 -0
- package/lib/index.ts +108 -0
- package/{pocketprep-export.module.scss → lib/pocketprep-export.module.scss} +2 -2
- package/{pocketprep.scss → lib/pocketprep.scss} +16 -18
- package/{styles → lib/styles}/_colors.scss +1 -1
- package/lib/styles/fonts.css +149 -0
- package/lib/utils.ts +53 -0
- package/package.json +76 -56
- package/{stylelint.config.js → stylelint.config.cjs} +6 -3
- package/assets/Fonts.md +0 -114
- package/assets/Images.md +0 -2
- package/assets/Styleguidist.vue +0 -11
- package/dist/@pocketprep/ui-kit.common.js +0 -29726
- package/dist/@pocketprep/ui-kit.common.js.map +0 -1
- package/dist/@pocketprep/ui-kit.umd.js +0 -29745
- package/dist/@pocketprep/ui-kit.umd.js.map +0 -1
- package/dist/@pocketprep/ui-kit.umd.min.js +0 -33
- package/dist/@pocketprep/ui-kit.umd.min.js.map +0 -1
- package/dist/demo.html +0 -1
- package/src/directives.d.ts +0 -2
- package/src/shims.d.ts +0 -19
- package/src/utils.d.ts +0 -51
- package/styles/Colors.md +0 -53
- package/styles/Styles.md +0 -4
- package/styles/_fonts.scss +0 -149
- package/tests/shims-test.d.ts +0 -9
- /package/{assets → lib/assets}/fonts/muli/muli-400.eot +0 -0
- /package/{assets → lib/assets}/fonts/muli/muli-400.svg +0 -0
- /package/{assets → lib/assets}/fonts/muli/muli-400.ttf +0 -0
- /package/{assets → lib/assets}/fonts/muli/muli-400.woff +0 -0
- /package/{assets → lib/assets}/fonts/muli/muli-400.woff2 +0 -0
- /package/{assets → lib/assets}/fonts/muli/muli-400italic.eot +0 -0
- /package/{assets → lib/assets}/fonts/muli/muli-400italic.svg +0 -0
- /package/{assets → lib/assets}/fonts/muli/muli-400italic.ttf +0 -0
- /package/{assets → lib/assets}/fonts/muli/muli-400italic.woff +0 -0
- /package/{assets → lib/assets}/fonts/muli/muli-400italic.woff2 +0 -0
- /package/{assets → lib/assets}/fonts/muli/muli-600.eot +0 -0
- /package/{assets → lib/assets}/fonts/muli/muli-600.svg +0 -0
- /package/{assets → lib/assets}/fonts/muli/muli-600.ttf +0 -0
- /package/{assets → lib/assets}/fonts/muli/muli-600.woff +0 -0
- /package/{assets → lib/assets}/fonts/muli/muli-600.woff2 +0 -0
- /package/{assets → lib/assets}/fonts/muli/muli-600italic.eot +0 -0
- /package/{assets → lib/assets}/fonts/muli/muli-600italic.svg +0 -0
- /package/{assets → lib/assets}/fonts/muli/muli-600italic.ttf +0 -0
- /package/{assets → lib/assets}/fonts/muli/muli-600italic.woff +0 -0
- /package/{assets → lib/assets}/fonts/muli/muli-600italic.woff2 +0 -0
- /package/{assets → lib/assets}/fonts/muli/muli-700.eot +0 -0
- /package/{assets → lib/assets}/fonts/muli/muli-700.svg +0 -0
- /package/{assets → lib/assets}/fonts/muli/muli-700.ttf +0 -0
- /package/{assets → lib/assets}/fonts/muli/muli-700.woff +0 -0
- /package/{assets → lib/assets}/fonts/muli/muli-700.woff2 +0 -0
- /package/{assets → lib/assets}/fonts/muli/muli-700italic.eot +0 -0
- /package/{assets → lib/assets}/fonts/muli/muli-700italic.svg +0 -0
- /package/{assets → lib/assets}/fonts/muli/muli-700italic.ttf +0 -0
- /package/{assets → lib/assets}/fonts/muli/muli-700italic.woff +0 -0
- /package/{assets → lib/assets}/fonts/muli/muli-700italic.woff2 +0 -0
- /package/{assets → lib/assets}/images/amta.svg +0 -0
- /package/{assets → lib/assets}/images/favicon.ico +0 -0
- /package/{assets → lib/assets}/images/thumb-large-dark.svg +0 -0
- /package/{assets → lib/assets}/images/thumb-large.svg +0 -0
- /package/{assets → lib/assets}/images/thumb-small-dark.svg +0 -0
- /package/{assets → lib/assets}/images/thumb-small.svg +0 -0
- /package/{src → lib}/components/BundleIcons/bundleIcon.d.ts +0 -0
- /package/{src → lib}/components/Icons/icon.d.ts +0 -0
- /package/{src → lib}/components/PhonePerson/phonePerson.d.ts +0 -0
- /package/{src → lib}/components/Tables/table.d.ts +0 -0
- /package/{styles → lib/styles}/_breakpoints.scss +0 -0
- /package/{styles/_normalize.scss → lib/styles/normalize.css} +0 -0
package/dist/demo.html
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<!doctype html><meta charset="utf-8"><title>@pocketprep/ui-kit demo</title><script src="./@pocketprep/ui-kit.umd.js"></script><script>console.log(@pocketprep/ui-kit)</script>
|
package/src/directives.d.ts
DELETED
package/src/shims.d.ts
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
declare module '*.vue' {
|
|
2
|
-
import Vue from 'vue'
|
|
3
|
-
export default Vue
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
declare module '*.scss' {
|
|
7
|
-
const SCSS: { [key: string]: string }
|
|
8
|
-
export default SCSS
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
declare module '*.svg' {
|
|
12
|
-
const value: string
|
|
13
|
-
export default value
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
declare module '*.png' {
|
|
17
|
-
const value: string
|
|
18
|
-
export default value
|
|
19
|
-
}
|
package/src/utils.d.ts
DELETED
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
export declare const studyModes: {
|
|
2
|
-
readonly '-1': {
|
|
3
|
-
readonly name: 'Question of the Day'
|
|
4
|
-
readonly shortName: 'qotd'
|
|
5
|
-
readonly icon: 'calendar'
|
|
6
|
-
readonly iconColor: string
|
|
7
|
-
readonly iconColorDM: string
|
|
8
|
-
}
|
|
9
|
-
readonly '0': {
|
|
10
|
-
readonly name: 'Quick 10'
|
|
11
|
-
readonly shortName: 'quick10'
|
|
12
|
-
readonly icon: 'quick10'
|
|
13
|
-
readonly iconColor: string
|
|
14
|
-
readonly iconColorDM: string
|
|
15
|
-
}
|
|
16
|
-
readonly '2': {
|
|
17
|
-
readonly name: 'Missed Questions Quiz'
|
|
18
|
-
readonly shortName: 'missed'
|
|
19
|
-
readonly icon: 'missedQuestions'
|
|
20
|
-
readonly iconColor: string
|
|
21
|
-
readonly iconColorDM: string
|
|
22
|
-
}
|
|
23
|
-
readonly '3': {
|
|
24
|
-
readonly name: 'Weakest Subjects Quiz'
|
|
25
|
-
readonly shortName: 'weakest'
|
|
26
|
-
readonly icon: 'subject'
|
|
27
|
-
readonly iconColor: string
|
|
28
|
-
readonly iconColorDM: string
|
|
29
|
-
}
|
|
30
|
-
readonly '4': {
|
|
31
|
-
readonly name: 'Timed Quiz'
|
|
32
|
-
readonly shortName: 'timed'
|
|
33
|
-
readonly icon: 'stopwatch'
|
|
34
|
-
readonly iconColor: string
|
|
35
|
-
readonly iconColorDM: string
|
|
36
|
-
}
|
|
37
|
-
readonly '5': {
|
|
38
|
-
readonly name: 'Mock Exam'
|
|
39
|
-
readonly shortName: 'mockExam'
|
|
40
|
-
readonly icon: 'exam'
|
|
41
|
-
readonly iconColor: string
|
|
42
|
-
readonly iconColorDM: string
|
|
43
|
-
}
|
|
44
|
-
readonly '10': {
|
|
45
|
-
readonly name: 'Custom Quiz'
|
|
46
|
-
readonly shortName: 'custom'
|
|
47
|
-
readonly icon: 'pencil'
|
|
48
|
-
readonly iconColor: string
|
|
49
|
-
readonly iconColorDM: string
|
|
50
|
-
}
|
|
51
|
-
}
|
package/styles/Colors.md
DELETED
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
```vue
|
|
2
|
-
<template>
|
|
3
|
-
<div class="colors-docs">
|
|
4
|
-
<div class="colors-docs__color" v-for="colorHex in orderedColors">
|
|
5
|
-
<div>{{ colorHex[0] }}</div>
|
|
6
|
-
<div>({{ colorHex[1] }})</div>
|
|
7
|
-
<div
|
|
8
|
-
class="colors-docs__preview"
|
|
9
|
-
:style="{
|
|
10
|
-
backgroundColor: colorHex[1]
|
|
11
|
-
}"
|
|
12
|
-
></div>
|
|
13
|
-
</div>
|
|
14
|
-
</div>
|
|
15
|
-
</template>
|
|
16
|
-
|
|
17
|
-
<script>
|
|
18
|
-
import BrandColors from '@/../pocketprep-export.module.scss'
|
|
19
|
-
|
|
20
|
-
export default {
|
|
21
|
-
data() {
|
|
22
|
-
return {
|
|
23
|
-
BrandColors
|
|
24
|
-
}
|
|
25
|
-
},
|
|
26
|
-
computed: {
|
|
27
|
-
orderedColors () {
|
|
28
|
-
return Object.entries(this.BrandColors).sort((a, b) => a[0].localeCompare(b[0]))
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
</script>
|
|
33
|
-
|
|
34
|
-
<style>
|
|
35
|
-
.colors-docs {
|
|
36
|
-
display: flex;
|
|
37
|
-
flex-wrap: wrap;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
.colors-docs__color {
|
|
41
|
-
margin: 20px;
|
|
42
|
-
width: 250px;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
.colors-docs__preview {
|
|
46
|
-
margin: 5px 0;
|
|
47
|
-
width: 75px;
|
|
48
|
-
height: 75px;
|
|
49
|
-
border-radius: 4px;
|
|
50
|
-
border: 1px solid gray;
|
|
51
|
-
}
|
|
52
|
-
</style>
|
|
53
|
-
```
|
package/styles/Styles.md
DELETED
package/styles/_fonts.scss
DELETED
|
@@ -1,149 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
These custom font faces were added in order to reconcile differences between
|
|
3
|
-
the Muli and Avenir Next font weights. Muli is a thinner font. For example,
|
|
4
|
-
Muli's 700 weight font is equivalent to Avenir Next's 600 weight font.
|
|
5
|
-
|
|
6
|
-
To fix these issues, this file creates the following weight "aliases":
|
|
7
|
-
Avenir Next 400 / Muli 400 = font-weight: 400 / normal
|
|
8
|
-
Avenir Next 500 / Muli 600 = font-weight: 500 / medium
|
|
9
|
-
Avenir Next 600 / Muli 700 = font-weight: 600 / demi-bold
|
|
10
|
-
**/
|
|
11
|
-
@font-face {
|
|
12
|
-
font-family: "Avenir Next";
|
|
13
|
-
font-style: normal;
|
|
14
|
-
src: local("Avenir Next Regular"), local("AvenirNext-Regular");
|
|
15
|
-
font-weight: 400;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
@font-face {
|
|
19
|
-
font-family: "Avenir Next";
|
|
20
|
-
font-style: normal;
|
|
21
|
-
src: local("Avenir Next Medium"), local("AvenirNext-Medium");
|
|
22
|
-
font-weight: 500;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
@font-face {
|
|
26
|
-
font-family: "Avenir Next";
|
|
27
|
-
font-style: normal;
|
|
28
|
-
src: local("Avenir Next Demi Bold"), local("AvenirNext-DemiBold");
|
|
29
|
-
font-weight: 600;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
@font-face {
|
|
33
|
-
font-family: "Avenir Next";
|
|
34
|
-
font-style: normal;
|
|
35
|
-
src: local("Avenir Next Bold"), local("AvenirNext-Bold");
|
|
36
|
-
font-weight: 700;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
@font-face {
|
|
40
|
-
font-family: "Avenir Next";
|
|
41
|
-
font-style: italic;
|
|
42
|
-
src: local("Avenir Next Italic"), local("AvenirNext-Italic");
|
|
43
|
-
font-weight: 400;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
@font-face {
|
|
47
|
-
font-family: "Avenir Next";
|
|
48
|
-
font-style: italic;
|
|
49
|
-
src: local("Avenir Next Medium Italic"), local("AvenirNext-MediumItalic");
|
|
50
|
-
font-weight: 500;
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
@font-face {
|
|
54
|
-
font-family: "Avenir Next";
|
|
55
|
-
font-style: italic;
|
|
56
|
-
src: local("Avenir Next Demi Bold Italic"), local("AvenirNext-DemiBoldItalic");
|
|
57
|
-
font-weight: 600;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
@font-face {
|
|
61
|
-
font-family: "Avenir Next";
|
|
62
|
-
font-style: italic;
|
|
63
|
-
src: local("Avenir Next Bold Italic"), local("AvenirNext-BoldItalic");
|
|
64
|
-
font-weight: 700;
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
@font-face {
|
|
68
|
-
font-family: 'Muli';
|
|
69
|
-
font-style: normal;
|
|
70
|
-
font-weight: 400;
|
|
71
|
-
src: url('~ui-kit/assets/fonts/muli/muli-400.eot');
|
|
72
|
-
src:
|
|
73
|
-
local(''),
|
|
74
|
-
url('~ui-kit/assets/fonts/muli/muli-400.eot?#iefix') format('embedded-opentype'),
|
|
75
|
-
url('~ui-kit/assets/fonts/muli/muli-400.woff2') format('woff2'),
|
|
76
|
-
url('~ui-kit/assets/fonts/muli/muli-400.woff') format('woff'),
|
|
77
|
-
url('~ui-kit/assets/fonts/muli/muli-400.ttf') format('truetype'),
|
|
78
|
-
url('~ui-kit/assets/fonts/muli/muli-400.svg#Muli') format('svg');
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
@font-face {
|
|
82
|
-
font-family: 'Muli';
|
|
83
|
-
font-style: normal;
|
|
84
|
-
font-weight: 500;
|
|
85
|
-
src: url('~ui-kit/assets/fonts/muli/muli-600.eot');
|
|
86
|
-
src:
|
|
87
|
-
local(''),
|
|
88
|
-
url('~ui-kit/assets/fonts/muli/muli-600.eot?#iefix') format('embedded-opentype'),
|
|
89
|
-
url('~ui-kit/assets/fonts/muli/muli-600.woff2') format('woff2'),
|
|
90
|
-
url('~ui-kit/assets/fonts/muli/muli-600.woff') format('woff'),
|
|
91
|
-
url('~ui-kit/assets/fonts/muli/muli-600.ttf') format('truetype'),
|
|
92
|
-
url('~ui-kit/assets/fonts/muli/muli-600.svg#Muli') format('svg');
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
@font-face {
|
|
96
|
-
font-family: 'Muli';
|
|
97
|
-
font-style: normal;
|
|
98
|
-
font-weight: 600;
|
|
99
|
-
src: url('~ui-kit/assets/fonts/muli/muli-700.eot');
|
|
100
|
-
src:
|
|
101
|
-
local(''),
|
|
102
|
-
url('~ui-kit/assets/fonts/muli/muli-700.eot?#iefix') format('embedded-opentype'),
|
|
103
|
-
url('~ui-kit/assets/fonts/muli/muli-700.woff2') format('woff2'),
|
|
104
|
-
url('~ui-kit/assets/fonts/muli/muli-700.woff') format('woff'),
|
|
105
|
-
url('~ui-kit/assets/fonts/muli/muli-700.ttf') format('truetype'),
|
|
106
|
-
url('~ui-kit/assets/fonts/muli/muli-700.svg#Muli') format('svg');
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
@font-face {
|
|
110
|
-
font-family: 'Muli';
|
|
111
|
-
font-style: italic;
|
|
112
|
-
font-weight: 400;
|
|
113
|
-
src: url('~ui-kit/assets/fonts/muli/muli-400italic.eot');
|
|
114
|
-
src:
|
|
115
|
-
local(''),
|
|
116
|
-
url('~ui-kit/assets/fonts/muli/muli-400italic.eot?#iefix') format('embedded-opentype'),
|
|
117
|
-
url('~ui-kit/assets/fonts/muli/muli-400italic.woff2') format('woff2'),
|
|
118
|
-
url('~ui-kit/assets/fonts/muli/muli-400italic.woff') format('woff'),
|
|
119
|
-
url('~ui-kit/assets/fonts/muli/muli-400italic.ttf') format('truetype'),
|
|
120
|
-
url('~ui-kit/assets/fonts/muli/muli-400italic.svg#Muli') format('svg');
|
|
121
|
-
}
|
|
122
|
-
|
|
123
|
-
@font-face {
|
|
124
|
-
font-family: 'Muli';
|
|
125
|
-
font-style: italic;
|
|
126
|
-
font-weight: 500;
|
|
127
|
-
src: url('~ui-kit/assets/fonts/muli/muli-600italic.eot');
|
|
128
|
-
src:
|
|
129
|
-
local(''),
|
|
130
|
-
url('~ui-kit/assets/fonts/muli/muli-600italic.eot?#iefix') format('embedded-opentype'),
|
|
131
|
-
url('~ui-kit/assets/fonts/muli/muli-600italic.woff2') format('woff2'),
|
|
132
|
-
url('~ui-kit/assets/fonts/muli/muli-600italic.woff') format('woff'),
|
|
133
|
-
url('~ui-kit/assets/fonts/muli/muli-600italic.ttf') format('truetype'),
|
|
134
|
-
url('~ui-kit/assets/fonts/muli/muli-600italic.svg#Muli') format('svg');
|
|
135
|
-
}
|
|
136
|
-
|
|
137
|
-
@font-face {
|
|
138
|
-
font-family: 'Muli';
|
|
139
|
-
font-style: italic;
|
|
140
|
-
font-weight: 600;
|
|
141
|
-
src: url('~ui-kit/assets/fonts/muli/muli-700italic.eot');
|
|
142
|
-
src:
|
|
143
|
-
local(''),
|
|
144
|
-
url('~ui-kit/assets/fonts/muli/muli-700italic.eot?#iefix') format('embedded-opentype'),
|
|
145
|
-
url('~ui-kit/assets/fonts/muli/muli-700italic.woff2') format('woff2'),
|
|
146
|
-
url('~ui-kit/assets/fonts/muli/muli-700italic.woff') format('woff'),
|
|
147
|
-
url('~ui-kit/assets/fonts/muli/muli-700italic.ttf') format('truetype'),
|
|
148
|
-
url('~ui-kit/assets/fonts/muli/muli-700italic.svg#Muli') format('svg');
|
|
149
|
-
}
|
package/tests/shims-test.d.ts
DELETED
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|