@pocketprep/ui-kit 3.5.8 → 3.5.10

package/lib/components/Buttons/Button.vue

@@ -546,7 +546,7 @@ export default class Button extends Vue {
         padding: 5px 11px;
         display: inline-flex;
         align-items: center;
-        border: 1px solid rgba($pewter, 0.30);
+        border: 1px solid rgba($pewter, 0.85);
         border-radius: 13px;
 
         &:enabled {
@@ -564,10 +564,10 @@ export default class Button extends Vue {
                     position: absolute;
                     top: -5px;
                     bottom: -5px;
-                    left: -8px;
-                    right: -8px;
+                    left: -5px;
+                    right: -5px;
                     border: 1px solid $banana-bread;
-                    border-radius: 6px;
+                    border-radius: 20px;
                 }
             }
         }

package/lib/components/Icons/Icon.vue

@@ -76,6 +76,7 @@
     <IconLink v-else-if="type === 'link'" :title="title" />
     <IconAssignment v-else-if="type === 'assignment'" :title="title" />
     <IconQuickActions v-else-if="type === 'quickActions'" :title="title" />
+    <IconHighlight v-else-if="type === 'highlight'" :title="title" />
 </template>
 
 <script lang="ts">
@@ -150,6 +151,7 @@ import IconPresent from './IconPresent.vue'
 import IconLink from './IconLink.vue'
 import IconAssignment from './IconAssignment.vue'
 import IconQuickActions from './IconQuickActions.vue'
+import IconHighlight from './IconHighlight.vue'
 
 @Component({
     name: 'Icon',
@@ -223,6 +225,7 @@ import IconQuickActions from './IconQuickActions.vue'
         IconLink,
         IconAssignment,
         IconQuickActions,
+        IconHighlight,
     },
 })
 export default class Icon extends Vue {

package/lib/components/Icons/IconHighlight.vue

@@ -0,0 +1,26 @@
+<script setup lang="ts">
+        
+const { title } = defineProps<{
+    title: string
+}>()
+</script>
+        
+<template>
+    <!-- eslint-disable -->
+    <svg width="134"
+         height="27"
+         viewBox="0 0 134 27"
+         fill="none"
+         xmlns="http://www.w3.org/2000/svg"
+         preserveAspectRatio="none">
+        <title>{{ title }}</title>
+        <g style="mix-blend-mode:multiply">
+            <path fill-rule="evenodd"
+                  clip-rule="evenodd"
+                  d="M121.896 26.7761C78.6574 17.4701 39.0734 19.3182 11.3378 23.0625C5.86462 23.8014 0.828735 19.9635 0.0898539 14.4903C-0.649027 9.01707 3.1889 3.98118 8.66209 3.2423C37.9265 -0.708394 79.9561 -2.70836 126.104 7.22387C131.503 8.38592 134.938 13.7049 133.776 19.1041C132.614 24.5033 127.295 27.9382 121.896 26.7761Z"
+                  fill="currentColor"
+                  fill-opacity="0.7" />
+        </g>
+    </svg>
+    <!-- eslint-disable -->
+</template>

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

@@ -67,4 +67,5 @@ export type TIconType =
     | 'present'
     | 'link'
     | 'assignment'
-    | 'quickActions'
+    | 'quickActions'
+    | 'highlight'

package/lib/utils.ts

@@ -61,8 +61,8 @@ export const studyModes = {
         name: 'Assignment',
         shortName: 'assignment',
         icon: 'assignment',
-        iconColor: BrandColors.ash,
-        iconColorDM: BrandColors.fog,
+        iconColor: BrandColors.caramel,
+        iconColorDM: BrandColors.cheddar,
     },
 } as const
 

package/package.json

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