@pocketprep/ui-kit 3.0.15 → 3.0.17

package/lib/components/Icons/Icon.md

@@ -73,6 +73,8 @@
             <Icon type="sideBarActive" title="sideBarActive" />
             <Icon type="text" title="text" />
             <Icon type="review-flag" title="review-flag" />
+            <Icon type="levelup" title="levelup" />
+            <Icon type="lightbulb" title="lightbulb" />
         </div>
     </div>
 </template>

package/lib/components/Icons/Icon.vue

@@ -62,6 +62,8 @@
     <IconInfo v-else-if="type === 'info'" :title="title" />
     <IconList v-else-if="type === 'list'" :title="title" />
     <IconLaunch v-else-if="type === 'launch'" :title="title" />
+    <IconLevelUp v-else-if="type === 'levelup'" :title="title" />
+    <IconLightbulb v-else-if="type === 'lightbulb'" :title="title" />
 </template>
 
 <script lang="ts">
@@ -121,6 +123,8 @@ import IconText from './IconText.vue'
 import IconInfo from './IconInfo.vue'
 import IconList from './IconList.vue'
 import IconLaunch from './IconLaunch.vue'
+import IconLevelUp from './IconLevelUp.vue'
+import IconLightbulb from './IconLightbulb.vue'
 import type { TIconType } from './icon'
 
 @Component({
@@ -180,6 +184,8 @@ import type { TIconType } from './icon'
         IconInfo,
         IconList,
         IconLaunch,
+        IconLevelUp,
+        IconLightbulb,
     },
 })
 export default class Icon extends Vue {

package/lib/components/Icons/IconLevelUp.md

@@ -0,0 +1,7 @@
+```vue
+<template>
+    <div>
+        <Icon type="levelup" title="levelup" />
+    </div>
+</template>
+```

package/lib/components/Icons/IconLevelUp.vue

@@ -0,0 +1,19 @@
+<template>
+    <!-- eslint-disable -->
+    <svg width="25px" height="24px" fill="none" viewBox="0 0 25 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+        <title>{{ title }}</title>
+        <path d="M6.5 13.5C6.5 12.3954 5.60457 11.5 4.5 11.5C3.39543 11.5 2.5 12.3954 2.5 13.5V18.5C2.5 19.6046 3.39543 20.5 4.5 20.5C5.60457 20.5 6.5 19.6046 6.5 18.5V13.5Z" stroke="currentColor" stroke-width="2"/>
+        <path d="M14.5 9.5C14.5 8.39543 13.6046 7.5 12.5 7.5C11.3954 7.5 10.5 8.39543 10.5 9.5V18.5C10.5 19.6046 11.3954 20.5 12.5 20.5C13.6046 20.5 14.5 19.6046 14.5 18.5V9.5Z" stroke="currentColor" stroke-width="2"/>
+        <path d="M22.5 5.5C22.5 4.39543 21.6046 3.5 20.5 3.5C19.3954 3.5 18.5 4.39543 18.5 5.5V18.5C18.5 19.6046 19.3954 20.5 20.5 20.5C21.6046 20.5 22.5 19.6046 22.5 18.5V5.5Z" stroke="currentColor" stroke-width="2"/>
+    </svg>
+    <!-- eslint-enable -->
+</template>
+
+<script lang="ts">
+import { Vue, Component, Prop } from 'vue-facing-decorator'
+
+@Component
+export default class IconLevelUp extends Vue {
+    @Prop() title!: string
+}
+</script>

package/lib/components/Icons/IconLightbulb.md

@@ -0,0 +1,5 @@
+<template>
+    <div>
+        <Icon type="lightbulb" title="lightbulb" />
+    </div>
+</template>

package/lib/components/Icons/IconLightbulb.vue

@@ -0,0 +1,20 @@
+<template>
+    <!-- eslint-disable -->
+    <svg width="25px" height="24px" fill="none" viewBox="0 0 25 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+        <title>{{ title }}</title>
+        <path d="M17.283 15.2668L16.7164 14.4428L16.4679 14.6137L16.3553 14.8935L17.283 15.2668ZM7.69298 15.2502L8.62199 14.8802L8.5104 14.6L8.26255 14.4283L7.69298 15.2502ZM7.79247 15.5L8.74455 15.1941L8.73411 15.1617L8.72148 15.1299L7.79247 15.5ZM9.01512 19.3059L9.9672 19L9.01512 19.3059ZM16.0186 19.2948L15.0631 19V19L16.0186 19.2948ZM17.1892 15.5L16.2615 15.1267L16.2459 15.1654L16.2336 15.2052L17.1892 15.5ZM19.5 9.36364C19.5 11.4154 18.4282 13.2658 16.7164 14.4428L17.8496 16.0908C20.0434 14.5824 21.5 12.1442 21.5 9.36364H19.5ZM12.5 3C16.4456 3 19.5 5.92552 19.5 9.36364H21.5C21.5 4.66811 17.3909 1 12.5 1V3ZM5.5 9.36364C5.5 5.92552 8.55436 3 12.5 3V1C7.60909 1 3.5 4.66811 3.5 9.36364H5.5ZM8.26255 14.4283C6.56305 13.2506 5.5 11.407 5.5 9.36364H3.5C3.5 12.1327 4.94466 14.5624 7.12341 16.0722L8.26255 14.4283ZM6.76397 15.6203L6.86346 15.8701L8.72148 15.1299L8.62199 14.8802L6.76397 15.6203ZM6.84039 15.8059L8.06304 19.6117L9.9672 19L8.74455 15.1941L6.84039 15.8059ZM8.06304 19.6117C8.32881 20.439 9.0983 21 9.9672 21V19H9.9672L8.06304 19.6117ZM9.9672 21H15.0631V19H9.9672V21ZM15.0631 21C15.9406 21 16.7156 20.428 16.9742 19.5895L15.0631 19H15.0631V21ZM16.9742 19.5895L18.1447 15.7948L16.2336 15.2052L15.0631 19L16.9742 19.5895ZM18.1169 15.8733L18.2107 15.6401L16.3553 14.8935L16.2615 15.1267L18.1169 15.8733Z" fill="currentColor"/>
+        <path d="M8 9C8.16667 8.16667 8.9 6.4 10.5 6" stroke="currentColor" stroke-linecap="round"/>
+        <path d="M9 22.5H16" stroke="currentColor" stroke-linecap="round"/>
+        <path d="M9 23.5H16" stroke="currentColor" stroke-linecap="round"/>
+    </svg>
+    <!-- eslint-enable -->
+</template>
+
+<script lang="ts">
+import { Vue, Component, Prop } from 'vue-facing-decorator'
+
+@Component
+export default class IconLightbulb extends Vue {
+    @Prop() title!: string
+}
+</script>

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

@@ -52,4 +52,7 @@ export type TIconType =
     | 'text'
     | 'info'
     | 'list'
-    | 'review-flag'
+    | 'review-flag'
+    | 'launch'
+    | 'levelup'
+    | 'lightbulb'

package/lib/utils.ts

@@ -43,6 +43,13 @@ export const studyModes = {
         iconColor: BrandColors.cadaverous,
         iconColorDM: BrandColors.jungleGreen,
     },
+    '6': {
+        name: 'Level Up',
+        shortName: 'levelUp',
+        icon: 'levelup',
+        iconColor: BrandColors.cosmos,
+        iconColorDM: BrandColors.orchid,
+    },
     '10': {
         name: 'Build Your Own',
         shortName: 'custom',

package/package.json

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