@magicgol/polyjuice 0.37.3 → 0.37.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magicgol/polyjuice",
-  "version": "0.37.3",
+  "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;

package/src/components/context/club/star/ClubStar.stories.js

@@ -8,7 +8,7 @@ export default {
   argTypes: {
     size: {
       control: { type: 'select' },
-      options: ['normal', 'small'],
+      options: ['normal', 'small', 'large'],
       defaultValue: 'normal'
     },
     default: {

package/src/components/context/club/star/ClubStar.vue

@@ -32,7 +32,7 @@ export default {
       type: String,
       default: 'normal',
       validator: function (value) {
-        return ['small', 'normal'].indexOf(value) !== -1;
+        return ['small', 'normal', 'large'].indexOf(value) !== -1;
       },
     }
   },
@@ -45,6 +45,7 @@ export default {
         'mg-club-star--negative': this.negative === true,
         'mg-club-star-size-small': this.size === 'small',
         'mg-club-star-size-normal': this.size === 'normal',
+        'mg-club-star-size-large': this.size === 'large',
       };
     },
     icon () {
@@ -93,6 +94,15 @@ export default {
           width: 1.25rem;
         }
       }
+
+      &-large {
+        svg {
+          height: 1.5rem;
+          min-height: 1.5rem;
+          min-width: 1.5rem;
+          width: 1.5rem;
+        }
+      }
     }
 
     &--negative {