@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.
Files changed (305) hide show
  1. package/{.eslintrc.js → .eslintrc.cjs} +16 -17
  2. package/dist/@pocketprep/ui-kit.js +18856 -0
  3. package/dist/@pocketprep/ui-kit.js.map +1 -0
  4. package/dist/@pocketprep/ui-kit.umd.cjs +28 -0
  5. package/dist/@pocketprep/ui-kit.umd.cjs.map +1 -0
  6. package/dist/style.css +1 -0
  7. package/index.d.ts +6 -62
  8. package/lib/SVGDefinitions.vue +85 -0
  9. package/lib/assets/emojis/tada.png +0 -0
  10. package/lib/assets/halftones/halftone-black.png +0 -0
  11. package/lib/assets/halftones/halftone-blue.png +0 -0
  12. package/lib/assets/halftones/halftone-green.png +0 -0
  13. package/lib/assets/halftones/halftone-purple.png +0 -0
  14. package/lib/assets/halftones/halftone-red.png +0 -0
  15. package/lib/assets/halftones/halftone-yellow.png +0 -0
  16. package/lib/assets/question/paywall-dark.png +0 -0
  17. package/lib/assets/question/paywall-light.png +0 -0
  18. package/lib/components/Banners/Banner.md +41 -0
  19. package/lib/components/Banners/Banner.vue +87 -0
  20. package/lib/components/BundleIcons/AMTA.vue +134 -0
  21. package/lib/components/BundleIcons/BundleIcon.md +60 -0
  22. package/lib/components/BundleIcons/BundleIcon.vue +111 -0
  23. package/lib/components/Bundles/BundleList.md +63 -0
  24. package/lib/components/Bundles/BundleList.vue +170 -0
  25. package/lib/components/Bundles/BundleSearch.md +195 -0
  26. package/lib/components/Bundles/BundleSearch.vue +573 -0
  27. package/lib/components/Bundles/PremiumPill.md +23 -0
  28. package/lib/components/Bundles/PremiumPill.vue +43 -0
  29. package/lib/components/Buttons/Button.md +99 -0
  30. package/lib/components/Buttons/Button.vue +496 -0
  31. package/lib/components/Buttons/Link.md +58 -0
  32. package/lib/components/Buttons/Link.vue +192 -0
  33. package/lib/components/Buttons/Tab.md +35 -0
  34. package/lib/components/Buttons/Tab.vue +103 -0
  35. package/lib/components/Calendar/Calendar.md +18 -0
  36. package/lib/components/Calendar/Calendar.vue +162 -0
  37. package/lib/components/Charts/Bar.md +123 -0
  38. package/lib/components/Charts/Bar.vue +364 -0
  39. package/lib/components/Charts/Pie.md +23 -0
  40. package/lib/components/Charts/Pie.vue +105 -0
  41. package/lib/components/Controls/SegmentControl.md +47 -0
  42. package/lib/components/Controls/SegmentControl.vue +117 -0
  43. package/lib/components/Controls/Slider.md +67 -0
  44. package/lib/components/Controls/Slider.vue +358 -0
  45. package/lib/components/Controls/ToggleSwitch.md +56 -0
  46. package/lib/components/Controls/ToggleSwitch.vue +160 -0
  47. package/lib/components/Exams/ExamCard.md +45 -0
  48. package/lib/components/Exams/ExamCard.vue +257 -0
  49. package/lib/components/Exams/ExamMenuCard.md +90 -0
  50. package/lib/components/Exams/ExamMenuCard.vue +218 -0
  51. package/lib/components/Filters/FilterDropdown.md +59 -0
  52. package/lib/components/Filters/FilterDropdown.vue +176 -0
  53. package/lib/components/Filters/FilterOptions.md +65 -0
  54. package/lib/components/Filters/FilterOptions.vue +265 -0
  55. package/lib/components/Filters/filterOptions.d.ts +10 -0
  56. package/lib/components/Forms/Checkbox.md +52 -0
  57. package/lib/components/Forms/Checkbox.vue +184 -0
  58. package/lib/components/Forms/CheckboxOption.md +37 -0
  59. package/lib/components/Forms/CheckboxOption.vue +173 -0
  60. package/lib/components/Forms/Errors.md +23 -0
  61. package/lib/components/Forms/Errors.vue +109 -0
  62. package/lib/components/Forms/Input.md +63 -0
  63. package/lib/components/Forms/Input.vue +310 -0
  64. package/lib/components/Forms/Radio.md +66 -0
  65. package/lib/components/Forms/Radio.vue +312 -0
  66. package/lib/components/Forms/Select.md +133 -0
  67. package/lib/components/Forms/Select.vue +670 -0
  68. package/lib/components/Forms/Textarea.md +57 -0
  69. package/lib/components/Forms/Textarea.vue +157 -0
  70. package/lib/components/Icons/Icon.md +146 -0
  71. package/lib/components/Icons/Icon.vue +192 -0
  72. package/lib/components/Icons/IconAccordionArrow.md +7 -0
  73. package/lib/components/Icons/IconAccordionArrow.vue +23 -0
  74. package/lib/components/Icons/IconActivity.md +7 -0
  75. package/lib/components/Icons/IconActivity.vue +21 -0
  76. package/lib/components/Icons/IconAdd.md +7 -0
  77. package/lib/components/Icons/IconAdd.vue +19 -0
  78. package/lib/components/Icons/IconAddCircle.md +7 -0
  79. package/lib/components/Icons/IconAddCircle.vue +22 -0
  80. package/lib/components/Icons/IconArrow.md +7 -0
  81. package/lib/components/Icons/IconArrow.vue +21 -0
  82. package/lib/components/Icons/IconBarChart.md +7 -0
  83. package/lib/components/Icons/IconBarChart.vue +23 -0
  84. package/lib/components/Icons/IconCalendar.md +7 -0
  85. package/lib/components/Icons/IconCalendar.vue +19 -0
  86. package/lib/components/Icons/IconCheck.md +7 -0
  87. package/lib/components/Icons/IconCheck.vue +21 -0
  88. package/lib/components/Icons/IconClose.md +7 -0
  89. package/lib/components/Icons/IconClose.vue +23 -0
  90. package/lib/components/Icons/IconCorrect.md +7 -0
  91. package/lib/components/Icons/IconCorrect.vue +19 -0
  92. package/lib/components/Icons/IconEdit.md +7 -0
  93. package/lib/components/Icons/IconEdit.vue +21 -0
  94. package/lib/components/Icons/IconExam.md +7 -0
  95. package/lib/components/Icons/IconExam.vue +34 -0
  96. package/lib/components/Icons/IconExternalLink.md +7 -0
  97. package/lib/components/Icons/IconExternalLink.vue +30 -0
  98. package/lib/components/Icons/IconEyeHide.md +7 -0
  99. package/lib/components/Icons/IconEyeHide.vue +21 -0
  100. package/lib/components/Icons/IconEyeShow.md +7 -0
  101. package/lib/components/Icons/IconEyeShow.vue +21 -0
  102. package/lib/components/Icons/IconFilter.md +7 -0
  103. package/lib/components/Icons/IconFilter.vue +19 -0
  104. package/lib/components/Icons/IconFilterActive.md +7 -0
  105. package/lib/components/Icons/IconFilterActive.vue +20 -0
  106. package/lib/components/Icons/IconFlag.md +7 -0
  107. package/lib/components/Icons/IconFlag.vue +25 -0
  108. package/lib/components/Icons/IconFlagFeedback.md +11 -0
  109. package/lib/components/Icons/IconFlagFeedback.vue +24 -0
  110. package/lib/components/Icons/IconFlagFilled.md +7 -0
  111. package/lib/components/Icons/IconFlagFilled.vue +22 -0
  112. package/lib/components/Icons/IconFullView.md +7 -0
  113. package/lib/components/Icons/IconFullView.vue +30 -0
  114. package/lib/components/Icons/IconFullViewActive.md +7 -0
  115. package/lib/components/Icons/IconFullViewActive.vue +28 -0
  116. package/lib/components/Icons/IconHandle.md +7 -0
  117. package/lib/components/Icons/IconHandle.vue +23 -0
  118. package/lib/components/Icons/IconHeart.md +7 -0
  119. package/lib/components/Icons/IconHeart.vue +19 -0
  120. package/lib/components/Icons/IconHelp.md +7 -0
  121. package/lib/components/Icons/IconHelp.vue +25 -0
  122. package/lib/components/Icons/IconHourglass.md +7 -0
  123. package/lib/components/Icons/IconHourglass.vue +22 -0
  124. package/lib/components/Icons/IconImage.md +7 -0
  125. package/lib/components/Icons/IconImage.vue +21 -0
  126. package/lib/components/Icons/IconIncorrect.md +7 -0
  127. package/lib/components/Icons/IconIncorrect.vue +21 -0
  128. package/lib/components/Icons/IconInfo.md +7 -0
  129. package/lib/components/Icons/IconInfo.vue +24 -0
  130. package/lib/components/Icons/IconKeyboard.md +7 -0
  131. package/lib/components/Icons/IconKeyboard.vue +25 -0
  132. package/lib/components/Icons/IconLaunch.md +7 -0
  133. package/lib/components/Icons/IconLaunch.vue +25 -0
  134. package/lib/components/Icons/IconLightning.md +7 -0
  135. package/lib/components/Icons/IconLightning.vue +21 -0
  136. package/lib/components/Icons/IconList.md +7 -0
  137. package/lib/components/Icons/IconList.vue +26 -0
  138. package/lib/components/Icons/IconLoading.md +7 -0
  139. package/lib/components/Icons/IconLoading.vue +65 -0
  140. package/lib/components/Icons/IconLoading2.md +7 -0
  141. package/lib/components/Icons/IconLoading2.vue +52 -0
  142. package/lib/components/Icons/IconLock.md +7 -0
  143. package/lib/components/Icons/IconLock.vue +23 -0
  144. package/lib/components/Icons/IconMissedQuestions.md +7 -0
  145. package/lib/components/Icons/IconMissedQuestions.vue +22 -0
  146. package/lib/components/Icons/IconMoon.md +7 -0
  147. package/lib/components/Icons/IconMoon.vue +25 -0
  148. package/lib/components/Icons/IconPaginationArrow.md +7 -0
  149. package/lib/components/Icons/IconPaginationArrow.vue +23 -0
  150. package/lib/components/Icons/IconPassage.md +7 -0
  151. package/lib/components/Icons/IconPassage.vue +22 -0
  152. package/lib/components/Icons/IconPencil.md +7 -0
  153. package/lib/components/Icons/IconPencil.vue +19 -0
  154. package/lib/components/Icons/IconPeople.md +7 -0
  155. package/lib/components/Icons/IconPeople.vue +25 -0
  156. package/lib/components/Icons/IconQuestions.md +7 -0
  157. package/lib/components/Icons/IconQuestions.vue +25 -0
  158. package/lib/components/Icons/IconQuick10.md +7 -0
  159. package/lib/components/Icons/IconQuick10.vue +23 -0
  160. package/lib/components/Icons/IconRemoveCircle.md +7 -0
  161. package/lib/components/Icons/IconRemoveCircle.vue +22 -0
  162. package/lib/components/Icons/IconReviewFlag.md +7 -0
  163. package/lib/components/Icons/IconReviewFlag.vue +32 -0
  164. package/lib/components/Icons/IconSearch.md +7 -0
  165. package/lib/components/Icons/IconSearch.vue +23 -0
  166. package/lib/components/Icons/IconShare.md +7 -0
  167. package/lib/components/Icons/IconShare.vue +31 -0
  168. package/lib/components/Icons/IconSideBar.md +7 -0
  169. package/lib/components/Icons/IconSideBar.vue +26 -0
  170. package/lib/components/Icons/IconSideBarActive.md +7 -0
  171. package/lib/components/Icons/IconSideBarActive.vue +28 -0
  172. package/lib/components/Icons/IconStopwatch.md +7 -0
  173. package/lib/components/Icons/IconStopwatch.vue +22 -0
  174. package/lib/components/Icons/IconStrike.md +60 -0
  175. package/lib/components/Icons/IconStrike.vue +23 -0
  176. package/lib/components/Icons/IconSubject.md +7 -0
  177. package/lib/components/Icons/IconSubject.vue +22 -0
  178. package/lib/components/Icons/IconText.md +7 -0
  179. package/lib/components/Icons/IconText.vue +22 -0
  180. package/lib/components/Icons/IconWarning.md +7 -0
  181. package/lib/components/Icons/IconWarning.vue +22 -0
  182. package/lib/components/Modal/Modal.md +31 -0
  183. package/lib/components/Modal/Modal.vue +133 -0
  184. package/lib/components/Modal/ModalContainer.md +96 -0
  185. package/lib/components/Modal/ModalContainer.vue +208 -0
  186. package/lib/components/Onboarding/EmailAuth.md +40 -0
  187. package/lib/components/Onboarding/EmailAuth.vue +218 -0
  188. package/lib/components/Onboarding/MagicCodeEntry.md +20 -0
  189. package/lib/components/Onboarding/MagicCodeEntry.vue +189 -0
  190. package/lib/components/PhonePerson/PhonePerson.md +36 -0
  191. package/lib/components/PhonePerson/PhonePerson.vue +48 -0
  192. package/lib/components/PhonePerson/phoneperson-IT@2x.png +0 -0
  193. package/lib/components/PhonePerson/phoneperson-auto@2x.png +0 -0
  194. package/lib/components/PhonePerson/phoneperson-behavioralhealth@2x.png +0 -0
  195. package/lib/components/PhonePerson/phoneperson-emt@2x.png +0 -0
  196. package/lib/components/PhonePerson/phoneperson-essentials@2x.png +0 -0
  197. package/lib/components/PhonePerson/phoneperson-finance@2x.png +0 -0
  198. package/lib/components/PhonePerson/phoneperson-fitness@2x.png +0 -0
  199. package/lib/components/PhonePerson/phoneperson-medical@2x.png +0 -0
  200. package/lib/components/PhonePerson/phoneperson-nursing@2x.png +0 -0
  201. package/lib/components/PhonePerson/phoneperson-nursingschool@2x.png +0 -0
  202. package/lib/components/PhonePerson/phoneperson-professional@2x.png +0 -0
  203. package/lib/components/PhonePerson/phoneperson-skilledtrades@2x.png +0 -0
  204. package/lib/components/Quiz/FlagToggle.md +37 -0
  205. package/lib/components/Quiz/FlagToggle.vue +124 -0
  206. package/lib/components/Quiz/GlobalMetricsToggle.md +46 -0
  207. package/lib/components/Quiz/GlobalMetricsToggle.vue +124 -0
  208. package/lib/components/Quiz/KeyboardShortcutsButton.md +18 -0
  209. package/lib/components/Quiz/KeyboardShortcutsButton.vue +102 -0
  210. package/lib/components/Quiz/KeyboardShortcutsModal.md +71 -0
  211. package/lib/components/Quiz/KeyboardShortcutsModal.vue +261 -0
  212. package/lib/components/Quiz/Question.md +579 -0
  213. package/lib/components/Quiz/Question.vue +3262 -0
  214. package/lib/components/Quiz/QuizContainer.md +91 -0
  215. package/lib/components/Quiz/QuizContainer.vue +207 -0
  216. package/lib/components/Quiz/QuizProgress.md +122 -0
  217. package/lib/components/Quiz/QuizProgress.vue +188 -0
  218. package/lib/components/Quiz/QuizProgressBar.md +131 -0
  219. package/lib/components/Quiz/QuizProgressBar.vue +96 -0
  220. package/lib/components/Search/Pill.md +37 -0
  221. package/lib/components/Search/Pill.vue +117 -0
  222. package/lib/components/Search/Search.md +44 -0
  223. package/lib/components/Search/Search.vue +341 -0
  224. package/lib/components/SidePanels/SidePanel.md +126 -0
  225. package/lib/components/SidePanels/SidePanel.vue +592 -0
  226. package/lib/components/Tables/StudyTable.md +136 -0
  227. package/lib/components/Tables/Table.vue +497 -0
  228. package/lib/components/Tables/TableActions.vue +199 -0
  229. package/lib/components/Tables/TablePagination.md +19 -0
  230. package/lib/components/Tables/TablePagination.vue +109 -0
  231. package/lib/components/Tables/TeachTable.md +696 -0
  232. package/lib/components/Toasts/Toast.md +35 -0
  233. package/lib/components/Toasts/Toast.vue +213 -0
  234. package/lib/components/Tooltips/OverflowTooltip.md +14 -0
  235. package/lib/components/Tooltips/OverflowTooltip.vue +68 -0
  236. package/lib/components/Tooltips/Tooltip.md +72 -0
  237. package/lib/components/Tooltips/Tooltip.vue +143 -0
  238. package/lib/directives.ts +213 -0
  239. package/lib/index.ts +108 -0
  240. package/{pocketprep-export.module.scss → lib/pocketprep-export.module.scss} +2 -2
  241. package/{pocketprep.scss → lib/pocketprep.scss} +16 -18
  242. package/{styles → lib/styles}/_colors.scss +1 -1
  243. package/lib/styles/fonts.css +149 -0
  244. package/lib/utils.ts +53 -0
  245. package/package.json +76 -56
  246. package/{stylelint.config.js → stylelint.config.cjs} +6 -3
  247. package/assets/Fonts.md +0 -114
  248. package/assets/Images.md +0 -2
  249. package/assets/Styleguidist.vue +0 -11
  250. package/dist/@pocketprep/ui-kit.common.js +0 -29726
  251. package/dist/@pocketprep/ui-kit.common.js.map +0 -1
  252. package/dist/@pocketprep/ui-kit.umd.js +0 -29745
  253. package/dist/@pocketprep/ui-kit.umd.js.map +0 -1
  254. package/dist/@pocketprep/ui-kit.umd.min.js +0 -33
  255. package/dist/@pocketprep/ui-kit.umd.min.js.map +0 -1
  256. package/dist/demo.html +0 -1
  257. package/src/directives.d.ts +0 -2
  258. package/src/shims.d.ts +0 -19
  259. package/src/utils.d.ts +0 -51
  260. package/styles/Colors.md +0 -53
  261. package/styles/Styles.md +0 -4
  262. package/styles/_fonts.scss +0 -149
  263. package/tests/shims-test.d.ts +0 -9
  264. /package/{assets → lib/assets}/fonts/muli/muli-400.eot +0 -0
  265. /package/{assets → lib/assets}/fonts/muli/muli-400.svg +0 -0
  266. /package/{assets → lib/assets}/fonts/muli/muli-400.ttf +0 -0
  267. /package/{assets → lib/assets}/fonts/muli/muli-400.woff +0 -0
  268. /package/{assets → lib/assets}/fonts/muli/muli-400.woff2 +0 -0
  269. /package/{assets → lib/assets}/fonts/muli/muli-400italic.eot +0 -0
  270. /package/{assets → lib/assets}/fonts/muli/muli-400italic.svg +0 -0
  271. /package/{assets → lib/assets}/fonts/muli/muli-400italic.ttf +0 -0
  272. /package/{assets → lib/assets}/fonts/muli/muli-400italic.woff +0 -0
  273. /package/{assets → lib/assets}/fonts/muli/muli-400italic.woff2 +0 -0
  274. /package/{assets → lib/assets}/fonts/muli/muli-600.eot +0 -0
  275. /package/{assets → lib/assets}/fonts/muli/muli-600.svg +0 -0
  276. /package/{assets → lib/assets}/fonts/muli/muli-600.ttf +0 -0
  277. /package/{assets → lib/assets}/fonts/muli/muli-600.woff +0 -0
  278. /package/{assets → lib/assets}/fonts/muli/muli-600.woff2 +0 -0
  279. /package/{assets → lib/assets}/fonts/muli/muli-600italic.eot +0 -0
  280. /package/{assets → lib/assets}/fonts/muli/muli-600italic.svg +0 -0
  281. /package/{assets → lib/assets}/fonts/muli/muli-600italic.ttf +0 -0
  282. /package/{assets → lib/assets}/fonts/muli/muli-600italic.woff +0 -0
  283. /package/{assets → lib/assets}/fonts/muli/muli-600italic.woff2 +0 -0
  284. /package/{assets → lib/assets}/fonts/muli/muli-700.eot +0 -0
  285. /package/{assets → lib/assets}/fonts/muli/muli-700.svg +0 -0
  286. /package/{assets → lib/assets}/fonts/muli/muli-700.ttf +0 -0
  287. /package/{assets → lib/assets}/fonts/muli/muli-700.woff +0 -0
  288. /package/{assets → lib/assets}/fonts/muli/muli-700.woff2 +0 -0
  289. /package/{assets → lib/assets}/fonts/muli/muli-700italic.eot +0 -0
  290. /package/{assets → lib/assets}/fonts/muli/muli-700italic.svg +0 -0
  291. /package/{assets → lib/assets}/fonts/muli/muli-700italic.ttf +0 -0
  292. /package/{assets → lib/assets}/fonts/muli/muli-700italic.woff +0 -0
  293. /package/{assets → lib/assets}/fonts/muli/muli-700italic.woff2 +0 -0
  294. /package/{assets → lib/assets}/images/amta.svg +0 -0
  295. /package/{assets → lib/assets}/images/favicon.ico +0 -0
  296. /package/{assets → lib/assets}/images/thumb-large-dark.svg +0 -0
  297. /package/{assets → lib/assets}/images/thumb-large.svg +0 -0
  298. /package/{assets → lib/assets}/images/thumb-small-dark.svg +0 -0
  299. /package/{assets → lib/assets}/images/thumb-small.svg +0 -0
  300. /package/{src → lib}/components/BundleIcons/bundleIcon.d.ts +0 -0
  301. /package/{src → lib}/components/Icons/icon.d.ts +0 -0
  302. /package/{src → lib}/components/PhonePerson/phonePerson.d.ts +0 -0
  303. /package/{src → lib}/components/Tables/table.d.ts +0 -0
  304. /package/{styles → lib/styles}/_breakpoints.scss +0 -0
  305. /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>
@@ -1,2 +0,0 @@
1
- import { DirectiveOptions } from 'vue'
2
- export declare const breakpoint: DirectiveOptions
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
@@ -1,4 +0,0 @@
1
- The UI Kit provides the following styles via **`pocketprep.scss`**
2
-
3
- ```[import](../pocketprep.scss)
4
- ```
@@ -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
- }
@@ -1,9 +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
- }
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