@magicgol/polyjuice 0.52.0 → 0.52.2

package/.nvmrc

@@ -1 +1 @@
-v16.0.0
+v18.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magicgol/polyjuice",
-  "version": "0.52.0",
+  "version": "0.52.2",
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",

package/src/components/content/card/vertical-card/VCard.vue

@@ -42,6 +42,10 @@ export default {
           'transparent',
         ].indexOf(value) !== -1;
       },
+    },
+    highlighted: {
+      type: Boolean,
+      default: false
     }
   },
 
@@ -49,6 +53,7 @@ export default {
     classes() {
       return {
         'mg-v-card': true,
+        'mg-v-card--highlighted': this.highlighted === true,
         'mg-v-card--theme-club': this.theme === 'club',
         'mg-v-card--theme-rating': this.theme === 'rating',
         'mg-v-card--theme-goalkeeper': this.theme === 'goalkeeper',
@@ -80,7 +85,11 @@ export default {
 
 .mg-v-card {
   background: white;
-  box-shadow: 0 8px 22px 0 rgba(0, 0, 0, 0.3);
+  box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.3);
+
+  &--highlighted {
+    border: 2px solid map-get($palette, 'highlighted');
+  }
 
   &--theme {
     &-club {

package/src/components/context/club/button/secondary-club-button/SecondaryClubButton.vue

@@ -72,6 +72,7 @@ export default {
     padding: 0.125rem;
 
     > div {
+      border-radius: 15px;
       padding: calc(0.5rem - 2px);
 
       > div {