@pocketprep/ui-kit 3.5.4 → 3.5.6

package/lib/components/Icons/Icon.vue

@@ -74,6 +74,7 @@
     <IconPreview v-else-if="type === 'preview'" :title="title" />
     <IconPresent v-else-if="type === 'present'" :title="title" />
     <IconLink v-else-if="type === 'link'" :title="title" />
+    <IconAssignment v-else-if="type === 'assignment'" :title="title" />
 </template>
 
 <script lang="ts">
@@ -146,6 +147,7 @@ import IconPerson from './IconPerson.vue'
 import IconTimer from './IconTimer.vue'
 import IconPresent from './IconPresent.vue'
 import IconLink from './IconLink.vue'
+import IconAssignment from './IconAssignment.vue'
 
 @Component({
     name: 'Icon',
@@ -217,6 +219,7 @@ import IconLink from './IconLink.vue'
         IconTimer,
         IconPresent,
         IconLink,
+        IconAssignment,
     },
 })
 export default class Icon extends Vue {

package/lib/components/Icons/IconAssignment.vue

@@ -0,0 +1,15 @@
+<script setup lang="ts">
+
+const { title } = defineProps<{
+    title: string
+}>()
+</script>
+
+<template>
+    <!-- eslint-disable -->
+    <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <title>{{ title }}</title>
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0916 0.580854C11.7158 0.419778 11.2797 0.503753 10.9906 0.792892C9.93361 1.84986 9.42146 3.0593 9.51243 4.25291C9.57676 5.09705 9.93667 5.84393 10.4851 6.43635L8.18602 9.96343C7.60902 9.94055 6.83472 9.96665 6.03185 10.2304C4.84675 10.6197 3.68405 11.4936 2.89227 13.2091C2.67084 13.6889 2.86088 14.2582 3.32613 14.5087C4.64421 15.2184 6.22095 16.0396 7.87325 16.8671L6.76272 22.8634C6.70071 23.1982 6.87204 23.5328 7.17997 23.6782C7.48789 23.8236 7.85511 23.7433 8.07424 23.4826L11.9703 18.8487C13.578 19.5953 15.1158 20.2668 16.4156 20.7667C16.6671 20.8634 16.9469 20.8546 17.1917 20.7422C17.4366 20.6298 17.6257 20.4234 17.7163 20.1697C17.7374 20.1107 17.7604 20.0475 17.7848 19.9804C18.0115 19.3576 18.3606 18.3984 18.4119 17.3771C18.4635 16.3502 18.2194 15.2376 17.3605 14.246L18.926 9.94075C20.1894 9.72721 21.0576 8.96836 21.6069 8.18756C22.2325 7.29825 22.4949 6.32376 22.5594 5.87219C22.6234 5.42457 22.379 4.98974 21.9634 4.81162L12.0916 0.580854ZM8.75523 20.3418L9.27057 17.5592C9.70213 17.7706 10.1353 17.9804 10.567 18.1869L8.75523 20.3418ZM11.5066 4.10093C11.4784 3.73077 11.5829 3.25036 11.9751 2.70686L20.3667 6.30328C20.272 6.53552 20.1425 6.79314 19.9711 7.03679C19.9226 7.10575 19.8716 7.17259 19.8179 7.23675C19.4534 7.64535 18.8775 7.81448 18.0924 7.76355C17.276 7.71061 16.3299 7.42215 15.4086 7.04056C14.4938 6.66168 13.6358 6.20477 13.0041 5.84057C12.8203 5.73465 12.6563 5.63692 12.5163 5.55169C12.4683 5.50252 12.4144 5.45759 12.3549 5.41795C11.8198 5.06118 11.5435 4.58513 11.5066 4.10093ZM12.644 6.78668C13.2835 7.15001 14.1245 7.59111 15.0259 7.96445C15.7412 8.26069 16.5127 8.52204 17.2627 8.66262L15.365 13.8812C14.5505 13.2995 13.5526 12.7554 12.533 12.2998C11.5823 11.8749 10.6 11.5213 9.71226 11.2845L12.638 6.79606L12.644 6.78668ZM7.32207 11.9865C7.45 11.9715 7.57632 11.9632 7.7002 11.9595C8.09311 11.9632 8.62816 12.042 9.26985 12.2029C10.1437 12.4222 11.1474 12.7759 12.125 13.2127C13.1034 13.6499 14.0411 14.1639 14.7882 14.6981C15.5514 15.2438 16.0533 15.7669 16.2471 16.2031C16.2533 16.2169 16.2599 16.2303 16.2671 16.2433C16.3972 16.5818 16.432 16.9279 16.4144 17.2767C16.3932 17.6992 16.2966 18.1124 16.1719 18.5166C12.9007 17.1713 8.4739 14.9754 5.18141 13.232C5.64987 12.5937 6.17571 12.2883 6.65605 12.1305C6.873 12.0592 7.08953 12.0148 7.30179 11.9889L7.30207 11.9903C7.30865 11.989 7.31531 11.9877 7.32207 11.9865Z" fill="currentColor"/>
+    </svg>
+    <!-- eslint-enable -->
+</template>

package/lib/components/Icons/icon.d.ts

@@ -65,4 +65,5 @@ export type TIconType =
     | 'preview'
     | 'timer'
     | 'present'
-    | 'link'
+    | 'link'
+    | 'assignment'

package/lib/components/Quiz/question.d.ts

@@ -6,7 +6,7 @@ export type TMatrixChoiceKey = `${'a' | 'd'}${1 | 2 | 3 }_${1 | 2 | 3 | 4 | 5 |
 export type TQuizMode = 'qotd' | 'quick10' | 'timed' | 'weakest' | 'missed' | 'custom'
 
 // eslint-disable-next-line max-len
-export type TContextIcon = 'quick10' | 'calendar' | 'missedQuestions' | 'subject' | 'stopwatch' | 'exam' | 'levelup' | 'pencil' | 'link'
+export type TContextIcon = 'quick10' | 'calendar' | 'missedQuestions' | 'subject' | 'stopwatch' | 'exam' | 'levelup' | 'pencil' | 'assignment'
 
 export type TBreakPointsObject = {
     'mobile': number

package/lib/utils.ts

@@ -60,9 +60,9 @@ export const studyModes = {
     '11': {
         name: 'Assignment',
         shortName: 'assignment',
-        icon: 'link',
-        iconColor: BrandColors.slate,
-        iconColorDM: BrandColors.pewter,
+        icon: 'assignment',
+        iconColor: BrandColors.ash,
+        iconColorDM: BrandColors.fog,
     },
 } as const
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pocketprep/ui-kit",
-  "version": "3.5.4",
+  "version": "3.5.6",
   "description": "Pocket Prep UI Kit",
   "author": "pocketprep",
   "scripts": {