@farm-investimentos/front-mfe-components 15.4.6 → 15.4.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/front-mfe-components.common.js +148 -148
- package/dist/front-mfe-components.common.js.map +1 -1
- package/dist/front-mfe-components.css +2 -2
- package/dist/front-mfe-components.umd.js +148 -148
- package/dist/front-mfe-components.umd.js.map +1 -1
- package/dist/front-mfe-components.umd.min.js +1 -1
- package/dist/front-mfe-components.umd.min.js.map +1 -1
- package/package.json +1 -1
- package/src/components/ListItem/ListItem.scss +33 -0
- package/src/components/MainFilter/MainFilter.vue +2 -1
- package/src/components/MainFilter/__tests__/MainFilter.spec.js +2 -2
- package/src/components/TableContextMenu/TableContextMenu.scss +1 -1
- package/src/components/TableContextMenu/TableContextMenu.vue +2 -4
- package/src/components/TextArea/TextArea.scss +7 -0
- package/src/components/TextFieldV2/TextFieldV2.scss +9 -1
package/package.json
CHANGED
|
@@ -16,6 +16,11 @@
|
|
|
16
16
|
text-decoration: none;
|
|
17
17
|
}
|
|
18
18
|
|
|
19
|
+
.farm-icon,
|
|
20
|
+
.farm-typography {
|
|
21
|
+
color: var(--farm-neutral-darken);
|
|
22
|
+
}
|
|
23
|
+
|
|
19
24
|
&:hover,
|
|
20
25
|
&:focus {
|
|
21
26
|
border-radius: 5px;
|
|
@@ -23,14 +28,42 @@
|
|
|
23
28
|
@each $color in $theme-colors-list {
|
|
24
29
|
&#{'.farm-listitem--' + $color + '-base'} {
|
|
25
30
|
background-color: rgba(themeColor($color), 0.27);
|
|
31
|
+
.farm-icon,
|
|
32
|
+
.farm-typography {
|
|
33
|
+
color: rgba(themeColor($color), 1);
|
|
34
|
+
}
|
|
26
35
|
}
|
|
27
36
|
|
|
28
37
|
&#{'.farm-listitem--' + $color + '-lighten'} {
|
|
29
38
|
background-color: rgba(themeColor($color, 'lighten'), 0.27);
|
|
39
|
+
.farm-icon,
|
|
40
|
+
.farm-typography {
|
|
41
|
+
color: rgba(themeColor($color), 1);
|
|
42
|
+
}
|
|
30
43
|
}
|
|
31
44
|
|
|
32
45
|
&#{'.farm-listitem--' + $color + '-darken'} {
|
|
33
46
|
background-color: rgba(themeColor($color, 'darken'), 0.27);
|
|
47
|
+
.farm-icon,
|
|
48
|
+
.farm-typography {
|
|
49
|
+
color: rgba(themeColor($color), 1);
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
&:active {
|
|
56
|
+
@each $color in $theme-colors-list {
|
|
57
|
+
&#{'.farm-listitem--' + $color + '-base'} {
|
|
58
|
+
background-color: rgba(themeColor($color), 0.8);
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
&#{'.farm-listitem--' + $color + '-lighten'} {
|
|
62
|
+
background-color: rgba(themeColor($color, 'lighten'), 0.8);
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
&#{'.farm-listitem--' + $color + '-darken'} {
|
|
66
|
+
background-color: rgba(themeColor($color, 'darken'), 0.8);
|
|
34
67
|
}
|
|
35
68
|
}
|
|
36
69
|
}
|
|
@@ -18,6 +18,7 @@
|
|
|
18
18
|
<farm-btn
|
|
19
19
|
v-if="hasExtraFilters"
|
|
20
20
|
class="farm-btn__cta"
|
|
21
|
+
outlined
|
|
21
22
|
:title="extraFiltersBtnLabel"
|
|
22
23
|
@click="onFilterClick"
|
|
23
24
|
>
|
|
@@ -102,7 +103,7 @@ export default defineComponent({
|
|
|
102
103
|
return `${this.showFilters ? 'Esconder' : 'Ver'} Filtros`;
|
|
103
104
|
},
|
|
104
105
|
extraFiltersBtnIcon() {
|
|
105
|
-
return this.showFilters ? 'filter-off' : 'filter';
|
|
106
|
+
return this.showFilters ? 'filter-off-outline' : 'filter-outline';
|
|
106
107
|
},
|
|
107
108
|
},
|
|
108
109
|
data() {
|
|
@@ -35,11 +35,11 @@ describe('MainFilter component', () => {
|
|
|
35
35
|
});
|
|
36
36
|
|
|
37
37
|
it('get extraFiltersBtnIcon', async () => {
|
|
38
|
-
expect(component.extraFiltersBtnIcon).toEqual('filter');
|
|
38
|
+
expect(component.extraFiltersBtnIcon).toEqual('filter-outline');
|
|
39
39
|
await wrapper.setProps({
|
|
40
40
|
showFilters: true,
|
|
41
41
|
});
|
|
42
|
-
expect(component.extraFiltersBtnIcon).toEqual('filter-off');
|
|
42
|
+
expect(component.extraFiltersBtnIcon).toEqual('filter-off-outline');
|
|
43
43
|
});
|
|
44
44
|
});
|
|
45
45
|
});
|
|
@@ -23,12 +23,10 @@
|
|
|
23
23
|
:hoverColor="item.icon.color || 'primary'"
|
|
24
24
|
@click="onClick(item.handler)"
|
|
25
25
|
>
|
|
26
|
-
<farm-icon v-if="item.icon" size="sm"
|
|
26
|
+
<farm-icon v-if="item.icon" size="sm">
|
|
27
27
|
{{ item.icon.type }}
|
|
28
28
|
</farm-icon>
|
|
29
|
-
<farm-caption bold tag="span"
|
|
30
|
-
item.label
|
|
31
|
-
}}</farm-caption>
|
|
29
|
+
<farm-caption bold tag="span">{{ item.label }}</farm-caption>
|
|
32
30
|
</farm-listitem>
|
|
33
31
|
</farm-list>
|
|
34
32
|
</farm-contextmenu>
|
|
@@ -36,7 +36,14 @@
|
|
|
36
36
|
}
|
|
37
37
|
|
|
38
38
|
&--disabled {
|
|
39
|
+
.farm-textarea--textarea {
|
|
40
|
+
background-color: var(--farm-neutral-lighten);
|
|
41
|
+
border-color: var(--farm-gray-lighten);
|
|
42
|
+
color: var(--farm-bw-black-30);
|
|
43
|
+
}
|
|
39
44
|
textarea {
|
|
45
|
+
background-color: var(--farm-neutral-lighten);
|
|
46
|
+
border-color: var(--farm-gray-lighten);
|
|
40
47
|
color: var(--farm-bw-black-30);
|
|
41
48
|
}
|
|
42
49
|
}
|
|
@@ -44,9 +44,18 @@
|
|
|
44
44
|
}
|
|
45
45
|
|
|
46
46
|
&--disabled {
|
|
47
|
+
.farm-textfield--input {
|
|
48
|
+
background-color: var(--farm-neutral-lighten);
|
|
49
|
+
border-color: var(--farm-gray-lighten);
|
|
50
|
+
color: var(--farm-bw-black-30);
|
|
51
|
+
}
|
|
52
|
+
|
|
47
53
|
input {
|
|
54
|
+
background-color: var(--farm-neutral-lighten);
|
|
55
|
+
border-color: var(--farm-gray-lighten);
|
|
48
56
|
color: var(--farm-bw-black-30);
|
|
49
57
|
}
|
|
58
|
+
|
|
50
59
|
.farm-icon {
|
|
51
60
|
color: var(--farm-bw-black-30);
|
|
52
61
|
cursor: default;
|
|
@@ -62,7 +71,6 @@
|
|
|
62
71
|
}
|
|
63
72
|
}
|
|
64
73
|
|
|
65
|
-
|
|
66
74
|
.farm-textfield--touched.farm-textfield--blured.farm-textfield--validatable {
|
|
67
75
|
&.farm-textfield--error {
|
|
68
76
|
.farm-textfield {
|