@farm-investimentos/front-mfe-components 15.5.2 → 15.5.4

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 (11) hide show
  1. package/dist/front-mfe-components.common.js +92 -89
  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 +92 -89
  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/ChipInviteStatus/keys.ts +9 -9
  10. package/src/components/DatePicker/DatePicker.scss +2 -2
  11. package/src/components/DatePicker/vDatePicker.scss +182 -183
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@farm-investimentos/front-mfe-components",
3
- "version": "15.5.2",
3
+ "version": "15.5.4",
4
4
  "author": "farm investimentos",
5
5
  "private": false,
6
6
  "main": "./dist/front-mfe-components.common.js",
package/src/components/ChipInviteStatus/keys.ts CHANGED
@@ -1,11 +1,11 @@
1
1
  export default {
2
- 10: { label: 'Convidar', color: 'primary' },
3
- 11: { label: 'Convidado', color: 'warning', outlined: true },
4
- 12: { label: 'Incompleto', color: 'warning', outlined: true },
5
- 13: { label: 'Concluído', color: 'primary', outlined: true },
6
- 14: { label: 'Falha/Erro', color: 'error', outlined: true },
7
- 15: { label: 'Em Análise', color: 'info', outlined: true },
8
- 16: { label: 'Em Andamento', color: 'secondary', variation: 'darken' },
9
- 17: { label: 'Em Espera', color: 'secondary' },
10
- 18: { label: 'Declinado', color: 'error', outlined: true },
2
+ 10: { label: 'Convidar', color: 'success', variation: 'base' },
3
+ 11: { label: 'Convidado', color: 'warning', variation: 'lighten' },
4
+ 12: { label: 'Incompleto', color: 'error', variation: 'lighten' },
5
+ 13: { label: 'Concluído', color: 'success', variation: 'lighten' },
6
+ 14: { label: 'Falha/Erro', color: 'error', variation: 'base' },
7
+ 15: { label: 'Em Análise', color: 'info', variation: 'base' },
8
+ 16: { label: 'Em Andamento', color: 'secondary-golden', variation: 'darken' },
9
+ 17: { label: 'Em Espera', color: 'info', variation: 'lighten' },
10
+ 18: { label: 'Declinado', color: 'neutral', variation: 'base' },
11
11
  };
package/src/components/DatePicker/DatePicker.scss CHANGED
@@ -14,6 +14,6 @@
14
14
  width: 100%;
15
15
  }
16
16
 
17
- .v-picker ::v-deep {
17
+ .v-picker ::v-deep {
18
18
  @import './vDatePicker.scss';
19
- }
19
+ }
package/src/components/DatePicker/vDatePicker.scss CHANGED
@@ -1,214 +1,213 @@
1
1
  .v-picker__actions {
2
- padding: 16px 8px 0;
3
- border-top: 1px solid var(--farm-stroke-base);
4
- margin-bottom: 16px;
5
- margin-left: -4px;
6
- margin-right: -4px;
2
+ padding: 16px clamp(16px, 5vw, 24px) 0;
3
+ border-top: 1px solid var(--farm-stroke-base);
4
+ margin-bottom: 16px;
5
+ margin-left: -4px;
6
+ margin-right: -4px;
7
7
  }
8
8
 
9
9
  .v-date-picker-header__value {
10
- text-align: left;
11
-
12
- button:first-letter {
13
- text-transform: capitalize;
14
- }
15
-
16
- button:hover:after {
17
- border-top-color: var(--farm-primary-base);
18
- }
19
-
20
- button:after {
21
- position: absolute;
22
- content: '';
23
- width: 0px;
24
- height: 0px;
25
- border-top: 0.25rem solid var(--farm-secondary-green-base);
26
- border-right: 0.25rem solid transparent;
27
- border-bottom: 0.25rem solid transparent;
28
- border-left: 0.25rem solid transparent;
29
- margin-left: 0.5rem;
30
- margin-top: 0.5rem;
31
- }
10
+ text-align: left;
11
+
12
+ button:first-letter {
13
+ text-transform: capitalize;
14
+ }
15
+
16
+ button:hover:after {
17
+ border-top-color: var(--farm-primary-base);
18
+ }
19
+
20
+ button:after {
21
+ position: absolute;
22
+ content: '';
23
+ width: 0px;
24
+ height: 0px;
25
+ border-top: 0.25rem solid var(--farm-secondary-green-base);
26
+ border-right: 0.25rem solid transparent;
27
+ border-bottom: 0.25rem solid transparent;
28
+ border-left: 0.25rem solid transparent;
29
+ margin-left: 0.5rem;
30
+ margin-top: 0.5rem;
31
+ }
32
32
  }
33
33
 
34
34
  .v-date-picker-header {
35
- display: grid;
36
- grid-template-columns: 1fr 60px 36px;
37
- grid-template-areas: ' a b c ';
35
+ display: grid;
36
+ grid-template-columns: 1fr 60px 36px;
37
+ grid-template-areas: ' a b c ';
38
38
 
39
- .v-btn:nth-child(1) {
40
- grid-area: b;
41
- }
39
+ .v-btn:nth-child(1) {
40
+ grid-area: b;
41
+ }
42
42
 
43
- >div {
44
- grid-area: a;
45
- }
43
+ > div {
44
+ grid-area: a;
45
+ }
46
46
 
47
- .v-btn:nth-child(3) {
48
- grid-area: c;
49
- }
47
+ .v-btn:nth-child(3) {
48
+ grid-area: c;
49
+ }
50
50
  }
51
51
 
52
52
  .v-date-picker-table__current.v-btn--active {
53
- color: white;
53
+ color: white;
54
54
  }
55
55
 
56
56
  .v-date-picker-header {
57
- padding: 0;
58
- margin-top: 16px;
59
- margin-bottom: 16px;
60
- margin-left: 16px;
61
-
62
- .mdi-chevron-left::before,
63
- .mdi-chevron-right::before {
64
- color: var(--farm-neutral-darken);
65
- font-size: 20px;
66
- font-weight: 900;
67
- }
57
+ padding: 0;
58
+ margin-top: 16px;
59
+ margin-bottom: 16px;
60
+ margin-left: 16px;
61
+
62
+ .mdi-chevron-left::before,
63
+ .mdi-chevron-right::before {
64
+ color: var(--farm-neutral-darken);
65
+ font-size: 20px;
66
+ font-weight: 900;
67
+ }
68
68
  }
69
69
 
70
70
  .v-picker__body:has(div > .v-date-picker-years) {
71
- li {
72
- color: var(--farm-neutral-darken);
73
- font-size: 12px;
74
- font-weight: 500;
75
- width: 70px;
76
- margin: 0 auto;
77
- border-radius: 5px;
78
-
79
- &.active {
80
- color: #fff;
81
- background-color: var(--farm-primary-base);
82
- border: 1px solid var(--farm-primary-base);
83
- }
84
-
85
- &:hover:not(.active) {
86
- background-color: var(--farm-primary-lighten);
87
- }
88
- }
71
+ li {
72
+ color: var(--farm-neutral-darken);
73
+ font-size: 12px;
74
+ font-weight: 500;
75
+ width: 70px;
76
+ margin: 0 auto;
77
+ border-radius: 5px;
78
+
79
+ &.active {
80
+ color: #fff;
81
+ background-color: var(--farm-primary-base);
82
+ border: 1px solid var(--farm-primary-base);
83
+ }
84
+
85
+ &:hover:not(.active) {
86
+ background-color: var(--farm-primary-lighten);
87
+ }
88
+ }
89
89
  }
90
90
 
91
91
  .v-date-picker-header__value {
92
- button {
93
- padding-left: 0;
94
- }
92
+ button {
93
+ padding-left: 0;
94
+ }
95
95
  }
96
96
 
97
97
  .v-date-picker-table {
98
- padding: 0 40px;
99
- margin-bottom: 24px;
100
- height: auto;
101
-
102
- table {
103
- height: 100%;
104
- border-spacing:0;
105
- border-collapse: collapse;
106
-
107
- td {
108
- height: 32px;
109
- width: 32px;
110
- overflow: hidden;
111
- padding: 0;
112
- display: table-cell;
113
- }
114
- }
115
-
116
- table thead th {
117
- color: var(--farm-neutral-darken);
118
- font-size: 16px;
119
- font-weight: 700;
120
- }
121
-
122
- table tbody td .v-btn {
123
- color: var(--farm-neutral-darken);
124
- font-size: 12px;
125
- font-weight: 500;
126
- }
127
-
128
- table tbody td .v-btn.v-btn--disabled {
129
- color: var(--farm-gray-lighten);
130
- }
131
-
132
- table tbody td .v-btn.v-date-picker-table__current,
133
- .v-btn.v-btn--active {
134
- border-radius: 5px;
135
- border-color: var(--farm-primary-base);
136
- border-width: 2px;
137
- }
138
-
139
- table tbody td .v-btn.v-date-picker-table__current {
140
- color: var(--farm-primary-base);
141
- }
142
-
143
- table tbody td .v-btn.v-btn--active {
144
- color: white;
145
- }
146
-
147
- table tbody td .v-btn--rounded {
148
- border-radius: 5px;
149
- }
150
-
151
- table tbody td .v-btn {
152
- &:not(.v-btn--active):hover::before {
153
- background-color: var(--farm-primary-lighten);
154
- opacity: 1;
155
- }
156
-
157
- &::before {
158
- background-color: transparent;
159
- }
160
- }
161
-
98
+ padding: 0 40px;
99
+ margin-bottom: 24px;
100
+ height: auto;
101
+
102
+ table {
103
+ height: 100%;
104
+ border-spacing: 0;
105
+ border-collapse: collapse;
106
+
107
+ td {
108
+ height: 32px;
109
+ width: 32px;
110
+ overflow: hidden;
111
+ padding: 0;
112
+ display: table-cell;
113
+ }
114
+ }
115
+
116
+ table thead th {
117
+ color: var(--farm-neutral-darken);
118
+ font-size: 16px;
119
+ font-weight: 700;
120
+ }
121
+
122
+ table tbody td .v-btn {
123
+ color: var(--farm-neutral-darken);
124
+ font-size: 12px;
125
+ font-weight: 500;
126
+ }
127
+
128
+ table tbody td .v-btn.v-btn--disabled {
129
+ color: var(--farm-gray-lighten);
130
+ }
131
+
132
+ table tbody td .v-btn.v-date-picker-table__current,
133
+ .v-btn.v-btn--active {
134
+ border-radius: 5px;
135
+ border-color: var(--farm-primary-base);
136
+ border-width: 2px;
137
+ }
138
+
139
+ table tbody td .v-btn.v-date-picker-table__current {
140
+ color: var(--farm-primary-base);
141
+ }
142
+
143
+ table tbody td .v-btn.v-btn--active {
144
+ color: white;
145
+ }
146
+
147
+ table tbody td .v-btn--rounded {
148
+ border-radius: 5px;
149
+ }
150
+
151
+ table tbody td .v-btn {
152
+ &:not(.v-btn--active):hover::before {
153
+ background-color: var(--farm-primary-lighten);
154
+ opacity: 1;
155
+ }
156
+
157
+ &::before {
158
+ background-color: transparent;
159
+ }
160
+ }
162
161
  }
163
162
 
164
163
  &.rangedatepicker .v-date-picker-table {
165
- table tbody td .v-btn.v-btn--active {
166
- &:not(.v-date-picker--first-in-range, .v-date-picker--last-in-range) {
167
- background: var(--farm-primary-lighten);
168
- color: var(--farm-primary-base);
169
- border-radius: 0;
170
- //width: 37px;
171
- }
172
-
173
- &.v-date-picker--first-in-range,
174
- &.v-date-picker--last-in-range {
175
- //width: 37px;
176
- }
177
-
178
- &.v-date-picker--first-in-range {
179
- border-top-right-radius: 0;
180
- border-bottom-right-radius: 0;
181
- border-top-left-radius: 5px;
182
- border-bottom-left-radius: 5px;
183
- }
184
-
185
- &.v-date-picker--last-in-range {
186
- border-top-right-radius: 5px;
187
- border-bottom-right-radius: 5px;
188
- border-top-left-radius: 0;
189
- border-bottom-left-radius: 0;
190
- }
191
-
192
- &.v-date-picker--last-in-range.v-date-picker--first-in-range {
193
- border-radius: 5px;
194
- }
195
- }
164
+ table tbody td .v-btn.v-btn--active {
165
+ &:not(.v-date-picker--first-in-range, .v-date-picker--last-in-range) {
166
+ background: var(--farm-primary-lighten);
167
+ color: var(--farm-primary-base);
168
+ border-radius: 0;
169
+ //width: 37px;
170
+ }
171
+
172
+ &.v-date-picker--first-in-range,
173
+ &.v-date-picker--last-in-range {
174
+ //width: 37px;
175
+ }
176
+
177
+ &.v-date-picker--first-in-range {
178
+ border-top-right-radius: 0;
179
+ border-bottom-right-radius: 0;
180
+ border-top-left-radius: 5px;
181
+ border-bottom-left-radius: 5px;
182
+ }
183
+
184
+ &.v-date-picker--last-in-range {
185
+ border-top-right-radius: 5px;
186
+ border-bottom-right-radius: 5px;
187
+ border-top-left-radius: 0;
188
+ border-bottom-left-radius: 0;
189
+ }
190
+
191
+ &.v-date-picker--last-in-range.v-date-picker--first-in-range {
192
+ border-radius: 5px;
193
+ }
194
+ }
196
195
  }
197
196
 
198
197
  &.rangedatepicker.invert-date .v-date-picker-table {
199
- table tbody td .v-btn.v-btn--active {
200
- &.v-date-picker--first-in-range {
201
- border-top-left-radius: 0;
202
- border-bottom-left-radius: 0;
203
- border-top-right-radius: 5px;
204
- border-bottom-right-radius: 5px;
205
- }
206
-
207
- &.v-date-picker--last-in-range {
208
- border-top-left-radius: 5px;
209
- border-bottom-left-radius: 5px;
210
- border-top-right-radius: 0;
211
- border-bottom-right-radius: 0;
212
- }
213
- }
214
- }
198
+ table tbody td .v-btn.v-btn--active {
199
+ &.v-date-picker--first-in-range {
200
+ border-top-left-radius: 0;
201
+ border-bottom-left-radius: 0;
202
+ border-top-right-radius: 5px;
203
+ border-bottom-right-radius: 5px;
204
+ }
205
+
206
+ &.v-date-picker--last-in-range {
207
+ border-top-left-radius: 5px;
208
+ border-bottom-left-radius: 5px;
209
+ border-top-right-radius: 0;
210
+ border-bottom-right-radius: 0;
211
+ }
212
+ }
213
+ }