@pocketprep/ui-kit 3.4.41 → 3.4.43

package/lib/components/Icons/Icon.vue

@@ -73,6 +73,7 @@
     <IconChat v-else-if="type === 'chat'" :title="title" />
     <IconPreview v-else-if="type === 'preview'" :title="title" />
     <IconPresent v-else-if="type === 'present'" :title="title" />
+    <IconLink v-else-if="type === 'link'" :title="title" />
 </template>
 
 <script lang="ts">
@@ -144,6 +145,7 @@ import IconPercent from './IconPercent.vue'
 import IconPerson from './IconPerson.vue'
 import IconTimer from './IconTimer.vue'
 import IconPresent from './IconPresent.vue'
+import IconLink from './IconLink.vue'
 
 @Component({
     components: {
@@ -213,6 +215,7 @@ import IconPresent from './IconPresent.vue'
         IconPreview,
         IconTimer,
         IconPresent,
+        IconLink,
     },
 })
 export default class Icon extends Vue {

package/lib/components/Icons/IconLink.vue

@@ -0,0 +1,20 @@
+<template>
+    <!-- eslint-disable -->
+    <svg width="22" height="21" viewBox="0 0 22 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <title>{{ title }}</title>
+        <path d="M9.54561 14.75H8.99561H4.5C2.567 14.75 1 13.183 1 11.25V10.25C1 8.317 2.567 6.75 4.5 6.75H6.0145" stroke="currentColor" stroke-width="1.75" stroke-linecap="round"/>
+        <path d="M13.355 10.1338C13.3701 10.314 13.3778 10.5053 13.3778 10.7095C13.3778 11.7127 13.1705 14.7496 9.5 14.7496" stroke="currentColor" stroke-width="1.75" stroke-linecap="round"/>
+        <path d="M12.6868 6.75H17.6294C19.5624 6.75 21.1294 8.317 21.1294 10.25V11.25C21.1294 13.183 19.5624 14.75 17.6294 14.75H16.0147" stroke="currentColor" stroke-width="1.75" stroke-linecap="round"/>
+        <path d="M8.78042 11.4502C8.76023 11.2457 8.74996 11.0266 8.74996 10.7903C8.74996 9.78704 8.95724 6.75021 12.6278 6.75021" stroke="currentColor" stroke-width="1.75" stroke-linecap="round"/>
+    </svg>
+    <!-- eslint-enable -->
+</template>
+
+<script lang="ts">
+import { Vue, Component, Prop } from 'vue-facing-decorator'
+
+@Component
+export default class IconLink extends Vue {
+    @Prop() title!: string
+}
+</script>

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

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

package/lib/utils.ts

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

package/package.json

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