@magicgol/polyjuice 0.32.0 → 0.32.3
Sign up to get free protection for your applications and to get access to all the features.
- package/package.json +1 -1
- package/src/components/footballer/horizontal-footballer-placeholder/HFootballerPlaceholder.vue +1 -1
- package/src/components/form/advanced/remove-button/RemoveButton.stories.js +6 -0
- package/src/components/form/advanced/remove-button/RemoveButton.vue +10 -1
- package/src/components/list/head/ListHead.stories.js +2 -2
- package/src/components/list/head/ListHead.vue +8 -4
package/package.json
CHANGED
@@ -20,3 +20,9 @@ export const Default = Template.bind({});
|
|
20
20
|
// More on args: https://storybook.js.org/docs/vue/writing-stories/args
|
21
21
|
Default.args = {
|
22
22
|
};
|
23
|
+
|
24
|
+
export const Disabled = Template.bind({});
|
25
|
+
// More on args: https://storybook.js.org/docs/vue/writing-stories/args
|
26
|
+
Disabled.args = {
|
27
|
+
disabled: true
|
28
|
+
};
|
@@ -1,7 +1,9 @@
|
|
1
1
|
<template>
|
2
2
|
<mg-tertiary-button
|
3
|
-
|
3
|
+
class="p-0"
|
4
|
+
:disabled="disabled"
|
4
5
|
:class="classes"
|
6
|
+
@click="onClick"
|
5
7
|
>
|
6
8
|
<svgicon name="circle-with-minus"></svgicon>
|
7
9
|
</mg-tertiary-button>
|
@@ -13,6 +15,13 @@ import MgTertiaryButton from "../../button/tertiary-button/TertiaryButton";
|
|
13
15
|
export default {
|
14
16
|
name: 'mg-remove-button',
|
15
17
|
|
18
|
+
props: {
|
19
|
+
disabled: {
|
20
|
+
type: Boolean,
|
21
|
+
default: false,
|
22
|
+
}
|
23
|
+
},
|
24
|
+
|
16
25
|
computed: {
|
17
26
|
classes() {
|
18
27
|
return {
|
@@ -28,10 +28,10 @@ const Template = (args, { argTypes }) => ({
|
|
28
28
|
template: `
|
29
29
|
<div class="row">
|
30
30
|
<div class="col-6 p-0">
|
31
|
-
<mg-list-head
|
31
|
+
<mg-list-head>Another head</mg-list-head>
|
32
32
|
</div>
|
33
33
|
<div class="col-6 p-0">
|
34
|
-
<mg-list-head
|
34
|
+
<mg-list-head @click="$emit('click')" v-bind="$props"><template v-if="${'default' in args}" v-slot>${args.default}</template></mg-list-head>
|
35
35
|
</div>
|
36
36
|
</div>`,
|
37
37
|
});
|
@@ -1,13 +1,13 @@
|
|
1
1
|
<template>
|
2
2
|
<div
|
3
|
-
class="
|
4
|
-
:class="classes"
|
3
|
+
class="text-uppercase pb-2 px-2"
|
4
|
+
:class="[classes, {'d-flex align-items-center': active, 'justify-content-center text-center': alignCenter}]"
|
5
5
|
>
|
6
6
|
<div><slot></slot></div>
|
7
7
|
<svgicon
|
8
8
|
v-if="active"
|
9
9
|
name="arrow-down"
|
10
|
-
class="ml-
|
10
|
+
class="ml-1"
|
11
11
|
></svgicon>
|
12
12
|
</div>
|
13
13
|
</template>
|
@@ -20,7 +20,11 @@ export default {
|
|
20
20
|
active: {
|
21
21
|
type: Boolean,
|
22
22
|
default: false
|
23
|
-
}
|
23
|
+
},
|
24
|
+
alignCenter: {
|
25
|
+
type: Boolean,
|
26
|
+
default: false
|
27
|
+
},
|
24
28
|
},
|
25
29
|
|
26
30
|
computed: {
|