@magicgol/polyjuice 0.37.4 → 0.37.5

package/package.json

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

package/src/components/components/label/Label.stories.js

@@ -13,7 +13,7 @@ export default {
     },
     theme: {
       control: { type: 'select' },
-      options: ['light', 'dark', 'goalkeeper', 'defender', 'midfielder', 'forward', 'success'],
+      options: ['light', 'dark', 'club', 'goalkeeper', 'defender', 'midfielder', 'forward', 'success'],
       defaultValue: 'light'
     },
     default: {

package/src/components/components/label/Label.vue

@@ -25,7 +25,7 @@ export default {
       type: String,
       default: 'light',
       validator: function (value) {
-        return ['light', 'dark', 'goalkeeper', 'defender', 'midfielder', 'forward', 'success'].indexOf(value) !== -1;
+        return ['light', 'dark', 'club', 'goalkeeper', 'defender', 'midfielder', 'forward', 'success'].indexOf(value) !== -1;
       },
     },
   },
@@ -38,6 +38,7 @@ export default {
         'mg-label--size-normal': this.size === 'normal',
         'mg-label--theme-light': this.theme === 'light',
         'mg-label--theme-dark': this.theme === 'dark',
+        'mg-label--theme-club': this.theme === 'club',
         'mg-label--theme-goalkeeper': this.theme === 'goalkeeper',
         'mg-label--theme-defender': this.theme === 'defender',
         'mg-label--theme-midfielder': this.theme === 'midfielder',
@@ -90,6 +91,12 @@ export default {
         color: #fff;
       }
 
+      &-club {
+        background: #fff;
+        border-color: map-get($palette, 'expertClub');;
+        color: map-get($palette, 'expertClub');;
+      }
+
       &-goalkeeper {
         background: map-get($palette, 'goalkeeper');
         border-color: map-get($palette, 'text');

package/src/components/context/club/square/ClubSquare.vue

@@ -44,7 +44,7 @@ export default {
   @import '../../../../assets/palette';
 
   .mg-club-square {
-    background-color: lighten(map-get($palette, 'expertClub'), 55%);
+    background-color: lighten(map-get($palette, 'expertClub'), 45%);
 
     &--disabled {
       background-color: #efefef;