@magicgol/polyjuice 0.32.0 → 0.32.3

package/package.json

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

package/src/components/footballer/horizontal-footballer-placeholder/HFootballerPlaceholder.vue

@@ -65,7 +65,7 @@ export default {
   font-family: 'Ubuntu', sans-serif;
   font-size: 1rem;
   font-weight: 500;
-  height: 3.5rem;
+  height: 3.75rem;
 
   svg {
     fill: map-get($palette, 'brand');

package/src/components/form/advanced/remove-button/RemoveButton.stories.js

@@ -20,3 +20,9 @@ export const Default = Template.bind({});
 // More on args: https://storybook.js.org/docs/vue/writing-stories/args
 Default.args = {
 };
+
+export const Disabled = Template.bind({});
+// More on args: https://storybook.js.org/docs/vue/writing-stories/args
+Disabled.args = {
+  disabled: true
+};

package/src/components/form/advanced/remove-button/RemoveButton.vue

@@ -1,7 +1,9 @@
 <template>
   <mg-tertiary-button
-    @click="onClick"
+    class="p-0"
+    :disabled="disabled"
     :class="classes"
+    @click="onClick"
   >
     <svgicon name="circle-with-minus"></svgicon>
   </mg-tertiary-button>
@@ -13,6 +15,13 @@ import MgTertiaryButton from "../../button/tertiary-button/TertiaryButton";
 export default {
   name: 'mg-remove-button',
 
+  props: {
+    disabled: {
+      type: Boolean,
+      default: false,
+    }
+  },
+
   computed: {
     classes() {
       return {

package/src/components/list/head/ListHead.stories.js

@@ -28,10 +28,10 @@ const Template = (args, { argTypes }) => ({
   template: `
     <div class="row">
       <div class="col-6 p-0">
-        <mg-list-head @click="$emit('click')" v-bind="$props"><template v-if="${'default' in args}" v-slot>${args.default}</template></mg-list-head>
+        <mg-list-head>Another head</mg-list-head>
       </div>
       <div class="col-6 p-0">
-        <mg-list-head>Another head</mg-list-head>
+        <mg-list-head @click="$emit('click')" v-bind="$props"><template v-if="${'default' in args}" v-slot>${args.default}</template></mg-list-head>
       </div>
     </div>`,
 });

package/src/components/list/head/ListHead.vue

@@ -1,13 +1,13 @@
 <template>
   <div
-    class="d-flex align-items-center text-uppercase pb-2 px-2"
-    :class="classes"
+    class="text-uppercase pb-2 px-2"
+    :class="[classes, {'d-flex align-items-center': active, 'justify-content-center text-center': alignCenter}]"
   >
     <div><slot></slot></div>
     <svgicon
       v-if="active"
       name="arrow-down"
-      class="ml-2"
+      class="ml-1"
     ></svgicon>
   </div>
 </template>
@@ -20,7 +20,11 @@ export default {
     active: {
       type: Boolean,
       default: false
-    }
+    },
+    alignCenter: {
+      type: Boolean,
+      default: false
+    },
   },
 
   computed: {