@magicgol/polyjuice 0.21.1 → 0.21.2

package/package.json

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

package/src/components/footballer/role-badge/RoleBadge.stories.js

@@ -9,7 +9,7 @@ export default {
     role: {
       control: { type: 'select' },
       options: ['P', 'D', 'C', 'A'],
-      defaultValue: 'A'
+      defaultValue: null
     },
     size: {
       control: { type: 'select' },

package/src/components/footballer/role-badge/RoleBadge.vue

@@ -4,7 +4,10 @@
     :class="classes"
   >
     <slot v-if="slotVisibility"></slot>
-    <template v-else>{{ role }}</template>
+    <template v-else>
+      <template v-if="role">{{ role }}</template>
+      <template v-else>-</template>
+    </template>
   </div>
 </template>
 
@@ -15,7 +18,7 @@ export default {
   props: {
     role: {
       type: String,
-      default: 'A',
+      default: null,
       validator: function (value) {
         return ['P', 'D', 'C', 'A'].indexOf(value) !== -1;
       },
@@ -53,6 +56,7 @@ export default {
   @import '../../../assets/palette';
 
   .mg-role-badge {
+    background-color: #c2c2c2;
     font-family: 'Ubuntu', sans-serif;
     font-weight: 600;