@farm-investimentos/front-mfe-components 3.4.2 → 3.4.3

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.
Files changed (21) hide show
  1. package/dist/front-mfe-components.common.js +61 -39
  2. package/dist/front-mfe-components.common.js.map +1 -1
  3. package/dist/front-mfe-components.css +1 -1
  4. package/dist/front-mfe-components.umd.js +61 -39
  5. package/dist/front-mfe-components.umd.js.map +1 -1
  6. package/dist/front-mfe-components.umd.min.js +1 -1
  7. package/dist/front-mfe-components.umd.min.js.map +1 -1
  8. package/package.json +1 -1
  9. package/src/components/ModalPromptUser/ModalPromptUser.stories.js +46 -3
  10. package/src/components/ModalPromptUser/__tests__/ModalPromptUser.spec.js +27 -0
  11. package/src/components/PromptUserToConfirm/PromptUserToConfirm.stories.js +2 -2
  12. package/src/components/PromptUserToConfirm/__tests__/PromptUserToConfirm.spec.js +24 -0
  13. package/src/components/TableContextMenu/TableContextMenu.scss +3 -0
  14. package/src/components/TableContextMenu/TableContextMenu.stories.js +39 -2
  15. package/src/components/TableContextMenu/TableContextMenu.vue +3 -0
  16. package/src/scss/ButtonOverrides.scss +7 -1
  17. package/src/scss/DefaultModal.scss +66 -64
  18. package/src/scss/DialogOverrides.scss +86 -0
  19. package/src/scss/FormOverrides.scss +46 -6
  20. package/src/scss/VMenuOverrides.scss +5 -0
  21. package/src/scss/utils.scss +138 -99
package/src/scss/utils.scss CHANGED
@@ -1,135 +1,174 @@
1
1
  .container-main.container-main-sm {
2
- max-width: 960px;
2
+ max-width: 960px;
3
3
  }
4
4
  .container-main > .col {
5
- background-color: white;
6
- border-radius: 0.5rem;
7
- max-width: calc(100% - 2rem);
8
- margin: 1rem auto;
9
- &.col__no-bg {
10
- background-color: transparent;
11
- }
5
+ background-color: white;
6
+ border-radius: 0.5rem;
7
+ max-width: calc(100% - 2rem);
8
+ margin: 1rem auto;
9
+ &.col__no-bg {
10
+ background-color: transparent;
11
+ }
12
+
13
+ .container-main__footer-buttons-right {
14
+ margin: 0;
15
+ margin-top: 1rem;
16
+ padding: 0;
17
+ justify-content: flex-end;
18
+ .v-btn {
19
+ margin-left: 1rem;
20
+ }
21
+ }
22
+ min-height: 8rem;
12
23
  }
13
24
 
14
25
  .v-data-table__clickable {
15
- tbody tr {
16
- cursor: pointer;
17
- &:hover td {
18
- opacity: 0.6;
19
- .status-chip {
20
- cursor: pointer;
21
- }
22
- }
23
- }
26
+ tbody tr {
27
+ cursor: pointer;
28
+ &:hover td {
29
+ opacity: 1;
30
+ .status-chip {
31
+ cursor: pointer;
32
+ }
33
+ }
34
+ }
24
35
  }
25
36
 
26
37
  .v-list__clickable {
27
- .v-list-item__title {
28
- cursor: pointer;
29
- &:hover {
30
- opacity: 0.6;
31
- }
32
- }
38
+ .v-list-item__title {
39
+ cursor: pointer;
40
+ &:hover {
41
+ opacity: 0.6;
42
+ }
43
+ }
33
44
  }
34
45
 
35
46
  .tabs-container {
36
- border-bottom: 1px solid var(--v-gray-lighten2);
47
+ border-bottom: 1px solid var(--v-gray-lighten2);
37
48
  }
38
49
 
39
50
  tr.v-data-table__empty-wrapper {
40
- td {
41
- background-color: white !important;
42
- cursor: default !important;
43
- opacity: 1 !important;
44
- padding: 0 !important;
45
- }
51
+ td {
52
+ background-color: white !important;
53
+ cursor: default !important;
54
+ opacity: 1 !important;
55
+ padding: 0 !important;
56
+ }
46
57
  }
47
58
 
48
59
  .v-tabs {
49
- .v-tab {
50
- font-weight: 700;
51
- font-size: 0.875rem;
52
- padding: 1rem 2rem;
53
- }
60
+ .v-tab {
61
+ font-weight: 700;
62
+ font-size: 0.875rem;
63
+ padding: 1rem 2rem;
64
+ }
54
65
  }
55
66
 
56
67
  .v-picker {
57
- .v-picker__actions {
58
- margin: 0 0.5rem 0.5rem;
59
- }
60
- .v-date-picker-header__value {
61
- text-align: left;
62
-
63
- button:first-letter {
64
- text-transform: capitalize;
65
- }
66
- button:hover:after {
67
- border-top-color: var(--v-secondary-base);
68
- }
69
- button:after {
70
- position: absolute;
71
- content: '';
72
- width: 0px;
73
- height: 0px;
74
- border-top: 0.25rem solid var(--v-primary-base);
75
- border-right: 0.25rem solid transparent;
76
- border-bottom: 0.25rem solid transparent;
77
- border-left: 0.25rem solid transparent;
78
- margin-left: 0.5rem;
79
- margin-top: 0.5rem;
80
- }
81
- }
82
- .v-date-picker-header {
83
- display: grid;
84
- grid-template-columns: 1fr 2rem 2rem;
85
- grid-template-areas: ' a b c ';
86
- margin-top: 0.5rem;
87
-
88
- .v-btn:nth-child(1) {
89
- grid-area: b;
90
- }
91
- > div {
92
- grid-area: a;
93
- }
94
- .v-btn:nth-child(3) {
95
- grid-area: c;
96
- }
97
- }
68
+ .v-picker__actions {
69
+ margin: 0 0.5rem 0.5rem;
70
+ }
71
+ .v-date-picker-header__value {
72
+ text-align: left;
73
+
74
+ button:first-letter {
75
+ text-transform: capitalize;
76
+ }
77
+ button:hover:after {
78
+ border-top-color: var(--v-secondary-base);
79
+ }
80
+ button:after {
81
+ position: absolute;
82
+ content: '';
83
+ width: 0px;
84
+ height: 0px;
85
+ border-top: 0.25rem solid var(--v-primary-base);
86
+ border-right: 0.25rem solid transparent;
87
+ border-bottom: 0.25rem solid transparent;
88
+ border-left: 0.25rem solid transparent;
89
+ margin-left: 0.5rem;
90
+ margin-top: 0.5rem;
91
+ }
92
+ }
93
+ .v-date-picker-header {
94
+ display: grid;
95
+ grid-template-columns: 1fr 2rem 2rem;
96
+ grid-template-areas: ' a b c ';
97
+ margin-top: 0.5rem;
98
+
99
+ .v-btn:nth-child(1) {
100
+ grid-area: b;
101
+ }
102
+ > div {
103
+ grid-area: a;
104
+ }
105
+ .v-btn:nth-child(3) {
106
+ grid-area: c;
107
+ }
108
+ }
98
109
  }
99
110
 
100
111
  .v-icon.v-icon__extral4 {
101
- background: var(--v-extra-lighten4);
102
- color: white !important;
112
+ background: var(--v-extra-lighten4);
113
+ color: white !important;
103
114
  }
104
115
 
105
116
  .v-icon.v-icon__secondary4 {
106
- background: var(--v-secondary-lighten4);
107
- color: var(--v-secondary-base) !important;
117
+ background: var(--v-secondary-lighten4);
118
+ color: var(--v-secondary-base) !important;
108
119
  }
109
120
 
110
121
  span.span__type--cdca {
111
- color: var(--v-secondary-base);
112
- .v-chip {
113
- background-color: var(--v-secondary-base) !important;
114
- color: white;
115
- }
116
- .v-icon {
117
- color: var(--v-secondary-base);
118
- }
122
+ color: var(--v-secondary-base);
123
+ .v-chip {
124
+ background-color: var(--v-secondary-base) !important;
125
+ color: white;
126
+ }
127
+ .v-icon {
128
+ color: var(--v-secondary-base);
129
+ }
119
130
  }
120
131
  span.span__type--cprf {
121
- color: var(--v-accent-base);
122
- .v-chip {
123
- background-color: var(--v-accent-base) !important;
124
- color: white;
125
- }
126
- .v-icon {
127
- color: var(--v-accent-base);
128
- }
132
+ color: var(--v-accent-base);
133
+ .v-chip {
134
+ background-color: var(--v-accent-base) !important;
135
+ color: white;
136
+ }
137
+ .v-icon {
138
+ color: var(--v-accent-base);
139
+ }
140
+ }
141
+
142
+ .mf-Containers.mf-Containers-authenticated {
143
+ > .mf-Container > div.v-application {
144
+ padding-bottom: 2.625rem;
145
+ }
146
+ }
147
+
148
+ #blip-chat-container {
149
+ bottom: 1rem;
150
+ #blip-chat-open-iframe {
151
+ bottom: 0.5rem;
152
+ }
153
+ }
154
+
155
+ body.body--has-footer {
156
+ #blip-chat-container #blip-chat-open-iframe {
157
+ bottom: 3rem;
158
+ }
129
159
  }
130
160
 
131
161
  @media (max-width: 600px) {
132
- .container-main > .col {
133
- max-width: calc(100% - 0.5rem);
134
- }
162
+ .container-main > .col {
163
+ max-width: calc(100% - 0.5rem);
164
+
165
+ .container-main__footer-buttons-right {
166
+ justify-content: unset;
167
+ .v-btn {
168
+ margin-left: 0;
169
+ margin-top: 1rem;
170
+ width: 100%;
171
+ }
172
+ }
173
+ }
135
174
  }