@pocketprep/ui-kit 3.5.7 → 3.5.9

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/EmptyStates/EmptyState.vue

@@ -61,9 +61,10 @@ export default class EmptyState extends Vue {
     @Prop() message!: string
     @Prop() title!: string
     @Prop() backgroundColor!: 'white'
-    @Prop() state!: 'answered' | 'incorrect' | 'correct' | 'flagged'
+    @Prop() state!: 'answered' | 'incorrect' | 'correct' | 'flagged' | 'assignment'
     @Prop({ default: false }) isDarkMode!: boolean
     @Prop() customBlobColor?: string
+    @Prop() customIconColor?: string
 
     brandColors = BrandColors
 
@@ -74,6 +75,8 @@ export default class EmptyState extends Vue {
             return 'correct'
         } else if (this.state === 'flagged') {
             return 'flagFeedback'
+        } else if (this.state === 'assignment') {
+            return 'assignment'
         }
         // Default to activity icon
         return 'activity'
@@ -108,6 +111,10 @@ export default class EmptyState extends Vue {
             }
             return this.brandColors.cadaverous
         }
+
+        if (this.customIconColor) {
+            return this.customIconColor
+        }
         // Default to caramel
         if (this.isDarkMode) {
             return this.brandColors.butterscotch

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.7",
+  "version": "3.5.9",
   "description": "Pocket Prep UI Kit",
   "author": "pocketprep",
   "scripts": {